@shopify/shop-minis-react 0.0.13 → 0.0.16

package/dist/components/commerce/product-link.js

@@ -1,16 +1,17 @@
-import { jsxs as a, jsx as e, Fragment as j } from "react/jsx-runtime";
-import * as v from "react";
-import { cva as F } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { useShopNavigation as O } from "../../hooks/navigation/useShopNavigation.js";
-import { useSavedProductsActions as D } from "../../hooks/user/useSavedProductsActions.js";
+import { jsxs as c, jsx as t, Fragment as V } from "react/jsx-runtime";
+import * as k from "react";
+import { cva as j } from "../../shop-minis-react/node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { useShopNavigation as F } from "../../hooks/navigation/useShopNavigation.js";
+import { useSavedProductsActions as O } from "../../hooks/user/useSavedProductsActions.js";
+import { formatMoney as b } from "../../lib/formatMoney.js";
 import { cn as n } from "../../lib/utils.js";
 import { Button as M } from "../atoms/button.js";
-import { Card as q, CardContent as B, CardAction as H } from "../atoms/card.js";
+import { Card as D, CardContent as q, CardAction as B } from "../atoms/card.js";
 import { Touchable as A } from "../atoms/touchable.js";
-import U from "../../node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/star.js";
-import _ from "../../node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/heart.js";
-import { Root as E } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.6_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.js";
-const G = F("", {
+import H from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/star.js";
+import U from "../../shop-minis-react/node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/heart.js";
+import { Root as _ } from "../../shop-minis-react/node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.6_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.js";
+const E = j("", {
   variants: {
     layout: {
       horizontal: "w-full !flex-row items-center gap-3 px-4 py-3",
@@ -27,29 +28,29 @@ const G = F("", {
     discount: "none"
   }
 });
-function J({
-  className: r,
-  layout: t,
-  discount: o,
-  asChild: c = !1,
-  onPress: i,
+function G({
+  className: o,
+  layout: e,
+  discount: r,
+  asChild: i = !1,
+  onPress: a,
   ...s
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     A,
     {
-      onClick: i,
+      onClick: a,
       whileTap: { opacity: 0.7 },
       transition: {
         opacity: { type: "tween", duration: 0.08, ease: "easeInOut" }
       },
-      children: /* @__PURE__ */ e(
-        c ? E : q,
+      children: /* @__PURE__ */ t(
+        i ? _ : D,
         {
           className: n(
-            G({ layout: t, discount: o }),
+            E({ layout: e, discount: r }),
             "border-0 bg-white rounded-xl shadow-lg shadow-black/10",
-            r
+            o
           ),
           ...s
         }
@@ -57,148 +58,148 @@ function J({
     }
   );
 }
-function K({
-  className: r,
-  layout: t = "horizontal",
-  ...o
+function J({
+  className: o,
+  layout: e = "horizontal",
+  ...r
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "product-link-image",
       className: n(
         "overflow-hidden rounded-md bg-muted",
-        t === "horizontal" ? "h-16 w-16 flex-shrink-0" : "aspect-square w-full",
-        r
+        e === "horizontal" ? "h-16 w-16 flex-shrink-0" : "aspect-square w-full",
+        o
       ),
-      ...o
+      ...r
     }
   );
 }
-function Q({
-  className: r,
-  layout: t = "horizontal",
-  ...o
+function K({
+  className: o,
+  layout: e = "horizontal",
+  ...r
 }) {
-  return /* @__PURE__ */ e(
-    B,
+  return /* @__PURE__ */ t(
+    q,
     {
       className: n(
-        t === "horizontal" ? "flex-1 min-w-0 space-y-1 px-0 py-0" : "space-y-2",
-        r
+        e === "horizontal" ? "flex-1 min-w-0 space-y-1 px-0 py-0" : "space-y-2",
+        o
       ),
-      ...o
+      ...r
     }
   );
 }
-function W({
-  className: r,
-  children: t,
-  ...o
+function Q({
+  className: o,
+  children: e,
+  ...r
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     "h3",
     {
       "data-slot": "product-link-title",
       className: n(
         "text-sm font-medium leading-tight text-gray-900 truncate overflow-hidden whitespace-nowrap text-ellipsis",
-        r
+        o
       ),
-      ...o,
-      children: t
+      ...r,
+      children: e
     }
   );
 }
-function X({ className: r, ...t }) {
-  return /* @__PURE__ */ e(
+function W({ className: o, ...e }) {
+  return /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "product-link-price",
-      className: n("flex items-center gap-2", r),
-      ...t
+      className: n("flex items-center gap-2", o),
+      ...e
     }
   );
 }
-function Y({
-  className: r,
-  ...t
+function X({
+  className: o,
+  ...e
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     "span",
     {
       "data-slot": "product-link-current-price",
-      className: n("text-sm font-semibold text-gray-900", r),
-      ...t
+      className: n("text-sm font-semibold text-gray-900", o),
+      ...e
     }
   );
 }
-function Z({
-  className: r,
-  ...t
+function Y({
+  className: o,
+  ...e
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     "span",
     {
       "data-slot": "product-link-original-price",
-      className: n("text-sm text-gray-500 line-through", r),
-      ...t
+      className: n("text-sm text-gray-500 line-through", o),
+      ...e
     }
   );
 }
-function $({
-  className: r,
-  ...t
+function Z({
+  className: o,
+  ...e
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ t(
     "span",
     {
       "data-slot": "product-link-discount-price",
-      className: n("text-sm font-semibold text-red-600", r),
-      ...t
+      className: n("text-sm font-semibold text-red-600", o),
+      ...e
     }
   );
 }
-function tt({ className: r, ...t }) {
-  return /* @__PURE__ */ e(
+function $({ className: o, ...e }) {
+  return /* @__PURE__ */ t(
     "div",
     {
       "data-slot": "product-link-rating",
       className: n(
         "flex items-center gap-1 text-xs text-muted-foreground",
-        r
+        o
       ),
-      ...t
+      ...e
     }
   );
 }
-function et({
-  className: r,
-  onActionPress: t,
-  filled: o = !1,
-  ...c
+function tt({
+  className: o,
+  onActionPress: e,
+  filled: r = !1,
+  ...i
 }) {
-  return /* @__PURE__ */ e(
-    H,
+  return /* @__PURE__ */ t(
+    B,
     {
-      className: n("flex-shrink-0 self-center px-0 py-0", r),
-      ...c,
-      children: /* @__PURE__ */ e(
+      className: n("flex-shrink-0 self-center px-0 py-0", o),
+      ...i,
+      children: /* @__PURE__ */ t(
         A,
         {
           stopPropagation: !0,
-          onClick: t,
+          onClick: e,
           whileTap: { opacity: 0.7, scale: 0.95 },
           transition: {
             opacity: { type: "tween", duration: 0.08, ease: "easeInOut" },
             scale: { type: "tween", duration: 0.08, ease: "easeInOut" }
           },
-          children: /* @__PURE__ */ e(
+          children: /* @__PURE__ */ t(
             M,
             {
               variant: "borderless",
               size: "icon",
               className: "h-auto w-auto p-0 hover:bg-transparent",
-              children: /* @__PURE__ */ e(_, { fill: o ? "currentColor" : "none", className: "h-4 w-4" })
+              children: /* @__PURE__ */ t(U, { fill: r ? "currentColor" : "none", className: "h-4 w-4" })
             }
           )
         }
@@ -206,104 +207,96 @@ function et({
     }
   );
 }
-function pt({ product: r }) {
-  const { navigateToProduct: t } = O(), { saveProduct: o, unsaveProduct: c } = D(), {
-    id: i,
+function pt({ product: o }) {
+  const { navigateToProduct: e } = F(), { saveProduct: r, unsaveProduct: i } = O(), {
+    id: a,
     title: s,
-    featuredImage: u,
-    reviewAnalytics: w,
-    price: P,
-    compareAtPrice: k,
+    featuredImage: p,
+    reviewAnalytics: P,
+    price: l,
+    compareAtPrice: d,
     isFavorited: z,
-    selectedVariant: m,
-    defaultVariantId: p,
-    shop: f
-  } = r, [h, C] = v.useState(z), g = w?.averageRating, N = w?.reviewCount, I = P?.currencyCode, x = P?.amount, L = u?.url, T = u?.altText || s, y = k?.amount, R = k?.currencyCode, b = y && y !== x, S = v.useCallback(() => {
-    t({
-      productId: i
+    selectedVariant: f,
+    defaultVariantId: h,
+    shop: g
+  } = o, [x, C] = k.useState(z), y = P?.averageRating, N = P?.reviewCount;
+  l?.currencyCode;
+  const v = l?.amount ? b(l?.amount, l?.currencyCode) : void 0, I = p?.url, T = p?.altText || s, w = d?.amount ? b(d?.amount, d?.currencyCode) : void 0;
+  d?.currencyCode;
+  const L = w && w !== v, R = k.useCallback(() => {
+    e({
+      productId: a
     });
-  }, [t, i]), V = v.useCallback(async () => {
-    const l = h;
-    C(!l);
+  }, [e, a]), S = k.useCallback(async () => {
+    const u = x;
+    C(!u);
     try {
-      l ? await c({
-        productId: i,
-        shopId: f.id,
-        productVariantId: m?.id || p
-      }) : await o({
-        productId: i,
-        shopId: f.id,
-        productVariantId: m?.id || p
+      u ? await i({
+        productId: a,
+        shopId: g.id,
+        productVariantId: f?.id || h
+      }) : await r({
+        productId: a,
+        shopId: g.id,
+        productVariantId: f?.id || h
       });
     } catch {
-      C(l);
+      C(u);
     }
   }, [
+    x,
+    a,
+    g.id,
+    f?.id,
     h,
-    i,
-    f.id,
-    m?.id,
-    p,
-    o,
-    c
+    r,
+    i
   ]);
-  return /* @__PURE__ */ a(
-    J,
+  return /* @__PURE__ */ c(
+    G,
     {
       layout: "horizontal",
-      discount: b ? "small" : "none",
-      onPress: S,
+      discount: L ? "small" : "none",
+      onPress: R,
       children: [
-        /* @__PURE__ */ e(K, { layout: "horizontal", children: L ? /* @__PURE__ */ e(
+        /* @__PURE__ */ t(J, { layout: "horizontal", children: I ? /* @__PURE__ */ t(
           "img",
           {
-            src: L,
+            src: I,
             alt: T,
             className: "h-full w-full object-cover"
           }
-        ) : /* @__PURE__ */ e("div", { className: "h-full w-full bg-muted flex items-center justify-center text-muted-foreground text-xs", children: "No Image" }) }),
-        /* @__PURE__ */ a(Q, { layout: "horizontal", children: [
-          /* @__PURE__ */ e(W, { children: s }),
-          N && g && /* @__PURE__ */ e(tt, { children: /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
-            Array.from({ length: 5 }, (l, d) => /* @__PURE__ */ e(
-              U,
+        ) : /* @__PURE__ */ t("div", { className: "h-full w-full bg-muted flex items-center justify-center text-muted-foreground text-xs", children: "No Image" }) }),
+        /* @__PURE__ */ c(K, { layout: "horizontal", children: [
+          /* @__PURE__ */ t(Q, { children: s }),
+          N && y && /* @__PURE__ */ t($, { children: /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
+            Array.from({ length: 5 }, (u, m) => /* @__PURE__ */ t(
+              H,
               {
-                fill: d < Math.floor(g) ? "currentColor" : "none",
+                fill: m < Math.floor(y) ? "currentColor" : "none",
                 className: n(
                   "h-3 w-3",
-                  d < Math.floor(g) ? "text-primary" : "text-gray-300"
+                  m < Math.floor(y) ? "text-primary" : "text-gray-300"
                 )
               },
-              d
+              m
             )),
-            /* @__PURE__ */ a("span", { className: "text-xs text-gray-600 ml-1", children: [
+            /* @__PURE__ */ c("span", { className: "text-xs text-gray-600 ml-1", children: [
               "(",
               N,
               ")"
             ] })
           ] }) }),
-          /* @__PURE__ */ e(X, { children: b ? /* @__PURE__ */ a(j, { children: [
-            /* @__PURE__ */ a($, { children: [
-              I,
-              " ",
-              x
-            ] }),
-            /* @__PURE__ */ a(Z, { children: [
-              R,
-              " ",
-              y
-            ] })
-          ] }) : /* @__PURE__ */ a(Y, { children: [
-            I,
-            " ",
-            x
-          ] }) })
+          /* @__PURE__ */ t(W, { children: L ? /* @__PURE__ */ c(V, { children: [
+            /* @__PURE__ */ t(Z, { children: v }),
+            /* @__PURE__ */ t(Y, { children: w })
+          ] }) : /* @__PURE__ */ t(X, { children: v }) })
         ] }),
-        /* @__PURE__ */ e(
-          et,
+        /* @__PURE__ */ t(
+          tt,
           {
-            filled: h,
-            onActionPress: V
+            filled: x,
+            onActionPress: S
           }
         )
       ]
@@ -312,15 +305,15 @@ function pt({ product: r }) {
 }
 export {
   pt as ProductLink,
-  et as ProductLinkActions,
-  Y as ProductLinkCurrentPrice,
-  $ as ProductLinkDiscountPrice,
-  K as ProductLinkImage,
-  Q as ProductLinkInfo,
-  Z as ProductLinkOriginalPrice,
-  X as ProductLinkPrice,
-  tt as ProductLinkRating,
-  J as ProductLinkRoot,
-  W as ProductLinkTitle
+  tt as ProductLinkActions,
+  X as ProductLinkCurrentPrice,
+  Z as ProductLinkDiscountPrice,
+  J as ProductLinkImage,
+  K as ProductLinkInfo,
+  Y as ProductLinkOriginalPrice,
+  W as ProductLinkPrice,
+  $ as ProductLinkRating,
+  G as ProductLinkRoot,
+  Q as ProductLinkTitle
 };
 //# sourceMappingURL=product-link.js.map

package/dist/components/commerce/product-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"product-link.js","sources":["../../../src/components/commerce/product-link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {cva, type VariantProps} from 'class-variance-authority'\nimport {Heart, Star} from 'lucide-react'\nimport {Slot as SlotPrimitive} from 'radix-ui'\n\nimport {useShopNavigation} from '../../hooks/navigation/useShopNavigation'\nimport {useSavedProductsActions} from '../../hooks/user/useSavedProductsActions'\nimport {cn} from '../../lib/utils'\nimport {type Product} from '../../types/minisSDK.generated.d'\nimport {Button} from '../atoms/button'\nimport {Card, CardContent, CardAction} from '../atoms/card'\nimport {Touchable} from '../atoms/touchable'\n\nconst productLinkVariants = cva('', {\n  variants: {\n    layout: {\n      horizontal: 'w-full !flex-row items-center gap-3 px-4 py-3',\n      vertical: 'flex-col',\n    },\n    discount: {\n      none: '',\n      small: '',\n      large: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'horizontal',\n    discount: 'none',\n  },\n})\n\n// Primitive components (building blocks)\nexport interface ProductLinkRootProps\n  extends React.ComponentProps<typeof Card>,\n    VariantProps<typeof productLinkVariants> {\n  layout?: 'horizontal' | 'vertical'\n  asChild?: boolean\n  onPress?: () => void\n}\n\nfunction ProductLinkRoot({\n  className,\n  layout,\n  discount,\n  asChild = false,\n  onPress,\n  ...props\n}: ProductLinkRootProps) {\n  const Comp = asChild ? SlotPrimitive.Root : Card\n\n  return (\n    <Touchable\n      onClick={onPress}\n      whileTap={{opacity: 0.7}}\n      transition={{\n        opacity: {type: 'tween', duration: 0.08, ease: 'easeInOut'},\n      }}\n    >\n      <Comp\n        className={cn(\n          productLinkVariants({layout, discount}),\n          'border-0 bg-white rounded-xl shadow-lg shadow-black/10',\n          className\n        )}\n        {...props}\n      />\n    </Touchable>\n  )\n}\n\nfunction ProductLinkImage({\n  className,\n  layout = 'horizontal',\n  ...props\n}: React.ComponentProps<'div'> & {layout?: 'horizontal' | 'vertical'}) {\n  return (\n    <div\n      data-slot=\"product-link-image\"\n      className={cn(\n        'overflow-hidden rounded-md bg-muted',\n        layout === 'horizontal'\n          ? 'h-16 w-16 flex-shrink-0'\n          : 'aspect-square w-full',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkInfo({\n  className,\n  layout = 'horizontal',\n  ...props\n}: React.ComponentProps<typeof CardContent> & {\n  layout?: 'horizontal' | 'vertical'\n}) {\n  return (\n    <CardContent\n      className={cn(\n        layout === 'horizontal'\n          ? 'flex-1 min-w-0 space-y-1 px-0 py-0'\n          : 'space-y-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkTitle({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"product-link-title\"\n      className={cn(\n        'text-sm font-medium leading-tight text-gray-900 truncate overflow-hidden whitespace-nowrap text-ellipsis',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n}\n\nfunction ProductLinkPrice({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"product-link-price\"\n      className={cn('flex items-center gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkCurrentPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-link-current-price\"\n      className={cn('text-sm font-semibold text-gray-900', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkOriginalPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-link-original-price\"\n      className={cn('text-sm text-gray-500 line-through', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkDiscountPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-link-discount-price\"\n      className={cn('text-sm font-semibold text-red-600', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkRating({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"product-link-rating\"\n      className={cn(\n        'flex items-center gap-1 text-xs text-muted-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkActions({\n  className,\n  onActionPress,\n  filled = false,\n  ...props\n}: React.ComponentProps<typeof CardAction> & {\n  onActionPress?: () => void\n  filled?: boolean\n}) {\n  return (\n    <CardAction\n      className={cn('flex-shrink-0 self-center px-0 py-0', className)}\n      {...props}\n    >\n      <Touchable\n        stopPropagation\n        onClick={onActionPress}\n        whileTap={{opacity: 0.7, scale: 0.95}}\n        transition={{\n          opacity: {type: 'tween', duration: 0.08, ease: 'easeInOut'},\n          scale: {type: 'tween', duration: 0.08, ease: 'easeInOut'},\n        }}\n      >\n        <Button\n          variant=\"borderless\"\n          size=\"icon\"\n          className=\"h-auto w-auto p-0 hover:bg-transparent\"\n        >\n          <Heart fill={filled ? 'currentColor' : 'none'} className=\"h-4 w-4\" />\n        </Button>\n      </Touchable>\n    </CardAction>\n  )\n}\n\nexport interface ProductLinkProps {\n  product: Product\n}\n\n// Composed ProductLink component\nfunction ProductLink({product}: ProductLinkProps) {\n  const {navigateToProduct} = useShopNavigation()\n  const {saveProduct, unsaveProduct} = useSavedProductsActions()\n\n  const {\n    id,\n    title,\n    featuredImage,\n    reviewAnalytics,\n    price,\n    compareAtPrice,\n    isFavorited,\n    selectedVariant,\n    defaultVariantId,\n    shop,\n  } = product\n\n  // Local state for optimistic UI updates\n  const [isFavoritedLocal, setIsFavoritedLocal] = React.useState(isFavorited)\n\n  const averageRating = reviewAnalytics?.averageRating\n  const reviewCount = reviewAnalytics?.reviewCount\n  const currencyCode = price?.currencyCode\n  const amount = price?.amount\n  const imageUrl = featuredImage?.url\n  const imageAltText = featuredImage?.altText || title\n  const compareAtPriceAmount = compareAtPrice?.amount\n  const compareAtPriceCurrencyCode = compareAtPrice?.currencyCode\n  const hasDiscount = compareAtPriceAmount && compareAtPriceAmount !== amount\n\n  const handlePress = React.useCallback(() => {\n    navigateToProduct({\n      productId: id,\n    })\n  }, [navigateToProduct, id])\n\n  const handleActionPress = React.useCallback(async () => {\n    const previousState = isFavoritedLocal\n\n    // Optimistic update\n    setIsFavoritedLocal(!previousState)\n\n    try {\n      if (previousState) {\n        await unsaveProduct({\n          productId: id,\n          shopId: shop.id,\n          productVariantId: selectedVariant?.id || defaultVariantId,\n        })\n      } else {\n        await saveProduct({\n          productId: id,\n          shopId: shop.id,\n          productVariantId: selectedVariant?.id || defaultVariantId,\n        })\n      }\n    } catch (error) {\n      // Revert optimistic update on error\n      setIsFavoritedLocal(previousState)\n    }\n  }, [\n    isFavoritedLocal,\n    id,\n    shop.id,\n    selectedVariant?.id,\n    defaultVariantId,\n    saveProduct,\n    unsaveProduct,\n  ])\n\n  return (\n    <ProductLinkRoot\n      layout=\"horizontal\"\n      discount={hasDiscount ? 'small' : 'none'}\n      onPress={handlePress}\n    >\n      <ProductLinkImage layout=\"horizontal\">\n        {imageUrl ? (\n          <img\n            src={imageUrl}\n            alt={imageAltText}\n            className=\"h-full w-full object-cover\"\n          />\n        ) : (\n          <div className=\"h-full w-full bg-muted flex items-center justify-center text-muted-foreground text-xs\">\n            No Image\n          </div>\n        )}\n      </ProductLinkImage>\n\n      <ProductLinkInfo layout=\"horizontal\">\n        <ProductLinkTitle>{title}</ProductLinkTitle>\n\n        {reviewCount && averageRating && (\n          <ProductLinkRating>\n            <div className=\"flex items-center gap-1\">\n              {Array.from({length: 5}, (_, i) => (\n                <Star\n                  key={i}\n                  fill={\n                    i < Math.floor(averageRating!) ? 'currentColor' : 'none'\n                  }\n                  className={cn(\n                    'h-3 w-3',\n                    i < Math.floor(averageRating!)\n                      ? 'text-primary'\n                      : 'text-gray-300'\n                  )}\n                />\n              ))}\n              <span className=\"text-xs text-gray-600 ml-1\">\n                ({reviewCount})\n              </span>\n            </div>\n          </ProductLinkRating>\n        )}\n\n        <ProductLinkPrice>\n          {hasDiscount ? (\n            <>\n              <ProductLinkDiscountPrice>\n                {currencyCode} {amount}\n              </ProductLinkDiscountPrice>\n              <ProductLinkOriginalPrice>\n                {compareAtPriceCurrencyCode} {compareAtPriceAmount}\n              </ProductLinkOriginalPrice>\n            </>\n          ) : (\n            <ProductLinkCurrentPrice>\n              {currencyCode} {amount}\n            </ProductLinkCurrentPrice>\n          )}\n        </ProductLinkPrice>\n      </ProductLinkInfo>\n\n      <ProductLinkActions\n        filled={isFavoritedLocal}\n        onActionPress={handleActionPress}\n      />\n    </ProductLinkRoot>\n  )\n}\n\nexport {\n  // Composed component\n  ProductLink,\n  // Primitive components for custom composition\n  ProductLinkRoot,\n  ProductLinkImage,\n  ProductLinkInfo,\n  ProductLinkTitle,\n  ProductLinkPrice,\n  ProductLinkCurrentPrice,\n  ProductLinkOriginalPrice,\n  ProductLinkDiscountPrice,\n  ProductLinkRating,\n  ProductLinkActions,\n}\n"],"names":["productLinkVariants","cva","ProductLinkRoot","className","layout","discount","asChild","onPress","props","jsx","Touchable","SlotPrimitive.Root","Card","cn","ProductLinkImage","ProductLinkInfo","CardContent","ProductLinkTitle","children","ProductLinkPrice","ProductLinkCurrentPrice","ProductLinkOriginalPrice","ProductLinkDiscountPrice","ProductLinkRating","ProductLinkActions","onActionPress","filled","CardAction","Button","Heart","ProductLink","product","navigateToProduct","useShopNavigation","saveProduct","unsaveProduct","useSavedProductsActions","id","title","featuredImage","reviewAnalytics","price","compareAtPrice","isFavorited","selectedVariant","defaultVariantId","shop","isFavoritedLocal","setIsFavoritedLocal","React","averageRating","reviewCount","currencyCode","amount","imageUrl","imageAltText","compareAtPriceAmount","compareAtPriceCurrencyCode","hasDiscount","handlePress","handleActionPress","previousState","jsxs","_","i","Star","Fragment"],"mappings":"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"}
+{"version":3,"file":"product-link.js","sources":["../../../src/components/commerce/product-link.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {type Product} from '@shopify/shop-minis-platform'\nimport {cva, type VariantProps} from 'class-variance-authority'\nimport {Heart, Star} from 'lucide-react'\nimport {Slot as SlotPrimitive} from 'radix-ui'\n\nimport {useShopNavigation} from '../../hooks/navigation/useShopNavigation'\nimport {useSavedProductsActions} from '../../hooks/user/useSavedProductsActions'\nimport {formatMoney} from '../../lib/formatMoney'\nimport {cn} from '../../lib/utils'\nimport {Button} from '../atoms/button'\nimport {Card, CardContent, CardAction} from '../atoms/card'\nimport {Touchable} from '../atoms/touchable'\n\nconst productLinkVariants = cva('', {\n  variants: {\n    layout: {\n      horizontal: 'w-full !flex-row items-center gap-3 px-4 py-3',\n      vertical: 'flex-col',\n    },\n    discount: {\n      none: '',\n      small: '',\n      large: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'horizontal',\n    discount: 'none',\n  },\n})\n\n// Primitive components (building blocks)\nexport interface ProductLinkRootProps\n  extends React.ComponentProps<typeof Card>,\n    VariantProps<typeof productLinkVariants> {\n  layout?: 'horizontal' | 'vertical'\n  asChild?: boolean\n  onPress?: () => void\n}\n\nfunction ProductLinkRoot({\n  className,\n  layout,\n  discount,\n  asChild = false,\n  onPress,\n  ...props\n}: ProductLinkRootProps) {\n  const Comp = asChild ? SlotPrimitive.Root : Card\n\n  return (\n    <Touchable\n      onClick={onPress}\n      whileTap={{opacity: 0.7}}\n      transition={{\n        opacity: {type: 'tween', duration: 0.08, ease: 'easeInOut'},\n      }}\n    >\n      <Comp\n        className={cn(\n          productLinkVariants({layout, discount}),\n          'border-0 bg-white rounded-xl shadow-lg shadow-black/10',\n          className\n        )}\n        {...props}\n      />\n    </Touchable>\n  )\n}\n\nfunction ProductLinkImage({\n  className,\n  layout = 'horizontal',\n  ...props\n}: React.ComponentProps<'div'> & {layout?: 'horizontal' | 'vertical'}) {\n  return (\n    <div\n      data-slot=\"product-link-image\"\n      className={cn(\n        'overflow-hidden rounded-md bg-muted',\n        layout === 'horizontal'\n          ? 'h-16 w-16 flex-shrink-0'\n          : 'aspect-square w-full',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkInfo({\n  className,\n  layout = 'horizontal',\n  ...props\n}: React.ComponentProps<typeof CardContent> & {\n  layout?: 'horizontal' | 'vertical'\n}) {\n  return (\n    <CardContent\n      className={cn(\n        layout === 'horizontal'\n          ? 'flex-1 min-w-0 space-y-1 px-0 py-0'\n          : 'space-y-2',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkTitle({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"product-link-title\"\n      className={cn(\n        'text-sm font-medium leading-tight text-gray-900 truncate overflow-hidden whitespace-nowrap text-ellipsis',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n}\n\nfunction ProductLinkPrice({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"product-link-price\"\n      className={cn('flex items-center gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkCurrentPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-link-current-price\"\n      className={cn('text-sm font-semibold text-gray-900', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkOriginalPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-link-original-price\"\n      className={cn('text-sm text-gray-500 line-through', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkDiscountPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-link-discount-price\"\n      className={cn('text-sm font-semibold text-red-600', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkRating({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"product-link-rating\"\n      className={cn(\n        'flex items-center gap-1 text-xs text-muted-foreground',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductLinkActions({\n  className,\n  onActionPress,\n  filled = false,\n  ...props\n}: React.ComponentProps<typeof CardAction> & {\n  onActionPress?: () => void\n  filled?: boolean\n}) {\n  return (\n    <CardAction\n      className={cn('flex-shrink-0 self-center px-0 py-0', className)}\n      {...props}\n    >\n      <Touchable\n        stopPropagation\n        onClick={onActionPress}\n        whileTap={{opacity: 0.7, scale: 0.95}}\n        transition={{\n          opacity: {type: 'tween', duration: 0.08, ease: 'easeInOut'},\n          scale: {type: 'tween', duration: 0.08, ease: 'easeInOut'},\n        }}\n      >\n        <Button\n          variant=\"borderless\"\n          size=\"icon\"\n          className=\"h-auto w-auto p-0 hover:bg-transparent\"\n        >\n          <Heart fill={filled ? 'currentColor' : 'none'} className=\"h-4 w-4\" />\n        </Button>\n      </Touchable>\n    </CardAction>\n  )\n}\n\nexport interface ProductLinkProps {\n  product: Product\n}\n\n// Composed ProductLink component\nfunction ProductLink({product}: ProductLinkProps) {\n  const {navigateToProduct} = useShopNavigation()\n  const {saveProduct, unsaveProduct} = useSavedProductsActions()\n\n  const {\n    id,\n    title,\n    featuredImage,\n    reviewAnalytics,\n    price,\n    compareAtPrice,\n    isFavorited,\n    selectedVariant,\n    defaultVariantId,\n    shop,\n  } = product\n\n  // Local state for optimistic UI updates\n  const [isFavoritedLocal, setIsFavoritedLocal] = React.useState(isFavorited)\n\n  const averageRating = reviewAnalytics?.averageRating\n  const reviewCount = reviewAnalytics?.reviewCount\n  const currencyCode = price?.currencyCode\n  const amount = price?.amount\n    ? formatMoney(price?.amount, price?.currencyCode)\n    : undefined\n  const imageUrl = featuredImage?.url\n  const imageAltText = featuredImage?.altText || title\n  const compareAtPriceAmount = compareAtPrice?.amount\n    ? formatMoney(compareAtPrice?.amount, compareAtPrice?.currencyCode)\n    : undefined\n  const compareAtPriceCurrencyCode = compareAtPrice?.currencyCode\n  const hasDiscount = compareAtPriceAmount && compareAtPriceAmount !== amount\n\n  const handlePress = React.useCallback(() => {\n    navigateToProduct({\n      productId: id,\n    })\n  }, [navigateToProduct, id])\n\n  const handleActionPress = React.useCallback(async () => {\n    const previousState = isFavoritedLocal\n\n    // Optimistic update\n    setIsFavoritedLocal(!previousState)\n\n    try {\n      if (previousState) {\n        await unsaveProduct({\n          productId: id,\n          shopId: shop.id,\n          productVariantId: selectedVariant?.id || defaultVariantId,\n        })\n      } else {\n        await saveProduct({\n          productId: id,\n          shopId: shop.id,\n          productVariantId: selectedVariant?.id || defaultVariantId,\n        })\n      }\n    } catch (error) {\n      // Revert optimistic update on error\n      setIsFavoritedLocal(previousState)\n    }\n  }, [\n    isFavoritedLocal,\n    id,\n    shop.id,\n    selectedVariant?.id,\n    defaultVariantId,\n    saveProduct,\n    unsaveProduct,\n  ])\n\n  return (\n    <ProductLinkRoot\n      layout=\"horizontal\"\n      discount={hasDiscount ? 'small' : 'none'}\n      onPress={handlePress}\n    >\n      <ProductLinkImage layout=\"horizontal\">\n        {imageUrl ? (\n          <img\n            src={imageUrl}\n            alt={imageAltText}\n            className=\"h-full w-full object-cover\"\n          />\n        ) : (\n          <div className=\"h-full w-full bg-muted flex items-center justify-center text-muted-foreground text-xs\">\n            No Image\n          </div>\n        )}\n      </ProductLinkImage>\n\n      <ProductLinkInfo layout=\"horizontal\">\n        <ProductLinkTitle>{title}</ProductLinkTitle>\n\n        {reviewCount && averageRating && (\n          <ProductLinkRating>\n            <div className=\"flex items-center gap-1\">\n              {Array.from({length: 5}, (_, i) => (\n                <Star\n                  key={i}\n                  fill={\n                    i < Math.floor(averageRating!) ? 'currentColor' : 'none'\n                  }\n                  className={cn(\n                    'h-3 w-3',\n                    i < Math.floor(averageRating!)\n                      ? 'text-primary'\n                      : 'text-gray-300'\n                  )}\n                />\n              ))}\n              <span className=\"text-xs text-gray-600 ml-1\">\n                ({reviewCount})\n              </span>\n            </div>\n          </ProductLinkRating>\n        )}\n\n        <ProductLinkPrice>\n          {hasDiscount ? (\n            <>\n              <ProductLinkDiscountPrice>{amount}</ProductLinkDiscountPrice>\n              <ProductLinkOriginalPrice>\n                {compareAtPriceAmount}\n              </ProductLinkOriginalPrice>\n            </>\n          ) : (\n            <ProductLinkCurrentPrice>{amount}</ProductLinkCurrentPrice>\n          )}\n        </ProductLinkPrice>\n      </ProductLinkInfo>\n\n      <ProductLinkActions\n        filled={isFavoritedLocal}\n        onActionPress={handleActionPress}\n      />\n    </ProductLinkRoot>\n  )\n}\n\nexport {\n  // Composed component\n  ProductLink,\n  // Primitive components for custom composition\n  ProductLinkRoot,\n  ProductLinkImage,\n  ProductLinkInfo,\n  ProductLinkTitle,\n  ProductLinkPrice,\n  ProductLinkCurrentPrice,\n  ProductLinkOriginalPrice,\n  ProductLinkDiscountPrice,\n  ProductLinkRating,\n  ProductLinkActions,\n}\n"],"names":["productLinkVariants","cva","ProductLinkRoot","className","layout","discount","asChild","onPress","props","jsx","Touchable","SlotPrimitive.Root","Card","cn","ProductLinkImage","ProductLinkInfo","CardContent","ProductLinkTitle","children","ProductLinkPrice","ProductLinkCurrentPrice","ProductLinkOriginalPrice","ProductLinkDiscountPrice","ProductLinkRating","ProductLinkActions","onActionPress","filled","CardAction","Button","Heart","ProductLink","product","navigateToProduct","useShopNavigation","saveProduct","unsaveProduct","useSavedProductsActions","id","title","featuredImage","reviewAnalytics","price","compareAtPrice","isFavorited","selectedVariant","defaultVariantId","shop","isFavoritedLocal","setIsFavoritedLocal","React","averageRating","reviewCount","amount","formatMoney","imageUrl","imageAltText","compareAtPriceAmount","hasDiscount","handlePress","handleActionPress","previousState","jsxs","_","i","Star","Fragment"],"mappings":"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"}

package/dist/hooks/navigation/useShopNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useShopNavigation.js","sources":["../../../src/hooks/navigation/useShopNavigation.ts"],"sourcesContent":["import {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\nimport {\n  NavigateToCheckoutParams,\n  NavigateToOrderParams,\n  NavigateToProductParams,\n  NavigateToShopParams,\n} from '../../types'\n\ninterface UseShopNavigationReturns {\n  /**\n   * Navigates to a product.\n   */\n  navigateToProduct: (params: NavigateToProductParams) => Promise<void>\n  /**\n   * Navigates to a shop.\n   */\n  navigateToShop: (params: NavigateToShopParams) => Promise<void>\n  /**\n   * Navigates to an order.\n   */\n  navigateToOrder: (params: NavigateToOrderParams) => Promise<void>\n\n  navigateToCheckout: (params: NavigateToCheckoutParams) => Promise<void>\n}\n\nexport const useShopNavigation = (): UseShopNavigationReturns => {\n  const {\n    navigateToProduct,\n    navigateToShop,\n    navigateToOrder,\n    navigateToCheckout,\n  } = useShopActions()\n\n  return {\n    navigateToProduct: useHandleAction(navigateToProduct),\n    navigateToShop: useHandleAction(navigateToShop),\n    navigateToOrder: useHandleAction(navigateToOrder),\n    navigateToCheckout: useHandleAction(navigateToCheckout),\n  }\n}\n"],"names":["useShopNavigation","navigateToProduct","navigateToShop","navigateToOrder","navigateToCheckout","useShopActions","useHandleAction"],"mappings":";;AA0BO,MAAMA,IAAoB,MAAgC;AACzD,QAAA;AAAA,IACJ,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAAe;AAEZ,SAAA;AAAA,IACL,mBAAmBC,EAAgBL,CAAiB;AAAA,IACpD,gBAAgBK,EAAgBJ,CAAc;AAAA,IAC9C,iBAAiBI,EAAgBH,CAAe;AAAA,IAChD,oBAAoBG,EAAgBF,CAAkB;AAAA,EACxD;AACF;"}
+{"version":3,"file":"useShopNavigation.js","sources":["../../../src/hooks/navigation/useShopNavigation.ts"],"sourcesContent":["import {\n  NavigateToCheckoutParams,\n  NavigateToOrderParams,\n  NavigateToProductParams,\n  NavigateToShopParams,\n} from '@shopify/shop-minis-platform/actions'\n\nimport {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\n\ninterface UseShopNavigationReturns {\n  /**\n   * Navigates to a product.\n   */\n  navigateToProduct: (params: NavigateToProductParams) => Promise<void>\n  /**\n   * Navigates to a shop.\n   */\n  navigateToShop: (params: NavigateToShopParams) => Promise<void>\n  /**\n   * Navigates to an order.\n   */\n  navigateToOrder: (params: NavigateToOrderParams) => Promise<void>\n\n  navigateToCheckout: (params: NavigateToCheckoutParams) => Promise<void>\n}\n\nexport const useShopNavigation = (): UseShopNavigationReturns => {\n  const {\n    navigateToProduct,\n    navigateToShop,\n    navigateToOrder,\n    navigateToCheckout,\n  } = useShopActions()\n\n  return {\n    navigateToProduct: useHandleAction(navigateToProduct),\n    navigateToShop: useHandleAction(navigateToShop),\n    navigateToOrder: useHandleAction(navigateToOrder),\n    navigateToCheckout: useHandleAction(navigateToCheckout),\n  }\n}\n"],"names":["useShopNavigation","navigateToProduct","navigateToShop","navigateToOrder","navigateToCheckout","useShopActions","useHandleAction"],"mappings":";;AA2BO,MAAMA,IAAoB,MAAgC;AACzD,QAAA;AAAA,IACJ,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,EAAe;AAEZ,SAAA;AAAA,IACL,mBAAmBC,EAAgBL,CAAiB;AAAA,IACpD,gBAAgBK,EAAgBJ,CAAc;AAAA,IAC9C,iBAAiBI,EAAgBH,CAAe;AAAA,IAChD,oBAAoBG,EAAgBF,CAAkB;AAAA,EACxD;AACF;"}

package/dist/hooks/product/useProductListActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProductListActions.js","sources":["../../../src/hooks/product/useProductListActions.ts"],"sourcesContent":["import {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\nimport {\n  AddProductListParams,\n  RemoveProductListParams,\n  RenameProductListParams,\n  AddProductListItemParams,\n  RemoveProductListItemParams,\n  ProductList,\n} from '../../types'\n\ninterface UseProductListActionsReturns {\n  /**\n   * Add a product list\n   */\n  addProductList: (params: AddProductListParams) => Promise<ProductList>\n  /**\n   * Remove a product list\n   */\n  removeProductList: (params: RemoveProductListParams) => Promise<void>\n  /**\n   * Rename a product list\n   */\n  renameProductList: (params: RenameProductListParams) => Promise<ProductList>\n  /**\n   * Add a product to a product list\n   */\n  addProductListItem: (params: AddProductListItemParams) => Promise<void>\n  /**\n   * Remove a product from a product list\n   */\n  removeProductListItem: (params: RemoveProductListItemParams) => Promise<void>\n}\n\nexport const useProductListActions = (): UseProductListActionsReturns => {\n  const {\n    addProductList,\n    removeProductList,\n    renameProductList,\n    addProductListItem,\n    removeProductListItem,\n  } = useShopActions()\n\n  return {\n    addProductList: useHandleAction(addProductList),\n    removeProductList: useHandleAction(removeProductList),\n    renameProductList: useHandleAction(renameProductList),\n    addProductListItem: useHandleAction(addProductListItem),\n    removeProductListItem: useHandleAction(removeProductListItem),\n  }\n}\n"],"names":["useProductListActions","addProductList","removeProductList","renameProductList","addProductListItem","removeProductListItem","useShopActions","useHandleAction"],"mappings":";;AAkCO,MAAMA,IAAwB,MAAoC;AACjE,QAAA;AAAA,IACJ,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,uBAAAC;AAAA,MACEC,EAAe;AAEZ,SAAA;AAAA,IACL,gBAAgBC,EAAgBN,CAAc;AAAA,IAC9C,mBAAmBM,EAAgBL,CAAiB;AAAA,IACpD,mBAAmBK,EAAgBJ,CAAiB;AAAA,IACpD,oBAAoBI,EAAgBH,CAAkB;AAAA,IACtD,uBAAuBG,EAAgBF,CAAqB;AAAA,EAC9D;AACF;"}
+{"version":3,"file":"useProductListActions.js","sources":["../../../src/hooks/product/useProductListActions.ts"],"sourcesContent":["import {\n  AddProductListParams,\n  RemoveProductListParams,\n  RenameProductListParams,\n  AddProductListItemParams,\n  RemoveProductListItemParams,\n} from '@shopify/shop-minis-platform/actions'\n\nimport {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\nimport {ProductList} from '../../types'\n\ninterface UseProductListActionsReturns {\n  /**\n   * Add a product list\n   */\n  addProductList: (params: AddProductListParams) => Promise<ProductList>\n  /**\n   * Remove a product list\n   */\n  removeProductList: (params: RemoveProductListParams) => Promise<void>\n  /**\n   * Rename a product list\n   */\n  renameProductList: (params: RenameProductListParams) => Promise<ProductList>\n  /**\n   * Add a product to a product list\n   */\n  addProductListItem: (params: AddProductListItemParams) => Promise<void>\n  /**\n   * Remove a product from a product list\n   */\n  removeProductListItem: (params: RemoveProductListItemParams) => Promise<void>\n}\n\nexport const useProductListActions = (): UseProductListActionsReturns => {\n  const {\n    addProductList,\n    removeProductList,\n    renameProductList,\n    addProductListItem,\n    removeProductListItem,\n  } = useShopActions()\n\n  return {\n    addProductList: useHandleAction(addProductList),\n    removeProductList: useHandleAction(removeProductList),\n    renameProductList: useHandleAction(renameProductList),\n    addProductListItem: useHandleAction(addProductListItem),\n    removeProductListItem: useHandleAction(removeProductListItem),\n  }\n}\n"],"names":["useProductListActions","addProductList","removeProductList","renameProductList","addProductListItem","removeProductListItem","useShopActions","useHandleAction"],"mappings":";;AAmCO,MAAMA,IAAwB,MAAoC;AACjE,QAAA;AAAA,IACJ,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,uBAAAC;AAAA,MACEC,EAAe;AAEZ,SAAA;AAAA,IACL,gBAAgBC,EAAgBN,CAAc;AAAA,IAC9C,mBAAmBM,EAAgBL,CAAiB;AAAA,IACpD,mBAAmBK,EAAgBJ,CAAiB;AAAA,IACpD,oBAAoBI,EAAgBH,CAAkB;AAAA,IACtD,uBAAuBG,EAAgBF,CAAqB;AAAA,EAC9D;AACF;"}

package/dist/hooks/shop/useShopCartActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useShopCartActions.js","sources":["../../../src/hooks/shop/useShopCartActions.ts"],"sourcesContent":["import {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\nimport {AddToCartParams, BuyProductParams} from '../../types'\n\ninterface UseShopCartActionsReturns {\n  /**\n   * Add a product to the cart\n   */\n  addToCart: (params: AddToCartParams) => Promise<void>\n  /**\n   * Buy a product directly\n   */\n  buyProduct: (params: BuyProductParams) => Promise<void>\n}\n\nexport const useShopCartActions = (): UseShopCartActionsReturns => {\n  const {addToCart, buyProduct} = useShopActions()\n\n  return {\n    addToCart: useHandleAction(addToCart),\n    buyProduct: useHandleAction(buyProduct),\n  }\n}\n"],"names":["useShopCartActions","addToCart","buyProduct","useShopActions","useHandleAction"],"mappings":";;AAeO,MAAMA,IAAqB,MAAiC;AACjE,QAAM,EAAC,WAAAC,GAAW,YAAAC,EAAU,IAAIC,EAAe;AAExC,SAAA;AAAA,IACL,WAAWC,EAAgBH,CAAS;AAAA,IACpC,YAAYG,EAAgBF,CAAU;AAAA,EACxC;AACF;"}
+{"version":3,"file":"useShopCartActions.js","sources":["../../../src/hooks/shop/useShopCartActions.ts"],"sourcesContent":["import {\n  AddToCartParams,\n  BuyProductParams,\n} from '@shopify/shop-minis-platform/actions'\n\nimport {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\n\ninterface UseShopCartActionsReturns {\n  /**\n   * Add a product to the cart\n   */\n  addToCart: (params: AddToCartParams) => Promise<void>\n  /**\n   * Buy a product directly\n   */\n  buyProduct: (params: BuyProductParams) => Promise<void>\n}\n\nexport const useShopCartActions = (): UseShopCartActionsReturns => {\n  const {addToCart, buyProduct} = useShopActions()\n\n  return {\n    addToCart: useHandleAction(addToCart),\n    buyProduct: useHandleAction(buyProduct),\n  }\n}\n"],"names":["useShopCartActions","addToCart","buyProduct","useShopActions","useHandleAction"],"mappings":";;AAmBO,MAAMA,IAAqB,MAAiC;AACjE,QAAM,EAAC,WAAAC,GAAW,YAAAC,EAAU,IAAIC,EAAe;AAExC,SAAA;AAAA,IACL,WAAWC,EAAgBH,CAAS;AAAA,IACpC,YAAYG,EAAgBF,CAAU;AAAA,EACxC;AACF;"}

package/dist/hooks/storage/useAsyncStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncStorage.js","sources":["../../../src/hooks/storage/useAsyncStorage.ts"],"sourcesContent":["import {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\nimport {\n  GetAsyncStorageItemParams,\n  SetAsyncStorageItemParams,\n  RemoveAsyncStorageItemParams,\n} from '../../types'\n\ninterface UseAsyncStorageReturns {\n  /**\n   * Get an item from the async storage.\n   */\n  getItem: (params: GetAsyncStorageItemParams) => Promise<string | null>\n  /**\n   * Set an item in the async storage.\n   */\n  setItem: (params: SetAsyncStorageItemParams) => Promise<void>\n  /**\n   * Remove an item from the async storage.\n   */\n  removeItem: (params: RemoveAsyncStorageItemParams) => Promise<void>\n  /**\n   * Get all keys in the async storage.\n   */\n  getAllKeys: () => Promise<string[]>\n  /**\n   * Clear all items from the async storage.\n   */\n  clear: () => Promise<void>\n}\n\nexport function useAsyncStorage(): UseAsyncStorageReturns {\n  const {\n    getPersistedItem,\n    setPersistedItem,\n    removePersistedItem,\n    getAllPersistedKeys,\n    clearPersistedItems,\n  } = useShopActions()\n\n  return {\n    getItem: useHandleAction(getPersistedItem),\n    setItem: useHandleAction(setPersistedItem),\n    removeItem: useHandleAction(removePersistedItem),\n    getAllKeys: useHandleAction(getAllPersistedKeys),\n    clear: useHandleAction(clearPersistedItems),\n  }\n}\n"],"names":["useAsyncStorage","getPersistedItem","setPersistedItem","removePersistedItem","getAllPersistedKeys","clearPersistedItems","useShopActions","useHandleAction"],"mappings":";;AA+BO,SAASA,IAA0C;AAClD,QAAA;AAAA,IACJ,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,MACEC,EAAe;AAEZ,SAAA;AAAA,IACL,SAASC,EAAgBN,CAAgB;AAAA,IACzC,SAASM,EAAgBL,CAAgB;AAAA,IACzC,YAAYK,EAAgBJ,CAAmB;AAAA,IAC/C,YAAYI,EAAgBH,CAAmB;AAAA,IAC/C,OAAOG,EAAgBF,CAAmB;AAAA,EAC5C;AACF;"}
+{"version":3,"file":"useAsyncStorage.js","sources":["../../../src/hooks/storage/useAsyncStorage.ts"],"sourcesContent":["import {\n  GetAsyncStorageItemParams,\n  SetAsyncStorageItemParams,\n  RemoveAsyncStorageItemParams,\n} from '@shopify/shop-minis-platform/actions'\n\nimport {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\n\ninterface UseAsyncStorageReturns {\n  /**\n   * Get an item from the async storage.\n   */\n  getItem: (params: GetAsyncStorageItemParams) => Promise<string | null>\n  /**\n   * Set an item in the async storage.\n   */\n  setItem: (params: SetAsyncStorageItemParams) => Promise<void>\n  /**\n   * Remove an item from the async storage.\n   */\n  removeItem: (params: RemoveAsyncStorageItemParams) => Promise<void>\n  /**\n   * Get all keys in the async storage.\n   */\n  getAllKeys: () => Promise<string[]>\n  /**\n   * Clear all items from the async storage.\n   */\n  clear: () => Promise<void>\n}\n\nexport function useAsyncStorage(): UseAsyncStorageReturns {\n  const {\n    getPersistedItem,\n    setPersistedItem,\n    removePersistedItem,\n    getAllPersistedKeys,\n    clearPersistedItems,\n  } = useShopActions()\n\n  return {\n    getItem: useHandleAction(getPersistedItem),\n    setItem: useHandleAction(setPersistedItem),\n    removeItem: useHandleAction(removePersistedItem),\n    getAllKeys: useHandleAction(getAllPersistedKeys),\n    clear: useHandleAction(clearPersistedItems),\n  }\n}\n"],"names":["useAsyncStorage","getPersistedItem","setPersistedItem","removePersistedItem","getAllPersistedKeys","clearPersistedItems","useShopActions","useHandleAction"],"mappings":";;AAgCO,SAASA,IAA0C;AAClD,QAAA;AAAA,IACJ,kBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,MACEC,EAAe;AAEZ,SAAA;AAAA,IACL,SAASC,EAAgBN,CAAgB;AAAA,IACzC,SAASM,EAAgBL,CAAgB;AAAA,IACzC,YAAYK,EAAgBJ,CAAmB;AAAA,IAC/C,YAAYI,EAAgBH,CAAmB;AAAA,IAC/C,OAAOG,EAAgBF,CAAmB;AAAA,EAC5C;AACF;"}

package/dist/hooks/storage/useSecureStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSecureStorage.js","sources":["../../../src/hooks/storage/useSecureStorage.ts"],"sourcesContent":["import {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\nimport {SetSecretParams} from '../../types'\n\ninterface UseSecureStorageReturns {\n  /**\n   * Get the secret from the secure storage.\n   */\n  getSecret: () => Promise<string | null>\n  /**\n   * Set a secret in the secure storage.\n   */\n  setSecret: (params: SetSecretParams) => Promise<void>\n  /**\n   * Remove the secret from the secure storage.\n   */\n  removeSecret: () => Promise<void>\n}\n\nexport function useSecureStorage(): UseSecureStorageReturns {\n  const {getSecret, setSecret, removeSecret} = useShopActions()\n\n  return {\n    getSecret: useHandleAction(getSecret),\n    setSecret: useHandleAction(setSecret),\n    removeSecret: useHandleAction(removeSecret),\n  }\n}\n"],"names":["useSecureStorage","getSecret","setSecret","removeSecret","useShopActions","useHandleAction"],"mappings":";;AAmBO,SAASA,IAA4C;AAC1D,QAAM,EAAC,WAAAC,GAAW,WAAAC,GAAW,cAAAC,EAAA,IAAgBC,EAAe;AAErD,SAAA;AAAA,IACL,WAAWC,EAAgBJ,CAAS;AAAA,IACpC,WAAWI,EAAgBH,CAAS;AAAA,IACpC,cAAcG,EAAgBF,CAAY;AAAA,EAC5C;AACF;"}
+{"version":3,"file":"useSecureStorage.js","sources":["../../../src/hooks/storage/useSecureStorage.ts"],"sourcesContent":["import {SetSecretParams} from '@shopify/shop-minis-platform/actions'\n\nimport {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\n\ninterface UseSecureStorageReturns {\n  /**\n   * Get the secret from the secure storage.\n   */\n  getSecret: () => Promise<string | null>\n  /**\n   * Set a secret in the secure storage.\n   */\n  setSecret: (params: SetSecretParams) => Promise<void>\n  /**\n   * Remove the secret from the secure storage.\n   */\n  removeSecret: () => Promise<void>\n}\n\nexport function useSecureStorage(): UseSecureStorageReturns {\n  const {getSecret, setSecret, removeSecret} = useShopActions()\n\n  return {\n    getSecret: useHandleAction(getSecret),\n    setSecret: useHandleAction(setSecret),\n    removeSecret: useHandleAction(removeSecret),\n  }\n}\n"],"names":["useSecureStorage","getSecret","setSecret","removeSecret","useShopActions","useHandleAction"],"mappings":";;AAoBO,SAASA,IAA4C;AAC1D,QAAM,EAAC,WAAAC,GAAW,WAAAC,GAAW,cAAAC,EAAA,IAAgBC,EAAe;AAErD,SAAA;AAAA,IACL,WAAWC,EAAgBJ,CAAS;AAAA,IACpC,WAAWI,EAAgBH,CAAS;AAAA,IACpC,cAAcG,EAAgBF,CAAY;AAAA,EAC5C;AACF;"}

package/dist/hooks/user/useFollowedShopsActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFollowedShopsActions.js","sources":["../../../src/hooks/user/useFollowedShopsActions.ts"],"sourcesContent":["import {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\nimport {FollowShopParams, UnfollowShopParams} from '../../types'\n\ninterface UseFollowedShopsActionsReturns {\n  /**\n   * Follow a shop.\n   */\n  followShop: (params: FollowShopParams) => Promise<boolean>\n  /**\n   * Unfollow a shop.\n   */\n  unfollowShop: (params: UnfollowShopParams) => Promise<boolean>\n}\n\nexport const useFollowedShopsActions = (): UseFollowedShopsActionsReturns => {\n  const {followShop, unfollowShop} = useShopActions()\n\n  return {\n    followShop: useHandleAction(followShop),\n    unfollowShop: useHandleAction(unfollowShop),\n  }\n}\n"],"names":["useFollowedShopsActions","followShop","unfollowShop","useShopActions","useHandleAction"],"mappings":";;AAeO,MAAMA,IAA0B,MAAsC;AAC3E,QAAM,EAAC,YAAAC,GAAY,cAAAC,EAAY,IAAIC,EAAe;AAE3C,SAAA;AAAA,IACL,YAAYC,EAAgBH,CAAU;AAAA,IACtC,cAAcG,EAAgBF,CAAY;AAAA,EAC5C;AACF;"}
+{"version":3,"file":"useFollowedShopsActions.js","sources":["../../../src/hooks/user/useFollowedShopsActions.ts"],"sourcesContent":["import {\n  FollowShopParams,\n  UnfollowShopParams,\n} from '@shopify/shop-minis-platform/actions'\n\nimport {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\n\ninterface UseFollowedShopsActionsReturns {\n  /**\n   * Follow a shop.\n   */\n  followShop: (params: FollowShopParams) => Promise<boolean>\n  /**\n   * Unfollow a shop.\n   */\n  unfollowShop: (params: UnfollowShopParams) => Promise<boolean>\n}\n\nexport const useFollowedShopsActions = (): UseFollowedShopsActionsReturns => {\n  const {followShop, unfollowShop} = useShopActions()\n\n  return {\n    followShop: useHandleAction(followShop),\n    unfollowShop: useHandleAction(unfollowShop),\n  }\n}\n"],"names":["useFollowedShopsActions","followShop","unfollowShop","useShopActions","useHandleAction"],"mappings":";;AAmBO,MAAMA,IAA0B,MAAsC;AAC3E,QAAM,EAAC,YAAAC,GAAY,cAAAC,EAAY,IAAIC,EAAe;AAE3C,SAAA;AAAA,IACL,YAAYC,EAAgBH,CAAU;AAAA,IACtC,cAAcG,EAAgBF,CAAY;AAAA,EAC5C;AACF;"}