@shopify/shop-minis-react 0.0.11 → 0.0.13

package/dist/_virtual/debounce.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/debounce.js";
+var o = r();
+const a = /* @__PURE__ */ e(o);
+export {
+  a as default
+};
+//# sourceMappingURL=debounce.js.map

package/dist/_virtual/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/commerce/merchant-card.js

@@ -0,0 +1,201 @@
+import { jsxs as i, jsx as r, Fragment as x } from "react/jsx-runtime";
+import * as C from "react";
+import { cva as N } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { useShopNavigation as y } from "../../hooks/navigation/useShopNavigation.js";
+import { cn as o } from "../../lib/utils.js";
+import { Touchable as M } from "../atoms/touchable.js";
+import b from "../../node_modules/.pnpm/lucide-react@0.513.0_react@19.1.0/node_modules/lucide-react/dist/esm/icons/star.js";
+import { Root as I } 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 R = N(
+  "relative w-full aspect-square overflow-hidden rounded-xl border border-grayscale-l20 bg-grayscale-l0 flex flex-col",
+  {
+    variants: {
+      touchable: {
+        true: "cursor-pointer",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      touchable: !0
+    }
+  }
+);
+function j(e) {
+  return e >= 1e6 ? `${Math.floor(e / 1e5) / 10}M` : e >= 1e3 ? `${Math.floor(e / 1e3)}K` : e.toString();
+}
+function S(e) {
+  return Math.round(e * 10) / 10;
+}
+function d({
+  className: e,
+  touchable: a = !0,
+  asChild: t = !1,
+  onPress: n,
+  ...l
+}) {
+  const c = /* @__PURE__ */ r(
+    t ? I : "div",
+    {
+      className: o(R({ touchable: a }), e),
+      ...l
+    }
+  );
+  return a && n ? /* @__PURE__ */ r(
+    M,
+    {
+      onClick: n,
+      whileTap: { opacity: 0.7 },
+      transition: {
+        opacity: { type: "tween", duration: 0.08, ease: "easeInOut" }
+      },
+      children: c
+    }
+  ) : c;
+}
+function m({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "merchant-card-image-container",
+      className: o("relative overflow-hidden w-full flex-grow", e),
+      ...a
+    }
+  );
+}
+function f({
+  className: e,
+  src: a,
+  alt: t,
+  ...n
+}) {
+  return a ? /* @__PURE__ */ r(
+    "img",
+    {
+      "data-slot": "merchant-card-image",
+      src: a,
+      alt: t,
+      className: o("w-full h-full object-cover", e),
+      ...n
+    }
+  ) : /* @__PURE__ */ r("div", { className: "w-full h-full bg-grayscale-l10" });
+}
+function u({
+  className: e,
+  src: a,
+  alt: t,
+  ...n
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "merchant-card-logo",
+      className: o(
+        "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",
+        "w-14 h-14 rounded-xl",
+        "flex items-center justify-center overflow-hidden",
+        e
+      ),
+      ...n,
+      children: a ? /* @__PURE__ */ r("img", { src: a, alt: t, className: "w-full h-full object-cover" }) : /* @__PURE__ */ r("div", { className: "w-full h-full bg-grayscale-l20" })
+    }
+  );
+}
+function h({ className: e, ...a }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "merchant-card-info",
+      className: o("p-3 space-y-1 flex-shrink-0", e),
+      ...a
+    }
+  );
+}
+function g({
+  className: e,
+  children: a,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    "h3",
+    {
+      "data-slot": "merchant-card-name",
+      className: o(
+        "text-sm font-medium text-grayscale-d100",
+        "truncate overflow-hidden whitespace-nowrap text-ellipsis",
+        e
+      ),
+      ...t,
+      children: a
+    }
+  );
+}
+function p({
+  className: e,
+  rating: a,
+  reviewCount: t,
+  ...n
+}) {
+  return !a || !t ? null : /* @__PURE__ */ i(
+    "div",
+    {
+      "data-slot": "merchant-card-rating",
+      className: o(
+        "flex items-center gap-1 text-sm text-grayscale-d100",
+        e
+      ),
+      ...n,
+      children: [
+        /* @__PURE__ */ r(b, { className: "h-3.5 w-3.5 fill-current" }),
+        /* @__PURE__ */ i(x, { children: [
+          S(a),
+          " (",
+          j(t),
+          ")"
+        ] })
+      ]
+    }
+  );
+}
+function q({ shop: e, touchable: a = !0 }) {
+  const { navigateToShop: t } = y(), {
+    id: n,
+    name: l,
+    logoImage: s,
+    reviewAnalytics: { averageRating: c, reviewCount: v }
+  } = e, w = C.useCallback(() => {
+    a && t({ shopId: n });
+  }, [t, n, a]);
+  return /* @__PURE__ */ i(d, { touchable: a, onPress: w, children: [
+    /* @__PURE__ */ i(m, { children: [
+      /* @__PURE__ */ r(f, { src: void 0, alt: `${l} featured image` }),
+      /* @__PURE__ */ r(u, { src: s?.url, alt: `${l} logo` })
+    ] }),
+    /* @__PURE__ */ i(h, { children: [
+      /* @__PURE__ */ r(g, { children: l }),
+      /* @__PURE__ */ r(p, { rating: c, reviewCount: v })
+    ] })
+  ] });
+}
+const z = Object.assign(d, {
+  ImageContainer: m,
+  Image: f,
+  Logo: u,
+  Info: h,
+  Name: g,
+  Rating: p
+});
+export {
+  q as MerchantCard,
+  f as MerchantCardImage,
+  m as MerchantCardImageContainer,
+  h as MerchantCardInfo,
+  u as MerchantCardLogo,
+  g as MerchantCardName,
+  z as MerchantCardPrimitive,
+  p as MerchantCardRating,
+  d as MerchantCardRoot
+};
+//# sourceMappingURL=merchant-card.js.map

