https://www.thebodyshop.com.my/9.1e72c0acee63e60aa83c.js

1/*! @version 7.0.0-3b5cdc71cf4d0515bd9c */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{Az5N:function(e,n,r){"use strict"
3r.r(n)
4var a=r("RhWx"),t=r.n(a),o=r("97Jx"),l=r.n(o),i=r("ddV6"),g=r.n(i),d=r("ERkP"),c=r.n(d),v=r("JqJr"),s=r.n(v),b=r("HMMy"),p=r("aWzz"),y=r("loE8"),u=r("k0SE"),m=r("7PYs"),O=r("daAW"),h=function toHTML(e){return{__html:e}},f=function handleDragStart(e){return e.preventDefault()},w=function Banner(e){var n=Object(d.useRef)(null),a=Object(d.useRef)(null),o=Object(b.b)(s.a,e.classes),i=Object(d.useState)(!1),v=g()(i,2),p=v[0],w=v[1],k=function toggleHover(){return w(!p)},x=e.appearance,H=void 0===x?"poster":x,L=e.minHeight,C=e.backgroundColor,R=e.desktopImage,E=e.mobileImage,j=e.backgroundSize,B=e.backgroundPosition,T=e.backgroundAttachment,N=e.backgroundRepeat,S=e.textAlign,z=e.border,P=e.borderColor,I=e.borderWidth,J=e.borderRadius,A=e.content,W=e.showButton,M=e.buttonType,V=e.buttonText,_=e.link,q=e.openInNewTab,F=void 0!==q&&q,D=e.showOverlay,X=e.overlayColor,U=e.marginTop,$=e.marginRight,K=e.marginBottom,Y=e.marginLeft,G=e.paddingTop,Q=e.paddingRight,Z=e.paddingBottom,ee=e.paddingLeft,ne=e.cssClasses,re=void 0===ne?[]:ne,ae=e.backgroundType,te=e.videoSrc,oe=e.videoFallbackSrc,le=e.videoLoop,ie=e.videoPlayOnlyVisible,ge=e.videoLazyLoading,de=e.videoOverlayColor,ce=e.getParallax,ve=void 0===ce?function(){}:ce,se=R
5E&&window.matchMedia("(max-width: 768px)").matches&&(se=E)
6var be={marginTop:U,marginRight:$,marginBottom:K,marginLeft:Y},pe={backgroundColor:C,border:z,borderColor:P,borderWidth:I,borderRadius:J,textAlign:S},ye={backgroundColor:"never"!==D?X:null},ue={},me={backgroundColor:de}
7if(Object(d.useEffect)(function(){var e,t
8if("video"===ae){var o={speed:1,imgSrc:oe?Object(m.a)(oe,{type:"image-wysiwyg",quality:85}):null,elementInViewport:a.current,videoSrc:te,videoLoop:le,videoPlayOnlyVisible:ie,videoLazyLoading:ge}
9e=n.current
10var l=r("kumE")
11t=l.jarallax,(0,l.jarallaxVideo)(),t(e,o),e.jarallax.video&&e.jarallax.video.on("started",function(){var n=e.jarallax
12n.$video&&(n.$video.style.visibility="visible")}),ve(e,o)}return function(){e&&"video"===ae&&t(e,"destroy")}},[ae,te,oe,le,ie,ge]),se){var Oe=Object(m.a)(se,{type:"image-wysiwyg",quality:85})
13pe.backgroundImage="url(".concat(Oe,")"),pe.backgroundSize=j,pe.backgroundPosition=B,pe.backgroundAttachment=T,pe.backgroundRepeat=N?"repeat":"no-repeat"}"poster"===H?(pe.minHeight=L,ye.minHeight=L,ye.paddingTop=G,ye.paddingRight=Q,ye.paddingBottom=Z,ye.paddingLeft=ee,ue.width="100%"):(pe.minHeight=L,pe.paddingTop=G,pe.paddingRight=Q,pe.paddingBottom=Z,pe.paddingLeft=ee)
14var he,fe={poster:o.posterOverlay,"collage-left":o.collageLeftOverlay,"collage-centered":o.collageCenteredOverlay,"collage-right":o.collageRightOverlay},we={poster:o.posterOverlayHover,"collage-left":o.collageLeftOverlayHover,"collage-centered":o.collageCenteredOverlayHover,"collage-right":o.collageRightOverlayHover}
15if("never"!==W){var ke="hover"===W?o.buttonHover:o.button
16he=c.a.createElement("div",{className:ke},c.a.createElement(y.a,{priority:{primary:"high",secondary:"normal",link:"low"}[M],type:"button"},V))}var xe=de?c.a.createElement("div",{className:o.videoOverlay,style:me}):null,He="video"===ae?c.a.createElement("div",{ref:a,className:o.viewportElement}):null,Le="hover"!==D||p?fe[H]:we[H],Ce=c.a.createElement("div",{className:o.wrapper,style:pe,ref:n},xe,c.a.createElement("div",{className:Le,style:ye},c.a.createElement("div",{className:o.content,style:ue,dangerouslySetInnerHTML:h(A)}),he),He)
17if("string"==typeof _){var Re=Object(u.a)(_),Ee=Re.to?O.b:"a"
18Ce=c.a.createElement(Ee,l()({className:o.link},Re,F?{target:"_blank"}:"",{onDragStart:f}),Ce)}return c.a.createElement("div",{className:[o.root].concat(t()(re)).join(" "),style:be,onMouseEnter:k,onMouseLeave:k},Ce)}
19w.propTypes={classes:Object(p.shape)({root:p.string,link:p.string,wrapper:p.string,overlay:p.string,content:p.string,button:p.string,buttonHover:p.string,posterOverlay:p.string,posterOverlayHover:p.string,collageLeftOverlay:p.string,collageLeftOverlayHover:p.string,collageCenteredOverlay:p.string,collageCenteredOverlayHover:p.string,collageRightOverlay:p.str

19ing,collageRightOverlayHover:p.string,videoOverlay:p.string,viewportElement:p.string}),appearance:Object(p.oneOf)(["poster","collage-left","collage-centered","collage-right"]),minHeight:p.string,backgroundColor:p.string,desktopImage:p.string,mobileImage:p.string,backgroundSize:p.string,backgroundPosition:p.string,backgroundAttachment:p.string,backgroundRepeat:p.bool,content:p.string,link:p.string,linkType:Object(p.oneOf)(["default","product","category","page"]),openInNewTab:p.bool,showButton:Object(p.oneOf)(["always","hover","never"]),buttonText:p.string,buttonType:Object(p.oneOf)(["primary","secondary","link"]),showOverlay:Object(p.oneOf)(["always","hover","never"]),overlayColor:p.string,textAlign:p.string,border:p.string,borderColor:p.string,borderWidth:p.string,borderRadius:p.string,marginTop:p.string,marginRight:p.string,marginBottom:p.string,marginLeft:p.string,paddingTop:p.string,paddingRight:p.string,paddingBottom:p.string,cssClasses:Object(p.arrayOf)(p.string),backgroundType:p.string,videoSrc:p.string,videoFallbackSrc:p.string,videoLoop:p.bool,videoPlayOnlyVisible:p.bool,videoLazyLoading:p.bool,videoOverlayColor:p.string,getParallax:p.func}
20var k=w
21r.d(n,"default",function(){return k})},JqJr:function(e,n,r){var a=r("mk7i")
22"string"==typeof a&&(a=[[e.i,a,""]])
23var t={hmr:!0,transform:void 0,insertInto:void 0}
24r("cuK8")(a,t)
25a.locals&&(e.exports=a.locals)},mk7i:function(e,n,r){(n=e.exports=r("PBB4")(!1)).push([e.i,".banner-root-ggg {\n}\na.banner-link-3hO {\n    text-decoration: none;\n}\n.banner-wrapper-2_F {\n    background-clip: padding-box;\n    border-radius: inherit;\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    overflow: hidden;\n}\n.banner-overlay-2bB {\n    padding: 30px;\n    transition: background-color 500ms ease;

25\n    align-items: center;\n    display: flex;\n    flex-wrap: wrap;\n    position: relative;\n}\n\n.banner-videoOverlay-rae {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 0;\n}\n\n.banner-viewportElement-2Ub {\n    height: 100%;\n    width: 1px;\n    position: absolute;\n    left: var(--leftViewportElement);\n    top: 0;\n    z-index: -100;\n    -webkit-transform: translate3d(0, 0, 0);\n}\n\n.banner-content-1vn {\n    min-height: 50px;\n    width: 100%;\n}\n.banner-button-2E3 {\n    margin: 20px 0 0 0;\n    max-width: 100%;\n    text-align: inherit;\n    transition: opacity 500ms ease;\n    word-break: break-word;\n    width: 100%;\n}\n.banner-root-ggg:hover .banner-buttonHover-1ug {\n    opacity: 1;\n}\n.banner-buttonHover-1ug {\n    opacity: 0;\n}\n.banner-posterOverlay-2No {\n    align-content: center;\n    justify-content: center;\n}\n.banner-posterOverlayHover-3wW {\n    background-color: transparent !important;\n}\n.banner-collageLeftOverlay-2XC {\n    margin-right: auto;\n    max-width: 540px;\n}\n.banner-collageLeftOverlayHover-2pE {\n    background-color: transparent !important;\n}\n.banner-collageCenteredOverlay-2bv {\n    margin-right: auto;\n    margin-left: auto;\n    max-width: 540px;\n}\n.banner-collageCenteredOverlayHover-14o {\n    background-color: transparent !important;\n}\n.banner-collageRightOverlay-15a {\n    margin-left: auto;\n    max-width: 540px;\n}\n.banner-collageRightOverlayHover-2nJ {\n    background-color: transparent !important;\n}\n\n.banner-root-ggg [id*='jarallax-container'] video,\n.banner-root-ggg [id*='jarallax-container'] iframe,\n.banner-root-ggg [id*='jarallax-container'] img {\n    margin: auto !important;\n    transform: none !important;\n}\n",""]),n.locals={root:"banner-root-ggg",link:"banner-link-3hO",wrapper:"banner-wrapper-2_F",overlay:"banner-overlay-2bB",videoOverlay:"banner-videoOverlay-rae",viewportElement:"banner-viewportElement-2Ub",content:"banner-content-1vn",button:"banner-button-2E3",buttonHover:"banner-buttonHover-1ug banner-button-2E3",posterOverlay:"banner-posterOverlay-2No banner-overlay-2bB",posterOverlayHover:"banner-posterOverlayHover-3wW banner-posterOverlay-2No banner-overlay-2bB",collageLeftOverlay:"banner-collageLeftOverlay-2XC banner-overlay-2bB",collageLeftOverlayHover:"banner-collageLeftOverlayHover-2pE banner-collageLeftOverlay-2XC banner-overlay-2bB",collageCenteredOverlay:"banner-collageCenteredOverlay-2bv banner-overlay-2bB",collageCenteredOverlayHover:"banner-collageCenteredOverlayHover-14o banner-collageCenteredOverlay-2bv banner-overlay-2bB",collageRightOverlay:"banner-collageRightOverlay-15a banner-overlay-2bB",collageRightOverlayHover:"banner-collageRightOverlayHover-2nJ banner-collageRightOverlay-15a banner-overlay-2bB"}}}])