@orderingstack/front-components-product-configurator 1.2.3 → 1.3.1

package/dist/index.es.js

@@ -4903,225 +4903,6 @@ const countComplexProductPrice = (product) => {
   }
   return price;
 };
-const properyToEncode = ["id", "selCtx", "fltCtx"];
-const CHAR_TO_REPLACE = ".";
-const REPLACEMENT_CHAR = "#dot";
-const replaceIn = (value) => {
-  return value.replaceAll(CHAR_TO_REPLACE, REPLACEMENT_CHAR);
-};
-const replaceOut = (value) => {
-  return value.replaceAll(REPLACEMENT_CHAR, CHAR_TO_REPLACE);
-};
-const encodeValue = (key, value) => {
-  return codeValue(key, value, replaceIn);
-};
-const decodeValue = (key, value) => {
-  return codeValue(key, value, replaceOut);
-};
-const codeValue = (key, value, replaceCb) => {
-  let resValue = value;
-  if (properyToEncode.includes(key) && (typeof value === "string" || value instanceof String)) {
-    resValue = replaceCb(value);
-  }
-  if (key === "selected" || key === "filter") {
-    const stringified = JSON.stringify(value);
-    const stringifiedReplaced = replaceCb(stringified);
-    resValue = JSON.parse(stringifiedReplaced);
-  }
-  return resValue;
-};
-const iterateOverObject = (obj, cb) => {
-  Object.keys(obj).forEach((key) => {
-    const value = obj[key];
-    obj[key] = cb(key, value);
-    if (typeof value === "object" && value !== null) {
-      iterateOverObject(value, cb);
-    }
-  });
-  return obj;
-};
-const cleanSelected = (selected) => {
-  const selectedCopy = JSON.parse(JSON.stringify(selected));
-  for (const [contextName, value] of Object.entries(selectedCopy)) {
-    if (value && !Array.isArray(value)) {
-      const nestedObj = selectedCopy[contextName];
-      for (const [nestedKey, nestedValue] of Object.entries(nestedObj)) {
-        if (nestedValue === false) {
-          delete nestedObj[nestedKey];
-        }
-      }
-      if (Object.keys(nestedObj).length === 0) {
-        delete selectedCopy[contextName];
-      }
-    } else {
-      delete selectedCopy[contextName];
-    }
-  }
-  return selectedCopy;
-};
-const decodeSelected = (selected) => {
-  return decodeValue("selected", selected);
-};
-const isApiBooleanTrue = (value) => {
-  if (value === "true" || value === true) {
-    return true;
-  }
-  return false;
-};
-const scrollToId = (id) => {
-  const element = document.getElementById(id);
-  if (element) {
-    element.scrollIntoView({ behavior: "smooth" });
-  } else {
-    console.warn(`Error: scrollToId: id: ${id} not found in html structure`);
-  }
-};
-const getOptionsKindId = (contextName) => {
-  return `options--${contextName}`;
-};
-const getItemImage = (item) => {
-  const { details: { media = [] } = {} } = item;
-  const mainMedia = media.find((el) => el.name === "MAIN_IMG") || media[0] || {};
-  return (mainMedia == null ? void 0 : mainMedia.url) || "";
-};
-const isVisible = (item) => {
-  var _a, _b;
-  const isHidden = ((_a = item == null ? void 0 : item.attrs) == null ? void 0 : _a.hidden) === true || ((_b = item == null ? void 0 : item["_"]) == null ? void 0 : _b.hidden) === "true";
-  return !isHidden;
-};
-function createStore(createState) {
-  let state;
-  const listeners = /* @__PURE__ */ new Set();
-  const setState = (partial, replace) => {
-    const nextState = typeof partial === "function" ? partial(state) : partial;
-    if (nextState !== state) {
-      const previousState = state;
-      state = replace ? nextState : Object.assign({}, state, nextState);
-      listeners.forEach((listener) => listener(state, previousState));
-    }
-  };
-  const getState = () => state;
-  const subscribeWithSelector = (listener, selector = getState, equalityFn = Object.is) => {
-    console.warn("[DEPRECATED] Please use `subscribeWithSelector` middleware");
-    let currentSlice = selector(state);
-    function listenerToAdd() {
-      const nextSlice = selector(state);
-      if (!equalityFn(currentSlice, nextSlice)) {
-        const previousSlice = currentSlice;
-        listener(currentSlice = nextSlice, previousSlice);
-      }
-    }
-    listeners.add(listenerToAdd);
-    return () => listeners.delete(listenerToAdd);
-  };
-  const subscribe = (listener, selector, equalityFn) => {
-    if (selector || equalityFn) {
-      return subscribeWithSelector(listener, selector, equalityFn);
-    }
-    listeners.add(listener);
-    return () => listeners.delete(listener);
-  };
-  const destroy = () => listeners.clear();
-  const api = { setState, getState, subscribe, destroy };
-  state = createState(setState, getState, api);
-  return api;
-}
-const isSSR = typeof window === "undefined" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent);
-const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect;
-function create(createState) {
-  const api = typeof createState === "function" ? createStore(createState) : createState;
-  const useStore2 = (selector = api.getState, equalityFn = Object.is) => {
-    const [, forceUpdate] = useReducer((c) => c + 1, 0);
-    const state = api.getState();
-    const stateRef = useRef(state);
-    const selectorRef = useRef(selector);
-    const equalityFnRef = useRef(equalityFn);
-    const erroredRef = useRef(false);
-    const currentSliceRef = useRef();
-    if (currentSliceRef.current === void 0) {
-      currentSliceRef.current = selector(state);
-    }
-    let newStateSlice;
-    let hasNewStateSlice = false;
-    if (stateRef.current !== state || selectorRef.current !== selector || equalityFnRef.current !== equalityFn || erroredRef.current) {
-      newStateSlice = selector(state);
-      hasNewStateSlice = !equalityFn(currentSliceRef.current, newStateSlice);
-    }
-    useIsomorphicLayoutEffect(() => {
-      if (hasNewStateSlice) {
-        currentSliceRef.current = newStateSlice;
-      }
-      stateRef.current = state;
-      selectorRef.current = selector;
-      equalityFnRef.current = equalityFn;
-      erroredRef.current = false;
-    });
-    const stateBeforeSubscriptionRef = useRef(state);
-    useIsomorphicLayoutEffect(() => {
-      const listener = () => {
-        try {
-          const nextState = api.getState();
-          const nextStateSlice = selectorRef.current(nextState);
-          if (!equalityFnRef.current(currentSliceRef.current, nextStateSlice)) {
-            stateRef.current = nextState;
-            currentSliceRef.current = nextStateSlice;
-            forceUpdate();
-          }
-        } catch (error2) {
-          erroredRef.current = true;
-          forceUpdate();
-        }
-      };
-      const unsubscribe = api.subscribe(listener);
-      if (api.getState() !== stateBeforeSubscriptionRef.current) {
-        listener();
-      }
-      return unsubscribe;
-    }, []);
-    const sliceToReturn = hasNewStateSlice ? newStateSlice : currentSliceRef.current;
-    useDebugValue(sliceToReturn);
-    return sliceToReturn;
-  };
-  Object.assign(useStore2, api);
-  useStore2[Symbol.iterator] = function() {
-    console.warn("[useStore, api] = create() is deprecated and will be removed in v4");
-    const items = [useStore2, api];
-    return {
-      next() {
-        const done = items.length <= 0;
-        return { value: items.shift(), done };
-      }
-    };
-  };
-  return useStore2;
-}
-const createFilterSlice = (set2) => ({
-  filter: {},
-  initialSelected: {},
-  setInitialFilter: (productFilter) => {
-    set2(() => ({
-      filter: {
-        ...productFilter
-      }
-    }));
-  },
-  setInitialSelected: (selected) => {
-    set2(() => ({
-      initialSelected: selected
-    }));
-  },
-  setFilter: (fltCtx, emit) => {
-    set2(({ filter }) => ({
-      filter: {
-        ...filter,
-        [fltCtx]: {
-          ...filter[fltCtx],
-          ...emit
-        }
-      }
-    }));
-  }
-});
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeGlobal$1 = freeGlobal;
 var freeSelf = typeof self == "object" && self && self.Object === Object && self;
