@crystaldesign/products-component 24.10.0-beta.2 → 24.10.0-beta.20

package/build/cjs/index.js

@@ -333,10 +333,12 @@ function useProductState(_ref) {
     scroller = _ref.scroller;
   var _useDivaCore = divaCore.useDivaCore(),
     productHandler = _useDivaCore.handler.productHandler,
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
+    _useDivaCore$state = _useDivaCore.state,
+    _useDivaCore$state$di = _useDivaCore$state.dimensions,
     isMobile = _useDivaCore$state$di.isMobile,
     height = _useDivaCore$state$di.height,
-    isPortrait = _useDivaCore$state$di.isPortrait;
+    isPortrait = _useDivaCore$state$di.isPortrait,
+    organization = _useDivaCore$state.organization;
   var _useState = react.useState({}),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     facets = _useState2[0],
@@ -386,9 +388,9 @@ function useProductState(_ref) {
     var limit = INCREMENT + (resetData ? 0 : page * INCREMENT - groups.length);
     var filterObject = getFilterObjectQuery(currentFilter, currentSearch);
     filterObject.push({
-      id: 'available',
+      id: 'availableForOrganizations',
       op: 'eq',
-      value: true
+      value: organization._id
     });
     productHandler.apiLoadProductVariantsGrouped({
       limit: limit,

package/build/esm/index.js

@@ -318,10 +318,12 @@ function useProductState(_ref) {
     scroller = _ref.scroller;
   var _useDivaCore = useDivaCore(),
     productHandler = _useDivaCore.handler.productHandler,
-    _useDivaCore$state$di = _useDivaCore.state.dimensions,
+    _useDivaCore$state = _useDivaCore.state,
+    _useDivaCore$state$di = _useDivaCore$state.dimensions,
     isMobile = _useDivaCore$state$di.isMobile,
     height = _useDivaCore$state$di.height,
-    isPortrait = _useDivaCore$state$di.isPortrait;
+    isPortrait = _useDivaCore$state$di.isPortrait,
+    organization = _useDivaCore$state.organization;
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     facets = _useState2[0],
@@ -371,9 +373,9 @@ function useProductState(_ref) {
     var limit = INCREMENT + (resetData ? 0 : page * INCREMENT - groups.length);
     var filterObject = getFilterObjectQuery(currentFilter, currentSearch);
     filterObject.push({
-      id: 'available',
+      id: 'availableForOrganizations',
       op: 'eq',
-      value: true
+      value: organization._id
     });
     productHandler.apiLoadProductVariantsGrouped({
       limit: limit,

package/build/types/products-component/src/hooks/useProductState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useProductState.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useProductState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAK/D,MAAM,WAAW,MAAM;IACrB,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACb;AACD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC;IACnD,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IAC3C,MAAM,EAAE,CAAC,MAAM,GAAG,SAAS,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACxD,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACrD,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EACN;QACE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,GACD,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,GAAG,YAAY,CAyIhI"}
+{"version":3,"file":"useProductState.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/useProductState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAK/D,MAAM,WAAW,MAAM;IACrB,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,CAAC;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACb;AACD,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,CAAC,UAAU,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC,CAAC;IACnD,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IAC3C,MAAM,EAAE,CAAC,MAAM,GAAG,SAAS,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACxD,WAAW,EAAE,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC,CAAC;IACrD,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EACN;QACE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,GACD,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,kBAAkB,GAAG,YAAY,CA0IhI"}

package/build/umd/15.products-component.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 15.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[15],{4487:(e,n,t)=>{t.d(n,{A:()=>z});var o=t(250),i=t(120),r=t(3613),a=t(1594),l=(t(3886),t(203)),d=t(6224),s=t(433),c=t(5206),u=t(2721),p=t(6832),f=t(2145),m=t(5482),v=t(7075);var h="undefined"!=typeof window?a.useLayoutEffect:a.useEffect;const g=a.forwardRef((function Portal(e,n){var t=e.children,o=e.container,i=e.disablePortal,r=void 0!==i&&i,l=e.onRendered,d=a.useState(null),s=d[0],u=d[1],p=(0,v.A)(a.isValidElement(t)?t.ref:null,n);return h((function(){r||u(function getContainer(e){return e="function"==typeof e?e():e,c.findDOMNode(e)}(o)||document.body)}),[o,r]),h((function(){if(s&&!r)return(0,m.A)(n,s),function(){(0,m.A)(n,null)}}),[n,s,r]),h((function(){l&&(s||r)&&l()}),[l,s,r]),r?a.isValidElement(t)?a.cloneElement(t,{ref:p}):t:s?c.createPortal(t,s):s}));var b=t(5679),y=t(3793),E=t(6440);function _defineProperties(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var x=t(3224);var A=t(992);function ariaHidden(e,n){n?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}function getPaddingRight(e){return parseInt(window.getComputedStyle(e)["padding-right"],10)||0}function ariaHiddenSiblings(e,n,t){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],i=arguments.length>4?arguments[4]:void 0,r=[n,t].concat((0,x.A)(o)),a=["TEMPLATE","SCRIPT","STYLE"];[].forEach.call(e.children,(function(e){1===e.nodeType&&-1===r.indexOf(e)&&-1===a.indexOf(e.tagName)&&ariaHidden(e,i)}))}function findIndexOf(e,n){var t=-1;return e.some((function(e,o){return!!n(e)&&(t=o,!0)})),t}function handleContainer(e,n){var t,o=[],i=[],r=e.container;if(!n.disableScrollLock){if(function isOverflowing(e){var n=(0,f.A)(e);return n.body===e?(0,A.A)(n).innerWidth>n.documentElement.clientWidth:e.scrollHeight>e.clientHeight}(r)){var a=function getScrollbarSize(){var e=document.createElement("div");e.style.width="99px",e.style.height="99px",e.style.position="absolute",e.style.top="-9999px",e.style.overflow="scroll",document.body.appendChild(e);var n=e.offsetWidth-e.clientWidth;return document.body.removeChild(e),n}();o.push({value:r.style.paddingRight,key:"padding-right",el:r}),r.style["padding-right"]="".concat(getPaddingRight(r)+a,"px"),t=(0,f.A)(r).querySelectorAll(".mui-fixed"),[].forEach.call(t,(function(e){i.push(e.style.paddingRight),e.style.paddingRight="".concat(getPaddingRight(e)+a,"px")}))}var l=r.parentElement,d="HTML"===l.nodeName&&"scroll"===window.getComputedStyle(l)["overflow-y"]?l:r;o.push({value:d.style.overflow,key:"overflow",el:d}),d.style.overflow="hidden"}return function restore(){t&&[].forEach.call(t,(function(e,n){i[n]?e.style.paddingRight=i[n]:e.style.removeProperty("padding-right")})),o.forEach((function(e){var n=e.value,t=e.el,o=e.key;n?t.style.setProperty(o,n):t.style.removeProperty(o)}))}}var k=function(){function ModalManager(){!function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,ModalManager),this.modals=[],this.containers=[]}return function _createClass(e,n,t){return n&&_defineProperties(e.prototype,n),t&&_defineProperties(e,t),e}(ModalManager,[{key:"add",value:function add(e,n){var t=this.modals.indexOf(e);if(-1!==t)return t;t=this.modals.length,this.modals.push(e),e.modalRef&&ariaHidden(e.modalRef,!1);var o=function getHiddenSiblings(e){var n=[];return[].forEach.call(e.children,(function(e){e.getAttribute&&"true"===e.getAttribute("aria-hidden")&&n.push(e)})),n}(n);ariaHiddenSiblings(n,e.mountNode,e.modalRef,o,!0);var i=findIndexOf(this.containers,(function(e){return e.container===n}));return-1!==i?(this.containers[i].modals.push(e),t):(this.containers.push({modals:[e],container:n,restore:null,hiddenSiblingNodes:o}),t)}},{key:"mount",value:function mount(e,n){var t=findIndexOf(this.containers,(function(n){return-1!==n.modals.indexOf(e)})),o=this.containers[t];o.restore||(o.restore=handleContainer(o,n))}},{key:"remove",value:function remove(e){var n=this.modals.indexOf(e);if(-1===n)return n;var t=findIndexOf(this.containers,(function(n){return-1!==n.modals.indexOf(e)})),o=this.containers[t];if(o.modals.splice(o.modals.indexOf(e),1),this.modals.splice(n,1),0===o.modals.length)o.restore&&o.restore(),e.modalRef&&ariaHidden(e.modalRef,!0),ariaHiddenSiblings(o.container,e.mountNode,e.modalRef,o.hiddenSiblingNodes,!1),this.containers.splice(t,1);else{var i=o.modals[o.modals.length-1];i.modalRef&&ariaHidden(i.modalRef,!1)}return n}},{key:"isTopModal",value:function isTopModal(e){return this.modals.length>0&&this.modals[this.modals.length-1]===e}}]),ModalManager}();const C=function Unstable_TrapFocus(e){var n=e.children,t=e.disableAutoFocus,o=void 0!==t&&t,i=e.disableEnforceFocus,r=void 0!==i&&i,l=e.disableRestoreFocus,d=void 0!==l&&l,s=e.getDoc,u=e.isEnabled,p=e.open,m=a.useRef(),h=a.useRef(null),g=a.useRef(null),b=a.useRef(),y=a.useRef(null),E=a.useCallback((function(e){y.current=c.findDOMNode(e)}),[]),x=(0,v.A)(n.ref,E),A=a.useRef();return a.useEffect((function(){A.current=p}),[p]),!A.current&&p&&"undefined"!=typeof window&&(b.current=s().activeElement),a.useEffect((function(){if(p){var e=(0,f.A)(y.current);o||!y.current||y.current.contains(e.activeElement)||(y.current.hasAttribute("tabIndex")||y.current.setAttribute("tabIndex",-1),y.current.focus());var n=function contain(){null!==y.current&&(e.hasFocus()&&!r&&u()&&!m.current?y.current&&!y.current.contains(e.activeElement)&&y.current.focus():m.current=!1)},t=function loopFocus(n){!r&&u()&&9===n.keyCode&&e.activeElement===y.current&&(m.current=!0,n.shiftKey?g.current.focus():h.current.focus())};e.addEventListener("focus",n,!0),e.addEventListener("keydown",t,!0);var i=setInterval((function(){n()}),50);return function(){clearInterval(i),e.removeEventListener("focus",n,!0),e.removeEventListener("keydown",t,!0),d||(b.current&&b.current.focus&&b.current.focus(),b.current=null)}}}),[o,r,d,u,p]),a.createElement(a.Fragment,null,a.createElement("div",{tabIndex:0,ref:h,"data-test":"sentinelStart"}),a.cloneElement(n,{ref:x}),a.createElement("div",{tabIndex:0,ref:g,"data-test":"sentinelEnd"}))};var w={root:{zIndex:-1,position:"fixed",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},invisible:{backgroundColor:"transparent"}};const R=a.forwardRef((function SimpleBackdrop(e,n){var t=e.invisible,r=void 0!==t&&t,l=e.open,d=(0,i.A)(e,["invisible","open"]);return l?a.createElement("div",(0,o.A)({"aria-hidden":!0,ref:n},d,{style:(0,o.A)({},w.root,r?w.invisible:{},d.style)})):null}));var S=new k;const M=a.forwardRef((function Modal(e,n){var t=(0,u.A)(),r=(0,p.A)({name:"MuiModal",props:(0,o.A)({},e),theme:t}),l=r.BackdropComponent,d=void 0===l?R:l,s=r.BackdropProps,m=r.children,h=r.closeAfterTransition,x=void 0!==h&&h,A=r.container,k=r.disableAutoFocus,w=void 0!==k&&k,M=r.disableBackdropClick,T=void 0!==M&&M,D=r.disableEnforceFocus,P=void 0!==D&&D,B=r.disableEscapeKeyDown,W=void 0!==B&&B,N=r.disablePortal,I=void 0!==N&&N,F=r.disableRestoreFocus,H=void 0!==F&&F,O=r.disableScrollLock,K=void 0!==O&&O,L=r.hideBackdrop,_=void 0!==L&&L,z=r.keepMounted,$=void 0!==z&&z,Y=r.manager,j=void 0===Y?S:Y,X=r.onBackdropClick,q=r.onClose,U=r.onEscapeKeyDown,V=r.onRendered,G=r.open,J=(0,i.A)(r,["BackdropComponent","BackdropProps","children","closeAfterTransition","container","disableAutoFocus","disableBackdropClick","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","manager","onBackdropClick","onClose","onEscapeKeyDown","onRendered","open"]),Q=a.useState(!0),Z=Q[0],ee=Q[1],ne=a.useRef({}),te=a.useRef(null),oe=a.useRef(null),ie=(0,v.A)(oe,n),re=function getHasTransition(e){return!!e.children&&e.children.props.hasOwnProperty("in")}(r),ae=function getDoc(){return(0,f.A)(te.current)},le=function getModal(){return ne.current.modalRef=oe.current,ne.current.mountNode=te.current,ne.current},de=function handleMounted(){j.mount(le(),{disableScrollLock:K}),oe.current.scrollTop=0},se=(0,y.A)((function(){var e=function Modal_getContainer(e){return e="function"==typeof e?e():e,c.findDOMNode(e)}(A)||ae().body;j.add(le(),e),oe.current&&de()})),ce=a.useCallback((function(){return j.isTopModal(le())}),[j]),ue=(0,y.A)((function(e){te.current=e,e&&(V&&V(),G&&ce()?de():ariaHidden(oe.current,!0))})),pe=a.useCallback((function(){j.remove(le())}),[j]);if(a.useEffect((function(){return function(){pe()}}),[pe]),a.useEffect((function(){G?se():re&&x||pe()}),[G,pe,re,x,se]),!$&&!G&&(!re||Z))return null;var fe=function styles(e){return{root:{position:"fixed",zIndex:e.zIndex.modal,right:0,bottom:0,top:0,left:0},hidden:{visibility:"hidden"}}}(t||{zIndex:E.A}),me={};return void 0===m.props.tabIndex&&(me.tabIndex=m.props.tabIndex||"-1"),re&&(me.onEnter=(0,b.A)((function handleEnter(){ee(!1)}),m.props.onEnter),me.onExited=(0,b.A)((function handleExited(){ee(!0),x&&pe()}),m.props.onExited)),a.createElement(g,{ref:ue,container:A,disablePortal:I},a.createElement("div",(0,o.A)({ref:ie,onKeyDown:function handleKeyDown(e){"Escape"===e.key&&ce()&&(U&&U(e),W||(e.stopPropagation(),q&&q(e,"escapeKeyDown")))},role:"presentation"},J,{style:(0,o.A)({},fe.root,!G&&Z?fe.hidden:{},J.style)}),_?null:a.createElement(d,(0,o.A)({open:G,onClick:function handleBackdropClick(e){e.target===e.currentTarget&&(X&&X(e),!T&&q&&q(e,"backdropClick"))}},s)),a.createElement(C,{disableEnforceFocus:P,disableAutoFocus:w,disableRestoreFocus:H,getDoc:ae,isEnabled:ce,open:G},a.cloneElement(m,me))))}));var T=t(4134),D=t(4741),P=t(2320),B=t(9650),W=t(343),N={entering:{opacity:1},entered:{opacity:1}},I={enter:P.p0.enteringScreen,exit:P.p0.leavingScreen};const F=a.forwardRef((function Fade(e,n){var t=e.children,r=e.disableStrictModeCompat,l=void 0!==r&&r,d=e.in,s=e.onEnter,c=e.onEntered,u=e.onEntering,p=e.onExit,f=e.onExited,m=e.onExiting,h=e.style,g=e.TransitionComponent,b=void 0===g?D.Ay:g,y=e.timeout,E=void 0===y?I:y,x=(0,i.A)(e,["children","disableStrictModeCompat","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","TransitionComponent","timeout"]),A=(0,B.A)(),k=A.unstable_strictMode&&!l,C=a.useRef(null),w=(0,v.A)(t.ref,n),R=(0,v.A)(k?C:void 0,w),S=function normalizedTransitionCallback(e){return function(n,t){if(e){var o=k?[C.current,n]:[n,t],i=(0,T.A)(o,2),r=i[0],a=i[1];void 0===a?e(r):e(r,a)}}},M=S(u),P=S((function(e,n){(0,W.q)(e);var t=(0,W.c)({style:h,timeout:E},{mode:"enter"});e.style.webkitTransition=A.transitions.create("opacity",t),e.style.transition=A.transitions.create("opacity",t),s&&s(e,n)})),F=S(c),H=S(m),O=S((function(e){var n=(0,W.c)({style:h,timeout:E},{mode:"exit"});e.style.webkitTransition=A.transitions.create("opacity",n),e.style.transition=A.transitions.create("opacity",n),p&&p(e)})),K=S(f);return a.createElement(b,(0,o.A)({appear:!0,in:d,nodeRef:k?C:void 0,onEnter:P,onEntered:F,onEntering:M,onExit:O,onExited:K,onExiting:H,timeout:E},x),(function(e,n){return a.cloneElement(t,(0,o.A)({style:(0,o.A)({opacity:0,visibility:"exited"!==e||d?void 0:"hidden"},N[e],h,t.props.style),ref:R},n))}))}));var H=a.forwardRef((function Backdrop(e,n){var t=e.children,r=e.classes,d=e.className,s=e.invisible,c=void 0!==s&&s,u=e.open,p=e.transitionDuration,f=e.TransitionComponent,m=void 0===f?F:f,v=(0,i.A)(e,["children","classes","className","invisible","open","transitionDuration","TransitionComponent"]);return a.createElement(m,(0,o.A)({in:u,timeout:p},v),a.createElement("div",{className:(0,l.A)(r.root,d,c&&r.invisible),"aria-hidden":!0,ref:n},t))}));const O=(0,d.A)({root:{zIndex:-1,position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},invisible:{backgroundColor:"transparent"}},{name:"MuiBackdrop"})(H);var K=t(3586),L={enter:P.p0.enteringScreen,exit:P.p0.leavingScreen},_=a.forwardRef((function Dialog(e,n){var t=e.BackdropProps,r=e.children,d=e.classes,c=e.className,u=e.disableBackdropClick,p=void 0!==u&&u,f=e.disableEscapeKeyDown,m=void 0!==f&&f,v=e.fullScreen,h=void 0!==v&&v,g=e.fullWidth,b=void 0!==g&&g,y=e.maxWidth,E=void 0===y?"sm":y,x=e.onBackdropClick,A=e.onClose,k=e.onEnter,C=e.onEntered,w=e.onEntering,R=e.onEscapeKeyDown,S=e.onExit,T=e.onExited,D=e.onExiting,P=e.open,B=e.PaperComponent,W=void 0===B?K.A:B,N=e.PaperProps,I=void 0===N?{}:N,H=e.scroll,_=void 0===H?"paper":H,z=e.TransitionComponent,$=void 0===z?F:z,Y=e.transitionDuration,j=void 0===Y?L:Y,X=e.TransitionProps,q=e["aria-describedby"],U=e["aria-labelledby"],V=(0,i.A)(e,["BackdropProps","children","classes","className","disableBackdropClick","disableEscapeKeyDown","fullScreen","fullWidth","maxWidth","onBackdropClick","onClose","onEnter","onEntered","onEntering","onEscapeKeyDown","onExit","onExited","onExiting","open","PaperComponent","PaperProps","scroll","TransitionComponent","transitionDuration","TransitionProps","aria-describedby","aria-labelledby"]),G=a.useRef();return a.createElement(M,(0,o.A)({className:(0,l.A)(d.root,c),BackdropComponent:O,BackdropProps:(0,o.A)({transitionDuration:j},t),closeAfterTransition:!0,disableBackdropClick:p,disableEscapeKeyDown:m,onEscapeKeyDown:R,onClose:A,open:P,ref:n},V),a.createElement($,(0,o.A)({appear:!0,in:P,timeout:j,onEnter:k,onEntering:w,onEntered:C,onExit:S,onExiting:D,onExited:T,role:"none presentation"},X),a.createElement("div",{className:(0,l.A)(d.container,d["scroll".concat((0,s.A)(_))]),onMouseUp:function handleBackdropClick(e){e.target===e.currentTarget&&e.target===G.current&&(G.current=null,x&&x(e),!p&&A&&A(e,"backdropClick"))},onMouseDown:function handleMouseDown(e){G.current=e.target}},a.createElement(W,(0,o.A)({elevation:24,role:"dialog","aria-describedby":q,"aria-labelledby":U},I,{className:(0,l.A)(d.paper,d["paperScroll".concat((0,s.A)(_))],d["paperWidth".concat((0,s.A)(String(E)))],I.className,h&&d.paperFullScreen,b&&d.paperFullWidth)}),r))))}));const z=(0,d.A)((function styles(e){return{root:{"@media print":{position:"absolute !important"}},scrollPaper:{display:"flex",justifyContent:"center",alignItems:"center"},scrollBody:{overflowY:"auto",overflowX:"hidden",textAlign:"center","&:after":{content:'""',display:"inline-block",verticalAlign:"middle",height:"100%",width:"0"}},container:{height:"100%","@media print":{height:"auto"},outline:0},paper:{margin:32,position:"relative",overflowY:"auto","@media print":{overflowY:"visible",boxShadow:"none"}},paperScrollPaper:{display:"flex",flexDirection:"column",maxHeight:"calc(100% - 64px)"},paperScrollBody:{display:"inline-block",verticalAlign:"middle",textAlign:"left"},paperWidthFalse:{maxWidth:"calc(100% - 64px)"},paperWidthXs:{maxWidth:Math.max(e.breakpoints.values.xs,444),"&$paperScrollBody":(0,r.A)({},e.breakpoints.down(Math.max(e.breakpoints.values.xs,444)+64),{maxWidth:"calc(100% - 64px)"})},paperWidthSm:{maxWidth:e.breakpoints.values.sm,"&$paperScrollBody":(0,r.A)({},e.breakpoints.down(e.breakpoints.values.sm+64),{maxWidth:"calc(100% - 64px)"})},paperWidthMd:{maxWidth:e.breakpoints.values.md,"&$paperScrollBody":(0,r.A)({},e.breakpoints.down(e.breakpoints.values.md+64),{maxWidth:"calc(100% - 64px)"})},paperWidthLg:{maxWidth:e.breakpoints.values.lg,"&$paperScrollBody":(0,r.A)({},e.breakpoints.down(e.breakpoints.values.lg+64),{maxWidth:"calc(100% - 64px)"})},paperWidthXl:{maxWidth:e.breakpoints.values.xl,"&$paperScrollBody":(0,r.A)({},e.breakpoints.down(e.breakpoints.values.xl+64),{maxWidth:"calc(100% - 64px)"})},paperFullWidth:{width:"calc(100% - 64px)"},paperFullScreen:{margin:0,width:"100%",maxWidth:"100%",height:"100%",maxHeight:"none",borderRadius:0,"&$paperScrollBody":{margin:0,maxWidth:"100%"}}}}),{name:"MuiDialog"})(_)},8126:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(250),i=t(120),r=t(1594),a=(t(3886),t(203)),l=t(6224),d=r.forwardRef((function DialogActions(e,n){var t=e.disableSpacing,l=void 0!==t&&t,d=e.classes,s=e.className,c=(0,i.A)(e,["disableSpacing","classes","className"]);return r.createElement("div",(0,o.A)({className:(0,a.A)(d.root,s,!l&&d.spacing),ref:n},c))}));const s=(0,l.A)({root:{display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",flex:"0 0 auto"},spacing:{"& > :not(:first-child)":{marginLeft:8}}},{name:"MuiDialogActions"})(d)},1742:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(250),i=t(120),r=t(1594),a=(t(3886),t(203)),l=t(6224),d=r.forwardRef((function DialogContent(e,n){var t=e.classes,l=e.className,d=e.dividers,s=void 0!==d&&d,c=(0,i.A)(e,["classes","className","dividers"]);return r.createElement("div",(0,o.A)({className:(0,a.A)(t.root,l,s&&t.dividers),ref:n},c))}));const s=(0,l.A)((function styles(e){return{root:{flex:"1 1 auto",WebkitOverflowScrolling:"touch",overflowY:"auto",padding:"8px 24px","&:first-child":{paddingTop:20}},dividers:{padding:"16px 24px",borderTop:"1px solid ".concat(e.palette.divider),borderBottom:"1px solid ".concat(e.palette.divider)}}}),{name:"MuiDialogContent"})(d)},9897:(e,n,t)=>{t.d(n,{A:()=>d});var o=t(250),i=t(1594),r=(t(3886),t(6224)),a=t(1113),l=i.forwardRef((function DialogContentText(e,n){return i.createElement(a.A,(0,o.A)({component:"p",variant:"body1",color:"textSecondary",ref:n},e))}));const d=(0,r.A)({root:{marginBottom:12}},{name:"MuiDialogContentText"})(l)},5214:(e,n,t)=>{t.d(n,{A:()=>c});var o=t(250),i=t(120),r=t(1594),a=(t(3886),t(203)),l=t(6224),d=t(1113),s=r.forwardRef((function DialogTitle(e,n){var t=e.children,l=e.classes,s=e.className,c=e.disableTypography,u=void 0!==c&&c,p=(0,i.A)(e,["children","classes","className","disableTypography"]);return r.createElement("div",(0,o.A)({className:(0,a.A)(l.root,s),ref:n},p),u?t:r.createElement(d.A,{component:"h2",variant:"h6"},t))}));const c=(0,l.A)({root:{margin:0,padding:"16px 24px",flex:"0 0 auto"}},{name:"MuiDialogTitle"})(s)}}]);
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[15],{4487:(e,n,t)=>{t.d(n,{A:()=>z});var o=t(250),i=t(120),r=t(3613),a=t(1594),l=(t(3886),t(203)),d=t(6224),s=t(433),c=t(5206),u=t(2721),p=t(6832),f=t(2145),m=t(5482),v=t(7075);var h="undefined"!=typeof window?a.useLayoutEffect:a.useEffect;const g=a.forwardRef((function Portal(e,n){var t=e.children,o=e.container,i=e.disablePortal,r=void 0!==i&&i,l=e.onRendered,d=a.useState(null),s=d[0],u=d[1],p=(0,v.A)(a.isValidElement(t)?t.ref:null,n);return h((function(){r||u(function getContainer(e){return e="function"==typeof e?e():e,c.findDOMNode(e)}(o)||document.body)}),[o,r]),h((function(){if(s&&!r)return(0,m.A)(n,s),function(){(0,m.A)(n,null)}}),[n,s,r]),h((function(){l&&(s||r)&&l()}),[l,s,r]),r?a.isValidElement(t)?a.cloneElement(t,{ref:p}):t:s?c.createPortal(t,s):s}));var b=t(5679),y=t(3793),E=t(6440);function _defineProperties(e,n){for(var t=0;t<n.length;t++){var o=n[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}var x=t(3224);var A=t(992);function ariaHidden(e,n){n?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}function getPaddingRight(e){return parseInt(window.getComputedStyle(e)["padding-right"],10)||0}function ariaHiddenSiblings(e,n,t){var o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],i=arguments.length>4?arguments[4]:void 0,r=[n,t].concat((0,x.A)(o)),a=["TEMPLATE","SCRIPT","STYLE"];[].forEach.call(e.children,(function(e){1===e.nodeType&&-1===r.indexOf(e)&&-1===a.indexOf(e.tagName)&&ariaHidden(e,i)}))}function findIndexOf(e,n){var t=-1;return e.some((function(e,o){return!!n(e)&&(t=o,!0)})),t}function handleContainer(e,n){var t,o=[],i=[],r=e.container;if(!n.disableScrollLock){if(function isOverflowing(e){var n=(0,f.A)(e);return n.body===e?(0,A.A)(n).innerWidth>n.documentElement.clientWidth:e.scrollHeight>e.clientHeight}(r)){var a=function getScrollbarSize(){var e=document.createElement("div");e.style.width="99px",e.style.height="99px",e.style.position="absolute",e.style.top="-9999px",e.style.overflow="scroll",document.body.appendChild(e);var n=e.offsetWidth-e.clientWidth;return document.body.removeChild(e),n}();o.push({value:r.style.paddingRight,key:"padding-right",el:r}),r.style["padding-right"]="".concat(getPaddingRight(r)+a,"px"),t=(0,f.A)(r).querySelectorAll(".mui-fixed"),[].forEach.call(t,(function(e){i.push(e.style.paddingRight),e.style.paddingRight="".concat(getPaddingRight(e)+a,"px")}))}var l=r.parentElement,d="HTML"===l.nodeName&&"scroll"===window.getComputedStyle(l)["overflow-y"]?l:r;o.push({value:d.style.overflow,key:"overflow",el:d}),d.style.overflow="hidden"}return function restore(){t&&[].forEach.call(t,(function(e,n){i[n]?e.style.paddingRight=i[n]:e.style.removeProperty("padding-right")})),o.forEach((function(e){var n=e.value,t=e.el,o=e.key;n?t.style.setProperty(o,n):t.style.removeProperty(o)}))}}var k=function(){function ModalManager(){!function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,ModalManager),this.modals=[],this.containers=[]}return function _createClass(e,n,t){return n&&_defineProperties(e.prototype,n),t&&_defineProperties(e,t),e}(ModalManager,[{key:"add",value:function add(e,n){var t=this.modals.indexOf(e);if(-1!==t)return t;t=this.modals.length,this.modals.push(e),e.modalRef&&ariaHidden(e.modalRef,!1);var o=function getHiddenSiblings(e){var n=[];return[].forEach.call(e.children,(function(e){e.getAttribute&&"true"===e.getAttribute("aria-hidden")&&n.push(e)})),n}(n);ariaHiddenSiblings(n,e.mountNode,e.modalRef,o,!0);var i=findIndexOf(this.containers,(function(e){return e.container===n}));return-1!==i?(this.containers[i].modals.push(e),t):(this.containers.push({modals:[e],container:n,restore:null,hiddenSiblingNodes:o}),t)}},{key:"mount",value:function mount(e,n){var t=findIndexOf(this.containers,(function(n){return-1!==n.modals.indexOf(e)})),o=this.containers[t];o.restore||(o.restore=handleContainer(o,n))}},{key:"remove",value:function remove(e){var n=this.modals.indexOf(e);if(-1===n)return n;var t=findIndexOf(this.containers,(function(n){return-1!==n.modals.indexOf(e)})),o=this.containers[t];if(o.modals.splice(o.modals.indexOf(e),1),this.modals.splice(n,1),0===o.modals.length)o.restore&&o.restore(),e.modalRef&&ariaHidden(e.modalRef,!0),ariaHiddenSiblings(o.container,e.mountNode,e.modalRef,o.hiddenSiblingNodes,!1),this.containers.splice(t,1);else{var i=o.modals[o.modals.length-1];i.modalRef&&ariaHidden(i.modalRef,!1)}return n}},{key:"isTopModal",value:function isTopModal(e){return this.modals.length>0&&this.modals[this.modals.length-1]===e}}]),ModalManager}();const C=function Unstable_TrapFocus(e){var n=e.children,t=e.disableAutoFocus,o=void 0!==t&&t,i=e.disableEnforceFocus,r=void 0!==i&&i,l=e.disableRestoreFocus,d=void 0!==l&&l,s=e.getDoc,u=e.isEnabled,p=e.open,m=a.useRef(),h=a.useRef(null),g=a.useRef(null),b=a.useRef(),y=a.useRef(null),E=a.useCallback((function(e){y.current=c.findDOMNode(e)}),[]),x=(0,v.A)(n.ref,E),A=a.useRef();return a.useEffect((function(){A.current=p}),[p]),!A.current&&p&&"undefined"!=typeof window&&(b.current=s().activeElement),a.useEffect((function(){if(p){var e=(0,f.A)(y.current);o||!y.current||y.current.contains(e.activeElement)||(y.current.hasAttribute("tabIndex")||y.current.setAttribute("tabIndex",-1),y.current.focus());var n=function contain(){null!==y.current&&(e.hasFocus()&&!r&&u()&&!m.current?y.current&&!y.current.contains(e.activeElement)&&y.current.focus():m.current=!1)},t=function loopFocus(n){!r&&u()&&9===n.keyCode&&e.activeElement===y.current&&(m.current=!0,n.shiftKey?g.current.focus():h.current.focus())};e.addEventListener("focus",n,!0),e.addEventListener("keydown",t,!0);var i=setInterval((function(){n()}),50);return function(){clearInterval(i),e.removeEventListener("focus",n,!0),e.removeEventListener("keydown",t,!0),d||(b.current&&b.current.focus&&b.current.focus(),b.current=null)}}}),[o,r,d,u,p]),a.createElement(a.Fragment,null,a.createElement("div",{tabIndex:0,ref:h,"data-test":"sentinelStart"}),a.cloneElement(n,{ref:x}),a.createElement("div",{tabIndex:0,ref:g,"data-test":"sentinelEnd"}))};var w={root:{zIndex:-1,position:"fixed",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},invisible:{backgroundColor:"transparent"}};const R=a.forwardRef((function SimpleBackdrop(e,n){var t=e.invisible,r=void 0!==t&&t,l=e.open,d=(0,i.A)(e,["invisible","open"]);return l?a.createElement("div",(0,o.A)({"aria-hidden":!0,ref:n},d,{style:(0,o.A)({},w.root,r?w.invisible:{},d.style)})):null}));var S=new k;const M=a.forwardRef((function Modal(e,n){var t=(0,u.A)(),r=(0,p.A)({name:"MuiModal",props:(0,o.A)({},e),theme:t}),l=r.BackdropComponent,d=void 0===l?R:l,s=r.BackdropProps,m=r.children,h=r.closeAfterTransition,x=void 0!==h&&h,A=r.container,k=r.disableAutoFocus,w=void 0!==k&&k,M=r.disableBackdropClick,T=void 0!==M&&M,D=r.disableEnforceFocus,P=void 0!==D&&D,B=r.disableEscapeKeyDown,W=void 0!==B&&B,N=r.disablePortal,I=void 0!==N&&N,F=r.disableRestoreFocus,H=void 0!==F&&F,O=r.disableScrollLock,K=void 0!==O&&O,L=r.hideBackdrop,_=void 0!==L&&L,z=r.keepMounted,$=void 0!==z&&z,Y=r.manager,j=void 0===Y?S:Y,X=r.onBackdropClick,q=r.onClose,U=r.onEscapeKeyDown,V=r.onRendered,G=r.open,J=(0,i.A)(r,["BackdropComponent","BackdropProps","children","closeAfterTransition","container","disableAutoFocus","disableBackdropClick","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","manager","onBackdropClick","onClose","onEscapeKeyDown","onRendered","open"]),Q=a.useState(!0),Z=Q[0],ee=Q[1],ne=a.useRef({}),te=a.useRef(null),oe=a.useRef(null),ie=(0,v.A)(oe,n),re=function getHasTransition(e){return!!e.children&&e.children.props.hasOwnProperty("in")}(r),ae=function getDoc(){return(0,f.A)(te.current)},le=function getModal(){return ne.current.modalRef=oe.current,ne.current.mountNode=te.current,ne.current},de=function handleMounted(){j.mount(le(),{disableScrollLock:K}),oe.current.scrollTop=0},se=(0,y.A)((function(){var e=function Modal_getContainer(e){return e="function"==typeof e?e():e,c.findDOMNode(e)}(A)||ae().body;j.add(le(),e),oe.current&&de()})),ce=a.useCallback((function(){return j.isTopModal(le())}),[j]),ue=(0,y.A)((function(e){te.current=e,e&&(V&&V(),G&&ce()?de():ariaHidden(oe.current,!0))})),pe=a.useCallback((function(){j.remove(le())}),[j]);if(a.useEffect((function(){return function(){pe()}}),[pe]),a.useEffect((function(){G?se():re&&x||pe()}),[G,pe,re,x,se]),!$&&!G&&(!re||Z))return null;var fe=function styles(e){return{root:{position:"fixed",zIndex:e.zIndex.modal,right:0,bottom:0,top:0,left:0},hidden:{visibility:"hidden"}}}(t||{zIndex:E.A}),me={};return void 0===m.props.tabIndex&&(me.tabIndex=m.props.tabIndex||"-1"),re&&(me.onEnter=(0,b.A)((function handleEnter(){ee(!1)}),m.props.onEnter),me.onExited=(0,b.A)((function handleExited(){ee(!0),x&&pe()}),m.props.onExited)),a.createElement(g,{ref:ue,container:A,disablePortal:I},a.createElement("div",(0,o.A)({ref:ie,onKeyDown:function handleKeyDown(e){"Escape"===e.key&&ce()&&(U&&U(e),W||(e.stopPropagation(),q&&q(e,"escapeKeyDown")))},role:"presentation"},J,{style:(0,o.A)({},fe.root,!G&&Z?fe.hidden:{},J.style)}),_?null:a.createElement(d,(0,o.A)({open:G,onClick:function handleBackdropClick(e){e.target===e.currentTarget&&(X&&X(e),!T&&q&&q(e,"backdropClick"))}},s)),a.createElement(C,{disableEnforceFocus:P,disableAutoFocus:w,disableRestoreFocus:H,getDoc:ae,isEnabled:ce,open:G},a.cloneElement(m,me))))}));var T=t(4134),D=t(4741),P=t(2320),B=t(9650),W=t(2724),N={entering:{opacity:1},entered:{opacity:1}},I={enter:P.p0.enteringScreen,exit:P.p0.leavingScreen};const F=a.forwardRef((function Fade(e,n){var t=e.children,r=e.disableStrictModeCompat,l=void 0!==r&&r,d=e.in,s=e.onEnter,c=e.onEntered,u=e.onEntering,p=e.onExit,f=e.onExited,m=e.onExiting,h=e.style,g=e.TransitionComponent,b=void 0===g?D.Ay:g,y=e.timeout,E=void 0===y?I:y,x=(0,i.A)(e,["children","disableStrictModeCompat","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","TransitionComponent","timeout"]),A=(0,B.A)(),k=A.unstable_strictMode&&!l,C=a.useRef(null),w=(0,v.A)(t.ref,n),R=(0,v.A)(k?C:void 0,w),S=function normalizedTransitionCallback(e){return function(n,t){if(e){var o=k?[C.current,n]:[n,t],i=(0,T.A)(o,2),r=i[0],a=i[1];void 0===a?e(r):e(r,a)}}},M=S(u),P=S((function(e,n){(0,W.q)(e);var t=(0,W.c)({style:h,timeout:E},{mode:"enter"});e.style.webkitTransition=A.transitions.create("opacity",t),e.style.transition=A.transitions.create("opacity",t),s&&s(e,n)})),F=S(c),H=S(m),O=S((function(e){var n=(0,W.c)({style:h,timeout:E},{mode:"exit"});e.style.webkitTransition=A.transitions.create("opacity",n),e.style.transition=A.transitions.create("opacity",n),p&&p(e)})),K=S(f);return a.createElement(b,(0,o.A)({appear:!0,in:d,nodeRef:k?C:void 0,onEnter:P,onEntered:F,onEntering:M,onExit:O,onExited:K,onExiting:H,timeout:E},x),(function(e,n){return a.cloneElement(t,(0,o.A)({style:(0,o.A)({opacity:0,visibility:"exited"!==e||d?void 0:"hidden"},N[e],h,t.props.style),ref:R},n))}))}));var H=a.forwardRef((function Backdrop(e,n){var t=e.children,r=e.classes,d=e.className,s=e.invisible,c=void 0!==s&&s,u=e.open,p=e.transitionDuration,f=e.TransitionComponent,m=void 0===f?F:f,v=(0,i.A)(e,["children","classes","className","invisible","open","transitionDuration","TransitionComponent"]);return a.createElement(m,(0,o.A)({in:u,timeout:p},v),a.createElement("div",{className:(0,l.A)(r.root,d,c&&r.invisible),"aria-hidden":!0,ref:n},t))}));const O=(0,d.A)({root:{zIndex:-1,position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},invisible:{backgroundColor:"transparent"}},{name:"MuiBackdrop"})(H);var K=t(3586),L={enter:P.p0.enteringScreen,exit:P.p0.leavingScreen},_=a.forwardRef((function Dialog(e,n){var t=e.BackdropProps,r=e.children,d=e.classes,c=e.className,u=e.disableBackdropClick,p=void 0!==u&&u,f=e.disableEscapeKeyDown,m=void 0!==f&&f,v=e.fullScreen,h=void 0!==v&&v,g=e.fullWidth,b=void 0!==g&&g,y=e.maxWidth,E=void 0===y?"sm":y,x=e.onBackdropClick,A=e.onClose,k=e.onEnter,C=e.onEntered,w=e.onEntering,R=e.onEscapeKeyDown,S=e.onExit,T=e.onExited,D=e.onExiting,P=e.open,B=e.PaperComponent,W=void 0===B?K.A:B,N=e.PaperProps,I=void 0===N?{}:N,H=e.scroll,_=void 0===H?"paper":H,z=e.TransitionComponent,$=void 0===z?F:z,Y=e.transitionDuration,j=void 0===Y?L:Y,X=e.TransitionProps,q=e["aria-describedby"],U=e["aria-labelledby"],V=(0,i.A)(e,["BackdropProps","children","classes","className","disableBackdropClick","disableEscapeKeyDown","fullScreen","fullWidth","maxWidth","onBackdropClick","onClose","onEnter","onEntered","onEntering","onEscapeKeyDown","onExit","onExited","onExiting","open","PaperComponent","PaperProps","scroll","TransitionComponent","transitionDuration","TransitionProps","aria-describedby","aria-labelledby"]),G=a.useRef();return a.createElement(M,(0,o.A)({className:(0,l.A)(d.root,c),BackdropComponent:O,BackdropProps:(0,o.A)({transitionDuration:j},t),closeAfterTransition:!0,disableBackdropClick:p,disableEscapeKeyDown:m,onEscapeKeyDown:R,onClose:A,open:P,ref:n},V),a.createElement($,(0,o.A)({appear:!0,in:P,timeout:j,onEnter:k,onEntering:w,onEntered:C,onExit:S,onExiting:D,onExited:T,role:"none presentation"},X),a.createElement("div",{className:(0,l.A)(d.container,d["scroll".concat((0,s.A)(_))]),onMouseUp:function handleBackdropClick(e){e.target===e.currentTarget&&e.target===G.current&&(G.current=null,x&&x(e),!p&&A&&A(e,"backdropClick"))},onMouseDown:function handleMouseDown(e){G.current=e.target}},a.createElement(W,(0,o.A)({elevation:24,role:"dialog","aria-describedby":q,"aria-labelledby":U},I,{className:(0,l.A)(d.paper,d["paperScroll".concat((0,s.A)(_))],d["paperWidth".concat((0,s.A)(String(E)))],I.className,h&&d.paperFullScreen,b&&d.paperFullWidth)}),r))))}));const z=(0,d.A)((function styles(e){return{root:{"@media print":{position:"absolute !important"}},scrollPaper:{display:"flex",justifyContent:"center",alignItems:"center"},scrollBody:{overflowY:"auto",overflowX:"hidden",textAlign:"center","&:after":{content:'""',display:"inline-block",verticalAlign:"middle",height:"100%",width:"0"}},container:{height:"100%","@media print":{height:"auto"},outline:0},paper:{margin:32,position:"relative",overflowY:"auto","@media print":{overflowY:"visible",boxShadow:"none"}},paperScrollPaper:{display:"flex",flexDirection:"column",maxHeight:"calc(100% - 64px)"},paperScrollBody:{display:"inline-block",verticalAlign:"middle",textAlign:"left"},paperWidthFalse:{maxWidth:"calc(100% - 64px)"},paperWidthXs:{maxWidth:Math.max(e.breakpoints.values.xs,444),"&$paperScrollBody":(0,r.A)({},e.breakpoints.down(Math.max(e.breakpoints.values.xs,444)+64),{maxWidth:"calc(100% - 64px)"})},paperWidthSm:{maxWidth:e.breakpoints.values.sm,"&$paperScrollBody":(0,r.A)({},e.breakpoints.down(e.breakpoints.values.sm+64),{maxWidth:"calc(100% - 64px)"})},paperWidthMd:{maxWidth:e.breakpoints.values.md,"&$paperScrollBody":(0,r.A)({},e.breakpoints.down(e.breakpoints.values.md+64),{maxWidth:"calc(100% - 64px)"})},paperWidthLg:{maxWidth:e.breakpoints.values.lg,"&$paperScrollBody":(0,r.A)({},e.breakpoints.down(e.breakpoints.values.lg+64),{maxWidth:"calc(100% - 64px)"})},paperWidthXl:{maxWidth:e.breakpoints.values.xl,"&$paperScrollBody":(0,r.A)({},e.breakpoints.down(e.breakpoints.values.xl+64),{maxWidth:"calc(100% - 64px)"})},paperFullWidth:{width:"calc(100% - 64px)"},paperFullScreen:{margin:0,width:"100%",maxWidth:"100%",height:"100%",maxHeight:"none",borderRadius:0,"&$paperScrollBody":{margin:0,maxWidth:"100%"}}}}),{name:"MuiDialog"})(_)},8126:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(250),i=t(120),r=t(1594),a=(t(3886),t(203)),l=t(6224),d=r.forwardRef((function DialogActions(e,n){var t=e.disableSpacing,l=void 0!==t&&t,d=e.classes,s=e.className,c=(0,i.A)(e,["disableSpacing","classes","className"]);return r.createElement("div",(0,o.A)({className:(0,a.A)(d.root,s,!l&&d.spacing),ref:n},c))}));const s=(0,l.A)({root:{display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",flex:"0 0 auto"},spacing:{"& > :not(:first-child)":{marginLeft:8}}},{name:"MuiDialogActions"})(d)},1742:(e,n,t)=>{t.d(n,{A:()=>s});var o=t(250),i=t(120),r=t(1594),a=(t(3886),t(203)),l=t(6224),d=r.forwardRef((function DialogContent(e,n){var t=e.classes,l=e.className,d=e.dividers,s=void 0!==d&&d,c=(0,i.A)(e,["classes","className","dividers"]);return r.createElement("div",(0,o.A)({className:(0,a.A)(t.root,l,s&&t.dividers),ref:n},c))}));const s=(0,l.A)((function styles(e){return{root:{flex:"1 1 auto",WebkitOverflowScrolling:"touch",overflowY:"auto",padding:"8px 24px","&:first-child":{paddingTop:20}},dividers:{padding:"16px 24px",borderTop:"1px solid ".concat(e.palette.divider),borderBottom:"1px solid ".concat(e.palette.divider)}}}),{name:"MuiDialogContent"})(d)},9897:(e,n,t)=>{t.d(n,{A:()=>d});var o=t(250),i=t(1594),r=(t(3886),t(6224)),a=t(1113),l=i.forwardRef((function DialogContentText(e,n){return i.createElement(a.A,(0,o.A)({component:"p",variant:"body1",color:"textSecondary",ref:n},e))}));const d=(0,r.A)({root:{marginBottom:12}},{name:"MuiDialogContentText"})(l)},5214:(e,n,t)=>{t.d(n,{A:()=>c});var o=t(250),i=t(120),r=t(1594),a=(t(3886),t(203)),l=t(6224),d=t(1113),s=r.forwardRef((function DialogTitle(e,n){var t=e.children,l=e.classes,s=e.className,c=e.disableTypography,u=void 0!==c&&c,p=(0,i.A)(e,["children","classes","className","disableTypography"]);return r.createElement("div",(0,o.A)({className:(0,a.A)(l.root,s),ref:n},p),u?t:r.createElement(d.A,{component:"h2",variant:"h6"},t))}));const c=(0,l.A)({root:{margin:0,padding:"16px 24px",flex:"0 0 auto"}},{name:"MuiDialogTitle"})(s)}}]);

package/build/umd/311.products-component.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 311.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[311],{8692:(n,e,i)=>{i.r(e),i.d(e,{default:()=>C});var d=i(970),t=(i(1594),i(5835)),l=i.n(t),s=i(9120),r=i.n(s),o=i(1148),a=i.n(o),u=i(3035),c=i.n(u),x=i(4959),p=i.n(x),h=i(5004),v=i.n(h),m=i(8766),g={};g.styleTagTransform=v(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=p();l()(m.Ay,g);m.Ay&&m.Ay.locals&&m.Ay.locals;var f=i(2062),y=i(7665),k={};k.styleTagTransform=v(),k.setAttributes=c(),k.insert=a().bind(null,"head"),k.domAPI=r(),k.insertStyleElement=p();l()(y.Ay,k);y.Ay&&y.Ay.locals&&y.Ay.locals;var A=i(7563),b=i(2246);const j=function History(n){var e,i=(0,f.J)().pdpState.product,d=(0,A.Bd)().t;return(0,b.jsx)("div",{className:y.kL,children:null==i||null===(e=i.stateHistory)||void 0===e?void 0:e.slice(0).reverse().map((function(n){return(0,b.jsxs)("div",{className:y.iE,children:[(0,b.jsx)("div",{children:d("archive.header.status")+": "+d("product.state."+n.state)}),n.message&&(0,b.jsx)("div",{style:{padding:"10px 0"},children:d("pdp.comment")+": "+n.message}),(0,b.jsxs)("div",{className:y.qr,children:[(0,b.jsx)("div",{children:n.authorByName}),(0,b.jsx)("div",{children:A.em.formatDate(n.created,!0)})]})]})}))})};const C=(0,d.PA)((function Checkpoint(n){var e,i,d,t,l=n.pdpState,s=null!==(e=null===(i=l.variants)||void 0===i?void 0:i.findIndex((function(n){var e;return n._id===(null===(e=l.product)||void 0===e?void 0:e._id)})))&&void 0!==e?e:void 0,r=function updateCurProduct(n){l.setProduct(l.variants["plus"===n?s+1:s-1])};return(0,b.jsxs)("div",{className:m.iE,children:[(0,b.jsxs)("div",{className:m.gM,children:[void 0!==s&&(0,b.jsx)("button",{disabled:0>=s,onClick:function onClick(n){r("minus")},children:"Back"}),(0,b.jsx)("input",{type:"text",value:null!==(d=l.messages[l.product._id])&&void 0!==d?d:"",onChange:function onChange(n){return l.updateMessages(l.product._id,n.target.value)}}),void 0!==s&&(0,b.jsx)("button",{disabled:l.variants.length<=s+1,onClick:function onClick(n){r("plus")},children:"Next"})]}),void 0!==s?s+1+"/"+(null===(t=l.variants)||void 0===t?void 0:t.length):"",(0,b.jsx)(j,{})]})}))},7665:(n,e,i)=>{i.d(e,{Ay:()=>u,iE:()=>o,kL:()=>r,qr:()=>a});var d=i(8634),t=i.n(d),l=i(2083),s=i.n(l)()(t());s.push([n.id,".index-module--TfxHg {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--X5lTk {\n  display: flex;\n  width: calc(100% - 20px);\n  flex-direction: column;\n  border: 1px lightgrey solid;\n  margin-top: 12px;\n  padding: 6px;\n}\n\n.index-module--G3kcA {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n}\n",""]);var r="index-module--TfxHg",o="index-module--X5lTk",a="index-module--G3kcA";const u=s},8766:(n,e,i)=>{i.d(e,{Ay:()=>a,gM:()=>o,iE:()=>r});var d=i(8634),t=i.n(d),l=i(2083),s=i.n(l)()(t());s.push([n.id,".index-module--yGlaw {\n  width: 100%;\n  padding: 12px;\n  display: flex;\n  flex-direction: column-reverse;\n  align-items: center;\n}\n\n.index-module--x8xOL {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--x8xOL input {\n  border: grey solid 1px;\n  border-radius: 2px;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  flex-grow: 2;\n  height: 30px;\n  background: #f8f8f8;\n  font-size: 13px;\n  line-height: 14px;\n  padding-left: 7px;\n  padding-right: 7px;\n  color: #4f4f4f;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n",""]);var r="index-module--yGlaw",o="index-module--x8xOL";const a=s}}]);
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[311],{8692:(n,e,i)=>{i.r(e),i.d(e,{default:()=>C});var d=i(970),t=(i(1594),i(5835)),l=i.n(t),s=i(9120),r=i.n(s),o=i(1148),a=i.n(o),u=i(3035),c=i.n(u),x=i(4959),p=i.n(x),h=i(5004),v=i.n(h),m=i(8766),g={};g.styleTagTransform=v(),g.setAttributes=c(),g.insert=a().bind(null,"head"),g.domAPI=r(),g.insertStyleElement=p();l()(m.Ay,g);m.Ay&&m.Ay.locals&&m.Ay.locals;var f=i(2062),y=i(7665),k={};k.styleTagTransform=v(),k.setAttributes=c(),k.insert=a().bind(null,"head"),k.domAPI=r(),k.insertStyleElement=p();l()(y.Ay,k);y.Ay&&y.Ay.locals&&y.Ay.locals;var A=i(5277),b=i(2246);const j=function History(n){var e,i=(0,f.J)().pdpState.product,d=(0,A.Bd)().t;return(0,b.jsx)("div",{className:y.kL,children:null==i||null===(e=i.stateHistory)||void 0===e?void 0:e.slice(0).reverse().map((function(n){return(0,b.jsxs)("div",{className:y.iE,children:[(0,b.jsx)("div",{children:d("archive.header.status")+": "+d("product.state."+n.state)}),n.message&&(0,b.jsx)("div",{style:{padding:"10px 0"},children:d("pdp.comment")+": "+n.message}),(0,b.jsxs)("div",{className:y.qr,children:[(0,b.jsx)("div",{children:n.authorByName}),(0,b.jsx)("div",{children:A.em.formatDate(n.created,!0)})]})]})}))})};const C=(0,d.PA)((function Checkpoint(n){var e,i,d,t,l=n.pdpState,s=null!==(e=null===(i=l.variants)||void 0===i?void 0:i.findIndex((function(n){var e;return n._id===(null===(e=l.product)||void 0===e?void 0:e._id)})))&&void 0!==e?e:void 0,r=function updateCurProduct(n){l.setProduct(l.variants["plus"===n?s+1:s-1])};return(0,b.jsxs)("div",{className:m.iE,children:[(0,b.jsxs)("div",{className:m.gM,children:[void 0!==s&&(0,b.jsx)("button",{disabled:0>=s,onClick:function onClick(n){r("minus")},children:"Back"}),(0,b.jsx)("input",{type:"text",value:null!==(d=l.messages[l.product._id])&&void 0!==d?d:"",onChange:function onChange(n){return l.updateMessages(l.product._id,n.target.value)}}),void 0!==s&&(0,b.jsx)("button",{disabled:l.variants.length<=s+1,onClick:function onClick(n){r("plus")},children:"Next"})]}),void 0!==s?s+1+"/"+(null===(t=l.variants)||void 0===t?void 0:t.length):"",(0,b.jsx)(j,{})]})}))},7665:(n,e,i)=>{i.d(e,{Ay:()=>u,iE:()=>o,kL:()=>r,qr:()=>a});var d=i(8634),t=i.n(d),l=i(2083),s=i.n(l)()(t());s.push([n.id,".index-module--TfxHg {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--X5lTk {\n  display: flex;\n  width: calc(100% - 20px);\n  flex-direction: column;\n  border: 1px lightgrey solid;\n  margin-top: 12px;\n  padding: 6px;\n}\n\n.index-module--G3kcA {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n}\n",""]);var r="index-module--TfxHg",o="index-module--X5lTk",a="index-module--G3kcA";const u=s},8766:(n,e,i)=>{i.d(e,{Ay:()=>a,gM:()=>o,iE:()=>r});var d=i(8634),t=i.n(d),l=i(2083),s=i.n(l)()(t());s.push([n.id,".index-module--yGlaw {\n  width: 100%;\n  padding: 12px;\n  display: flex;\n  flex-direction: column-reverse;\n  align-items: center;\n}\n\n.index-module--x8xOL {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--x8xOL input {\n  border: grey solid 1px;\n  border-radius: 2px;\n  -webkit-tap-highlight-color: transparent;\n  outline: none;\n  flex-grow: 2;\n  height: 30px;\n  background: #f8f8f8;\n  font-size: 13px;\n  line-height: 14px;\n  padding-left: 7px;\n  padding-right: 7px;\n  color: #4f4f4f;\n  margin-left: 12px;\n  margin-right: 12px;\n}\n",""]);var r="index-module--yGlaw",o="index-module--x8xOL";const a=s}}]);

package/build/umd/319.products-component.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 319.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[319],{319:(n,e,i)=>{i.r(e),i.d(e,{default:()=>f});var t=i(8742),a=i(1594),o=i(7563),r=i(5835),s=i.n(r),l=i(9120),d=i.n(l),u=i(1148),m=i.n(u),c=i(3035),x=i.n(c),p=i(4959),g=i.n(p),h=i(5004),v=i.n(h),w=i(5622),b={};b.styleTagTransform=v(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=g();s()(w.Ay,b);w.Ay&&w.Ay.locals&&w.Ay.locals;var y=i(2216),C=i(2246);window.customElements.get("model-viewer")||i.e(399).then(i.bind(i,399));const f=function ArViewer(n){var e,i,r,s,l=n.url,d=n.qrCodeUrl,u=n.cameraArButton,m=n.viewerClassName,c=n.arViewerSettings,x=n.isCurrentlyVisible,p="",g=(0,o.pi)().state.isMobile,h=(0,o.Bd)().t,v=(0,a.useState)(0),b=(0,t.A)(v,2),f=b[0],A=b[1],S=(0,a.useState)(!g),j=(0,t.A)(S,2),I=j[0],k=j[1];return u&&(p+="scene-viewer quick-look"),(0,C.jsxs)(C.Fragment,{children:[I&&!1!==x&&d&&(0,C.jsxs)("div",{className:w.j3,children:[(0,C.jsx)(y.A,{value:d,className:w.JB}),(0,C.jsx)("div",{className:w.DU,children:h("pdp.ar.qrtext")}),(0,C.jsx)("div",{className:w.L$,id:"arThumbnailImg",onClick:function onClick(){return k(!1)}})]}),(0,C.jsx)("model-viewer",{src:l,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[f].environmentImage)?void 0:"neutral",shadowIntensity:null!==(e=null==c?void 0:c[f].shadowIntensity)&&void 0!==e?e:1,shadowSoftness:null!==(i=null==c?void 0:c[f].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==c?void 0:c[f].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[f].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":p,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:m}),c&&(0,C.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(n){return function onArViewerSettingsChanged(n){A(parseInt(n.target.value))}(n)},children:c.map((function(n,e){return(0,C.jsx)("option",{value:e,children:n.name},e)}))})]})}},5622:(n,e,i)=>{i.d(e,{Ay:()=>h,DU:()=>g,JB:()=>x,L$:()=>p,j3:()=>c});var t=i(8634),a=i.n(t),o=i(2083),r=i.n(o),s=i(1946),l=i.n(s),d=new URL(i(4091),i.b),u=r()(a()),m=l()(d);u.push([n.id,`.index-module--aCm9Y {\n  position: absolute;\n  bottom: 10px;\n  right: 0px;\n  left: 0px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 361px;\n  height: 90px;\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n  border-radius: 0.3rem;\n  padding-left: 5px;\n  padding-right: 5px;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--xiYqj {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--tDj6i {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url(${m});\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--vtOFS {\n  width: 250px;\n  height: 80px;\n  word-wrap: break-word;\n  font-family: var(--diva-typography-font-family);\n}\n`,""]);var c="index-module--aCm9Y",x="index-module--xiYqj",p="index-module--tDj6i",g="index-module--vtOFS";const h=u},4091:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[319],{319:(n,e,i)=>{i.r(e),i.d(e,{default:()=>f});var t=i(8742),a=i(1594),o=i(5277),r=i(5835),s=i.n(r),l=i(9120),d=i.n(l),u=i(1148),m=i.n(u),c=i(3035),x=i.n(c),p=i(4959),g=i.n(p),h=i(5004),v=i.n(h),w=i(5622),b={};b.styleTagTransform=v(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=g();s()(w.Ay,b);w.Ay&&w.Ay.locals&&w.Ay.locals;var y=i(2216),C=i(2246);window.customElements.get("model-viewer")||i.e(781).then(i.bind(i,1781));const f=function ArViewer(n){var e,i,r,s,l=n.url,d=n.qrCodeUrl,u=n.cameraArButton,m=n.viewerClassName,c=n.arViewerSettings,x=n.isCurrentlyVisible,p="",g=(0,o.pi)().state.isMobile,h=(0,o.Bd)().t,v=(0,a.useState)(0),b=(0,t.A)(v,2),f=b[0],A=b[1],S=(0,a.useState)(!g),j=(0,t.A)(S,2),I=j[0],k=j[1];return u&&(p+="scene-viewer quick-look"),(0,C.jsxs)(C.Fragment,{children:[I&&!1!==x&&d&&(0,C.jsxs)("div",{className:w.j3,children:[(0,C.jsx)(y.A,{value:d,className:w.JB}),(0,C.jsx)("div",{className:w.DU,children:h("pdp.ar.qrtext")}),(0,C.jsx)("div",{className:w.L$,id:"arThumbnailImg",onClick:function onClick(){return k(!1)}})]}),(0,C.jsx)("model-viewer",{src:l,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[f].environmentImage)?void 0:"neutral",shadowIntensity:null!==(e=null==c?void 0:c[f].shadowIntensity)&&void 0!==e?e:1,shadowSoftness:null!==(i=null==c?void 0:c[f].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==c?void 0:c[f].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[f].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":p,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:m}),c&&(0,C.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(n){return function onArViewerSettingsChanged(n){A(parseInt(n.target.value))}(n)},children:c.map((function(n,e){return(0,C.jsx)("option",{value:e,children:n.name},e)}))})]})}},5622:(n,e,i)=>{i.d(e,{Ay:()=>h,DU:()=>g,JB:()=>x,L$:()=>p,j3:()=>c});var t=i(8634),a=i.n(t),o=i(2083),r=i.n(o),s=i(1946),l=i.n(s),d=new URL(i(4091),i.b),u=r()(a()),m=l()(d);u.push([n.id,`.index-module--aCm9Y {\n  position: absolute;\n  bottom: 10px;\n  right: 0px;\n  left: 0px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 361px;\n  height: 90px;\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n  border-radius: 0.3rem;\n  padding-left: 5px;\n  padding-right: 5px;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--xiYqj {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--tDj6i {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url(${m});\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--vtOFS {\n  width: 250px;\n  height: 80px;\n  word-wrap: break-word;\n  font-family: var(--diva-typography-font-family);\n}\n`,""]);var c="index-module--aCm9Y",x="index-module--xiYqj",p="index-module--tDj6i",g="index-module--vtOFS";const h=u},4091:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

package/build/umd/397.products-component.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 397.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[397],{7397:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ModalsWrapper});var o=t(1594),a=t(970),l=t(1883),i=t(696),d=t(4487),r=t(8126),s=t(1742),c=t(9897),m=t(5214),u=t(5835),p=t.n(u),x=t(9120),h=t.n(x),f=t(1148),v=t.n(f),g=t(3035),y=t.n(g),b=t(4959),k=t.n(b),j=t(5004),A=t.n(j),w=t(5247),E={};E.styleTagTransform=A(),E.setAttributes=y(),E.insert=v().bind(null,"head"),E.domAPI=h(),E.insertStyleElement=k();p()(w.A,E);w.A&&w.A.locals&&w.A.locals;var C=t(9681),F=t(8742),I=t(9433),P={};P.styleTagTransform=A(),P.setAttributes=y(),P.insert=v().bind(null,"head"),P.domAPI=h(),P.insertStyleElement=k();p()(I.Ay,P);I.Ay&&I.Ay.locals&&I.Ay.locals;var N=t(2246);const S=(0,a.PA)((function Progress(e){var n=e.children,t=e.progress,a=(0,o.useState)(),l=(0,F.A)(a,2),i=l[0],d=l[1];return(0,o.useEffect)((function(){d(t)}),[t]),(0,N.jsxs)("div",{className:I.iE,children:[!!n&&n,(0,N.jsx)("div",{className:I.Ux,children:(0,N.jsx)("div",{className:I.JW,style:{width:100*(null!=i?i:0)+"%"},children:(0,N.jsx)("div",{className:I.si})})})]})}));var W=t(9874),B=t(9824);const M=(0,a.PA)((function Modal(){var e,n=(0,l.IB)().contentStore,t=(0,C.B)().t,a=function onAccept(e){var t,o=n.modal;n.closeModal(),null==o||null===(t=o.callback)||void 0===t||t.call(o,!o.content||e)},u=function onReject(){var e,t=n.modal;n.closeModal(),null==t||null===(e=t.callback)||void 0===e||e.call(t,!1)},p=(0,o.useCallback)((function(e){n.modal&&"Escape"===e.key&&u()}),[]);(0,o.useEffect)((function(){return document.addEventListener("keydown",p,!1),function(){document.removeEventListener("keydown",p,!1)}}),[]),(0,o.useEffect)((function(){return document.addEventListener("keydown",x,!1),function(){document.removeEventListener("keydown",x,!1)}}),[]);var x=(0,o.useCallback)((function(e){if(n.modal)if("Enter"!==e.key||n.modal.doNotAcceptOnEnter)"ESC"!==e.key&&"Escape"!=e.key||(u(),e.preventDefault());else{var t=document.getElementById("diva-modal-form");if(!t)return;a(new FormData(t)),e.preventDefault()}}),[]);if(!n.modal)return(0,N.jsx)(N.Fragment,{});var h=(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(s.A,{style:n.modal.maxWidth?{maxWidth:n.modal.maxWidth}:void 0,children:n.modal.iFrame?(0,N.jsx)(IFrame,{link:n.modal.iFrame}):"string"==typeof n.modal.text&&null==n.modal.content?(0,N.jsx)(c.A,{component:"div",dangerouslySetInnerHTML:{__html:function tryDecodeURIComponent(e){try{return decodeURIComponent(e)}catch(n){return e}}(n.modal.text)}}):(0,N.jsxs)(c.A,{component:"div",children:[n.modal.text,n.modal.content&&n.modal.content]})}),(n.modal.reject||n.modal.accept)&&(0,N.jsxs)(r.A,{children:[n.modal.reject&&(0,N.jsx)(i.A,{color:"primary",onClick:u,children:"string"==typeof n.modal.reject?t(n.modal.reject):t("modal.reject")}),n.modal.accept&&(0,N.jsx)(i.A,{color:"primary",type:"submit",id:"diva-dialog-submitbtn",children:"string"==typeof n.modal.accept?t(n.modal.accept):t("modal.accept")})]}),(0,N.jsxs)("div",{style:{margin:10},children:[n.modal.image&&(0,N.jsx)("img",{src:n.modal.image,style:{maxWidth:480}}),void 0!==n.modal.progress&&(0,N.jsx)(S,{progress:n.modal.progress}),null===(e=n.modal.actions)||void 0===e?void 0:e.map((function(e){var o;return(0,N.jsx)(i.A,{fullWidth:!0,style:{marginBottom:10},variant:null!==(o=e.variant)&&void 0!==o?o:"contained",color:"primary",onClick:function onClick(){return function onSelect(e,t){var o,a=n.modal;0!=t&&n.closeModal(),null==a||null===(o=a.callback)||void 0===o||o.call(a,e)}(e.id,e.closeable)},children:t(e.text)})}))]})]}),f=!0===n.modal.fullscreen||"mobile"==n.modal.fullscreen&&n.containerDimensions.isMobile;return(0,N.jsx)("div",{className:w.L,id:"diva-dialog",children:(0,N.jsxs)(d.A,{open:!0,disablePortal:!0,hideBackdrop:!0,disableEnforceFocus:!0,style:{position:"absolute",zIndex:0},maxWidth:"lg",fullScreen:f,PaperProps:{style:{width:n.modal.width,height:n.modal.height}},children:[(0,N.jsx)(m.A,{children:n.modal.title}),n.modal.rejectByIcon&&(0,N.jsx)(W.A,{onClick:u,style:{position:"absolute",right:8,top:8,zIndex:1000001},children:(0,N.jsx)(B.A,{})}),n.modal.dontRenderForm&&h,!n.modal.dontRenderForm&&(0,N.jsx)("form",{id:"diva-modal-form",autoComplete:"off",onSubmit:function onSubmit(e){e.preventDefault(),a(new FormData(e.target))},children:h})]})})}));function IFrame(e){var n=e.link;return(0,N.jsx)("iframe",{style:{border:0,width:"100%",height:"99%"},src:n})}function ModalsWrapper(){return(0,N.jsx)(M,{})}},5247:(e,n,t)=>{t.d(n,{A:()=>r,L:()=>d});var o=t(8634),a=t.n(o),l=t(2083),i=t.n(l)()(a());i.push([e.id,".index-module--FNUcb {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: rgba(255, 255, 255, 0.6);\n  z-index: 1001;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n",""]);var d="index-module--FNUcb";const r=i},9433:(e,n,t)=>{t.d(n,{Ay:()=>m,JW:()=>s,Ux:()=>r,iE:()=>d,si:()=>c});var o=t(8634),a=t.n(o),l=t(2083),i=t.n(l)()(a());i.push([e.id,".index-module--g6NeA {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--kevPi {\n  height: 10px;\n  position: relative;\n  border-radius: 5px;\n  width: 100%;\n}\n\n@keyframes index-module--ButXs {\n  from {\n    background-position-x: 0;\n  }\n  to {\n    background-position-x: 113px;\n  }\n}\n\n.index-module--a3VsQ {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  transition: width 0.4s ease-out;\n  overflow: hidden;\n  border-radius: 5px;\n}\n.index-module--fTtUx {\n  border-radius: 5px;\n  height: 100%;\n  background-color: var(--diva-theme-palette-primary-main);\n  background-image: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 10px,\n    var(--diva-theme-palette-secondary-dark) 10px,\n    var(--diva-theme-palette-secondary-dark) 20px\n  );\n  animation: index-module--ButXs 4s linear infinite;\n  will-change: background-position;\n}\n",""]);var d="index-module--g6NeA",r="index-module--kevPi",s="index-module--a3VsQ",c="index-module--fTtUx";const m=i}}]);
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[397],{7397:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ModalsWrapper});var o=t(1594),a=t(970),l=t(2108),i=t(696),d=t(4487),r=t(8126),s=t(1742),c=t(9897),m=t(5214),u=t(5835),p=t.n(u),x=t(9120),h=t.n(x),f=t(1148),v=t.n(f),g=t(3035),y=t.n(g),b=t(4959),k=t.n(b),j=t(5004),A=t.n(j),w=t(5247),E={};E.styleTagTransform=A(),E.setAttributes=y(),E.insert=v().bind(null,"head"),E.domAPI=h(),E.insertStyleElement=k();p()(w.A,E);w.A&&w.A.locals&&w.A.locals;var C=t(9681),F=t(8742),I=t(9433),P={};P.styleTagTransform=A(),P.setAttributes=y(),P.insert=v().bind(null,"head"),P.domAPI=h(),P.insertStyleElement=k();p()(I.Ay,P);I.Ay&&I.Ay.locals&&I.Ay.locals;var N=t(2246);const S=(0,a.PA)((function Progress(e){var n=e.children,t=e.progress,a=(0,o.useState)(),l=(0,F.A)(a,2),i=l[0],d=l[1];return(0,o.useEffect)((function(){d(t)}),[t]),(0,N.jsxs)("div",{className:I.iE,children:[!!n&&n,(0,N.jsx)("div",{className:I.Ux,children:(0,N.jsx)("div",{className:I.JW,style:{width:100*(null!=i?i:0)+"%"},children:(0,N.jsx)("div",{className:I.si})})})]})}));var W=t(9874),B=t(9824);const M=(0,a.PA)((function Modal(){var e,n=(0,l.IB)().contentStore,t=(0,C.B)().t,a=function onAccept(e){var t,o=n.modal;n.closeModal(),null==o||null===(t=o.callback)||void 0===t||t.call(o,!o.content||e)},u=function onReject(){var e,t=n.modal;n.closeModal(),null==t||null===(e=t.callback)||void 0===e||e.call(t,!1)},p=(0,o.useCallback)((function(e){n.modal&&"Escape"===e.key&&u()}),[]);(0,o.useEffect)((function(){return document.addEventListener("keydown",p,!1),function(){document.removeEventListener("keydown",p,!1)}}),[]),(0,o.useEffect)((function(){return document.addEventListener("keydown",x,!1),function(){document.removeEventListener("keydown",x,!1)}}),[]);var x=(0,o.useCallback)((function(e){if(n.modal)if("Enter"!==e.key||n.modal.doNotAcceptOnEnter)"ESC"!==e.key&&"Escape"!=e.key||(u(),e.preventDefault());else{var t=document.getElementById("diva-modal-form");if(!t)return;a(new FormData(t)),e.preventDefault()}}),[]);if(!n.modal)return(0,N.jsx)(N.Fragment,{});var h=(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(s.A,{style:n.modal.maxWidth?{maxWidth:n.modal.maxWidth}:void 0,children:n.modal.iFrame?(0,N.jsx)(IFrame,{link:n.modal.iFrame}):"string"==typeof n.modal.text&&null==n.modal.content?(0,N.jsx)(c.A,{component:"div",dangerouslySetInnerHTML:{__html:function tryDecodeURIComponent(e){try{return decodeURIComponent(e)}catch(n){return e}}(n.modal.text)}}):(0,N.jsxs)(c.A,{component:"div",children:[n.modal.text,n.modal.content&&n.modal.content]})}),(n.modal.reject||n.modal.accept)&&(0,N.jsxs)(r.A,{children:[n.modal.reject&&(0,N.jsx)(i.A,{color:"primary",onClick:u,children:"string"==typeof n.modal.reject?t(n.modal.reject):t("modal.reject")}),n.modal.accept&&(0,N.jsx)(i.A,{color:"primary",type:"submit",id:"diva-dialog-submitbtn",children:"string"==typeof n.modal.accept?t(n.modal.accept):t("modal.accept")})]}),(0,N.jsxs)("div",{style:{margin:10},children:[n.modal.image&&(0,N.jsx)("img",{src:n.modal.image,style:{maxWidth:480}}),void 0!==n.modal.progress&&(0,N.jsx)(S,{progress:n.modal.progress}),null===(e=n.modal.actions)||void 0===e?void 0:e.map((function(e){var o;return(0,N.jsx)(i.A,{fullWidth:!0,style:{marginBottom:10},variant:null!==(o=e.variant)&&void 0!==o?o:"contained",color:"primary",onClick:function onClick(){return function onSelect(e,t){var o,a=n.modal;0!=t&&n.closeModal(),null==a||null===(o=a.callback)||void 0===o||o.call(a,e)}(e.id,e.closeable)},children:t(e.text)})}))]})]}),f=!0===n.modal.fullscreen||"mobile"==n.modal.fullscreen&&n.containerDimensions.isMobile;return(0,N.jsx)("div",{className:w.L,id:"diva-dialog",children:(0,N.jsxs)(d.A,{open:!0,disablePortal:!0,hideBackdrop:!0,disableEnforceFocus:!0,style:{position:"absolute",zIndex:0},maxWidth:"lg",fullScreen:f,PaperProps:{style:{width:n.modal.width,height:n.modal.height}},children:[(0,N.jsx)(m.A,{children:n.modal.title}),n.modal.rejectByIcon&&(0,N.jsx)(W.A,{onClick:u,style:{position:"absolute",right:8,top:8,zIndex:1000001},children:(0,N.jsx)(B.A,{})}),n.modal.dontRenderForm&&h,!n.modal.dontRenderForm&&(0,N.jsx)("form",{id:"diva-modal-form",autoComplete:"off",onSubmit:function onSubmit(e){e.preventDefault(),a(new FormData(e.target))},children:h})]})})}));function IFrame(e){var n=e.link;return(0,N.jsx)("iframe",{style:{border:0,width:"100%",height:"99%"},src:n})}function ModalsWrapper(){return(0,N.jsx)(M,{})}},5247:(e,n,t)=>{t.d(n,{A:()=>r,L:()=>d});var o=t(8634),a=t.n(o),l=t(2083),i=t.n(l)()(a());i.push([e.id,".index-module--FNUcb {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  background-color: rgba(255, 255, 255, 0.6);\n  z-index: 1001;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n",""]);var d="index-module--FNUcb";const r=i},9433:(e,n,t)=>{t.d(n,{Ay:()=>m,JW:()=>s,Ux:()=>r,iE:()=>d,si:()=>c});var o=t(8634),a=t.n(o),l=t(2083),i=t.n(l)()(a());i.push([e.id,".index-module--g6NeA {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--kevPi {\n  height: 10px;\n  position: relative;\n  border-radius: 5px;\n  width: 100%;\n}\n\n@keyframes index-module--ButXs {\n  from {\n    background-position-x: 0;\n  }\n  to {\n    background-position-x: 113px;\n  }\n}\n\n.index-module--a3VsQ {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  transition: width 0.4s ease-out;\n  overflow: hidden;\n  border-radius: 5px;\n}\n.index-module--fTtUx {\n  border-radius: 5px;\n  height: 100%;\n  background-color: var(--diva-theme-palette-primary-main);\n  background-image: repeating-linear-gradient(\n    45deg,\n    transparent,\n    transparent 10px,\n    var(--diva-theme-palette-secondary-dark) 10px,\n    var(--diva-theme-palette-secondary-dark) 20px\n  );\n  animation: index-module--ButXs 4s linear infinite;\n  will-change: background-position;\n}\n",""]);var d="index-module--g6NeA",r="index-module--kevPi",s="index-module--a3VsQ",c="index-module--fTtUx";const m=i}}]);

