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

package/build/cjs/index.js

@@ -93,8 +93,8 @@ var NothingFound = function NothingFound(props) {
 };
 
 var _excluded = ["productState", "onClickFunction", "curProductId", "galleryConfig", "groupVariantsByField"];
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Products = function Products(_ref) {
   var _ref$productState = _ref.productState,
     loading = _ref$productState.loading,
@@ -131,13 +131,13 @@ var Products = function Products(_ref) {
       onClickFunction(product);
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$3(_objectSpread$3({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$4(_objectSpread$4({}, props), {}, {
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: classNames__default["default"](productsGrid, isMobile ? isMobileClass : undefined),
       children: [groups.map(function (group, i) {
         return /*#__PURE__*/jsxRuntime.jsx(contentBox.ContentBoxComponent, {
           settings: {
-            contentBoxProps: _objectSpread$3({
+            contentBoxProps: _objectSpread$4({
               type: 'ProductGallery',
               products: group.items,
               groupVariantsByField: groupVariantsByField !== null && groupVariantsByField !== void 0 ? groupVariantsByField : ['dc_color', 'dc_mainColor'],
@@ -327,6 +327,49 @@ function initFilterParams() {
   return initFilter;
 }
 
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+/**
+ * Appends a page of the token-paged list to the loaded groups. A family that is already loaded keeps its position
+ * and only receives the variants it did not have yet: a family reappears on a later page when a further matching
+ * variant of it sorts after the page boundary.
+ */
+function mergeGroups(loaded, page) {
+  var byId = new Map(loaded.map(function (group) {
+    return [group._id, group];
+  }));
+  var _iterator = _createForOfIteratorHelper(page),
+    _step;
+  try {
+    var _loop = function _loop() {
+      var group = _step.value;
+      var known = byId.get(group._id);
+      if (!known) {
+        byId.set(group._id, group);
+        return 1; // continue
+      }
+      var knownItemIds = new Set(known.items.map(function (item) {
+        return item._id;
+      }));
+      byId.set(group._id, _objectSpread$3(_objectSpread$3({}, known), {}, {
+        items: known.items.concat(group.items.filter(function (item) {
+          return !knownItemIds.has(item._id);
+        }))
+      }));
+    };
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      if (_loop()) continue;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return Array.from(byId.values());
+}
 function useProductState(_ref) {
   var parameters = _ref.parameters,
     sort = _ref.sort,
@@ -362,21 +405,18 @@ function useProductState(_ref) {
     _useState10 = _slicedToArray__default["default"](_useState9, 2),
     categoryKey = _useState10[0],
     setCategoryKey = _useState10[1]; // if this key changes to category changed -> Warengruppe -> the facette filter - state should be destroyed and started empty
-  var _useState11 = react.useState(0),
+  // `next` of the last loaded page: the token of the page after it, undefined before the first page and once the list ended
+  var _useState11 = react.useState(),
     _useState12 = _slicedToArray__default["default"](_useState11, 2),
-    page = _useState12[0],
-    setPage = _useState12[1];
+    next = _useState12[0],
+    setNext = _useState12[1];
   var _useState13 = react.useState(true),
     _useState14 = _slicedToArray__default["default"](_useState13, 2),
     loading = _useState14[0],
     setLoadProducts = _useState14[1];
-  var _useState15 = react.useState(0),
-    _useState16 = _slicedToArray__default["default"](_useState15, 2),
-    total = _useState16[0],
-    setTotal = _useState16[1];
   var INCREMENT = isMobile && isPortrait ? 6 : 50;
   var abortControlerRef = react.useRef();
-  var loadProducts = react.useCallback(function (page, currentFilter, currentSearch, onInitialized) {
+  var loadProducts = react.useCallback(function (after, currentFilter, currentSearch, onInitialized) {
     var _abortControlerRef$cu;
     if (!noFilter && (!Object.values(currentFilter).length || forcedFilter && !currentFilter[forcedFilter])) {
       return;
@@ -384,7 +424,7 @@ function useProductState(_ref) {
     setLoadProducts(true);
     if (disabled) {
       setGroups([]);
-      setTotal(0);
+      setNext(undefined);
       setFacets({});
       setLoadProducts(false);
       onInitialized === null || onInitialized === void 0 || onInitialized(true);
@@ -394,62 +434,58 @@ function useProductState(_ref) {
     //abort previous request
     (_abortControlerRef$cu = abortControlerRef.current) === null || _abortControlerRef$cu === void 0 || _abortControlerRef$cu.abort();
     abortControlerRef.current = new AbortController();
-    var resetData = page == 0;
-    var skip = resetData ? 0 : groups.length;
-    var limit = INCREMENT + (resetData ? 0 : page * INCREMENT - groups.length);
     var filterObject = getFilterObjectQuery(currentFilter, currentSearch);
     productHandler.apiLoadProductVariantsGrouped({
-      limit: limit,
-      skip: skip,
+      limit: INCREMENT,
+      after: after,
       sort: sort,
       search: filterObject,
       favorites: favorites,
       abortController: abortControlerRef.current
     }).then(function (result) {
-      var _result$facet;
-      if (resetData) setGroups(result.data);else setGroups(function (currentGroups) {
-        return currentGroups.concat(result.data);
+      setGroups(function (currentGroups) {
+        return after ? mergeGroups(currentGroups, result.data) : result.data;
       });
-      setTotal(result.total);
-      setFacets((_result$facet = result.facet) !== null && _result$facet !== void 0 ? _result$facet : {});
+      setNext(result.next);
       setLoadProducts(false);
       onInitialized === null || onInitialized === void 0 || onInitialized(result.data.length == 0);
     })["catch"](function (err) {
       if (err !== 'Request cancelled') {
+        // a failed page must not block the next scroll from retrying it; a cancelled one has a successor in flight
+        setLoadProducts(false);
         throw err;
       }
     });
-  }, [groups]);
+  }, [productHandler, sort, favorites, disabled, noFilter, forcedFilter, INCREMENT]);
   var setNewFilter = react.useCallback(function (newFilter) {
     if (JSON.stringify(filter) == JSON.stringify(newFilter)) return;
-    setPage(0);
     scroller === null || scroller === void 0 || scroller.scrollTo({
       top: 0,
       behavior: 'smooth'
     });
     setFilter(newFilter);
-    loadProducts(0, newFilter, search);
+    loadProducts(undefined, newFilter, search);
   }, [filter, search, loadProducts]);
   var setNewSearch = react.useCallback(function (newSearch) {
     if (search == newSearch) return;
-    setPage(0);
     scroller === null || scroller === void 0 || scroller.scrollTo({
       top: 0,
       behavior: 'smooth'
     });
     setSearch(newSearch);
-    loadProducts(0, filter, newSearch);
+    loadProducts(undefined, filter, newSearch);
   }, [filter, search, loadProducts]);
   var nextPage = react.useCallback(function () {
-    setPage(page + 1);
-    loadProducts(page + 1, filter, search);
-  }, [page, filter, search, loadProducts]);
+    // a page in flight already carries this token; requesting it again would only abort and repeat that request
+    if (!next || loading) return;
+    loadProducts(next, filter, search);
+  }, [next, loading, filter, search, loadProducts]);
   var hasNext = react.useCallback(function () {
-    return total > groups.length && total > (page - 1) * INCREMENT;
-  }, [total, groups, page]);
+    return !!next;
+  }, [next]);
   var resetPage = react.useCallback(function () {
-    setPage(0);
     setGroups([]);
+    setNext(undefined);
     scroller === null || scroller === void 0 || scroller.scrollTo({
       top: 0,
       behavior: 'smooth'
@@ -475,7 +511,7 @@ function useProductState(_ref) {
     };
   }(), 50), [hasNext, nextPage]);
   react.useEffect(function () {
-    loadProducts(0, filter, search, onInitialized);
+    loadProducts(undefined, filter, search, onInitialized);
   }, []);
   react.useEffect(function () {
     if (!scroller) return;

package/build/esm/index.js

@@ -77,8 +77,8 @@ var NothingFound = function NothingFound(props) {
 };
 
 var _excluded = ["productState", "onClickFunction", "curProductId", "galleryConfig", "groupVariantsByField"];
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Products = function Products(_ref) {
   var _ref$productState = _ref.productState,
     loading = _ref$productState.loading,
@@ -115,13 +115,13 @@ var Products = function Products(_ref) {
       onClickFunction(product);
     }
   };
-  return /*#__PURE__*/jsx("div", _objectSpread$3(_objectSpread$3({}, props), {}, {
+  return /*#__PURE__*/jsx("div", _objectSpread$4(_objectSpread$4({}, props), {}, {
     children: /*#__PURE__*/jsxs("div", {
       className: classNames(productsGrid, isMobile ? isMobileClass : undefined),
       children: [groups.map(function (group, i) {
         return /*#__PURE__*/jsx(ContentBoxComponent, {
           settings: {
-            contentBoxProps: _objectSpread$3({
+            contentBoxProps: _objectSpread$4({
               type: 'ProductGallery',
               products: group.items,
               groupVariantsByField: groupVariantsByField !== null && groupVariantsByField !== void 0 ? groupVariantsByField : ['dc_color', 'dc_mainColor'],
@@ -311,6 +311,49 @@ function initFilterParams() {
   return initFilter;
 }
 
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+/**
+ * Appends a page of the token-paged list to the loaded groups. A family that is already loaded keeps its position
+ * and only receives the variants it did not have yet: a family reappears on a later page when a further matching
+ * variant of it sorts after the page boundary.
+ */
+function mergeGroups(loaded, page) {
+  var byId = new Map(loaded.map(function (group) {
+    return [group._id, group];
+  }));
+  var _iterator = _createForOfIteratorHelper(page),
+    _step;
+  try {
+    var _loop = function _loop() {
+      var group = _step.value;
+      var known = byId.get(group._id);
+      if (!known) {
+        byId.set(group._id, group);
+        return 1; // continue
+      }
+      var knownItemIds = new Set(known.items.map(function (item) {
+        return item._id;
+      }));
+      byId.set(group._id, _objectSpread$3(_objectSpread$3({}, known), {}, {
+        items: known.items.concat(group.items.filter(function (item) {
+          return !knownItemIds.has(item._id);
+        }))
+      }));
+    };
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      if (_loop()) continue;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return Array.from(byId.values());
+}
 function useProductState(_ref) {
   var parameters = _ref.parameters,
     sort = _ref.sort,
@@ -346,21 +389,18 @@ function useProductState(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     categoryKey = _useState10[0],
     setCategoryKey = _useState10[1]; // if this key changes to category changed -> Warengruppe -> the facette filter - state should be destroyed and started empty
-  var _useState11 = useState(0),
+  // `next` of the last loaded page: the token of the page after it, undefined before the first page and once the list ended
+  var _useState11 = useState(),
     _useState12 = _slicedToArray(_useState11, 2),
-    page = _useState12[0],
-    setPage = _useState12[1];
+    next = _useState12[0],
+    setNext = _useState12[1];
   var _useState13 = useState(true),
     _useState14 = _slicedToArray(_useState13, 2),
     loading = _useState14[0],
     setLoadProducts = _useState14[1];
-  var _useState15 = useState(0),
-    _useState16 = _slicedToArray(_useState15, 2),
-    total = _useState16[0],
-    setTotal = _useState16[1];
   var INCREMENT = isMobile && isPortrait ? 6 : 50;
   var abortControlerRef = useRef();
-  var loadProducts = useCallback(function (page, currentFilter, currentSearch, onInitialized) {
+  var loadProducts = useCallback(function (after, currentFilter, currentSearch, onInitialized) {
     var _abortControlerRef$cu;
     if (!noFilter && (!Object.values(currentFilter).length || forcedFilter && !currentFilter[forcedFilter])) {
       return;
@@ -368,7 +408,7 @@ function useProductState(_ref) {
     setLoadProducts(true);
     if (disabled) {
       setGroups([]);
-      setTotal(0);
+      setNext(undefined);
       setFacets({});
       setLoadProducts(false);
       onInitialized === null || onInitialized === void 0 || onInitialized(true);
@@ -378,62 +418,58 @@ function useProductState(_ref) {
     //abort previous request
     (_abortControlerRef$cu = abortControlerRef.current) === null || _abortControlerRef$cu === void 0 || _abortControlerRef$cu.abort();
     abortControlerRef.current = new AbortController();
-    var resetData = page == 0;
-    var skip = resetData ? 0 : groups.length;
-    var limit = INCREMENT + (resetData ? 0 : page * INCREMENT - groups.length);
     var filterObject = getFilterObjectQuery(currentFilter, currentSearch);
     productHandler.apiLoadProductVariantsGrouped({
-      limit: limit,
-      skip: skip,
+      limit: INCREMENT,
+      after: after,
       sort: sort,
       search: filterObject,
       favorites: favorites,
       abortController: abortControlerRef.current
     }).then(function (result) {
-      var _result$facet;
-      if (resetData) setGroups(result.data);else setGroups(function (currentGroups) {
-        return currentGroups.concat(result.data);
+      setGroups(function (currentGroups) {
+        return after ? mergeGroups(currentGroups, result.data) : result.data;
       });
-      setTotal(result.total);
-      setFacets((_result$facet = result.facet) !== null && _result$facet !== void 0 ? _result$facet : {});
+      setNext(result.next);
       setLoadProducts(false);
       onInitialized === null || onInitialized === void 0 || onInitialized(result.data.length == 0);
     })["catch"](function (err) {
       if (err !== 'Request cancelled') {
+        // a failed page must not block the next scroll from retrying it; a cancelled one has a successor in flight
+        setLoadProducts(false);
         throw err;
       }
     });
-  }, [groups]);
+  }, [productHandler, sort, favorites, disabled, noFilter, forcedFilter, INCREMENT]);
   var setNewFilter = useCallback(function (newFilter) {
     if (JSON.stringify(filter) == JSON.stringify(newFilter)) return;
-    setPage(0);
     scroller === null || scroller === void 0 || scroller.scrollTo({
       top: 0,
       behavior: 'smooth'
     });
     setFilter(newFilter);
-    loadProducts(0, newFilter, search);
+    loadProducts(undefined, newFilter, search);
   }, [filter, search, loadProducts]);
   var setNewSearch = useCallback(function (newSearch) {
     if (search == newSearch) return;
-    setPage(0);
     scroller === null || scroller === void 0 || scroller.scrollTo({
       top: 0,
       behavior: 'smooth'
     });
     setSearch(newSearch);
-    loadProducts(0, filter, newSearch);
+    loadProducts(undefined, filter, newSearch);
   }, [filter, search, loadProducts]);
   var nextPage = useCallback(function () {
-    setPage(page + 1);
-    loadProducts(page + 1, filter, search);
-  }, [page, filter, search, loadProducts]);
+    // a page in flight already carries this token; requesting it again would only abort and repeat that request
+    if (!next || loading) return;
+    loadProducts(next, filter, search);
+  }, [next, loading, filter, search, loadProducts]);
   var hasNext = useCallback(function () {
-    return total > groups.length && total > (page - 1) * INCREMENT;
-  }, [total, groups, page]);
+    return !!next;
+  }, [next]);
   var resetPage = useCallback(function () {
-    setPage(0);
     setGroups([]);
+    setNext(undefined);
     scroller === null || scroller === void 0 || scroller.scrollTo({
       top: 0,
       behavior: 'smooth'
@@ -459,7 +495,7 @@ function useProductState(_ref) {
     };
   }(), 50), [hasNext, nextPage]);
   useEffect(function () {
-    loadProducts(0, filter, search, onInitialized);
+    loadProducts(undefined, filter, search, onInitialized);
   }, []);
   useEffect(function () {
     if (!scroller) return;

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;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"}
+{"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;AAqBD,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,CAyInC"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useProductState.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProductState.test.d.ts","sourceRoot":"","sources":["../../../../../src/tests/useProductState.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+/*! For license information please see 292.products-component.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[292,599],{4599:(n,e,i)=>{i.r(e),i.d(e,{default:()=>C});var t=i(4988),a=i(7363),r=i(4538),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),x=i(8195),v={};v.styleTagTransform=D(),v.setAttributes=M(),v.insert=l().bind(null,"head"),v.domAPI=I(),v.insertStyleElement=u();s()(x.ZP,v);x.ZP&&x.ZP.locals&&x.ZP.locals;var p=i(2182),w=i(7514);const C=function ArViewer(n){var e,i,o,s,d=n.url,I=n.qrCodeUrl,g=n.cameraArButton,l=n.viewerClassName,c=n.arViewerSettings,M=n.isCurrentlyVisible,m="",u=(0,r.Vr)(),A=u.actions,D=u.state,v=D.isFirefox,C=D.isMobile,h=(0,r.$G)().t,N=(0,a.useState)(0),T=(0,t.Z)(N,2),y=T[0],b=T[1],z=(0,a.useState)(!C),S=(0,t.Z)(z,2),f=S[0],j=S[1];return(0,a.useEffect)((function(){A.loadModelViewer()}),[]),g&&(m+="scene-viewer quick-look"),(0,w.jsxs)(w.Fragment,{children:[f&&!1!==M&&I&&(0,w.jsxs)("div",{className:x.GY,children:[(0,w.jsx)(p.ZP,{value:I,className:x.Vf}),(0,w.jsx)("div",{className:x.ze,children:h("pdp.ar.qrtext")}),(0,w.jsx)("div",{className:x.zJ,id:"arThumbnailImg",onClick:function onClick(){return j(!1)}})]}),(0,w.jsx)("model-viewer",{src:d,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!==(o=null==c?void 0:c[y].exposure)&&void 0!==o?o:1,useEnvironmentasSkybox:null!==(s=null==c?void 0:c[y].useEnvironmentasSkybox)&&void 0!==s&&s,"camera-controls":!0,ar:!0,"ar-modes":v?"":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(n){return function onArViewerSettingsChanged(n){b(parseInt(n.target.value))}(n)},children:c.map((function(n,e){return(0,w.jsx)("option",{value:e,children:n.name},e)}))})]})}},7292:(n,e,i)=>{i.r(e),i.d(e,{default:()=>j});var t=i(4658),a=i(4988),r=i(747),o=i.n(r),s=i(4538),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),x=i(9216),v=i.n(x),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=v();l()(C.ZP,h);C.ZP&&C.ZP.locals&&C.ZP.locals;var N=i(5515),T=i.n(N),y=i(4599),b=i(7514),z=function(){var n=(0,t.Z)(o().mark((function _callee(n,e){return o().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise((function(e){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=n,i.onload=e,document.body.appendChild(i)})));case 1:case"end":return e.stop()}}),_callee)})));return function loadSirv(e,i){return n.apply(this,arguments)}}(),S=function getMediaItem(n,e,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(e){return n.url.includes(e)})),d=f(n);switch(n.mediaType){case"VID":case"PCT":case void 0:try{var I=new URL(n.url);return t&&(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"==n.functionType||"ART"==n.functionType?"mode:deep":void 0,"data-type":"PCT"==n.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(n){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:n.url,arViewerSettings:n.arViewerSettings,qrCodeUrl:o?o+"/arViewer?arMedia="+(null!==(a=n.shortUrl)&&void 0!==a?a:n.url):void 0,type:"ArViewer",cameraArButton:!0,isCurrentlyVisible:i===e}),d]},e)}return(0,b.jsx)(b.Fragment,{})},f=function getThumb(n){var e=n.thumb;return"string"==typeof e?(0,b.jsx)("smv-thumbnail",{children:(0,b.jsx)("img",{src:e},e)}):I().isValidElement(e)?(0,b.jsx)("smv-thumbnail",{children:e}):"AR"===n.mediaType?(0,b.jsx)("smv-thumbnail",{id:"thumbnail",children:(0,b.jsx)("div",{className:C.fW})}):void 0};const j=function MediaViewer(n){var e=n.medias,t=n.mediaIds,r=n.itemKey,o=void 0===r?"MediaViewer":r,I=n.onLandscapeOptions,g=n.defaultDataOptions,l=n.currentItem,c=void 0===l?0:l,M=n.showRotationIconInFullscreen,m=n.setCurrentItem,u=n.keepOldZoomIcons,A=((0,d.useMemo)((function(){return(0,s.jl)("MediaViewer","ContentBox")}),[]),(0,d.useState)(e)),D=(0,a.Z)(A,2),x=D[0],v=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(){v(e)}),[e]),(0,d.useEffect)((function(){u||i.e(145).then(i.bind(i,4145))}),[]),(0,d.useEffect)((function(){var n;null!=t&&t.length&&JSON.stringify(t)!==JSON.stringify(null!==(n=null==x?void 0:x.map((function(n){return n._id})))&&void 0!==n?n:[])&&R.getMediaByIds(t).then((function(n){v(n)}))}),[t]);var U=function fullscreenIn(){if(M&&j&&f&&E<500){var n=document.getElementsByClassName("smv-fullscreen-box")[0];if(n){var e=document.createElement("div");e.className=C.AH,n.appendChild(e)}}},Q=function onSpinReady(n){null==m||m(n.index)},Y=function subscribeToEvents(){var n=window.Sirv;n.on("viewer:afterSlideIn",Q),n.on("viewer:fullscreenIn",U)};(0,d.useEffect)((function(){var n=window;return n.Sirv?Y():z("zoom, spin, video",x).then((function(){Y(),n.Sirv.start()})),function(){var e=n.Sirv;e&&(e.off("viewer:afterSlideIn",Q),e.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==x?void 0:x.map((function(n,e){return S(n,e,c,j&&!L,O,Z)}))},w)}},8195:(n,e,i)=>{i.d(e,{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([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("+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:(n,e,i)=>{i.d(e,{AH:()=>x,QH:()=>A,ZP:()=>v,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([n.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",x="index-module--_m700";const v=c},8132:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKIHdpZHRoPSIyNTAuMDAwMDAwcHQiIGhlaWdodD0iMjUwLjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMjUwLjAwMDAwMCAyNTAuMDAwMDAwIgogcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMjUwLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKICBmaWxsPSIjMDAwMDAwIiBzdHJva2U9Im5vbmUiPgogIDxwYXRoIGQ9Ik02NDIgMjA0NyBsLTMyIC0zMyAwIC03NjUgMCAtNzY1IDMzIC0zMiAzMyAtMzIgMzg1IDAgMzg1IDAgMzIgMzMKICAzMiAzMyAwIDc2NSAwIDc2NSAtMzMgMzIgLTMzIDMyIC0zODUgMCAtMzg1IDAgLTMyIC0zM3ogbTEzNiAtNjQgYzYgLTU3IDExCiAgLTU4IDI4MiAtNTggMjc0IDAgMjgwIDEgMjgwIDYyIDAgMzQgMSAzNCAzMyAyOCAxNyAtNCAzOCAtMTMgNDYgLTIwIDI2IC0yNQogIDMyIC0yMDIgMjkgLTgzMyBsLTMgLTYzNCAtMjQgLTE5IGMtMjIgLTE4IC00MyAtMTkgLTM2MSAtMTkgLTMxOCAwIC0zMzkgMQogIC0zNjEgMTkgbC0yNCAxOSAtMyA2OTQgYy0yIDM4MSAwIDcwOCAzIDcyNiA0IDIzIDE2IDM5IDM4IDUzIDQzIDI2IDYxIDIxIDY1CiAgLTE4eiIvPgogIDxwYXRoIGQ9Ik0xMTUzIDE2MjkgbC0yMTMgLTEyMSAwIC0zMjEgMCAtMzIyIDk3IC01NSBjMjU1IC0xNDUgMzM3IC0xODkgMzQ1CiAgLTE4NCA0IDMgOCAxOSA4IDM1IDAgMzMgLTUgMzcgLTI0NSAxODIgbC0xMjAgNzIgLTMgMjQ4IGMtMSAxMzYgMCAyNDcgMiAyNDcKICAyIDAgNzQgLTQwIDE1OSAtOTAgODYgLTQ5IDE2NiAtOTEgMTc5IC05MiAyMCAtMyAyMyAxIDIzIDMxIDAgMzMgLTMgMzYgLTE1NwogIDEyNSAtODcgNTAgLTE1OCA5NCAtMTU4IDk4IDAgMyA2NCA0NCAxNDIgODkgNzggNDYgMTUwIDkxIDE2MCAxMDEgMjEgMjEgMjUKICA3OCA2IDc4IC03IDAgLTEwOSAtNTUgLTIyNSAtMTIxeiIvPgogIDxwYXRoIGQ9Ik0xNTgwIDE3MjYgYzAgLTIxIDcgLTQzIDE4IC01NCAxMCAtMTAgODMgLTU2IDE2MyAtMTAyIDc5IC00NSAxNDUKICAtODQgMTQ3IC04NSAyIC0xIC02MSAtNDAgLTE0MCAtODUgLTE2NSAtOTUgLTE4OCAtMTE0IC0xODggLTE1MCAwIC01MiAtNCAtNTQKICAyMTggNzYgNzkgNDYgMTQ1IDg0IDE0OCA4NCAyIDAgMyAtMTExIDIgLTI0NyBsLTMgLTI0OCAtMTIwIC03MiBjLTI0MCAtMTQ1CiAgLTI0NSAtMTQ5IC0yNDUgLTE4MiAwIC0xNiA0IC0zMiA4IC0zNSA4IC01IDg3IDM3IDM0NSAxODQgbDk3IDU1IC0yIDMyMyAtMwogIDMyNCAtMTYwIDkwIGMtODggNDkgLTE4OCAxMDYgLTIyMiAxMjUgbC02MyAzNSAwIC0zNnoiLz4KICA8L2c+Cjwvc3ZnPg=="},6354:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3IDcuMDAwMDJMMTcgMS4wMDAwNEwxMSAxLjAwMDA0TTAuOTk5OTYzIDExTDAuOTk5OTYzIDE3TDYuOTk5OTggMTciIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K"},4336:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTkiIHk9IjkiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxNSIgcng9IjMiIHRyYW5zZm9ybT0icm90YXRlKDkwIDE5IDkpIiBzdHJva2U9IiM0RjRGNEYiIHN0cm9rZS13aWR0aD0iMS4yIi8+CjxwYXRoIGQ9Ik0xIDE3LjAwMDlMMSA0LjAwMDg1QzEgMi4zNDQgMi4zNDMxNSAxLjAwMDg1IDQgMS4wMDA4NUw4IDEuMDAwODVDOS42NTY4NSAxLjAwMDg1IDExIDIuMzQ0IDExIDQuMDAwODVMMTEgOS4wMDA4NSIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNyA2LjAwMDg1QzE3IDMuNzkxNzIgMTUuMjA5MSAyLjAwMDg1IDEzIDIuMDAwODUiIHN0cm9rZT0iIzRGNEY0RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNSA1LjAwMDg0TDE3IDYuOTQ2MTdMMTkgNS4wMDA4MiIgc3Ryb2tlPSIjNEY0RjRGIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg=="},140:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNi45OTk5OCAxLjEzNDc3TDEgNy4xMzQ3NU02Ljk5OTk4IDcuMTM0NzdMMSAxLjEzNDc5IiBzdHJva2U9IiNCNkI2QjciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);

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

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

package/build/umd/{388.products-component.umd.min.js → 402.products-component.umd.min.js}

@@ -1,2 +1,2 @@
-/*! For license information please see 388.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[388],{5388:(e,t,o)=>{o.r(t),o.d(t,{default:()=>ModalsWrapper});var n=o(7363),r=o(9420),i=o(3183),a=o(887),l=o(7726),s=o(1104),d=o(6659),c=o(4299),p=o(6809),u=o(4754),m=o(8077),g=o(8685),x=o(3086);function getDialogUtilityClass(e){return(0,x.ZP)("MuiDialog",e)}const h=(0,g.Z)("MuiDialog",["root","backdrop","scrollPaper","scrollBody","container","paper","paperScrollPaper","paperScrollBody","paperWidthFalse","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl","paperFullWidth","paperFullScreen"]);const v=n.createContext({});var f=o(3560),y=o(5230),b=o(878),w=o(659),Z=o(3144),k=o(6751),S=o(4014),P=o(7514);const C=(0,y.ZP)(f.Z,{name:"MuiDialog",slot:"Backdrop"})({zIndex:-1}),D=(0,y.ZP)(p.Z,{name:"MuiDialog",slot:"Root"})({"@media print":{position:"absolute !important"}}),j=(0,y.ZP)("div",{name:"MuiDialog",slot:"Container",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.container,t[`scroll${(0,c.Z)(o.scroll)}`]]}})({height:"100%","@media print":{height:"auto"},outline:0,variants:[{props:{scroll:"paper"},style:{display:"flex",justifyContent:"center",alignItems:"center"}},{props:{scroll:"body"},style:{overflowY:"auto",overflowX:"hidden",textAlign:"center","&::after":{content:'""',display:"inline-block",verticalAlign:"middle",height:"100%",width:"0"}}}]}),M=(0,y.ZP)(m.Z,{name:"MuiDialog",slot:"Paper",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.paper,t[`scrollPaper${(0,c.Z)(o.scroll)}`],t[`paperWidth${(0,c.Z)(String(o.maxWidth))}`],o.fullWidth&&t.paperFullWidth,o.fullScreen&&t.paperFullScreen]}})((0,w.Z)((({theme:e})=>({margin:32,position:"relative",overflowY:"auto","@media print":{overflowY:"visible",boxShadow:"none"},variants:[{props:{scroll:"paper"},style:{display:"flex",flexDirection:"column",maxHeight:"calc(100% - 64px)"}},{props:{scroll:"body"},style:{display:"inline-block",verticalAlign:"middle",textAlign:"initial"}},{props:({ownerState:e})=>!e.maxWidth,style:{maxWidth:"calc(100% - 64px)"}},{props:{maxWidth:"xs"},style:{maxWidth:"px"===e.breakpoints.unit?Math.max(e.breakpoints.values.xs,444):`max(${e.breakpoints.values.xs}${e.breakpoints.unit}, 444px)`,[`&.${h.paperScrollBody}`]:{[e.breakpoints.down(Math.max(e.breakpoints.values.xs,444)+64)]:{maxWidth:"calc(100% - 64px)"}}}},...Object.keys(e.breakpoints.values).filter((e=>"xs"!==e)).map((t=>({props:{maxWidth:t},style:{maxWidth:`${e.breakpoints.values[t]}${e.breakpoints.unit}`,[`&.${h.paperScrollBody}`]:{[e.breakpoints.down(e.breakpoints.values[t]+64)]:{maxWidth:"calc(100% - 64px)"}}}}))),{props:({ownerState:e})=>e.fullWidth,style:{width:"calc(100% - 64px)"}},{props:({ownerState:e})=>e.fullScreen,style:{margin:0,width:"100%",maxWidth:"100%",height:"100%",maxHeight:"none",borderRadius:0,[`&.${h.paperScrollBody}`]:{margin:0,maxWidth:"100%"}}}]})))),W=n.forwardRef((function Dialog(e,t){const o=(0,Z.i)({props:e,name:"MuiDialog"}),r=(0,b.Z)(),i={enter:r.transitions.duration.enteringScreen,exit:r.transitions.duration.leavingScreen},{"aria-describedby":a,"aria-labelledby":p,"aria-modal":g=!0,BackdropComponent:x,BackdropProps:h,children:f,className:y,disableEscapeKeyDown:w=!1,fullScreen:W=!1,fullWidth:T=!1,maxWidth:F="sm",onClick:R,onClose:N,open:A,PaperComponent:I=m.Z,PaperProps:$={},role:B="dialog",scroll:E="paper",slots:U={},slotProps:z={},TransitionComponent:O=u.Z,transitionDuration:Y=i,TransitionProps:_,...H}=o,L={...o,disableEscapeKeyDown:w,fullScreen:W,fullWidth:T,maxWidth:F,scroll:E},X=(e=>{const{classes:t,scroll:o,maxWidth:n,fullWidth:r,fullScreen:i}=e,a={root:["root"],backdrop:["backdrop"],container:["container",`scroll${(0,c.Z)(o)}`],paper:["paper",`paperScroll${(0,c.Z)(o)}`,`paperWidth${(0,c.Z)(String(n))}`,r&&"paperFullWidth",i&&"paperFullScreen"]};return(0,s.Z)(a,getDialogUtilityClass,t)})(L),K=n.useRef(),J=(0,d.Z)(p),G=n.useMemo((()=>({titleId:J})),[J]),q={slots:{transition:O,...U},slotProps:{transition:_,paper:$,backdrop:h,...z}},[Q,V]=(0,k.Z)("root",{elementType:D,shouldForwardComponentProp:!0,externalForwardedProps:q,ownerState:L,className:(0,l.Z)(X.root,y),ref:t}),[ee,te]=(0,k.Z)("backdrop",{elementType:C,shouldForwardComponentProp:!0,externalForwardedProps:q,ownerState:L,className:X.backdrop}),[oe,ne]=(0,k.Z)("paper",{elementType:M,shouldForwardComponentProp:!0,externalForwardedProps:q,ownerState:L,className:X.paper,additionalProps:{elevation:24,role:B,"aria-describedby":a,"aria-labelledby":J,"aria-modal":g,tabIndex:-1,[S.O]:""}}),[re,ie]=(0,k.Z)("container",{elementType:j,externalForwardedProps:q,ownerState:L,className:X.container}),[ae,le]=(0,k.Z)("transition",{elementType:u.Z,externalForwardedProps:q,ownerState:L,additionalProps:{appear:!0,in:A,timeout:Y,role:"presentation"}});return(0,P.jsx)(Q,{closeAfterTransition:!0,slots:{backdrop:ee},slotProps:{backdrop:{transitionDuration:Y,as:x,...te}},disableEscapeKeyDown:w,onClose:N,open:A,onClick:e=>{R&&R(e),K.current&&(K.current=null,N&&N(e,"backdropClick"))},...V,...H,children:(0,P.jsx)(ae,{...le,children:(0,P.jsx)(re,{onMouseDown:e=>{K.current=e.target===e.currentTarget},...ie,children:(0,P.jsx)(oe,{as:I,...ne,children:(0,P.jsx)(v.Provider,{value:G,children:f})})})})})}));function getDialogActionsUtilityClass(e){return(0,x.ZP)("MuiDialogActions",e)}(0,g.Z)("MuiDialogActions",["root","spacing"]);const T=(0,y.ZP)("div",{name:"MuiDialogActions",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,!o.disableSpacing&&t.spacing]}})({display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",flex:"0 0 auto",variants:[{props:({ownerState:e})=>!e.disableSpacing,style:{"& > :not(style) ~ :not(style)":{marginLeft:8}}}]}),F=n.forwardRef((function DialogActions(e,t){const o=(0,Z.i)({props:e,name:"MuiDialogActions"}),{className:n,disableSpacing:r=!1,...i}=o,a={...o,disableSpacing:r},d=(e=>{const{classes:t,disableSpacing:o}=e,n={root:["root",!o&&"spacing"]};return(0,s.Z)(n,getDialogActionsUtilityClass,t)})(a);return(0,P.jsx)(T,{className:(0,l.Z)(d.root,n),ownerState:a,ref:t,...i})}));function getDialogContentUtilityClass(e){return(0,x.ZP)("MuiDialogContent",e)}(0,g.Z)("MuiDialogContent",["root","dividers"]);function getDialogTitleUtilityClass(e){return(0,x.ZP)("MuiDialogTitle",e)}const R=(0,g.Z)("MuiDialogTitle",["root"]),N=(0,y.ZP)("div",{name:"MuiDialogContent",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,o.dividers&&t.dividers]}})((0,w.Z)((({theme:e})=>({flex:"1 1 auto",WebkitOverflowScrolling:"touch",overflowY:"auto",padding:"20px 24px",variants:[{props:({ownerState:e})=>e.dividers,style:{padding:"16px 24px",borderTop:`1px solid ${(e.vars||e).palette.divider}`,borderBottom:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:e})=>!e.dividers,style:{[`.${R.root} + &`]:{paddingTop:0}}}]})))),A=n.forwardRef((function DialogContent(e,t){const o=(0,Z.i)({props:e,name:"MuiDialogContent"}),{className:n,dividers:r=!1,...i}=o,a={...o,dividers:r},d=(e=>{const{classes:t,dividers:o}=e,n={root:["root",o&&"dividers"]};return(0,s.Z)(n,getDialogContentUtilityClass,t)})(a);return(0,P.jsx)(N,{className:(0,l.Z)(d.root,n),ownerState:a,ref:t,...i})}));var I=o(9710),$=o(762);function getDialogContentTextUtilityClass(e){return(0,x.ZP)("MuiDialogContentText",e)}(0,g.Z)("MuiDialogContentText",["root"]);const B=(0,y.ZP)($.Z,{shouldForwardProp:e=>(0,I.Z)(e)||"classes"===e,name:"MuiDialogContentText",slot:"Root"})({}),E=n.forwardRef((function DialogContentText(e,t){const o=(0,Z.i)({props:e,name:"MuiDialogContentText"}),{children:n,className:r,...i}=o,a=(e=>{const{classes:t}=e,o=(0,s.Z)({root:["root"]},getDialogContentTextUtilityClass,t);return{...t,...o}})(i);return(0,P.jsx)(B,{component:"p",variant:"body1",color:"textSecondary",ref:t,ownerState:i,className:(0,l.Z)(a.root,r),...o,classes:a})})),U=(0,y.ZP)($.Z,{name:"MuiDialogTitle",slot:"Root"})({padding:"16px 24px",flex:"0 0 auto"}),z=n.forwardRef((function DialogTitle(e,t){const o=(0,Z.i)({props:e,name:"MuiDialogTitle"}),{className:r,id:i,...a}=o,d=o,c=(e=>{const{classes:t}=e;return(0,s.Z)({root:["root"]},getDialogTitleUtilityClass,t)})(d),{titleId:p=i}=n.useContext(v);return(0,P.jsx)(U,{component:"h2",className:(0,l.Z)(c.root,r),ownerState:d,ref:t,variant:"h6",id:i??p,...a})}));var O=o(3379),Y=o.n(O),_=o(7795),H=o.n(_),L=o(569),X=o.n(L),K=o(3565),J=o.n(K),G=o(9216),q=o.n(G),Q=o(4589),V=o.n(Q),ee=o(5297),te={};te.styleTagTransform=V(),te.setAttributes=J(),te.insert=X().bind(null,"head"),te.domAPI=H(),te.insertStyleElement=q();Y()(ee.Z,te);ee.Z&&ee.Z.locals&&ee.Z.locals;var oe=o(1678),ne=o(5054),re={};re.styleTagTransform=V(),re.setAttributes=J(),re.insert=X().bind(null,"head"),re.domAPI=H(),re.insertStyleElement=q();Y()(ne.ZP,re);ne.ZP&&ne.ZP.locals&&ne.ZP.locals;const ie=(0,r.Pi)((function Progress(e){var t=e.children,o=e.progress,n=Math.max(0,Math.min(1,Number.isFinite(o)?o:0));return(0,P.jsxs)("div",{className:ne.YS,children:[!!t&&t,(0,P.jsx)("div",{className:ne.l9,children:(0,P.jsx)("div",{className:ne.YJ,style:{width:100*n+"%"},children:(0,P.jsx)("div",{className:ne.zn})})})]})}));var ae=o(6489),le=o(4494),se=o(8623);const de=(0,r.Pi)((function Modal_Modal(){var e,t,o=(0,i.KH)().contentStore,r=(0,oe.$G)().t,l=function onAccept(e){var t,n=o.modal;o.closeModal(),null==n||null===(t=n.callback)||void 0===t||t.call(n,!n.content||e)},s=function onReject(){var e,t=o.modal;o.closeModal(),null==t||null===(e=t.callback)||void 0===e||e.call(t,!1)};(0,n.useEffect)((function(){return document.addEventListener("keydown",d,!1),function(){document.removeEventListener("keydown",d,!1)}}),[]);var d=(0,n.useCallback)((function(e){if(o.modal)if("Enter"!==e.key||o.modal.doNotAcceptOnEnter)"ESC"!==e.key&&"Escape"!=e.key||(s(),e.preventDefault());else{var t=document.getElementById("diva-modal-form");if(!t)return;l(new FormData(t)),e.preventDefault()}}),[]);if(!o.modal)return(0,P.jsx)(P.Fragment,{});var c=(0,se.ZN)(o.modal),p="string"==typeof c.text?r(c.text):c.text,u=(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(A,{style:c.maxWidth?{maxWidth:c.maxWidth}:void 0,children:c.iFrame?(0,P.jsx)(IFrame,{link:c.iFrame}):"string"==typeof p&&null==c.content?(0,P.jsx)(E,{component:"div",dangerouslySetInnerHTML:{__html:function tryDecodeURIComponent(e){try{return decodeURIComponent(e)}catch(t){return e}}(p)}}):(0,P.jsxs)(E,{component:"div",children:[p,c.content&&o.modal.content]})}),(c.reject||c.accept)&&(0,P.jsxs)(F,{children:[c.reject&&(0,P.jsx)(a.Z,{color:"primary",onClick:s,children:"string"==typeof c.reject?r(c.reject):r("modal.reject")}),c.accept&&(0,P.jsx)(a.Z,{color:"primary",type:"submit",id:"diva-dialog-submitbtn",children:"string"==typeof c.accept?r(c.accept):r("modal.accept")})]}),!!(c.image||void 0!==c.progress||null!==(e=c.actions)&&void 0!==e&&e.length)&&(0,P.jsxs)("div",{style:{margin:10},children:[c.image&&(0,P.jsx)("img",{src:c.image,style:{maxWidth:480}}),void 0!==c.progress&&(0,P.jsx)(ie,{progress:c.progress}),null===(t=c.actions)||void 0===t?void 0:t.map((function(e){var t;return(0,P.jsx)(a.Z,{fullWidth:!0,style:{marginBottom:10},variant:null!==(t=e.variant)&&void 0!==t?t:"contained",color:"primary",onClick:function onClick(){return function onSelect(e,t){var n,r=o.modal;0!=t&&o.closeModal(),null==r||null===(n=r.callback)||void 0===n||n.call(r,e)}(e.id,e.closeable)},children:r(e.text)})}))]})]}),m=!0===c.fullscreen||"mobile"==c.fullscreen&&o.containerDimensions.isMobile;return(0,P.jsx)("div",{className:ee.I,id:"diva-dialog",children:(0,P.jsxs)(W,{open:!0,disablePortal:!0,hideBackdrop:!0,disableEnforceFocus:!0,style:{position:"absolute",zIndex:0},maxWidth:"lg",fullScreen:m,slotProps:{paper:{style:{width:c.width,height:c.height,outline:"none"}}},children:[(0,P.jsx)(z,{style:c.rejectByIcon?{paddingRight:56}:void 0,children:"string"==typeof c.title?r(c.title):c.title}),c.rejectByIcon&&(0,P.jsx)(ae.Z,{onClick:s,style:{position:"absolute",right:8,top:8,zIndex:1000001},size:"large",children:(0,P.jsx)(le.Z,{})}),c.dontRenderForm&&u,!c.dontRenderForm&&(0,P.jsx)("form",{id:"diva-modal-form",autoComplete:"off",onSubmit:function onSubmit(e){e.preventDefault(),l(new FormData(e.target))},children:u})]})})}));function IFrame(e){var t=e.link;return(0,P.jsx)("iframe",{style:{border:0,width:"100%",height:"99%"},src:t})}function ModalsWrapper(){return(0,P.jsx)(de,{})}},5297:(e,t,o)=>{o.d(t,{I:()=>l,Z:()=>s});var n=o(8081),r=o.n(n),i=o(3645),a=o.n(i)()(r());a.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: 14500;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n",""]);var l="index-module--AtOcs";const s=a},5054:(e,t,o)=>{o.d(t,{YJ:()=>d,YS:()=>l,ZP:()=>p,l9:()=>s,zn:()=>c});var n=o(8081),r=o.n(n),i=o(3645),a=o.n(i)()(r());a.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 l="index-module--Pww9z",s="index-module--thPSh",d="index-module--HhvXv",c="index-module--f7imw";const p=a}}]);
+/*! For license information please see 402.products-component.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[402],{2402:(e,t,o)=>{o.r(t),o.d(t,{default:()=>ModalsWrapper});var n=o(7363),r=o(9420),i=o(7887),a=o(887),l=o(7726),s=o(1104),d=o(6659),c=o(4299),p=o(6809),u=o(4754),m=o(8077),g=o(8685),x=o(3086);function getDialogUtilityClass(e){return(0,x.ZP)("MuiDialog",e)}const h=(0,g.Z)("MuiDialog",["root","backdrop","scrollPaper","scrollBody","container","paper","paperScrollPaper","paperScrollBody","paperWidthFalse","paperWidthXs","paperWidthSm","paperWidthMd","paperWidthLg","paperWidthXl","paperFullWidth","paperFullScreen"]);const v=n.createContext({});var f=o(3560),y=o(5230),b=o(878),w=o(659),Z=o(3144),k=o(6751),S=o(4014),P=o(7514);const C=(0,y.ZP)(f.Z,{name:"MuiDialog",slot:"Backdrop"})({zIndex:-1}),D=(0,y.ZP)(p.Z,{name:"MuiDialog",slot:"Root"})({"@media print":{position:"absolute !important"}}),j=(0,y.ZP)("div",{name:"MuiDialog",slot:"Container",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.container,t[`scroll${(0,c.Z)(o.scroll)}`]]}})({height:"100%","@media print":{height:"auto"},outline:0,variants:[{props:{scroll:"paper"},style:{display:"flex",justifyContent:"center",alignItems:"center"}},{props:{scroll:"body"},style:{overflowY:"auto",overflowX:"hidden",textAlign:"center","&::after":{content:'""',display:"inline-block",verticalAlign:"middle",height:"100%",width:"0"}}}]}),M=(0,y.ZP)(m.Z,{name:"MuiDialog",slot:"Paper",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.paper,t[`scrollPaper${(0,c.Z)(o.scroll)}`],t[`paperWidth${(0,c.Z)(String(o.maxWidth))}`],o.fullWidth&&t.paperFullWidth,o.fullScreen&&t.paperFullScreen]}})((0,w.Z)((({theme:e})=>({margin:32,position:"relative",overflowY:"auto","@media print":{overflowY:"visible",boxShadow:"none"},variants:[{props:{scroll:"paper"},style:{display:"flex",flexDirection:"column",maxHeight:"calc(100% - 64px)"}},{props:{scroll:"body"},style:{display:"inline-block",verticalAlign:"middle",textAlign:"initial"}},{props:({ownerState:e})=>!e.maxWidth,style:{maxWidth:"calc(100% - 64px)"}},{props:{maxWidth:"xs"},style:{maxWidth:"px"===e.breakpoints.unit?Math.max(e.breakpoints.values.xs,444):`max(${e.breakpoints.values.xs}${e.breakpoints.unit}, 444px)`,[`&.${h.paperScrollBody}`]:{[e.breakpoints.down(Math.max(e.breakpoints.values.xs,444)+64)]:{maxWidth:"calc(100% - 64px)"}}}},...Object.keys(e.breakpoints.values).filter((e=>"xs"!==e)).map((t=>({props:{maxWidth:t},style:{maxWidth:`${e.breakpoints.values[t]}${e.breakpoints.unit}`,[`&.${h.paperScrollBody}`]:{[e.breakpoints.down(e.breakpoints.values[t]+64)]:{maxWidth:"calc(100% - 64px)"}}}}))),{props:({ownerState:e})=>e.fullWidth,style:{width:"calc(100% - 64px)"}},{props:({ownerState:e})=>e.fullScreen,style:{margin:0,width:"100%",maxWidth:"100%",height:"100%",maxHeight:"none",borderRadius:0,[`&.${h.paperScrollBody}`]:{margin:0,maxWidth:"100%"}}}]})))),W=n.forwardRef((function Dialog(e,t){const o=(0,Z.i)({props:e,name:"MuiDialog"}),r=(0,b.Z)(),i={enter:r.transitions.duration.enteringScreen,exit:r.transitions.duration.leavingScreen},{"aria-describedby":a,"aria-labelledby":p,"aria-modal":g=!0,BackdropComponent:x,BackdropProps:h,children:f,className:y,disableEscapeKeyDown:w=!1,fullScreen:W=!1,fullWidth:T=!1,maxWidth:F="sm",onClick:R,onClose:N,open:A,PaperComponent:I=m.Z,PaperProps:$={},role:B="dialog",scroll:E="paper",slots:U={},slotProps:z={},TransitionComponent:O=u.Z,transitionDuration:Y=i,TransitionProps:_,...H}=o,L={...o,disableEscapeKeyDown:w,fullScreen:W,fullWidth:T,maxWidth:F,scroll:E},X=(e=>{const{classes:t,scroll:o,maxWidth:n,fullWidth:r,fullScreen:i}=e,a={root:["root"],backdrop:["backdrop"],container:["container",`scroll${(0,c.Z)(o)}`],paper:["paper",`paperScroll${(0,c.Z)(o)}`,`paperWidth${(0,c.Z)(String(n))}`,r&&"paperFullWidth",i&&"paperFullScreen"]};return(0,s.Z)(a,getDialogUtilityClass,t)})(L),K=n.useRef(),J=(0,d.Z)(p),G=n.useMemo((()=>({titleId:J})),[J]),q={slots:{transition:O,...U},slotProps:{transition:_,paper:$,backdrop:h,...z}},[Q,V]=(0,k.Z)("root",{elementType:D,shouldForwardComponentProp:!0,externalForwardedProps:q,ownerState:L,className:(0,l.Z)(X.root,y),ref:t}),[ee,te]=(0,k.Z)("backdrop",{elementType:C,shouldForwardComponentProp:!0,externalForwardedProps:q,ownerState:L,className:X.backdrop}),[oe,ne]=(0,k.Z)("paper",{elementType:M,shouldForwardComponentProp:!0,externalForwardedProps:q,ownerState:L,className:X.paper,additionalProps:{elevation:24,role:B,"aria-describedby":a,"aria-labelledby":J,"aria-modal":g,tabIndex:-1,[S.O]:""}}),[re,ie]=(0,k.Z)("container",{elementType:j,externalForwardedProps:q,ownerState:L,className:X.container}),[ae,le]=(0,k.Z)("transition",{elementType:u.Z,externalForwardedProps:q,ownerState:L,additionalProps:{appear:!0,in:A,timeout:Y,role:"presentation"}});return(0,P.jsx)(Q,{closeAfterTransition:!0,slots:{backdrop:ee},slotProps:{backdrop:{transitionDuration:Y,as:x,...te}},disableEscapeKeyDown:w,onClose:N,open:A,onClick:e=>{R&&R(e),K.current&&(K.current=null,N&&N(e,"backdropClick"))},...V,...H,children:(0,P.jsx)(ae,{...le,children:(0,P.jsx)(re,{onMouseDown:e=>{K.current=e.target===e.currentTarget},...ie,children:(0,P.jsx)(oe,{as:I,...ne,children:(0,P.jsx)(v.Provider,{value:G,children:f})})})})})}));function getDialogActionsUtilityClass(e){return(0,x.ZP)("MuiDialogActions",e)}(0,g.Z)("MuiDialogActions",["root","spacing"]);const T=(0,y.ZP)("div",{name:"MuiDialogActions",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,!o.disableSpacing&&t.spacing]}})({display:"flex",alignItems:"center",padding:8,justifyContent:"flex-end",flex:"0 0 auto",variants:[{props:({ownerState:e})=>!e.disableSpacing,style:{"& > :not(style) ~ :not(style)":{marginLeft:8}}}]}),F=n.forwardRef((function DialogActions(e,t){const o=(0,Z.i)({props:e,name:"MuiDialogActions"}),{className:n,disableSpacing:r=!1,...i}=o,a={...o,disableSpacing:r},d=(e=>{const{classes:t,disableSpacing:o}=e,n={root:["root",!o&&"spacing"]};return(0,s.Z)(n,getDialogActionsUtilityClass,t)})(a);return(0,P.jsx)(T,{className:(0,l.Z)(d.root,n),ownerState:a,ref:t,...i})}));function getDialogContentUtilityClass(e){return(0,x.ZP)("MuiDialogContent",e)}(0,g.Z)("MuiDialogContent",["root","dividers"]);function getDialogTitleUtilityClass(e){return(0,x.ZP)("MuiDialogTitle",e)}const R=(0,g.Z)("MuiDialogTitle",["root"]),N=(0,y.ZP)("div",{name:"MuiDialogContent",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,o.dividers&&t.dividers]}})((0,w.Z)((({theme:e})=>({flex:"1 1 auto",WebkitOverflowScrolling:"touch",overflowY:"auto",padding:"20px 24px",variants:[{props:({ownerState:e})=>e.dividers,style:{padding:"16px 24px",borderTop:`1px solid ${(e.vars||e).palette.divider}`,borderBottom:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:e})=>!e.dividers,style:{[`.${R.root} + &`]:{paddingTop:0}}}]})))),A=n.forwardRef((function DialogContent(e,t){const o=(0,Z.i)({props:e,name:"MuiDialogContent"}),{className:n,dividers:r=!1,...i}=o,a={...o,dividers:r},d=(e=>{const{classes:t,dividers:o}=e,n={root:["root",o&&"dividers"]};return(0,s.Z)(n,getDialogContentUtilityClass,t)})(a);return(0,P.jsx)(N,{className:(0,l.Z)(d.root,n),ownerState:a,ref:t,...i})}));var I=o(9710),$=o(762);function getDialogContentTextUtilityClass(e){return(0,x.ZP)("MuiDialogContentText",e)}(0,g.Z)("MuiDialogContentText",["root"]);const B=(0,y.ZP)($.Z,{shouldForwardProp:e=>(0,I.Z)(e)||"classes"===e,name:"MuiDialogContentText",slot:"Root"})({}),E=n.forwardRef((function DialogContentText(e,t){const o=(0,Z.i)({props:e,name:"MuiDialogContentText"}),{children:n,className:r,...i}=o,a=(e=>{const{classes:t}=e,o=(0,s.Z)({root:["root"]},getDialogContentTextUtilityClass,t);return{...t,...o}})(i);return(0,P.jsx)(B,{component:"p",variant:"body1",color:"textSecondary",ref:t,ownerState:i,className:(0,l.Z)(a.root,r),...o,classes:a})})),U=(0,y.ZP)($.Z,{name:"MuiDialogTitle",slot:"Root"})({padding:"16px 24px",flex:"0 0 auto"}),z=n.forwardRef((function DialogTitle(e,t){const o=(0,Z.i)({props:e,name:"MuiDialogTitle"}),{className:r,id:i,...a}=o,d=o,c=(e=>{const{classes:t}=e;return(0,s.Z)({root:["root"]},getDialogTitleUtilityClass,t)})(d),{titleId:p=i}=n.useContext(v);return(0,P.jsx)(U,{component:"h2",className:(0,l.Z)(c.root,r),ownerState:d,ref:t,variant:"h6",id:i??p,...a})}));var O=o(3379),Y=o.n(O),_=o(7795),H=o.n(_),L=o(569),X=o.n(L),K=o(3565),J=o.n(K),G=o(9216),q=o.n(G),Q=o(4589),V=o.n(Q),ee=o(5297),te={};te.styleTagTransform=V(),te.setAttributes=J(),te.insert=X().bind(null,"head"),te.domAPI=H(),te.insertStyleElement=q();Y()(ee.Z,te);ee.Z&&ee.Z.locals&&ee.Z.locals;var oe=o(1678),ne=o(5054),re={};re.styleTagTransform=V(),re.setAttributes=J(),re.insert=X().bind(null,"head"),re.domAPI=H(),re.insertStyleElement=q();Y()(ne.ZP,re);ne.ZP&&ne.ZP.locals&&ne.ZP.locals;const ie=(0,r.Pi)((function Progress(e){var t=e.children,o=e.progress,n=Math.max(0,Math.min(1,Number.isFinite(o)?o:0));return(0,P.jsxs)("div",{className:ne.YS,children:[!!t&&t,(0,P.jsx)("div",{className:ne.l9,children:(0,P.jsx)("div",{className:ne.YJ,style:{width:100*n+"%"},children:(0,P.jsx)("div",{className:ne.zn})})})]})}));var ae=o(6489),le=o(4494),se=o(8623);const de=(0,r.Pi)((function Modal_Modal(){var e,t,o=(0,i.KH)().contentStore,r=(0,oe.$G)().t,l=function onAccept(e){var t,n=o.modal;o.closeModal(),null==n||null===(t=n.callback)||void 0===t||t.call(n,!n.content||e)},s=function onReject(){var e,t=o.modal;o.closeModal(),null==t||null===(e=t.callback)||void 0===e||e.call(t,!1)};(0,n.useEffect)((function(){return document.addEventListener("keydown",d,!1),function(){document.removeEventListener("keydown",d,!1)}}),[]);var d=(0,n.useCallback)((function(e){if(o.modal)if("Enter"!==e.key||o.modal.doNotAcceptOnEnter)"ESC"!==e.key&&"Escape"!=e.key||(s(),e.preventDefault());else{var t=document.getElementById("diva-modal-form");if(!t)return;l(new FormData(t)),e.preventDefault()}}),[]);if(!o.modal)return(0,P.jsx)(P.Fragment,{});var c=(0,se.ZN)(o.modal),p="string"==typeof c.text?r(c.text):c.text,u=(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(A,{style:c.maxWidth?{maxWidth:c.maxWidth}:void 0,children:c.iFrame?(0,P.jsx)(IFrame,{link:c.iFrame}):"string"==typeof p&&null==c.content?(0,P.jsx)(E,{component:"div",dangerouslySetInnerHTML:{__html:function tryDecodeURIComponent(e){try{return decodeURIComponent(e)}catch(t){return e}}(p)}}):(0,P.jsxs)(E,{component:"div",children:[p,c.content&&o.modal.content]})}),(c.reject||c.accept)&&(0,P.jsxs)(F,{children:[c.reject&&(0,P.jsx)(a.Z,{color:"primary",onClick:s,children:"string"==typeof c.reject?r(c.reject):r("modal.reject")}),c.accept&&(0,P.jsx)(a.Z,{color:"primary",type:"submit",id:"diva-dialog-submitbtn",children:"string"==typeof c.accept?r(c.accept):r("modal.accept")})]}),!!(c.image||void 0!==c.progress||null!==(e=c.actions)&&void 0!==e&&e.length)&&(0,P.jsxs)("div",{style:{margin:10},children:[c.image&&(0,P.jsx)("img",{src:c.image,style:{maxWidth:480}}),void 0!==c.progress&&(0,P.jsx)(ie,{progress:c.progress}),null===(t=c.actions)||void 0===t?void 0:t.map((function(e){var t;return(0,P.jsx)(a.Z,{fullWidth:!0,style:{marginBottom:10},variant:null!==(t=e.variant)&&void 0!==t?t:"contained",color:"primary",onClick:function onClick(){return function onSelect(e,t){var n,r=o.modal;0!=t&&o.closeModal(),null==r||null===(n=r.callback)||void 0===n||n.call(r,e)}(e.id,e.closeable)},children:r(e.text)})}))]})]}),m=!0===c.fullscreen||"mobile"==c.fullscreen&&o.containerDimensions.isMobile;return(0,P.jsx)("div",{className:ee.I,id:"diva-dialog",children:(0,P.jsxs)(W,{open:!0,disablePortal:!0,hideBackdrop:!0,disableEnforceFocus:!0,style:{position:"absolute",zIndex:0},maxWidth:"lg",fullScreen:m,slotProps:{paper:{style:{width:c.width,height:c.height,outline:"none"}}},children:[(0,P.jsx)(z,{style:c.rejectByIcon?{paddingRight:56}:void 0,children:"string"==typeof c.title?r(c.title):c.title}),c.rejectByIcon&&(0,P.jsx)(ae.Z,{onClick:s,style:{position:"absolute",right:8,top:8,zIndex:1000001},size:"large",children:(0,P.jsx)(le.Z,{})}),c.dontRenderForm&&u,!c.dontRenderForm&&(0,P.jsx)("form",{id:"diva-modal-form",autoComplete:"off",onSubmit:function onSubmit(e){e.preventDefault(),l(new FormData(e.target))},children:u})]})})}));function IFrame(e){var t=e.link;return(0,P.jsx)("iframe",{style:{border:0,width:"100%",height:"99%"},src:t})}function ModalsWrapper(){return(0,P.jsx)(de,{})}},5297:(e,t,o)=>{o.d(t,{I:()=>l,Z:()=>s});var n=o(8081),r=o.n(n),i=o(3645),a=o.n(i)()(r());a.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: 14500;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n}\n",""]);var l="index-module--AtOcs";const s=a},5054:(e,t,o)=>{o.d(t,{YJ:()=>d,YS:()=>l,ZP:()=>p,l9:()=>s,zn:()=>c});var n=o(8081),r=o.n(n),i=o(3645),a=o.n(i)()(r());a.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 l="index-module--Pww9z",s="index-module--thPSh",d="index-module--HhvXv",c="index-module--f7imw";const p=a}}]);

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

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

package/build/umd/{784.products-component.umd.min.js → 405.products-component.umd.min.js}

@@ -1,2 +1,2 @@
-/*! For license information please see 784.products-component.umd.min.js.LICENSE.txt */
-"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[784],{9784:(e,r,t)=>{t.r(r),t.d(r,{default:()=>A});var n=t(248),o=t(4658),a=t(4988),c=t(747),i=t.n(c),u=t(7363),s=t(9944),p=t(1533),d=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(r){return function(t){var n=r(t);return"fixed"===t.draggableProps.style.position?(0,p.createPortal)(n,e):n}}},l=t(3379),y=t.n(l),D=t(7795),M=t.n(D),j=t(569),b=t.n(j),f=t(3565),g=t.n(f),N=t(9216),O=t.n(N),x=t(4589),T=t.n(x),h=t(4831),z={};z.styleTagTransform=T(),z.setAttributes=g(),z.insert=b().bind(null,"head"),z.domAPI=M(),z.insertStyleElement=O();y()(h.Z,z);h.Z&&h.Z.locals&&h.Z.locals;var I=t(1386),v=t(5066);function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function useApiInterface(){var e=(0,u.useMemo)((function(){return(0,I.jl)("ContentBox","UseApiInterface")}),[]),r=(0,u.useState)({}),t=(0,a.Z)(r,2),c=t[0],s=t[1],p=(0,I.Vr)().state,d=p.apiConfig,l=d.catalogService,y=d.basketService,D=p.jwt,M=function(){var e=(0,o.Z)(i().mark((function _callee(e,r){var t,o;return i().wrap((function _callee$(a){for(;;)switch(a.prev=a.next){case 0:if(t=(0,v.FB)(e.toLowerCase()).toUpperCase(),!c[t]){a.next=3;break}return a.abrupt("return",c[t]);case 3:return a.next=5,j(e,r);case 5:return o=a.sent,b((0,n.Z)({},t,o)),a.abrupt("return",o);case 8:case"end":return a.stop()}}),_callee)})));return function getDataCache(r,t){return e.apply(this,arguments)}}(),j=function(){var r=(0,o.Z)(i().mark((function _callee2(r,t){var n,o,a,c,u,s=arguments;return i().wrap((function _callee2$(i){for(;;)switch(i.prev=i.next){case 0:n=s.length>2&&void 0!==s[2]?s[2]:"GET",o=s.length>3?s[3]:void 0,i.t0=t,i.next="catalog"===i.t0?5:"basket"===i.t0?7:9;break;case 5:return a=l+r,i.abrupt("break",9);case 7:return a=y+r,i.abrupt("break",9);case 9:return i.next=11,fetch(a,_objectSpread({method:n,headers:{Authorization:"Bearer "+D,"content-type":"application/json"}},o?{body:JSON.stringify(o)}:{}));case 11:return c=i.sent,i.next=14,c.json();case 14:if(null!=(u=i.sent)&&u.Error&&e.error(new I.GE(u.Error,{code:"WC_0001",custom:{url:a}})),!(u.status>204)){i.next=18;break}throw new Error(JSON.parse(u.body).error);case 18:return i.abrupt("return",u);case 19:case"end":return i.stop()}}),_callee2)})));return function fetchData(e,t){return r.apply(this,arguments)}}(),b=function addJsonDataCache(e){for(var r in e)s(_objectSpread(_objectSpread({},c),{},(0,n.Z)({},r,e[r])))};return{getDataCache:M,fetchData:j,clearCache:function clearCache(){s({})}}}var k=t(5671),E=t(7514);function DragAndDropOptionValues_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptionValues_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptionValues_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptionValues_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const L=function DragAndDropOptionValues(e){var r=e.variants,t=e.groups,n=e.currentProuduct,c=e.groupKey,p=e.setCurProduct,l=t[c],y=d(),D=(0,u.useState)(!1),M=(0,a.Z)(D,2),j=M[0],b=M[1],f=(0,I.Vr)().state.dimensions.isMobile,g=useApiInterface().fetchData,N=(0,k.Z)({variants:r,groups:t,currentProuduct:n,groupKey:c,setCurProduct:p,isMobile:f,selectedClassification:n[c]}),O=function(){var e=(0,o.Z)(i().mark((function _callee(e){var t,o,a,u,s,d,y,D,M,j,f,N,O,x,T,h,z;return i().wrap((function _callee$(i){for(;;)switch(i.prev=i.next){case 0:if(t=!1,e.destination){i.next=3;break}return i.abrupt("return");case 3:if(e.source.index!=e.destination.index){i.next=5;break}return i.abrupt("return");case 5:e.source.index>e.destination.index&&(t=!0,b(!0)),o=e.source.index,a=e.destination.index,u=l[o].codex,s=l[a].codex,d={},y=!1,D=0;case 13:if(!(D<l.length)){i.next=43;break}if(M=l[D],j=M.codex,!t){i.next=31;break}if(s!=j){i.next=21;break}y=!0,i.next=25;break;case 21:if(u!=j){i.next=25;break}return y=!1,d[j]=l[a].position,i.abrupt("continue",40);case 25:if(y){i.next=28;break}return d[j]=l[D].position,i.abrupt("continue",40);case 28:d[j]=l[D+1].position,i.next=40;break;case 31:if(u!=j){i.next=35;break}return y=!0,d[j]=l[a].position,i.abrupt("continue",40);case 35:if(y){i.next=38;break}return d[j]=l[D].position,i.abrupt("continue",40);case 38:s==j&&(y=!1),d[j]=l[D-1].position;case 40:D++,i.next=13;break;case 43:for(f=r.map((function(e){for(var r in d)e[c].opv===r&&(e[c].position=d[r]);return e})),p(void 0,f.find((function(e){return e._id==n._id})),f),N=[],O=0;O<r.length;O++){for(h in x=r[O],T=[],d)x[c].opv===h&&T.push({op:"replace",path:"/"+c+"/position",value:d[h]});N.push(g("/products/"+x._id,"catalog","PATCH",{patch:T}))}return i.next=49,Promise.all(N);case 49:z=i.sent,p(void 0,z.find((function(e){return e._id==n._id})),r.map((function(e){var r;return null!==(r=z.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),b(!1);case 52:case"end":return i.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,E.jsx)(s.Z5,{onDragEnd:O,children:(0,E.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:j,direction:"vertical",children:function children(e,r){return(0,E.jsxs)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{height:"100%",display:"flex",flexDirection:"column"},children:[N.map((function(e,r){return(0,E.jsx)(s._l,{index:r,draggableId:l[r].codex,isDragDisabled:j,children:y((function(e){return(0,E.jsx)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({ref:e.innerRef},e.draggableProps),e.dragHandleProps),{},{style:DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.draggableProps.style),{},{height:"fit-content"},j?{cursor:"wait"}:{}),children:N[r]}))}))},l[r].codex)})),e.placeholder]}))}})})};function DragAndDropOptions_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptions_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptions_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptions_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const A=function DragAndDrop(e){var r=e.groups,t=e.variants,n=e.setCurProduct,c=e.currentProuduct,p=e.posOfOpt,l=d(),y=(0,u.useState)(!1),D=(0,a.Z)(y,2),M=D[0],j=D[1],b=useApiInterface().fetchData,f=function(){var e=(0,o.Z)(i().mark((function _callee(e){var o,u,s,d,l,y,D,M,f,g,N,O,x,T;return i().wrap((function _callee$(h){for(;;)switch(h.prev=h.next){case 0:if(o=!1,e.destination){h.next=3;break}return h.abrupt("return");case 3:if(e.source.index!=e.destination.index){h.next=5;break}return h.abrupt("return");case 5:if(e.source.index>e.destination.index&&(o=!0),j(!0),u=Object.keys(r),s=u[e.source.index],d=u[e.destination.index],l={},u.length>Object.keys(p).length)for(y=0;y<u.length;y++)p[u[y]]||(p[u[y]]=y);D=!1,h.t0=i().keys(r);case 14:if((h.t1=h.t0()).done){h.next=42;break}if(M=h.t1.value,!o){h.next=31;break}if(d!=M){h.next=21;break}D=!0,h.next=25;break;case 21:if(s!=M){h.next=25;break}return D=!1,l[M]=p[d],h.abrupt("continue",14);case 25:if(D){h.next=28;break}return l[M]=p[M],h.abrupt("continue",14);case 28:l[M]=p[u[u.indexOf(M)+1]],h.next=40;break;case 31:if(s!=M){h.next=35;break}return D=!0,l[M]=p[d],h.abrupt("continue",14);case 35:if(D){h.next=38;break}return l[M]=p[M],h.abrupt("continue",14);case 38:d==M&&(D=!1),l[M]=p[u[u.indexOf(M)-1]];case 40:h.next=14;break;case 42:for(f=t.map((function(e){for(var r in l)e[r].position=l[r];return e})),n(void 0,f.find((function(e){return e._id==c._id})),f),g={patch:Object.entries(l).map((function(e){var r=(0,a.Z)(e,2);return{op:"replace",path:"/"+r[0]+"/optionPosition",value:r[1]}}))},N=[],O=0;O<t.length;O++)x=t[O],N.push(b("/products/"+x._id,"catalog","PATCH",g));return h.next=49,Promise.all(N);case 49:T=h.sent,n(void 0,T.find((function(e){return e._id==c._id})),t.map((function(e){var r;return null!==(r=T.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),j(!1);case 52:case"end":return h.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,E.jsx)("div",{style:{display:"flex",width:"100%",position:"relative"},children:(0,E.jsx)(s.Z5,{onDragEnd:f,children:(0,E.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:M,direction:"horizontal",children:function children(e,o){return(0,E.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"calc("+100/Object.keys(r).length+"%)",height:"100%",display:"flex"},children:[Object.keys(r).map((function(e,o){return(0,E.jsx)(s._l,{index:o,draggableId:e,isDragDisabled:M,children:l((function(o){return(0,E.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({ref:o.innerRef},o.draggableProps),{},{style:DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({paddingRight:5},o.draggableProps.style),M?{cursor:"wait"}:{}),children:[(0,E.jsx)("div",DragAndDropOptions_objectSpread({className:h.q},o.dragHandleProps)),(0,E.jsx)(L,{currentProuduct:c,groups:r,groupKey:e,posOfOpt:p,setCurProduct:n,variants:t})]}))}))},e)})),e.placeholder]}))}})})})}},4831:(e,r,t)=>{t.d(r,{Z:()=>y,q:()=>l});var n=t(8081),o=t.n(n),a=t(3645),c=t.n(a),i=t(1667),u=t.n(i),s=new URL(t(8133),t.b),p=c()(o()),d=u()(s);p.push([e.id,".index-module--dt7FX {\n  width: 100%;\n  height: 20px;\n  background: center / 50% no-repeat url("+d+");\n}\n",""]);var l="index-module--dt7FX";const y=p},8133:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgY2xhc3M9InN2Zy1pY29uIiBzdHlsZT0id2lkdGg6IDFlbTsgaGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjE5LjQyODU3MSA1ODUuMTQyODU3Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4LTE0Ni4yODU3MTRjMzYuNTcxNDI5IDAgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3cy0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTggNzMuMTQyODU3IDM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU4IDczLjE0Mjg1N3pNMjE5LjQyODU3MSAyOTIuNTcxNDI5Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4IDI5Mi41NzE0MjhjLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU4IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1OCA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3pNNTEyIDI5Mi41NzE0MjljLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU3IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3ogbTAgMjkyLjU3MTQyOGMtMzYuNTcxNDI5IDAtNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTcgNzMuMTQyODU3czM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTctMzYuNTcxNDI5IDczLjE0Mjg1Ny03My4xNDI4NTctMzYuNTcxNDI5LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3eiIgIC8+PC9zdmc+"}}]);
+/*! For license information please see 405.products-component.umd.min.js.LICENSE.txt */
+"use strict";(self.webpackChunkCrystaldesignProductsComponent=self.webpackChunkCrystaldesignProductsComponent||[]).push([[405],{8405:(e,r,t)=>{t.r(r),t.d(r,{default:()=>A});var n=t(248),o=t(4658),a=t(4988),c=t(747),i=t.n(c),u=t(7363),s=t(9944),p=t(1533),d=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(r){return function(t){var n=r(t);return"fixed"===t.draggableProps.style.position?(0,p.createPortal)(n,e):n}}},l=t(3379),y=t.n(l),D=t(7795),M=t.n(D),j=t(569),b=t.n(j),f=t(3565),g=t.n(f),N=t(9216),O=t.n(N),x=t(4589),T=t.n(x),h=t(4831),z={};z.styleTagTransform=T(),z.setAttributes=g(),z.insert=b().bind(null,"head"),z.domAPI=M(),z.insertStyleElement=O();y()(h.Z,z);h.Z&&h.Z.locals&&h.Z.locals;var I=t(4538),v=t(8441);function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function useApiInterface(){var e=(0,u.useMemo)((function(){return(0,I.jl)("ContentBox","UseApiInterface")}),[]),r=(0,u.useState)({}),t=(0,a.Z)(r,2),c=t[0],s=t[1],p=(0,I.Vr)().state,d=p.apiConfig,l=d.catalogService,y=d.basketService,D=p.jwt,M=function(){var e=(0,o.Z)(i().mark((function _callee(e,r){var t,o;return i().wrap((function _callee$(a){for(;;)switch(a.prev=a.next){case 0:if(t=(0,v.FB)(e.toLowerCase()).toUpperCase(),!c[t]){a.next=3;break}return a.abrupt("return",c[t]);case 3:return a.next=5,j(e,r);case 5:return o=a.sent,b((0,n.Z)({},t,o)),a.abrupt("return",o);case 8:case"end":return a.stop()}}),_callee)})));return function getDataCache(r,t){return e.apply(this,arguments)}}(),j=function(){var r=(0,o.Z)(i().mark((function _callee2(r,t){var n,o,a,c,u,s=arguments;return i().wrap((function _callee2$(i){for(;;)switch(i.prev=i.next){case 0:n=s.length>2&&void 0!==s[2]?s[2]:"GET",o=s.length>3?s[3]:void 0,i.t0=t,i.next="catalog"===i.t0?5:"basket"===i.t0?7:9;break;case 5:return a=l+r,i.abrupt("break",9);case 7:return a=y+r,i.abrupt("break",9);case 9:return i.next=11,fetch(a,_objectSpread({method:n,headers:{Authorization:"Bearer "+D,"content-type":"application/json"}},o?{body:JSON.stringify(o)}:{}));case 11:return c=i.sent,i.next=14,c.json();case 14:if(null!=(u=i.sent)&&u.Error&&e.error(new I.GE(u.Error,{code:"WC_0001",custom:{url:a}})),!(u.status>204)){i.next=18;break}throw new Error(JSON.parse(u.body).error);case 18:return i.abrupt("return",u);case 19:case"end":return i.stop()}}),_callee2)})));return function fetchData(e,t){return r.apply(this,arguments)}}(),b=function addJsonDataCache(e){for(var r in e)s(_objectSpread(_objectSpread({},c),{},(0,n.Z)({},r,e[r])))};return{getDataCache:M,fetchData:j,clearCache:function clearCache(){s({})}}}var k=t(3773),E=t(7514);function DragAndDropOptionValues_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptionValues_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptionValues_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptionValues_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const L=function DragAndDropOptionValues(e){var r=e.variants,t=e.groups,n=e.currentProuduct,c=e.groupKey,p=e.setCurProduct,l=t[c],y=d(),D=(0,u.useState)(!1),M=(0,a.Z)(D,2),j=M[0],b=M[1],f=(0,I.Vr)().state.dimensions.isMobile,g=useApiInterface().fetchData,N=(0,k.Z)({variants:r,groups:t,currentProuduct:n,groupKey:c,setCurProduct:p,isMobile:f,selectedClassification:n[c]}),O=function(){var e=(0,o.Z)(i().mark((function _callee(e){var t,o,a,u,s,d,y,D,M,j,f,N,O,x,T,h,z;return i().wrap((function _callee$(i){for(;;)switch(i.prev=i.next){case 0:if(t=!1,e.destination){i.next=3;break}return i.abrupt("return");case 3:if(e.source.index!=e.destination.index){i.next=5;break}return i.abrupt("return");case 5:e.source.index>e.destination.index&&(t=!0,b(!0)),o=e.source.index,a=e.destination.index,u=l[o].codex,s=l[a].codex,d={},y=!1,D=0;case 13:if(!(D<l.length)){i.next=43;break}if(M=l[D],j=M.codex,!t){i.next=31;break}if(s!=j){i.next=21;break}y=!0,i.next=25;break;case 21:if(u!=j){i.next=25;break}return y=!1,d[j]=l[a].position,i.abrupt("continue",40);case 25:if(y){i.next=28;break}return d[j]=l[D].position,i.abrupt("continue",40);case 28:d[j]=l[D+1].position,i.next=40;break;case 31:if(u!=j){i.next=35;break}return y=!0,d[j]=l[a].position,i.abrupt("continue",40);case 35:if(y){i.next=38;break}return d[j]=l[D].position,i.abrupt("continue",40);case 38:s==j&&(y=!1),d[j]=l[D-1].position;case 40:D++,i.next=13;break;case 43:for(f=r.map((function(e){for(var r in d)e[c].opv===r&&(e[c].position=d[r]);return e})),p(void 0,f.find((function(e){return e._id==n._id})),f),N=[],O=0;O<r.length;O++){for(h in x=r[O],T=[],d)x[c].opv===h&&T.push({op:"replace",path:"/"+c+"/position",value:d[h]});N.push(g("/products/"+x._id,"catalog","PATCH",{patch:T}))}return i.next=49,Promise.all(N);case 49:z=i.sent,p(void 0,z.find((function(e){return e._id==n._id})),r.map((function(e){var r;return null!==(r=z.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),b(!1);case 52:case"end":return i.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,E.jsx)(s.Z5,{onDragEnd:O,children:(0,E.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:j,direction:"vertical",children:function children(e,r){return(0,E.jsxs)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{height:"100%",display:"flex",flexDirection:"column"},children:[N.map((function(e,r){return(0,E.jsx)(s._l,{index:r,draggableId:l[r].codex,isDragDisabled:j,children:y((function(e){return(0,E.jsx)("div",DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({ref:e.innerRef},e.draggableProps),e.dragHandleProps),{},{style:DragAndDropOptionValues_objectSpread(DragAndDropOptionValues_objectSpread({},e.draggableProps.style),{},{height:"fit-content"},j?{cursor:"wait"}:{}),children:N[r]}))}))},l[r].codex)})),e.placeholder]}))}})})};function DragAndDropOptions_ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function DragAndDropOptions_objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?DragAndDropOptions_ownKeys(Object(t),!0).forEach((function(r){(0,n.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):DragAndDropOptions_ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const A=function DragAndDrop(e){var r=e.groups,t=e.variants,n=e.setCurProduct,c=e.currentProuduct,p=e.posOfOpt,l=d(),y=(0,u.useState)(!1),D=(0,a.Z)(y,2),M=D[0],j=D[1],b=useApiInterface().fetchData,f=function(){var e=(0,o.Z)(i().mark((function _callee(e){var o,u,s,d,l,y,D,M,f,g,N,O,x,T;return i().wrap((function _callee$(h){for(;;)switch(h.prev=h.next){case 0:if(o=!1,e.destination){h.next=3;break}return h.abrupt("return");case 3:if(e.source.index!=e.destination.index){h.next=5;break}return h.abrupt("return");case 5:if(e.source.index>e.destination.index&&(o=!0),j(!0),u=Object.keys(r),s=u[e.source.index],d=u[e.destination.index],l={},u.length>Object.keys(p).length)for(y=0;y<u.length;y++)p[u[y]]||(p[u[y]]=y);D=!1,h.t0=i().keys(r);case 14:if((h.t1=h.t0()).done){h.next=42;break}if(M=h.t1.value,!o){h.next=31;break}if(d!=M){h.next=21;break}D=!0,h.next=25;break;case 21:if(s!=M){h.next=25;break}return D=!1,l[M]=p[d],h.abrupt("continue",14);case 25:if(D){h.next=28;break}return l[M]=p[M],h.abrupt("continue",14);case 28:l[M]=p[u[u.indexOf(M)+1]],h.next=40;break;case 31:if(s!=M){h.next=35;break}return D=!0,l[M]=p[d],h.abrupt("continue",14);case 35:if(D){h.next=38;break}return l[M]=p[M],h.abrupt("continue",14);case 38:d==M&&(D=!1),l[M]=p[u[u.indexOf(M)-1]];case 40:h.next=14;break;case 42:for(f=t.map((function(e){for(var r in l)e[r].position=l[r];return e})),n(void 0,f.find((function(e){return e._id==c._id})),f),g={patch:Object.entries(l).map((function(e){var r=(0,a.Z)(e,2);return{op:"replace",path:"/"+r[0]+"/optionPosition",value:r[1]}}))},N=[],O=0;O<t.length;O++)x=t[O],N.push(b("/products/"+x._id,"catalog","PATCH",g));return h.next=49,Promise.all(N);case 49:T=h.sent,n(void 0,T.find((function(e){return e._id==c._id})),t.map((function(e){var r;return null!==(r=T.find((function(r){return r._id==e._id})))&&void 0!==r?r:e}))),j(!1);case 52:case"end":return h.stop()}}),_callee)})));return function onDragEnd(r){return e.apply(this,arguments)}}();return(0,E.jsx)("div",{style:{display:"flex",width:"100%",position:"relative"},children:(0,E.jsx)(s.Z5,{onDragEnd:f,children:(0,E.jsx)(s.bK,{droppableId:"droppable",isDropDisabled:M,direction:"horizontal",children:function children(e,o){return(0,E.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({},e.droppableProps),{},{ref:e.innerRef,style:{width:"calc("+100/Object.keys(r).length+"%)",height:"100%",display:"flex"},children:[Object.keys(r).map((function(e,o){return(0,E.jsx)(s._l,{index:o,draggableId:e,isDragDisabled:M,children:l((function(o){return(0,E.jsxs)("div",DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({ref:o.innerRef},o.draggableProps),{},{style:DragAndDropOptions_objectSpread(DragAndDropOptions_objectSpread({paddingRight:5},o.draggableProps.style),M?{cursor:"wait"}:{}),children:[(0,E.jsx)("div",DragAndDropOptions_objectSpread({className:h.q},o.dragHandleProps)),(0,E.jsx)(L,{currentProuduct:c,groups:r,groupKey:e,posOfOpt:p,setCurProduct:n,variants:t})]}))}))},e)})),e.placeholder]}))}})})})}},4831:(e,r,t)=>{t.d(r,{Z:()=>y,q:()=>l});var n=t(8081),o=t.n(n),a=t(3645),c=t.n(a),i=t(1667),u=t.n(i),s=new URL(t(8133),t.b),p=c()(o()),d=u()(s);p.push([e.id,".index-module--dt7FX {\n  width: 100%;\n  height: 20px;\n  background: center / 50% no-repeat url("+d+");\n}\n",""]);var l="index-module--dt7FX";const y=p},8133:e=>{e.exports="data:image/svg+xml;base64,CjxzdmcgY2xhc3M9InN2Zy1pY29uIiBzdHlsZT0id2lkdGg6IDFlbTsgaGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjE5LjQyODU3MSA1ODUuMTQyODU3Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4LTE0Ni4yODU3MTRjMzYuNTcxNDI5IDAgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3cy0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTggNzMuMTQyODU3IDM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU4IDczLjE0Mjg1N3pNMjE5LjQyODU3MSAyOTIuNTcxNDI5Yy0zNi41NzE0MjkgMC03My4xNDI4NTcgMzYuNTcxNDI5LTczLjE0Mjg1NyA3My4xNDI4NTdzMzYuNTcxNDI5IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1Ny0zNi41NzE0MjkgNzMuMTQyODU4LTczLjE0Mjg1Ny0zNi41NzE0MjktNzMuMTQyODU3LTczLjE0Mjg1OC03My4xNDI4NTd6IG01ODUuMTQyODU4IDI5Mi41NzE0MjhjLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU4IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1OCA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3pNNTEyIDI5Mi41NzE0MjljLTM2LjU3MTQyOSAwLTczLjE0Mjg1NyAzNi41NzE0MjktNzMuMTQyODU3IDczLjE0Mjg1N3MzNi41NzE0MjkgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTcgNzMuMTQyODU3LTM2LjU3MTQyOSA3My4xNDI4NTctNzMuMTQyODU3LTM2LjU3MTQyOS03My4xNDI4NTctNzMuMTQyODU3LTczLjE0Mjg1N3ogbTAgMjkyLjU3MTQyOGMtMzYuNTcxNDI5IDAtNzMuMTQyODU3IDM2LjU3MTQyOS03My4xNDI4NTcgNzMuMTQyODU3czM2LjU3MTQyOSA3My4xNDI4NTcgNzMuMTQyODU3IDczLjE0Mjg1NyA3My4xNDI4NTctMzYuNTcxNDI5IDczLjE0Mjg1Ny03My4xNDI4NTctMzYuNTcxNDI5LTczLjE0Mjg1Ny03My4xNDI4NTctNzMuMTQyODU3eiIgIC8+PC9zdmc+"}}]);

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

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