package/dist/components/commerce/merchant-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merchant-card.js","sources":["../../../src/components/commerce/merchant-card.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {cva, type VariantProps} from 'class-variance-authority'\nimport {Star} from 'lucide-react'\nimport {Slot as SlotPrimitive} from 'radix-ui'\n\nimport {useShopNavigation} from '../../hooks/navigation/useShopNavigation'\nimport {cn} from '../../lib/utils'\nimport {type Shop} from '../../types/minisSDK.generated.d'\nimport {Touchable} from '../atoms/touchable'\n\nconst merchantCardVariants = cva(\n  'relative w-full aspect-square overflow-hidden rounded-xl border border-grayscale-l20 bg-grayscale-l0 flex flex-col',\n  {\n    variants: {\n      touchable: {\n        true: 'cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      touchable: true,\n    },\n  }\n)\n\nfunction formatReviewCount(count: number): string {\n  if (count >= 1000000) {\n    return `${Math.floor(count / 100000) / 10}M`\n  }\n  if (count >= 1000) {\n    return `${Math.floor(count / 1000)}K`\n  }\n  return count.toString()\n}\n\nfunction normalizeRating(rating: number): number {\n  return Math.round(rating * 10) / 10\n}\n\nexport interface MerchantCardRootProps\n  extends React.ComponentProps<'div'>,\n    VariantProps<typeof merchantCardVariants> {\n  touchable?: boolean\n  asChild?: boolean\n  onPress?: () => void\n}\n\nfunction MerchantCardRoot({\n  className,\n  touchable = true,\n  asChild = false,\n  onPress,\n  ...props\n}: MerchantCardRootProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div'\n\n  const content = (\n    <Comp\n      className={cn(merchantCardVariants({touchable}), className)}\n      {...props}\n    />\n  )\n\n  if (touchable && onPress) {\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        {content}\n      </Touchable>\n    )\n  }\n\n  return content\n}\n\nfunction MerchantCardImageContainer({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"merchant-card-image-container\"\n      className={cn('relative overflow-hidden w-full flex-grow', className)}\n      {...props}\n    />\n  )\n}\n\nfunction MerchantCardImage({\n  className,\n  src,\n  alt,\n  ...props\n}: React.ComponentProps<'img'> & {\n  src?: string\n  alt?: string\n}) {\n  return src ? (\n    <img\n      data-slot=\"merchant-card-image\"\n      src={src}\n      alt={alt}\n      className={cn('w-full h-full object-cover', className)}\n      {...props}\n    />\n  ) : (\n    <div className=\"w-full h-full bg-grayscale-l10\" />\n  )\n}\n\nfunction MerchantCardLogo({\n  className,\n  src,\n  alt,\n  ...props\n}: React.ComponentProps<'div'> & {\n  src?: string\n  alt?: string\n}) {\n  return (\n    <div\n      data-slot=\"merchant-card-logo\"\n      className={cn(\n        'absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2',\n        'w-14 h-14 rounded-xl',\n        'flex items-center justify-center overflow-hidden',\n        className\n      )}\n      {...props}\n    >\n      {src ? (\n        <img src={src} alt={alt} className=\"w-full h-full object-cover\" />\n      ) : (\n        <div className=\"w-full h-full bg-grayscale-l20\" />\n      )}\n    </div>\n  )\n}\n\nfunction MerchantCardInfo({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"merchant-card-info\"\n      className={cn('p-3 space-y-1 flex-shrink-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction MerchantCardName({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"merchant-card-name\"\n      className={cn(\n        'text-sm font-medium text-grayscale-d100',\n        'truncate overflow-hidden whitespace-nowrap text-ellipsis',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n}\n\nfunction MerchantCardRating({\n  className,\n  rating,\n  reviewCount,\n  ...props\n}: React.ComponentProps<'div'> & {\n  rating?: number | null\n  reviewCount?: number\n}) {\n  if (!rating || !reviewCount) return null\n\n  return (\n    <div\n      data-slot=\"merchant-card-rating\"\n      className={cn(\n        'flex items-center gap-1 text-sm text-grayscale-d100',\n        className\n      )}\n      {...props}\n    >\n      <Star className=\"h-3.5 w-3.5 fill-current\" />\n      <>\n        {normalizeRating(rating)} ({formatReviewCount(reviewCount)})\n      </>\n    </div>\n  )\n}\n\nexport interface MerchantCardProps {\n  shop: Shop\n  touchable?: boolean\n}\n\n// Composed MerchantCard component\nfunction MerchantCard({shop, touchable = true}: MerchantCardProps) {\n  const {navigateToShop} = useShopNavigation()\n\n  const {\n    id,\n    name,\n    logoImage,\n    reviewAnalytics: {averageRating, reviewCount},\n  } = shop\n\n  const handlePress = React.useCallback(() => {\n    if (!touchable) return\n    navigateToShop({shopId: id})\n  }, [navigateToShop, id, touchable])\n\n  return (\n    <MerchantCardRoot touchable={touchable} onPress={handlePress}>\n      <MerchantCardImageContainer>\n        {/* TODO: Add featured image */}\n        <MerchantCardImage src={undefined} alt={`${name} featured image`} />\n        <MerchantCardLogo src={logoImage?.url} alt={`${name} logo`} />\n      </MerchantCardImageContainer>\n\n      <MerchantCardInfo>\n        <MerchantCardName>{name}</MerchantCardName>\n        <MerchantCardRating rating={averageRating} reviewCount={reviewCount} />\n      </MerchantCardInfo>\n    </MerchantCardRoot>\n  )\n}\n\n// Export with Object.assign pattern\nexport const MerchantCardPrimitive = Object.assign(MerchantCardRoot, {\n  ImageContainer: MerchantCardImageContainer,\n  Image: MerchantCardImage,\n  Logo: MerchantCardLogo,\n  Info: MerchantCardInfo,\n  Name: MerchantCardName,\n  Rating: MerchantCardRating,\n})\n\nexport {\n  // Composed component\n  MerchantCard,\n  // Primitive components for custom composition\n  MerchantCardRoot,\n  MerchantCardImageContainer,\n  MerchantCardImage,\n  MerchantCardLogo,\n  MerchantCardInfo,\n  MerchantCardName,\n  MerchantCardRating,\n}\n"],"names":["merchantCardVariants","cva","formatReviewCount","count","normalizeRating","rating","MerchantCardRoot","className","touchable","asChild","onPress","props","content","jsx","SlotPrimitive.Slot","cn","Touchable","MerchantCardImageContainer","MerchantCardImage","src","alt","MerchantCardLogo","MerchantCardInfo","MerchantCardName","children","MerchantCardRating","reviewCount","jsxs","Star","Fragment","MerchantCard","shop","navigateToShop","useShopNavigation","id","name","logoImage","averageRating","handlePress","React","MerchantCardPrimitive"],"mappings":"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"}

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

@@ -71,6 +71,8 @@ function Y({
     {
       "data-slot": "product-card-image-container",
       className: a(
+        // Ensure the product image is stretched to the full size of the container (can't use width/height: 100% because of flex)
+        "flex justify-stretch items-stretch",
         "relative overflow-hidden rounded-xl border border-gray-200",
         "w-full aspect-square",
         t === "compact" ? "min-h-[104px]" : "min-h-[134px]",
@@ -86,7 +88,7 @@ function Z({
   alt: o,
   ...c
 }) {
-  return /* @__PURE__ */ r("div", { className: "w-full h-full bg-gray-100 flex items-center justify-center", children: t ? /* @__PURE__ */ r(
+  return /* @__PURE__ */ r("div", { className: "bg-gray-100 flex items-center justify-center", children: t ? /* @__PURE__ */ r(
     "img",
     {
       "data-slot": "product-card-image",
@@ -97,7 +99,7 @@ function Z({
     }
   ) : /* @__PURE__ */ r("div", { className: "text-gray-400 text-sm", children: "No Image" }) });
 }
-function S({
+function j({
   className: e,
   position: t = "bottom-left",
   children: o,
@@ -191,7 +193,7 @@ function rt({ className: e, ...t }) {
     }
   );
 }
-function j({
+function S({
   className: e,
   ...t
 }) {
@@ -274,8 +276,8 @@ function ht({
       children: [
         /* @__PURE__ */ p(Y, { variant: o, children: [
           /* @__PURE__ */ r(Z, { src: R, alt: T }),
-          o === "priceOverlay" && s && l && /* @__PURE__ */ r(S, { position: "top-left", children: f(l, s) }),
-          i && /* @__PURE__ */ r(S, { position: "bottom-left", variant: h, children: i }),
+          o === "priceOverlay" && s && l && /* @__PURE__ */ r(j, { position: "top-left", children: f(l, s) }),
+          i && /* @__PURE__ */ r(j, { position: "bottom-left", variant: h, children: i }),
           /* @__PURE__ */ r(
             _,
             {
@@ -287,12 +289,12 @@ function ht({
         /* @__PURE__ */ p($, { variant: o, children: [
           /* @__PURE__ */ r(tt, { children: w }),
           /* @__PURE__ */ r(rt, { children: L ? /* @__PURE__ */ p(H, { children: [
-            /* @__PURE__ */ r(j, { children: f(l, s) }),
+            /* @__PURE__ */ r(S, { children: f(l, s) }),
             /* @__PURE__ */ r(et, { children: f(
               C,
               A?.currencyCode || s
             ) })
-          ] }) : /* @__PURE__ */ r(j, { children: f(l, s) }) })
+          ] }) : /* @__PURE__ */ r(S, { children: f(l, s) }) })
         ] })
       ]
     }
@@ -300,8 +302,8 @@ function ht({
 }
 export {
   ht as ProductCard,
-  S as ProductCardBadge,
-  j as ProductCardCurrentPrice,
+  j as ProductCardBadge,
+  S as ProductCardCurrentPrice,
   _ as ProductCardFavoriteButton,
   Z as ProductCardImage,
   Y as ProductCardImageContainer,

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

@@ -1 +1 @@
-{"version":3,"file":"product-card.js","sources":["../../../src/components/commerce/product-card.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {cva, type VariantProps} from 'class-variance-authority'\nimport {Heart} 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 {\n  type Product,\n  type ProductVariant,\n} from '../../types/minisSDK.generated.d'\nimport {Badge} from '../atoms/badge'\nimport {Button} from '../atoms/button'\nimport {Touchable} from '../atoms/touchable'\n\nconst productCardVariants = cva(\n  'relative w-full overflow-hidden rounded-xl border border-gray-200',\n  {\n    variants: {\n      variant: {\n        default: '',\n        priceOverlay: '',\n        compact: '',\n      },\n      touchable: {\n        true: 'cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      touchable: true,\n    },\n  }\n)\n\n// Primitive components (building blocks)\nexport interface ProductCardRootProps\n  extends React.ComponentProps<'div'>,\n    VariantProps<typeof productCardVariants> {\n  variant?: 'default' | 'priceOverlay' | 'compact'\n  touchable?: boolean\n  asChild?: boolean\n  onPress?: () => void\n}\n\nfunction ProductCardRoot({\n  className,\n  variant,\n  touchable = true,\n  asChild = false,\n  onPress,\n  ...props\n}: ProductCardRootProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div'\n\n  const content = (\n    <Comp\n      className={cn(\n        productCardVariants({variant, touchable}),\n        'border-0',\n        className\n      )}\n      {...props}\n    />\n  )\n\n  if (touchable && onPress) {\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        {content}\n      </Touchable>\n    )\n  }\n\n  return content\n}\n\nfunction ProductCardImageContainer({\n  className,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<'div'> & {\n  variant?: 'default' | 'priceOverlay' | 'compact'\n}) {\n  return (\n    <div\n      data-slot=\"product-card-image-container\"\n      className={cn(\n        'relative overflow-hidden rounded-xl border border-gray-200',\n        'w-full aspect-square',\n        variant === 'compact' ? 'min-h-[104px]' : 'min-h-[134px]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductCardImage({\n  className,\n  src,\n  alt,\n  ...props\n}: React.ComponentProps<'img'> & {\n  src?: string\n  alt?: string\n}) {\n  return (\n    <div className=\"w-full h-full bg-gray-100 flex items-center justify-center\">\n      {src ? (\n        <img\n          data-slot=\"product-card-image\"\n          src={src}\n          alt={alt}\n          className={cn('w-full h-full object-cover', className)}\n          {...props}\n        />\n      ) : (\n        <div className=\"text-gray-400 text-sm\">No Image</div>\n      )}\n    </div>\n  )\n}\n\nfunction ProductCardBadge({\n  className,\n  position = 'bottom-left',\n  children,\n  ...props\n}: React.ComponentProps<typeof Badge> & {\n  position?: 'top-left' | 'bottom-left'\n}) {\n  return (\n    <div\n      className={cn(\n        'absolute z-10',\n        position === 'top-left' ? 'top-3 left-3' : 'bottom-2 left-2'\n      )}\n    >\n      <Badge\n        className={cn('bg-black/50 text-white rounded', className)}\n        {...props}\n      >\n        {children}\n      </Badge>\n    </div>\n  )\n}\n\nfunction ProductCardFavoriteButton({\n  className,\n  onPress,\n  filled = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  onPress?: () => void\n  filled?: boolean\n}) {\n  return (\n    <div className={cn('absolute bottom-3 right-3 z-10', className)} {...props}>\n      <Button\n        onClick={onPress}\n        variant=\"secondary\"\n        size=\"icon\"\n        className={cn(\n          'h-8 w-8 rounded-full border-0 shadow-sm',\n          filled ? 'bg-primary' : 'bg-grayscale-l6/60 backdrop-blur-sm'\n        )}\n        stopPropagation\n      >\n        <Heart\n          fill={filled ? 'currentColor' : 'none'}\n          className=\"h-4 w-4 text-white\"\n        />\n      </Button>\n    </div>\n  )\n}\n\nfunction ProductCardInfo({\n  className,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<'div'> & {\n  variant?: 'default' | 'priceOverlay' | 'compact'\n}) {\n  if (variant !== 'default') {\n    return null\n  }\n\n  return (\n    <div\n      data-slot=\"product-card-info\"\n      className={cn('px-1 pt-2 pb-0 space-y-1', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductCardTitle({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"product-card-title\"\n      className={cn(\n        'text-sm font-medium leading-tight text-gray-900',\n        'truncate overflow-hidden whitespace-nowrap text-ellipsis',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n}\n\nfunction ProductCardPrice({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"product-card-price\"\n      className={cn('flex items-center gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductCardCurrentPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-card-current-price\"\n      className={cn('text-sm font-semibold text-gray-900', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductCardOriginalPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-card-original-price\"\n      className={cn('text-sm text-gray-500 line-through', className)}\n      {...props}\n    />\n  )\n}\n\nexport interface ProductCardProps {\n  product: Product\n  selectedProductVariant?: ProductVariant\n  variant?: 'default' | 'priceOverlay' | 'compact'\n  touchable?: boolean\n  badgeText?: string\n  badgeVariant?: 'default' | 'secondary' | 'destructive' | 'outline'\n  onFavoriteToggled?: (isFavorited: boolean) => void\n  sectionId?: string\n}\n\n// Composed ProductCard component\nfunction ProductCard({\n  product,\n  selectedProductVariant,\n  variant = 'default',\n  touchable = true,\n  badgeText,\n  badgeVariant = 'secondary',\n  onFavoriteToggled,\n}: ProductCardProps) {\n  const {navigateToProduct} = useShopNavigation()\n  const {saveProduct, unsaveProduct} = useSavedProductsActions()\n\n  const {\n    id,\n    title,\n    featuredImage,\n    price,\n    compareAtPrice,\n    isFavorited,\n    defaultVariantId,\n    shop,\n  } = product\n\n  // Use selected variant data if available\n  const displayImage = selectedProductVariant?.image || featuredImage\n  const displayPrice = selectedProductVariant?.price || price\n  const displayCompareAtPrice =\n    selectedProductVariant?.compareAtPrice || compareAtPrice\n\n  // Local state for optimistic UI updates\n  const [isFavoritedLocal, setIsFavoritedLocal] = React.useState(isFavorited)\n\n  const currencyCode = displayPrice?.currencyCode\n  const amount = displayPrice?.amount\n  const imageUrl = displayImage?.url\n  const imageAltText = displayImage?.altText || title\n  const compareAtPriceAmount = displayCompareAtPrice?.amount\n  const hasDiscount = compareAtPriceAmount && compareAtPriceAmount !== amount\n\n  const handlePress = React.useCallback(() => {\n    if (!touchable) return\n\n    navigateToProduct({\n      productId: id,\n    })\n  }, [navigateToProduct, id, touchable])\n\n  const handleFavoritePress = React.useCallback(async () => {\n    const previousState = isFavoritedLocal\n\n    // Optimistic update\n    setIsFavoritedLocal(!previousState)\n    onFavoriteToggled?.(!previousState)\n\n    try {\n      if (previousState) {\n        await unsaveProduct({\n          productId: id,\n          shopId: shop.id,\n          productVariantId: selectedProductVariant?.id || defaultVariantId,\n        })\n      } else {\n        await saveProduct({\n          productId: id,\n          shopId: shop.id,\n          productVariantId: selectedProductVariant?.id || defaultVariantId,\n        })\n      }\n    } catch (error) {\n      // Revert optimistic update on error\n      setIsFavoritedLocal(previousState)\n      onFavoriteToggled?.(previousState)\n    }\n  }, [\n    isFavoritedLocal,\n    id,\n    shop.id,\n    selectedProductVariant?.id,\n    defaultVariantId,\n    saveProduct,\n    unsaveProduct,\n    onFavoriteToggled,\n  ])\n\n  return (\n    <ProductCardRoot\n      variant={variant}\n      touchable={touchable}\n      onPress={handlePress}\n    >\n      <ProductCardImageContainer variant={variant}>\n        <ProductCardImage src={imageUrl} alt={imageAltText} />\n\n        {/* Price overlay badge for priceOverlay variant */}\n        {variant === 'priceOverlay' && currencyCode && amount && (\n          <ProductCardBadge position=\"top-left\">\n            {formatMoney(amount, currencyCode)}\n          </ProductCardBadge>\n        )}\n\n        {/* Custom badge */}\n        {badgeText && (\n          <ProductCardBadge position=\"bottom-left\" variant={badgeVariant}>\n            {badgeText}\n          </ProductCardBadge>\n        )}\n\n        {/* Favorite button */}\n        <ProductCardFavoriteButton\n          filled={isFavoritedLocal}\n          onPress={handleFavoritePress}\n        />\n      </ProductCardImageContainer>\n\n      {/* Product info for default variant */}\n      <ProductCardInfo variant={variant}>\n        <ProductCardTitle>{title}</ProductCardTitle>\n\n        <ProductCardPrice>\n          {hasDiscount ? (\n            <>\n              <ProductCardCurrentPrice>\n                {formatMoney(amount, currencyCode)}\n              </ProductCardCurrentPrice>\n              <ProductCardOriginalPrice>\n                {formatMoney(\n                  compareAtPriceAmount,\n                  displayCompareAtPrice?.currencyCode || currencyCode\n                )}\n              </ProductCardOriginalPrice>\n            </>\n          ) : (\n            <ProductCardCurrentPrice>\n              {formatMoney(amount, currencyCode)}\n            </ProductCardCurrentPrice>\n          )}\n        </ProductCardPrice>\n      </ProductCardInfo>\n    </ProductCardRoot>\n  )\n}\n\nexport {\n  // Composed component\n  ProductCard,\n  // Primitive components for custom composition\n  ProductCardRoot,\n  ProductCardImageContainer,\n  ProductCardImage,\n  ProductCardBadge,\n  ProductCardFavoriteButton,\n  ProductCardInfo,\n  ProductCardTitle,\n  ProductCardPrice,\n  ProductCardCurrentPrice,\n  ProductCardOriginalPrice,\n}\n"],"names":["productCardVariants","cva","ProductCardRoot","className","variant","touchable","asChild","onPress","props","content","jsx","SlotPrimitive.Slot","cn","Touchable","ProductCardImageContainer","ProductCardImage","src","alt","ProductCardBadge","position","children","Badge","ProductCardFavoriteButton","filled","Button","Heart","ProductCardInfo","ProductCardTitle","ProductCardPrice","ProductCardCurrentPrice","ProductCardOriginalPrice","ProductCard","product","selectedProductVariant","badgeText","badgeVariant","onFavoriteToggled","navigateToProduct","useShopNavigation","saveProduct","unsaveProduct","useSavedProductsActions","id","title","featuredImage","price","compareAtPrice","isFavorited","defaultVariantId","shop","displayImage","displayPrice","displayCompareAtPrice","isFavoritedLocal","setIsFavoritedLocal","React","currencyCode","amount","imageUrl","imageAltText","compareAtPriceAmount","hasDiscount","handlePress","handleFavoritePress","previousState","jsxs","formatMoney","Fragment"],"mappings":"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"}
+{"version":3,"file":"product-card.js","sources":["../../../src/components/commerce/product-card.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {cva, type VariantProps} from 'class-variance-authority'\nimport {Heart} 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 {\n  type Product,\n  type ProductVariant,\n} from '../../types/minisSDK.generated.d'\nimport {Badge} from '../atoms/badge'\nimport {Button} from '../atoms/button'\nimport {Touchable} from '../atoms/touchable'\n\nconst productCardVariants = cva(\n  'relative w-full overflow-hidden rounded-xl border border-gray-200',\n  {\n    variants: {\n      variant: {\n        default: '',\n        priceOverlay: '',\n        compact: '',\n      },\n      touchable: {\n        true: 'cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      touchable: true,\n    },\n  }\n)\n\n// Primitive components (building blocks)\nexport interface ProductCardRootProps\n  extends React.ComponentProps<'div'>,\n    VariantProps<typeof productCardVariants> {\n  variant?: 'default' | 'priceOverlay' | 'compact'\n  touchable?: boolean\n  asChild?: boolean\n  onPress?: () => void\n}\n\nfunction ProductCardRoot({\n  className,\n  variant,\n  touchable = true,\n  asChild = false,\n  onPress,\n  ...props\n}: ProductCardRootProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div'\n\n  const content = (\n    <Comp\n      className={cn(\n        productCardVariants({variant, touchable}),\n        'border-0',\n        className\n      )}\n      {...props}\n    />\n  )\n\n  if (touchable && onPress) {\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        {content}\n      </Touchable>\n    )\n  }\n\n  return content\n}\n\nfunction ProductCardImageContainer({\n  className,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<'div'> & {\n  variant?: 'default' | 'priceOverlay' | 'compact'\n}) {\n  return (\n    <div\n      data-slot=\"product-card-image-container\"\n      className={cn(\n        // Ensure the product image is stretched to the full size of the container (can't use width/height: 100% because of flex)\n        'flex justify-stretch items-stretch',\n        'relative overflow-hidden rounded-xl border border-gray-200',\n        'w-full aspect-square',\n        variant === 'compact' ? 'min-h-[104px]' : 'min-h-[134px]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ProductCardImage({\n  className,\n  src,\n  alt,\n  ...props\n}: React.ComponentProps<'img'> & {\n  src?: string\n  alt?: string\n}) {\n  return (\n    <div className=\"bg-gray-100 flex items-center justify-center\">\n      {src ? (\n        <img\n          data-slot=\"product-card-image\"\n          src={src}\n          alt={alt}\n          className={cn('w-full h-full object-cover', className)}\n          {...props}\n        />\n      ) : (\n        <div className=\"text-gray-400 text-sm\">No Image</div>\n      )}\n    </div>\n  )\n}\n\nfunction ProductCardBadge({\n  className,\n  position = 'bottom-left',\n  children,\n  ...props\n}: React.ComponentProps<typeof Badge> & {\n  position?: 'top-left' | 'bottom-left'\n}) {\n  return (\n    <div\n      className={cn(\n        'absolute z-10',\n        position === 'top-left' ? 'top-3 left-3' : 'bottom-2 left-2'\n      )}\n    >\n      <Badge\n        className={cn('bg-black/50 text-white rounded', className)}\n        {...props}\n      >\n        {children}\n      </Badge>\n    </div>\n  )\n}\n\nfunction ProductCardFavoriteButton({\n  className,\n  onPress,\n  filled = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  onPress?: () => void\n  filled?: boolean\n}) {\n  return (\n    <div className={cn('absolute bottom-3 right-3 z-10', className)} {...props}>\n      <Button\n        onClick={onPress}\n        variant=\"secondary\"\n        size=\"icon\"\n        className={cn(\n          'h-8 w-8 rounded-full border-0 shadow-sm',\n          filled ? 'bg-primary' : 'bg-grayscale-l6/60 backdrop-blur-sm'\n        )}\n        stopPropagation\n      >\n        <Heart\n          fill={filled ? 'currentColor' : 'none'}\n          className=\"h-4 w-4 text-white\"\n        />\n      </Button>\n    </div>\n  )\n}\n\nfunction ProductCardInfo({\n  className,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<'div'> & {\n  variant?: 'default' | 'priceOverlay' | 'compact'\n}) {\n  if (variant !== 'default') {\n    return null\n  }\n\n  return (\n    <div\n      data-slot=\"product-card-info\"\n      className={cn('px-1 pt-2 pb-0 space-y-1', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductCardTitle({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'h3'>) {\n  return (\n    <h3\n      data-slot=\"product-card-title\"\n      className={cn(\n        'text-sm font-medium leading-tight text-gray-900',\n        'truncate overflow-hidden whitespace-nowrap text-ellipsis',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </h3>\n  )\n}\n\nfunction ProductCardPrice({className, ...props}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"product-card-price\"\n      className={cn('flex items-center gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductCardCurrentPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-card-current-price\"\n      className={cn('text-sm font-semibold text-gray-900', className)}\n      {...props}\n    />\n  )\n}\n\nfunction ProductCardOriginalPrice({\n  className,\n  ...props\n}: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"product-card-original-price\"\n      className={cn('text-sm text-gray-500 line-through', className)}\n      {...props}\n    />\n  )\n}\n\nexport interface ProductCardProps {\n  product: Product\n  selectedProductVariant?: ProductVariant\n  variant?: 'default' | 'priceOverlay' | 'compact'\n  touchable?: boolean\n  badgeText?: string\n  badgeVariant?: 'default' | 'secondary' | 'destructive' | 'outline'\n  onFavoriteToggled?: (isFavorited: boolean) => void\n  sectionId?: string\n}\n\n// Composed ProductCard component\nfunction ProductCard({\n  product,\n  selectedProductVariant,\n  variant = 'default',\n  touchable = true,\n  badgeText,\n  badgeVariant = 'secondary',\n  onFavoriteToggled,\n}: ProductCardProps) {\n  const {navigateToProduct} = useShopNavigation()\n  const {saveProduct, unsaveProduct} = useSavedProductsActions()\n\n  const {\n    id,\n    title,\n    featuredImage,\n    price,\n    compareAtPrice,\n    isFavorited,\n    defaultVariantId,\n    shop,\n  } = product\n\n  // Use selected variant data if available\n  const displayImage = selectedProductVariant?.image || featuredImage\n  const displayPrice = selectedProductVariant?.price || price\n  const displayCompareAtPrice =\n    selectedProductVariant?.compareAtPrice || compareAtPrice\n\n  // Local state for optimistic UI updates\n  const [isFavoritedLocal, setIsFavoritedLocal] = React.useState(isFavorited)\n\n  const currencyCode = displayPrice?.currencyCode\n  const amount = displayPrice?.amount\n  const imageUrl = displayImage?.url\n  const imageAltText = displayImage?.altText || title\n  const compareAtPriceAmount = displayCompareAtPrice?.amount\n  const hasDiscount = compareAtPriceAmount && compareAtPriceAmount !== amount\n\n  const handlePress = React.useCallback(() => {\n    if (!touchable) return\n\n    navigateToProduct({\n      productId: id,\n    })\n  }, [navigateToProduct, id, touchable])\n\n  const handleFavoritePress = React.useCallback(async () => {\n    const previousState = isFavoritedLocal\n\n    // Optimistic update\n    setIsFavoritedLocal(!previousState)\n    onFavoriteToggled?.(!previousState)\n\n    try {\n      if (previousState) {\n        await unsaveProduct({\n          productId: id,\n          shopId: shop.id,\n          productVariantId: selectedProductVariant?.id || defaultVariantId,\n        })\n      } else {\n        await saveProduct({\n          productId: id,\n          shopId: shop.id,\n          productVariantId: selectedProductVariant?.id || defaultVariantId,\n        })\n      }\n    } catch (error) {\n      // Revert optimistic update on error\n      setIsFavoritedLocal(previousState)\n      onFavoriteToggled?.(previousState)\n    }\n  }, [\n    isFavoritedLocal,\n    id,\n    shop.id,\n    selectedProductVariant?.id,\n    defaultVariantId,\n    saveProduct,\n    unsaveProduct,\n    onFavoriteToggled,\n  ])\n\n  return (\n    <ProductCardRoot\n      variant={variant}\n      touchable={touchable}\n      onPress={handlePress}\n    >\n      <ProductCardImageContainer variant={variant}>\n        <ProductCardImage src={imageUrl} alt={imageAltText} />\n\n        {/* Price overlay badge for priceOverlay variant */}\n        {variant === 'priceOverlay' && currencyCode && amount && (\n          <ProductCardBadge position=\"top-left\">\n            {formatMoney(amount, currencyCode)}\n          </ProductCardBadge>\n        )}\n\n        {/* Custom badge */}\n        {badgeText && (\n          <ProductCardBadge position=\"bottom-left\" variant={badgeVariant}>\n            {badgeText}\n          </ProductCardBadge>\n        )}\n\n        {/* Favorite button */}\n        <ProductCardFavoriteButton\n          filled={isFavoritedLocal}\n          onPress={handleFavoritePress}\n        />\n      </ProductCardImageContainer>\n\n      {/* Product info for default variant */}\n      <ProductCardInfo variant={variant}>\n        <ProductCardTitle>{title}</ProductCardTitle>\n\n        <ProductCardPrice>\n          {hasDiscount ? (\n            <>\n              <ProductCardCurrentPrice>\n                {formatMoney(amount, currencyCode)}\n              </ProductCardCurrentPrice>\n              <ProductCardOriginalPrice>\n                {formatMoney(\n                  compareAtPriceAmount,\n                  displayCompareAtPrice?.currencyCode || currencyCode\n                )}\n              </ProductCardOriginalPrice>\n            </>\n          ) : (\n            <ProductCardCurrentPrice>\n              {formatMoney(amount, currencyCode)}\n            </ProductCardCurrentPrice>\n          )}\n        </ProductCardPrice>\n      </ProductCardInfo>\n    </ProductCardRoot>\n  )\n}\n\nexport {\n  // Composed component\n  ProductCard,\n  // Primitive components for custom composition\n  ProductCardRoot,\n  ProductCardImageContainer,\n  ProductCardImage,\n  ProductCardBadge,\n  ProductCardFavoriteButton,\n  ProductCardInfo,\n  ProductCardTitle,\n  ProductCardPrice,\n  ProductCardCurrentPrice,\n  ProductCardOriginalPrice,\n}\n"],"names":["productCardVariants","cva","ProductCardRoot","className","variant","touchable","asChild","onPress","props","content","jsx","SlotPrimitive.Slot","cn","Touchable","ProductCardImageContainer","ProductCardImage","src","alt","ProductCardBadge","position","children","Badge","ProductCardFavoriteButton","filled","Button","Heart","ProductCardInfo","ProductCardTitle","ProductCardPrice","ProductCardCurrentPrice","ProductCardOriginalPrice","ProductCard","product","selectedProductVariant","badgeText","badgeVariant","onFavoriteToggled","navigateToProduct","useShopNavigation","saveProduct","unsaveProduct","useSavedProductsActions","id","title","featuredImage","price","compareAtPrice","isFavorited","defaultVariantId","shop","displayImage","displayPrice","displayCompareAtPrice","isFavoritedLocal","setIsFavoritedLocal","React","currencyCode","amount","imageUrl","imageAltText","compareAtPriceAmount","hasDiscount","handlePress","handleFavoritePress","previousState","jsxs","formatMoney","Fragment"],"mappings":"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"}

package/dist/hooks/product/useCuratedProducts.js

@@ -0,0 +1,20 @@
+import { useShopActions as u } from "../../internal/useShopActions.js";
+import { useShopActionsPaginatedDataFetching as a } from "../../internal/useShopActionsPaginatedDataFetching.js";
+const i = (t) => {
+  const { getCuratedProducts: o } = u(), { skip: s, ...r } = t ?? {}, { data: e, ...c } = a(
+    o,
+    r,
+    {
+      skip: s,
+      hook: "useCuratedProducts"
+    }
+  );
+  return {
+    ...c,
+    products: e
+  };
+};
+export {
+  i as useCuratedProducts
+};
+//# sourceMappingURL=useCuratedProducts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCuratedProducts.js","sources":["../../../src/hooks/product/useCuratedProducts.ts"],"sourcesContent":["import {useShopActions} from '../../internal/useShopActions'\nimport {useShopActionsPaginatedDataFetching} from '../../internal/useShopActionsPaginatedDataFetching'\nimport {\n  Product,\n  PaginatedDataHookOptionsBase,\n  PaginatedDataHookReturnsBase,\n} from '../../types'\n\ninterface UseCuratedProductsParams extends PaginatedDataHookOptionsBase {\n  handle: string\n  requiredTags?: string[]\n  anyOfTags?: string[]\n}\n\ninterface UseCuratedProductsReturns extends PaginatedDataHookReturnsBase {\n  products: Product[] | null\n}\n\n/**\n * @param options - The options for the query\n */\nexport const useCuratedProducts = (\n  params: UseCuratedProductsParams\n): UseCuratedProductsReturns => {\n  const {getCuratedProducts} = useShopActions()\n  const {skip, ...shopActionParams} = params ?? {}\n\n  const {data, ...rest} = useShopActionsPaginatedDataFetching(\n    getCuratedProducts,\n    shopActionParams,\n    {\n      skip,\n      hook: 'useCuratedProducts',\n    }\n  )\n\n  return {\n    ...rest,\n    products: data,\n  }\n}\n"],"names":["useCuratedProducts","params","getCuratedProducts","useShopActions","skip","shopActionParams","data","rest","useShopActionsPaginatedDataFetching"],"mappings":";;AAqBa,MAAAA,IAAqB,CAChCC,MAC8B;AACxB,QAAA,EAAC,oBAAAC,EAAkB,IAAIC,EAAe,GACtC,EAAC,MAAAC,GAAM,GAAGC,EAAgB,IAAIJ,KAAU,CAAC,GAEzC,EAAC,MAAAK,GAAM,GAAGC,EAAA,IAAQC;AAAA,IACtBN;AAAA,IACAG;AAAA,IACA;AAAA,MACE,MAAAD;AAAA,MACA,MAAM;AAAA,IAAA;AAAA,EAEV;AAEO,SAAA;AAAA,IACL,GAAGG;AAAA,IACH,UAAUD;AAAA,EACZ;AACF;"}

package/dist/hooks/product/useProduct.js

@@ -0,0 +1,24 @@
+import { useMemo as i } from "react";
+import { useShopActions as m } from "../../internal/useShopActions.js";
+import { useShopActionsDataFetching as p } from "../../internal/useShopActionsDataFetching.js";
+const h = (t) => {
+  const { getProduct: r } = m(), { id: s, skip: e = !1, ...c } = t, { data: o, ...u } = p(
+    r,
+    {
+      id: s,
+      ...c
+    },
+    {
+      skip: e,
+      hook: "useProduct"
+    }
+  ), n = i(() => o ?? null, [o]);
+  return {
+    ...u,
+    product: n
+  };
+};
+export {
+  h as useProduct
+};
+//# sourceMappingURL=useProduct.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProduct.js","sources":["../../../src/hooks/product/useProduct.ts"],"sourcesContent":["import {useMemo} from 'react'\n\nimport {useShopActions} from '../../internal/useShopActions'\nimport {useShopActionsDataFetching} from '../../internal/useShopActionsDataFetching'\nimport {DataHookOptionsBase, DataHookReturnsBase, Product} from '../../types'\n\nexport interface UseProductParams extends DataHookOptionsBase {\n  /**\n   * The product ID to fetch.\n   */\n  id: string\n}\n\ninterface UseProductReturns extends DataHookReturnsBase {\n  /**\n   * The product returned from the query.\n   */\n  product: Product | null\n}\n\nexport const useProduct = (params: UseProductParams): UseProductReturns => {\n  const {getProduct} = useShopActions()\n  const {id, skip = false, ...restParams} = params\n\n  const {data, ...rest} = useShopActionsDataFetching(\n    getProduct,\n    {\n      id,\n      ...restParams,\n    },\n    {\n      skip,\n      hook: 'useProduct',\n    }\n  )\n\n  const product = useMemo(() => {\n    return data ?? null\n  }, [data])\n\n  return {\n    ...rest,\n    product,\n  }\n}\n"],"names":["useProduct","params","getProduct","useShopActions","id","skip","restParams","data","rest","useShopActionsDataFetching","product","useMemo"],"mappings":";;;AAoBa,MAAAA,IAAa,CAACC,MAAgD;AACnE,QAAA,EAAC,YAAAC,EAAU,IAAIC,EAAe,GAC9B,EAAC,IAAAC,GAAI,MAAAC,IAAO,IAAO,GAAGC,EAAc,IAAAL,GAEpC,EAAC,MAAAM,GAAM,GAAGC,EAAA,IAAQC;AAAA,IACtBP;AAAA,IACA;AAAA,MACE,IAAAE;AAAA,MACA,GAAGE;AAAA,IACL;AAAA,IACA;AAAA,MACE,MAAAD;AAAA,MACA,MAAM;AAAA,IAAA;AAAA,EAEV,GAEMK,IAAUC,EAAQ,MACfJ,KAAQ,MACd,CAACA,CAAI,CAAC;AAEF,SAAA;AAAA,IACL,GAAGC;AAAA,IACH,SAAAE;AAAA,EACF;AACF;"}

package/dist/hooks/product/useProductMedia.js

@@ -0,0 +1,24 @@
+import { useMemo as c } from "react";
+import { useShopActions as u } from "../../internal/useShopActions.js";
+import { useShopActionsPaginatedDataFetching as d } from "../../internal/useShopActionsPaginatedDataFetching.js";
+const f = (o) => {
+  const { getProductMedia: e } = u(), { id: r, skip: s = !1, ...a } = o, { data: t, ...i } = d(
+    e,
+    {
+      id: r,
+      ...a
+    },
+    {
+      skip: s,
+      hook: "useProductMedia"
+    }
+  ), n = c(() => t ?? null, [t]);
+  return {
+    ...i,
+    media: n
+  };
+};
+export {
+  f as useProductMedia
+};
+//# sourceMappingURL=useProductMedia.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProductMedia.js","sources":["../../../src/hooks/product/useProductMedia.ts"],"sourcesContent":["import {useMemo} from 'react'\n\nimport {useShopActions} from '../../internal/useShopActions'\nimport {useShopActionsPaginatedDataFetching} from '../../internal/useShopActionsPaginatedDataFetching'\nimport {\n  PaginatedDataHookOptionsBase,\n  PaginatedDataHookReturnsBase,\n  ProductMedia,\n} from '../../types'\n\nexport interface UseProductMediaParams extends PaginatedDataHookOptionsBase {\n  /**\n   * The product ID to fetch media for.\n   */\n  id: string\n}\n\ninterface UseProductMediaReturns extends PaginatedDataHookReturnsBase {\n  /**\n   * The product media returned from the query.\n   */\n  media: ProductMedia[] | null\n}\n\nexport const useProductMedia = (\n  params: UseProductMediaParams\n): UseProductMediaReturns => {\n  const {getProductMedia} = useShopActions()\n  const {id, skip = false, ...restParams} = params\n\n  const {data, ...rest} = useShopActionsPaginatedDataFetching(\n    getProductMedia,\n    {\n      id,\n      ...restParams,\n    },\n    {\n      skip,\n      hook: 'useProductMedia',\n    }\n  )\n\n  const media = useMemo(() => {\n    return data ?? null\n  }, [data])\n\n  return {\n    ...rest,\n    media,\n  }\n}\n"],"names":["useProductMedia","params","getProductMedia","useShopActions","id","skip","restParams","data","rest","useShopActionsPaginatedDataFetching","media","useMemo"],"mappings":";;;AAwBa,MAAAA,IAAkB,CAC7BC,MAC2B;AACrB,QAAA,EAAC,iBAAAC,EAAe,IAAIC,EAAe,GACnC,EAAC,IAAAC,GAAI,MAAAC,IAAO,IAAO,GAAGC,EAAc,IAAAL,GAEpC,EAAC,MAAAM,GAAM,GAAGC,EAAA,IAAQC;AAAA,IACtBP;AAAA,IACA;AAAA,MACE,IAAAE;AAAA,MACA,GAAGE;AAAA,IACL;AAAA,IACA;AAAA,MACE,MAAAD;AAAA,MACA,MAAM;AAAA,IAAA;AAAA,EAEV,GAEMK,IAAQC,EAAQ,MACbJ,KAAQ,MACd,CAACA,CAAI,CAAC;AAEF,SAAA;AAAA,IACL,GAAGC;AAAA,IACH,OAAAE;AAAA,EACF;AACF;"}

package/dist/hooks/product/useProductSearch.js

@@ -0,0 +1,44 @@
+import { useState as S, useCallback as h, useEffect as y, useMemo as b } from "react";
+import P from "../../_virtual/debounce.js";
+import { useShopActions as g } from "../../internal/useShopActions.js";
+import { useShopActionsPaginatedDataFetching as k } from "../../internal/useShopActionsPaginatedDataFetching.js";
+const v = (r) => {
+  const { getProductSearch: s } = g(), {
+    query: e,
+    filters: c,
+    sortBy: u,
+    includeSensitive: n = !1,
+    skip: a = !1,
+    ...d
+  } = r ?? {}, [i, m] = S(e), t = h(
+    P((p) => {
+      m(p);
+    }, 300),
+    []
+  );
+  y(() => (t(e), () => {
+    t.cancel();
+  }), [e, t]);
+  const { data: o, ...f } = k(
+    s,
+    {
+      query: i,
+      filters: c,
+      sortBy: u,
+      includeSensitive: n,
+      ...d
+    },
+    {
+      skip: a,
+      hook: "useProductSearch"
+    }
+  ), l = b(() => o ?? null, [o]);
+  return {
+    ...f,
+    products: l
+  };
+};
+export {
+  v as useProductSearch
+};
+//# sourceMappingURL=useProductSearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProductSearch.js","sources":["../../../src/hooks/product/useProductSearch.ts"],"sourcesContent":["import {useCallback, useEffect, useMemo, useState} from 'react'\n\nimport debounce from 'lodash/debounce'\n\nimport {useShopActions} from '../../internal/useShopActions'\nimport {useShopActionsPaginatedDataFetching} from '../../internal/useShopActionsPaginatedDataFetching'\nimport {\n  PaginatedDataHookOptionsBase,\n  PaginatedDataHookReturnsBase,\n  Product,\n  ProductFilters,\n  ProductSearchSortBy,\n} from '../../types'\n\nexport interface UseProductSearchParams extends PaginatedDataHookOptionsBase {\n  /**\n   * The search query.\n   */\n  query: string\n  /**\n   * The filters to apply to the search.\n   */\n  filters?: ProductFilters\n  /**\n   * The sort order of the results.\n   */\n  sortBy?: ProductSearchSortBy\n  /**\n   * Whether to include sensitive products.\n   */\n  includeSensitive?: boolean\n}\n\ninterface UseProductSearchReturns extends PaginatedDataHookReturnsBase {\n  /**\n   * The products returned from the query.\n   */\n  products: Product[] | null\n}\n\nexport const useProductSearch = (\n  params: UseProductSearchParams\n): UseProductSearchReturns => {\n  const {getProductSearch} = useShopActions()\n  const {\n    query,\n    filters,\n    sortBy,\n    includeSensitive = false,\n    skip = false,\n    ...restParams\n  } = params ?? {}\n\n  const [debouncedQuery, setDebouncedQuery] = useState<string>(query)\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const debouncedSetQuery = useCallback(\n    debounce((newQuery: string) => {\n      setDebouncedQuery(newQuery)\n    }, 300),\n    []\n  )\n\n  useEffect(() => {\n    debouncedSetQuery(query)\n\n    return () => {\n      debouncedSetQuery.cancel()\n    }\n  }, [query, debouncedSetQuery])\n\n  const {data, ...rest} = useShopActionsPaginatedDataFetching(\n    getProductSearch,\n    {\n      query: debouncedQuery,\n      filters,\n      sortBy,\n      includeSensitive,\n      ...restParams,\n    },\n    {\n      skip,\n      hook: 'useProductSearch',\n    }\n  )\n\n  const products = useMemo(() => {\n    return data ?? null\n  }, [data])\n\n  return {\n    ...rest,\n    products,\n  }\n}\n"],"names":["useProductSearch","params","getProductSearch","useShopActions","query","filters","sortBy","includeSensitive","skip","restParams","debouncedQuery","setDebouncedQuery","useState","debouncedSetQuery","useCallback","debounce","newQuery","useEffect","data","rest","useShopActionsPaginatedDataFetching","products","useMemo"],"mappings":";;;;AAwCa,MAAAA,IAAmB,CAC9BC,MAC4B;AACtB,QAAA,EAAC,kBAAAC,EAAgB,IAAIC,EAAe,GACpC;AAAA,IACJ,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EACL,IAAIR,KAAU,CAAC,GAET,CAACS,GAAgBC,CAAiB,IAAIC,EAAiBR,CAAK,GAG5DS,IAAoBC;AAAA,IACxBC,EAAS,CAACC,MAAqB;AAC7B,MAAAL,EAAkBK,CAAQ;AAAA,OACzB,GAAG;AAAA,IACN,CAAA;AAAA,EACF;AAEA,EAAAC,EAAU,OACRJ,EAAkBT,CAAK,GAEhB,MAAM;AACX,IAAAS,EAAkB,OAAO;AAAA,EAC3B,IACC,CAACT,GAAOS,CAAiB,CAAC;AAE7B,QAAM,EAAC,MAAAK,GAAM,GAAGC,EAAA,IAAQC;AAAA,IACtBlB;AAAA,IACA;AAAA,MACE,OAAOQ;AAAA,MACP,SAAAL;AAAA,MACA,QAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,GAAGE;AAAA,IACL;AAAA,IACA;AAAA,MACE,MAAAD;AAAA,MACA,MAAM;AAAA,IAAA;AAAA,EAEV,GAEMa,IAAWC,EAAQ,MAChBJ,KAAQ,MACd,CAACA,CAAI,CAAC;AAEF,SAAA;AAAA,IACL,GAAGC;AAAA,IACH,UAAAE;AAAA,EACF;AACF;"}

package/dist/hooks/product/useProductVariants.js

@@ -0,0 +1,21 @@
+import { useMemo as i } from "react";
+import { useShopActions as c } from "../../internal/useShopActions.js";
+import { useShopActionsPaginatedDataFetching as u } from "../../internal/useShopActionsPaginatedDataFetching.js";
+const P = (o) => {
+  const { getProductVariants: r } = c(), { skip: s = !1, ...a } = o, { data: t, ...n } = u(
+    r,
+    a,
+    {
+      skip: s,
+      hook: "useProductVariants"
+    }
+  ), e = i(() => t ?? null, [t]);
+  return {
+    ...n,
+    variants: e
+  };
+};
+export {
+  P as useProductVariants
+};
+//# sourceMappingURL=useProductVariants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProductVariants.js","sources":["../../../src/hooks/product/useProductVariants.ts"],"sourcesContent":["import {useMemo} from 'react'\n\nimport {useShopActions} from '../../internal/useShopActions'\nimport {useShopActionsPaginatedDataFetching} from '../../internal/useShopActionsPaginatedDataFetching'\nimport {\n  PaginatedDataHookOptionsBase,\n  PaginatedDataHookReturnsBase,\n  ProductVariant,\n} from '../../types'\n\nexport interface UseProductVariantsParams extends PaginatedDataHookOptionsBase {\n  /**\n   * The product ID to fetch variants for.\n   */\n  id: string\n}\n\ninterface UseProductVariantsReturns extends PaginatedDataHookReturnsBase {\n  /**\n   * The product variants returned from the query.\n   */\n  variants: ProductVariant[] | null\n}\n\nexport const useProductVariants = (\n  params: UseProductVariantsParams\n): UseProductVariantsReturns => {\n  const {getProductVariants} = useShopActions()\n  const {skip = false, ...restParams} = params\n\n  const {data, ...rest} = useShopActionsPaginatedDataFetching(\n    getProductVariants,\n    restParams,\n    {\n      skip,\n      hook: 'useProductVariants',\n    }\n  )\n\n  const variants = useMemo(() => {\n    return data ?? null\n  }, [data])\n\n  return {\n    ...rest,\n    variants,\n  }\n}\n"],"names":["useProductVariants","params","getProductVariants","useShopActions","skip","restParams","data","rest","useShopActionsPaginatedDataFetching","variants","useMemo"],"mappings":";;;AAwBa,MAAAA,IAAqB,CAChCC,MAC8B;AACxB,QAAA,EAAC,oBAAAC,EAAkB,IAAIC,EAAe,GACtC,EAAC,MAAAC,IAAO,IAAO,GAAGC,EAAc,IAAAJ,GAEhC,EAAC,MAAAK,GAAM,GAAGC,EAAA,IAAQC;AAAA,IACtBN;AAAA,IACAG;AAAA,IACA;AAAA,MACE,MAAAD;AAAA,MACA,MAAM;AAAA,IAAA;AAAA,EAEV,GAEMK,IAAWC,EAAQ,MAChBJ,KAAQ,MACd,CAACA,CAAI,CAAC;AAEF,SAAA;AAAA,IACL,GAAGC;AAAA,IACH,UAAAE;AAAA,EACF;AACF;"}

package/dist/hooks/product/useProducts.js

@@ -0,0 +1,17 @@
+import { useMemo as n } from "react";
+import { useShopActions as m } from "../../internal/useShopActions.js";
+import { useShopActionsDataFetching as p } from "../../internal/useShopActionsDataFetching.js";
+const f = (t) => {
+  const { getProducts: s } = m(), { skip: r = !1, ...e } = t, { data: o, ...c } = p(s, e, {
+    skip: r,
+    hook: "useProducts"
+  }), u = n(() => o ?? null, [o]);
+  return {
+    ...c,
+    products: u
+  };
+};
+export {
+  f as useProducts
+};
+//# sourceMappingURL=useProducts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProducts.js","sources":["../../../src/hooks/product/useProducts.ts"],"sourcesContent":["import {useMemo} from 'react'\n\nimport {useShopActions} from '../../internal/useShopActions'\nimport {useShopActionsDataFetching} from '../../internal/useShopActionsDataFetching'\nimport {DataHookOptionsBase, DataHookReturnsBase, Product} from '../../types'\n\nexport interface UseProductsParams extends DataHookOptionsBase {\n  /**\n   * The product IDs to fetch.\n   */\n  ids: string[]\n}\n\ninterface UseProductsReturns extends DataHookReturnsBase {\n  /**\n   * The products returned from the query.\n   */\n  products: Product[] | null\n}\n\nexport const useProducts = (params: UseProductsParams): UseProductsReturns => {\n  const {getProducts} = useShopActions()\n  const {skip = false, ...restParams} = params\n\n  const {data, ...rest} = useShopActionsDataFetching(getProducts, restParams, {\n    skip,\n    hook: 'useProducts',\n  })\n\n  const products = useMemo(() => {\n    return data ?? null\n  }, [data])\n\n  return {\n    ...rest,\n    products,\n  }\n}\n"],"names":["useProducts","params","getProducts","useShopActions","skip","restParams","data","rest","useShopActionsDataFetching","products","useMemo"],"mappings":";;;AAoBa,MAAAA,IAAc,CAACC,MAAkD;AACtE,QAAA,EAAC,aAAAC,EAAW,IAAIC,EAAe,GAC/B,EAAC,MAAAC,IAAO,IAAO,GAAGC,EAAc,IAAAJ,GAEhC,EAAC,MAAAK,GAAM,GAAGC,EAAQ,IAAAC,EAA2BN,GAAaG,GAAY;AAAA,IAC1E,MAAAD;AAAA,IACA,MAAM;AAAA,EAAA,CACP,GAEKK,IAAWC,EAAQ,MAChBJ,KAAQ,MACd,CAACA,CAAI,CAAC;AAEF,SAAA;AAAA,IACL,GAAGC;AAAA,IACH,UAAAE;AAAA,EACF;AACF;"}

package/dist/hooks/shop/useShop.js

@@ -0,0 +1,17 @@
+import { useMemo as c } from "react";
+import { useShopActions as h } from "../../internal/useShopActions.js";
+import { useShopActionsDataFetching as m } from "../../internal/useShopActionsDataFetching.js";
+const S = (t) => {
+  const { getShop: s } = h(), { skip: e = !1, ...r } = t, { data: o, ...n } = m(s, r, {
+    skip: e,
+    hook: "useShop"
+  }), p = c(() => o ?? null, [o]);
+  return {
+    ...n,
+    shop: p
+  };
+};
+export {
+  S as useShop
+};
+//# sourceMappingURL=useShop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useShop.js","sources":["../../../src/hooks/shop/useShop.ts"],"sourcesContent":["import {useMemo} from 'react'\n\nimport {useShopActions} from '../../internal/useShopActions'\nimport {useShopActionsDataFetching} from '../../internal/useShopActionsDataFetching'\nimport {DataHookOptionsBase, DataHookReturnsBase, Shop} from '../../types'\n\nexport interface UseShopParams extends DataHookOptionsBase {\n  /**\n   * The shop ID to fetch.\n   */\n  id: string\n}\n\ninterface UseShopReturns extends DataHookReturnsBase {\n  /**\n   * The shop returned from the query.\n   */\n  shop: Shop | null\n}\n\nexport const useShop = (params: UseShopParams): UseShopReturns => {\n  const {getShop} = useShopActions()\n  const {skip = false, ...restParams} = params\n\n  const {data, ...rest} = useShopActionsDataFetching(getShop, restParams, {\n    skip,\n    hook: 'useShop',\n  })\n\n  const shop = useMemo(() => {\n    return data ?? null\n  }, [data])\n\n  return {\n    ...rest,\n    shop,\n  }\n}\n"],"names":["useShop","params","getShop","useShopActions","skip","restParams","data","rest","useShopActionsDataFetching","shop","useMemo"],"mappings":";;;AAoBa,MAAAA,IAAU,CAACC,MAA0C;AAC1D,QAAA,EAAC,SAAAC,EAAO,IAAIC,EAAe,GAC3B,EAAC,MAAAC,IAAO,IAAO,GAAGC,EAAc,IAAAJ,GAEhC,EAAC,MAAAK,GAAM,GAAGC,EAAQ,IAAAC,EAA2BN,GAASG,GAAY;AAAA,IACtE,MAAAD;AAAA,IACA,MAAM;AAAA,EAAA,CACP,GAEKK,IAAOC,EAAQ,MACZJ,KAAQ,MACd,CAACA,CAAI,CAAC;AAEF,SAAA;AAAA,IACL,GAAGC;AAAA,IACH,MAAAE;AAAA,EACF;AACF;"}