@shopify/shop-minis-react 0.15.0 → 0.16.1

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

@@ -1,280 +0,0 @@
-import { jsx as e, jsxs as u, Fragment as p } from "react/jsx-runtime";
-import { useCallback as w, useMemo as f, createContext as N, useContext as y } from "react";
-import { useShopNavigation as T } from "../../hooks/navigation/useShopNavigation.js";
-import { cn as c } from "../../lib/utils.js";
-import { isDarkColor as b } from "../../utils/colors.js";
-import { Image as k } from "../atoms/image.js";
-import { Touchable as I } from "../atoms/touchable.js";
-import { extractBrandTheme as M, normalizeRating as z, formatReviewCount as j, getFeaturedImages as D } from "../../utils/merchant-card.js";
-import S 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";
-const C = N(
-  void 0
-);
-function i() {
-  const a = y(C);
-  if (!a)
-    throw new Error(
-      "useMerchantCardContext must be used within a MerchantCardProvider"
-    );
-  return a;
-}
-function B({
-  className: a,
-  ...r
-}) {
-  const { touchable: t, cardTheme: n, onClick: o } = i(), l = /* @__PURE__ */ e(
-    "div",
-    {
-      style: {
-        backgroundColor: n.backgroundColor
-      },
-      className: c(
-        "relative w-full overflow-hidden rounded-xl bg-white flex flex-col border border-gray-200 aspect-square isolate",
-        a
-      ),
-      ...r
-    }
-  );
-  return t && o ? /* @__PURE__ */ e(
-    I,
-    {
-      onClick: o,
-      whileTap: { opacity: 0.7 },
-      transition: {
-        opacity: { type: "tween", duration: 0.08, ease: "easeInOut" }
-      },
-      children: l
-    }
-  ) : l;
-}
-function v({
-  className: a,
-  src: r,
-  alt: t,
-  thumbhash: n,
-  ...o
-}) {
-  return r ? n ? /* @__PURE__ */ e(
-    k,
-    {
-      "data-slot": "merchant-card-image",
-      src: r,
-      alt: t,
-      thumbhash: n,
-      className: c(a),
-      ...o
-    }
-  ) : /* @__PURE__ */ e(
-    "img",
-    {
-      "data-slot": "merchant-card-image",
-      src: r,
-      alt: t,
-      className: c("size-full object-cover", a),
-      ...o
-    }
-  ) : /* @__PURE__ */ e("div", { className: "w-full h-full bg-gray-100" });
-}
-function x({ className: a, ...r }) {
-  const { shop: t } = i(), { name: n, visualTheme: o } = t, l = o?.brandSettings?.colors?.logoAverage, d = o?.brandSettings?.colors?.logoDominant, m = l || d, h = f(
-    () => m && b(m) ? "bg-white" : "bg-gray-800",
-    [m]
-  ), s = o?.logoImage?.url, g = `${n} logo`;
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-slot": "merchant-card-logo",
-      className: c(
-        "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10",
-        "w-16 h-16 rounded-xl bg-white border-2 border-white shadow-sm",
-        "flex items-center justify-center overflow-hidden",
-        h,
-        a
-      ),
-      ...r,
-      children: s ? /* @__PURE__ */ e(
-        "img",
-        {
-          src: s,
-          alt: g,
-          className: "w-full h-full object-cover"
-        }
-      ) : /* @__PURE__ */ e("div", { className: "w-full h-full bg-gray-200 flex items-center justify-center", children: /* @__PURE__ */ e("span", { className: "text-gray-600 font-semibold text-lg", children: n?.slice(0, 1) }) })
-    }
-  );
-}
-function R({ className: a, ...r }) {
-  const { cardTheme: t } = i(), o = f(() => t.backgroundColor !== "white" && b(t.backgroundColor), [t.backgroundColor]) ? "text-primary-foreground" : "text-foreground";
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      "data-slot": "merchant-card-info",
-      className: c(
-        "p-3 flex-shrink-0 flex flex-col min-w-0",
-        o,
-        a
-      ),
-      ...r
-    }
-  );
-}
-function $({
-  className: a,
-  children: r,
-  ...t
-}) {
-  const { shop: n } = i(), { name: o } = n, l = r ?? o;
-  return /* @__PURE__ */ e(
-    "h3",
-    {
-      "data-slot": "merchant-card-name",
-      className: c("text-sm font-medium truncate", a),
-      ...t,
-      children: l
-    }
-  );
-}
-function A({
-  className: a,
-  ...r
-}) {
-  const { shop: t } = i(), {
-    reviewAnalytics: { averageRating: n, reviewCount: o }
-  } = t;
-  return !n || !o ? null : /* @__PURE__ */ u(
-    "div",
-    {
-      "data-slot": "merchant-card-rating",
-      className: c("flex items-center gap-1 text-xs", a),
-      ...r,
-      children: [
-        /* @__PURE__ */ e(S, { className: "h-3 w-3 fill-current" }),
-        /* @__PURE__ */ u("span", { className: "text-xs", children: [
-          z(n),
-          " (",
-          j(o),
-          ")"
-        ] })
-      ]
-    }
-  );
-}
-function F({ withLogo: a = !1 }) {
-  const { shop: r, cardTheme: t, featuredImagesLimit: n } = i(), { visualTheme: o } = r, l = f(
-    () => D(o, n),
-    [o, n]
-  ), d = l?.length ?? 0;
-  return /* @__PURE__ */ u("div", { className: "w-full h-full bg-muted relative flex flex-wrap overflow-hidden", children: [
-    a && /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10", children: /* @__PURE__ */ e(x, {}) }),
-    (() => {
-      if (d > 0) {
-        const h = d === 2 ? "h-full" : "h-1/2";
-        return l?.map((s, g) => /* @__PURE__ */ e("div", { className: `z-0 w-1/2 ${h}`, children: /* @__PURE__ */ e(
-          v,
-          {
-            src: s.url,
-            alt: s.altText ?? void 0,
-            thumbhash: s.thumbhash ?? void 0,
-            className: "aspect-square"
-          }
-        ) }, s.url || g));
-      } else if (t.type === "coverImage")
-        return /* @__PURE__ */ e(
-          v,
-          {
-            src: t.coverImageUrl,
-            thumbhash: t.coverImageThumbhash
-          }
-        );
-      return null;
-    })()
-  ] });
-}
-function H({ withLogo: a = !1 }) {
-  const { shop: r, cardTheme: t } = i(), n = r.visualTheme?.brandSettings?.headerTheme?.wordmark;
-  return /* @__PURE__ */ u("div", { className: "size-full relative", children: [
-    t.type === "coverImage" && /* @__PURE__ */ u(p, { children: [
-      /* @__PURE__ */ e(
-        v,
-        {
-          src: t.coverImageUrl,
-          alt: r.name,
-          thumbhash: t.coverImageThumbhash ?? void 0
-        }
-      ),
-      /* @__PURE__ */ e("div", { className: "absolute inset-0 z-[1] bg-black/20" }),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          className: "absolute bottom-0 z-[1] size-full",
-          style: {
-            background: `linear-gradient(to top, ${t.backgroundColor} 0%, ${t.backgroundColor}00 40%)`
-          }
-        }
-      )
-    ] }),
-    a && /* @__PURE__ */ e("div", { className: "absolute inset-0 z-[1] flex items-center justify-center", children: n ? /* @__PURE__ */ e(
-      "img",
-      {
-        src: n.url,
-        alt: n.altText || r.name,
-        className: "max-h-16 min-h-10 max-w-28 object-contain",
-        "data-testid": "store-data-wordmark"
-      }
-    ) : /* @__PURE__ */ e(x, {}) })
-  ] });
-}
-function U({
-  isDefault: a,
-  withLogo: r,
-  className: t,
-  ...n
-}) {
-  const { cardTheme: o } = i(), l = o.type === "coverImage" || o.type === "brandColor";
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: c("relative overflow-hidden flex-1 flex-wrap", t),
-      ...n,
-      children: l && !a ? /* @__PURE__ */ e(H, { withLogo: r }) : /* @__PURE__ */ e(F, { withLogo: r })
-    }
-  );
-}
-function Q({
-  shop: a,
-  touchable: r = !0,
-  featuredImagesLimit: t = 4,
-  children: n
-}) {
-  const { navigateToShop: o } = T(), { id: l, visualTheme: d } = a, m = w(() => {
-    r && o({ shopId: l });
-  }, [o, l, r]), h = f(
-    () => M(d?.brandSettings),
-    [d?.brandSettings]
-  ), s = f(
-    () => ({
-      shop: a,
-      cardTheme: h,
-      touchable: r,
-      featuredImagesLimit: t,
-      onClick: m
-    }),
-    [a, h, r, t, m]
-  );
-  return /* @__PURE__ */ e(C.Provider, { value: s, children: n ?? /* @__PURE__ */ u(B, { children: [
-    /* @__PURE__ */ e(U, { withLogo: !0 }),
-    /* @__PURE__ */ u(R, { children: [
-      /* @__PURE__ */ e($, {}),
-      /* @__PURE__ */ e(A, {})
-    ] })
-  ] }) });
-}
-export {
-  Q as MerchantCard,
-  B as MerchantCardContainer,
-  U as MerchantCardHeader,
-  R as MerchantCardInfo,
-  $ as MerchantCardName,
-  A as MerchantCardRating
-};
-//# sourceMappingURL=merchant-card.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"merchant-card.js","sources":["../../../src/components/commerce/merchant-card.tsx"],"sourcesContent":["import * as React from 'react'\nimport {createContext, useCallback, useContext, useMemo} from 'react'\n\nimport {type Shop} from '@shopify/shop-minis-platform'\nimport {Star} from 'lucide-react'\n\nimport {useShopNavigation} from '../../hooks/navigation/useShopNavigation'\nimport {cn} from '../../lib/utils'\nimport {\n  type ExtractedBrandTheme,\n  extractBrandTheme,\n  formatReviewCount,\n  getFeaturedImages,\n  normalizeRating,\n} from '../../utils'\nimport {isDarkColor} from '../../utils/colors'\nimport {Image} from '../atoms/image'\nimport {Touchable} from '../atoms/touchable'\n\ninterface MerchantCardContextValue {\n  // Core data\n  shop: Shop\n\n  // Derived data\n  cardTheme: ExtractedBrandTheme\n\n  // UI configuration\n  touchable: boolean\n  featuredImagesLimit: number\n\n  // Actions\n  onClick: () => void\n}\n\nconst MerchantCardContext = createContext<MerchantCardContextValue | undefined>(\n  undefined\n)\n\nfunction useMerchantCardContext() {\n  const context = useContext(MerchantCardContext)\n  if (!context) {\n    throw new Error(\n      'useMerchantCardContext must be used within a MerchantCardProvider'\n    )\n  }\n  return context\n}\n\nfunction MerchantCardContainer({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  const {touchable, cardTheme, onClick} = useMerchantCardContext()\n\n  const content = (\n    <div\n      style={{\n        backgroundColor: cardTheme.backgroundColor,\n      }}\n      className={cn(\n        'relative w-full overflow-hidden rounded-xl bg-white flex flex-col border border-gray-200 aspect-square isolate',\n\n        className\n      )}\n      {...props}\n    />\n  )\n\n  if (touchable && onClick) {\n    return (\n      <Touchable\n        onClick={onClick}\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 MerchantCardImage({\n  className,\n  src,\n  alt,\n  thumbhash,\n  ...props\n}: React.ComponentProps<'img'> & {\n  src?: string\n  alt?: string\n  thumbhash?: string\n}) {\n  if (!src) {\n    return <div className=\"w-full h-full bg-gray-100\" />\n  }\n\n  if (thumbhash) {\n    return (\n      <Image\n        data-slot=\"merchant-card-image\"\n        src={src}\n        alt={alt}\n        thumbhash={thumbhash}\n        className={cn(className)}\n        {...props}\n      />\n    )\n  }\n\n  return (\n    <img\n      data-slot=\"merchant-card-image\"\n      src={src}\n      alt={alt}\n      className={cn('size-full object-cover', className)}\n      {...props}\n    />\n  )\n}\n\nfunction MerchantCardLogo({className, ...props}: React.ComponentProps<'div'>) {\n  const {shop} = useMerchantCardContext()\n  const {name, visualTheme} = shop\n\n  const logoAverageColor = visualTheme?.brandSettings?.colors?.logoAverage\n  const logoDominantColor = visualTheme?.brandSettings?.colors?.logoDominant\n  const logoColor = logoAverageColor || logoDominantColor\n\n  const logoBackgroundClassName = useMemo(\n    () => (logoColor && isDarkColor(logoColor) ? 'bg-white' : 'bg-gray-800'),\n    [logoColor]\n  )\n\n  const logoUrl = visualTheme?.logoImage?.url\n  const altText = `${name} logo`\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 z-10',\n        'w-16 h-16 rounded-xl bg-white border-2 border-white shadow-sm',\n        'flex items-center justify-center overflow-hidden',\n        logoBackgroundClassName,\n        className\n      )}\n      {...props}\n    >\n      {logoUrl ? (\n        <img\n          src={logoUrl}\n          alt={altText}\n          className=\"w-full h-full object-cover\"\n        />\n      ) : (\n        <div className=\"w-full h-full bg-gray-200 flex items-center justify-center\">\n          <span className=\"text-gray-600 font-semibold text-lg\">\n            {name?.slice(0, 1)}\n          </span>\n        </div>\n      )}\n    </div>\n  )\n}\n\nfunction MerchantCardInfo({className, ...props}: React.ComponentProps<'div'>) {\n  const {cardTheme} = useMerchantCardContext()\n\n  const isDarkTheme = useMemo(() => {\n    return (\n      cardTheme.backgroundColor !== 'white' &&\n      isDarkColor(cardTheme.backgroundColor)\n    )\n  }, [cardTheme.backgroundColor])\n\n  const textColor = isDarkTheme ? 'text-primary-foreground' : 'text-foreground'\n\n  return (\n    <div\n      data-slot=\"merchant-card-info\"\n      className={cn(\n        'p-3 flex-shrink-0 flex flex-col min-w-0',\n        textColor,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction MerchantCardName({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<'h3'>) {\n  const {shop} = useMerchantCardContext()\n  const {name} = shop\n  const nameContent = children ?? name\n\n  return (\n    <h3\n      data-slot=\"merchant-card-name\"\n      className={cn('text-sm font-medium truncate', className)}\n      {...props}\n    >\n      {nameContent}\n    </h3>\n  )\n}\n\nfunction MerchantCardRating({\n  className,\n\n  ...props\n}: React.ComponentProps<'div'> & {\n  rating?: number | null\n  reviewCount?: number\n}) {\n  const {shop} = useMerchantCardContext()\n\n  const {\n    reviewAnalytics: {averageRating, reviewCount},\n  } = shop\n\n  if (!averageRating || !reviewCount) return null\n\n  return (\n    <div\n      data-slot=\"merchant-card-rating\"\n      className={cn('flex items-center gap-1 text-xs', className)}\n      {...props}\n    >\n      <Star className=\"h-3 w-3 fill-current\" />\n      <span className=\"text-xs\">\n        {normalizeRating(averageRating)} ({formatReviewCount(reviewCount)})\n      </span>\n    </div>\n  )\n}\n\nfunction MerchantCardDefaultHeader({withLogo = false}: {withLogo?: boolean}) {\n  const {shop, cardTheme, featuredImagesLimit} = useMerchantCardContext()\n  const {visualTheme} = shop\n\n  const featuredImages = useMemo(\n    () => getFeaturedImages(visualTheme, featuredImagesLimit),\n    [visualTheme, featuredImagesLimit]\n  )\n\n  const numberOfFeaturedImages = featuredImages?.length ?? 0\n\n  const displayDefaultCover = () => {\n    if (numberOfFeaturedImages > 0) {\n      const heightClass = numberOfFeaturedImages === 2 ? 'h-full' : 'h-1/2'\n      return featuredImages?.map((image, index) => (\n        <div className={`z-0 w-1/2 ${heightClass}`} key={image.url || index}>\n          <MerchantCardImage\n            src={image.url}\n            alt={image.altText ?? undefined}\n            thumbhash={image.thumbhash ?? undefined}\n            className=\"aspect-square\"\n          />\n        </div>\n      ))\n    } else if (cardTheme.type === 'coverImage') {\n      return (\n        <MerchantCardImage\n          src={cardTheme.coverImageUrl}\n          thumbhash={cardTheme.coverImageThumbhash}\n        />\n      )\n    }\n\n    return null\n  }\n\n  return (\n    <div className=\"w-full h-full bg-muted relative flex flex-wrap overflow-hidden\">\n      {withLogo && (\n        <div className=\"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 z-10\">\n          <MerchantCardLogo />\n        </div>\n      )}\n\n      {displayDefaultCover()}\n    </div>\n  )\n}\n\nfunction MerchantCardBrandedHeader({withLogo = false}: {withLogo?: boolean}) {\n  const {shop, cardTheme} = useMerchantCardContext()\n  const wordmarkImage = shop.visualTheme?.brandSettings?.headerTheme?.wordmark\n\n  return (\n    <div className=\"size-full relative\">\n      {cardTheme.type === 'coverImage' && (\n        <>\n          <MerchantCardImage\n            src={cardTheme.coverImageUrl}\n            alt={shop.name}\n            thumbhash={cardTheme.coverImageThumbhash ?? undefined}\n          />\n\n          <div className=\"absolute inset-0 z-[1] bg-black/20\" />\n\n          <div\n            className=\"absolute bottom-0 z-[1] size-full\"\n            style={{\n              background: `linear-gradient(to top, ${cardTheme.backgroundColor} 0%, ${cardTheme.backgroundColor}00 40%)`,\n            }}\n          />\n        </>\n      )}\n\n      {withLogo && (\n        <div className=\"absolute inset-0 z-[1] flex items-center justify-center\">\n          {wordmarkImage ? (\n            <img\n              src={wordmarkImage.url}\n              alt={wordmarkImage.altText || shop.name}\n              className=\"max-h-16 min-h-10 max-w-28 object-contain\"\n              data-testid=\"store-data-wordmark\"\n            />\n          ) : (\n            <MerchantCardLogo />\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\ninterface MerchantCardHeaderProps {\n  isDefault?: boolean\n  withLogo?: boolean\n}\n\nfunction MerchantCardHeader({\n  isDefault,\n  withLogo,\n  className,\n  ...props\n}: React.ComponentProps<'div'> & MerchantCardHeaderProps) {\n  const {cardTheme} = useMerchantCardContext()\n\n  const isBranded =\n    cardTheme.type === 'coverImage' || cardTheme.type === 'brandColor'\n\n  return (\n    <div\n      className={cn('relative overflow-hidden flex-1 flex-wrap', className)}\n      {...props}\n    >\n      {isBranded && !isDefault ? (\n        <MerchantCardBrandedHeader withLogo={withLogo} />\n      ) : (\n        <MerchantCardDefaultHeader withLogo={withLogo} />\n      )}\n    </div>\n  )\n}\n\nexport interface MerchantCardProps {\n  /** The shop/merchant to display */\n  shop: Shop\n  /** Whether the card is tappable to navigate to shop (default: true) */\n  touchable?: boolean\n  /** Maximum number of featured product images to show (default: 4) */\n  featuredImagesLimit?: number\n  /** Custom content to render inside the card */\n  children?: React.ReactNode\n}\n\nfunction MerchantCard({\n  shop,\n  touchable = true,\n  featuredImagesLimit = 4,\n  children,\n}: MerchantCardProps) {\n  const {navigateToShop} = useShopNavigation()\n\n  const {id, visualTheme} = shop\n\n  const handleClick = useCallback(() => {\n    if (!touchable) return\n    navigateToShop({shopId: id})\n  }, [navigateToShop, id, touchable])\n\n  const cardTheme = useMemo(\n    () => extractBrandTheme(visualTheme?.brandSettings),\n    [visualTheme?.brandSettings]\n  )\n\n  const contextValue = useMemo<MerchantCardContextValue>(\n    () => ({\n      shop,\n      cardTheme,\n      touchable,\n      featuredImagesLimit,\n      onClick: handleClick,\n    }),\n    [shop, cardTheme, touchable, featuredImagesLimit, handleClick]\n  )\n\n  return (\n    <MerchantCardContext.Provider value={contextValue}>\n      {children ?? (\n        <MerchantCardContainer>\n          <MerchantCardHeader withLogo />\n          <MerchantCardInfo>\n            <MerchantCardName />\n            <MerchantCardRating />\n          </MerchantCardInfo>\n        </MerchantCardContainer>\n      )}\n    </MerchantCardContext.Provider>\n  )\n}\n\nexport {\n  MerchantCard,\n  MerchantCardContainer,\n  MerchantCardHeader,\n  MerchantCardInfo,\n  MerchantCardName,\n  MerchantCardRating,\n}\n"],"names":["MerchantCardContext","createContext","useMerchantCardContext","context","useContext","MerchantCardContainer","className","props","touchable","cardTheme","onClick","content","jsx","cn","Touchable","MerchantCardImage","src","alt","thumbhash","Image","MerchantCardLogo","shop","name","visualTheme","logoAverageColor","logoDominantColor","logoColor","logoBackgroundClassName","useMemo","isDarkColor","logoUrl","altText","MerchantCardInfo","textColor","MerchantCardName","children","nameContent","MerchantCardRating","averageRating","reviewCount","jsxs","Star","normalizeRating","formatReviewCount","MerchantCardDefaultHeader","withLogo","featuredImagesLimit","featuredImages","getFeaturedImages","numberOfFeaturedImages","heightClass","image","index","MerchantCardBrandedHeader","wordmarkImage","Fragment","MerchantCardHeader","isDefault","isBranded","MerchantCard","navigateToShop","useShopNavigation","id","handleClick","useCallback","extractBrandTheme","contextValue"],"mappings":"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"}

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