@@ -5130,11 +4911,11 @@ var root$1 = root;
 var Symbol$1 = root$1.Symbol;
 var Symbol$2 = Symbol$1;
 var objectProto$f = Object.prototype;
-var hasOwnProperty$c = objectProto$f.hasOwnProperty;
+var hasOwnProperty$d = objectProto$f.hasOwnProperty;
 var nativeObjectToString$1 = objectProto$f.toString;
 var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
 function getRawTag(value) {
-  var isOwn = hasOwnProperty$c.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+  var isOwn = hasOwnProperty$d.call(value, symToStringTag$1), tag = value[symToStringTag$1];
   try {
     value[symToStringTag$1] = void 0;
     var unmasked = true;
@@ -5258,9 +5039,9 @@ var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
 var reIsHostCtor = /^\[object .+?Constructor\]$/;
 var funcProto = Function.prototype, objectProto$d = Object.prototype;
 var funcToString = funcProto.toString;
-var hasOwnProperty$b = objectProto$d.hasOwnProperty;
+var hasOwnProperty$c = objectProto$d.hasOwnProperty;
 var reIsNative = RegExp(
-  "^" + funcToString.call(hasOwnProperty$b).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  "^" + funcToString.call(hasOwnProperty$c).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
 function baseIsNative(value) {
   if (!isObject(value) || isMasked(value)) {
@@ -5345,10 +5126,10 @@ function eq(value, other) {
   return value === other || value !== value && other !== other;
 }
 var objectProto$c = Object.prototype;
-var hasOwnProperty$a = objectProto$c.hasOwnProperty;
+var hasOwnProperty$b = objectProto$c.hasOwnProperty;
 function assignValue(object, key, value) {
   var objValue = object[key];
-  if (!(hasOwnProperty$a.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
+  if (!(hasOwnProperty$b.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
     baseAssignValue(object, key, value);
   }
 }
@@ -5394,12 +5175,12 @@ function baseIsArguments(value) {
   return isObjectLike(value) && baseGetTag(value) == argsTag$3;
 }
 var objectProto$a = Object.prototype;
-var hasOwnProperty$9 = objectProto$a.hasOwnProperty;
+var hasOwnProperty$a = objectProto$a.hasOwnProperty;
 var propertyIsEnumerable$1 = objectProto$a.propertyIsEnumerable;
 var isArguments = baseIsArguments(function() {
   return arguments;
 }()) ? baseIsArguments : function(value) {
-  return isObjectLike(value) && hasOwnProperty$9.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
+  return isObjectLike(value) && hasOwnProperty$a.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
 };
 var isArguments$1 = isArguments;
 function stubFalse() {
@@ -5444,11 +5225,11 @@ var nodeIsTypedArray = nodeUtil$1 && nodeUtil$1.isTypedArray;
 var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
 var isTypedArray$1 = isTypedArray;
 var objectProto$9 = Object.prototype;
-var hasOwnProperty$8 = objectProto$9.hasOwnProperty;
+var hasOwnProperty$9 = objectProto$9.hasOwnProperty;
 function arrayLikeKeys(value, inherited) {
   var isArr = isArray$1(value), isArg = !isArr && isArguments$1(value), isBuff = !isArr && !isArg && isBuffer$1(value), isType = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
   for (var key in value) {
-    if ((inherited || hasOwnProperty$8.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex(key, length)))) {
+    if ((inherited || hasOwnProperty$9.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex(key, length)))) {
       result.push(key);
     }
   }
@@ -5462,14 +5243,14 @@ function overArg(func, transform) {
 var nativeKeys = overArg(Object.keys, Object);
 var nativeKeys$1 = nativeKeys;
 var objectProto$8 = Object.prototype;
-var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
+var hasOwnProperty$8 = objectProto$8.hasOwnProperty;
 function baseKeys(object) {
   if (!isPrototype(object)) {
     return nativeKeys$1(object);
   }
   var result = [];
   for (var key in Object(object)) {
-    if (hasOwnProperty$7.call(object, key) && key != "constructor") {
+    if (hasOwnProperty$8.call(object, key) && key != "constructor") {
       result.push(key);
     }
   }
@@ -5488,14 +5269,14 @@ function nativeKeysIn(object) {
   return result;
 }
 var objectProto$7 = Object.prototype;
-var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
+var hasOwnProperty$7 = objectProto$7.hasOwnProperty;
 function baseKeysIn(object) {
   if (!isObject(object)) {
     return nativeKeysIn(object);
   }
   var isProto = isPrototype(object), result = [];
   for (var key in object) {
-    if (!(key == "constructor" && (isProto || !hasOwnProperty$6.call(object, key)))) {
+    if (!(key == "constructor" && (isProto || !hasOwnProperty$7.call(object, key)))) {
       result.push(key);
     }
   }
@@ -5517,20 +5298,20 @@ function hashDelete(key) {
 }
 var HASH_UNDEFINED$2 = "__lodash_hash_undefined__";
 var objectProto$6 = Object.prototype;
-var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
+var hasOwnProperty$6 = objectProto$6.hasOwnProperty;
 function hashGet(key) {
   var data = this.__data__;
   if (nativeCreate$1) {
     var result = data[key];
     return result === HASH_UNDEFINED$2 ? void 0 : result;
   }
-  return hasOwnProperty$5.call(data, key) ? data[key] : void 0;
+  return hasOwnProperty$6.call(data, key) ? data[key] : void 0;
 }
 var objectProto$5 = Object.prototype;
-var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
+var hasOwnProperty$5 = objectProto$5.hasOwnProperty;
 function hashHas(key) {
   var data = this.__data__;
-  return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$4.call(data, key);
+  return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$5.call(data, key);
 }
 var HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
 function hashSet(key, value) {
@@ -5810,10 +5591,10 @@ if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$3 ||
 }
 var getTag$1 = getTag;
 var objectProto$3 = Object.prototype;
-var hasOwnProperty$3 = objectProto$3.hasOwnProperty;
+var hasOwnProperty$4 = objectProto$3.hasOwnProperty;
 function initCloneArray(array) {
   var length = array.length, result = new array.constructor(length);
-  if (length && typeof array[0] == "string" && hasOwnProperty$3.call(array, "index")) {
+  if (length && typeof array[0] == "string" && hasOwnProperty$4.call(array, "index")) {
     result.index = array.index;
     result.input = array.input;
   }
@@ -6105,7 +5886,7 @@ function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) {
 }
 var COMPARE_PARTIAL_FLAG$1 = 1;
 var objectProto$2 = Object.prototype;
-var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
+var hasOwnProperty$3 = objectProto$2.hasOwnProperty;
 function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
   var isPartial = bitmask & COMPARE_PARTIAL_FLAG$1, objProps = getAllKeys(object), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length;
   if (objLength != othLength && !isPartial) {
@@ -6114,7 +5895,7 @@ function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
   var index = objLength;
   while (index--) {
     var key = objProps[index];
-    if (!(isPartial ? key in other : hasOwnProperty$2.call(other, key))) {
+    if (!(isPartial ? key in other : hasOwnProperty$3.call(other, key))) {
       return false;
     }
   }
@@ -6152,7 +5933,7 @@ function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
 var COMPARE_PARTIAL_FLAG = 1;
 var argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[object Object]";
 var objectProto$1 = Object.prototype;
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+var hasOwnProperty$2 = objectProto$1.hasOwnProperty;
 function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
   var objIsArr = isArray$1(object), othIsArr = isArray$1(other), objTag = objIsArr ? arrayTag : getTag$1(object), othTag = othIsArr ? arrayTag : getTag$1(other);
   objTag = objTag == argsTag ? objectTag : objTag;
@@ -6170,7 +5951,7 @@ function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
     return objIsArr || isTypedArray$1(object) ? equalArrays(object, other, bitmask, customizer, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
   }
   if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
-    var objIsWrapped = objIsObj && hasOwnProperty$1.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty$1.call(other, "__wrapped__");
+    var objIsWrapped = objIsObj && hasOwnProperty$2.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty$2.call(other, "__wrapped__");
     if (objIsWrapped || othIsWrapped) {
       var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other;
       stack || (stack = new Stack());
@@ -6209,7 +5990,7 @@ function inRange(number, start, end) {
 }
 var mapTag = "[object Map]", setTag = "[object Set]";
 var objectProto = Object.prototype;
-var hasOwnProperty = objectProto.hasOwnProperty;
+var hasOwnProperty$1 = objectProto.hasOwnProperty;
 function isEmpty(value) {
   if (value == null) {
     return true;
@@ -6225,7 +6006,7 @@ function isEmpty(value) {
     return !baseKeys(value).length;
   }
   for (var key in value) {
-    if (hasOwnProperty.call(value, key)) {
+    if (hasOwnProperty$1.call(value, key)) {
       return false;
     }
   }
@@ -6234,6 +6015,246 @@ function isEmpty(value) {
 function isEqual(value, other) {
   return baseIsEqual(value, other);
 }
+const propertyToEncode = ["id", "selCtx", "fltCtx"];
+const CHAR_TO_REPLACE = ".";
+const REPLACEMENT_CHAR = "#dot";
+const FIX_NUMBER_PREFIX = "#FIX_NUMBER";
+const encodeProduct = (product) => {
+  return iterateOverObject(cloneDeep(product), encodeValue);
+};
+const replaceIn = (value) => {
+  const replaced = value.replaceAll(CHAR_TO_REPLACE, REPLACEMENT_CHAR);
+  if (/^\d+$/.test(replaced)) {
+    return `${FIX_NUMBER_PREFIX}${replaced}`;
+  } else {
+    return replaced;
+  }
+};
+const replaceOut = (value) => {
+  return value.replaceAll(REPLACEMENT_CHAR, CHAR_TO_REPLACE).replaceAll(FIX_NUMBER_PREFIX, "");
+};
+const encodeValue = (key, value) => {
+  return codeValue(key, value, replaceIn);
+};
+const decodeValue = (key, value) => {
+  return codeValue(key, value, replaceOut);
+};
+const codeValue = (key, value, replaceCb) => {
+  let resValue = value;
+  function handleState(obj) {
+    const processedObj = {};
+    for (const key2 in obj) {
+      if (obj.hasOwnProperty(key2)) {
+        const processedKey = replaceCb(key2);
+        let processedValue = obj[key2];
+        if (typeof obj[key2] === "object" && obj[key2] !== null) {
+          processedValue = handleState(obj[key2]);
+        }
+        processedObj[processedKey] = processedValue;
+      }
+    }
+    return processedObj;
+  }
+  if (propertyToEncode.includes(key) && (typeof value === "string" || value instanceof String)) {
+    resValue = replaceCb(value);
+  }
+  if (key === "selected" || key === "filter") {
+    resValue = handleState(value);
+  }
+  return resValue;
+};
+const iterateOverObject = (obj, cb) => {
+  Object.keys(obj).forEach((key) => {
+    const value = obj[key];
+    obj[key] = cb(key, value);
+    if (typeof value === "object" && value !== null) {
+      iterateOverObject(value, cb);
+    }
+  });
+  return obj;
+};
+const cleanSelected = (selected) => {
+  const selectedCopy = JSON.parse(JSON.stringify(selected));
+  for (const [contextName, value] of Object.entries(selectedCopy)) {
+    if (value && !Array.isArray(value)) {
+      const nestedObj = selectedCopy[contextName];
+      for (const [nestedKey, nestedValue] of Object.entries(nestedObj)) {
+        if (nestedValue === false) {
+          delete nestedObj[nestedKey];
+        }
+      }
+      if (Object.keys(nestedObj).length === 0) {
+        delete selectedCopy[contextName];
+      }
+    } else {
+      delete selectedCopy[contextName];
+    }
+  }
+  return selectedCopy;
+};
+const decodeSelected = (selected) => {
+  return decodeValue("selected", selected);
+};
+const isApiBooleanTrue = (value) => {
+  if (value === "true" || value === true) {
+    return true;
+  }
+  return false;
+};
+const scrollToId = (id) => {
+  const element = document.getElementById(id);
+  if (element) {
+    element.scrollIntoView({ behavior: "smooth" });
+  } else {
+    console.warn(`Error: scrollToId: id: ${id} not found in html structure`);
+  }
+};
+const getOptionsKindId = (contextName) => {
+  return `options--${contextName}`;
+};
+const getItemImage = (item) => {
+  const { details: { media = [] } = {} } = item;
+  const mainMedia = media.find((el) => el.name === "MAIN_IMG") || media[0] || {};
+  return (mainMedia == null ? void 0 : mainMedia.url) || "";
+};
+const isVisible = (item) => {
+  var _a, _b;
+  const isHidden = ((_a = item == null ? void 0 : item.attrs) == null ? void 0 : _a.hidden) === true || ((_b = item == null ? void 0 : item["_"]) == null ? void 0 : _b.hidden) === "true";
+  return !isHidden;
+};
+function createStore(createState) {
+  let state;
+  const listeners = /* @__PURE__ */ new Set();
+  const setState = (partial, replace) => {
+    const nextState = typeof partial === "function" ? partial(state) : partial;
+    if (nextState !== state) {
+      const previousState = state;
+      state = replace ? nextState : Object.assign({}, state, nextState);
+      listeners.forEach((listener) => listener(state, previousState));
+    }
+  };
+  const getState = () => state;
+  const subscribeWithSelector = (listener, selector = getState, equalityFn = Object.is) => {
+    console.warn("[DEPRECATED] Please use `subscribeWithSelector` middleware");
+    let currentSlice = selector(state);
+    function listenerToAdd() {
+      const nextSlice = selector(state);
+      if (!equalityFn(currentSlice, nextSlice)) {
+        const previousSlice = currentSlice;
+        listener(currentSlice = nextSlice, previousSlice);
+      }
+    }
+    listeners.add(listenerToAdd);
+    return () => listeners.delete(listenerToAdd);
+  };
+  const subscribe = (listener, selector, equalityFn) => {
+    if (selector || equalityFn) {
+      return subscribeWithSelector(listener, selector, equalityFn);
+    }
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+  };
+  const destroy = () => listeners.clear();
+  const api = { setState, getState, subscribe, destroy };
+  state = createState(setState, getState, api);
+  return api;
+}
+const isSSR = typeof window === "undefined" || !window.navigator || /ServerSideRendering|^Deno\//.test(window.navigator.userAgent);
+const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect;
+function create(createState) {
+  const api = typeof createState === "function" ? createStore(createState) : createState;
+  const useStore2 = (selector = api.getState, equalityFn = Object.is) => {
+    const [, forceUpdate] = useReducer((c) => c + 1, 0);
+    const state = api.getState();
+    const stateRef = useRef(state);
+    const selectorRef = useRef(selector);
+    const equalityFnRef = useRef(equalityFn);
+    const erroredRef = useRef(false);
+    const currentSliceRef = useRef();
+    if (currentSliceRef.current === void 0) {
+      currentSliceRef.current = selector(state);
+    }
+    let newStateSlice;
+    let hasNewStateSlice = false;
+    if (stateRef.current !== state || selectorRef.current !== selector || equalityFnRef.current !== equalityFn || erroredRef.current) {
+      newStateSlice = selector(state);
+      hasNewStateSlice = !equalityFn(currentSliceRef.current, newStateSlice);
+    }
+    useIsomorphicLayoutEffect(() => {
+      if (hasNewStateSlice) {
+        currentSliceRef.current = newStateSlice;
+      }
+      stateRef.current = state;
+      selectorRef.current = selector;
+      equalityFnRef.current = equalityFn;
+      erroredRef.current = false;
+    });
+    const stateBeforeSubscriptionRef = useRef(state);
+    useIsomorphicLayoutEffect(() => {
+      const listener = () => {
+        try {
+          const nextState = api.getState();
+          const nextStateSlice = selectorRef.current(nextState);
+          if (!equalityFnRef.current(currentSliceRef.current, nextStateSlice)) {
+            stateRef.current = nextState;
+            currentSliceRef.current = nextStateSlice;
+            forceUpdate();
+          }
+        } catch (error2) {
+          erroredRef.current = true;
+          forceUpdate();
+        }
+      };
+      const unsubscribe = api.subscribe(listener);
+      if (api.getState() !== stateBeforeSubscriptionRef.current) {
+        listener();
+      }
+      return unsubscribe;
+    }, []);
+    const sliceToReturn = hasNewStateSlice ? newStateSlice : currentSliceRef.current;
+    useDebugValue(sliceToReturn);
+    return sliceToReturn;
+  };
+  Object.assign(useStore2, api);
+  useStore2[Symbol.iterator] = function() {
+    console.warn("[useStore, api] = create() is deprecated and will be removed in v4");
+    const items = [useStore2, api];
+    return {
+      next() {
+        const done = items.length <= 0;
+        return { value: items.shift(), done };
+      }
+    };
+  };
+  return useStore2;
+}
+const createFilterSlice = (set2) => ({
+  filter: {},
+  initialSelected: {},
+  setInitialFilter: (productFilter) => {
+    set2(() => ({
+      filter: {
+        ...productFilter
+      }
+    }));
+  },
+  setInitialSelected: (selected) => {
+    set2(() => ({
+      initialSelected: selected
+    }));
+  },
+  setFilter: (fltCtx, emit) => {
+    set2(({ filter }) => ({
+      filter: {
+        ...filter,
+        [fltCtx]: {
+          ...filter[fltCtx],
+          ...emit
+        }
+      }
+    }));
+  }
+});
 const isInputEnabled = (item, validationMap) => {
   var _a;
   const { selCtx } = item;
@@ -6457,9 +6478,12 @@ function getValidSelectedState(product, selected) {
 function useProductConfigurator(product) {
   var _a;
   const [productQuantity, setProductQuantity] = useState(1);
-  const encodedProduct = iterateOverObject(product, encodeValue);
+  const encodedProduct = encodeProduct(product);
   const { state: { filter: initFilter = {} } = {} } = encodedProduct;
-  const initSelected = getValidSelectedState(product, (_a = product.state) == null ? void 0 : _a.selected);
+  const initSelected = getValidSelectedState(
+    encodedProduct,
+    (_a = encodedProduct.state) == null ? void 0 : _a.selected
+  );
   const setInitialFilter = useStore((state) => state.setInitialFilter);
   const setInitialSelected = useStore((state) => state.setInitialSelected);
   const setInitialValidate = useStore((state) => state.setInitialValidate);
@@ -6716,8 +6740,75 @@ function useMenuOptions(product, nestedLvl, parentKind, parentSelCtx) {
 }
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
-/**
- * @license React
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+function toObject(val) {
+  if (val === null || val === void 0) {
+    throw new TypeError("Object.assign cannot be called with null or undefined");
+  }
+  return Object(val);
+}
+function shouldUseNative() {
+  try {
+    if (!Object.assign) {
+      return false;
+    }
+    var test1 = new String("abc");
+    test1[5] = "de";
+    if (Object.getOwnPropertyNames(test1)[0] === "5") {
+      return false;
+    }
+    var test2 = {};
+    for (var i2 = 0; i2 < 10; i2++) {
+      test2["_" + String.fromCharCode(i2)] = i2;
+    }
+    var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
+      return test2[n2];
+    });
+    if (order2.join("") !== "0123456789") {
+      return false;
+    }
+    var test3 = {};
+    "abcdefghijklmnopqrst".split("").forEach(function(letter) {
+      test3[letter] = letter;
+    });
+    if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
+      return false;
+    }
+    return true;
+  } catch (err) {
+    return false;
+  }
+}
+shouldUseNative() ? Object.assign : function(target, source) {
+  var from;
+  var to = toObject(target);
+  var symbols;
+  for (var s2 = 1; s2 < arguments.length; s2++) {
+    from = Object(arguments[s2]);
+    for (var key in from) {
+      if (hasOwnProperty.call(from, key)) {
+        to[key] = from[key];
+      }
+    }
+    if (getOwnPropertySymbols) {
+      symbols = getOwnPropertySymbols(from);
+      for (var i2 = 0; i2 < symbols.length; i2++) {
+        if (propIsEnumerable.call(from, symbols[i2])) {
+          to[symbols[i2]] = from[symbols[i2]];
+        }
+      }
+    }
+  }
+  return to;
+};
+/** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -6725,20 +6816,26 @@ var reactJsxRuntime_production_min = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var f$3 = React, k$2 = Symbol.for("react.element"), l$4 = Symbol.for("react.fragment"), m$3 = Object.prototype.hasOwnProperty, n$2 = f$3.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p$3 = { key: true, ref: true, __self: true, __source: true };
-function q(c, a2, g) {
-  var b, d2 = {}, e2 = null, h2 = null;
-  void 0 !== g && (e2 = "" + g);
+var f$3 = React, g = 60103;
+reactJsxRuntime_production_min.Fragment = 60107;
+if ("function" === typeof Symbol && Symbol.for) {
+  var h$3 = Symbol.for;
+  g = h$3("react.element");
+  reactJsxRuntime_production_min.Fragment = h$3("react.fragment");
+}
+var m$3 = f$3.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n$2 = Object.prototype.hasOwnProperty, p$3 = { key: true, ref: true, __self: true, __source: true };
+function q(c, a2, k2) {
+  var b, d2 = {}, e2 = null, l2 = null;
+  void 0 !== k2 && (e2 = "" + k2);
   void 0 !== a2.key && (e2 = "" + a2.key);
-  void 0 !== a2.ref && (h2 = a2.ref);
+  void 0 !== a2.ref && (l2 = a2.ref);
   for (b in a2)
-    m$3.call(a2, b) && !p$3.hasOwnProperty(b) && (d2[b] = a2[b]);
+    n$2.call(a2, b) && !p$3.hasOwnProperty(b) && (d2[b] = a2[b]);
   if (c && c.defaultProps)
     for (b in a2 = c.defaultProps, a2)
       void 0 === d2[b] && (d2[b] = a2[b]);
-  return { $$typeof: k$2, type: c, key: e2, ref: h2, props: d2, _owner: n$2.current };
+  return { $$typeof: g, type: c, key: e2, ref: l2, props: d2, _owner: m$3.current };
 }
-reactJsxRuntime_production_min.Fragment = l$4;
 reactJsxRuntime_production_min.jsx = q;
 reactJsxRuntime_production_min.jsxs = q;
 {
@@ -7288,7 +7385,7 @@ var Dinero = function Dinero2(options) {
       var factor = Math.pow(10, digits);
       return calculator$1.divide(calculator$1.round(calculator$1.multiply(this.toUnit(), factor), roundingMode), factor);
     },
-    toObject: function toObject() {
+    toObject: function toObject2() {
       return {
         amount,
         currency,
@@ -9332,8 +9429,8 @@ function p$1(r2, t2 = {}, e2, a2) {
   let d2 = {};
   if (t2) {
     let f2 = false, y2 = [];
-    for (let [h2, g] of Object.entries(t2))
-      typeof g == "boolean" && (f2 = true), g === true && y2.push(h2);
+    for (let [h2, g2] of Object.entries(t2))
+      typeof g2 == "boolean" && (f2 = true), g2 === true && y2.push(h2);
     f2 && (d2["data-headlessui-state"] = y2.join(" "));
   }
   if (o2 === Fragment$1 && Object.keys(F$3(s2)).length > 0) {
@@ -9757,31 +9854,31 @@ let Se$1 = "div", Le = S$1.RenderStrategy | S$1.Static, Me = C$1(function(e2, r2
     throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${a2}`);
   if (typeof o2 != "function")
     throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${o2}`);
-  let g = a2 ? 0 : 1, [h2, Q2] = useReducer(Ce$1, { titleId: null, descriptionId: null, panelRef: createRef() }), R = o$3(() => o2(false)), j2 = o$3((T2) => Q2({ type: 0, id: T2 })), x2 = a$2() ? f2 ? false : g === 0 : false, w2 = n$12 > 1, X2 = useContext(H) !== null, Z = w2 ? "parent" : "leaf";
+  let g2 = a2 ? 0 : 1, [h2, Q2] = useReducer(Ce$1, { titleId: null, descriptionId: null, panelRef: createRef() }), R = o$3(() => o2(false)), j2 = o$3((T2) => Q2({ type: 0, id: T2 })), x2 = a$2() ? f2 ? false : g2 === 0 : false, w2 = n$12 > 1, X2 = useContext(H) !== null, Z = w2 ? "parent" : "leaf";
   M$3(u2, w2 ? x2 : false);
   let N2 = o$3(() => {
     var b, D2;
     return [...Array.from((b = y$1 == null ? void 0 : y$1.querySelectorAll("body > *, [data-headlessui-portal]")) != null ? b : []).filter((E2) => !(!(E2 instanceof HTMLElement) || E2.contains(U2.current) || h2.panelRef.current && E2.contains(h2.panelRef.current))), (D2 = h2.panelRef.current) != null ? D2 : u2.current];
   });
   L(() => N2(), R, x2 && !w2), E(y$1 == null ? void 0 : y$1.defaultView, "keydown", (T2) => {
-    T2.defaultPrevented || T2.key === o$1.Escape && g === 0 && (w2 || (T2.preventDefault(), T2.stopPropagation(), R()));
-  }), Oe(y$1, g === 0 && !X2, N2), useEffect(() => {
-    if (g !== 0 || !u2.current)
+    T2.defaultPrevented || T2.key === o$1.Escape && g2 === 0 && (w2 || (T2.preventDefault(), T2.stopPropagation(), R()));
+  }), Oe(y$1, g2 === 0 && !X2, N2), useEffect(() => {
+    if (g2 !== 0 || !u2.current)
       return;
     let T2 = new IntersectionObserver((b) => {
       for (let D2 of b)
         D2.boundingClientRect.x === 0 && D2.boundingClientRect.y === 0 && D2.boundingClientRect.width === 0 && D2.boundingClientRect.height === 0 && R();
     });
     return T2.observe(u2.current), () => T2.disconnect();
-  }, [g, u2, R]);
-  let [ee, te] = k$1(), oe2 = useMemo(() => [{ dialogState: g, close: R, setTitleId: j2 }, h2], [g, h2, R, j2]), V = useMemo(() => ({ open: g === 0 }), [g]), re2 = { ref: _24, id: d2, role: "dialog", "aria-modal": g === 0 ? true : void 0, "aria-labelledby": h2.titleId, "aria-describedby": ee };
-  return React.createElement(M$2, { type: "Dialog", enabled: g === 0, element: u2, onUpdate: o$3((T2, b, D2) => {
+  }, [g2, u2, R]);
+  let [ee, te] = k$1(), oe2 = useMemo(() => [{ dialogState: g2, close: R, setTitleId: j2 }, h2], [g2, h2, R, j2]), V = useMemo(() => ({ open: g2 === 0 }), [g2]), re2 = { ref: _24, id: d2, role: "dialog", "aria-modal": g2 === 0 ? true : void 0, "aria-labelledby": h2.titleId, "aria-describedby": ee };
+  return React.createElement(M$2, { type: "Dialog", enabled: g2 === 0, element: u2, onUpdate: o$3((T2, b, D2) => {
     b === "Dialog" && u$3(T2, { [s.Add]() {
       P2.current.add(D2), i2((E2) => E2 + 1);
     }, [s.Remove]() {
       P2.current.add(D2), i2((E2) => E2 - 1);
     } });
-  }) }, React.createElement(P$1, { force: true }, React.createElement($, null, React.createElement(H.Provider, { value: oe2 }, React.createElement($.Group, { target: u2 }, React.createElement(P$1, { force: false }, React.createElement(te, { slot: V, name: "Dialog.Description" }, React.createElement(de, { initialFocus: p$12, containers: P2, features: x2 ? u$3(Z, { parent: de.features.RestoreFocus, leaf: de.features.All & ~de.features.FocusLock }) : de.features.None }, $$1({ ourProps: re2, theirProps: c, slot: V, defaultTag: Se$1, features: Le, visible: g === 0, name: "Dialog" })))))))), React.createElement(h$1, { features: s$4.Hidden, ref: U2 }));
+  }) }, React.createElement(P$1, { force: true }, React.createElement($, null, React.createElement(H.Provider, { value: oe2 }, React.createElement($.Group, { target: u2 }, React.createElement(P$1, { force: false }, React.createElement(te, { slot: V, name: "Dialog.Description" }, React.createElement(de, { initialFocus: p$12, containers: P2, features: x2 ? u$3(Z, { parent: de.features.RestoreFocus, leaf: de.features.All & ~de.features.FocusLock }) : de.features.None }, $$1({ ourProps: re2, theirProps: c, slot: V, defaultTag: Se$1, features: Le, visible: g2 === 0, name: "Dialog" })))))))), React.createElement(h$1, { features: s$4.Hidden, ref: U2 }));
 }), ke = "div", we = C$1(function(e2, r2) {
   let s2 = I$2(), { id: d2 = `headlessui-dialog-overlay-${s2}`, ...a2 } = e2, [{ dialogState: o2, close: p2 }] = k("Dialog.Overlay"), f2 = y(r2), c = o$3((l2) => {
     if (l2.target === l2.currentTarget) {
@@ -9828,7 +9925,7 @@ function F(t2, e2) {
   if (!t2)
     return n2.dispose;
   let { transitionDuration: a2, transitionDelay: i2 } = getComputedStyle(t2), [m2, d2] = [a2, i2].map((o2) => {
-    let [r2 = 0] = o2.split(",").filter(Boolean).map((l2) => l2.includes("ms") ? parseFloat(l2) : parseFloat(l2) * 1e3).sort((l2, g) => g - l2);
+    let [r2 = 0] = o2.split(",").filter(Boolean).map((l2) => l2.includes("ms") ? parseFloat(l2) : parseFloat(l2) * 1e3).sort((l2, g2) => g2 - l2);
     return r2;
   });
   if (m2 + d2 !== 0) {
@@ -10257,6 +10354,25 @@ const MenuProductRoot = (props) => {
   });
 };
 var style = "";
+const ProductDataContext = React.createContext(null);
+function ProductDataProvider({
+  rootProduct,
+  children
+}) {
+  return /* @__PURE__ */ jsx(ProductDataContext.Provider, {
+    value: {
+      rootProduct
+    },
+    children
+  });
+}
+function useProductData() {
+  const context = useContext(ProductDataContext);
+  if (!context) {
+    throw new Error("Missing ComponentsContext");
+  }
+  return context;
+}
 function ProductConfigurator(props) {
   const {
     product,
@@ -10302,7 +10418,6 @@ function ProductConfigurator(props) {
     }
   });
   const {
-    handleSubmit,
     getValues
   } = methods;
   const countedProductPrice = Number((parseFloat(price || "0") + countPrice(getValues("selected"), product)).toFixed(2));
@@ -10329,32 +10444,35 @@ function ProductConfigurator(props) {
   };
   const handleOnSubmit = () => onSubmit();
   return /* @__PURE__ */ jsx(Fragment, {
-    children: /* @__PURE__ */ jsx(ComponentsContext.Provider, {
-      value: props.components,
-      children: /* @__PURE__ */ jsx(FormProvider, {
-        ...methods,
-        children: /* @__PURE__ */ jsxs("form", {
-          children: [showDebugState && /* @__PURE__ */ jsx("div", {
-            className: "hidden",
-            children: /* @__PURE__ */ jsx(DisplayState, {})
-          }), /* @__PURE__ */ jsx(MenuProductRoot, {
-            product: encodedProduct,
-            productQuantity,
-            validationMap,
-            isOpen,
-            handleClose,
-            handleGoBack,
-            handleOnSubmit,
-            countedProductPrice,
-            countedProductTotalPrice: countedProductPrice * productQuantity,
-            increaseProductQuantity,
-            decreaseProductQuantity,
-            currency
-          })]
+    children: /* @__PURE__ */ jsx(ProductDataProvider, {
+      rootProduct: product,
+      children: /* @__PURE__ */ jsx(ComponentsContext.Provider, {
+        value: props.components,
+        children: /* @__PURE__ */ jsx(FormProvider, {
+          ...methods,
+          children: /* @__PURE__ */ jsxs("form", {
+            children: [showDebugState && /* @__PURE__ */ jsx("div", {
+              className: "hidden",
+              children: /* @__PURE__ */ jsx(DisplayState, {})
+            }), /* @__PURE__ */ jsx(MenuProductRoot, {
+              product: encodedProduct,
+              productQuantity,
+              validationMap,
+              isOpen,
+              handleClose,
+              handleGoBack,
+              handleOnSubmit,
+              countedProductPrice,
+              countedProductTotalPrice: countedProductPrice * productQuantity,
+              increaseProductQuantity,
+              decreaseProductQuantity,
+              currency
+            })]
+          })
         })
       })
     })
   });
 }
-export { ContextType, MainView, ProductConfigurator, ProductKinds, ProductTypes, SelMinSelMaxStatus, index_esm as hookForm };
+export { ContextType, MainView, ProductConfigurator, ProductKinds, ProductTypes, SelMinSelMaxStatus, index_esm as hookForm, useProductData };
 //# sourceMappingURL=index.es.js.map