@intlayer/design-system 3.1.0 → 3.2.0

package/dist/hooks/useAsync/useAsyncStateStore.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncStateStore.cjs","sources":["../../../src/hooks/useAsync/useAsyncStateStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype States<T> = {\n  isLoading: boolean;\n  isFetched: boolean;\n  isInvalidated: boolean;\n  fetchedDateTime: null | Date;\n  error: string | null;\n  isSuccess: boolean;\n  data: T | null;\n  retryCount: number;\n  isEnabled: boolean;\n};\n\ntype StateSlice<T> = {\n  [key: string]: States<T>;\n};\n\ntype Actions<T> = {\n  getStates: (key: string) => States<T>;\n  setIsFetched: (key: string, value: boolean) => void;\n  setIsLoading: (key: string, value: boolean) => void;\n  setIsInvalidated: (key: string, value: boolean) => void;\n  setError: (key: string, value: string | null) => void;\n  setIsSuccess: (key: string, value: boolean) => void;\n  setData: (key: string, value: T | null) => void;\n  incrementRetryCount: (key: string) => void;\n  resetRetryCount: (key: string) => void;\n  setIsEnabled: (key: string, value: boolean) => void;\n  resetKeyState: (key: string[]) => void;\n  resetState: (excludedKey: string[]) => void;\n};\n\ntype AsyncState<T> = {\n  states: StateSlice<T>;\n} & Actions<T>;\n\nconst createDefaultStates = <T>(): States<T> => ({\n  isFetched: false,\n  fetchedDateTime: null,\n  isLoading: false,\n  isInvalidated: false,\n  error: null,\n  isSuccess: false,\n  data: null,\n  retryCount: 0,\n  isEnabled: true,\n});\n\n/**\n * If the value is not an array. Transform it en array\n *\n * @param value value to transform en array if not array\n * @returns array\n */\nconst ensureArray = <T>(value?: T | T[]): T[] => {\n  if (!value) {\n    return [];\n  } else if (Array.isArray(value)) {\n    return value;\n  }\n\n  return [value];\n};\n\n/**\n * Return all keys that match\n *\n * @param {string[]} selectorsKeys - List of key to check - example: ['getProducts']\n * @param {string[]} keysWithArgs - List of keys that can includes args - example: [\"getProducts\", \"getProducts/{'ids':['id1','id2']}\", \"getUsers\", \"getUsers/{'ids':['id1','id2']}\" ]\n * @returns {string[]} - key that match the selectors - example: [\"getProducts\", \"getProducts/{'ids':['id1','id2']}\" ]\n */\nconst getMatchKeys = (\n  selectorsKeys: string[],\n  keysWithArgs: string[]\n): string[] => {\n  const matchedKeys: string[] = keysWithArgs.filter((key) =>\n    selectorsKeys.includes(key.split('/')[0])\n  );\n\n  return matchedKeys;\n};\n\nexport const useAsyncStateStore = create<AsyncState<unknown>>((set, get) => ({\n  states: {} as StateSlice<unknown>,\n\n  getStates: (key) =>\n    (get().states[key] as States<unknown>) ?? createDefaultStates<unknown>(),\n\n  setIsFetched: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...((state.states[key] as States<unknown>) ??\n            createDefaultStates<unknown>()),\n          isFetched: value,\n          fetchedDateTime: new Date(),\n        },\n      },\n    })),\n\n  setIsLoading: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...((state.states[key] as States<unknown>) ??\n            createDefaultStates<unknown>()),\n          isLoading: value,\n        },\n      },\n    })),\n\n  setError: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...((state.states[key] as States<unknown>) ??\n            createDefaultStates<unknown>()),\n          error: value,\n        },\n      },\n    })),\n\n  setIsSuccess: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...((state.states[key] as States<unknown>) ??\n            createDefaultStates<unknown>()),\n          isSuccess: value,\n        },\n      },\n    })),\n\n  setIsInvalidated: (key, value) =>\n    set((state) => {\n      if (value === true) {\n        const allKeys = Object.keys(state.states);\n        const matchedKeys = getMatchKeys([key], allKeys);\n\n        matchedKeys.forEach((key) => {\n          sessionStorage.removeItem(key);\n        });\n\n        return {\n          states: {\n            ...state.states,\n            [key]: {\n              ...createDefaultStates<unknown>(),\n              isInvalidated: true,\n            },\n          },\n        };\n      }\n\n      return {\n        states: {\n          ...state.states,\n          [key]: {\n            ...((state.states[key] as States<unknown>) ??\n              createDefaultStates<unknown>()),\n            isInvalidated: false,\n          },\n        },\n      };\n    }),\n\n  setData: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...((state.states[key] as States<unknown>) ??\n            createDefaultStates<unknown>()),\n          data: value,\n        },\n      },\n    })),\n\n  incrementRetryCount: (key) =>\n    set((state) => {\n      const prevState =\n        (state.states[key] as States<unknown>) ??\n        createDefaultStates<unknown>();\n      return {\n        states: {\n          ...state.states,\n          [key]: {\n            ...prevState,\n            retryCount: prevState.retryCount + 1,\n          },\n        },\n      };\n    }),\n\n  resetRetryCount: (key) =>\n    set((state) => {\n      const prevState =\n        (state.states[key] as States<unknown>) ??\n        createDefaultStates<unknown>();\n      return {\n        states: {\n          ...state.states,\n          [key]: {\n            ...prevState,\n            retryCount: 0,\n          },\n        },\n      };\n    }),\n\n  setIsEnabled: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...((state.states[key] as States<unknown>) ??\n            createDefaultStates<unknown>()),\n          isEnabled: value,\n        },\n      },\n    })),\n\n  resetKeyState: (key: string | string[]) =>\n    set((state) => {\n      const keys = ensureArray(key);\n\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keys, allKeys);\n\n      const newStates = { ...state.states };\n      matchedKeys.forEach((k) => {\n        newStates[k] = createDefaultStates<unknown>();\n      });\n      return {\n        states: newStates,\n      };\n    }),\n\n  resetState: (excludedKey?: string | string[]) =>\n    set((state) => {\n      const excludedKeys = ensureArray(excludedKey);\n\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(excludedKeys, allKeys);\n\n      const newStates = Object.keys(state.states).reduce((acc, key) => {\n        if (matchedKeys.includes(key)) {\n          acc[key] = state.states[key];\n        } else {\n          acc[key] = createDefaultStates<unknown>();\n        }\n        return acc;\n      }, {} as StateSlice<unknown>);\n\n      return {\n        states: newStates,\n      };\n    }),\n}));\n"],"names":["create","key"],"mappings":"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"}
+{"version":3,"file":"useAsyncStateStore.cjs","sources":["../../../src/hooks/useAsync/useAsyncStateStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype States<T> = {\n  isLoading: boolean;\n  isFetched: boolean;\n  isInvalidated: boolean;\n  fetchedDateTime: null | Date;\n  error: string | null;\n  isSuccess: boolean;\n  data: T | null;\n  retryCount: number;\n  isEnabled: boolean;\n};\n\ntype StateSlice<T> = {\n  [key: string]: States<T>;\n};\n\ntype Actions<T> = {\n  getStates: (key: string) => States<T>;\n  setQueryState: (key: string, value: Partial<States<T>>) => void;\n  setQueriesState: (key: string[], value: Partial<States<T>>) => void;\n  makeQueryInError: (key: string, error: string) => void;\n  resetKeyState: (key: string[]) => void;\n  resetState: (excludedKey: string[]) => void;\n};\n\ntype AsyncState<T> = {\n  states: StateSlice<T>;\n} & Actions<T>;\n\nconst createDefaultStates = <T>(): States<T> => ({\n  isFetched: false,\n  fetchedDateTime: null,\n  isLoading: false,\n  isInvalidated: false,\n  error: null,\n  isSuccess: false,\n  data: null,\n  retryCount: 0,\n  isEnabled: true,\n});\n\n/**\n * If the value is not an array. Transform it en array\n *\n * @param value value to transform en array if not array\n * @returns array\n */\nconst ensureArray = <T>(value?: T | T[]): T[] => {\n  if (!value) {\n    return [];\n  } else if (Array.isArray(value)) {\n    return value;\n  }\n\n  return [value];\n};\n\n/**\n * Return all keys that match\n *\n * @param {string[]} selectorsKeys - List of key to check - example: ['getProducts']\n * @param {string[]} keysWithArgs - List of keys that can includes args - example: [\"getProducts\", \"getProducts/{'ids':['id1','id2']}\", \"getUsers\", \"getUsers/{'ids':['id1','id2']}\" ]\n * @returns {string[]} - key that match the selectors - example: [\"getProducts\", \"getProducts/{'ids':['id1','id2']}\" ]\n */\nconst getMatchKeys = (\n  selectorsKeys: string[],\n  keysWithArgs: string[]\n): string[] => {\n  const matchedKeys: string[] = keysWithArgs.filter((key) =>\n    selectorsKeys.includes(key.split('/')[0])\n  );\n\n  return matchedKeys;\n};\n\nexport const useAsyncStateStore = create<AsyncState<unknown>>((set, get) => ({\n  states: {},\n\n  getStates: (key) => get().states[key] ?? createDefaultStates<unknown>(),\n\n  setQueryState: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...(state.states[key] ?? createDefaultStates<unknown>()),\n          ...value,\n        },\n      },\n    })),\n\n  makeQueryInError: (key, error) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...(state.states[key] ?? createDefaultStates<unknown>()),\n          error: error,\n          isFetched: true,\n          isSuccess: false,\n          retryCount: (state.states[key]?.retryCount ?? 0) + 1,\n          isLoading: false,\n          isInvalidated: false,\n        },\n      },\n    })),\n\n  setQueriesState: (keys, value) => {\n    const keyArray = ensureArray(keys);\n    if (keyArray.length === 0) return;\n\n    set((state) => ({\n      states: {\n        ...state.states,\n        ...keyArray.reduce((acc, key) => {\n          acc[key] = {\n            ...(state.states[key] ?? createDefaultStates<unknown>()),\n            ...value,\n          };\n          return acc;\n        }, {} as StateSlice<unknown>),\n      },\n    }));\n  },\n\n  resetKeyState: (keys) => {\n    const keyArray = ensureArray(keys);\n    if (keyArray.length === 0) return;\n\n    set((state) => {\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keyArray, allKeys);\n\n      if (matchedKeys.length === 0) return {};\n\n      const resetStates = matchedKeys.reduce((acc, key) => {\n        acc[key] = createDefaultStates<unknown>();\n        return acc;\n      }, {} as StateSlice<unknown>);\n\n      return {\n        states: {\n          ...state.states,\n          ...resetStates,\n        },\n      };\n    });\n  },\n\n  resetState: (excludedKeys) => {\n    const excludeArray = ensureArray(excludedKeys);\n    const allKeys = Object.keys(get().states);\n    const matchedKeys = getMatchKeys(excludeArray, allKeys);\n\n    set((state) => {\n      const newStates = allKeys.reduce((acc, key) => {\n        acc[key] = matchedKeys.includes(key)\n          ? state.states[key]\n          : createDefaultStates<unknown>();\n        return acc;\n      }, {} as StateSlice<unknown>);\n\n      return {\n        states: newStates,\n      };\n    });\n  },\n}));\n"],"names":["create"],"mappings":"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"}

