@viu/emporix-sdk-react 2.13.1 → 2.14.0

package/dist/provider.cjs

@@ -1,11 +1,34 @@
-'use strict';
-
-var react = require('react');
-var reactQuery = require('@tanstack/react-query');
-var emporixSdk = require('@viu/emporix-sdk');
-var jsxRuntime = require('react/jsx-runtime');
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/provider.tsx
+var provider_exports = {};
+__export(provider_exports, {
+  EmporixProvider: () => EmporixProvider,
+  EmporixSiteContext: () => EmporixSiteContext,
+  useEmporix: () => useEmporix
+});
+module.exports = __toCommonJS(provider_exports);
+var import_react3 = require("react");
+var import_react_query2 = require("@tanstack/react-query");
+var import_emporix_sdk2 = require("@viu/emporix-sdk");
 
 // src/storage/index.ts
 function createListenerSet() {
@@ -81,14 +104,23 @@ function createMemoryStorage(opts = {}) {
     subscribeAll: (l) => all.add(l)
   };
 }
-var EmporixTelemetryContext = react.createContext(null);
+
+// src/telemetry.ts
+var import_react = require("react");
+var EmporixTelemetryContext = (0, import_react.createContext)(null);
 function useEmporixTelemetry() {
-  const ctx = react.useContext(EmporixTelemetryContext);
+  const ctx = (0, import_react.useContext)(EmporixTelemetryContext);
   if (!ctx) {
     throw new Error("useEmporixTelemetry must be used within an EmporixProvider");
   }
   return ctx;
 }
