https://www.directex.com/static/js/8720.9323a385.chunk.js

1(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[8720],{43379:(r,o,t)=>{r.exports=t(12922).wrapCssModule(r.id,t(48846))},18720:(r,o,t)=>{"use strict";t.d(o,{b0:()=>j,Xz:()=>U,mo:()=>w});var e=t(12922),n=t(44892),i=t.n(n),u=t(43379),a=t.n(u),c=t(25498),s=t(70358),l=t(18913),d=t(33289),f=t(72199),g=t(3392),p=t(16911),C=t(48099),m=t(69562);function b(){return(0,s.useSelector)((r=>({productConfigurator:r.page.productConfigurator,isConfiguratorAvailable:r.settings.product.isConfiguratorAvailable})),s.shallowEqual)}function _(r,o){const[t,e]=(0,c.useState)(!1),[n,i]=(0,c.useState)(!1);return(0,c.useEffect)((()=>{r&&(e(!1),r.configuratorUrl?i(!1):r.updatedById===o&&i(!0))}),[null==r?void 0:r.configuratorUrl,null==r?void 0:r.updatedById]),{loading:t,setLoading:e,configurationFailed:n}}var h=t(88936),P=t(51834),x=t(35547),v=t(21010);const A=r=>{let{productConfiguration:o,productTitle:t,showLabel:e=!0,className:n,iconClassName:u}=r;const m=(0,s.useDispatch)(),[A]=(0,c.useState)(p.r),w=(0,P.Ph)(),I=(0,h.K)(),{productConfigurator:L,isConfiguratorAvailable:N}=b(),{loading:j,setLoading:y,configurationFailed:B}=_(L,A),D=!(w||I)&&(!N||B),S=D||j,[E,U,$]=(0,l.KR)([e&&'Reconfigure','Aria_Reconfigure_Label',D&&'ButtonAltText_DisabledConfigureProduct']).texts,k=(0,v.jsxs)("button",{type:"button",className:`${i().link} ${a().reconfigureButton} ${n||''}`,"aria-label":(0,C.vX)(U,[t]),onClick:w||S?r=>r.stopPropagation():()=>{I?m((0,x.PE)()):(y(!0),m((0,d.li)(o.id,A)))},"aria-disabled":S,children:[(0,v.jsx)(g.Rm,{className:`${i().linkIcon} ${u||''}`}),e&&(0,v.jsx)("span",{children:E})]});return $?(0,v.jsx)(f.A,{id:`reConfTip${A}`,body:$,sign:!1,children:r=>(0,c.cloneElement)(k,{...r,autoFocus:B})}):k},w=(0,e.withStyles)(i(),a())((0,c.memo)(A));var I=t(34814),L=t(3233);const N=r=>{let{product:{title:o,id:t,productConfiguratorInfo:e},uomId:n,isDesignerMode:i,alignmentClassName:u}=r;const g=(0,s.useDispatch)(),{quantity:{value:C,isValid:m}}=(0,c.useContext)(L.A),[h]=(0,c.useState)(p.r),{productConfigurator:P,isConfiguratorAvailable:x}=b(),{loading:A,setLoading:w,configurationFailed:N}=_(P,h),j=i||!x||A||N,[y,B]=(0,l.LW)([!i&&(!x||N)&&'ButtonAltText_DisabledConfigureProduct','Aria_ConfigureProduct_Label']).texts,D=(0,v.jsx)(I.Oi,{textKey:"ConfigureProduct",type:"button","aria-disabled":j,size:"lg",icon:A?(0,v.jsx)(I.mP,{}):void 0,className:`${a().configureProductBtn} ${y?'':u}`,"aria-label":(0,l.g_)(B,[o||t]),onClick:j?null:()=>{const{configuratorId:r,modelId:o}=e;null!=C&&!isNaN(+C)&&m&&r&&o&&(w(!0),g((0,d.j0)({configuratorId:r,modelId:o,productId:t,quantity:+C,uomId:n},h)))}});return y?(0,v.jsx)(f.A,{id:`confTip${h}`,wrapperClassName:u,className:`${a().configureProductBtnTooltip} ${u}`,body:(0,l.g_)(y),sign:!1,children:r=>(0,c.cloneElement)(D,{...r,autoFocus:N})}):D},j=(0,e.withStyles)(a())((0,c.memo)(N));var y=t(3516);const B=r=>{let{configuratorUrl:o,Component:t}=r;const e=(0,s.useDispatch)(),n={configuratorUrl:o,onComplete:(0,c.useCallback)((r=>{e((0,d.NB)(r))}),[])};return(0,v.jsx)(t,{...n})};var D=t(31829);const S=r=>{let{configuratorUrl:o}=r;const t=(0,s.useDispatch)(),e=(0,c.useCallback)((r=>{if(r.origin!==(r=>{if(!r)return'';const o=(0,D.qg)(r);return o.protocol+'//'+o.host})(o))return;const e='string'==typeof(n=r.data)?n:n instanceof String?n.valueOf():JSON.stringify(n);var n;t((0,d.NB)(e))}),[]);return(0,c.useEffect)((()=>(window.addEventListener('message',e,!1),()=>{window.removeEventListener('message',e,!1)})),[]),(0,v.jsx)("iframe",{title:"Product configurator",src:o})},E=(0,e.withStyles)(a())((r=>{let{packageId:o,configuratorId:t,configuratorUrl:e}=r;const{opened:n,toggle:i}=(0,y.hS)(),u=(0,s.useDispatch)(),c=function(r,o){const{exports:t}=(0,m.Cl)(r);if(void 0===t)return;if(!t||!t.productConfigurators)return null;const e=t.productConfigurators[o];return e||null}(o,t),[f]=(0,l.KR)(['Aria_ProductConfigurator_Header']).texts;if(void 0===c)return null;return n||i(),(0,v.jsx)(y.aF,{opened:n,hide:()=>{i(),u((0,d.WY)())},fullscreen:!0,ariaLabel:f,children:(0,v.jsxs)("div",{className:a().iframeWrapper,children:[c&&(0,v.jsx)(B,{configuratorUrl:e,Component:c}),!c&&(0,v.jsx)(S,{configuratorUrl:e})]})})})),U=()=>

1{const r=(0,s.useSelector)((r=>r.page.productConfigurator));if(!r)return null;const{configuratorUrl:o,packageId:t,configuratorId:e}=r;return o&&t&&e?(0,v.jsx)(E,{configuratorId:e,packageId:t,configuratorUrl:o}):null}},48846:(r,o,t)=>{var e=t(68723),n=t(95756)(e);n.push([r.id,".ProductConfigurator_iframe-wrapper iframe{border:none;height:calc(100vh - 50px);width:100%}.ProductConfigurator_configure-product-btn-tooltip .ProductConfigurator_configure-product-btn{width:inherit}.ProductConfigurator_reconfigure-button{/*!*/}",""]),n.locals={"iframe-wrapper":"ProductConfigurator_iframe-wrapper",iframeWrapper:"ProductConfigurator_iframe-wrapper","configure-product-btn-tooltip":"ProductConfigurator_configure-product-btn-tooltip",configureProductBtnTooltip:"ProductConfigurator_configure-product-btn-tooltip","configure-product-btn":"ProductConfigurator_configure-product-btn",configureProductBtn:"ProductConfigurator_configure-product-btn","reconfigure-button":"ProductConfigurator_reconfigure-button",reconfigureButton:"ProductConfigurator_reconfigure-button"},r.exports=n}}]);
2//# sourceMappingURL=8720.9323a385.chunk.js.map