package/dist/hooks/useAsync/useAsyncStateStore.d.ts

@@ -14,15 +14,9 @@ type StateSlice<T> = {
 };
 type Actions<T> = {
     getStates: (key: string) => States<T>;
-    setIsFetched: (key: string, value: boolean) => void;
-    setIsLoading: (key: string, value: boolean) => void;
-    setIsInvalidated: (key: string, value: boolean) => void;
-    setError: (key: string, value: string | null) => void;
-    setIsSuccess: (key: string, value: boolean) => void;
-    setData: (key: string, value: T | null) => void;
-    incrementRetryCount: (key: string) => void;
-    resetRetryCount: (key: string) => void;
-    setIsEnabled: (key: string, value: boolean) => void;
+    setQueryState: (key: string, value: Partial<States<T>>) => void;
+    setQueriesState: (key: string[], value: Partial<States<T>>) => void;
+    makeQueryInError: (key: string, error: string) => void;
     resetKeyState: (key: string[]) => void;
     resetState: (excludedKey: string[]) => void;
 };

package/dist/hooks/useAsync/useAsyncStateStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncStateStore.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAsync/useAsyncStateStore.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,CAAC,CAAC,IAAI;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,IAAI,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,IAAI;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;CAC1B,CAAC;AAEF,KAAK,OAAO,CAAC,CAAC,IAAI;IAChB,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,mBAAmB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpD,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,IAAI;IACnB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CACvB,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAgDf,eAAO,MAAM,kBAAkB,kFAoL5B,CAAC"}
+{"version":3,"file":"useAsyncStateStore.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAsync/useAsyncStateStore.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,CAAC,CAAC,IAAI;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,eAAe,EAAE,IAAI,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,IAAI;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;CAC1B,CAAC;AAEF,KAAK,OAAO,CAAC,CAAC,IAAI;IAChB,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC;IACtC,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAChE,eAAe,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACpE,gBAAgB,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACvC,UAAU,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,KAAK,UAAU,CAAC,CAAC,IAAI;IACnB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CACvB,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAgDf,eAAO,MAAM,kBAAkB,kFA4F5B,CAAC"}

package/dist/hooks/useAsync/useAsyncStateStore.mjs

