@anker-in/shopify-react 0.1.1-beta.19 → 0.1.1-beta.20

package/dist/provider/index.d.mts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import React__default from 'react';
-import { ShopifyClient, ShopifyConfig, CartCookieAdapter as CartCookieAdapter$1, NormalizedCart, HasMetafieldsIdentifier } from '@anker-in/shopify-sdk';
-import { C as CookieAdapter, b as CartCookieAdapter, R as RouterAdapter, U as UserContextAdapter } from '../types-BLMoxbOk.mjs';
+import { ShopifyClient, ShopifyConfig, CartCookieAdapter, NormalizedCart, AttributeInput, HasMetafieldsIdentifier } from '@anker-in/shopify-sdk';
+import { C as CookieAdapter, R as RouterAdapter, U as UserContextAdapter } from '../types-Dt0DUG00.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SWRConfiguration } from 'swr';
-import { e as PlusMemberSettingsMetafields } from '../types-DX-2ABDs.mjs';
+import { e as PlusMemberSettingsMetafields } from '../types-C1So3siD.mjs';
 import 'swr/mutation';
 
 interface ShopifyContextValue {
@@ -24,7 +24,7 @@ interface ShopifyProviderProps {
     locale: string;
     locales?: string[];
     cookieAdapter?: CookieAdapter;
-    cartCookieAdapter?: CartCookieAdapter$1;
+    cartCookieAdapter?: CartCookieAdapter;
     routerAdapter?: RouterAdapter;
     userAdapter?: UserContextAdapter;
     children: React__default.ReactNode;
@@ -41,10 +41,6 @@ declare function ShopifyProvider({ config, locale, locales, cookieAdapter, cartC
  */
 declare function useShopify(): ShopifyContextValue;
 
-type AttributeInput = {
-    key: string;
-    value: string;
-};
 type LoadingState = {
     editLineQuantityLoading: boolean;
     editLineCodeAmountLoading: boolean;
@@ -54,6 +50,8 @@ type LoadingState = {
 interface CartContextValue {
     /** Current cart data */
     cart: NormalizedCart | undefined;
+    /** Total quantity of items in cart */
+    totalQuantity: number;
     /** Whether cart is loading */
     isCartLoading: boolean;
     /** Manually trigger cart fetch */
@@ -161,4 +159,4 @@ declare function CartProvider({ children, autoFreeGiftConfig, gradientGiftsConfi
  */
 declare function useCartContext(): CartContextValue;
 
-export { type AttributeInput, type CartContextValue, CartProvider, type CartProviderProps, type LoadingState, ShopifyContext, type ShopifyContextValue, ShopifyProvider, type ShopifyProviderProps, useCartContext, useShopify };
+export { type CartContextValue, CartProvider, type CartProviderProps, type LoadingState, ShopifyContext, type ShopifyContextValue, ShopifyProvider, type ShopifyProviderProps, useCartContext, useShopify };

package/dist/provider/index.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import React__default from 'react';
-import { ShopifyClient, ShopifyConfig, CartCookieAdapter as CartCookieAdapter$1, NormalizedCart, HasMetafieldsIdentifier } from '@anker-in/shopify-sdk';
-import { C as CookieAdapter, b as CartCookieAdapter, R as RouterAdapter, U as UserContextAdapter } from '../types-BLMoxbOk.js';
+import { ShopifyClient, ShopifyConfig, CartCookieAdapter, NormalizedCart, AttributeInput, HasMetafieldsIdentifier } from '@anker-in/shopify-sdk';
+import { C as CookieAdapter, R as RouterAdapter, U as UserContextAdapter } from '../types-Dt0DUG00.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SWRConfiguration } from 'swr';
-import { e as PlusMemberSettingsMetafields } from '../types-DX-2ABDs.js';
+import { e as PlusMemberSettingsMetafields } from '../types-C1So3siD.js';
 import 'swr/mutation';
 
 interface ShopifyContextValue {
@@ -24,7 +24,7 @@ interface ShopifyProviderProps {
     locale: string;
     locales?: string[];
     cookieAdapter?: CookieAdapter;
-    cartCookieAdapter?: CartCookieAdapter$1;
+    cartCookieAdapter?: CartCookieAdapter;
     routerAdapter?: RouterAdapter;
     userAdapter?: UserContextAdapter;
     children: React__default.ReactNode;
@@ -41,10 +41,6 @@ declare function ShopifyProvider({ config, locale, locales, cookieAdapter, cartC
  */
 declare function useShopify(): ShopifyContextValue;
 
-type AttributeInput = {
-    key: string;
-    value: string;
-};
 type LoadingState = {
     editLineQuantityLoading: boolean;
     editLineCodeAmountLoading: boolean;
@@ -54,6 +50,8 @@ type LoadingState = {
 interface CartContextValue {
     /** Current cart data */
     cart: NormalizedCart | undefined;
+    /** Total quantity of items in cart */
+    totalQuantity: number;
     /** Whether cart is loading */
     isCartLoading: boolean;
     /** Manually trigger cart fetch */
@@ -161,4 +159,4 @@ declare function CartProvider({ children, autoFreeGiftConfig, gradientGiftsConfi
  */
 declare function useCartContext(): CartContextValue;
 
-export { type AttributeInput, type CartContextValue, CartProvider, type CartProviderProps, type LoadingState, ShopifyContext, type ShopifyContextValue, ShopifyProvider, type ShopifyProviderProps, useCartContext, useShopify };
+export { type CartContextValue, CartProvider, type CartProviderProps, type LoadingState, ShopifyContext, type ShopifyContextValue, ShopifyProvider, type ShopifyProviderProps, useCartContext, useShopify };

package/dist/provider/index.js

@@ -196,22 +196,12 @@ var getQuery = () => {
   }
   return theRequest;
 };
-function atobID(id) {
-  if (id && typeof id === "string" && id.includes("/")) {
-    return id.split("/").pop()?.split("?")?.shift();
-  } else {
-    return id;
-  }
-}
-function btoaID(id, type = "ProductVariant") {
-  return `gid://shopify/${type}/${id}`;
-}
 var getMatchedMainProductSubTotal = (cartData, variant_list, main_product) => {
   const isAllStoreVariant = main_product?.all_store_variant ?? false;
   const matchedList = cartData?.lineItems?.filter((line) => {
     const { is_gift } = getDiscountEnvAttributeValue(line.customAttributes);
     return isAllStoreVariant ? !is_gift : variant_list?.find((item) => {
-      return !is_gift && atobID(line.variantId) === item;
+      return !is_gift && shopifySdk.atobID(line.variantId) === item;
     });
   });
   return matchedList?.reduce((acc, line) => {
@@ -451,7 +441,7 @@ var useCalcAutoFreeGift = (cart, autoFreeGiftConfig, customer, lines) => {
         if (!giftProduct) return null;
         return {
           variant: {
-            id: btoaID(giftProduct.variant_id),
+            id: shopifySdk.btoaID(giftProduct.variant_id),
             handle: giftProduct.handle,
             sku: giftProduct.sku
           },
@@ -727,12 +717,10 @@ function useHasPlusMemberInCart({
     };
   }, [cart?.lineItems, plus_monthly_product, plus_annual_product]);
 }
-
-// src/hooks/cart/feature/use-cart-attributes.ts
 var getReferralAttributes = () => {
-  const inviteCode = Cookies5__default.default.get("invite_code");
-  const playModeId = Cookies5__default.default.get("playModeId");
-  const popup = Cookies5__default.default.get("_popup");
+  const inviteCode = shopifySdk.getLocalStorage("invite_code") || Cookies5__default.default.get("invite_code");
+  const playModeId = shopifySdk.getLocalStorage("playModeId") || Cookies5__default.default.get("playModeId");
+  const popup = shopifySdk.getLocalStorage("_popup") || Cookies5__default.default.get("_popup");
   if (inviteCode && playModeId) {
     return popup ? [
       { key: "_invite_code", value: inviteCode ? inviteCode : "" },
@@ -1224,8 +1212,14 @@ function CartProvider({
     );
     return result;
   }, [cart?.lineItems, scriptAutoFreeGift, functionAutoFreeGift]);
+  const totalQuantity = react.useMemo(() => {
+    const cartLinesCount = cart?.lineItems.reduce((acc, item) => acc + item.quantity, 0) || 0;
+    const giftLinesCount = giftNeedAddToCartLines?.reduce((acc, item) => acc + (item.quantity || 1), 0) || 0;
+    return cartLinesCount + giftLinesCount;
+  }, [cart?.lineItems, giftNeedAddToCartLines]);
   const value = react.useMemo(
     () => ({
+      totalQuantity,
       cart,
       isCartLoading,
       triggerFetch: fetchCart,
@@ -1253,6 +1247,7 @@ function CartProvider({
     }),
     [
       cart,
+      totalQuantity,
       isCartLoading,
       fetchCart,
       mutateCart,