package/build/umd/40.products-component.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 40.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[40,319],{319:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(8742),a=i(1594),o=i(7563),r=i(5835),s=i.n(r),d=i(9120),I=i.n(d),l=i(1148),g=i.n(l),c=i(3035),M=i.n(c),m=i(4959),u=i.n(m),A=i(5004),D=i.n(A),v=i(5622),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=g().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.Ay,x);v.Ay&&v.Ay.locals&&v.Ay.locals;var p=i(2216),w=i(2246);window.customElements.get("model-viewer")||i.e(399).then(i.bind(i,399));const C=function ArViewer(e){var n,i,r,s,d=e.url,I=e.qrCodeUrl,l=e.cameraArButton,g=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,o.pi)().state.isMobile,A=(0,o.Bd)().t,D=(0,a.useState)(0),x=(0,t.A)(D,2),C=x[0],h=x[1],y=(0,a.useState)(!u),T=(0,t.A)(y,2),N=T[0],b=T[1];return l&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[N&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.j3,children:[(0,w.jsx)(p.A,{value:I,className:v.JB}),(0,w.jsx)("div",{className:v.DU,children:A("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.L$,id:"arThumbnailImg",onClick:function onClick(){return b(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[C].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[C].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[C].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==c?void 0:c[C].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[C].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:g}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){h(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},40:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var t=i(6557),a=i(8742),o=i(3106),r=i.n(o),s=i(7563),d=i(1594),I=i.n(d),l=i(5835),g=i.n(l),c=i(9120),M=i.n(c),m=i(1148),u=i.n(m),A=i(3035),D=i.n(A),v=i(4959),x=i.n(v),p=i(5004),w=i.n(p),C=i(5715),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=x();g()(C.Ay,h);C.Ay&&C.Ay.locals&&C.Ay.locals;var y=i(2919),T=i.n(y),N=i(319),b=i(2246),z=function(){var e=(0,t.A)(r().mark((function _callee(e,n){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise((function(n){var i=document.createElement("script");i.src="https://scripts.sirv.com/sirvjs/v3/sirv.js",i.type="text/javascript",i.async=!0,i.dataset.components=e,i.onload=n,document.body.appendChild(i)})));case 1:case"end":return n.stop()}}),_callee)})));return function loadSirv(n,i){return e.apply(this,arguments)}}(),S=function getMediaItem(e,n,i,t){var a,o=arguments.length>5?arguments[5]:void 0,r=!!(arguments.length>4&&void 0!==arguments[4]?arguments[4]:[]).find((function(n){return e.url.includes(n)})),s=j(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var d=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(d.searchParams.append("scale.option","noup"),d.searchParams.append("w","3000")),r?(0,b.jsx)("div",{"data-src":d.toString(),"data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,id:"main3dImage",children:s},e.url):(0,b.jsx)("img",{"data-src":d.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:s},e.url)}catch(e){return(0,b.jsx)("div",{children:"Invalid Url"})}case"AR":return(0,b.jsxs)("div",{"data-swipe-disabled":!0,children:[(0,b.jsx)(N.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:o?o+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),s]},n)}return(0,b.jsx)(b.Fragment,{})},j=function getThumb(e){var n=e.thumb;return"string"==typeof n?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:n},n)}):I().isValidElement(n)?(0,b.jsx)("smv-thumbnail",{children:n}):"AR"===e.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:C.zI})}):void 0};const f=function MediaViewer(e){var n=e.medias,t=e.mediaIds,o=e.itemKey,r=void 0===o?"MediaViewer":o,I=e.onLandscapeOptions,l=e.defaultDataOptions,g=e.currentItem,c=void 0===g?0:g,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=(0,d.useMemo)((function(){return(0,s.tZ)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.A)(D,2),x=v[0],p=v[1],w=(0,s.Bd)().t,h=r,y=(0,s.pi)(),N=y.state,j=N.dimensions,f=j.isPortrait,L=j.isMobile,k=j.isTablet,E=j.height,O=j.width,U=N.apiConfig,R=U.baseSirvUrls,Y=U.arViewerBaseUrl,P=y.handler.mediaHandler;(0,d.useEffect)((function(){p(n)}),[n]),(0,d.useEffect)((function(){u||i.e(546).then(i.bind(i,1546))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==x?void 0:x.map((function(e){return e._id})))&&void 0!==e?e:[])&&P.getMediaByIds(t).then((function(e){p(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&f&&O<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.eH,e.appendChild(n)}}},H=function onSpinReady(e){null==m||m(e.index);var n=null==x?void 0:x[e.index];void 0!==e.index&&n&&A.successTransaction("ON_SHOW_MEDIA",{functionType:n.functionType,mediaType:n.mediaType,mediaName:n.name,url:n.url})},Z=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",H),e.on("viewer:fullscreenIn",Q)};(0,d.useEffect)((function(){var e=window;return A.startTransaction({event:"onShowMedia",message:"Show Media ".concat(x),eventId:"ON_SHOW_MEDIA"}),e.Sirv?Z():z("zoom, spin, video",x).then((function(){Z(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var B=l;return void 0!==c&&(B+=";slide.first:"+c),!f&&L&&I&&E<500&&(B+=I),w("sirv.zoom.hint.text.click","")&&(B+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(B+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(B+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(B+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:h,className:T()(C.qn,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":B,children:null==x?void 0:x.map((function(e,n){return S(e,n,c,L&&!k,R,Y)}))},h)}},5622:(e,n,i)=>{i.d(n,{Ay:()=>A,DU:()=>u,JB:()=>M,L$:()=>m,j3:()=>c});var t=i(8634),a=i.n(t),o=i(2083),r=i.n(o),s=i(1946),d=i.n(s),I=new URL(i(4091),i.b),l=r()(a()),g=d()(I);l.push([e.id,`.index-module--aCm9Y {\n  position: absolute;\n  bottom: 10px;\n  right: 0px;\n  left: 0px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 361px;\n  height: 90px;\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n  border-radius: 0.3rem;\n  padding-left: 5px;\n  padding-right: 5px;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--xiYqj {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--tDj6i {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url(${g});\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--vtOFS {\n  width: 250px;\n  height: 80px;\n  word-wrap: break-word;\n  font-family: var(--diva-typography-font-family);\n}\n`,""]);var c="index-module--aCm9Y",M="index-module--xiYqj",m="index-module--tDj6i",u="index-module--vtOFS";const A=l},5715:(e,n,i)=>{i.d(n,{Ay:()=>x,eH:()=>v,qn:()=>A,zI:()=>D});var t=i(8634),a=i.n(t),o=i(2083),r=i.n(o),s=i(1946),d=i.n(s),I=new URL(i(6835),i.b),l=new URL(i(8892),i.b),g=new URL(i(6321),i.b),c=r()(a()),M=d()(I),m=d()(l),u=d()(g);c.push([e.id,`.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n  -webkit-mask-image: url(${M}) !important;\n  mask-image: url(${M}) !important;\n  mask-size: 75% !important;\n  -webkit-mask-size: 75% !important;\n}\n\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n  -webkit-mask-repeat: no-repeat;\n          mask-repeat: no-repeat;\n  background-color: #4f4f4f;\n}\n\n.index-module--SURNO .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\n  display: none;\n}\n\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\n  min-height: 20px !important;\n}\n\n.smv-thumbnails .smv-selector[data-type='spin']:before {\n  background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\n}\n\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\n  margin: 10px;\n  height: calc(100% - 20px);\n}\n\n#DivaCore .smv-selectors-box {\n  z-index: 50;\n}\n\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\n  align-items: inherit;\n}\n.index-module--MUCjv {\n  height: 100%;\n  width: 100%;\n  background-size: contain;\n  background-position: center;\n  width: 70px;\n  height: 70px;\n  background-image: url(${m});\n}\n\n.index-module--KcJr3 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 30px;\n  height: 30px;\n  background: center / contain no-repeat url(${u});\n  z-index: 100;\n  margin: 16px;\n}\n\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\n  width: auto !important;\n  height: auto !important;\n}\n`,""]);var A="index-module--SURNO",D="index-module--MUCjv",v="index-module--KcJr3";const x=c},8892:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6835:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},6321:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},4091:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[40,319],{319:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(8742),a=i(1594),o=i(5277),r=i(5835),s=i.n(r),d=i(9120),I=i.n(d),l=i(1148),g=i.n(l),c=i(3035),M=i.n(c),m=i(4959),u=i.n(m),A=i(5004),D=i.n(A),v=i(5622),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=g().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.Ay,x);v.Ay&&v.Ay.locals&&v.Ay.locals;var p=i(2216),w=i(2246);window.customElements.get("model-viewer")||i.e(781).then(i.bind(i,1781));const C=function ArViewer(e){var n,i,r,s,d=e.url,I=e.qrCodeUrl,l=e.cameraArButton,g=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,o.pi)().state.isMobile,A=(0,o.Bd)().t,D=(0,a.useState)(0),x=(0,t.A)(D,2),C=x[0],h=x[1],y=(0,a.useState)(!u),T=(0,t.A)(y,2),N=T[0],b=T[1];return l&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[N&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.j3,children:[(0,w.jsx)(p.A,{value:I,className:v.JB}),(0,w.jsx)("div",{className:v.DU,children:A("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.L$,id:"arThumbnailImg",onClick:function onClick(){return b(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[C].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[C].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[C].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==c?void 0:c[C].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[C].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:g}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){h(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},40:(e,n,i)=>{i.r(n),i.d(n,{default:()=>f});var t=i(6557),a=i(8742),o=i(3106),r=i.n(o),s=i(5277),d=i(1594),I=i.n(d),l=i(5835),g=i.n(l),c=i(9120),M=i.n(c),m=i(1148),u=i.n(m),A=i(3035),D=i.n(A),v=i(4959),x=i.n(v),p=i(5004),w=i.n(p),C=i(5715),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=x();g()(C.Ay,h);C.Ay&&C.Ay.locals&&C.Ay.locals;var y=i(2919),T=i.n(y),N=i(319),b=i(2246),z=function(){var e=(0,t.A)(r().mark((function _callee(e,n){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:return n.abrupt("return",new Promise((function(n){var i=document.createElement("script");i.src="https://scripts.sirv.com/sirvjs/v3/sirv.js",i.type="text/javascript",i.async=!0,i.dataset.components=e,i.onload=n,document.body.appendChild(i)})));case 1:case"end":return n.stop()}}),_callee)})));return function loadSirv(n,i){return e.apply(this,arguments)}}(),S=function getMediaItem(e,n,i,t){var a,o=arguments.length>5?arguments[5]:void 0,r=!!(arguments.length>4&&void 0!==arguments[4]?arguments[4]:[]).find((function(n){return e.url.includes(n)})),s=j(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var d=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(d.searchParams.append("scale.option","noup"),d.searchParams.append("w","3000")),r?(0,b.jsx)("div",{"data-src":d.toString(),"data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,id:"main3dImage",children:s},e.url):(0,b.jsx)("img",{"data-src":d.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:s},e.url)}catch(e){return(0,b.jsx)("div",{children:"Invalid Url"})}case"AR":return(0,b.jsxs)("div",{"data-swipe-disabled":!0,children:[(0,b.jsx)(N.default,{url:e.url,arViewerSettings:e.arViewerSettings,qrCodeUrl:o?o+"/arViewer?arMedia="+(null!==(a=e.shortUrl)&&void 0!==a?a:e.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===n}),s]},n)}return(0,b.jsx)(b.Fragment,{})},j=function getThumb(e){var n=e.thumb;return"string"==typeof n?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:n},n)}):I().isValidElement(n)?(0,b.jsx)("smv-thumbnail",{children:n}):"AR"===e.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:C.zI})}):void 0};const f=function MediaViewer(e){var n=e.medias,t=e.mediaIds,o=e.itemKey,r=void 0===o?"MediaViewer":o,I=e.onLandscapeOptions,l=e.defaultDataOptions,g=e.currentItem,c=void 0===g?0:g,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=(0,d.useMemo)((function(){return(0,s.tZ)("MediaViewer","ContentBox")}),[]),D=(0,d.useState)(n),v=(0,a.A)(D,2),x=v[0],p=v[1],w=(0,s.Bd)().t,h=r,y=(0,s.pi)(),N=y.state,j=N.dimensions,f=j.isPortrait,L=j.isMobile,k=j.isTablet,E=j.height,O=j.width,U=N.apiConfig,R=U.baseSirvUrls,Y=U.arViewerBaseUrl,P=y.handler.mediaHandler;(0,d.useEffect)((function(){p(n)}),[n]),(0,d.useEffect)((function(){u||i.e(546).then(i.bind(i,1546))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==x?void 0:x.map((function(e){return e._id})))&&void 0!==e?e:[])&&P.getMediaByIds(t).then((function(e){p(e)}))}),[t]);var Q=function fullscreenIn(){if(M&&L&&f&&O<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.eH,e.appendChild(n)}}},H=function onSpinReady(e){null==m||m(e.index);var n=null==x?void 0:x[e.index];void 0!==e.index&&n&&A.successTransaction("ON_SHOW_MEDIA",{functionType:n.functionType,mediaType:n.mediaType,mediaName:n.name,url:n.url})},Z=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",H),e.on("viewer:fullscreenIn",Q)};(0,d.useEffect)((function(){var e=window;return A.startTransaction({event:"onShowMedia",message:"Show Media ".concat(x),eventId:"ON_SHOW_MEDIA"}),e.Sirv?Z():z("zoom, spin, video",x).then((function(){Z(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",H),n.off("viewer:fullscreenIn",Q))}}),[]);var B=l;return void 0!==c&&(B+=";slide.first:"+c),!f&&L&&I&&E<500&&(B+=I),w("sirv.zoom.hint.text.click","")&&(B+=";zoom.hint.text.click: ".concat(w("sirv.zoom.hint.text.click"))),w("sirv.zoom.hint.text.hover","")&&(B+=";zoom.hint.text.hover: ".concat(w("sirv.zoom.hint.text.hover"))),w("sirv.zoom.hint.text.dblclick","")&&(B+=";zoom.hint.text.dblclick: ".concat(w("sirv.zoom.hint.text.dblclick"))),w("sirv.spin.hint.message.text","")&&(B+=";zoom.spin.hint.message.text: ".concat(w("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:h,className:T()(C.qn,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":B,children:null==x?void 0:x.map((function(e,n){return S(e,n,c,L&&!k,R,Y)}))},h)}},5622:(e,n,i)=>{i.d(n,{Ay:()=>A,DU:()=>u,JB:()=>M,L$:()=>m,j3:()=>c});var t=i(8634),a=i.n(t),o=i(2083),r=i.n(o),s=i(1946),d=i.n(s),I=new URL(i(4091),i.b),l=r()(a()),g=d()(I);l.push([e.id,`.index-module--aCm9Y {\n  position: absolute;\n  bottom: 10px;\n  right: 0px;\n  left: 0px;\n  margin-left: auto;\n  margin-right: auto;\n  width: 361px;\n  height: 90px;\n  margin-bottom: 10px;\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n  border-radius: 0.3rem;\n  padding-left: 5px;\n  padding-right: 5px;\n  align-items: center;\n  gap: 10px;\n}\n\n.index-module--xiYqj {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--tDj6i {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url(${g});\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--vtOFS {\n  width: 250px;\n  height: 80px;\n  word-wrap: break-word;\n  font-family: var(--diva-typography-font-family);\n}\n`,""]);var c="index-module--aCm9Y",M="index-module--xiYqj",m="index-module--tDj6i",u="index-module--vtOFS";const A=l},5715:(e,n,i)=>{i.d(n,{Ay:()=>x,eH:()=>v,qn:()=>A,zI:()=>D});var t=i(8634),a=i.n(t),o=i(2083),r=i.n(o),s=i(1946),d=i.n(s),I=new URL(i(6835),i.b),l=new URL(i(8892),i.b),g=new URL(i(6321),i.b),c=r()(a()),M=d()(I),m=d()(l),u=d()(g);c.push([e.id,`.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n  -webkit-mask-image: url(${M}) !important;\n  mask-image: url(${M}) !important;\n  mask-size: 75% !important;\n  -webkit-mask-size: 75% !important;\n}\n\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n  -webkit-mask-repeat: no-repeat;\n          mask-repeat: no-repeat;\n  background-color: #4f4f4f;\n}\n\n.index-module--SURNO .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\n  display: none;\n}\n\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\n  min-height: 20px !important;\n}\n\n.smv-thumbnails .smv-selector[data-type='spin']:before {\n  background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\n}\n\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\n  margin: 10px;\n  height: calc(100% - 20px);\n}\n\n#DivaCore .smv-selectors-box {\n  z-index: 50;\n}\n\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\n  align-items: inherit;\n}\n.index-module--MUCjv {\n  height: 100%;\n  width: 100%;\n  background-size: contain;\n  background-position: center;\n  width: 70px;\n  height: 70px;\n  background-image: url(${m});\n}\n\n.index-module--KcJr3 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 30px;\n  height: 30px;\n  background: center / contain no-repeat url(${u});\n  z-index: 100;\n  margin: 16px;\n}\n\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\n  width: auto !important;\n  height: auto !important;\n}\n`,""]);var A="index-module--SURNO",D="index-module--MUCjv",v="index-module--KcJr3";const x=c},8892:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6835:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},6321:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},4091:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

package/build/umd/455.products-component.umd.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see 455.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[455],{455:(e,t,r)=>{r.r(t),r.d(t,{default:()=>k});var n=r(8893),i=r(6557),o=r(8742),c=r(3106),a=r.n(c),s=r(1594),u=r(7692),d=r(5206),p=function useDraggableInPortal(){var e=(0,s.useRef)(document.createElement("div")).current;return(0,s.useEffect)((function(){if(e)return e.style.pointerEvents="none",e.style.position="absolute",e.style.height="100%",e.style.width="100%",e.style.top="0",e.style.left="0",document.body.appendChild(e),function(){document.body.removeChild(e)}}),[e]),function(t){return function(r){var n=t(r);return"fixed"===r.draggableProps.style.position?(0,d.createPortal)(n,e):n}}},M=r(5835),y=r.n(M),l=r(9120),j=r.n(l),N=r(1148),D=r.n(N),g=r(3035),b=r.n(g),f=r(4959),x=r.n(f),O=r(5004),T=r.n(O),z=r(4350),I={};I.styleTagTransform=T(),I.setAttributes=b(),I.insert=D().bind(null,"head"),I.domAPI=j(),I.insertStyleElement=x();y()(z.A,I);z.A&&z.A.locals&&z.A.locals;var h=r(998),L=r(2278),A=r(7563),v=r(2246);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const E=function DragAndDropOptionValues(e){var t=e.variants,r=e.groups,n=e.currentProuduct,c=e.groupKey,d=e.setCurProduct,M=r[c],y=p(),l=(0,s.useState)(!1),j=(0,o.A)(l,2),N=j[0],D=j[1],g=(0,A.pi)().state.dimensions.isMobile,b=(0,h.A)().fetchData,f=(0,L.A)({variants:t,groups:r,currentProuduct:n,groupKey:c,setCurProduct:d,isMobile:g,selectedClassification:n[c]}),x=function(){var e=(0,i.A)(a().mark((function _callee(e){var r,i,o,s,u,p,y,l,j,N,g,f,x,O,T,z,I;return a().wrap((function _callee$(a){for(;;)switch(a.prev=a.next){case 0:if(r=!1,e.destination){a.next=3;break}return a.abrupt("return");case 3:if(e.source.index!=e.destination.index){a.next=5;break}return a.abrupt("return");case 5:e.source.index>e.destination.index&&(r=!0,D(!0)),i=e.source.index,o=e.destination.index,s=M[i].codex,u=M[o].codex,p={},y=!1,l=0;case 13:if(!(l<M.length)){a.next=43;break}if(j=M[l],N=j.codex,!r){a.next=31;break}if(u!=N){a.next=21;break}y=!0,a.next=25;break;case 21:if(s!=N){a.next=25;break}return y=!1,p[N]=M[o].position,a.abrupt("continue",40);case 25:if(y){a.next=28;break}return p[N]=M[l].position,a.abrupt("continue",40);case 28:p[N]=M[l+1].position,a.next=40;break;case 31:if(s!=N){a.next=35;break}return y=!0,p[N]=M[o].position,a.abrupt("continue",40);case 35:if(y){a.next=38;break}return p[N]=M[l].position,a.abrupt("continue",40);case 38:u==N&&(y=!1),p[N]=M[l-1].position;case 40:l++,a.next=13;break;case 43:for(g=t.map((function(e){for(var t in p)e[c].opv===t&&(e[c].position=p[t]);return e})),d(void 0,g.find((function(e){return e._id==n._id})),g),f=[],x=0;x<t.length;x++){for(z in O=t[x],T=[],p)O[c].opv===z&&T.push({op:"replace",path:"/"+c+"/position",value:p[z]});f.push(b("/products/"+O._id,"catalog","PATCH",{patch:T}))}return a.next=49,Promise.all(f);case 49:I=a.sent,d(void 0,I.find((function(e){return e._id==n._id})),t.map((function(e){var t;return null!==(t=I.find((function(t){return t._id==e._id})))&&void 0!==t?t:e}))),D(!1);case 52:case"end":return a.stop()}}),_callee)})));return function onDragEnd(t){return e.apply(this,arguments)}}();return(0,v.jsx)(u.JY,{onDragEnd:x,children:(0,v.jsx)(u.gL,{droppableId:"droppable",isDropDisabled:N,direction:"vertical",children:function children(e,t){return(0,v.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{height:"100%",display:"flex",flexDirection:"column"},children:[f.map((function(e,t){return(0,v.jsx)(u.sx,{index:t,draggableId:M[t].codex,isDragDisabled:N,children:y((function(e){return(0,v.jsx)("div",_objectSpread(_objectSpread(_objectSpread({ref:e.innerRef},e.draggableProps),e.dragHandleProps),{},{style:_objectSpread(_objectSpread({},e.draggableProps.style),{},{height:"fit-content"},N?{cursor:"wait"}:{}),children:f[t]}))}))},M[t].codex)})),e.placeholder]}))}})})};function DragAndDropOptions_ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function DragAndDropOptions_objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?DragAndDropOptions_ownKeys(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):DragAndDropOptions_ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const k=function DragAndDrop(e){var t=e.groups,r=e.variants,n=e.setCurProduct,c=e.currentProuduct,d=e.posOfOpt,M=p(),y=(0,s.useState)(!1),l=(0,o.A)(y,2),j=l[0],N=l[1],D=(0,h.A)().fetchData,g=function(){var e=(0,i.A)(a().mark((function _callee(e){var i,s,u,p,M,y,l,j,g,b,f,x,O,T;return a().wrap((function _callee$(z){for(;;)switch(z.prev=z.next){case 0:if(i=!1,e.destination){z.next=3;break}return z.abrupt("return");case 3:if(e.source.index!=e.destination.index){z.next=5;break}return z.abrupt("return");case 5:if(e.source.index>e.destination.index&&(i=!0),N(!0),s=Object.keys(t),u=s[e.source.index],p=s[e.destination.index],M={},s.length>Object.keys(d).length)for(y=0;y<s.length;y++)d[s[y]]||(d[s[y]]=y);l=!1,z.t0=a().keys(t);case 14:if((z.t1=z.t0()).done){z.next=42;break}if(j=z.t1.value,!i){z.next=31;break}if(p!=j){z.next=21;break}l=!0,z.next=25;break;case 21:if(u!=j){z.next=25;break}return l=!1,M[j]=d[p],z.abrupt("continue",14);case 25:if(l){z.next=28;break}return M[j]=d[j],z.abrupt("continue",14);case 28:M[j]=d[s[s.indexOf(j)+1]],z.next=40;break;case 31:if(u!=j){z.next=35;break}return l=!0,M[j]=d[p],z.abrupt("continue",14);case 35:if(l){z.next=38;break}return M[j]=d[j],z.abrupt("continue",14);case 38:p==j&&(l=!1),M[j]=d[s[s.indexOf(j)-1]];case 40:z.next=14;break;case 42:for(g=r.map((function(e){for(var t in M)e[t].position=M[t];return e})),n(void 0,g.find((function(e){return e._id==c._id})),g),b={patch:Object.entries(M).map((function(e){var t=(0,o.A)(e,2);return{op:"replace",path:"/"+t[0]+"/optionPosition",value:t[1]}}))},f=[],x=0;x<r.length;x++)O=r[x],f.push(D("/products/"+O._id,"catalog","PATCH",b));return z.next=49,Promise.all(f);case 49:T=z.sent,n(void 0,T.find((function(e){return e._id==c._id})),r.map((function(e){var t;return null!==(t=T.find((function(t){return t._id==e._id})))&&void 0!==t?t:e}))),N(!1);case 52:case"end":return z.stop()}}),_callee)})));return function onDragEnd(t){return e.apply(this,arguments)}}();return(0,v.jsx)("div",{style:{display:"flex",width:"100%",position:"relative"},children:(0,v.jsx)(u.JY,{onDragEnd:g,children:(0,v.jsx)(u.gL,{droppableId:"droppable",isDropDisabled:j,direction:"horizontal",children:function children(e,i){return(0,v.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"calc("+100/Object.keys(t).length+"%)",height:"100%",display:"flex"},children:[Object.keys(t).map((function(e,i){return(0,v.jsx)(u.sx,{index:i,draggableId:e,isDragDisabled:j,children:M((function(i){return(0,v.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({ref:i.innerRef},i.draggableProps),{},{style:DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({paddingRight:5},i.draggableProps.style),j?{cursor:"wait"}:{}),children:[(0,v.jsx)("div",DragAndDropOptions_objectSpread({className:z.K},i.dragHandleProps)),(0,v.jsx)(E,{currentProuduct:c,groups:t,groupKey:e,posOfOpt:d,setCurProduct:n,variants:r})]}))}))},e)})),e.placeholder]}))}})})})}},4350:(e,t,r)=>{r.d(t,{A:()=>y,K:()=>M});var n=r(8634),i=r.n(n),o=r(2083),c=r.n(o),a=r(1946),s=r.n(a),u=new URL(r(548),r.b),d=c()(i()),p=s()(u);d.push([e.id,`.index-module--QbYby {\n  width: 100%;\n  height: 20px;\n  background: center / 50% no-repeat url(${p});\n}\n`,""]);var M="index-module--QbYby";const y=d},548:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgY2xhc3M9InN2Zy1pY29uIiBzdHlsZT0id2lkdGg6IDFlbTsgaGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjE5LjQyODU3MSA1ODUuMTQyODU3Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4LTE0Ni4yODU3MTRjMzYuNTcxNDI5IDAgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3cy0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTggNzMuMTQyODU3IDM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU4IDczLjE0Mjg1N3pNMjE5LjQyODU3MSAyOTIuNTcxNDI5Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4IDI5Mi41NzE0MjhjLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU4IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1OCA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3pNNTEyIDI5Mi41NzE0MjljLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU3IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3ogbTAgMjkyLjU3MTQyOGMtMzYuNTcxNDI5IDAtNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTcgNzMuMTQyODU3czM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTctMzYuNTcxNDI5IDczLjE0Mjg1Ny03My4xNDI4NTctMzYuNTcxNDI5LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3eiIgIC8+PC9zdmc+"}}]);
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[455],{455:(e,t,r)=>{r.r(t),r.d(t,{default:()=>k});var n=r(8893),i=r(6557),o=r(8742),c=r(3106),a=r.n(c),s=r(1594),u=r(7692),d=r(5206),p=function useDraggableInPortal(){var e=(0,s.useRef)(document.createElement("div")).current;return(0,s.useEffect)((function(){if(e)return e.style.pointerEvents="none",e.style.position="absolute",e.style.height="100%",e.style.width="100%",e.style.top="0",e.style.left="0",document.body.appendChild(e),function(){document.body.removeChild(e)}}),[e]),function(t){return function(r){var n=t(r);return"fixed"===r.draggableProps.style.position?(0,d.createPortal)(n,e):n}}},M=r(5835),y=r.n(M),l=r(9120),j=r.n(l),N=r(1148),D=r.n(N),g=r(3035),b=r.n(g),f=r(4959),x=r.n(f),O=r(5004),T=r.n(O),z=r(4350),I={};I.styleTagTransform=T(),I.setAttributes=b(),I.insert=D().bind(null,"head"),I.domAPI=j(),I.insertStyleElement=x();y()(z.A,I);z.A&&z.A.locals&&z.A.locals;var h=r(998),L=r(2278),A=r(5277),v=r(2246);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const E=function DragAndDropOptionValues(e){var t=e.variants,r=e.groups,n=e.currentProuduct,c=e.groupKey,d=e.setCurProduct,M=r[c],y=p(),l=(0,s.useState)(!1),j=(0,o.A)(l,2),N=j[0],D=j[1],g=(0,A.pi)().state.dimensions.isMobile,b=(0,h.A)().fetchData,f=(0,L.A)({variants:t,groups:r,currentProuduct:n,groupKey:c,setCurProduct:d,isMobile:g,selectedClassification:n[c]}),x=function(){var e=(0,i.A)(a().mark((function _callee(e){var r,i,o,s,u,p,y,l,j,N,g,f,x,O,T,z,I;return a().wrap((function _callee$(a){for(;;)switch(a.prev=a.next){case 0:if(r=!1,e.destination){a.next=3;break}return a.abrupt("return");case 3:if(e.source.index!=e.destination.index){a.next=5;break}return a.abrupt("return");case 5:e.source.index>e.destination.index&&(r=!0,D(!0)),i=e.source.index,o=e.destination.index,s=M[i].codex,u=M[o].codex,p={},y=!1,l=0;case 13:if(!(l<M.length)){a.next=43;break}if(j=M[l],N=j.codex,!r){a.next=31;break}if(u!=N){a.next=21;break}y=!0,a.next=25;break;case 21:if(s!=N){a.next=25;break}return y=!1,p[N]=M[o].position,a.abrupt("continue",40);case 25:if(y){a.next=28;break}return p[N]=M[l].position,a.abrupt("continue",40);case 28:p[N]=M[l+1].position,a.next=40;break;case 31:if(s!=N){a.next=35;break}return y=!0,p[N]=M[o].position,a.abrupt("continue",40);case 35:if(y){a.next=38;break}return p[N]=M[l].position,a.abrupt("continue",40);case 38:u==N&&(y=!1),p[N]=M[l-1].position;case 40:l++,a.next=13;break;case 43:for(g=t.map((function(e){for(var t in p)e[c].opv===t&&(e[c].position=p[t]);return e})),d(void 0,g.find((function(e){return e._id==n._id})),g),f=[],x=0;x<t.length;x++){for(z in O=t[x],T=[],p)O[c].opv===z&&T.push({op:"replace",path:"/"+c+"/position",value:p[z]});f.push(b("/products/"+O._id,"catalog","PATCH",{patch:T}))}return a.next=49,Promise.all(f);case 49:I=a.sent,d(void 0,I.find((function(e){return e._id==n._id})),t.map((function(e){var t;return null!==(t=I.find((function(t){return t._id==e._id})))&&void 0!==t?t:e}))),D(!1);case 52:case"end":return a.stop()}}),_callee)})));return function onDragEnd(t){return e.apply(this,arguments)}}();return(0,v.jsx)(u.JY,{onDragEnd:x,children:(0,v.jsx)(u.gL,{droppableId:"droppable",isDropDisabled:N,direction:"vertical",children:function children(e,t){return(0,v.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{height:"100%",display:"flex",flexDirection:"column"},children:[f.map((function(e,t){return(0,v.jsx)(u.sx,{index:t,draggableId:M[t].codex,isDragDisabled:N,children:y((function(e){return(0,v.jsx)("div",_objectSpread(_objectSpread(_objectSpread({ref:e.innerRef},e.draggableProps),e.dragHandleProps),{},{style:_objectSpread(_objectSpread({},e.draggableProps.style),{},{height:"fit-content"},N?{cursor:"wait"}:{}),children:f[t]}))}))},M[t].codex)})),e.placeholder]}))}})})};function DragAndDropOptions_ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function DragAndDropOptions_objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?DragAndDropOptions_ownKeys(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):DragAndDropOptions_ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const k=function DragAndDrop(e){var t=e.groups,r=e.variants,n=e.setCurProduct,c=e.currentProuduct,d=e.posOfOpt,M=p(),y=(0,s.useState)(!1),l=(0,o.A)(y,2),j=l[0],N=l[1],D=(0,h.A)().fetchData,g=function(){var e=(0,i.A)(a().mark((function _callee(e){var i,s,u,p,M,y,l,j,g,b,f,x,O,T;return a().wrap((function _callee$(z){for(;;)switch(z.prev=z.next){case 0:if(i=!1,e.destination){z.next=3;break}return z.abrupt("return");case 3:if(e.source.index!=e.destination.index){z.next=5;break}return z.abrupt("return");case 5:if(e.source.index>e.destination.index&&(i=!0),N(!0),s=Object.keys(t),u=s[e.source.index],p=s[e.destination.index],M={},s.length>Object.keys(d).length)for(y=0;y<s.length;y++)d[s[y]]||(d[s[y]]=y);l=!1,z.t0=a().keys(t);case 14:if((z.t1=z.t0()).done){z.next=42;break}if(j=z.t1.value,!i){z.next=31;break}if(p!=j){z.next=21;break}l=!0,z.next=25;break;case 21:if(u!=j){z.next=25;break}return l=!1,M[j]=d[p],z.abrupt("continue",14);case 25:if(l){z.next=28;break}return M[j]=d[j],z.abrupt("continue",14);case 28:M[j]=d[s[s.indexOf(j)+1]],z.next=40;break;case 31:if(u!=j){z.next=35;break}return l=!0,M[j]=d[p],z.abrupt("continue",14);case 35:if(l){z.next=38;break}return M[j]=d[j],z.abrupt("continue",14);case 38:p==j&&(l=!1),M[j]=d[s[s.indexOf(j)-1]];case 40:z.next=14;break;case 42:for(g=r.map((function(e){for(var t in M)e[t].position=M[t];return e})),n(void 0,g.find((function(e){return e._id==c._id})),g),b={patch:Object.entries(M).map((function(e){var t=(0,o.A)(e,2);return{op:"replace",path:"/"+t[0]+"/optionPosition",value:t[1]}}))},f=[],x=0;x<r.length;x++)O=r[x],f.push(D("/products/"+O._id,"catalog","PATCH",b));return z.next=49,Promise.all(f);case 49:T=z.sent,n(void 0,T.find((function(e){return e._id==c._id})),r.map((function(e){var t;return null!==(t=T.find((function(t){return t._id==e._id})))&&void 0!==t?t:e}))),N(!1);case 52:case"end":return z.stop()}}),_callee)})));return function onDragEnd(t){return e.apply(this,arguments)}}();return(0,v.jsx)("div",{style:{display:"flex",width:"100%",position:"relative"},children:(0,v.jsx)(u.JY,{onDragEnd:g,children:(0,v.jsx)(u.gL,{droppableId:"droppable",isDropDisabled:j,direction:"horizontal",children:function children(e,i){return(0,v.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"calc("+100/Object.keys(t).length+"%)",height:"100%",display:"flex"},children:[Object.keys(t).map((function(e,i){return(0,v.jsx)(u.sx,{index:i,draggableId:e,isDragDisabled:j,children:M((function(i){return(0,v.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({ref:i.innerRef},i.draggableProps),{},{style:DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({paddingRight:5},i.draggableProps.style),j?{cursor:"wait"}:{}),children:[(0,v.jsx)("div",DragAndDropOptions_objectSpread({className:z.K},i.dragHandleProps)),(0,v.jsx)(E,{currentProuduct:c,groups:t,groupKey:e,posOfOpt:d,setCurProduct:n,variants:r})]}))}))},e)})),e.placeholder]}))}})})})}},4350:(e,t,r)=>{r.d(t,{A:()=>y,K:()=>M});var n=r(8634),i=r.n(n),o=r(2083),c=r.n(o),a=r(1946),s=r.n(a),u=new URL(r(548),r.b),d=c()(i()),p=s()(u);d.push([e.id,`.index-module--QbYby {\n  width: 100%;\n  height: 20px;\n  background: center / 50% no-repeat url(${p});\n}\n`,""]);var M="index-module--QbYby";const y=d},548:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgY2xhc3M9InN2Zy1pY29uIiBzdHlsZT0id2lkdGg6IDFlbTsgaGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjE5LjQyODU3MSA1ODUuMTQyODU3Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4LTE0Ni4yODU3MTRjMzYuNTcxNDI5IDAgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3cy0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTggNzMuMTQyODU3IDM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU4IDczLjE0Mjg1N3pNMjE5LjQyODU3MSAyOTIuNTcxNDI5Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4IDI5Mi41NzE0MjhjLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU4IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1OCA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3pNNTEyIDI5Mi41NzE0MjljLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU3IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3ogbTAgMjkyLjU3MTQyOGMtMzYuNTcxNDI5IDAtNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTcgNzMuMTQyODU3czM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTctMzYuNTcxNDI5IDczLjE0Mjg1Ny03My4xNDI4NTctMzYuNTcxNDI5LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3eiIgIC8+PC9zdmc+"}}]);