@@ -27,140 +27,78 @@ const getMatchKeys = (selectorsKeys, keysWithArgs) => {
 const useAsyncStateStore = create((set, get) => ({
   states: {},
   getStates: (key) => get().states[key] ?? createDefaultStates(),
-  setIsFetched: (key, value) => set((state) => ({
+  setQueryState: (key, value) => set((state) => ({
     states: {
       ...state.states,
       [key]: {
         ...state.states[key] ?? createDefaultStates(),
-        isFetched: value,
-        fetchedDateTime: /* @__PURE__ */ new Date()
+        ...value
       }
     }
   })),
-  setIsLoading: (key, value) => set((state) => ({
+  makeQueryInError: (key, error) => set((state) => ({
     states: {
       ...state.states,
       [key]: {
         ...state.states[key] ?? createDefaultStates(),
-        isLoading: value
+        error,
+        isFetched: true,
+        isSuccess: false,
+        retryCount: (state.states[key]?.retryCount ?? 0) + 1,
+        isLoading: false,
+        isInvalidated: false
       }
     }
   })),
-  setError: (key, value) => set((state) => ({
-    states: {
-      ...state.states,
-      [key]: {
-        ...state.states[key] ?? createDefaultStates(),
-        error: value
-      }
-    }
-  })),
-  setIsSuccess: (key, value) => set((state) => ({
-    states: {
-      ...state.states,
-      [key]: {
-        ...state.states[key] ?? createDefaultStates(),
-        isSuccess: value
+  setQueriesState: (keys, value) => {
+    const keyArray = ensureArray(keys);
+    if (keyArray.length === 0) return;
+    set((state) => ({
+      states: {
+        ...state.states,
+        ...keyArray.reduce((acc, key) => {
+          acc[key] = {
+            ...state.states[key] ?? createDefaultStates(),
+            ...value
+          };
+          return acc;
+        }, {})
       }
-    }
-  })),
-  setIsInvalidated: (key, value) => set((state) => {
-    if (value === true) {
+    }));
+  },
+  resetKeyState: (keys) => {
+    const keyArray = ensureArray(keys);
+    if (keyArray.length === 0) return;
+    set((state) => {
       const allKeys = Object.keys(state.states);
-      const matchedKeys = getMatchKeys([key], allKeys);
-      matchedKeys.forEach((key2) => {
-        sessionStorage.removeItem(key2);
-      });
+      const matchedKeys = getMatchKeys(keyArray, allKeys);
+      if (matchedKeys.length === 0) return {};
+      const resetStates = matchedKeys.reduce((acc, key) => {
+        acc[key] = createDefaultStates();
+        return acc;
+      }, {});
       return {
         states: {
           ...state.states,
-          [key]: {
-            ...createDefaultStates(),
-            isInvalidated: true
-          }
+          ...resetStates
         }
       };
-    }
-    return {
-      states: {
-        ...state.states,
-        [key]: {
-          ...state.states[key] ?? createDefaultStates(),
-          isInvalidated: false
-        }
-      }
-    };
-  }),
-  setData: (key, value) => set((state) => ({
-    states: {
-      ...state.states,
-      [key]: {
-        ...state.states[key] ?? createDefaultStates(),
-        data: value
-      }
-    }
-  })),
-  incrementRetryCount: (key) => set((state) => {
-    const prevState = state.states[key] ?? createDefaultStates();
-    return {
-      states: {
-        ...state.states,
-        [key]: {
-          ...prevState,
-          retryCount: prevState.retryCount + 1
-        }
-      }
-    };
-  }),
-  resetRetryCount: (key) => set((state) => {
-    const prevState = state.states[key] ?? createDefaultStates();
-    return {
-      states: {
-        ...state.states,
-        [key]: {
-          ...prevState,
-          retryCount: 0
-        }
-      }
-    };
-  }),
-  setIsEnabled: (key, value) => set((state) => ({
-    states: {
-      ...state.states,
-      [key]: {
-        ...state.states[key] ?? createDefaultStates(),
-        isEnabled: value
-      }
-    }
-  })),
-  resetKeyState: (key) => set((state) => {
-    const keys = ensureArray(key);
-    const allKeys = Object.keys(state.states);
-    const matchedKeys = getMatchKeys(keys, allKeys);
-    const newStates = { ...state.states };
-    matchedKeys.forEach((k) => {
-      newStates[k] = createDefaultStates();
     });
-    return {
-      states: newStates
-    };
-  }),
-  resetState: (excludedKey) => set((state) => {
-    const excludedKeys = ensureArray(excludedKey);
-    const allKeys = Object.keys(state.states);
-    const matchedKeys = getMatchKeys(excludedKeys, allKeys);
-    const newStates = Object.keys(state.states).reduce((acc, key) => {
-      if (matchedKeys.includes(key)) {
-        acc[key] = state.states[key];
-      } else {
-        acc[key] = createDefaultStates();
-      }
-      return acc;
-    }, {});
-    return {
-      states: newStates
-    };
-  })
+  },
+  resetState: (excludedKeys) => {
+    const excludeArray = ensureArray(excludedKeys);
+    const allKeys = Object.keys(get().states);
+    const matchedKeys = getMatchKeys(excludeArray, allKeys);
+    set((state) => {
+      const newStates = allKeys.reduce((acc, key) => {
+        acc[key] = matchedKeys.includes(key) ? state.states[key] : createDefaultStates();
+        return acc;
+      }, {});
+      return {
+        states: newStates
+      };
+    });
+  }
 }));
 export {
   useAsyncStateStore

package/dist/hooks/useAsync/useAsyncStateStore.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncStateStore.mjs","sources":["../../../src/hooks/useAsync/useAsyncStateStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype States<T> = {\n  isLoading: boolean;\n  isFetched: boolean;\n  isInvalidated: boolean;\n  fetchedDateTime: null | Date;\n  error: string | null;\n  isSuccess: boolean;\n  data: T | null;\n  retryCount: number;\n  isEnabled: boolean;\n};\n\ntype StateSlice<T> = {\n  [key: string]: States<T>;\n};\n\ntype Actions<T> = {\n  getStates: (key: string) => States<T>;\n  setIsFetched: (key: string, value: boolean) => void;\n  setIsLoading: (key: string, value: boolean) => void;\n  setIsInvalidated: (key: string, value: boolean) => void;\n  setError: (key: string, value: string | null) => void;\n  setIsSuccess: (key: string, value: boolean) => void;\n  setData: (key: string, value: T | null) => void;\n  incrementRetryCount: (key: string) => void;\n  resetRetryCount: (key: string) => void;\n  setIsEnabled: (key: string, value: boolean) => void;\n  resetKeyState: (key: string[]) => void;\n  resetState: (excludedKey: string[]) => void;\n};\n\ntype AsyncState<T> = {\n  states: StateSlice<T>;\n} & Actions<T>;\n\nconst createDefaultStates = <T>(): States<T> => ({\n  isFetched: false,\n  fetchedDateTime: null,\n  isLoading: false,\n  isInvalidated: false,\n  error: null,\n  isSuccess: false,\n  data: null,\n  retryCount: 0,\n  isEnabled: true,\n});\n\n/**\n * If the value is not an array. Transform it en array\n *\n * @param value value to transform en array if not array\n * @returns array\n */\nconst ensureArray = <T>(value?: T | T[]): T[] => {\n  if (!value) {\n    return [];\n  } else if (Array.isArray(value)) {\n    return value;\n  }\n\n  return [value];\n};\n\n/**\n * Return all keys that match\n *\n * @param {string[]} selectorsKeys - List of key to check - example: ['getProducts']\n * @param {string[]} keysWithArgs - List of keys that can includes args - example: [\"getProducts\", \"getProducts/{'ids':['id1','id2']}\", \"getUsers\", \"getUsers/{'ids':['id1','id2']}\" ]\n * @returns {string[]} - key that match the selectors - example: [\"getProducts\", \"getProducts/{'ids':['id1','id2']}\" ]\n */\nconst getMatchKeys = (\n  selectorsKeys: string[],\n  keysWithArgs: string[]\n): string[] => {\n  const matchedKeys: string[] = keysWithArgs.filter((key) =>\n    selectorsKeys.includes(key.split('/')[0])\n  );\n\n  return matchedKeys;\n};\n\nexport const useAsyncStateStore = create<AsyncState<unknown>>((set, get) => ({\n  states: {} as StateSlice<unknown>,\n\n  getStates: (key) =>\n    (get().states[key] as States<unknown>) ?? createDefaultStates<unknown>(),\n\n  setIsFetched: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...((state.states[key] as States<unknown>) ??\n            createDefaultStates<unknown>()),\n          isFetched: value,\n          fetchedDateTime: new Date(),\n        },\n      },\n    })),\n\n  setIsLoading: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...((state.states[key] as States<unknown>) ??\n            createDefaultStates<unknown>()),\n          isLoading: value,\n        },\n      },\n    })),\n\n  setError: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...((state.states[key] as States<unknown>) ??\n            createDefaultStates<unknown>()),\n          error: value,\n        },\n      },\n    })),\n\n  setIsSuccess: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...((state.states[key] as States<unknown>) ??\n            createDefaultStates<unknown>()),\n          isSuccess: value,\n        },\n      },\n    })),\n\n  setIsInvalidated: (key, value) =>\n    set((state) => {\n      if (value === true) {\n        const allKeys = Object.keys(state.states);\n        const matchedKeys = getMatchKeys([key], allKeys);\n\n        matchedKeys.forEach((key) => {\n          sessionStorage.removeItem(key);\n        });\n\n        return {\n          states: {\n            ...state.states,\n            [key]: {\n              ...createDefaultStates<unknown>(),\n              isInvalidated: true,\n            },\n          },\n        };\n      }\n\n      return {\n        states: {\n          ...state.states,\n          [key]: {\n            ...((state.states[key] as States<unknown>) ??\n              createDefaultStates<unknown>()),\n            isInvalidated: false,\n          },\n        },\n      };\n    }),\n\n  setData: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...((state.states[key] as States<unknown>) ??\n            createDefaultStates<unknown>()),\n          data: value,\n        },\n      },\n    })),\n\n  incrementRetryCount: (key) =>\n    set((state) => {\n      const prevState =\n        (state.states[key] as States<unknown>) ??\n        createDefaultStates<unknown>();\n      return {\n        states: {\n          ...state.states,\n          [key]: {\n            ...prevState,\n            retryCount: prevState.retryCount + 1,\n          },\n        },\n      };\n    }),\n\n  resetRetryCount: (key) =>\n    set((state) => {\n      const prevState =\n        (state.states[key] as States<unknown>) ??\n        createDefaultStates<unknown>();\n      return {\n        states: {\n          ...state.states,\n          [key]: {\n            ...prevState,\n            retryCount: 0,\n          },\n        },\n      };\n    }),\n\n  setIsEnabled: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...((state.states[key] as States<unknown>) ??\n            createDefaultStates<unknown>()),\n          isEnabled: value,\n        },\n      },\n    })),\n\n  resetKeyState: (key: string | string[]) =>\n    set((state) => {\n      const keys = ensureArray(key);\n\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keys, allKeys);\n\n      const newStates = { ...state.states };\n      matchedKeys.forEach((k) => {\n        newStates[k] = createDefaultStates<unknown>();\n      });\n      return {\n        states: newStates,\n      };\n    }),\n\n  resetState: (excludedKey?: string | string[]) =>\n    set((state) => {\n      const excludedKeys = ensureArray(excludedKey);\n\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(excludedKeys, allKeys);\n\n      const newStates = Object.keys(state.states).reduce((acc, key) => {\n        if (matchedKeys.includes(key)) {\n          acc[key] = state.states[key];\n        } else {\n          acc[key] = createDefaultStates<unknown>();\n        }\n        return acc;\n      }, {} as StateSlice<unknown>);\n\n      return {\n        states: newStates,\n      };\n    }),\n}));\n"],"names":["key"],"mappings":";AAqCA,MAAM,sBAAsB,OAAqB;AAAA,EAC/C,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,WAAW;AACb;AAQA,MAAM,cAAc,CAAI,UAAyB;AAC/C,MAAI,CAAC,OAAO;AACV,WAAO;EACE,WAAA,MAAM,QAAQ,KAAK,GAAG;AACxB,WAAA;AAAA,EACT;AAEA,SAAO,CAAC,KAAK;AACf;AASA,MAAM,eAAe,CACnB,eACA,iBACa;AACb,QAAM,cAAwB,aAAa;AAAA,IAAO,CAAC,QACjD,cAAc,SAAS,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC;AAAA,EAAA;AAGnC,SAAA;AACT;AAEO,MAAM,qBAAqB,OAA4B,CAAC,KAAK,SAAS;AAAA,EAC3E,QAAQ,CAAC;AAAA,EAET,WAAW,CAAC,QACT,IAAA,EAAM,OAAO,GAAG,KAAyB,oBAA6B;AAAA,EAEzE,cAAc,CAAC,KAAK,UAClB,IAAI,CAAC,WAAW;AAAA,IACd,QAAQ;AAAA,MACN,GAAG,MAAM;AAAA,MACT,CAAC,GAAG,GAAG;AAAA,QACL,GAAK,MAAM,OAAO,GAAG,KACnB,oBAA6B;AAAA,QAC/B,WAAW;AAAA,QACX,qCAAqB,KAAK;AAAA,MAC5B;AAAA,IACF;AAAA,EAAA,EACA;AAAA,EAEJ,cAAc,CAAC,KAAK,UAClB,IAAI,CAAC,WAAW;AAAA,IACd,QAAQ;AAAA,MACN,GAAG,MAAM;AAAA,MACT,CAAC,GAAG,GAAG;AAAA,QACL,GAAK,MAAM,OAAO,GAAG,KACnB,oBAA6B;AAAA,QAC/B,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EAAA,EACA;AAAA,EAEJ,UAAU,CAAC,KAAK,UACd,IAAI,CAAC,WAAW;AAAA,IACd,QAAQ;AAAA,MACN,GAAG,MAAM;AAAA,MACT,CAAC,GAAG,GAAG;AAAA,QACL,GAAK,MAAM,OAAO,GAAG,KACnB,oBAA6B;AAAA,QAC/B,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EAAA,EACA;AAAA,EAEJ,cAAc,CAAC,KAAK,UAClB,IAAI,CAAC,WAAW;AAAA,IACd,QAAQ;AAAA,MACN,GAAG,MAAM;AAAA,MACT,CAAC,GAAG,GAAG;AAAA,QACL,GAAK,MAAM,OAAO,GAAG,KACnB,oBAA6B;AAAA,QAC/B,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EAAA,EACA;AAAA,EAEJ,kBAAkB,CAAC,KAAK,UACtB,IAAI,CAAC,UAAU;AACb,QAAI,UAAU,MAAM;AAClB,YAAM,UAAU,OAAO,KAAK,MAAM,MAAM;AACxC,YAAM,cAAc,aAAa,CAAC,GAAG,GAAG,OAAO;AAEnC,kBAAA,QAAQ,CAACA,SAAQ;AAC3B,uBAAe,WAAWA,IAAG;AAAA,MAAA,CAC9B;AAEM,aAAA;AAAA,QACL,QAAQ;AAAA,UACN,GAAG,MAAM;AAAA,UACT,CAAC,GAAG,GAAG;AAAA,YACL,GAAG,oBAA6B;AAAA,YAChC,eAAe;AAAA,UACjB;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ;AAEO,WAAA;AAAA,MACL,QAAQ;AAAA,QACN,GAAG,MAAM;AAAA,QACT,CAAC,GAAG,GAAG;AAAA,UACL,GAAK,MAAM,OAAO,GAAG,KACnB,oBAA6B;AAAA,UAC/B,eAAe;AAAA,QACjB;AAAA,MACF;AAAA,IAAA;AAAA,EACF,CACD;AAAA,EAEH,SAAS,CAAC,KAAK,UACb,IAAI,CAAC,WAAW;AAAA,IACd,QAAQ;AAAA,MACN,GAAG,MAAM;AAAA,MACT,CAAC,GAAG,GAAG;AAAA,QACL,GAAK,MAAM,OAAO,GAAG,KACnB,oBAA6B;AAAA,QAC/B,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EAAA,EACA;AAAA,EAEJ,qBAAqB,CAAC,QACpB,IAAI,CAAC,UAAU;AACb,UAAM,YACH,MAAM,OAAO,GAAG,KACjB,oBAA6B;AACxB,WAAA;AAAA,MACL,QAAQ;AAAA,QACN,GAAG,MAAM;AAAA,QACT,CAAC,GAAG,GAAG;AAAA,UACL,GAAG;AAAA,UACH,YAAY,UAAU,aAAa;AAAA,QACrC;AAAA,MACF;AAAA,IAAA;AAAA,EACF,CACD;AAAA,EAEH,iBAAiB,CAAC,QAChB,IAAI,CAAC,UAAU;AACb,UAAM,YACH,MAAM,OAAO,GAAG,KACjB,oBAA6B;AACxB,WAAA;AAAA,MACL,QAAQ;AAAA,QACN,GAAG,MAAM;AAAA,QACT,CAAC,GAAG,GAAG;AAAA,UACL,GAAG;AAAA,UACH,YAAY;AAAA,QACd;AAAA,MACF;AAAA,IAAA;AAAA,EACF,CACD;AAAA,EAEH,cAAc,CAAC,KAAK,UAClB,IAAI,CAAC,WAAW;AAAA,IACd,QAAQ;AAAA,MACN,GAAG,MAAM;AAAA,MACT,CAAC,GAAG,GAAG;AAAA,QACL,GAAK,MAAM,OAAO,GAAG,KACnB,oBAA6B;AAAA,QAC/B,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EAAA,EACA;AAAA,EAEJ,eAAe,CAAC,QACd,IAAI,CAAC,UAAU;AACP,UAAA,OAAO,YAAY,GAAG;AAE5B,UAAM,UAAU,OAAO,KAAK,MAAM,MAAM;AAClC,UAAA,cAAc,aAAa,MAAM,OAAO;AAE9C,UAAM,YAAY,EAAE,GAAG,MAAM,OAAO;AACxB,gBAAA,QAAQ,CAAC,MAAM;AACf,gBAAA,CAAC,IAAI;IAA6B,CAC7C;AACM,WAAA;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EACV,CACD;AAAA,EAEH,YAAY,CAAC,gBACX,IAAI,CAAC,UAAU;AACP,UAAA,eAAe,YAAY,WAAW;AAE5C,UAAM,UAAU,OAAO,KAAK,MAAM,MAAM;AAClC,UAAA,cAAc,aAAa,cAAc,OAAO;AAEhD,UAAA,YAAY,OAAO,KAAK,MAAM,MAAM,EAAE,OAAO,CAAC,KAAK,QAAQ;AAC3D,UAAA,YAAY,SAAS,GAAG,GAAG;AAC7B,YAAI,GAAG,IAAI,MAAM,OAAO,GAAG;AAAA,MAAA,OACtB;AACD,YAAA,GAAG,IAAI;MACb;AACO,aAAA;AAAA,IACT,GAAG,CAAyB,CAAA;AAErB,WAAA;AAAA,MACL,QAAQ;AAAA,IAAA;AAAA,EACV,CACD;AACL,EAAE;"}
+{"version":3,"file":"useAsyncStateStore.mjs","sources":["../../../src/hooks/useAsync/useAsyncStateStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype States<T> = {\n  isLoading: boolean;\n  isFetched: boolean;\n  isInvalidated: boolean;\n  fetchedDateTime: null | Date;\n  error: string | null;\n  isSuccess: boolean;\n  data: T | null;\n  retryCount: number;\n  isEnabled: boolean;\n};\n\ntype StateSlice<T> = {\n  [key: string]: States<T>;\n};\n\ntype Actions<T> = {\n  getStates: (key: string) => States<T>;\n  setQueryState: (key: string, value: Partial<States<T>>) => void;\n  setQueriesState: (key: string[], value: Partial<States<T>>) => void;\n  makeQueryInError: (key: string, error: string) => void;\n  resetKeyState: (key: string[]) => void;\n  resetState: (excludedKey: string[]) => void;\n};\n\ntype AsyncState<T> = {\n  states: StateSlice<T>;\n} & Actions<T>;\n\nconst createDefaultStates = <T>(): States<T> => ({\n  isFetched: false,\n  fetchedDateTime: null,\n  isLoading: false,\n  isInvalidated: false,\n  error: null,\n  isSuccess: false,\n  data: null,\n  retryCount: 0,\n  isEnabled: true,\n});\n\n/**\n * If the value is not an array. Transform it en array\n *\n * @param value value to transform en array if not array\n * @returns array\n */\nconst ensureArray = <T>(value?: T | T[]): T[] => {\n  if (!value) {\n    return [];\n  } else if (Array.isArray(value)) {\n    return value;\n  }\n\n  return [value];\n};\n\n/**\n * Return all keys that match\n *\n * @param {string[]} selectorsKeys - List of key to check - example: ['getProducts']\n * @param {string[]} keysWithArgs - List of keys that can includes args - example: [\"getProducts\", \"getProducts/{'ids':['id1','id2']}\", \"getUsers\", \"getUsers/{'ids':['id1','id2']}\" ]\n * @returns {string[]} - key that match the selectors - example: [\"getProducts\", \"getProducts/{'ids':['id1','id2']}\" ]\n */\nconst getMatchKeys = (\n  selectorsKeys: string[],\n  keysWithArgs: string[]\n): string[] => {\n  const matchedKeys: string[] = keysWithArgs.filter((key) =>\n    selectorsKeys.includes(key.split('/')[0])\n  );\n\n  return matchedKeys;\n};\n\nexport const useAsyncStateStore = create<AsyncState<unknown>>((set, get) => ({\n  states: {},\n\n  getStates: (key) => get().states[key] ?? createDefaultStates<unknown>(),\n\n  setQueryState: (key, value) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...(state.states[key] ?? createDefaultStates<unknown>()),\n          ...value,\n        },\n      },\n    })),\n\n  makeQueryInError: (key, error) =>\n    set((state) => ({\n      states: {\n        ...state.states,\n        [key]: {\n          ...(state.states[key] ?? createDefaultStates<unknown>()),\n          error: error,\n          isFetched: true,\n          isSuccess: false,\n          retryCount: (state.states[key]?.retryCount ?? 0) + 1,\n          isLoading: false,\n          isInvalidated: false,\n        },\n      },\n    })),\n\n  setQueriesState: (keys, value) => {\n    const keyArray = ensureArray(keys);\n    if (keyArray.length === 0) return;\n\n    set((state) => ({\n      states: {\n        ...state.states,\n        ...keyArray.reduce((acc, key) => {\n          acc[key] = {\n            ...(state.states[key] ?? createDefaultStates<unknown>()),\n            ...value,\n          };\n          return acc;\n        }, {} as StateSlice<unknown>),\n      },\n    }));\n  },\n\n  resetKeyState: (keys) => {\n    const keyArray = ensureArray(keys);\n    if (keyArray.length === 0) return;\n\n    set((state) => {\n      const allKeys = Object.keys(state.states);\n      const matchedKeys = getMatchKeys(keyArray, allKeys);\n\n      if (matchedKeys.length === 0) return {};\n\n      const resetStates = matchedKeys.reduce((acc, key) => {\n        acc[key] = createDefaultStates<unknown>();\n        return acc;\n      }, {} as StateSlice<unknown>);\n\n      return {\n        states: {\n          ...state.states,\n          ...resetStates,\n        },\n      };\n    });\n  },\n\n  resetState: (excludedKeys) => {\n    const excludeArray = ensureArray(excludedKeys);\n    const allKeys = Object.keys(get().states);\n    const matchedKeys = getMatchKeys(excludeArray, allKeys);\n\n    set((state) => {\n      const newStates = allKeys.reduce((acc, key) => {\n        acc[key] = matchedKeys.includes(key)\n          ? state.states[key]\n          : createDefaultStates<unknown>();\n        return acc;\n      }, {} as StateSlice<unknown>);\n\n      return {\n        states: newStates,\n      };\n    });\n  },\n}));\n"],"names":[],"mappings":"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"}

