@crystaldesign/products-component 24.14.0-beta.8 → 24.14.0-rc.0

package/build/cjs/index.js

@@ -332,15 +332,16 @@ function useProductState(_ref) {
     sort = _ref.sort,
     forcedFilter = _ref.forcedFilter,
     noFilter = _ref.noFilter,
-    scroller = _ref.scroller;
+    scroller = _ref.scroller,
+    favorites = _ref.favorites,
+    disabled = _ref.disabled,
+    onInitialized = _ref.onInitialized;
   var _useDivaCore = divaCore.useDivaCore(),
     productHandler = _useDivaCore.handler.productHandler,
-    _useDivaCore$state = _useDivaCore.state,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
+    _useDivaCore$state$di = _useDivaCore.state.dimensions,
     isMobile = _useDivaCore$state$di.isMobile,
     height = _useDivaCore$state$di.height,
-    isPortrait = _useDivaCore$state$di.isPortrait,
-    organization = _useDivaCore$state.organization;
+    isPortrait = _useDivaCore$state$di.isPortrait;
   var _useState = react.useState({}),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     facets = _useState2[0],
@@ -375,12 +376,20 @@ function useProductState(_ref) {
     setTotal = _useState16[1];
   var INCREMENT = isMobile && isPortrait ? 6 : 50;
   var abortControlerRef = react.useRef();
-  var loadProducts = react.useCallback(function (page, currentFilter, currentSearch) {
+  var loadProducts = react.useCallback(function (page, currentFilter, currentSearch, onInitialized) {
     var _abortControlerRef$cu;
     if (!noFilter && (!Object.values(currentFilter).length || forcedFilter && !currentFilter[forcedFilter])) {
       return;
     }
     setLoadProducts(true);
+    if (disabled) {
+      setGroups([]);
+      setTotal(0);
+      setFacets({});
+      setLoadProducts(false);
+      onInitialized === null || onInitialized === void 0 || onInitialized(true);
+      return;
+    }
 
     //abort previous request
     (_abortControlerRef$cu = abortControlerRef.current) === null || _abortControlerRef$cu === void 0 || _abortControlerRef$cu.abort();
@@ -389,17 +398,12 @@ function useProductState(_ref) {
     var skip = resetData ? 0 : groups.length;
     var limit = INCREMENT + (resetData ? 0 : page * INCREMENT - groups.length);
     var filterObject = getFilterObjectQuery(currentFilter, currentSearch);
-    filterObject.push({
-      id: 'availableForOrganizations',
-      op: 'eq',
-      value: organization._id
-    });
     productHandler.apiLoadProductVariantsGrouped({
       limit: limit,
       skip: skip,
       sort: sort,
       search: filterObject,
-      showAllProducts: false,
+      favorites: favorites,
       abortController: abortControlerRef.current
     }).then(function (result) {
       var _result$facet;
@@ -409,6 +413,7 @@ function useProductState(_ref) {
       setTotal(result.total);
       setFacets((_result$facet = result.facet) !== null && _result$facet !== void 0 ? _result$facet : {});
       setLoadProducts(false);
+      onInitialized === null || onInitialized === void 0 || onInitialized(result.data.length == 0);
     })["catch"](function (err) {
       if (err !== 'Request cancelled') {
         throw err;
@@ -470,7 +475,7 @@ function useProductState(_ref) {
     };
   }(), 50), [hasNext, nextPage]);
   react.useEffect(function () {
-    loadProducts(0, filter, search);
+    loadProducts(0, filter, search, onInitialized);
   }, []);
   react.useEffect(function () {
     if (!scroller) return;

package/build/esm/index.js

@@ -316,15 +316,16 @@ function useProductState(_ref) {
     sort = _ref.sort,
     forcedFilter = _ref.forcedFilter,
     noFilter = _ref.noFilter,
-    scroller = _ref.scroller;
+    scroller = _ref.scroller,
+    favorites = _ref.favorites,
+    disabled = _ref.disabled,
+    onInitialized = _ref.onInitialized;
   var _useDivaCore = useDivaCore(),
     productHandler = _useDivaCore.handler.productHandler,
-    _useDivaCore$state = _useDivaCore.state,
-    _useDivaCore$state$di = _useDivaCore$state.dimensions,
+    _useDivaCore$state$di = _useDivaCore.state.dimensions,
     isMobile = _useDivaCore$state$di.isMobile,
     height = _useDivaCore$state$di.height,
-    isPortrait = _useDivaCore$state$di.isPortrait,
-    organization = _useDivaCore$state.organization;
+    isPortrait = _useDivaCore$state$di.isPortrait;
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     facets = _useState2[0],
@@ -359,12 +360,20 @@ function useProductState(_ref) {
     setTotal = _useState16[1];
   var INCREMENT = isMobile && isPortrait ? 6 : 50;
   var abortControlerRef = useRef();
-  var loadProducts = useCallback(function (page, currentFilter, currentSearch) {
+  var loadProducts = useCallback(function (page, currentFilter, currentSearch, onInitialized) {
     var _abortControlerRef$cu;
     if (!noFilter && (!Object.values(currentFilter).length || forcedFilter && !currentFilter[forcedFilter])) {
       return;
     }
     setLoadProducts(true);
+    if (disabled) {
+      setGroups([]);
+      setTotal(0);
+      setFacets({});
+      setLoadProducts(false);
+      onInitialized === null || onInitialized === void 0 || onInitialized(true);
+      return;
+    }
 
     //abort previous request
     (_abortControlerRef$cu = abortControlerRef.current) === null || _abortControlerRef$cu === void 0 || _abortControlerRef$cu.abort();
@@ -373,17 +382,12 @@ function useProductState(_ref) {
     var skip = resetData ? 0 : groups.length;
     var limit = INCREMENT + (resetData ? 0 : page * INCREMENT - groups.length);
     var filterObject = getFilterObjectQuery(currentFilter, currentSearch);
-    filterObject.push({
-      id: 'availableForOrganizations',
-      op: 'eq',
-      value: organization._id
-    });
     productHandler.apiLoadProductVariantsGrouped({
       limit: limit,
       skip: skip,
       sort: sort,
       search: filterObject,
-      showAllProducts: false,
+      favorites: favorites,
       abortController: abortControlerRef.current
     }).then(function (result) {
       var _result$facet;
@@ -393,6 +397,7 @@ function useProductState(_ref) {
       setTotal(result.total);
       setFacets((_result$facet = result.facet) !== null && _result$facet !== void 0 ? _result$facet : {});
       setLoadProducts(false);
+      onInitialized === null || onInitialized === void 0 || onInitialized(result.data.length == 0);
     })["catch"](function (err) {
       if (err !== 'Request cancelled') {
         throw err;
@@ -454,7 +459,7 @@ function useProductState(_ref) {
     };
   }(), 50), [hasNext, nextPage]);
   useEffect(function () {
-    loadProducts(0, filter, search);
+    loadProducts(0, filter, search, onInitialized);
   }, []);
   useEffect(function () {
     if (!scroller) return;

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

@@ -26,6 +26,9 @@ export interface ProductStateParams {
     forcedFilter?: string;
     noFilter?: boolean;
     scroller?: HTMLElement;
+    favorites?: boolean;
+    disabled?: boolean;
+    onInitialized?: (empty?: boolean) => void;
 }
-export default function useProductState({ parameters, sort, forcedFilter, noFilter, scroller }: ProductStateParams): ProductState;
+export default function useProductState({ parameters, sort, forcedFilter, noFilter, scroller, favorites, disabled, onInitialized, }: ProductStateParams): ProductState;
 //# sourceMappingURL=useProductState.d.ts.map

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,CA0IhI"}
+{"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;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,GACd,EAAE,kBAAkB,GAAG,YAAY,CAiJnC"}

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

@@ -0,0 +1,2 @@
+/*! For license information please see 113.products-component.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[113],{5113:(e,t,o)=>{o.d(t,{Z:()=>$});var a=o(7363),r=o(7726),n=o(4062),s=o(9074),i=o(1522),c=o(1684),l=o(7843);const d=function useControlled({controlled:e,default:t,name:o,state:r="value"}){const{current:n}=a.useRef(void 0!==e),[s,i]=a.useState(t);return[n?e:s,a.useCallback((e=>{n||i(e)}),[])]};const p=a.createContext(void 0);var u=o(189),h=o(3966),m=o(431);function getSwitchBaseUtilityClass(e){return(0,m.ZP)("PrivateSwitchBase",e)}(0,h.Z)("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);var v=o(7514);const b=(0,l.ZP)(u.Z)({padding:9,borderRadius:"50%",variants:[{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:({edge:e,ownerState:t})=>"start"===e&&"small"!==t.size,style:{marginLeft:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}},{props:({edge:e,ownerState:t})=>"end"===e&&"small"!==t.size,style:{marginRight:-12}}]}),k=(0,l.ZP)("input",{shouldForwardProp:c.Z})({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),f=a.forwardRef((function SwitchBase(e,t){const{autoFocus:o,checked:s,checkedIcon:c,className:l,defaultChecked:u,disabled:h,disableFocusRipple:m=!1,edge:f=!1,icon:g,id:C,inputProps:x,inputRef:y,name:Z,onBlur:z,onChange:S,onFocus:w,readOnly:R,required:P=!1,tabIndex:B,type:F,value:$,...j}=e,[I,O]=d({controlled:s,default:Boolean(u),name:"SwitchBase",state:"checked"}),M=function useFormControl(){return a.useContext(p)}();let H=h;M&&void 0===H&&(H=M.disabled);const N="checkbox"===F||"radio"===F,q={...e,checked:I,disabled:H,disableFocusRipple:m,edge:f},E=(e=>{const{classes:t,checked:o,disabled:a,edge:r}=e,s={root:["root",o&&"checked",a&&"disabled",r&&`edge${(0,i.Z)(r)}`],input:["input"]};return(0,n.Z)(s,getSwitchBaseUtilityClass,t)})(q);return(0,v.jsxs)(b,{component:"span",className:(0,r.Z)(E.root,l),centerRipple:!0,focusRipple:!m,disabled:H,tabIndex:null,role:void 0,onFocus:e=>{w&&w(e),M&&M.onFocus&&M.onFocus(e)},onBlur:e=>{z&&z(e),M&&M.onBlur&&M.onBlur(e)},ownerState:q,ref:t,...j,children:[(0,v.jsx)(k,{autoFocus:o,checked:s,defaultChecked:u,className:E.input,disabled:H,id:N?C:void 0,name:Z,onChange:e=>{if(e.nativeEvent.defaultPrevented)return;const t=e.target.checked;O(t),S&&S(e,t)},readOnly:R,ref:y,required:P,ownerState:q,tabIndex:B,type:F,..."checkbox"===F&&void 0===$?{}:{value:$},...x}),I?c:g]})}));var g=o(6177);const C=(0,g.Z)((0,v.jsx)("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),x=(0,g.Z)((0,v.jsx)("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),y=(0,g.Z)((0,v.jsx)("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox");function getCheckboxUtilityClass(e){return(0,m.ZP)("MuiCheckbox",e)}const Z=(0,h.Z)("MuiCheckbox",["root","checked","disabled","indeterminate","colorPrimary","colorSecondary","sizeSmall","sizeMedium"]);var z=o(518),S=o(8981),w=o(2893);const R=(0,l.ZP)(f,{shouldForwardProp:e=>(0,c.Z)(e)||"classes"===e,name:"MuiCheckbox",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,o.indeterminate&&t.indeterminate,t[`size${(0,i.Z)(o.size)}`],"default"!==o.color&&t[`color${(0,i.Z)(o.color)}`]]}})((0,z.Z)((({theme:e})=>({color:(e.vars||e).palette.text.secondary,variants:[{props:{color:"default",disableRipple:!1},style:{"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.activeChannel} / ${e.vars.palette.action.hoverOpacity})`:(0,s.Fq)(e.palette.action.active,e.palette.action.hoverOpacity)}}},...Object.entries(e.palette).filter((0,S.Z)()).map((([t])=>({props:{color:t,disableRipple:!1},style:{"&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:(0,s.Fq)(e.palette[t].main,e.palette.action.hoverOpacity)}}}))),...Object.entries(e.palette).filter((0,S.Z)()).map((([t])=>({props:{color:t},style:{[`&.${Z.checked}, &.${Z.indeterminate}`]:{color:(e.vars||e).palette[t].main},[`&.${Z.disabled}`]:{color:(e.vars||e).palette.action.disabled}}}))),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]})))),P=(0,v.jsx)(x,{}),B=(0,v.jsx)(C,{}),F=(0,v.jsx)(y,{}),$=a.forwardRef((function Checkbox(e,t){const o=(0,w.i)({props:e,name:"MuiCheckbox"}),{checkedIcon:s=P,color:c="primary",icon:l=B,indeterminate:d=!1,indeterminateIcon:p=F,inputProps:u,size:h="medium",disableRipple:m=!1,className:b,...k}=o,f=d?p:l,g=d?p:s,C={...o,disableRipple:m,color:c,indeterminate:d,size:h},x=(e=>{const{classes:t,indeterminate:o,color:a,size:r}=e,s={root:["root",o&&"indeterminate",`color${(0,i.Z)(a)}`,`size${(0,i.Z)(r)}`]},c=(0,n.Z)(s,getCheckboxUtilityClass,t);return{...t,...c}})(C);return(0,v.jsx)(R,{type:"checkbox",inputProps:{"data-indeterminate":d,...u},icon:a.cloneElement(f,{fontSize:f.props.fontSize??h}),checkedIcon:a.cloneElement(g,{fontSize:g.props.fontSize??h}),ownerState:C,ref:t,className:(0,r.Z)(x.root,b),disableRipple:m,...k,classes:x})}))}}]);

package/build/umd/113.products-component.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:113 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 192.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[192],{2192:(n,e,i)=>{i.r(e),i.d(e,{default:()=>I});var t=i(4988),o=i(7363),a=i(6719),r=i(3379),s=i.n(r),l=i(7795),d=i.n(l),u=i(569),m=i.n(u),c=i(3565),x=i.n(c),p=i(9216),g=i.n(p),h=i(4589),v=i.n(h),w=i(8195),b={};b.styleTagTransform=v(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=g();s()(w.ZP,b);w.ZP&&w.ZP.locals&&w.ZP.locals;var f=i(2182),C=i(7514);window.customElements.get("model-viewer")||i.e(721).then(i.bind(i,7721));const I=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,a.Vr)().state,h=g.isFirefox,v=g.isMobile,b=(0,a.$G)().t,I=(0,o.useState)(0),N=(0,t.Z)(I,2),y=N[0],k=N[1],P=(0,o.useState)(!v),S=(0,t.Z)(P,2),Z=S[0],z=S[1];return u&&(p+="scene-viewer quick-look"),(0,C.jsxs)(C.Fragment,{children:[Z&&!1!==x&&d&&(0,C.jsxs)("div",{className:w.GY,children:[(0,C.jsx)(f.ZP,{value:d,className:w.Vf}),(0,C.jsx)("div",{className:w.ze,children:b("pdp.ar.qrtext")}),(0,C.jsx)("div",{className:w.zJ,id:"arThumbnailImg",onClick:function onClick(){return z(!1)}})]}),(0,C.jsx)("model-viewer",{src:l,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[y].environmentImage)?void 0:"neutral",shadowIntensity:null!==(e=null==c?void 0:c[y].shadowIntensity)&&void 0!==e?e:1,shadowSoftness:null!==(i=null==c?void 0:c[y].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==c?void 0:c[y].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[y].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":h?"":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){k(parseInt(n.target.value))}(n)},children:c.map((function(n,e){return(0,C.jsx)("option",{value:e,children:n.name},e)}))})]})}},8195:(n,e,i)=>{i.d(e,{GY:()=>c,Vf:()=>x,ZP:()=>h,zJ:()=>p,ze:()=>g});var t=i(8081),o=i.n(t),a=i(3645),r=i.n(a),s=i(1667),l=i.n(s),d=new URL(i(140),i.b),u=r()(o()),m=l()(d);u.push([n.id,".index-module--PD1WN {\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--AWoJQ {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--sIl1Z {\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--NiigZ {\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--PD1WN",x="index-module--AWoJQ",p="index-module--sIl1Z",g="index-module--NiigZ";const h=u},140:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[192],{2192:(n,e,i)=>{i.r(e),i.d(e,{default:()=>I});var t=i(4988),o=i(7363),a=i(5569),r=i(3379),s=i.n(r),l=i(7795),d=i.n(l),u=i(569),m=i.n(u),c=i(3565),x=i.n(c),p=i(9216),g=i.n(p),h=i(4589),v=i.n(h),w=i(8195),b={};b.styleTagTransform=v(),b.setAttributes=x(),b.insert=m().bind(null,"head"),b.domAPI=d(),b.insertStyleElement=g();s()(w.ZP,b);w.ZP&&w.ZP.locals&&w.ZP.locals;var f=i(2182),C=i(7514);window.customElements.get("model-viewer")||i.e(721).then(i.bind(i,7721));const I=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,a.Vr)().state,h=g.isFirefox,v=g.isMobile,b=(0,a.$G)().t,I=(0,o.useState)(0),N=(0,t.Z)(I,2),y=N[0],k=N[1],P=(0,o.useState)(!v),S=(0,t.Z)(P,2),Z=S[0],z=S[1];return u&&(p+="scene-viewer quick-look"),(0,C.jsxs)(C.Fragment,{children:[Z&&!1!==x&&d&&(0,C.jsxs)("div",{className:w.GY,children:[(0,C.jsx)(f.ZP,{value:d,className:w.Vf}),(0,C.jsx)("div",{className:w.ze,children:b("pdp.ar.qrtext")}),(0,C.jsx)("div",{className:w.zJ,id:"arThumbnailImg",onClick:function onClick(){return z(!1)}})]}),(0,C.jsx)("model-viewer",{src:l,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[y].environmentImage)?void 0:"neutral",shadowIntensity:null!==(e=null==c?void 0:c[y].shadowIntensity)&&void 0!==e?e:1,shadowSoftness:null!==(i=null==c?void 0:c[y].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(r=null==c?void 0:c[y].exposure)&&void 0!==r?r:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[y].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":h?"":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){k(parseInt(n.target.value))}(n)},children:c.map((function(n,e){return(0,C.jsx)("option",{value:e,children:n.name},e)}))})]})}},8195:(n,e,i)=>{i.d(e,{GY:()=>c,Vf:()=>x,ZP:()=>h,zJ:()=>p,ze:()=>g});var t=i(8081),o=i.n(t),a=i(3645),r=i.n(a),s=i(1667),l=i.n(s),d=new URL(i(140),i.b),u=r()(o()),m=l()(d);u.push([n.id,".index-module--PD1WN {\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--AWoJQ {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--sIl1Z {\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--NiigZ {\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--PD1WN",x="index-module--AWoJQ",p="index-module--sIl1Z",g="index-module--NiigZ";const h=u},140:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 225.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[225,192],{2192:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(4988),a=i(7363),r=i(6719),o=i(3379),s=i.n(o),d=i(7795),I=i.n(d),g=i(569),l=i.n(g),c=i(3565),M=i.n(c),m=i(9216),u=i.n(m),A=i(4589),D=i.n(A),v=i(8195),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=l().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.ZP,x);v.ZP&&v.ZP.locals&&v.ZP.locals;var p=i(2182),w=i(7514);window.customElements.get("model-viewer")||i.e(721).then(i.bind(i,7721));const C=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,g=e.cameraArButton,l=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.Vr)().state,A=u.isFirefox,D=u.isMobile,x=(0,r.$G)().t,C=(0,a.useState)(0),h=(0,t.Z)(C,2),N=h[0],T=h[1],y=(0,a.useState)(!D),b=(0,t.Z)(y,2),z=b[0],S=b[1];return g&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[z&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.GY,children:[(0,w.jsx)(p.ZP,{value:I,className:v.Vf}),(0,w.jsx)("div",{className:v.ze,children:x("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.zJ,id:"arThumbnailImg",onClick:function onClick(){return S(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[N].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[N].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[N].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[N].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[N].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":A?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:l}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){T(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},6225:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(4658),a=i(4988),r=i(747),o=i.n(r),s=i(6719),d=i(7363),I=i.n(d),g=i(3379),l=i.n(g),c=i(7795),M=i.n(c),m=i(569),u=i.n(m),A=i(3565),D=i.n(A),v=i(9216),x=i.n(v),p=i(4589),w=i.n(p),C=i(8727),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=x();l()(C.ZP,h);C.ZP&&C.ZP.locals&&C.ZP.locals;var N=i(5515),T=i.n(N),y=i(2192),b=i(7514),z=function(){var e=(0,t.Z)(o().mark((function _callee(e,n){return o().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,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],o=arguments.length>5?arguments[5]:void 0,s=!!r.find((function(n){return e.url.includes(n)})),d=f(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var I=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(I.searchParams.append("scale.option","noup"),I.searchParams.append("w","3000")),s?(I.searchParams.append("crop.type","trim"),I.searchParams.append("crop.pad.x","10%"),I.searchParams.append("crop.pad.y","10%"),(0,b.jsx)("div",{"data-src":I.toString(),id:"main3dImage","data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,children:d},I.toString())):(0,b.jsx)("img",{"data-src":I.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:d},I.toString())}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)(y.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}),d]},n)}return(0,b.jsx)(b.Fragment,{})},f=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.fW})}):void 0};const j=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,g=e.defaultDataOptions,l=e.currentItem,c=void 0===l?0:l,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=((0,d.useMemo)((function(){return(0,s.jl)("MediaViewer","ContentBox")}),[]),(0,d.useState)(n)),D=(0,a.Z)(A,2),v=D[0],x=D[1],p=(0,s.$G)().t,w=o,h=(0,s.Vr)(),N=h.state,y=N.dimensions,f=y.isPortrait,j=y.isMobile,L=y.isTablet,k=y.height,E=y.width,P=N.apiConfig,O=P.baseSirvUrls,Z=P.arViewerBaseUrl,R=h.handler.mediaHandler;(0,d.useEffect)((function(){x(n)}),[n]),(0,d.useEffect)((function(){u||i.e(145).then(i.bind(i,4145))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==v?void 0:v.map((function(e){return e._id})))&&void 0!==e?e:[])&&R.getMediaByIds(t).then((function(e){x(e)}))}),[t]);var U=function fullscreenIn(){if(M&&j&&f&&E<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.AH,e.appendChild(n)}}},Q=function onSpinReady(e){null==m||m(e.index)},Y=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",Q),e.on("viewer:fullscreenIn",U)};(0,d.useEffect)((function(){var e=window;return e.Sirv?Y():z("zoom, spin, video",v).then((function(){Y(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",Q),n.off("viewer:fullscreenIn",U))}}),[]);var H=g;return void 0!==c&&(H+=";slide.first:"+c),!f&&j&&I&&k<500&&(H+=I),p("sirv.zoom.hint.text.click","")&&(H+=";zoom.hint.text.click: ".concat(p("sirv.zoom.hint.text.click"))),p("sirv.zoom.hint.text.hover","")&&(H+=";zoom.hint.text.hover: ".concat(p("sirv.zoom.hint.text.hover"))),p("sirv.zoom.hint.text.dblclick","")&&(H+=";zoom.hint.text.dblclick: ".concat(p("sirv.zoom.hint.text.dblclick"))),p("sirv.spin.hint.message.text","")&&(H+=";zoom.spin.hint.message.text: ".concat(p("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:w,className:T()(C.QH,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":H,children:null==v?void 0:v.map((function(e,n){return S(e,n,c,j&&!L,O,Z)}))},w)}},8195:(e,n,i)=>{i.d(n,{GY:()=>c,Vf:()=>M,ZP:()=>A,zJ:()=>m,ze:()=>u});var t=i(8081),a=i.n(t),r=i(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(140),i.b),g=o()(a()),l=d()(I);g.push([e.id,".index-module--PD1WN {\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--AWoJQ {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--sIl1Z {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url("+l+");\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--NiigZ {\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--PD1WN",M="index-module--AWoJQ",m="index-module--sIl1Z",u="index-module--NiigZ";const A=g},8727:(e,n,i)=>{i.d(n,{AH:()=>v,QH:()=>A,ZP:()=>x,fW:()=>D});var t=i(8081),a=i.n(t),r=i(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(6354),i.b),g=new URL(i(8132),i.b),l=new URL(i(4336),i.b),c=o()(a()),M=d()(I),m=d()(g),u=d()(l);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--RsTal .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--JiNAH {\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--_m700 {\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--RsTal",D="index-module--JiNAH",v="index-module--_m700";const x=c},8132:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6354:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},4336:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},140:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[225,192],{2192:(e,n,i)=>{i.r(n),i.d(n,{default:()=>C});var t=i(4988),a=i(7363),r=i(5569),o=i(3379),s=i.n(o),d=i(7795),I=i.n(d),g=i(569),l=i.n(g),c=i(3565),M=i.n(c),m=i(9216),u=i.n(m),A=i(4589),D=i.n(A),v=i(8195),x={};x.styleTagTransform=D(),x.setAttributes=M(),x.insert=l().bind(null,"head"),x.domAPI=I(),x.insertStyleElement=u();s()(v.ZP,x);v.ZP&&v.ZP.locals&&v.ZP.locals;var p=i(2182),w=i(7514);window.customElements.get("model-viewer")||i.e(721).then(i.bind(i,7721));const C=function ArViewer(e){var n,i,o,s,d=e.url,I=e.qrCodeUrl,g=e.cameraArButton,l=e.viewerClassName,c=e.arViewerSettings,M=e.isCurrentlyVisible,m="",u=(0,r.Vr)().state,A=u.isFirefox,D=u.isMobile,x=(0,r.$G)().t,C=(0,a.useState)(0),h=(0,t.Z)(C,2),N=h[0],T=h[1],y=(0,a.useState)(!D),b=(0,t.Z)(y,2),z=b[0],S=b[1];return g&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[z&&!1!==M&&I&&(0,w.jsxs)("div",{className:v.GY,children:[(0,w.jsx)(p.ZP,{value:I,className:v.Vf}),(0,w.jsx)("div",{className:v.ze,children:x("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:v.zJ,id:"arThumbnailImg",onClick:function onClick(){return S(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,alt:"A AR Model of a Chair","environment-image":"default"===(null==c?void 0:c[N].environmentImage)?void 0:"neutral",shadowIntensity:null!==(n=null==c?void 0:c[N].shadowIntensity)&&void 0!==n?n:1,shadowSoftness:null!==(i=null==c?void 0:c[N].shadowSoftness)&&void 0!==i?i:1,exposure:null!==(o=null==c?void 0:c[N].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[N].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":A?"":m,style:{overscrollBehavior:"none",width:"100%",height:"100%",touchAction:"none"},class:l}),c&&(0,w.jsx)("select",{name:"arViewerSetting",id:"arViewerSettings",style:{position:"absolute",top:"0px"},onChange:function onChange(e){return function onArViewerSettingsChanged(e){T(parseInt(e.target.value))}(e)},children:c.map((function(e,n){return(0,w.jsx)("option",{value:n,children:e.name},n)}))})]})}},6225:(e,n,i)=>{i.r(n),i.d(n,{default:()=>j});var t=i(4658),a=i(4988),r=i(747),o=i.n(r),s=i(5569),d=i(7363),I=i.n(d),g=i(3379),l=i.n(g),c=i(7795),M=i.n(c),m=i(569),u=i.n(m),A=i(3565),D=i.n(A),v=i(9216),x=i.n(v),p=i(4589),w=i.n(p),C=i(8727),h={};h.styleTagTransform=w(),h.setAttributes=D(),h.insert=u().bind(null,"head"),h.domAPI=M(),h.insertStyleElement=x();l()(C.ZP,h);C.ZP&&C.ZP.locals&&C.ZP.locals;var N=i(5515),T=i.n(N),y=i(2192),b=i(7514),z=function(){var e=(0,t.Z)(o().mark((function _callee(e,n){return o().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,r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:[],o=arguments.length>5?arguments[5]:void 0,s=!!r.find((function(n){return e.url.includes(n)})),d=f(e);switch(e.mediaType){case"SPIN":case"SPN":case"VID":case"PCT":case void 0:try{var I=new URL(e.url);return t&&!["SPIN","SPN"].includes(e.mediaType)&&(I.searchParams.append("scale.option","noup"),I.searchParams.append("w","3000")),s?(I.searchParams.append("crop.type","trim"),I.searchParams.append("crop.pad.x","10%"),I.searchParams.append("crop.pad.y","10%"),(0,b.jsx)("div",{"data-src":I.toString(),id:"main3dImage","data-options":"SHO"==e.functionType||"ART"==e.functionType?"mode:deep":void 0,"data-type":"PCT"==e.mediaType?"zoom":void 0,children:d},I.toString())):(0,b.jsx)("img",{"data-src":I.toString(),"data-type":"static","data-option":"fit:cover",id:"main3dImage",children:d},I.toString())}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)(y.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}),d]},n)}return(0,b.jsx)(b.Fragment,{})},f=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.fW})}):void 0};const j=function MediaViewer(e){var n=e.medias,t=e.mediaIds,r=e.itemKey,o=void 0===r?"MediaViewer":r,I=e.onLandscapeOptions,g=e.defaultDataOptions,l=e.currentItem,c=void 0===l?0:l,M=e.showRotationIconInFullscreen,m=e.setCurrentItem,u=e.keepOldZoomIcons,A=((0,d.useMemo)((function(){return(0,s.jl)("MediaViewer","ContentBox")}),[]),(0,d.useState)(n)),D=(0,a.Z)(A,2),v=D[0],x=D[1],p=(0,s.$G)().t,w=o,h=(0,s.Vr)(),N=h.state,y=N.dimensions,f=y.isPortrait,j=y.isMobile,L=y.isTablet,k=y.height,E=y.width,P=N.apiConfig,O=P.baseSirvUrls,Z=P.arViewerBaseUrl,R=h.handler.mediaHandler;(0,d.useEffect)((function(){x(n)}),[n]),(0,d.useEffect)((function(){u||i.e(145).then(i.bind(i,4145))}),[]),(0,d.useEffect)((function(){var e;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(e=null==v?void 0:v.map((function(e){return e._id})))&&void 0!==e?e:[])&&R.getMediaByIds(t).then((function(e){x(e)}))}),[t]);var U=function fullscreenIn(){if(M&&j&&f&&E<500){var e=document.getElementsByClassName("smv-fullscreen-box")[0];if(e){var n=document.createElement("div");n.className=C.AH,e.appendChild(n)}}},Q=function onSpinReady(e){null==m||m(e.index)},Y=function subscribeToEvents(){var e=window.Sirv;e.on("viewer:afterSlideIn",Q),e.on("viewer:fullscreenIn",U)};(0,d.useEffect)((function(){var e=window;return e.Sirv?Y():z("zoom, spin, video",v).then((function(){Y(),e.Sirv.start()})),function(){var n=e.Sirv;n&&(n.off("viewer:afterSlideIn",Q),n.off("viewer:fullscreenIn",U))}}),[]);var H=g;return void 0!==c&&(H+=";slide.first:"+c),!f&&j&&I&&k<500&&(H+=I),p("sirv.zoom.hint.text.click","")&&(H+=";zoom.hint.text.click: ".concat(p("sirv.zoom.hint.text.click"))),p("sirv.zoom.hint.text.hover","")&&(H+=";zoom.hint.text.hover: ".concat(p("sirv.zoom.hint.text.hover"))),p("sirv.zoom.hint.text.dblclick","")&&(H+=";zoom.hint.text.dblclick: ".concat(p("sirv.zoom.hint.text.dblclick"))),p("sirv.spin.hint.message.text","")&&(H+=";zoom.spin.hint.message.text: ".concat(p("sirv.spin.hint.message.text"))),(0,b.jsx)("div",{id:w,className:T()(C.QH,"Sirv basic 3DSirvViewer-Container","diva-media-viewer"),"data-options":H,children:null==v?void 0:v.map((function(e,n){return S(e,n,c,j&&!L,O,Z)}))},w)}},8195:(e,n,i)=>{i.d(n,{GY:()=>c,Vf:()=>M,ZP:()=>A,zJ:()=>m,ze:()=>u});var t=i(8081),a=i.n(t),r=i(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(140),i.b),g=o()(a()),l=d()(I);g.push([e.id,".index-module--PD1WN {\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--AWoJQ {\n  width: 80px;\n  height: 80px;\n}\n\n.index-module--sIl1Z {\n  position: absolute;\n  cursor: pointer;\n  top: 7px;\n  right: 7px;\n  width: 12px;\n  height: 12px;\n  background-image: url("+l+");\n  background-repeat: no-repeat;\n  z-index: 1;\n}\n\n.index-module--NiigZ {\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--PD1WN",M="index-module--AWoJQ",m="index-module--sIl1Z",u="index-module--NiigZ";const A=g},8727:(e,n,i)=>{i.d(n,{AH:()=>v,QH:()=>A,ZP:()=>x,fW:()=>D});var t=i(8081),a=i.n(t),r=i(3645),o=i.n(r),s=i(1667),d=i.n(s),I=new URL(i(6354),i.b),g=new URL(i(8132),i.b),l=new URL(i(4336),i.b),c=o()(a()),M=d()(I),m=d()(g),u=d()(l);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--RsTal .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--JiNAH {\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--_m700 {\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--RsTal",D="index-module--JiNAH",v="index-module--_m700";const x=c},8132:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6354:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},4336:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},140:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 337.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[337],{7337:(M,D,I)=>{I.r(D),I.d(D,{default:()=>t});var A=I(5515),g=I.n(A),N=I(9420),j=I(5502),z=(I(7363),I(6719)),w=I(9453),E=I(3379),T=I.n(E),x=I(7795),O=I.n(x),u=I(569),S=I.n(u),y=I(3565),i=I.n(y),c=I(9216),C=I.n(c),L=I(4589),e=I.n(L),n=I(9192),k={};k.styleTagTransform=e(),k.setAttributes=i(),k.insert=S().bind(null,"head"),k.domAPI=O(),k.insertStyleElement=C();T()(n.ZP,k);n.ZP&&n.ZP.locals&&n.ZP.locals;var a=I(7514);const t=(0,N.Pi)((function FunctionsFooter(M){var D=M.footerFixed,I=(0,j.j)().pdpState,A=(0,z.$G)().t,N=!I.isForcedFlat&&I.isFlatProduct,E=!I.isForcedFlat&&!I.isFlatProduct;return(0,a.jsxs)("div",{className:g()(w.Y2,D?w.s2:w.xu),children:[E&&(0,a.jsx)("div",{title:A("product.edit_baseconfiguration"),onClick:function onClick(){return I.editBaseconfiguration()},className:g()(w.LI,w.O6,n.gR)}),N&&(0,a.jsx)("div",{title:A("product.create_baseconfiguration"),onClick:function onClick(){return I.creatBaseconfiguration()},className:g()(w.LI,w.O6,n.R7)}),(0,a.jsx)("div",{className:g()(w.LI,w.HY),onClick:function onClick(){return I.openClassification()},children:A("product.open_classification")})]})}))},9192:(M,D,I)=>{I.d(D,{R7:()=>C,ZP:()=>e,gR:()=>L});var A=I(8081),g=I.n(A),N=I(3645),j=I.n(N),z=I(1667),w=I.n(z),E=new URL(I(2514),I.b),T=new URL(I(1748),I.b),x=new URL(I(8103),I.b),O=new URL(I(5858),I.b),u=j()(g()),S=w()(E),y=w()(T),i=w()(x),c=w()(O);u.push([M.id,".index-module--Qc9Py {\n  min-width: 60px;\n}\n\n.index-module--FpbCi {\n  background: center / 33% no-repeat var(--diva-theme-palette-primary-main) url("+S+");\n}\n\n.index-module--AXE7u {\n  background: center / 60% no-repeat var(--diva-theme-palette-primary-main) url("+y+");\n}\n\n.index-module--FNZMi {\n  background: center / 60% no-repeat var(--diva-theme-palette-primary-main) url("+i+");\n}\n\n.index-module--Qc9Py {\n  background: center / 43% no-repeat var(--diva-theme-palette-primary-main) url("+c+");\n}\n",""]);var C="index-module--AXE7u",L="index-module--FNZMi";const e=u},2514:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cgo="},5858:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQ0NTMxIDMuNDkxMjZMNS42MjUgOC4wOTM3NUwxMC43NSAwLjk1MzYxMyIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},1748:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgOTYgOTYwIDk2MCIgd2lkdGg9IjQ4Ij4KPHBhdGggZD0iTTQ1MCA4NTZWNjA2SDIwMHYtNjBoMjUwVjI5Nmg2MHYyNTBoMjUwdjYwSDUxMHYyNTBoLTYwWiIvPgo8L3N2Zz4="},8103:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[337],{7337:(M,D,I)=>{I.r(D),I.d(D,{default:()=>t});var A=I(5515),g=I.n(A),N=I(9420),j=I(169),z=(I(7363),I(5569)),w=I(9453),E=I(3379),T=I.n(E),x=I(7795),O=I.n(x),u=I(569),S=I.n(u),y=I(3565),i=I.n(y),c=I(9216),C=I.n(c),L=I(4589),e=I.n(L),n=I(9192),k={};k.styleTagTransform=e(),k.setAttributes=i(),k.insert=S().bind(null,"head"),k.domAPI=O(),k.insertStyleElement=C();T()(n.ZP,k);n.ZP&&n.ZP.locals&&n.ZP.locals;var a=I(7514);const t=(0,N.Pi)((function FunctionsFooter(M){var D=M.footerFixed,I=(0,j.j)().pdpState,A=(0,z.$G)().t,N=!I.isForcedFlat&&I.isFlatProduct,E=!I.isForcedFlat&&!I.isFlatProduct;return(0,a.jsxs)("div",{className:g()(w.Y2,D?w.s2:w.xu),children:[E&&(0,a.jsx)("div",{title:A("product.edit_baseconfiguration"),onClick:function onClick(){return I.editBaseconfiguration()},className:g()(w.LI,w.O6,n.gR)}),N&&(0,a.jsx)("div",{title:A("product.create_baseconfiguration"),onClick:function onClick(){return I.creatBaseconfiguration()},className:g()(w.LI,w.O6,n.R7)}),(0,a.jsx)("div",{className:g()(w.LI,w.HY),onClick:function onClick(){return I.openClassification()},children:A("product.open_classification")})]})}))},9192:(M,D,I)=>{I.d(D,{R7:()=>C,ZP:()=>e,gR:()=>L});var A=I(8081),g=I.n(A),N=I(3645),j=I.n(N),z=I(1667),w=I.n(z),E=new URL(I(2514),I.b),T=new URL(I(1748),I.b),x=new URL(I(8103),I.b),O=new URL(I(5858),I.b),u=j()(g()),S=w()(E),y=w()(T),i=w()(x),c=w()(O);u.push([M.id,".index-module--Qc9Py {\n  min-width: 60px;\n}\n\n.index-module--FpbCi {\n  background: center / 33% no-repeat var(--diva-theme-palette-primary-main) url("+S+");\n}\n\n.index-module--AXE7u {\n  background: center / 60% no-repeat var(--diva-theme-palette-primary-main) url("+y+");\n}\n\n.index-module--FNZMi {\n  background: center / 60% no-repeat var(--diva-theme-palette-primary-main) url("+i+");\n}\n\n.index-module--Qc9Py {\n  background: center / 43% no-repeat var(--diva-theme-palette-primary-main) url("+c+");\n}\n",""]);var C="index-module--AXE7u",L="index-module--FNZMi";const e=u},2514:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cgo="},5858:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQ0NTMxIDMuNDkxMjZMNS42MjUgOC4wOTM3NUwxMC43NSAwLjk1MzYxMyIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},1748:M=>{M.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgOTYgOTYwIDk2MCIgd2lkdGg9IjQ4Ij4KPHBhdGggZD0iTTQ1MCA4NTZWNjA2SDIwMHYtNjBoMjUwVjI5Nmg2MHYyNTBoMjUwdjYwSDUxMHYyNTBoLTYwWiIvPgo8L3N2Zz4="},8103:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 617.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[617],{6512:(e,n,t)=>{t.d(n,{Z:()=>z});var o=t(9538),i=t(8541),r=t(1370),a=t(7363),l=t(3389),d=t(9843),s=t(674),c=t(1533),u=t(6259),p=t(1005),f=t(942),m=t(2528),v=t(1821);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.Z)(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.Z)(n,s),function(){(0,m.Z)(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(1927),y=t(8844),x=t(570);var E=t(4829);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,(0,E.Z)(o.key),o)}}var k=t(3538);var Z=t(7385);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,k.Z)(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.Z)(e);return n.body===e?(0,Z.Z)(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.Z)(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 C=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),Object.defineProperty(e,"prototype",{writable:!1}),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 w=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),x=a.useCallback((function(e){y.current=c.findDOMNode(e)}),[]),E=(0,v.Z)(n.ref,x),k=a.useRef();return a.useEffect((function(){k.current=p}),[p]),!k.current&&p&&"undefined"!=typeof window&&(b.current=s().activeElement),a.useEffect((function(){if(p){var e=(0,f.Z)(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:E}),a.createElement("div",{tabIndex:0,ref:g,"data-test":"sentinelEnd"}))};var R={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 S=a.forwardRef((function SimpleBackdrop(e,n){var t=e.invisible,r=void 0!==t&&t,l=e.open,d=(0,i.Z)(e,["invisible","open"]);return l?a.createElement("div",(0,o.Z)({"aria-hidden":!0,ref:n},d,{style:(0,o.Z)({},R.root,r?R.invisible:{},d.style)})):null}));var M=new C;const P=a.forwardRef((function Modal(e,n){var t=(0,u.Z)(),r=(0,p.Z)({name:"MuiModal",props:(0,o.Z)({},e),theme:t}),l=r.BackdropComponent,d=void 0===l?S:l,s=r.BackdropProps,m=r.children,h=r.closeAfterTransition,E=void 0!==h&&h,k=r.container,Z=r.disableAutoFocus,C=void 0!==Z&&Z,R=r.disableBackdropClick,P=void 0!==R&&R,T=r.disableEnforceFocus,D=void 0!==T&&T,B=r.disableEscapeKeyDown,W=void 0!==B&&B,N=r.disablePortal,I=void 0!==N&&N,F=r.disableRestoreFocus,A=void 0!==F&&F,O=r.disableScrollLock,H=void 0!==O&&O,K=r.hideBackdrop,L=void 0!==K&&K,_=r.keepMounted,z=void 0!==_&&_,$=r.manager,j=void 0===$?M:$,Y=r.onBackdropClick,X=r.onClose,U=r.onEscapeKeyDown,V=r.onRendered,q=r.open,G=(0,i.Z)(r,["BackdropComponent","BackdropProps","children","closeAfterTransition","container","disableAutoFocus","disableBackdropClick","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","manager","onBackdropClick","onClose","onEscapeKeyDown","onRendered","open"]),J=a.useState(!0),Q=J[0],ee=J[1],ne=a.useRef({}),te=a.useRef(null),oe=a.useRef(null),ie=(0,v.Z)(oe,n),re=function getHasTransition(e){return!!e.children&&e.children.props.hasOwnProperty("in")}(r),ae=function getDoc(){return(0,f.Z)(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:H}),oe.current.scrollTop=0},se=(0,y.Z)((function(){var e=function Modal_getContainer(e){return e="function"==typeof e?e():e,c.findDOMNode(e)}(k)||ae().body;j.add(le(),e),oe.current&&de()})),ce=a.useCallback((function(){return j.isTopModal(le())}),[j]),ue=(0,y.Z)((function(e){te.current=e,e&&(V&&V(),q&&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(){q?se():re&&E||pe()}),[q,pe,re,E,se]),!z&&!q&&(!re||Q))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:x.Z}),me={};return void 0===m.props.tabIndex&&(me.tabIndex=m.props.tabIndex||"-1"),re&&(me.onEnter=(0,b.Z)((function handleEnter(){ee(!1)}),m.props.onEnter),me.onExited=(0,b.Z)((function handleExited(){ee(!0),E&&pe()}),m.props.onExited)),a.createElement(g,{ref:ue,container:k,disablePortal:I},a.createElement("div",(0,o.Z)({ref:ie,onKeyDown:function handleKeyDown(e){"Escape"===e.key&&ce()&&(U&&U(e),W||(e.stopPropagation(),X&&X(e,"escapeKeyDown")))},role:"presentation"},G,{style:(0,o.Z)({},fe.root,!q&&Q?fe.hidden:{},G.style)}),L?null:a.createElement(d,(0,o.Z)({open:q,onClick:function handleBackdropClick(e){e.target===e.currentTarget&&(Y&&Y(e),!P&&X&&X(e,"backdropClick"))}},s)),a.createElement(w,{disableEnforceFocus:D,disableAutoFocus:C,disableRestoreFocus:A,getDoc:ae,isEnabled:ce,open:q},a.cloneElement(m,me))))}));var T=t(3524),D=t(3767),B=t(6834),W=t(7607),N=t(2975),I={entering:{opacity:1},entered:{opacity:1}},F={enter:B.x9.enteringScreen,exit:B.x9.leavingScreen};const A=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.ZP:g,y=e.timeout,x=void 0===y?F:y,E=(0,i.Z)(e,["children","disableStrictModeCompat","in","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","TransitionComponent","timeout"]),k=(0,W.Z)(),Z=k.unstable_strictMode&&!l,C=a.useRef(null),w=(0,v.Z)(t.ref,n),R=(0,v.Z)(Z?C:void 0,w),S=function normalizedTransitionCallback(e){return function(n,t){if(e){var o=Z?[C.current,n]:[n,t],i=(0,T.Z)(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,N.n)(e);var t=(0,N.C)({style:h,timeout:x},{mode:"enter"});e.style.webkitTransition=k.transitions.create("opacity",t),e.style.transition=k.transitions.create("opacity",t),s&&s(e,n)})),B=S(c),A=S(m),O=S((function(e){var n=(0,N.C)({style:h,timeout:x},{mode:"exit"});e.style.webkitTransition=k.transitions.create("opacity",n),e.style.transition=k.transitions.create("opacity",n),p&&p(e)})),H=S(f);return a.createElement(b,(0,o.Z)({appear:!0,in:d,nodeRef:Z?C:void 0,onEnter:P,onEntered:B,onEntering:M,onExit:O,onExited:H,onExiting:A,timeout:x},E),(function(e,n){return a.cloneElement(t,(0,o.Z)({style:(0,o.Z)({opacity:0,visibility:"exited"!==e||d?void 0:"hidden"},I[e],h,t.props.style),ref:R},n))}))}));var O=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?A:f,v=(0,i.Z)(e,["children","classes","className","invisible","open","transitionDuration","TransitionComponent"]);return a.createElement(m,(0,o.Z)({in:u,timeout:p},v),a.createElement("div",{className:(0,l.Z)(r.root,d,c&&r.invisible),"aria-hidden":!0,ref:n},t))}));const H=(0,d.Z)({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"})(O);var K=t(8362),L={enter:B.x9.enteringScreen,exit:B.x9.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,x=void 0===y?"sm":y,E=e.onBackdropClick,k=e.onClose,Z=e.onEnter,C=e.onEntered,w=e.onEntering,R=e.onEscapeKeyDown,S=e.onExit,M=e.onExited,T=e.onExiting,D=e.open,B=e.PaperComponent,W=void 0===B?K.Z:B,N=e.PaperProps,I=void 0===N?{}:N,F=e.scroll,O=void 0===F?"paper":F,_=e.TransitionComponent,z=void 0===_?A:_,$=e.transitionDuration,j=void 0===$?L:$,Y=e.TransitionProps,X=e["aria-describedby"],U=e["aria-labelledby"],V=(0,i.Z)(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"]),q=a.useRef();return a.createElement(P,(0,o.Z)({className:(0,l.Z)(d.root,c),BackdropComponent:H,BackdropProps:(0,o.Z)({transitionDuration:j},t),closeAfterTransition:!0},p?{disableBackdropClick:p}:{},{disableEscapeKeyDown:m,onEscapeKeyDown:R,onClose:k,open:D,ref:n},V),a.createElement(z,(0,o.Z)({appear:!0,in:D,timeout:j,onEnter:Z,onEntering:w,onEntered:C,onExit:S,onExiting:T,onExited:M,role:"none presentation"},Y),a.createElement("div",{className:(0,l.Z)(d.container,d["scroll".concat((0,s.Z)(O))]),onMouseUp:function handleBackdropClick(e){e.target===e.currentTarget&&e.target===q.current&&(q.current=null,E&&E(e),!p&&k&&k(e,"backdropClick"))},onMouseDown:function handleMouseDown(e){q.current=e.target}},a.createElement(W,(0,o.Z)({elevation:24,role:"dialog","aria-describedby":X,"aria-labelledby":U},I,{className:(0,l.Z)(d.paper,d["paperScroll".concat((0,s.Z)(O))],d["paperWidth".concat((0,s.Z)(String(x)))],I.className,h&&d.paperFullScreen,b&&d.paperFullWidth)}),r))))}));const z=(0,d.Z)((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.Z)({},e.breakpoints.down(Math.max(e.breakpoints.values.xs,444)+64),{maxWidth:"calc(100% - 64px)"})},paperWidthSm:{maxWidth:e.breakpoints.values.sm,"&$paperScrollBody":(0,r.Z)({},e.breakpoints.down(e.breakpoints.values.sm+64),{maxWidth:"calc(100% - 64px)"})},paperWidthMd:{maxWidth:e.breakpoints.values.md,"&$paperScrollBody":(0,r.Z)({},e.breakpoints.down(e.breakpoints.values.md+64),{maxWidth:"calc(100% - 64px)"})},paperWidthLg:{maxWidth:e.breakpoints.values.lg,"&$paperScrollBody":(0,r.Z)({},e.breakpoints.down(e.breakpoints.values.lg+64),{maxWidth:"calc(100% - 64px)"})},paperWidthXl:{maxWidth:e.breakpoints.values.xl,"&$paperScrollBody":(0,r.Z)({},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"})(_)},7088:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9538),i=t(8541),r=t(7363),a=t(3389),l=t(9843),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.Z)(e,["disableSpacing","classes","className"]);return r.createElement("div",(0,o.Z)({className:(0,a.Z)(d.root,s,!l&&d.spacing),ref:n},c))}));const s=(0,l.Z)({root:{display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",flex:"0 0 auto"},spacing:{"& > :not(:first-child)":{marginLeft:8}}},{name:"MuiDialogActions"})(d)},3821:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(9538),i=t(8541),r=t(7363),a=t(3389),l=t(9843),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.Z)(e,["classes","className","dividers"]);return r.createElement("div",(0,o.Z)({className:(0,a.Z)(t.root,l,s&&t.dividers),ref:n},c))}));const s=(0,l.Z)((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)},1944:(e,n,t)=>{t.d(n,{Z:()=>d});var o=t(9538),i=t(7363),r=t(9843),a=t(9963),l=i.forwardRef((function DialogContentText(e,n){return i.createElement(a.Z,(0,o.Z)({component:"p",variant:"body1",color:"textSecondary",ref:n},e))}));const d=(0,r.Z)({root:{marginBottom:12}},{name:"MuiDialogContentText"})(l)},1747:(e,n,t)=>{t.d(n,{Z:()=>c});var o=t(9538),i=t(8541),r=t(7363),a=t(3389),l=t(9843),d=t(9963),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.Z)(e,["children","classes","className","disableTypography"]);return r.createElement("div",(0,o.Z)({className:(0,a.Z)(l.root,s),ref:n},p),u?t:r.createElement(d.Z,{component:"h2",variant:"h6"},t))}));const c=(0,l.Z)({root:{margin:0,padding:"16px 24px",flex:"0 0 auto"}},{name:"MuiDialogTitle"})(s)}}]);
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[617],{5617:(e,n,t)=>{t.r(n),t.d(n,{default:()=>ModalsWrapper});var o=t(7363),a=t(9420),l=t(1235),i=t(1578),d=t(8204),r=t(9400),s=t(4415),c=t(1824),m=t(9763),u=t(3379),p=t.n(u),h=t(7795),v=t.n(h),x=t(569),f=t.n(x),g=t(3565),y=t.n(g),b=t(9216),j=t.n(b),k=t(4589),w=t.n(k),Z=t(5297),P={};P.styleTagTransform=w(),P.setAttributes=y(),P.insert=f().bind(null,"head"),P.domAPI=v(),P.insertStyleElement=j();p()(Z.Z,P);Z.Z&&Z.Z.locals&&Z.Z.locals;var C=t(789),E=t(4988),S=t(5054),I={};I.styleTagTransform=w(),I.setAttributes=y(),I.insert=f().bind(null,"head"),I.domAPI=v(),I.insertStyleElement=j();p()(S.ZP,I);S.ZP&&S.ZP.locals&&S.ZP.locals;var F=t(7514);const z=(0,a.Pi)((function Progress(e){var n=e.children,t=e.progress,a=(0,o.useState)(),l=(0,E.Z)(a,2),i=l[0],d=l[1];return(0,o.useEffect)((function(){d(t)}),[t]),(0,F.jsxs)("div",{className:S.YS,children:[!!n&&n,(0,F.jsx)("div",{className:S.l9,children:(0,F.jsx)("div",{className:S.YJ,style:{width:100*(null!=i?i:0)+"%"},children:(0,F.jsx)("div",{className:S.zn})})})]})}));var A=t(3697),M=t(1682);const W=(0,a.Pi)((function Modal(){var e,n=(0,l.KH)().contentStore,t=(0,C.$G)().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",h,!1),function(){document.removeEventListener("keydown",h,!1)}}),[]);var h=(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,F.jsx)(F.Fragment,{});var v=(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)(s.Z,{style:n.modal.maxWidth?{maxWidth:n.modal.maxWidth}:void 0,children:n.modal.iFrame?(0,F.jsx)(IFrame,{link:n.modal.iFrame}):"string"==typeof n.modal.text&&null==n.modal.content?(0,F.jsx)(c.Z,{component:"div",dangerouslySetInnerHTML:{__html:function tryDecodeURIComponent(e){try{return decodeURIComponent(e)}catch(n){return e}}(n.modal.text)}}):(0,F.jsxs)(c.Z,{component:"div",children:[n.modal.text,n.modal.content&&n.modal.content]})}),(n.modal.reject||n.modal.accept)&&(0,F.jsxs)(r.Z,{children:[n.modal.reject&&(0,F.jsx)(i.Z,{color:"primary",onClick:u,children:"string"==typeof n.modal.reject?t(n.modal.reject):t("modal.reject")}),n.modal.accept&&(0,F.jsx)(i.Z,{color:"primary",type:"submit",id:"diva-dialog-submitbtn",children:"string"==typeof n.modal.accept?t(n.modal.accept):t("modal.accept")})]}),(0,F.jsxs)("div",{style:{margin:10},children:[n.modal.image&&(0,F.jsx)("img",{src:n.modal.image,style:{maxWidth:480}}),void 0!==n.modal.progress&&(0,F.jsx)(z,{progress:n.modal.progress}),null===(e=n.modal.actions)||void 0===e?void 0:e.map((function(e){var o;return(0,F.jsx)(i.Z,{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)})}))]})]}),x=!0===n.modal.fullscreen||"mobile"==n.modal.fullscreen&&n.containerDimensions.isMobile;return(0,F.jsx)("div",{className:Z.I,id:"diva-dialog",children:(0,F.jsxs)(d.Z,{open:!0,disablePortal:!0,hideBackdrop:!0,disableEnforceFocus:!0,style:{position:"absolute",zIndex:0},maxWidth:"lg",fullScreen:x,PaperProps:{style:{width:n.modal.width,height:n.modal.height}},children:[(0,F.jsx)(m.Z,{children:n.modal.title}),n.modal.rejectByIcon&&(0,F.jsx)(A.Z,{onClick:u,style:{position:"absolute",right:8,top:8,zIndex:1000001},size:"large",children:(0,F.jsx)(M.Z,{})}),n.modal.dontRenderForm&&v,!n.modal.dontRenderForm&&(0,F.jsx)("form",{id:"diva-modal-form",autoComplete:"off",onSubmit:function onSubmit(e){e.preventDefault(),a(new FormData(e.target))},children:v})]})})}));function IFrame(e){var n=e.link;return(0,F.jsx)("iframe",{style:{border:0,width:"100%",height:"99%"},src:n})}function ModalsWrapper(){return(0,F.jsx)(W,{})}},5297:(e,n,t)=>{t.d(n,{I:()=>d,Z:()=>r});var o=t(8081),a=t.n(o),l=t(3645),i=t.n(l)()(a());i.push([e.id,".index-module--AtOcs {\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--AtOcs";const r=i},5054:(e,n,t)=>{t.d(n,{YJ:()=>s,YS:()=>d,ZP:()=>m,l9:()=>r,zn:()=>c});var o=t(8081),a=t.n(o),l=t(3645),i=t.n(l)()(a());i.push([e.id,".index-module--Pww9z {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--thPSh {\n  height: 10px;\n  position: relative;\n  border-radius: 5px;\n  width: 100%;\n}\n\n@keyframes index-module--_9_PO {\n  from {\n    background-position-x: 0;\n  }\n  to {\n    background-position-x: 113px;\n  }\n}\n\n.index-module--HhvXv {\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--f7imw {\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--_9_PO 4s linear infinite;\n  will-change: background-position;\n}\n",""]);var d="index-module--Pww9z",r="index-module--thPSh",s="index-module--HhvXv",c="index-module--f7imw";const m=i}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 723.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[723],{723:(n,e,i)=>{i.r(e),i.d(e,{default:()=>k});var d=i(9420),t=(i(7363),i(3379)),s=i.n(t),l=i(7795),r=i.n(l),o=i(569),a=i.n(o),u=i(3565),c=i.n(u),p=i(9216),x=i.n(p),v=i(4589),h=i.n(v),m=i(6116),f={};f.styleTagTransform=h(),f.setAttributes=c(),f.insert=a().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=x();s()(m.ZP,f);m.ZP&&m.ZP.locals&&m.ZP.locals;var g=i(5502),y=i(1401),b={};b.styleTagTransform=h(),b.setAttributes=c(),b.insert=a().bind(null,"head"),b.domAPI=r(),b.insertStyleElement=x();s()(y.ZP,b);y.ZP&&y.ZP.locals&&y.ZP.locals;var C=i(6719),j=i(7514);const P=function History(n){var e,i=(0,g.j)().pdpState.product,d=(0,C.$G)().t;return(0,j.jsx)("div",{className:y.nC,children:null==i||null===(e=i.stateHistory)||void 0===e?void 0:e.slice(0).reverse().map((function(n){return(0,j.jsxs)("div",{className:y.YS,children:[(0,j.jsx)("div",{children:d("archive.header.status")+": "+d("product.state."+n.state)}),n.message&&(0,j.jsx)("div",{style:{padding:"10px 0"},children:d("pdp.comment")+": "+n.message}),(0,j.jsxs)("div",{className:y.Mv,children:[(0,j.jsx)("div",{children:n.authorByName}),(0,j.jsx)("div",{children:C.Lm.formatDate(n.created,!0)})]})]})}))})};const k=(0,d.Pi)((function Checkpoint(n){var e,i,d,t,s=n.pdpState,l=null!==(e=null===(i=s.variants)||void 0===i?void 0:i.findIndex((function(n){var e;return n._id===(null===(e=s.product)||void 0===e?void 0:e._id)})))&&void 0!==e?e:void 0,r=function updateCurProduct(n){s.setProduct(s.variants["plus"===n?l+1:l-1])};return(0,j.jsxs)("div",{className:m.YS,children:[(0,j.jsxs)("div",{className:m.ry,children:[void 0!==l&&(0,j.jsx)("button",{disabled:0>=l,onClick:function onClick(n){r("minus")},children:"Back"}),(0,j.jsx)("input",{type:"text",value:null!==(d=s.messages[s.product._id])&&void 0!==d?d:"",onChange:function onChange(n){return s.updateMessages(s.product._id,n.target.value)}}),void 0!==l&&(0,j.jsx)("button",{disabled:s.variants.length<=l+1,onClick:function onClick(n){r("plus")},children:"Next"})]}),void 0!==l?l+1+"/"+(null===(t=s.variants)||void 0===t?void 0:t.length):"",(0,j.jsx)(P,{})]})}))},1401:(n,e,i)=>{i.d(e,{Mv:()=>a,YS:()=>o,ZP:()=>u,nC:()=>r});var d=i(8081),t=i.n(d),s=i(3645),l=i.n(s)()(t());l.push([n.id,".index-module--TnHfq {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--gQFjC {\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--uksyS {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n}\n",""]);var r="index-module--TnHfq",o="index-module--gQFjC",a="index-module--uksyS";const u=l},6116:(n,e,i)=>{i.d(e,{YS:()=>r,ZP:()=>a,ry:()=>o});var d=i(8081),t=i.n(d),s=i(3645),l=i.n(s)()(t());l.push([n.id,".index-module--mbiO0 {\n  width: 100%;\n  padding: 12px;\n  display: flex;\n  flex-direction: column-reverse;\n  align-items: center;\n}\n\n.index-module--sIsRJ {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--sIsRJ 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--mbiO0",o="index-module--sIsRJ";const a=l}}]);
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[723],{723:(n,e,i)=>{i.r(e),i.d(e,{default:()=>k});var d=i(9420),t=(i(7363),i(3379)),s=i.n(t),l=i(7795),r=i.n(l),o=i(569),a=i.n(o),u=i(3565),c=i.n(u),p=i(9216),x=i.n(p),v=i(4589),h=i.n(v),m=i(6116),f={};f.styleTagTransform=h(),f.setAttributes=c(),f.insert=a().bind(null,"head"),f.domAPI=r(),f.insertStyleElement=x();s()(m.ZP,f);m.ZP&&m.ZP.locals&&m.ZP.locals;var g=i(169),y=i(1401),b={};b.styleTagTransform=h(),b.setAttributes=c(),b.insert=a().bind(null,"head"),b.domAPI=r(),b.insertStyleElement=x();s()(y.ZP,b);y.ZP&&y.ZP.locals&&y.ZP.locals;var C=i(5569),j=i(7514);const P=function History(n){var e,i=(0,g.j)().pdpState.product,d=(0,C.$G)().t;return(0,j.jsx)("div",{className:y.nC,children:null==i||null===(e=i.stateHistory)||void 0===e?void 0:e.slice(0).reverse().map((function(n){return(0,j.jsxs)("div",{className:y.YS,children:[(0,j.jsx)("div",{children:d("archive.header.status")+": "+d("product.state."+n.state)}),n.message&&(0,j.jsx)("div",{style:{padding:"10px 0"},children:d("pdp.comment")+": "+n.message}),(0,j.jsxs)("div",{className:y.Mv,children:[(0,j.jsx)("div",{children:n.authorByName}),(0,j.jsx)("div",{children:C.Lm.formatDate(n.created,!0)})]})]})}))})};const k=(0,d.Pi)((function Checkpoint(n){var e,i,d,t,s=n.pdpState,l=null!==(e=null===(i=s.variants)||void 0===i?void 0:i.findIndex((function(n){var e;return n._id===(null===(e=s.product)||void 0===e?void 0:e._id)})))&&void 0!==e?e:void 0,r=function updateCurProduct(n){s.setProduct(s.variants["plus"===n?l+1:l-1])};return(0,j.jsxs)("div",{className:m.YS,children:[(0,j.jsxs)("div",{className:m.ry,children:[void 0!==l&&(0,j.jsx)("button",{disabled:0>=l,onClick:function onClick(n){r("minus")},children:"Back"}),(0,j.jsx)("input",{type:"text",value:null!==(d=s.messages[s.product._id])&&void 0!==d?d:"",onChange:function onChange(n){return s.updateMessages(s.product._id,n.target.value)}}),void 0!==l&&(0,j.jsx)("button",{disabled:s.variants.length<=l+1,onClick:function onClick(n){r("plus")},children:"Next"})]}),void 0!==l?l+1+"/"+(null===(t=s.variants)||void 0===t?void 0:t.length):"",(0,j.jsx)(P,{})]})}))},1401:(n,e,i)=>{i.d(e,{Mv:()=>a,YS:()=>o,ZP:()=>u,nC:()=>r});var d=i(8081),t=i.n(d),s=i(3645),l=i.n(s)()(t());l.push([n.id,".index-module--TnHfq {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  height: 100%;\n  overflow: auto;\n}\n\n.index-module--gQFjC {\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--uksyS {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n}\n",""]);var r="index-module--TnHfq",o="index-module--gQFjC",a="index-module--uksyS";const u=l},6116:(n,e,i)=>{i.d(e,{YS:()=>r,ZP:()=>a,ry:()=>o});var d=i(8081),t=i.n(d),s=i(3645),l=i.n(s)()(t());l.push([n.id,".index-module--mbiO0 {\n  width: 100%;\n  padding: 12px;\n  display: flex;\n  flex-direction: column-reverse;\n  align-items: center;\n}\n\n.index-module--sIsRJ {\n  display: flex;\n  width: 100%;\n}\n\n.index-module--sIsRJ 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--mbiO0",o="index-module--sIsRJ";const a=l}}]);

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

@@ -1,2 +1,2 @@
 /*! For license information please see 788.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[788],{4788:(e,t,n)=>{n.r(t),n.d(t,{default:()=>S});var a=n(5515),i=n.n(a),d=n(9420),s=n(5502),l=(n(7363),n(6719)),c=n(975),r=n(3379),m=n.n(r),o=n(7795),u=n.n(o),I=n(569),p=n.n(I),x=n(3565),b=n.n(x),g=n(9216),C=n.n(g),M=n(4589),y=n.n(M),Z=n(7307),j={};j.styleTagTransform=y(),j.setAttributes=b(),j.insert=p().bind(null,"head"),j.domAPI=u(),j.insertStyleElement=C();m()(Z.ZP,j);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var v=n(9453),h=n(7514);const S=(0,d.Pi)((function CheckpointFooter(e){var t=e.footerFixed,n=(0,s.j)().pdpState,a=(0,l.$G)().t,d=c.PO[n.getCurrentState];return(0,h.jsxs)("div",{className:i()(v.Y2,t?v.s2:v.xu),children:[!!d.denyStatus&&(0,h.jsx)("div",{onClick:n.denyCheckpoint,className:i()(v.LI,Z.j)}),(0,h.jsx)("div",{style:{cursor:"default"},className:i()(v.LI,v.HY),children:(d.denyStatus?a("product.state."+d.denyStatus)+" <-- ":"")+a("product.state."+n.getCurrentState)+(d.acceptStatus?" --\x3e "+a("product.state."+d.acceptStatus):"")}),!!d.acceptStatus&&(0,h.jsx)("div",{onClick:function onClick(){return n.acceptCheckpoint()},className:i()(v.LI,Z.em)})]})}))},7307:(e,t,n)=>{n.d(t,{ZP:()=>b,em:()=>p,j:()=>x});var a=n(8081),i=n.n(a),d=n(3645),s=n.n(d),l=n(1667),c=n.n(l),r=new URL(n(2514),n.b),m=new URL(n(5858),n.b),o=s()(i()),u=c()(r),I=c()(m);o.push([e.id,".index-module--Xs4iE,\n.index-module--Mjl2f {\n  min-width: 60px;\n}\n\n.index-module--Mjl2f {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--Mjl2f {\n  background: center / 33% no-repeat var(--diva-theme-palette-primary-main) url("+u+");\n}\n\n.index-module--Xs4iE {\n  background: center / 43% no-repeat var(--diva-theme-palette-primary-main) url("+I+");\n}\n",""]);var p="index-module--Xs4iE",x="index-module--Mjl2f";const b=o},2514:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cgo="},5858:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQ0NTMxIDMuNDkxMjZMNS42MjUgOC4wOTM3NUwxMC43NSAwLjk1MzYxMyIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[788],{4788:(e,t,n)=>{n.r(t),n.d(t,{default:()=>S});var a=n(5515),i=n.n(a),d=n(9420),s=n(169),l=(n(7363),n(5569)),c=n(975),r=n(3379),m=n.n(r),o=n(7795),u=n.n(o),I=n(569),p=n.n(I),x=n(3565),b=n.n(x),g=n(9216),C=n.n(g),M=n(4589),y=n.n(M),Z=n(7307),j={};j.styleTagTransform=y(),j.setAttributes=b(),j.insert=p().bind(null,"head"),j.domAPI=u(),j.insertStyleElement=C();m()(Z.ZP,j);Z.ZP&&Z.ZP.locals&&Z.ZP.locals;var v=n(9453),h=n(7514);const S=(0,d.Pi)((function CheckpointFooter(e){var t=e.footerFixed,n=(0,s.j)().pdpState,a=(0,l.$G)().t,d=c.PO[n.getCurrentState];return(0,h.jsxs)("div",{className:i()(v.Y2,t?v.s2:v.xu),children:[!!d.denyStatus&&(0,h.jsx)("div",{onClick:n.denyCheckpoint,className:i()(v.LI,Z.j)}),(0,h.jsx)("div",{style:{cursor:"default"},className:i()(v.LI,v.HY),children:(d.denyStatus?a("product.state."+d.denyStatus)+" <-- ":"")+a("product.state."+n.getCurrentState)+(d.acceptStatus?" --\x3e "+a("product.state."+d.acceptStatus):"")}),!!d.acceptStatus&&(0,h.jsx)("div",{onClick:function onClick(){return n.acceptCheckpoint()},className:i()(v.LI,Z.em)})]})}))},7307:(e,t,n)=>{n.d(t,{ZP:()=>b,em:()=>p,j:()=>x});var a=n(8081),i=n.n(a),d=n(3645),s=n.n(d),l=n(1667),c=n.n(l),r=new URL(n(2514),n.b),m=new URL(n(5858),n.b),o=s()(i()),u=c()(r),I=c()(m);o.push([e.id,".index-module--Xs4iE,\n.index-module--Mjl2f {\n  min-width: 60px;\n}\n\n.index-module--Mjl2f {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.index-module--Mjl2f {\n  background: center / 33% no-repeat var(--diva-theme-palette-primary-main) url("+u+");\n}\n\n.index-module--Xs4iE {\n  background: center / 43% no-repeat var(--diva-theme-palette-primary-main) url("+I+");\n}\n",""]);var p="index-module--Xs4iE",x="index-module--Mjl2f";const b=o},2514:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cgo="},5858:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjQ0NTMxIDMuNDkxMjZMNS42MjUgOC4wOTM3NUwxMC43NSAwLjk1MzYxMyIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

@@ -0,0 +1,2 @@
+/*! For license information please see 797.products-component.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[797],{9797:(e,t,n)=>{n.r(t),n.d(t,{default:()=>Z});var r=n(7363),a=n(1235),o=n(4658),s=n(4988),i=n(747),l=n.n(i),u=n(523),c=n(9420),d=n(501),h=n(8623),v=n(3096),g=n(7995),p=n(789),w=n(5515),x=n.n(w),j=n(7514);function OpenId(){var e,t,n,r=(0,a.KH)(),o=r.configurationStore,s=r.authorizationStore,i=(0,p.$G)().t,l=null===(e=s.state)||void 0===e?void 0:e.loginMethods;return(0,j.jsxs)(j.Fragment,{children:[(null==l?void 0:l.google)&&(0,j.jsxs)(g.Z,{className:x()(u.FI,u.lk),onClick:function onClick(){var e;return s.openOAuthLogin("google",s.state.organizationId,null===(e=s.state)||void 0===e?void 0:e.invitationId)},children:[(0,j.jsx)("div",{}),i("auth.login.google")]}),(null==l?void 0:l.microsoft)&&(0,j.jsxs)(g.Z,{className:x()(u.FI,u.Eg),onClick:function onClick(){var e;return s.openOAuthLogin("microsoft",s.state.organizationId,null===(e=s.state)||void 0===e?void 0:e.invitationId)},children:[(0,j.jsx)("div",{}),i("auth.login.microsoft")]}),(null==l?void 0:l.generic)&&(0,j.jsxs)(g.Z,{className:u.FI,style:{backgroundColor:null!==(t=l.generic.backgroundColor)&&void 0!==t?t:o.theme.palette.secondary.main,color:null!==(n=l.generic.color)&&void 0!==n?n:o.theme.palette.secondary.contrastText},onClick:function onClick(){var e;return s.openOAuthLogin("genericOpenId",s.state.organizationId,null===(e=s.state)||void 0===e?void 0:e.invitationId)},children:[(0,j.jsx)("div",{style:l.generic.logo?{backgroundImage:"url(".concat(l.generic.logo,")")}:{}}),i("auth.login.generic")]})]})}var f=n(4680),m=(0,f.jl)("Framework","Login");const y=(0,c.Pi)((function Login(){var e,t,n,i,c=(0,a.KH)(),w=c.authorizationStore,x=c.authorizationHandler,f=(0,r.useState)("enter"),y=(0,s.Z)(f,2),M=y[0],k=y[1],C=(0,r.useState)(null!==(e=null===(t=w.state)||void 0===t?void 0:t.email)&&void 0!==e?e:""),L=(0,s.Z)(C,2),N=L[0],S=L[1],E=(0,r.useState)(""),I=(0,s.Z)(E,2),Z=I[0],z=I[1],D=(0,r.useState)(""),b=(0,s.Z)(D,2),P=b[0],A=b[1],T=(0,r.useState)(!1),O=(0,s.Z)(T,2),_=O[0],F=O[1],U=(0,r.useState)(w.state.invitationId),R=(0,s.Z)(U,2),G=R[0],K=R[1],H=(0,r.useState)("LOGIN"==(null===(n=w.state)||void 0===n?void 0:n.type)?w.state.error:void 0),$=(0,s.Z)(H,2),Q=$[0],V=$[1],W=(0,p.$G)().t,Y=function(){var e=(0,o.Z)(l().mark((function _callee(){var e,t;return l().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(n.prev=0,G){n.next=6;break}return n.next=4,x.getInvitationValue("id",N);case 4:(e=n.sent)&&(e.isNewUser&&(w.close(),w.showRegister(void 0,N,!0)),K(!0),F(!0));case 6:return n.next=8,x.fetchLoginProvider({email:N});case 8:"standard"==(t=n.sent).provider?k("login"):w.openOAuthLogin(t.provider,w.state.organizationId,w.state.invitationId),n.next=16;break;case 12:n.prev=12,n.t0=n.catch(0),m.error(new d.GE("Error while fetching login provider",{cause:n.t0})),V("auth.error.password");case 16:case"end":return n.stop()}}),_callee,null,[[0,12]])})));return function onContinue(){return e.apply(this,arguments)}}(),B=function(){var e=(0,o.Z)(l().mark((function _callee2(){return l().wrap((function _callee2$(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,(0,h.fl)(w.login(N,Z,!1,w.state.organizationId,w.state.invitationId,P));case 3:S(""),z(""),V(void 0),e.next=12;break;case 8:e.prev=8,e.t0=e.catch(0),m.error(new d.GE("Error while logging in",{cause:e.t0})),V(G?"auth.error.passwordotp":"auth.error.password");case 12:case"end":return e.stop()}}),_callee2,null,[[0,8]])})));return function onLogin(){return e.apply(this,arguments)}}(),q=function(){var e=(0,o.Z)(l().mark((function _callee3(){return l().wrap((function _callee3$(e){for(;;)switch(e.prev=e.next){case 0:w.showRequestNewPassword(N);case 1:case"end":return e.stop()}}),_callee3)})));return function resetPassword(){return e.apply(this,arguments)}}(),J="enter"==M&&0==N.length||"enter"!=M&&0==Z.length;_&&!J&&(J=0==P.length);var X=null===(i=w.state)||void 0===i?void 0:i.loginMethods;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("h1",{children:W("auth.title.login")}),(0,j.jsx)("p",{children:W("auth.text.login","")}),!!Q&&(0,j.jsxs)("div",{className:u.vU,children:[(0,j.jsx)("span",{}),(0,j.jsx)("div",{id:"loginerrortext",children:W(Q)})]}),(0,j.jsx)(OpenId,{}),((null==X?void 0:X.generic)||(null==X?void 0:X.google)||(null==X?void 0:X.microsoft))&&X.standard&&(0,j.jsx)("div",{className:u.kr,children:"or"}),(null==X?void 0:X.standard)&&(0,j.jsxs)(j.Fragment,{children:["enter"==M&&(0,j.jsxs)("form",{children:[(0,j.jsx)(v.Z,{id:"username",value:N,autoComplete:"username",autoFocus:!0,placeholder:W("auth.input.email"),onChange:function onChange(e){return S(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&Y()}}),(0,j.jsx)(v.Z,{value:Z,id:"password",type:"password",autoComplete:"current-password",hidden:!0,autoFocus:!0,placeholder:W("auth.input.password"),onChange:function onChange(e){return z(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&B()}})]}),"login"==M&&(0,j.jsxs)("form",{children:[_&&(0,j.jsx)(v.Z,{value:P,type:"text",autoFocus:!0,placeholder:W("auth.input.otp"),onChange:function onChange(e){return A(e.target.value)}}),(0,j.jsx)("label",{className:u.TL,onClick:function reset(){k("enter"),S(""),z(""),V(void 0)},children:(0,j.jsx)(v.Z,{value:N,readOnly:!0,placeholder:W("auth.input.email")})}),(0,j.jsx)(v.Z,{value:Z,type:"password",id:"password",autoFocus:!0,placeholder:W("auth.input.password"),onChange:function onChange(e){return z(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&B()}}),(0,j.jsx)("div",{className:u.p4,style:{textAlign:"right"},onClick:q,children:W("auth.button.forgotpassword")})]}),(0,j.jsx)(g.Z,{id:"submit",disabled:J,onClick:"enter"==M?Y:B,children:W("enter"==M?"auth.button.continue":"auth.button.login")})]})]})}));var M=(0,f.jl)("Framework","RequestNewPassword");function RequestNewPassword(e){var t=e.initEmail,n=(0,a.KH)(),i=n.authorizationStore,c=n.apiHandler,h=n.loadingAndErrorStore,w=(0,r.useState)(t),x=(0,s.Z)(w,2),f=x[0],m=x[1],y=(0,r.useState)(!1),k=(0,s.Z)(y,2),C=k[0],L=k[1],N=(0,r.useState)(),S=(0,s.Z)(N,2),E=S[0],I=S[1],Z=(0,r.useState)(),z=(0,s.Z)(Z,2),D=z[0],b=z[1],P=(0,p.$G)().t,A=function(){var e=(0,o.Z)(l().mark((function _callee(){return l().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,b(!0),h.toggleLoading("SendPassword"),e.next=5,c.sendPasswordRecoveryMail({email:f});case 5:b(!1),h.toggleLoading("SendPassword"),L(!0),I(void 0),e.next=17;break;case 11:e.prev=11,e.t0=e.catch(0),M.error(new d.GE("Error while sending password recovery mail",{cause:e.t0})),I("auth.error.resetpassword"),b(!1),h.toggleLoading("SendPassword");case 17:case"end":return e.stop()}}),_callee,null,[[0,11]])})));return function resetPassword(){return e.apply(this,arguments)}}();return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("h1",{children:P("auth.title.resetpassword")}),(0,j.jsx)("p",{children:P("auth.info.resetdescription")}),!!E&&(0,j.jsxs)("div",{className:u.vU,children:[(0,j.jsx)("span",{}),(0,j.jsx)("div",{children:P(E)})]}),C&&(0,j.jsxs)("div",{className:u.Vp,children:[(0,j.jsx)("span",{}),(0,j.jsx)("div",{children:P("auth.info.resetpassword")})]}),!C&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(v.Z,{value:f,autoFocus:!0,placeholder:P("auth.input.email"),onChange:function onChange(e){return m(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&A()}}),(0,j.jsx)(g.Z,{disabled:0==f.length,onClick:A,children:P("auth.button.resetpassword")})]}),C&&(0,j.jsx)(g.Z,{disabled:D,onClick:function toLogin(){i.close(),i.showLogin()},children:P("auth.button.login")})]})}function Errormessage(e){var t=e.hasError,n=e.authErrorsg,r=(0,p.$G)().t;return(0,j.jsxs)("div",{className:u.vU,children:[(0,j.jsx)("span",{}),"INVALID"==t&&(0,j.jsx)("div",{children:r("auth.error.verifypassword")}),"SERVER"==t&&(0,j.jsx)("div",{children:n})]})}var k=(0,f.jl)("Framework","cfhange-password");function ChangePassword(e){var t,n=e.token,i=(0,a.KH)(),c=i.configurationStore,h=i.authorizationStore,w=i.apiHandler,x=(i.loadingAndErrorStore,(0,r.useState)("")),f=(0,s.Z)(x,2),m=f[0],y=f[1],M=(0,r.useState)(""),C=(0,s.Z)(M,2),L=C[0],N=C[1],S=(0,r.useState)(!1),E=(0,s.Z)(S,2),I=E[0],Z=E[1],z=(0,r.useState)(),D=(0,s.Z)(z,2),b=D[0],P=D[1],A=(0,r.useState)(""),T=(0,s.Z)(A,2),O=T[0],_=T[1],F=(0,r.useRef)(null),U=(0,p.$G)().t;(0,r.useEffect)((function(){m===L&&P(void 0)}),[m,L]);var R=function(){var e=(0,o.Z)(l().mark((function _callee(){return l().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(_(U("auth.error.verifypasswordserver")),!(m.length<8||m!==L)){e.next=4;break}return P("INVALID"),e.abrupt("return");case 4:return e.prev=4,e.next=7,w.resetPassword({password:m,token:n});case 7:Z(!0),e.next=13;break;case 10:e.prev=10,e.t0=e.catch(4),G(e.t0);case 13:case"end":return e.stop()}}),_callee,null,[[4,10]])})));return function resetPassword(){return e.apply(this,arguments)}}(),G=function handleError(e){if(e instanceof d.GE){if("AUTH_0003"===e.name)_(U("auth.error.verifypasswordtokenerror",{errormsg:U("auth.error.tokenexpired")}));else _(U("auth.error.verifypasswordserver",e.message));k.error(e)}k.error(new d.GE("Error while resetting password",{cause:e})),P("SERVER")};return"SERVER"===b?(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(Errormessage,{hasError:b,authErrorsg:O}),(0,j.jsx)(g.Z,{onClick:function onClickRequestNewPassword(){h.showRequestNewPassword("")},children:U("auth.button.resetpassword")})]}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("h1",{children:U("auth.title.verifypassword")}),I&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("div",{className:u.Vp,children:[(0,j.jsx)("span",{}),(0,j.jsx)("div",{children:U("auth.info.verifypassword")})]}),(null===(t=c.authentication.resetPassword)||void 0===t?void 0:t.returnToLogin)&&(0,j.jsx)(g.Z,{onClick:function goToLogin(){h.close(),h.showLogin()},children:U("auth.button.login")})]}),!I&&(0,j.jsxs)(j.Fragment,{children:[b&&(0,j.jsx)(Errormessage,{hasError:b,authErrorsg:O}),(0,j.jsxs)("form",{children:[(0,j.jsx)(v.Z,{value:m,autoFocus:!0,placeholder:U("auth.input.password"),type:"password",autoComplete:"new-password",onChange:function onChange(e){return y(e.target.value)},onKeyPress:function onKeyPress(e){var t;return"Enter"==e.key&&(null===(t=F.current)||void 0===t?void 0:t.focus())}}),(0,j.jsx)(v.Z,{ref:F,value:L,placeholder:U("auth.input.verifypassword"),type:"password",autoComplete:"new-password",onChange:function onChange(e){return N(e.target.value)},onKeyPress:function onKeyPress(e){return"Enter"==e.key&&R()}})]}),(0,j.jsx)(g.Z,{disabled:!m||!L,onClick:R,children:U("auth.button.save")})]})]})}var C=n(5486);function WelcomeScreen(e){var t=e.isNewUser,n=e.invitationId,i=e.invitationOrgId,c=(0,a.KH)(),d=c.authorizationStore,h=c.authorizationHandler,v=(0,r.useState)(""),w=(0,s.Z)(v,2),x=w[0],f=w[1],m=(0,p.$G)().t,y=function(){var e=(0,o.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,checkInvitation();case 2:(e=t.sent)&&(d.close(),d.showLogin(void 0,void 0,i,n,e));case 4:case"end":return t.stop()}}),_callee)})));return function toLogin(){return e.apply(this,arguments)}}(),M=function(){var e=(0,o.Z)(l().mark((function _callee2(){var e;return l().wrap((function _callee2$(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,checkInvitation();case 2:(e=t.sent)&&(d.close(),d.showRegister(n,e));case 4:case"end":return t.stop()}}),_callee2)})));return function toRegister(){return e.apply(this,arguments)}}();function checkInvitation(){return _checkInvitation.apply(this,arguments)}function _checkInvitation(){return _checkInvitation=(0,o.Z)(l().mark((function _callee3(){var e,t,n;return l().wrap((function _callee3$(r){for(;;)switch(r.prev=r.next){case 0:return t=null===(e=d.state)||void 0===e?void 0:e.invitationId,r.next=3,h.getInvitationValue("email",t);case 3:if(!(n=r.sent)){r.next=8;break}return r.abrupt("return",n.email);case 8:return f("Invitation not found"),r.abrupt("return",void 0);case 10:case"end":return r.stop()}}),_callee3)}))),_checkInvitation.apply(this,arguments)}return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("h1",{children:m("auth.title.welcome")}),(0,j.jsx)("p",{children:m("auth.info.welcomedescription")}),x&&(0,j.jsxs)("div",{className:u.vU,children:[(0,j.jsx)("span",{}),(0,j.jsx)("div",{children:m(x)})]}),t&&!x&&(0,j.jsx)(g.Z,{onClick:M,children:m("auth.title.register")}),!t&&!x&&(0,j.jsx)(g.Z,{onClick:y,children:m("auth.button.login")})]})}var L=n(5282),N=n(5113),S=(0,f.jl)("Framework","Register");const E=(0,c.Pi)((function Register(){var e,t,n,i,c,w,x=(0,a.KH)(),f=x.authorizationStore,m=x.configurationStore,y=(0,p.$G)().t,M=(0,r.useState)(null!==(e=null===(t=f.state)||void 0===t?void 0:t.email)&&void 0!==e?e:""),k=(0,s.Z)(M,2),C=k[0],E=k[1],I=(0,r.useState)(""),Z=(0,s.Z)(I,2),z=Z[0],D=Z[1],b=(0,r.useState)(""),P=(0,s.Z)(b,2),A=P[0],T=P[1],O=(0,r.useState)(""),_=(0,s.Z)(O,2),F=_[0],U=_[1],R=(0,r.useState)(""),G=(0,s.Z)(R,2),K=G[0],H=G[1],$=(0,r.useState)(""),Q=(0,s.Z)($,2),V=Q[0],W=Q[1],Y=(0,r.useState)(""),B=(0,s.Z)(Y,2),q=B[0],J=B[1],X=(0,r.useState)(!1),ee=(0,s.Z)(X,2),te=ee[0],ne=ee[1],re=function(){var e=(0,o.Z)(l().mark((function _callee(){var e;return l().wrap((function _callee$(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,(0,h.fl)(f.register(C,z,K,F,null===(e=f.state)||void 0===e?void 0:e.invitationId,q));case 3:E(""),D(""),T(""),H(""),U(""),t.next=14;break;case 10:t.prev=10,t.t0=t.catch(0),W("auth.error.invitationotp"),S.error(new d.GE("Error while registering",{cause:t.t0}));case 14:case"end":return t.stop()}}),_callee,null,[[0,10]])})));return function onRegister(){return e.apply(this,arguments)}}(),ae=null===(n=f.state)||void 0===n?void 0:n.useOtp,oe=function validPassword(){return ae?null!=q&&""!==q&&z==A&&""!=z&&null!=z&&te:z==A&&""!=z&&null!=z&&te},se=null===(i=f.state)||void 0===i?void 0:i.loginMethods;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)("h1",{children:y("auth.title.register")}),(0,j.jsx)("p",{children:y("auth.text.register","")}),!!V&&(0,j.jsxs)("div",{className:u.vU,children:[(0,j.jsx)("span",{}),(0,j.jsx)("div",{children:y(V)})]}),(0,j.jsx)(OpenId,{}),((null==se?void 0:se.generic)||(null==se?void 0:se.google)||(null==se?void 0:se.microsoft))&&se.standard&&(0,j.jsx)("div",{className:u.kr,children:"or"}),(null==se?void 0:se.standard)&&(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)("form",{children:[ae&&(0,j.jsx)(v.Z,{type:"text",value:q,placeholder:y("auth.input.otp"),onChange:function onChange(e){return J(e.target.value)}}),(0,j.jsx)(v.Z,{value:K,autoFocus:!0,placeholder:y("backoffice.form.userdetails.items.name"),onChange:function onChange(e){return H(e.target.value)}}),(0,j.jsx)(v.Z,{value:F,autoFocus:!0,placeholder:y("backoffice.form.userdetails.items.familyName"),onChange:function onChange(e){return U(e.target.value)}}),(0,j.jsx)(v.Z,{value:C,autoComplete:"email",autoFocus:!0,placeholder:y("auth.input.email"),disabled:!0}),(0,j.jsx)(v.Z,{value:z,type:"password",autoFocus:!0,placeholder:y("auth.input.password"),onChange:function onChange(e){return D(e.target.value)}}),(0,j.jsx)(v.Z,{value:A,type:"password",autoFocus:!0,placeholder:y("auth.input.repeatpassword"),onChange:function onChange(e){return T(e.target.value)}}),(0,j.jsxs)("div",{style:{display:"flex",gap:5,alignItems:"center"},children:[(0,j.jsx)(N.Z,{name:"checkAGB",checked:te,onClick:function onClick(){return ne(!te)}}),(0,j.jsxs)("div",{style:{display:"flex",flexDirection:"column",fontSize:9},children:[(0,j.jsx)("span",{children:y("auth.acceptprivacyandagb")}),(0,j.jsxs)("span",{children:[(0,j.jsx)("a",{target:"_blank",href:null!==(c=m.navigation.tosUrl)&&void 0!==c?c:"https://www.diva-portal.de/agb",children:y("auth.GeneralTerms")}),", ",(0,j.jsx)("a",{target:"_blank",href:null!==(w=m.navigation.privacyUrl)&&void 0!==w?w:"https://www.diva-portal.de/datenschutz",children:y("auth.privacypolicy")})]})]})]}),(0,j.jsx)(L.Z,{style:{color:"#FF8C00",marginTop:10,fontSize:14},hidden:oe(),children:y("auth.input.passwordsnotmatch")})]}),(0,j.jsx)(g.Z,{disabled:!oe(),onClick:oe()?re:void 0,children:y("auth.input.login")})]})]})}));var I=(0,c.Pi)((function(){var e,t=(0,a.KH)().authorizationStore;switch(null===(e=t.state)||void 0===e?void 0:e.type){case"LOGIN":return(0,j.jsx)(y,{});case"REQUEST_NEW_PASSWORD":return(0,j.jsx)(RequestNewPassword,{initEmail:t.state.email});case"CHANGE_PASSWORD":return(0,j.jsx)(ChangePassword,{token:t.state.token});case"WELCOME":return(0,j.jsx)(WelcomeScreen,{isNewUser:t.state.isNewUser,invitationId:t.state.invitationId,invitationOrgId:t.state.invitationOrgId});case"REGISTER":return(0,j.jsx)(E,{});case"INVITATION_EXPIRED":return(0,j.jsx)("h1",{children:"Abgelaufen"});default:return(0,j.jsx)(j.Fragment,{})}}));const Z=(0,c.Pi)((function Auth(){var e,t,n,o=(0,a.KH)(),s=o.authorizationStore,i=o.configurationStore,l=o.dataStore,c=(o.authorizationHandler,(0,r.useMemo)((function(){var e,t,n,r="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMTAwMCAyOTMuNjUiPjxwYXRoIGQ9Ik0yNTAuODksMTQ3LjNjLTMuMTgtNzQtMzAuNC0xNDMuMTgtMTQxLjczLTE0My4xOEwwLDQuMjZBMzA3Ljg2LDMwNy44NiwwLDAsMSwyNi4xMiw2MC43aDc0LjJjNTIuODYsMCw3NiwyNS42OCw3OC42MSw4NS4yOSwyLjY2LDYxLjgxLTE4LjI5LDg3LjkyLTcxLjE1LDg3LjkySDc5LjJsLTQ2LjcxLjUyYTI4Ny4yOSwyODcuMjksMCwwLDEtMjAsNTMuODhoMTA5YzExMS4zMiwwLDEzMi42Ny02NywxMjkuNDgtMTQxTTMwNi44NCwyODloNzEuMjNWMGEzMDAuMDcsMzAwLjA3LDAsMCwxLTcxLjIzLDI1LjkyWm0zMTguOC42Mkw3MjYuNTkuODVhMzAwLDMwMCwwLDAsMS04My42NSwzMi4yNEw1NzcuMTEsMjI0LDUxMS4yOSwzMy4wOUEzMDAsMzAwLDAsMCwxLDQyNy42NC44NWwxMDEsMjg4Ljc2Wm0zNzQuMzYsNEw4OTkuMDUsNC45MUg4MDJMNzc1LjE0LDgxLjc0LDcwMS4wNSwyOTMuNjVBMzAwLjMyLDMwMC4zMiwwLDAsMSw3ODUsMjYxLjM1bDYuNzktMjEsMTkuMTQtNTcuNTRMODUwLjUyLDYybDQwLjA3LDEyMC44NSwxOC43LDU3LjU0LDcsMjFBMzAwLjIsMzAwLjIsMCwwLDEsMTAwMCwyOTMuNjUiIGZpbGw9IiNiM2IzYjMiLz48L3N2Zz4=";if(null!==(e=l.organization)&&void 0!==e&&e.logoUrl)r=null===(n=l.organization)||void 0===n?void 0:n.logoUrl;else if(null!==(t=i.navigation)&&void 0!==t&&t.logoUrl){var a;r=null===(a=i.navigation)||void 0===a?void 0:a.logoUrl}return r}),[null===(e=i.navigation)||void 0===e?void 0:e.logoUrl,null===(t=l.organization)||void 0===t?void 0:t.logoUrl]));return null==s.state?(0,j.jsx)(j.Fragment,{}):(0,j.jsxs)("div",{className:u.I8,children:[(0,j.jsxs)("div",{className:u.NB,children:[(0,j.jsx)("div",{className:u.tn,style:{height:null!==(n=i.configuration.loginLogoHeight)&&void 0!==n?n:50,backgroundImage:"url(".concat(c,")")}}),(0,j.jsx)(I,{})]}),i.authentication.contentBox&&(0,j.jsx)("div",{style:{width:"calc(100% - 400px)",height:"100%",position:"relative",overflow:"hidden"},children:(0,j.jsx)(C.p,{settings:{contentBoxProps:(0,h.ZN)(i.authentication.contentBox.props)}})})]})}))}}]);

package/build/umd/797.products-component.umd.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! filename:797 */

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

@@ -1,2 +1,2 @@
 /*! For license information please see 839.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[839],{1839:(e,t,r)=>{r.r(t),r.d(t,{default:()=>U});var n=r(248),i=r(4658),o=r(4988),c=r(747),a=r.n(c),u=r(7363),s=r(9944),d=r(1533),p=function useDraggableInPortal(){var e=(0,u.useRef)(document.createElement("div")).current;return(0,u.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(3379),l=r.n(M),y=r(7795),j=r.n(y),N=r(569),D=r.n(N),g=r(3565),b=r.n(g),f=r(9216),x=r.n(f),O=r(4589),T=r.n(O),z=r(4831),I={};I.styleTagTransform=T(),I.setAttributes=b(),I.insert=D().bind(null,"head"),I.domAPI=j(),I.insertStyleElement=x();l()(z.Z,I);z.Z&&z.Z.locals&&z.Z.locals;var h=r(970),L=r(4503),v=r(6719),E=r(7514);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.Z)(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 k=function DragAndDropOptionValues(e){var t=e.variants,r=e.groups,n=e.currentProuduct,c=e.groupKey,d=e.setCurProduct,M=r[c],l=p(),y=(0,u.useState)(!1),j=(0,o.Z)(y,2),N=j[0],D=j[1],g=(0,v.Vr)().state.dimensions.isMobile,b=(0,h.Z)().fetchData,f=(0,L.Z)({variants:t,groups:r,currentProuduct:n,groupKey:c,setCurProduct:d,isMobile:g,selectedClassification:n[c]}),x=function(){var e=(0,i.Z)(a().mark((function _callee(e){var r,i,o,u,s,p,l,y,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,u=M[i].codex,s=M[o].codex,p={},l=!1,y=0;case 13:if(!(y<M.length)){a.next=43;break}if(j=M[y],N=j.codex,!r){a.next=31;break}if(s!=N){a.next=21;break}l=!0,a.next=25;break;case 21:if(u!=N){a.next=25;break}return l=!1,p[N]=M[o].position,a.abrupt("continue",40);case 25:if(l){a.next=28;break}return p[N]=M[y].position,a.abrupt("continue",40);case 28:p[N]=M[y+1].position,a.next=40;break;case 31:if(u!=N){a.next=35;break}return l=!0,p[N]=M[o].position,a.abrupt("continue",40);case 35:if(l){a.next=38;break}return p[N]=M[y].position,a.abrupt("continue",40);case 38:s==N&&(l=!1),p[N]=M[y-1].position;case 40:y++,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,E.jsx)(s.Z5,{onDragEnd:x,children:(0,E.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:N,direction:"vertical",children:function children(e,t){return(0,E.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{height:"100%",display:"flex",flexDirection:"column"},children:[f.map((function(e,t){return(0,E.jsx)(s._l,{index:t,draggableId:M[t].codex,isDragDisabled:N,children:l((function(e){return(0,E.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.Z)(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 U=function DragAndDrop(e){var t=e.groups,r=e.variants,n=e.setCurProduct,c=e.currentProuduct,d=e.posOfOpt,M=p(),l=(0,u.useState)(!1),y=(0,o.Z)(l,2),j=y[0],N=y[1],D=(0,h.Z)().fetchData,g=function(){var e=(0,i.Z)(a().mark((function _callee(e){var i,u,s,p,M,l,y,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),u=Object.keys(t),s=u[e.source.index],p=u[e.destination.index],M={},u.length>Object.keys(d).length)for(l=0;l<u.length;l++)d[u[l]]||(d[u[l]]=l);y=!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}y=!0,z.next=25;break;case 21:if(s!=j){z.next=25;break}return y=!1,M[j]=d[p],z.abrupt("continue",14);case 25:if(y){z.next=28;break}return M[j]=d[j],z.abrupt("continue",14);case 28:M[j]=d[u[u.indexOf(j)+1]],z.next=40;break;case 31:if(s!=j){z.next=35;break}return y=!0,M[j]=d[p],z.abrupt("continue",14);case 35:if(y){z.next=38;break}return M[j]=d[j],z.abrupt("continue",14);case 38:p==j&&(y=!1),M[j]=d[u[u.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.Z)(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,E.jsx)("div",{style:{display:"flex",width:"100%",position:"relative"},children:(0,E.jsx)(s.Z5,{onDragEnd:g,children:(0,E.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:j,direction:"horizontal",children:function children(e,i){return(0,E.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,E.jsx)(s._l,{index:i,draggableId:e,isDragDisabled:j,children:M((function(i){return(0,E.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,E.jsx)("div",DragAndDropOptions_objectSpread({className:z.q},i.dragHandleProps)),(0,E.jsx)(k,{currentProuduct:c,groups:t,groupKey:e,posOfOpt:d,setCurProduct:n,variants:r})]}))}))},e)})),e.placeholder]}))}})})})}},4831:(e,t,r)=>{r.d(t,{Z:()=>l,q:()=>M});var n=r(8081),i=r.n(n),o=r(3645),c=r.n(o),a=r(1667),u=r.n(a),s=new URL(r(8133),r.b),d=c()(i()),p=u()(s);d.push([e.id,".index-module--dt7FX {\n  width: 100%;\n  height: 20px;\n  background: center / 50% no-repeat url("+p+");\n}\n",""]);var M="index-module--dt7FX";const l=d},8133:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgY2xhc3M9InN2Zy1pY29uIiBzdHlsZT0id2lkdGg6IDFlbTsgaGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjE5LjQyODU3MSA1ODUuMTQyODU3Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4LTE0Ni4yODU3MTRjMzYuNTcxNDI5IDAgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3cy0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTggNzMuMTQyODU3IDM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU4IDczLjE0Mjg1N3pNMjE5LjQyODU3MSAyOTIuNTcxNDI5Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4IDI5Mi41NzE0MjhjLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU4IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1OCA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3pNNTEyIDI5Mi41NzE0MjljLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU3IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3ogbTAgMjkyLjU3MTQyOGMtMzYuNTcxNDI5IDAtNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTcgNzMuMTQyODU3czM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTctMzYuNTcxNDI5IDczLjE0Mjg1Ny03My4xNDI4NTctMzYuNTcxNDI5LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3eiIgIC8+PC9zdmc+"}}]);
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[839],{1839:(e,t,r)=>{r.r(t),r.d(t,{default:()=>U});var n=r(248),i=r(4658),o=r(4988),c=r(747),a=r.n(c),u=r(7363),s=r(9944),d=r(1533),p=function useDraggableInPortal(){var e=(0,u.useRef)(document.createElement("div")).current;return(0,u.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(3379),l=r.n(M),y=r(7795),j=r.n(y),N=r(569),D=r.n(N),g=r(3565),b=r.n(g),f=r(9216),x=r.n(f),O=r(4589),T=r.n(O),z=r(4831),I={};I.styleTagTransform=T(),I.setAttributes=b(),I.insert=D().bind(null,"head"),I.domAPI=j(),I.insertStyleElement=x();l()(z.Z,I);z.Z&&z.Z.locals&&z.Z.locals;var h=r(970),L=r(4503),v=r(5569),E=r(7514);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.Z)(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 k=function DragAndDropOptionValues(e){var t=e.variants,r=e.groups,n=e.currentProuduct,c=e.groupKey,d=e.setCurProduct,M=r[c],l=p(),y=(0,u.useState)(!1),j=(0,o.Z)(y,2),N=j[0],D=j[1],g=(0,v.Vr)().state.dimensions.isMobile,b=(0,h.Z)().fetchData,f=(0,L.Z)({variants:t,groups:r,currentProuduct:n,groupKey:c,setCurProduct:d,isMobile:g,selectedClassification:n[c]}),x=function(){var e=(0,i.Z)(a().mark((function _callee(e){var r,i,o,u,s,p,l,y,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,u=M[i].codex,s=M[o].codex,p={},l=!1,y=0;case 13:if(!(y<M.length)){a.next=43;break}if(j=M[y],N=j.codex,!r){a.next=31;break}if(s!=N){a.next=21;break}l=!0,a.next=25;break;case 21:if(u!=N){a.next=25;break}return l=!1,p[N]=M[o].position,a.abrupt("continue",40);case 25:if(l){a.next=28;break}return p[N]=M[y].position,a.abrupt("continue",40);case 28:p[N]=M[y+1].position,a.next=40;break;case 31:if(u!=N){a.next=35;break}return l=!0,p[N]=M[o].position,a.abrupt("continue",40);case 35:if(l){a.next=38;break}return p[N]=M[y].position,a.abrupt("continue",40);case 38:s==N&&(l=!1),p[N]=M[y-1].position;case 40:y++,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,E.jsx)(s.Z5,{onDragEnd:x,children:(0,E.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:N,direction:"vertical",children:function children(e,t){return(0,E.jsxs)("div",_objectSpread(_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{height:"100%",display:"flex",flexDirection:"column"},children:[f.map((function(e,t){return(0,E.jsx)(s._l,{index:t,draggableId:M[t].codex,isDragDisabled:N,children:l((function(e){return(0,E.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.Z)(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 U=function DragAndDrop(e){var t=e.groups,r=e.variants,n=e.setCurProduct,c=e.currentProuduct,d=e.posOfOpt,M=p(),l=(0,u.useState)(!1),y=(0,o.Z)(l,2),j=y[0],N=y[1],D=(0,h.Z)().fetchData,g=function(){var e=(0,i.Z)(a().mark((function _callee(e){var i,u,s,p,M,l,y,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),u=Object.keys(t),s=u[e.source.index],p=u[e.destination.index],M={},u.length>Object.keys(d).length)for(l=0;l<u.length;l++)d[u[l]]||(d[u[l]]=l);y=!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}y=!0,z.next=25;break;case 21:if(s!=j){z.next=25;break}return y=!1,M[j]=d[p],z.abrupt("continue",14);case 25:if(y){z.next=28;break}return M[j]=d[j],z.abrupt("continue",14);case 28:M[j]=d[u[u.indexOf(j)+1]],z.next=40;break;case 31:if(s!=j){z.next=35;break}return y=!0,M[j]=d[p],z.abrupt("continue",14);case 35:if(y){z.next=38;break}return M[j]=d[j],z.abrupt("continue",14);case 38:p==j&&(y=!1),M[j]=d[u[u.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.Z)(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,E.jsx)("div",{style:{display:"flex",width:"100%",position:"relative"},children:(0,E.jsx)(s.Z5,{onDragEnd:g,children:(0,E.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:j,direction:"horizontal",children:function children(e,i){return(0,E.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,E.jsx)(s._l,{index:i,draggableId:e,isDragDisabled:j,children:M((function(i){return(0,E.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,E.jsx)("div",DragAndDropOptions_objectSpread({className:z.q},i.dragHandleProps)),(0,E.jsx)(k,{currentProuduct:c,groups:t,groupKey:e,posOfOpt:d,setCurProduct:n,variants:r})]}))}))},e)})),e.placeholder]}))}})})})}},4831:(e,t,r)=>{r.d(t,{Z:()=>l,q:()=>M});var n=r(8081),i=r.n(n),o=r(3645),c=r.n(o),a=r(1667),u=r.n(a),s=new URL(r(8133),r.b),d=c()(i()),p=u()(s);d.push([e.id,".index-module--dt7FX {\n  width: 100%;\n  height: 20px;\n  background: center / 50% no-repeat url("+p+");\n}\n",""]);var M="index-module--dt7FX";const l=d},8133:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgY2xhc3M9InN2Zy1pY29uIiBzdHlsZT0id2lkdGg6IDFlbTsgaGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjE5LjQyODU3MSA1ODUuMTQyODU3Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4LTE0Ni4yODU3MTRjMzYuNTcxNDI5IDAgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3cy0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTggNzMuMTQyODU3IDM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU4IDczLjE0Mjg1N3pNMjE5LjQyODU3MSAyOTIuNTcxNDI5Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4IDI5Mi41NzE0MjhjLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU4IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1OCA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3pNNTEyIDI5Mi41NzE0MjljLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU3IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3ogbTAgMjkyLjU3MTQyOGMtMzYuNTcxNDI5IDAtNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTcgNzMuMTQyODU3czM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTctMzYuNTcxNDI5IDczLjE0Mjg1Ny03My4xNDI4NTctMzYuNTcxNDI5LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3eiIgIC8+PC9zdmc+"}}]);