+
+// src/company-context.tsx
+var import_react2 = require("react");
+var import_react_query = require("@tanstack/react-query");
+var import_emporix_sdk = require("@viu/emporix-sdk");
+var import_jsx_runtime = require("react/jsx-runtime");
 var NULL_CTX = {
   activeCompany: null,
   myCompanies: [],
@@ -101,90 +133,110 @@ var NULL_CTX = {
   refetchMyCompanies: async () => {
   }
 };
-var EmporixCompanyContext = react.createContext(NULL_CTX);
+var EmporixCompanyContext = (0, import_react2.createContext)(NULL_CTX);
 function CompanyContextProvider({
   client,
   storage,
   initialActiveLegalEntityId,
   children
 }) {
-  const qc = reactQuery.useQueryClient();
+  const qc = (0, import_react_query.useQueryClient)();
   const { emit } = useEmporixTelemetry();
-  const [myCompanies, setMyCompanies] = react.useState([]);
-  const [activeCompany, setActive] = react.useState(null);
-  const [status, setStatus] = react.useState("idle");
-  const [error, setError] = react.useState(null);
-  const activeRef = react.useRef(null);
-  activeRef.current = activeCompany;
-  const switchTo = react.useCallback(
-    async (target) => {
-      const start = Date.now();
-      const from = activeRef.current?.id ?? null;
-      const refreshToken = storage.getRefreshToken();
-      const token = storage.getCustomerToken();
-      if (!refreshToken || !token) {
-        setActive(target);
-        storage.setActiveLegalEntityId(target?.id ?? null);
-      } else {
-        const next = await client.customers.refresh({
-          refreshToken,
-          ...target ? { legalEntityId: target.id } : {}
-        });
-        storage.setCustomerToken(next.customerToken);
-        if (next.refreshToken) storage.setRefreshToken(next.refreshToken);
-        storage.setCartId(null);
-        storage.setActiveLegalEntityId(target?.id ?? null);
-        setActive(target);
-        qc.invalidateQueries({
-          predicate: (q) => Array.isArray(q.queryKey) && q.queryKey.some(
-            (k) => k === "cart" || k === "companies" || k === "customer" || k === from || target !== null && k === target.id
-          )
+  const [myCompanies, setMyCompanies] = (0, import_react2.useState)([]);
+  const [activeCompany, setActive] = (0, import_react2.useState)(null);
+  const [status, setStatus] = (0, import_react2.useState)("idle");
+  const [error, setError] = (0, import_react2.useState)(null);
+  const activeRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
+    activeRef.current = activeCompany;
+  }, [activeCompany]);
+  const switchChain = (0, import_react2.useRef)(Promise.resolve());
+  const switchTo = (0, import_react2.useCallback)(
+    (target) => {
+      const run = async () => {
+        const start = Date.now();
+        const from = activeRef.current?.id ?? null;
+        const refreshToken = storage.getRefreshToken();
+        const token = storage.getCustomerToken();
+        if (!refreshToken || !token) {
+          setActive(target);
+          storage.setActiveLegalEntityId(target?.id ?? null);
+        } else {
+          const next = await client.customers.refresh({
+            refreshToken,
+            ...target ? { legalEntityId: target.id } : {}
+          });
+          storage.setCustomerToken(next.customerToken);
+          if (next.refreshToken) storage.setRefreshToken(next.refreshToken);
+          storage.setCartId(null);
+          storage.setActiveLegalEntityId(target?.id ?? null);
+          setActive(target);
+          qc.invalidateQueries({
+            predicate: (q) => Array.isArray(q.queryKey) && q.queryKey.some(
+              (k) => k === "cart" || k === "companies" || k === "customer" || k === from || target !== null && k === target.id
+            )
+          });
+        }
+        emit({
+          type: "company:switched",
+          from,
+          to: target?.id ?? null,
+          durationMs: Date.now() - start
         });
-      }
-      emit({
-        type: "company:switched",
-        from,
-        to: target?.id ?? null,
-        durationMs: Date.now() - start
+      };
+      const task = switchChain.current.then(run, run);
+      switchChain.current = task.catch(() => {
       });
+      return task;
     },
     [client, storage, qc, emit]
   );
-  const load = react.useCallback(async () => {
-    const token = storage.getCustomerToken();
-    if (!token) {
-      setMyCompanies([]);
-      setActive(null);
-      setStatus("idle");
-      return;
-    }
-    setStatus("loading");
-    try {
-      const companies = await client.companies.listMine(emporixSdk.auth.customer(token));
-      setMyCompanies(companies);
-      const persisted = initialActiveLegalEntityId ?? storage.getActiveLegalEntityId();
-      const matched = persisted ? companies.find((c) => c.id === persisted) ?? null : null;
-      if (matched) {
-        setActive(matched);
-        if (storage.getActiveLegalEntityId() !== matched.id) {
-          storage.setActiveLegalEntityId(matched.id ?? null);
-        }
-      } else if (companies.length === 1) {
-        await switchTo(companies[0] ?? null);
-      } else {
+  const load = (0, import_react2.useCallback)(
+    async (signal) => {
+      const token = storage.getCustomerToken();
+      if (!token) {
+        if (signal?.cancelled) return;
+        setMyCompanies([]);
         setActive(null);
-        if (persisted && !matched) storage.setActiveLegalEntityId(null);
+        setStatus("idle");
+        return;
       }
-      setStatus("idle");
-    } catch (e) {
-      setError(e);
-      setStatus("error");
-    }
-  }, [client, storage, initialActiveLegalEntityId, switchTo]);
-  react.useEffect(() => {
-    void load();
+      setStatus("loading");
+      try {
+        const companies = await client.companies.listMine(import_emporix_sdk.auth.customer(token));
+        if (signal?.cancelled) return;
+        setMyCompanies(companies);
+        const persisted = initialActiveLegalEntityId ?? storage.getActiveLegalEntityId();
+        const matched = persisted ? companies.find((c) => c.id === persisted) ?? null : null;
+        if (matched) {
+          setActive(matched);
+          if (storage.getActiveLegalEntityId() !== matched.id) {
+            storage.setActiveLegalEntityId(matched.id ?? null);
+          }
+        } else if (companies.length === 1) {
+          await switchTo(companies[0] ?? null);
+        } else {
+          setActive(null);
+          if (persisted && !matched) storage.setActiveLegalEntityId(null);
+        }
+        if (signal?.cancelled) return;
+        setStatus("idle");
+      } catch (e) {
+        if (signal?.cancelled) return;
+        setError(e);
+        setStatus("error");
+      }
+    },
+    [client, storage, initialActiveLegalEntityId, switchTo]
+  );
+  (0, import_react2.useEffect)(() => {
+    const signal = { cancelled: false };
+    void load(signal);
+    return () => {
+      signal.cancelled = true;
+    };
   }, [load]);
-  react.useEffect(() => {
+  (0, import_react2.useEffect)(() => {
     let prev = storage.getCustomerToken();
     return storage.subscribe?.((next) => {
       const becameAuth = !prev && next;
@@ -193,7 +245,7 @@ function CompanyContextProvider({
       if (becameAuth || becameUnauth) void load();
     });
   }, [storage, load]);
-  const setActiveCompany = react.useCallback(
+  const setActiveCompany = (0, import_react2.useCallback)(
     async (legalEntityId) => {
       setStatus("switching");
       try {
@@ -213,7 +265,7 @@ function CompanyContextProvider({
     },
     [myCompanies, switchTo]
   );
-  const value = react.useMemo(() => {
+  const value = (0, import_react2.useMemo)(() => {
     const mode = activeCompany ? "b2b" : myCompanies.length > 1 ? "unresolved" : "b2c";
     return {
       activeCompany,
@@ -225,10 +277,13 @@ function CompanyContextProvider({
       refetchMyCompanies: load
     };
   }, [activeCompany, myCompanies, status, error, setActiveCompany, load]);
-  return /* @__PURE__ */ jsxRuntime.jsx(EmporixCompanyContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmporixCompanyContext.Provider, { value, children });
 }
-var EmporixContext = react.createContext(null);
-var EmporixSiteContext = react.createContext(null);
+
+// src/provider.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var EmporixContext = (0, import_react3.createContext)(null);
+var EmporixSiteContext = (0, import_react3.createContext)(null);
 var DEFAULT_QUERY_OPTIONS = {
   staleTime: 3e4,
   refetchOnWindowFocus: false,
@@ -247,27 +302,35 @@ function EmporixProvider({
   onCustomerSessionExpired,
   children
 }) {
-  const value = react.useMemo(() => {
+  const value = (0, import_react3.useMemo)(() => {
     const s = storage ?? createMemoryStorage(
       initialCustomerToken !== void 0 ? { initial: initialCustomerToken } : {}
     );
-    if (initialCustomerToken && storage && storage.getCustomerToken() === null) {
-      storage.setCustomerToken(initialCustomerToken);
-    }
     return { client, storage: s };
   }, [client, storage, initialCustomerToken]);
-  const qc = react.useMemo(
-    () => queryClient ?? new reactQuery.QueryClient({ defaultOptions: { queries: DEFAULT_QUERY_OPTIONS } }),
-    [queryClient]
-  );
-  react.useState(() => {
+  const [fallbackQc] = (0, import_react3.useState)(() => new import_react_query2.QueryClient());
+  const qc = queryClient ?? fallbackQc;
+  const defaultsRef = (0, import_react3.useRef)(null);
+  if (defaultsRef.current !== qc) {
+    qc.setQueryDefaults(["emporix"], {
+      ...DEFAULT_QUERY_OPTIONS,
+      ...qc.getDefaultOptions().queries,
+      ...qc.getQueryDefaults(["emporix"])
+    });
+    defaultsRef.current = qc;
+  }
+  const wiredRef = (0, import_react3.useRef)(null);
+  if (wiredRef.current?.client !== client || wiredRef.current?.storage !== value.storage) {
     client.tokenProvider.attachAnonymousStore?.({
       read: () => value.storage.getAnonymousSession(),
       write: (s) => value.storage.setAnonymousSession(s)
     });
-    return null;
-  });
-  const safeEmit = react.useCallback(
+    if (initialCustomerToken && storage && storage.getCustomerToken() === null) {
+      storage.setCustomerToken(initialCustomerToken);
+    }
+    wiredRef.current = { client, storage: value.storage };
+  }
+  const safeEmit = (0, import_react3.useCallback)(
     (event) => {
       if (!onTelemetry) return;
       try {
@@ -278,8 +341,8 @@ function EmporixProvider({
     },
     [onTelemetry]
   );
-  const telemetryValue = react.useMemo(() => ({ emit: safeEmit }), [safeEmit]);
-  react.useEffect(() => {
+  const telemetryValue = (0, import_react3.useMemo)(() => ({ emit: safeEmit }), [safeEmit]);
+  (0, import_react3.useEffect)(() => {
     if (!onTelemetry) return;
     const startedAt = /* @__PURE__ */ new Map();
     const unsubQuery = qc.getQueryCache().subscribe((event) => {
@@ -358,7 +421,7 @@ function EmporixProvider({
       unsubStorage?.();
     };
   }, [qc, onTelemetry, client, value.storage, safeEmit]);
-  react.useEffect(() => {
+  (0, import_react3.useEffect)(() => {
     if (!autoRefreshCustomerToken) return;
     const storage2 = value.storage;
     client.setCustomerTokenRefresher({
@@ -388,14 +451,14 @@ function EmporixProvider({
     });
     return () => client.setCustomerTokenRefresher(null);
   }, [autoRefreshCustomerToken, client, value.storage, safeEmit, onCustomerSessionExpired]);
-  return /* @__PURE__ */ jsxRuntime.jsx(EmporixContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(EmporixTelemetryContext.Provider, { value: telemetryValue, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: qc, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EmporixContext.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EmporixTelemetryContext.Provider, { value: telemetryValue, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_query2.QueryClientProvider, { client: qc, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     SiteContextProvider,
     {
       client,
       storage: value.storage,
       ...initialSiteCode !== void 0 ? { initialSiteCode } : {},
       ...initialLanguage !== void 0 ? { initialLanguage } : {},
-      children: /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         CompanyContextProvider,
         {
           client,
@@ -414,30 +477,30 @@ function SiteContextProvider({
   initialLanguage,
   children
 }) {
-  const qc = reactQuery.useQueryClient();
-  const [siteCode, setSiteCodeState] = react.useState(() => {
+  const qc = (0, import_react_query2.useQueryClient)();
+  const [siteCode, setSiteCodeState] = (0, import_react3.useState)(() => {
     if (initialSiteCode !== void 0) return initialSiteCode;
     const fromStorage = storage.getSiteCode();
     if (fromStorage !== null) return fromStorage;
     return client.config?.credentials?.storefront?.context?.siteCode ?? null;
   });
-  const [currency, setCurrencyState] = react.useState(
+  const [currency, setCurrencyState] = (0, import_react3.useState)(
     () => client.config?.credentials?.storefront?.context?.currency ?? null
   );
-  const [language, setLanguageState] = react.useState(() => {
+  const [language, setLanguageState] = (0, import_react3.useState)(() => {
     if (initialLanguage !== void 0) return initialLanguage;
     const fromStorage = storage.getLanguage();
     if (fromStorage !== null) return fromStorage;
     return client.config?.credentials?.storefront?.context?.language ?? null;
   });
-  const [targetLocation, setTargetLocation] = react.useState(null);
-  const [isSwitching, setIsSwitching] = react.useState(false);
-  const [switchError, setSwitchError] = react.useState(null);
-  react.useEffect(() => {
+  const [targetLocation, setTargetLocation] = (0, import_react3.useState)(null);
+  const [isSwitching, setIsSwitching] = (0, import_react3.useState)(false);
+  const [switchError, setSwitchError] = (0, import_react3.useState)(null);
+  (0, import_react3.useEffect)(() => {
     if (!siteCode || currency !== null && targetLocation !== null && language !== null) return;
     let cancelled = false;
     const token = storage.getCustomerToken();
-    const authCtx = token ? emporixSdk.auth.customer(token) : emporixSdk.auth.anonymous();
+    const authCtx = token ? import_emporix_sdk2.auth.customer(token) : import_emporix_sdk2.auth.anonymous();
     qc.fetchQuery({
       queryKey: [
         "emporix",
@@ -461,10 +524,10 @@ function SiteContextProvider({
       cancelled = true;
     };
   }, [siteCode]);
-  react.useEffect(() => {
+  (0, import_react3.useEffect)(() => {
     if (language) client.setStorefrontContext({ language });
   }, []);
-  const setSite = react.useCallback(
+  const setSite = (0, import_react3.useCallback)(
     async (code) => {
       storage.setSiteCode(code);
       storage.setCartId(null);
@@ -479,7 +542,7 @@ function SiteContextProvider({
       setIsSwitching(true);
       try {
         const token = storage.getCustomerToken();
-        const authCtx = token ? emporixSdk.auth.customer(token) : emporixSdk.auth.anonymous();
+        const authCtx = token ? import_emporix_sdk2.auth.customer(token) : import_emporix_sdk2.auth.anonymous();
         const site = await qc.fetchQuery({
           queryKey: [
             "emporix",
@@ -514,7 +577,7 @@ function SiteContextProvider({
     },
     [client, storage, qc, language]
   );
-  const setCurrency = react.useCallback(
+  const setCurrency = (0, import_react3.useCallback)(
     async (next) => {
       storage.setCartId(null);
       setCurrencyState(next);
@@ -524,7 +587,7 @@ function SiteContextProvider({
       setIsSwitching(true);
       try {
         const token = storage.getCustomerToken();
-        const authCtx = token ? emporixSdk.auth.customer(token) : emporixSdk.auth.anonymous();
+        const authCtx = token ? import_emporix_sdk2.auth.customer(token) : import_emporix_sdk2.auth.anonymous();
         await client.sessionContext.patch(
           { currency: next, ...siteCode ? { siteCode } : {} },
           authCtx
@@ -537,7 +600,7 @@ function SiteContextProvider({
     },
     [client, storage, qc, siteCode]
   );
-  const setLanguage = react.useCallback(
+  const setLanguage = (0, import_react3.useCallback)(
     async (next) => {
       storage.setLanguage(next);
       setLanguageState(next);
@@ -547,7 +610,7 @@ function SiteContextProvider({
       setIsSwitching(true);
       try {
         const token = storage.getCustomerToken();
-        const authCtx = token ? emporixSdk.auth.customer(token) : emporixSdk.auth.anonymous();
+        const authCtx = token ? import_emporix_sdk2.auth.customer(token) : import_emporix_sdk2.auth.anonymous();
         await client.sessionContext.patch(
           { language: next, ...siteCode ? { siteCode } : {} },
           authCtx
@@ -560,7 +623,7 @@ function SiteContextProvider({
     },
     [client, storage, qc, siteCode]
   );
-  const value = react.useMemo(
+  const value = (0, import_react3.useMemo)(
     () => ({
       siteCode,
       currency,
@@ -574,16 +637,17 @@ function SiteContextProvider({
     }),
     [siteCode, currency, targetLocation, language, setSite, setCurrency, setLanguage, isSwitching, switchError]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(EmporixSiteContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EmporixSiteContext.Provider, { value, children });
 }
 function useEmporix() {
-  const ctx = react.useContext(EmporixContext);
+  const ctx = (0, import_react3.useContext)(EmporixContext);
   if (!ctx) throw new Error("useEmporix must be used within an EmporixProvider");
   return ctx;
 }
-
-exports.EmporixProvider = EmporixProvider;
-exports.EmporixSiteContext = EmporixSiteContext;
-exports.useEmporix = useEmporix;
-//# sourceMappingURL=provider.cjs.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmporixProvider,
+  EmporixSiteContext,
+  useEmporix
+});
 //# sourceMappingURL=provider.cjs.map