@viu/emporix-sdk-react 2.7.0 → 2.8.0

package/dist/hooks.cjs

@@ -56,6 +56,36 @@ async function bootstrapCart(opts) {
   });
 }
 
+// src/hooks/internal/customer-session-store.ts
+var stores = /* @__PURE__ */ new WeakMap();
+function getCustomerSessionStore(storage) {
+  const existing = stores.get(storage);
+  if (existing) return existing;
+  let state = {
+    token: storage.getCustomerToken(),
+    refreshToken: null,
+    saasToken: null
+  };
+  const listeners = /* @__PURE__ */ new Set();
+  const store = {
+    getSnapshot: () => state,
+    setState: (next) => {
+      const resolved = typeof next === "function" ? next(state) : next;
+      if (resolved === state) return;
+      state = resolved;
+      for (const listener of listeners) listener();
+    },
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    }
+  };
+  stores.set(storage, store);
+  return store;
+}
+
 // src/hooks/use-customer-session.ts
 var EMPTY_SESSION = {
   token: null,
@@ -66,14 +96,12 @@ function useCustomerSession() {
   const { client, storage } = useEmporix();
   const qc = reactQuery.useQueryClient();
   const siteCtx = react.useContext(EmporixSiteContext);
-  const [session, setSession] = react.useState(() => ({
-    token: storage.getCustomerToken(),
-    refreshToken: null,
-    saasToken: null
-  }));
+  const store = react.useMemo(() => getCustomerSessionStore(storage), [storage]);
+  const session = react.useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
+  const setSession = store.setState;
   react.useEffect(() => {
     return storage.subscribe?.((t) => setSession((s) => ({ ...s, token: t })));
-  }, [storage]);
+  }, [storage, setSession]);
   const meQuery = reactQuery.useQuery({
     queryKey: ["emporix", "customer", "me", { tenant: client.tenant, hasToken: session.token !== null }],
     enabled: session.token !== null,
@@ -107,7 +135,7 @@ function useCustomerSession() {
       await qc.invalidateQueries({ queryKey: ["emporix", "customer"], refetchType: "none" });
       await qc.invalidateQueries({ queryKey: ["emporix", "cart"], refetchType: "none" });
     },
-    [client, storage, qc, siteCtx]
+    [client, storage, qc, siteCtx, setSession]
   );
   const signup = react.useCallback(
     async (input) => {
@@ -139,7 +167,7 @@ function useCustomerSession() {
       await qc.invalidateQueries({ queryKey: ["emporix", "customer"], refetchType: "none" });
       await qc.invalidateQueries({ queryKey: ["emporix", "cart"], refetchType: "none" });
     },
-    [client, storage, qc, siteCtx]
+    [client, storage, qc, siteCtx, setSession]
   );
   const socialLogin = react.useCallback(
     async (input) => {
@@ -163,10 +191,11 @@ function useCustomerSession() {
     storage.setCustomerToken(null);
     storage.setRefreshToken(null);
     storage.setActiveLegalEntityId(null);
+    storage.setCartId(null);
     setSession(EMPTY_SESSION);
     qc.removeQueries({ queryKey: ["emporix", "customer"] });
     qc.removeQueries({ queryKey: ["emporix", "cart"] });
-  }, [client, session.token, storage, qc]);
+  }, [client, session.token, storage, qc, setSession]);
   const refresh = react.useCallback(async () => {
     await meQuery.refetch();
   }, [meQuery]);
@@ -185,10 +214,11 @@ function useCustomerSession() {
     }));
     await qc.invalidateQueries({ queryKey: ["emporix", "customer"] });
     await qc.invalidateQueries({ queryKey: ["emporix", "cart"] });
-  }, [client, storage, qc, session.refreshToken, session.saasToken]);
+  }, [client, storage, qc, session.refreshToken, session.saasToken, setSession]);
   return {
     customerToken: session.token,
     refreshToken: session.refreshToken,
+    saasToken: session.saasToken,
     customer: meQuery.data ?? null,
     isAuthenticated: session.token !== null,
     isLoading: meQuery.isLoading && session.token !== null,
@@ -573,7 +603,12 @@ function useCartMutations(cartId) {
         if (c) qc.setQueryData(c.key, c.previous);
       },
       onSuccess: (cart, _v, c) => {
-        if (c) qc.setQueryData(c.key, cart);
+        if (!c) return;
+        if (cart && Array.isArray(cart.items)) {
+          qc.setQueryData(c.key, cart);
+        } else {
+          void qc.invalidateQueries({ queryKey: c.key });
+        }
       }
     });
   }
@@ -592,7 +627,9 @@ function useCartMutations(cartId) {
         ]
       } : prev
     ),
-    updateItem: make((id, v) => client.carts.updateItem(id, v.itemId, v.patch, ctx)),
+    updateItem: make(
+      (id, v) => client.carts.updateItem(id, v.itemId, v.patch, ctx, v.partial ? { partial: true } : {})
+    ),
     removeItem: make(
       (id, v) => client.carts.removeItem(id, v.itemId, ctx),
       (prev, v) => prev ? { ...prev, items: (prev.items ?? []).filter((i) => i.id !== v.itemId) } : prev
@@ -627,6 +664,14 @@ function useActiveCart(opts) {
   const { activeCompany } = useActiveCompany();
   const [cartId, setCartId] = react.useState(() => storage.getCartId());
   const effectiveLegalEntityId = opts?.legalEntityId ?? activeCompany?.id;
+  react.useEffect(() => {
+    if (!storage.subscribeAll) return;
+    return storage.subscribeAll((key) => {
+      if (key !== "cartId") return;
+      const next = storage.getCartId();
+      setCartId((prev) => prev === next ? prev : next);
+    });
+  }, [storage]);
   react.useEffect(() => {
     if (cartId !== null) return;
     if (!opts?.create) return;