package/dist/hooks/useAsync/useProxyState.d.ts

@@ -0,0 +1,3 @@
+export declare const useProxyState: <T extends object>(state: T, subscribe: (prop: keyof T) => void) => T;
+export declare const asyncStateStore: any;
+//# sourceMappingURL=useProxyState.d.ts.map

package/dist/hooks/useAsync/useProxyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProxyState.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAsync/useProxyState.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,MAAM,SACrC,CAAC,aACG,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,IAAI,KACjC,CAeF,CAAC;AAEF,eAAO,MAAM,eAAe,KAAqB,CAAC"}

package/dist/hooks/useIntlayerAPI.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require$$0 = require("react");
-const components_Auth_AuthProvider_index = require("../components/Auth/AuthProvider/index.cjs");
+const components_Auth_useAuth_index = require("../components/Auth/useAuth/index.cjs");
 const libs_intlayerApi_index = require("../libs/intlayer-api/index.cjs");
-const useIntlayerAPI = () => {
-  const { csrfToken, oAuth2AccessToken } = components_Auth_AuthProvider_index.useAuth();
+const useIntlayerAuth = (options) => {
+  const { csrfToken, oAuth2AccessToken } = components_Auth_useAuth_index.useAuth();
   const headers = require$$0.useMemo(
     () => oAuth2AccessToken?.accessToken ? {
       Authorization: `Bearer ${oAuth2AccessToken.accessToken}`
@@ -18,10 +18,11 @@ const useIntlayerAPI = () => {
   return require$$0.useMemo(
     () => libs_intlayerApi_index.getIntlayerAPI({
       headers,
-      body
+      body,
+      ...options
     }),
     [body, headers]
   );
 };
-exports.useIntlayerAPI = useIntlayerAPI;
+exports.useIntlayerAuth = useIntlayerAuth;
 //# sourceMappingURL=useIntlayerAPI.cjs.map

package/dist/hooks/useIntlayerAPI.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayerAPI.cjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/AuthProvider';\nimport { getIntlayerAPI } from '../libs/intlayer-api';\n\nexport const useIntlayerAPI = () => {\n  const { csrfToken, oAuth2AccessToken } = useAuth();\n\n  const headers = useMemo(\n    () =>\n      oAuth2AccessToken?.accessToken\n        ? {\n            Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n          }\n        : undefined,\n    [oAuth2AccessToken?.accessToken]\n  );\n\n  const body = useMemo(\n    () => (csrfToken ? { csrf_token: csrfToken } : undefined),\n    [csrfToken]\n  );\n\n  return useMemo(\n    () =>\n      getIntlayerAPI({\n        headers,\n        body,\n      }),\n    [body, headers]\n  );\n};\n"],"names":["useAuth","useMemo","getIntlayerAPI"],"mappings":";;;;;AAIO,MAAM,iBAAiB,MAAM;AAClC,QAAM,EAAE,WAAW,kBAAkB,IAAIA,mCAAQ,QAAA;AAEjD,QAAM,UAAUC,WAAA;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAExD,IAAA;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EAAA;AAGjC,QAAM,OAAOA,WAAA;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,cAAc;AAAA,IAC/C,CAAC,SAAS;AAAA,EAAA;AAGL,SAAAA,WAAA;AAAA,IACL,MACEC,sCAAe;AAAA,MACb;AAAA,MACA;AAAA,IAAA,CACD;AAAA,IACH,CAAC,MAAM,OAAO;AAAA,EAAA;AAElB;;"}
+{"version":3,"file":"useIntlayerAPI.cjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/useAuth';\nimport { getIntlayerAPI } from '../libs/intlayer-api';\nimport { FetcherOptions } from '../libs/intlayer-api/fetcher';\n\nexport const useIntlayerAuth = (options?: FetcherOptions) => {\n  const { csrfToken, oAuth2AccessToken } = useAuth();\n\n  const headers = useMemo(\n    () =>\n      oAuth2AccessToken?.accessToken\n        ? {\n            Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n          }\n        : undefined,\n    [oAuth2AccessToken?.accessToken]\n  );\n\n  const body = useMemo(\n    () => (csrfToken ? { csrf_token: csrfToken } : undefined),\n    [csrfToken]\n  );\n\n  return useMemo(\n    () =>\n      getIntlayerAPI({\n        headers,\n        body,\n        ...options,\n      }),\n    [body, headers]\n  );\n};\n"],"names":["useAuth","useMemo","getIntlayerAPI"],"mappings":";;;;;AAKa,MAAA,kBAAkB,CAAC,YAA6B;AAC3D,QAAM,EAAE,WAAW,kBAAkB,IAAIA,8BAAQ,QAAA;AAEjD,QAAM,UAAUC,WAAA;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAExD,IAAA;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EAAA;AAGjC,QAAM,OAAOA,WAAA;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,cAAc;AAAA,IAC/C,CAAC,SAAS;AAAA,EAAA;AAGL,SAAAA,WAAA;AAAA,IACL,MACEC,sCAAe;AAAA,MACb;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,CACJ;AAAA,IACH,CAAC,MAAM,OAAO;AAAA,EAAA;AAElB;;"}

package/dist/hooks/useIntlayerAPI.d.ts

@@ -1,59 +1,65 @@
-export declare const useIntlayerAPI: () => {
+import { FetcherOptions } from '../libs/intlayer-api/fetcher';
+export declare const useIntlayerAuth: (options?: FetcherOptions) => {
     organization: {
-        getOrganizations: (filters?: import('@intlayer/backend').GetOrganizationsParams, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetOrganizationsResult>;
-        getOrganization: (organizationId: import('@intlayer/backend').GetOrganizationParam["organizationId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetOrganizationResult>;
-        addOrganization: (organization: import('@intlayer/backend').AddOrganizationBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').AddOrganizationResult>;
-        addOrganizationMember: (body: import('@intlayer/backend').AddOrganizationMemberBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').AddOrganizationMemberResult>;
-        updateOrganization: (organization: import('@intlayer/backend').UpdateOrganizationBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateOrganizationResult>;
-        updateOrganizationMembers: (body: import('@intlayer/backend').UpdateOrganizationMembersBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateOrganizationMembersResult>;
-        deleteOrganization: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').DeleteOrganizationResult>;
-        selectOrganization: (organizationId: import('@intlayer/backend').SelectOrganizationParam["organizationId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').SelectOrganizationResult>;
-        unselectOrganization: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UnselectOrganizationResult>;
+        getOrganizations: (filters?: import('@intlayer/backend').GetOrganizationsParams, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetOrganizationsResult>;
+        getOrganization: (organizationId: import('@intlayer/backend').GetOrganizationParam["organizationId"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetOrganizationResult>;
+        addOrganization: (organization: import('@intlayer/backend').AddOrganizationBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').AddOrganizationResult>;
+        addOrganizationMember: (body: import('@intlayer/backend').AddOrganizationMemberBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').AddOrganizationMemberResult>;
+        updateOrganization: (organization: import('@intlayer/backend').UpdateOrganizationBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').UpdateOrganizationResult>;
+        updateOrganizationMembers: (body: import('@intlayer/backend').UpdateOrganizationMembersBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').UpdateOrganizationMembersResult>;
+        deleteOrganization: (otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').DeleteOrganizationResult>;
+        selectOrganization: (organizationId: import('@intlayer/backend').SelectOrganizationParam["organizationId"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').SelectOrganizationResult>;
+        unselectOrganization: (otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').UnselectOrganizationResult>;
     };
     project: {
-        getProjects: (filters?: import('@intlayer/backend').GetProjectsParams, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetProjectsResult>;
-        addProject: (project: import('@intlayer/backend').AddProjectBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').AddProjectResult>;
-        updateProject: (project: import('@intlayer/backend').UpdateProjectBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateProjectResult>;
-        updateProjectMembers: (body: import('@intlayer/backend').UpdateProjectMembersBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateProjectMembersResult>;
-        deleteProject: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').DeleteProjectResult>;
-        selectProject: (projectId: import('@intlayer/backend').SelectProjectParam["projectId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').SelectProjectResult>;
-        unselectProject: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UnselectProjectResult>;
-        addNewAccessKey: (accessKey: import('@intlayer/backend').AddNewAccessKeyBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').AddNewAccessKeyResponse>;
-        deleteAccessKey: (clientId: import('@intlayer/backend').DeleteAccessKeyBody["clientId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').DeleteAccessKeyResponse>;
-        refreshAccessKey: (clientId: import('@intlayer/backend').RefreshAccessKeyBody["clientId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').RefreshAccessKeyResponse>;
+        getProjects: (filters?: import('@intlayer/backend').GetProjectsParams, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetProjectsResult>;
+        addProject: (project: import('@intlayer/backend').AddProjectBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').AddProjectResult>;
+        updateProject: (project: import('@intlayer/backend').UpdateProjectBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').UpdateProjectResult>;
+        updateProjectMembers: (body: import('@intlayer/backend').UpdateProjectMembersBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').UpdateProjectMembersResult>;
+        deleteProject: (otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').DeleteProjectResult>;
+        selectProject: (projectId: import('@intlayer/backend').SelectProjectParam["projectId"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').SelectProjectResult>;
+        unselectProject: (otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').UnselectProjectResult>;
+        addNewAccessKey: (accessKey: import('@intlayer/backend').AddNewAccessKeyBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').AddNewAccessKeyResponse>;
+        deleteAccessKey: (clientId: import('@intlayer/backend').DeleteAccessKeyBody["clientId"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').DeleteAccessKeyResponse>;
+        refreshAccessKey: (clientId: import('@intlayer/backend').RefreshAccessKeyBody["clientId"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').RefreshAccessKeyResponse>;
     };
     user: {
-        createUser: (user: import('@intlayer/backend').CreateUserBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').CreateUserResult>;
-        getUsers: (filters?: import('@intlayer/backend').GetUsersParams, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetUsersResult>;
-        getUserById: (userId: import('@intlayer/backend').GetUserByIdParams["userId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetUserByIdResult>;
-        getUserByAccount: (providerAccountId: import('@intlayer/backend').GetUserByAccountParams["providerAccountId"], provider: import('@intlayer/backend').GetUserByAccountParams["provider"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetUserByAccountResult>;
-        getUserByEmail: (email: import('@intlayer/backend').GetUserByEmailParams["email"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetUserByEmailResult>;
-        updateUser: (user: import('@intlayer/backend').UpdateUserBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateUserResult>;
-        deleteUser: (userId: string, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateUserResult>;
+        createUser: (user: import('@intlayer/backend').CreateUserBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').CreateUserResult>;
+        getUsers: (filters?: import('@intlayer/backend').GetUsersParams, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetUsersResult>;
+        getUserById: (userId: import('@intlayer/backend').GetUserByIdParams["userId"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetUserByIdResult>;
+        getUserByAccount: (providerAccountId: import('@intlayer/backend').GetUserByAccountParams["providerAccountId"], provider: import('@intlayer/backend').GetUserByAccountParams["provider"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetUserByAccountResult>;
+        getUserByEmail: (email: import('@intlayer/backend').GetUserByEmailParams["email"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetUserByEmailResult>;
+        updateUser: (user: import('@intlayer/backend').UpdateUserBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').UpdateUserResult>;
+        deleteUser: (userId: string, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').UpdateUserResult>;
     };
     auth: {
-        login: (user: import('@intlayer/backend').LoginBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').LoginResult>;
+        login: (user: import('@intlayer/backend').LoginBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').LoginResult>;
         getLoginWithGitHubURL: (params: import('@intlayer/backend').GithubLoginQueryParams) => string;
         getLoginWithGoogleURL: (params: import('@intlayer/backend').GoogleLoginQueryParams) => string;
-        register: (user: import('@intlayer/backend').RegisterBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').RegisterResult>;
-        logout: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<void>;
-        resetPassword: (params: import('@intlayer/backend').ResetPasswordParams, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').ResetPasswordResult>;
-        askResetPassword: (email: import('@intlayer/backend').AskResetPasswordBody["email"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').AskResetPasswordResult>;
-        verifyEmail: ({ userId, secret }: import('@intlayer/backend').ValidEmailParams, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').ValidEmailResult>;
-        changePassword: (data: import('@intlayer/backend').UpdatePasswordBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdatePasswordResult>;
-        createSession: (data: import('@intlayer/backend').CreateSessionBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').CreateSessionResult>;
-        getSession: (sessionToken?: import('@intlayer/backend').GetSessionInformationQuery["session_token"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetSessionInformationResult>;
-        getCSRFToken: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').SetCSRFTokenResult>;
-        getOAuth2AccessToken: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetOAuth2TokenResult>;
+        register: (user: import('@intlayer/backend').RegisterBody, query?: import('@intlayer/backend').RegisterQuery, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').RegisterResult>;
+        logout: (otherOptions?: FetcherOptions) => Promise<void>;
+        resetPassword: (params: import('@intlayer/backend').ResetPasswordParams, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').ResetPasswordResult>;
+        askResetPassword: (email: import('@intlayer/backend').AskResetPasswordBody["email"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').AskResetPasswordResult>;
+        checkIfUserHasPassword: (otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').CheckIfUserHasPasswordResult>;
+        verifyEmail: ({ userId, secret }: import('@intlayer/backend').ValidEmailParams, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').ValidEmailResult>;
+        getVerifyEmailStatusURL: (userId: string | import('@intlayer/backend').UserAPI["_id"]) => string;
+        changePassword: (data: import('@intlayer/backend').UpdatePasswordBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').UpdatePasswordResult>;
+        createSession: (data: import('@intlayer/backend').CreateSessionBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').CreateSessionResult>;
+        getSession: (sessionToken?: import('@intlayer/backend').GetSessionInformationQuery["session_token"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetSessionInformationResult>;
+        getCSRFToken: (otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').SetCSRFTokenResult>;
+        getOAuth2AccessToken: (otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetOAuth2TokenResult>;
     };
     dictionary: {
-        getDictionaries: (filters?: import('@intlayer/backend').GetDictionariesParams, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetDictionariesResult>;
-        getDictionariesKeys: (otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetDictionariesKeysResult>;
-        getDictionary: (dictionaryKey: import('@intlayer/backend').GetDictionaryParams["dictionaryKey"], version?: import('@intlayer/backend').GetDictionaryQuery["version"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').GetDictionaryResult>;
-        pushDictionaries: (dictionaries: import('@intlayer/backend').PushDictionariesBody["dictionaries"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').PushDictionariesResult>;
-        addDictionary: (dictionary: import('@intlayer/backend').AddDictionaryBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').AddDictionaryResult>;
-        updateDictionary: (dictionary: import('@intlayer/backend').UpdateDictionaryBody, otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').UpdateDictionaryResult>;
-        deleteDictionary: (id: import('@intlayer/backend').DeleteDictionaryParam["dictionaryId"], otherOptions?: import('../libs/intlayer-api/fetcher').FetcherOptions) => Promise<import('@intlayer/backend').DeleteDictionaryResult>;
+        getDictionaries: (filters?: import('@intlayer/backend').GetDictionariesParams, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetDictionariesResult>;
+        getDictionariesKeys: (otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetDictionariesKeysResult>;
+        getDictionary: (dictionaryKey: import('@intlayer/backend').GetDictionaryParams["dictionaryKey"], version?: import('@intlayer/backend').GetDictionaryQuery["version"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetDictionaryResult>;
+        pushDictionaries: (dictionaries: import('@intlayer/backend').PushDictionariesBody["dictionaries"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').PushDictionariesResult>;
+        addDictionary: (dictionary: import('@intlayer/backend').AddDictionaryBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').AddDictionaryResult>;
+        updateDictionary: (dictionary: import('@intlayer/backend').UpdateDictionaryBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').UpdateDictionaryResult>;
+        deleteDictionary: (id: import('@intlayer/backend').DeleteDictionaryParam["dictionaryId"], otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').DeleteDictionaryResult>;
+    };
+    stripe: {
+        getSubscription: (body?: import('@intlayer/backend').GetCheckoutSessionBody, otherOptions?: FetcherOptions) => Promise<import('@intlayer/backend').GetCheckoutSessionResult>;
     };
 };
 //# sourceMappingURL=useIntlayerAPI.d.ts.map

package/dist/hooks/useIntlayerAPI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayerAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntlayerAPI.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B1B,CAAC"}
+{"version":3,"file":"useIntlayerAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntlayerAPI.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,eAAO,MAAM,eAAe,aAAc,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BvD,CAAC"}

package/dist/hooks/useIntlayerAPI.mjs

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
-import { useAuth } from "../components/Auth/AuthProvider/index.mjs";
+import { useAuth } from "../components/Auth/useAuth/index.mjs";
 import { getIntlayerAPI } from "../libs/intlayer-api/index.mjs";
-const useIntlayerAPI = () => {
+const useIntlayerAuth = (options) => {
   const { csrfToken, oAuth2AccessToken } = useAuth();
   const headers = useMemo(
     () => oAuth2AccessToken?.accessToken ? {
@@ -16,12 +16,13 @@ const useIntlayerAPI = () => {
   return useMemo(
     () => getIntlayerAPI({
       headers,
-      body
+      body,
+      ...options
     }),
     [body, headers]
   );
 };
 export {
-  useIntlayerAPI
+  useIntlayerAuth
 };
 //# sourceMappingURL=useIntlayerAPI.mjs.map

package/dist/hooks/useIntlayerAPI.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayerAPI.mjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/AuthProvider';\nimport { getIntlayerAPI } from '../libs/intlayer-api';\n\nexport const useIntlayerAPI = () => {\n  const { csrfToken, oAuth2AccessToken } = useAuth();\n\n  const headers = useMemo(\n    () =>\n      oAuth2AccessToken?.accessToken\n        ? {\n            Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n          }\n        : undefined,\n    [oAuth2AccessToken?.accessToken]\n  );\n\n  const body = useMemo(\n    () => (csrfToken ? { csrf_token: csrfToken } : undefined),\n    [csrfToken]\n  );\n\n  return useMemo(\n    () =>\n      getIntlayerAPI({\n        headers,\n        body,\n      }),\n    [body, headers]\n  );\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,iBAAiB,MAAM;AAClC,QAAM,EAAE,WAAW,kBAAkB,IAAI,QAAQ;AAEjD,QAAM,UAAU;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAExD,IAAA;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EAAA;AAGjC,QAAM,OAAO;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,cAAc;AAAA,IAC/C,CAAC,SAAS;AAAA,EAAA;AAGL,SAAA;AAAA,IACL,MACE,eAAe;AAAA,MACb;AAAA,MACA;AAAA,IAAA,CACD;AAAA,IACH,CAAC,MAAM,OAAO;AAAA,EAAA;AAElB;"}
+{"version":3,"file":"useIntlayerAPI.mjs","sources":["../../src/hooks/useIntlayerAPI.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useAuth } from '../components/Auth/useAuth';\nimport { getIntlayerAPI } from '../libs/intlayer-api';\nimport { FetcherOptions } from '../libs/intlayer-api/fetcher';\n\nexport const useIntlayerAuth = (options?: FetcherOptions) => {\n  const { csrfToken, oAuth2AccessToken } = useAuth();\n\n  const headers = useMemo(\n    () =>\n      oAuth2AccessToken?.accessToken\n        ? {\n            Authorization: `Bearer ${oAuth2AccessToken.accessToken}`,\n          }\n        : undefined,\n    [oAuth2AccessToken?.accessToken]\n  );\n\n  const body = useMemo(\n    () => (csrfToken ? { csrf_token: csrfToken } : undefined),\n    [csrfToken]\n  );\n\n  return useMemo(\n    () =>\n      getIntlayerAPI({\n        headers,\n        body,\n        ...options,\n      }),\n    [body, headers]\n  );\n};\n"],"names":[],"mappings":";;;AAKa,MAAA,kBAAkB,CAAC,YAA6B;AAC3D,QAAM,EAAE,WAAW,kBAAkB,IAAI,QAAQ;AAEjD,QAAM,UAAU;AAAA,IACd,MACE,mBAAmB,cACf;AAAA,MACE,eAAe,UAAU,kBAAkB,WAAW;AAAA,IAExD,IAAA;AAAA,IACN,CAAC,mBAAmB,WAAW;AAAA,EAAA;AAGjC,QAAM,OAAO;AAAA,IACX,MAAO,YAAY,EAAE,YAAY,cAAc;AAAA,IAC/C,CAAC,SAAS;AAAA,EAAA;AAGL,SAAA;AAAA,IACL,MACE,eAAe;AAAA,MACb;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IAAA,CACJ;AAAA,IACH,CAAC,MAAM,OAAO;AAAA,EAAA;AAElB;"}

package/dist/hooks/useItemSelector.cjs

@@ -15,12 +15,21 @@ const useItemSelector = (optionsRefs, selector = selectorDefault, isHoverable =
       } else {
         targetElement = optionsRefs.current.find(selector) ?? null;
       }
-      if (!targetElement) return;
+      if (!targetElement) {
+        setChoiceIndicatorPosition((prev) => ({
+          left: 0,
+          width: 0,
+          ...prev,
+          opacity: 0
+        }));
+        return;
+      }
       const left = targetElement.offsetLeft;
       const width = targetElement.offsetWidth;
       setChoiceIndicatorPosition({
         left,
-        width
+        width,
+        opacity: 1
       });
     };
     calculatePosition();

package/dist/hooks/useItemSelector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useItemSelector.cjs","sources":["../../src/hooks/useItemSelector.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState, type MutableRefObject } from 'react';\n\ntype PositionState = {\n  left: number;\n  width: number;\n};\n\nconst selectorDefault = (option: HTMLElement) =>\n  option?.getAttribute('aria-selected') === 'true';\n\nexport const useItemSelector = (\n  optionsRefs: MutableRefObject<HTMLElement[]>,\n  selector: (option: HTMLElement, index: number) => boolean = selectorDefault,\n  isHoverable = false\n) => {\n  const [choiceIndicatorPosition, setChoiceIndicatorPosition] =\n    useState<PositionState | null>(null);\n\n  const [hoveredItem, setHoveredItem] = useState<HTMLElement | null>(null);\n\n  const itemsLength = optionsRefs.current.length;\n\n  useEffect(() => {\n    const calculatePosition = () => {\n      let targetElement: HTMLElement | null = null;\n\n      if (hoveredItem) {\n        targetElement = hoveredItem;\n      } else {\n        targetElement = optionsRefs.current.find(selector) ?? null;\n      }\n\n      if (!targetElement) return;\n\n      const left = targetElement.offsetLeft;\n      const width = targetElement.offsetWidth;\n\n      setChoiceIndicatorPosition({\n        left,\n        width,\n      });\n    };\n\n    calculatePosition();\n\n    // Event listeners for window events\n    window.addEventListener('resize', calculatePosition);\n    window.addEventListener('DOMContentLoaded', calculatePosition);\n\n    // MutationObserver to watch for 'aria-selected' changes\n    const mutationObservers: MutationObserver[] = [];\n\n    optionsRefs.current.forEach((option) => {\n      if (option) {\n        const observer = new MutationObserver((mutations) => {\n          for (const mutation of mutations) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-selected'\n            ) {\n              calculatePosition();\n              break;\n            }\n          }\n        });\n\n        observer.observe(option, {\n          attributes: true,\n          attributeFilter: ['aria-selected'],\n        });\n\n        mutationObservers.push(observer);\n      }\n    });\n\n    // ResizeObserver to watch for size changes\n    const resizeObservers: ResizeObserver[] = [];\n\n    const observeSize = (element: HTMLElement) => {\n      if (!element) return;\n      const resizeObserver = new ResizeObserver(() => {\n        calculatePosition();\n      });\n      resizeObserver.observe(element);\n      resizeObservers.push(resizeObserver);\n    };\n\n    // Observe the selected item\n    const selectedItem = optionsRefs.current.find(selector) ?? null;\n\n    if (selectedItem) {\n      observeSize(selectedItem);\n    }\n\n    // Observe the hovered item\n    if (hoveredItem) {\n      observeSize(hoveredItem);\n    }\n\n    // Add hover event listeners\n    const handleMouseEnter = (event: Event) => {\n      setHoveredItem(event.currentTarget as HTMLElement);\n    };\n\n    const handleMouseLeave = () => {\n      setHoveredItem(null);\n    };\n\n    if (isHoverable) {\n      optionsRefs.current.forEach((option) => {\n        option?.addEventListener('mouseenter', handleMouseEnter);\n        option?.addEventListener('mouseleave', handleMouseLeave);\n      });\n    }\n\n    return () => {\n      // Cleanup window event listeners\n      window.removeEventListener('resize', calculatePosition);\n      window.removeEventListener('DOMContentLoaded', calculatePosition);\n\n      // Disconnect MutationObservers\n      mutationObservers.forEach((observer) => observer.disconnect());\n\n      // Disconnect ResizeObservers\n      resizeObservers.forEach((observer) => observer.disconnect());\n\n      // Remove hover event listeners\n      optionsRefs.current.forEach((option) => {\n        option?.removeEventListener('mouseenter', handleMouseEnter);\n        option?.removeEventListener('mouseleave', handleMouseLeave);\n      });\n    };\n  }, [optionsRefs, selector, hoveredItem, itemsLength]);\n\n  return { choiceIndicatorPosition };\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AASA,MAAM,kBAAkB,CAAC,WACvB,QAAQ,aAAa,eAAe,MAAM;AAErC,MAAM,kBAAkB,CAC7B,aACA,WAA4D,iBAC5D,cAAc,UACX;AACH,QAAM,CAAC,yBAAyB,0BAA0B,IACxDA,oBAA+B,IAAI;AAErC,QAAM,CAAC,aAAa,cAAc,IAAIA,oBAA6B,IAAI;AAEjE,QAAA,cAAc,YAAY,QAAQ;AAExCC,aAAAA,UAAU,MAAM;AACd,UAAM,oBAAoB,MAAM;AAC9B,UAAI,gBAAoC;AAExC,UAAI,aAAa;AACC,wBAAA;AAAA,MAAA,OACX;AACL,wBAAgB,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAAA,MACxD;AAEA,UAAI,CAAC,cAAe;AAEpB,YAAM,OAAO,cAAc;AAC3B,YAAM,QAAQ,cAAc;AAED,iCAAA;AAAA,QACzB;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA;AAGe;AAGX,WAAA,iBAAiB,UAAU,iBAAiB;AAC5C,WAAA,iBAAiB,oBAAoB,iBAAiB;AAG7D,UAAM,oBAAwC,CAAA;AAElC,gBAAA,QAAQ,QAAQ,CAAC,WAAW;AACtC,UAAI,QAAQ;AACV,cAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,qBAAW,YAAY,WAAW;AAChC,gBACE,SAAS,SAAS,gBAClB,SAAS,kBAAkB,iBAC3B;AACkB;AAClB;AAAA,YACF;AAAA,UACF;AAAA,QAAA,CACD;AAED,iBAAS,QAAQ,QAAQ;AAAA,UACvB,YAAY;AAAA,UACZ,iBAAiB,CAAC,eAAe;AAAA,QAAA,CAClC;AAED,0BAAkB,KAAK,QAAQ;AAAA,MACjC;AAAA,IAAA,CACD;AAGD,UAAM,kBAAoC,CAAA;AAEpC,UAAA,cAAc,CAAC,YAAyB;AAC5C,UAAI,CAAC,QAAS;AACR,YAAA,iBAAiB,IAAI,eAAe,MAAM;AAC5B;MAAA,CACnB;AACD,qBAAe,QAAQ,OAAO;AAC9B,sBAAgB,KAAK,cAAc;AAAA,IAAA;AAIrC,UAAM,eAAe,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAE3D,QAAI,cAAc;AAChB,kBAAY,YAAY;AAAA,IAC1B;AAGA,QAAI,aAAa;AACf,kBAAY,WAAW;AAAA,IACzB;AAGM,UAAA,mBAAmB,CAAC,UAAiB;AACzC,qBAAe,MAAM,aAA4B;AAAA,IAAA;AAGnD,UAAM,mBAAmB,MAAM;AAC7B,qBAAe,IAAI;AAAA,IAAA;AAGrB,QAAI,aAAa;AACH,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,iBAAiB,cAAc,gBAAgB;AAC/C,gBAAA,iBAAiB,cAAc,gBAAgB;AAAA,MAAA,CACxD;AAAA,IACH;AAEA,WAAO,MAAM;AAEJ,aAAA,oBAAoB,UAAU,iBAAiB;AAC/C,aAAA,oBAAoB,oBAAoB,iBAAiB;AAGhE,wBAAkB,QAAQ,CAAC,aAAa,SAAS,WAAY,CAAA;AAG7D,sBAAgB,QAAQ,CAAC,aAAa,SAAS,WAAY,CAAA;AAG/C,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,oBAAoB,cAAc,gBAAgB;AAClD,gBAAA,oBAAoB,cAAc,gBAAgB;AAAA,MAAA,CAC3D;AAAA,IAAA;AAAA,KAEF,CAAC,aAAa,UAAU,aAAa,WAAW,CAAC;AAEpD,SAAO,EAAE,wBAAwB;AACnC;;"}
+{"version":3,"file":"useItemSelector.cjs","sources":["../../src/hooks/useItemSelector.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState, type MutableRefObject } from 'react';\n\ntype StyleState = {\n  left: number;\n  width: number;\n  opacity: number;\n};\n\nconst selectorDefault = (option: HTMLElement) =>\n  option?.getAttribute('aria-selected') === 'true';\n\nexport const useItemSelector = (\n  optionsRefs: MutableRefObject<HTMLElement[]>,\n  selector: (option: HTMLElement, index: number) => boolean = selectorDefault,\n  isHoverable = false\n) => {\n  const [choiceIndicatorPosition, setChoiceIndicatorPosition] =\n    useState<StyleState | null>(null);\n\n  const [hoveredItem, setHoveredItem] = useState<HTMLElement | null>(null);\n\n  const itemsLength = optionsRefs.current.length;\n\n  useEffect(() => {\n    const calculatePosition = () => {\n      let targetElement: HTMLElement | null = null;\n\n      if (hoveredItem) {\n        targetElement = hoveredItem;\n      } else {\n        targetElement = optionsRefs.current.find(selector) ?? null;\n      }\n\n      if (!targetElement) {\n        setChoiceIndicatorPosition((prev) => ({\n          left: 0,\n          width: 0,\n          ...prev,\n          opacity: 0,\n        }));\n        return;\n      }\n\n      const left = targetElement.offsetLeft;\n      const width = targetElement.offsetWidth;\n\n      setChoiceIndicatorPosition({\n        left,\n        width,\n        opacity: 1,\n      });\n    };\n\n    calculatePosition();\n\n    // Event listeners for window events\n    window.addEventListener('resize', calculatePosition);\n    window.addEventListener('DOMContentLoaded', calculatePosition);\n\n    // MutationObserver to watch for 'aria-selected' changes\n    const mutationObservers: MutationObserver[] = [];\n\n    optionsRefs.current.forEach((option) => {\n      if (option) {\n        const observer = new MutationObserver((mutations) => {\n          for (const mutation of mutations) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-selected'\n            ) {\n              calculatePosition();\n              break;\n            }\n          }\n        });\n\n        observer.observe(option, {\n          attributes: true,\n          attributeFilter: ['aria-selected'],\n        });\n\n        mutationObservers.push(observer);\n      }\n    });\n\n    // ResizeObserver to watch for size changes\n    const resizeObservers: ResizeObserver[] = [];\n\n    const observeSize = (element: HTMLElement) => {\n      if (!element) return;\n      const resizeObserver = new ResizeObserver(() => {\n        calculatePosition();\n      });\n      resizeObserver.observe(element);\n      resizeObservers.push(resizeObserver);\n    };\n\n    // Observe the selected item\n    const selectedItem = optionsRefs.current.find(selector) ?? null;\n\n    if (selectedItem) {\n      observeSize(selectedItem);\n    }\n\n    // Observe the hovered item\n    if (hoveredItem) {\n      observeSize(hoveredItem);\n    }\n\n    // Add hover event listeners\n    const handleMouseEnter = (event: Event) => {\n      setHoveredItem(event.currentTarget as HTMLElement);\n    };\n\n    const handleMouseLeave = () => {\n      setHoveredItem(null);\n    };\n\n    if (isHoverable) {\n      optionsRefs.current.forEach((option) => {\n        option?.addEventListener('mouseenter', handleMouseEnter);\n        option?.addEventListener('mouseleave', handleMouseLeave);\n      });\n    }\n\n    return () => {\n      // Cleanup window event listeners\n      window.removeEventListener('resize', calculatePosition);\n      window.removeEventListener('DOMContentLoaded', calculatePosition);\n\n      // Disconnect MutationObservers\n      mutationObservers.forEach((observer) => observer.disconnect());\n\n      // Disconnect ResizeObservers\n      resizeObservers.forEach((observer) => observer.disconnect());\n\n      // Remove hover event listeners\n      optionsRefs.current.forEach((option) => {\n        option?.removeEventListener('mouseenter', handleMouseEnter);\n        option?.removeEventListener('mouseleave', handleMouseLeave);\n      });\n    };\n  }, [optionsRefs, selector, hoveredItem, itemsLength]);\n\n  return { choiceIndicatorPosition };\n};\n"],"names":["useState","useEffect"],"mappings":";;;;AAUA,MAAM,kBAAkB,CAAC,WACvB,QAAQ,aAAa,eAAe,MAAM;AAErC,MAAM,kBAAkB,CAC7B,aACA,WAA4D,iBAC5D,cAAc,UACX;AACH,QAAM,CAAC,yBAAyB,0BAA0B,IACxDA,oBAA4B,IAAI;AAElC,QAAM,CAAC,aAAa,cAAc,IAAIA,oBAA6B,IAAI;AAEjE,QAAA,cAAc,YAAY,QAAQ;AAExCC,aAAAA,UAAU,MAAM;AACd,UAAM,oBAAoB,MAAM;AAC9B,UAAI,gBAAoC;AAExC,UAAI,aAAa;AACC,wBAAA;AAAA,MAAA,OACX;AACL,wBAAgB,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAAA,MACxD;AAEA,UAAI,CAAC,eAAe;AAClB,mCAA2B,CAAC,UAAU;AAAA,UACpC,MAAM;AAAA,UACN,OAAO;AAAA,UACP,GAAG;AAAA,UACH,SAAS;AAAA,QACT,EAAA;AACF;AAAA,MACF;AAEA,YAAM,OAAO,cAAc;AAC3B,YAAM,QAAQ,cAAc;AAED,iCAAA;AAAA,QACzB;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MAAA,CACV;AAAA,IAAA;AAGe;AAGX,WAAA,iBAAiB,UAAU,iBAAiB;AAC5C,WAAA,iBAAiB,oBAAoB,iBAAiB;AAG7D,UAAM,oBAAwC,CAAA;AAElC,gBAAA,QAAQ,QAAQ,CAAC,WAAW;AACtC,UAAI,QAAQ;AACV,cAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,qBAAW,YAAY,WAAW;AAChC,gBACE,SAAS,SAAS,gBAClB,SAAS,kBAAkB,iBAC3B;AACkB;AAClB;AAAA,YACF;AAAA,UACF;AAAA,QAAA,CACD;AAED,iBAAS,QAAQ,QAAQ;AAAA,UACvB,YAAY;AAAA,UACZ,iBAAiB,CAAC,eAAe;AAAA,QAAA,CAClC;AAED,0BAAkB,KAAK,QAAQ;AAAA,MACjC;AAAA,IAAA,CACD;AAGD,UAAM,kBAAoC,CAAA;AAEpC,UAAA,cAAc,CAAC,YAAyB;AAC5C,UAAI,CAAC,QAAS;AACR,YAAA,iBAAiB,IAAI,eAAe,MAAM;AAC5B;MAAA,CACnB;AACD,qBAAe,QAAQ,OAAO;AAC9B,sBAAgB,KAAK,cAAc;AAAA,IAAA;AAIrC,UAAM,eAAe,YAAY,QAAQ,KAAK,QAAQ,KAAK;AAE3D,QAAI,cAAc;AAChB,kBAAY,YAAY;AAAA,IAC1B;AAGA,QAAI,aAAa;AACf,kBAAY,WAAW;AAAA,IACzB;AAGM,UAAA,mBAAmB,CAAC,UAAiB;AACzC,qBAAe,MAAM,aAA4B;AAAA,IAAA;AAGnD,UAAM,mBAAmB,MAAM;AAC7B,qBAAe,IAAI;AAAA,IAAA;AAGrB,QAAI,aAAa;AACH,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,iBAAiB,cAAc,gBAAgB;AAC/C,gBAAA,iBAAiB,cAAc,gBAAgB;AAAA,MAAA,CACxD;AAAA,IACH;AAEA,WAAO,MAAM;AAEJ,aAAA,oBAAoB,UAAU,iBAAiB;AAC/C,aAAA,oBAAoB,oBAAoB,iBAAiB;AAGhE,wBAAkB,QAAQ,CAAC,aAAa,SAAS,WAAY,CAAA;AAG7D,sBAAgB,QAAQ,CAAC,aAAa,SAAS,WAAY,CAAA;AAG/C,kBAAA,QAAQ,QAAQ,CAAC,WAAW;AAC9B,gBAAA,oBAAoB,cAAc,gBAAgB;AAClD,gBAAA,oBAAoB,cAAc,gBAAgB;AAAA,MAAA,CAC3D;AAAA,IAAA;AAAA,KAEF,CAAC,aAAa,UAAU,aAAa,WAAW,CAAC;AAEpD,SAAO,EAAE,wBAAwB;AACnC;;"}

package/dist/hooks/useItemSelector.d.ts

@@ -1,10 +1,11 @@
 import { MutableRefObject } from 'react';
-type PositionState = {
+type StyleState = {
     left: number;
     width: number;
+    opacity: number;
 };
 export declare const useItemSelector: (optionsRefs: MutableRefObject<HTMLElement[]>, selector?: (option: HTMLElement, index: number) => boolean, isHoverable?: boolean) => {
-    choiceIndicatorPosition: PositionState | null;
+    choiceIndicatorPosition: StyleState | null;
 };
 export {};
 //# sourceMappingURL=useItemSelector.d.ts.map