@viu/emporix-sdk-react 2.7.0 → 2.9.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,
@@ -345,6 +375,17 @@ function useProductSearch(query, params = {}, options = {}) {
     staleTime: PRODUCTS_STALE_TIME
   });
 }
+function useProductNameSearch(term, params = {}, options = {}) {
+  const { client } = useEmporix();
+  const { ctx } = useReadAuth(options.auth);
+  const { siteCode } = useReadSite();
+  return reactQuery.useQuery({
+    queryKey: emporixKey("product-name-search", [term, params], { tenant: client.tenant, authKind: ctx.kind, siteCode }),
+    enabled: typeof term === "string" && term.trim() !== "",
+    queryFn: () => client.products.searchByName(term, params, ctx),
+    staleTime: PRODUCTS_STALE_TIME
+  });
+}
 function useProductsByCodes(codes, options = {}) {
   const { client } = useEmporix();
   const { ctx } = useReadAuth(options.auth);
@@ -573,7 +614,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 +638,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 +675,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;
@@ -1093,6 +1149,24 @@ function useDeleteLocation() {
     onSuccess: () => qc.invalidateQueries({ predicate: (q) => q.queryKey.includes("locations") })
   });
 }
+function useAddGroupMember() {
+  const { client } = useEmporix();
+  const resolveAuth = useCustomerAuthResolver();
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: ({ groupId, member }) => client.customerGroups.addMember(groupId, member, resolveAuth()),
+    onSuccess: () => qc.invalidateQueries({ predicate: (q) => q.queryKey.includes("groups") })
+  });
+}
+function useRemoveGroupMember() {
+  const { client } = useEmporix();
+  const resolveAuth = useCustomerAuthResolver();
+  const qc = reactQuery.useQueryClient();
+  return reactQuery.useMutation({
+    mutationFn: ({ groupId, userId }) => client.customerGroups.removeMember(groupId, userId, resolveAuth()),
+    onSuccess: () => qc.invalidateQueries({ predicate: (q) => q.queryKey.includes("groups") })
+  });
+}
 function useCompanySwitcher() {
   const ctx = useActiveCompany();
   const switchFn = react.useCallback(
@@ -1228,11 +1302,23 @@ function useReorder() {
       });
       const cartId = storage.getCartId();
       if (!cartId) throw new Error("useReorder: no active cart id in storage");
-      if (order.items.length === 0) return { added: 0, errors: [] };
-      const batchBody = order.items.map((item) => ({
-        product: { id: item.productId },
-        quantity: item.quantity
-      }));
+      const batchBody = (order.entries ?? []).map((entry) => {
+        const p = entry.price;
+        if (!entry.itemYrn || !p?.priceId || p.originalAmount === void 0 || p.effectiveAmount === void 0 || !p.currency) {
+          return null;
+        }
+        return {
+          itemYrn: entry.itemYrn,
+          quantity: entry.orderedAmount ?? entry.amount,
+          price: {
+            priceId: p.priceId,
+            originalAmount: p.originalAmount,
+            effectiveAmount: p.effectiveAmount,
+            currency: p.currency
+          }
+        };
+      }).filter((x) => x !== null);
+      if (batchBody.length === 0) return { added: 0, errors: [] };
       const res = await client.carts.addItemsBatch(cartId, batchBody, ctx);
       let added = 0;
       const errors = [];
@@ -1458,6 +1544,7 @@ function useUpdateApproval() {
 }
 
 exports.useActiveCart = useActiveCart;
+exports.useAddGroupMember = useAddGroupMember;
 exports.useAddToShoppingList = useAddToShoppingList;
 exports.useAddressMutations = useAddressMutations;
 exports.useApproval = useApproval;
@@ -1513,6 +1600,7 @@ exports.usePaymentModes = usePaymentModes;
 exports.useProduct = useProduct;
 exports.useProductByCode = useProductByCode;
 exports.useProductMedia = useProductMedia;
+exports.useProductNameSearch = useProductNameSearch;
 exports.useProductSearch = useProductSearch;
 exports.useProducts = useProducts;
 exports.useProductsByCodes = useProductsByCodes;
@@ -1523,6 +1611,7 @@ exports.useRedeemCoupon = useRedeemCoupon;
 exports.useRedeemOptions = useRedeemOptions;
 exports.useRedeemRewardPoints = useRedeemRewardPoints;
 exports.useRemoveFromShoppingList = useRemoveFromShoppingList;
+exports.useRemoveGroupMember = useRemoveGroupMember;
 exports.useReorder = useReorder;
 exports.useReturn = useReturn;
 exports.useSalesOrder = useSalesOrder;