@@ -1,20 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { cn as m } from "../../lib/utils.js";
-import { Skeleton as l } from "../ui/skeleton.js";
-function i({
-  className: a,
-  variant: s = "default",
-  ...d
-}) {
-  return /* @__PURE__ */ r("div", { className: m("relative w-full", a), ...d, children: [
-    /* @__PURE__ */ e("div", { className: "aspect-square w-full overflow-hidden rounded-xl border border-gray-100", children: /* @__PURE__ */ e(l, { className: "h-full w-full" }) }),
-    s === "default" ? /* @__PURE__ */ r("div", { className: "mt-3 mb-3", children: [
-      /* @__PURE__ */ e(l, { className: "mb-2 h-4 w-2/3" }),
-      /* @__PURE__ */ e(l, { className: "mb-2 h-5 w-1/3" })
-    ] }) : null
-  ] });
-}
-export {
-  i as ProductCardSkeleton
-};
-//# sourceMappingURL=product-card-skeleton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"product-card-skeleton.js","sources":["../../../src/components/commerce/product-card-skeleton.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {cn} from '../../lib/utils'\nimport {Skeleton} from '../ui/skeleton'\n\ninterface ProductCardSkeletonProps extends React.ComponentProps<'div'> {\n  variant?: 'default' | 'priceOverlay' | 'compact'\n}\n\nfunction ProductCardSkeleton({\n  className,\n  variant = 'default',\n  ...props\n}: ProductCardSkeletonProps) {\n  return (\n    <div className={cn('relative w-full', className)} {...props}>\n      <div className=\"aspect-square w-full overflow-hidden rounded-xl border border-gray-100\">\n        <Skeleton className=\"h-full w-full\" />\n      </div>\n      {variant === 'default' ? (\n        <div className=\"mt-3 mb-3\">\n          <Skeleton className=\"mb-2 h-4 w-2/3\" />\n          <Skeleton className=\"mb-2 h-5 w-1/3\" />\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport {ProductCardSkeleton}\n"],"names":["ProductCardSkeleton","className","variant","props","jsxs","cn","jsx","Skeleton"],"mappings":";;;AASA,SAASA,EAAoB;AAAA,EAC3B,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAA6B;AAEzB,SAAA,gBAAAC,EAAC,SAAI,WAAWC,EAAG,mBAAmBJ,CAAS,GAAI,GAAGE,GACpD,UAAA;AAAA,IAAA,gBAAAG,EAAC,SAAI,WAAU,0EACb,4BAACC,GAAS,EAAA,WAAU,iBAAgB,EACtC,CAAA;AAAA,IACCL,MAAY,YACV,gBAAAE,EAAA,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAC,gBAAAE,EAAAC,GAAA,EAAS,WAAU,iBAAiB,CAAA;AAAA,MACrC,gBAAAD,EAACC,GAAS,EAAA,WAAU,iBAAiB,CAAA;AAAA,IAAA,EAAA,CACvC,IACE;AAAA,EAAA,GACN;AAEJ;"}

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

@@ -1,310 +0,0 @@
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import * as k from "react";
-import { useState as z, useCallback as C, useMemo as S, useContext as V } from "react";
-import { useShopNavigation as j } from "../../hooks/navigation/useShopNavigation.js";
-import { useSavedProductsActions as B } from "../../hooks/user/useSavedProductsActions.js";
-import { ProductReviewStars as T } from "../../internal/components/product-review-stars.js";
-import { useProductImpression as E } from "../../internal/useProductImpression.js";
-import { cn as d } from "../../lib/utils.js";
-import { formatMoney as O } from "../../utils/formatMoney.js";
-import { Image as L } from "../atoms/image.js";
-import { ProductVariantPrice as M } from "../atoms/product-variant-price.js";
-import { Touchable as q } from "../atoms/touchable.js";
-import { Badge as D } from "../ui/badge.js";
-import { FavoriteButton as G } from "./favorite-button.js";
-const b = k.createContext(void 0);
-function s() {
-  const t = V(b);
-  if (!t)
-    throw new Error(
-      "ProductCard components must be used within a ProductCard provider"
-    );
-  return t;
-}
-function H({
-  className: t,
-  ...e
-}) {
-  const { touchable: r, onClick: a } = s(), i = /* @__PURE__ */ o(
-    "div",
-    {
-      className: d(
-        "relative size-full overflow-hidden rounded-xl border-0 isolate",
-        t
-      ),
-      ...e
-    }
-  );
-  return r && a ? /* @__PURE__ */ o(
-    q,
-    {
-      onClick: a,
-      whileTap: { opacity: 0.7 },
-      transition: {
-        opacity: { type: "tween", duration: 0.08, ease: "easeInOut" }
-      },
-      children: i
-    }
-  ) : i;
-}
-function J({
-  className: t,
-  ...e
-}) {
-  const { variant: r } = s();
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      "data-slot": "product-card-image-container",
-      className: d(
-        "relative overflow-hidden rounded-xl border border-gray-200",
-        "aspect-square",
-        r === "compact" ? "min-h-[104px]" : "min-h-[134px]",
-        t
-      ),
-      ...e
-    }
-  );
-}
-function K({ className: t, ...e }) {
-  const { product: r, selectedProductVariant: a } = s(), i = a?.image || r.featuredImage, n = i?.url, u = i?.altText || r.title, c = r.featuredImage?.thumbhash, p = C(
-    (l) => c ? /* @__PURE__ */ o(
-      L,
-      {
-        "data-slot": "product-card-image",
-        src: l,
-        alt: u,
-        aspectRatio: 1,
-        thumbhash: c,
-        objectFit: "cover",
-        className: d("size-full", t),
-        ...e
-      }
-    ) : /* @__PURE__ */ o(
-      "img",
-      {
-        "data-slot": "product-card-image",
-        src: l,
-        alt: u,
-        className: d("size-full object-cover", t),
-        ...e
-      }
-    ),
-    [u, t, e, c]
-  );
-  return /* @__PURE__ */ o("div", { className: "bg-gray-100 flex items-center justify-center size-full", children: n ? p(n) : /* @__PURE__ */ o("div", { className: "text-gray-400 text-sm w-full text-center", children: "No Image" }) });
-}
-function N({
-  className: t,
-  position: e = "bottom-left",
-  variant: r,
-  children: a,
-  ...i
-}) {
-  const { badgeText: n, badgeVariant: u } = s(), c = a || n;
-  return c ? /* @__PURE__ */ o(
-    "div",
-    {
-      className: d(
-        "absolute z-10",
-        e === "top-left" ? "top-3 left-3" : "bottom-2 left-2"
-      ),
-      children: /* @__PURE__ */ o(
-        D,
-        {
-          variant: r ?? u ?? "none",
-          className: d(
-            !u && !r && "bg-black/50 text-white border-transparent",
-            "rounded",
-            t
-          ),
-          ...i,
-          children: c
-        }
-      )
-    }
-  ) : null;
-}
-function Q({
-  className: t,
-  ...e
-}) {
-  const { isFavorited: r, favoriteButtonDisabled: a, onFavoriteToggle: i } = s();
-  return a ? null : /* @__PURE__ */ o("div", { className: d("absolute bottom-3 right-3 z-10", t), ...e, children: /* @__PURE__ */ o(G, { onClick: i, filled: r }) });
-}
-function U({ className: t, ...e }) {
-  const { variant: r } = s();
-  return r !== "default" ? null : /* @__PURE__ */ o(
-    "div",
-    {
-      "data-testid": "product-card-info",
-      className: d("px-1 pt-2 pb-0 space-y-1", t),
-      ...e
-    }
-  );
-}
-function W({
-  className: t,
-  children: e,
-  ...r
-}) {
-  const { product: a } = s();
-  return /* @__PURE__ */ o(
-    "h3",
-    {
-      "data-slot": "product-card-title",
-      className: d(
-        "text-sm font-medium leading-tight text-gray-900",
-        "truncate overflow-hidden whitespace-nowrap text-ellipsis",
-        t
-      ),
-      ...r,
-      children: e || a.title
-    }
-  );
-}
-function X({
-  className: t,
-  ...e
-}) {
-  const { product: r, reviewsDisabled: a } = s(), i = r.reviewAnalytics;
-  return a || !i?.averageRating ? null : /* @__PURE__ */ o(
-    "div",
-    {
-      "data-slot": "product-card-review-stars",
-      className: d("", t),
-      ...e,
-      children: /* @__PURE__ */ o(
-        T,
-        {
-          averageRating: i.averageRating,
-          reviewCount: i.reviewCount
-        }
-      )
-    }
-  );
-}
-function Y({ className: t }) {
-  const { product: e, selectedProductVariant: r } = s(), a = r?.price || e?.price, i = r?.compareAtPrice || e?.compareAtPrice;
-  return /* @__PURE__ */ o(
-    M,
-    {
-      amount: a?.amount || "",
-      currencyCode: a?.currencyCode || "",
-      compareAtPriceAmount: i?.amount,
-      compareAtPriceCurrencyCode: i?.currencyCode,
-      className: t
-    }
-  );
-}
-function Z() {
-  const { product: t, selectedProductVariant: e, variant: r } = s();
-  if (r !== "priceOverlay") return null;
-  const a = e?.price || t.price, i = a?.currencyCode, n = a?.amount;
-  return !i || !n ? null : /* @__PURE__ */ o(N, { position: "top-left", children: O(n, i) });
-}
-function mt({
-  product: t,
-  selectedProductVariant: e,
-  variant: r = "default",
-  touchable: a = !0,
-  badgeText: i,
-  badgeVariant: n,
-  onProductClick: u,
-  onFavoriteToggled: c,
-  children: p,
-  favoriteButtonDisabled: l = !1,
-  reviewsDisabled: v = !1,
-  impressionTrackingDisabled: A = !1
-}) {
-  const { navigateToProduct: g } = j(), { saveProduct: P, unsaveProduct: y } = B(), { ref: F } = E({
-    productId: t.id,
-    skip: A
-  }), [f, x] = z(t.isFavorited), I = C(() => {
-    a && (u?.(), g({
-      productId: t.id
-    }));
-  }, [g, t.id, a, u]), w = C(async () => {
-    const m = f;
-    x(!m), c?.(!m);
-    try {
-      m ? await y({
-        productId: t.id,
-        shopId: t.shop.id,
-        productVariantId: e?.id || t.defaultVariantId
-      }) : await P({
-        productId: t.id,
-        shopId: t.shop.id,
-        productVariantId: e?.id || t.defaultVariantId
-      });
-    } catch {
-      x(m), c?.(m);
-    }
-  }, [
-    f,
-    t.id,
-    t.shop.id,
-    t.defaultVariantId,
-    e?.id,
-    P,
-    y,
-    c
-  ]), R = S(
-    () => ({
-      // Core data
-      product: t,
-      selectedProductVariant: e,
-      // UI configuration
-      variant: r,
-      touchable: a,
-      badgeText: i,
-      badgeVariant: n,
-      favoriteButtonDisabled: l,
-      reviewsDisabled: v,
-      // State
-      isFavorited: f,
-      // Actions
-      onClick: I,
-      onFavoriteToggle: w
-    }),
-    [
-      t,
-      e,
-      r,
-      a,
-      i,
-      n,
-      f,
-      I,
-      w,
-      l,
-      v
-    ]
-  );
-  return /* @__PURE__ */ o(b.Provider, { value: R, children: /* @__PURE__ */ o("div", { ref: F, children: p ?? /* @__PURE__ */ h(H, { children: [
-    /* @__PURE__ */ h(J, { children: [
-      /* @__PURE__ */ o(K, {}),
-      r === "priceOverlay" && /* @__PURE__ */ o(Z, {}),
-      /* @__PURE__ */ o(N, {}),
-      /* @__PURE__ */ o(Q, {})
-    ] }),
-    r === "default" && /* @__PURE__ */ h(U, { children: [
-      /* @__PURE__ */ o(W, {}),
-      /* @__PURE__ */ o(X, {}),
-      /* @__PURE__ */ o(Y, {})
-    ] })
-  ] }) }) });
-}
-export {
-  mt as ProductCard,
-  N as ProductCardBadge,
-  H as ProductCardContainer,
-  Q as ProductCardFavoriteButton,
-  K as ProductCardImage,
-  J as ProductCardImageContainer,
-  U as ProductCardInfo,
-  Y as ProductCardPrice,
-  X as ProductCardReviewStars,
-  W as ProductCardTitle
-};
-//# sourceMappingURL=product-card.js.map