@gfed-medusa/sf-lib-common 1.1.1 → 2.1.0

package/dist/components/breadcrumbs/index.d.ts

@@ -1,12 +1,10 @@
-import * as react0 from "react";
-import * as lucide_react0 from "lucide-react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/breadcrumbs/index.d.ts
-declare const SEPARATOR_ICONS: {
-  readonly verticalLine: react0.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react0.RefAttributes<SVGSVGElement>>;
-  readonly slash: react0.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react0.RefAttributes<SVGSVGElement>>;
-};
+declare const SEPARATOR_ICONS: Record<string, React.ComponentType<{
+  size?: number;
+  className?: string;
+}>>;
 interface BreadcrumbsProps {
   separatorIcon?: keyof typeof SEPARATOR_ICONS;
   iconSize?: number;

package/dist/components/breadcrumbs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/breadcrumbs/index.tsx"],"sourcesContent":[],"mappings":";;;;;cAiBM;+DAGI,aAAA,CAAA,WAAA;;;UAEA,gBAAA;EALJ,aAAA,CAAA,EAAA,MAGI,OAGqB,eAHrB;EAAA,QAAA,CAAA,EAAA,MAAA;;;iBAiCD,WAAA;;;;GAIN,mBAAgB,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/breadcrumbs/index.tsx"],"sourcesContent":[],"mappings":";;;cAiBM,iBAAiB,eAErB,KAAA,CAAM;;;AAyCW,CAAA,CAAA,CAAA;AA3CU,UAQnB,gBAAA,CAAgB;EA+BjB,aAAA,CAAW,EAAA,MAAA,OA9BW,eA8BX;EAClB,QAAA,CAAA,EAAA,MAAA;EACA,aAAA,CAAA,EAAA,MAAA;;iBAFO,WAAA,CAIN;EAAA,aAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAAA,gBAAA,CAAA,EAAgB,kBAAA,CAAA,GAAA,CAAA,OAAhB"}

package/dist/components/breadcrumbs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["segments: string[]"],"sources":["../../../src/components/breadcrumbs/index.tsx"],"sourcesContent":["'use client';\n\nimport { Fragment } from 'react';\n\nimport { usePathname } from 'next/navigation';\n\nimport { SlashIcon, Tally1 } from 'lucide-react';\n\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@gfed-medusa/sf-lib-ui/components/breadcrumb';\n\nconst SEPARATOR_ICONS = {\n  verticalLine: Tally1,\n  slash: SlashIcon,\n} as const;\n\ninterface BreadcrumbsProps {\n  separatorIcon?: keyof typeof SEPARATOR_ICONS;\n  iconSize?: number;\n  iconClassName?: string;\n}\n\nconst formatSegmentLabel = (segment: string): string =>\n  segment.charAt(0).toUpperCase() + segment.slice(1).replace(/-/g, ' ');\n\nconst createBreadcrumbItems = (segments: string[]) => [\n  { label: 'Home', href: '/' },\n  ...segments.map((segment, index) => ({\n    href: '/' + segments.slice(0, index + 1).join('/'),\n    label: formatSegmentLabel(segment),\n  })),\n];\n\n// Helper function to check if a string is a locale code (e.g., 'en', 'en-US')\nconst isLocaleCode = (segment: string): boolean =>\n  /^[a-zA-Z]{2}(-[a-zA-Z]{2})?$/.test(segment);\n\nconst getPathSegments = (pathname: string): string[] => {\n  const segments: string[] = pathname.split('/').filter(Boolean);\n\n  if (segments.length > 0 && isLocaleCode(segments[0] ?? '')) {\n    segments.shift();\n  }\n\n  return segments;\n};\n\nfunction Breadcrumbs({\n  iconClassName,\n  iconSize,\n  separatorIcon,\n}: BreadcrumbsProps) {\n  const pathname = usePathname();\n  const pathSegments = getPathSegments(pathname);\n  const breadcrumbItems = createBreadcrumbItems(pathSegments);\n  const SeparatorIcon = separatorIcon ? SEPARATOR_ICONS[separatorIcon] : null;\n\n  return (\n    <Breadcrumb className=\"mt-3\">\n      <BreadcrumbList className=\"lg:gap-6\">\n        {breadcrumbItems.map((item, index) => {\n          const isLast = index === breadcrumbItems.length - 1;\n\n          return (\n            <Fragment key={item.href}>\n              <BreadcrumbItem className=\"text-sm\">\n                {isLast ? (\n                  <BreadcrumbPage>{item.label}</BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink href={item.href}>{item.label}</BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n              {!isLast && (\n                <BreadcrumbSeparator>\n                  {SeparatorIcon && (\n                    <SeparatorIcon size={iconSize} className={iconClassName} />\n                  )}\n                </BreadcrumbSeparator>\n              )}\n            </Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  );\n}\n\nexport { Breadcrumbs };\n"],"mappings":";;;;;;;;;AAiBA,MAAM,kBAAkB;CACtB,cAAc;CACd,OAAO;CACR;AAQD,MAAM,sBAAsB,YAC1B,QAAQ,OAAO,EAAE,CAAC,aAAa,GAAG,QAAQ,MAAM,EAAE,CAAC,QAAQ,MAAM,IAAI;AAEvE,MAAM,yBAAyB,aAAuB,CACpD;CAAE,OAAO;CAAQ,MAAM;CAAK,EAC5B,GAAG,SAAS,KAAK,SAAS,WAAW;CACnC,MAAM,MAAM,SAAS,MAAM,GAAG,QAAQ,EAAE,CAAC,KAAK,IAAI;CAClD,OAAO,mBAAmB,QAAQ;CACnC,EAAE,CACJ;AAGD,MAAM,gBAAgB,YACpB,+BAA+B,KAAK,QAAQ;AAE9C,MAAM,mBAAmB,aAA+B;CACtD,MAAMA,WAAqB,SAAS,MAAM,IAAI,CAAC,OAAO,QAAQ;AAE9D,KAAI,SAAS,SAAS,KAAK,aAAa,SAAS,MAAM,GAAG,CACxD,UAAS,OAAO;AAGlB,QAAO;;AAGT,SAAS,YAAY,EACnB,eACA,UACA,iBACmB;CAGnB,MAAM,kBAAkB,sBADH,gBADJ,aAAa,CACgB,CACa;CAC3D,MAAM,gBAAgB,gBAAgB,gBAAgB,iBAAiB;AAEvE,QACE,oBAAC;EAAW,WAAU;YACpB,oBAAC;GAAe,WAAU;aACvB,gBAAgB,KAAK,MAAM,UAAU;IACpC,MAAM,SAAS,UAAU,gBAAgB,SAAS;AAElD,WACE,qBAAC,uBACC,oBAAC;KAAe,WAAU;eACvB,SACC,oBAAC,4BAAgB,KAAK,QAAuB,GAE7C,oBAAC;MAAe,MAAM,KAAK;gBAAO,KAAK;OAAuB;MAEjD,EAChB,CAAC,UACA,oBAAC,iCACE,iBACC,oBAAC;KAAc,MAAM;KAAU,WAAW;MAAiB,GAEzC,KAbX,KAAK,KAeT;KAEb;IACa;GACN"}
+{"version":3,"file":"index.js","names":["SEPARATOR_ICONS: Record<\n  string,\n  React.ComponentType<{ size?: number; className?: string }>\n>","segments: string[]"],"sources":["../../../src/components/breadcrumbs/index.tsx"],"sourcesContent":["'use client';\n\nimport { Fragment } from 'react';\n\nimport { usePathname } from 'next/navigation';\n\nimport { SlashIcon, Tally1 } from 'lucide-react';\n\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '@gfed-medusa/sf-lib-ui/components/breadcrumb';\n\nconst SEPARATOR_ICONS: Record<\n  string,\n  React.ComponentType<{ size?: number; className?: string }>\n> = {\n  verticalLine: Tally1,\n  slash: SlashIcon,\n};\n\ninterface BreadcrumbsProps {\n  separatorIcon?: keyof typeof SEPARATOR_ICONS;\n  iconSize?: number;\n  iconClassName?: string;\n}\n\nconst formatSegmentLabel = (segment: string): string =>\n  segment.charAt(0).toUpperCase() + segment.slice(1).replace(/-/g, ' ');\n\nconst createBreadcrumbItems = (segments: string[]) => [\n  { label: 'Home', href: '/' },\n  ...segments.map((segment, index) => ({\n    href: '/' + segments.slice(0, index + 1).join('/'),\n    label: formatSegmentLabel(segment),\n  })),\n];\n\n// Helper function to check if a string is a locale code (e.g., 'en', 'en-US')\nconst isLocaleCode = (segment: string): boolean =>\n  /^[a-zA-Z]{2}(-[a-zA-Z]{2})?$/.test(segment);\n\nconst getPathSegments = (pathname: string): string[] => {\n  const segments: string[] = pathname.split('/').filter(Boolean);\n\n  if (segments.length > 0 && isLocaleCode(segments[0] ?? '')) {\n    segments.shift();\n  }\n\n  return segments;\n};\n\nfunction Breadcrumbs({\n  iconClassName,\n  iconSize,\n  separatorIcon,\n}: BreadcrumbsProps) {\n  const pathname = usePathname();\n  const pathSegments = getPathSegments(pathname);\n  const breadcrumbItems = createBreadcrumbItems(pathSegments);\n  const SeparatorIcon = separatorIcon ? SEPARATOR_ICONS[separatorIcon] : null;\n\n  return (\n    <Breadcrumb className=\"mt-3\">\n      <BreadcrumbList className=\"lg:gap-6\">\n        {breadcrumbItems.map((item, index) => {\n          const isLast = index === breadcrumbItems.length - 1;\n\n          return (\n            <Fragment key={item.href}>\n              <BreadcrumbItem className=\"text-sm\">\n                {isLast ? (\n                  <BreadcrumbPage>{item.label}</BreadcrumbPage>\n                ) : (\n                  <BreadcrumbLink href={item.href}>{item.label}</BreadcrumbLink>\n                )}\n              </BreadcrumbItem>\n              {!isLast && (\n                <BreadcrumbSeparator>\n                  {SeparatorIcon && (\n                    <SeparatorIcon size={iconSize} className={iconClassName} />\n                  )}\n                </BreadcrumbSeparator>\n              )}\n            </Fragment>\n          );\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  );\n}\n\nexport { Breadcrumbs };\n"],"mappings":";;;;;;;;;AAiBA,MAAMA,kBAGF;CACF,cAAc;CACd,OAAO;CACR;AAQD,MAAM,sBAAsB,YAC1B,QAAQ,OAAO,EAAE,CAAC,aAAa,GAAG,QAAQ,MAAM,EAAE,CAAC,QAAQ,MAAM,IAAI;AAEvE,MAAM,yBAAyB,aAAuB,CACpD;CAAE,OAAO;CAAQ,MAAM;CAAK,EAC5B,GAAG,SAAS,KAAK,SAAS,WAAW;CACnC,MAAM,MAAM,SAAS,MAAM,GAAG,QAAQ,EAAE,CAAC,KAAK,IAAI;CAClD,OAAO,mBAAmB,QAAQ;CACnC,EAAE,CACJ;AAGD,MAAM,gBAAgB,YACpB,+BAA+B,KAAK,QAAQ;AAE9C,MAAM,mBAAmB,aAA+B;CACtD,MAAMC,WAAqB,SAAS,MAAM,IAAI,CAAC,OAAO,QAAQ;AAE9D,KAAI,SAAS,SAAS,KAAK,aAAa,SAAS,MAAM,GAAG,CACxD,UAAS,OAAO;AAGlB,QAAO;;AAGT,SAAS,YAAY,EACnB,eACA,UACA,iBACmB;CAGnB,MAAM,kBAAkB,sBADH,gBADJ,aAAa,CACgB,CACa;CAC3D,MAAM,gBAAgB,gBAAgB,gBAAgB,iBAAiB;AAEvE,QACE,oBAAC;EAAW,WAAU;YACpB,oBAAC;GAAe,WAAU;aACvB,gBAAgB,KAAK,MAAM,UAAU;IACpC,MAAM,SAAS,UAAU,gBAAgB,SAAS;AAElD,WACE,qBAAC,uBACC,oBAAC;KAAe,WAAU;eACvB,SACC,oBAAC,4BAAgB,KAAK,QAAuB,GAE7C,oBAAC;MAAe,MAAM,KAAK;gBAAO,KAAK;OAAuB;MAEjD,EAChB,CAAC,UACA,oBAAC,iCACE,iBACC,oBAAC;KAAc,MAAM;KAAU,WAAW;MAAiB,GAEzC,KAbX,KAAK,KAeT;KAEb;IACa;GACN"}

package/dist/components/cart-mismatch-banner/index.js

@@ -3,8 +3,8 @@
 import { transferCart } from "../../lib/data/customer.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "@medusajs/ui";
 import { ExclamationCircleSolid } from "@medusajs/icons";
+import { Button } from "@medusajs/ui";
 
 //#region src/components/cart-mismatch-banner/index.tsx
 function CartMismatchBanner(props) {

package/dist/components/delete-button/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/components/delete-button/index.d.ts
 declare const DeleteButton: ({
@@ -9,7 +9,7 @@ declare const DeleteButton: ({
   id: string;
   children?: React.ReactNode;
   className?: string;
-}) => react_jsx_runtime13.JSX.Element;
+}) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { DeleteButton };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/delete-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/delete-button/index.tsx"],"sourcesContent":[],"mappings":";;;cAOM;;;;;;aAMO,KAAA,CAAM;EANb,SAAA,CAAA,EAAA,MAkCL;CAlCqB,EAAA,GAQrB,mBAAA,CAAA,GAAA,CAAA,OARqB"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/delete-button/index.tsx"],"sourcesContent":[],"mappings":";;;cAOM;;;;;;aAMO,KAAA,CAAM;EANb,SAAA,CAAA,EAAA,MAkCL;CAlCqB,EAAA,GAQrB,kBAAA,CAAA,GAAA,CAAA,OARqB"}

package/dist/components/delete-button/index.js

@@ -1,8 +1,8 @@
 import { deleteLineItem } from "../../lib/data/cart.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { clx } from "@medusajs/ui";
 import { Spinner, Trash } from "@medusajs/icons";
+import { clx } from "@medusajs/ui";
 
 //#region src/components/delete-button/index.tsx
 const DeleteButton = ({ id, children, className }) => {

package/dist/components/error-message/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/components/error-message/index.d.ts
 declare const ErrorMessage: ({
@@ -7,7 +7,7 @@ declare const ErrorMessage: ({
 }: {
   error?: string | null;
   "data-testid"?: string;
-}) => react_jsx_runtime19.JSX.Element | null;
+}) => react_jsx_runtime4.JSX.Element | null;
 //#endregion
 export { ErrorMessage };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/error-message/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/error-message/index.tsx"],"sourcesContent":[],"mappings":";;;cAAM;;iBAAgB;AAMrB;;;AAAA,CAAA,EAAA,GAAA,mBAAA,CAAA,GAAA,CAAA,OAAA,GAaA,IAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/error-message/index.tsx"],"sourcesContent":[],"mappings":";;;cAAM;;iBAAgB;AAMrB;;;AAAA,CAAA,EAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,OAAA,GAaA,IAAA"}

package/dist/components/free-shipping-price-nudge/index.d.ts

@@ -1,5 +1,5 @@
 import { Cart } from "../../types/graphql.js";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 import { StoreCartShippingOption } from "@medusajs/types";
 
 //#region src/components/free-shipping-price-nudge/index.d.ts
@@ -11,7 +11,7 @@ declare function ShippingPriceNudge({
   variant?: 'popup' | 'inline';
   cart: Cart;
   shippingOptions: StoreCartShippingOption[];
-}): react_jsx_runtime20.JSX.Element | undefined;
+}): react_jsx_runtime7.JSX.Element | undefined;
 //#endregion
 export { ShippingPriceNudge };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/free-shipping-price-nudge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/free-shipping-price-nudge/index.tsx"],"sourcesContent":[],"mappings":";;;;;iBA0ES,kBAAA;;;;;;QAMD;EANC,eAAA,EAOU,uBAPQ,EAAA;CACzB,CAAA,EAOD,mBAAA,CAAA,GAAA,CAAA,OAAA,GAPC,SAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/free-shipping-price-nudge/index.tsx"],"sourcesContent":[],"mappings":";;;;;iBA0ES,kBAAA;;;;;;QAMD;EANC,eAAA,EAOU,uBAPQ,EAAA;CACzB,CAAA,EAOD,kBAAA,CAAA,GAAA,CAAA,OAAA,GAPC,SAAA"}

package/dist/components/free-shipping-price-nudge/index.js

@@ -4,8 +4,8 @@ import { convertToLocale } from "../../lib/utils/money.js";
 import { LocalizedClientLink } from "../localized-client-link/index.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Button, clx } from "@medusajs/ui";
 import { CheckCircleSolid, XMark } from "@medusajs/icons";
+import { Button, clx } from "@medusajs/ui";
 
 //#region src/components/free-shipping-price-nudge/index.tsx
 const computeTarget = (cart, price) => {
@@ -113,7 +113,7 @@ function FreeShippingInline({ cart, price }) {
 function FreeShippingPopup({ cart, price }) {
 	const [isClosed, setIsClosed] = useState(false);
 	return /* @__PURE__ */ jsxs("div", {
-		className: clx("fixed right-5 bottom-5 z-10 flex flex-col items-end gap-2 transition-all duration-500 ease-in-out", {
+		className: clx("fixed bottom-5 right-5 z-10 flex flex-col items-end gap-2 transition-all duration-500 ease-in-out", {
 			"invisible opacity-0 delay-1000": price.target_reached,
 			"invisible opacity-0": isClosed,
 			"visible opacity-100": !price.target_reached && !isClosed

package/dist/components/free-shipping-price-nudge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/free-shipping-price-nudge/index.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { CheckCircleSolid, XMark } from '@medusajs/icons';\nimport {\n  HttpTypes,\n  StoreCartShippingOption,\n  StorePrice,\n} from '@medusajs/types';\nimport { Button, clx } from '@medusajs/ui';\n\nimport { convertToLocale } from '@/lib/utils/money';\nimport { Cart } from '@/types/graphql';\nimport { StoreFreeShippingPrice } from '@/types/prices';\n\nimport { LocalizedClientLink } from '../localized-client-link';\n\nconst computeTarget = (cart: Cart, price: HttpTypes.StorePrice) => {\n  const priceRule = (price.price_rules || []).find(\n    (pr) => pr.attribute === 'item_total'\n  )!;\n\n  const currentAmount = cart.itemTotal;\n  const targetAmount = parseFloat(priceRule.value);\n\n  if (priceRule.operator === 'gt') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: currentAmount > targetAmount,\n      target_remaining:\n        currentAmount > targetAmount ? 0 : targetAmount + 1 - currentAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else if (priceRule.operator === 'gte') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: currentAmount > targetAmount,\n      target_remaining:\n        currentAmount > targetAmount ? 0 : targetAmount - currentAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else if (priceRule.operator === 'lt') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: targetAmount > currentAmount,\n      target_remaining:\n        targetAmount > currentAmount ? 0 : currentAmount + 1 - targetAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else if (priceRule.operator === 'lte') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: targetAmount > currentAmount,\n      target_remaining:\n        targetAmount > currentAmount ? 0 : currentAmount - targetAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: currentAmount === targetAmount,\n      target_remaining:\n        targetAmount > currentAmount ? 0 : targetAmount - currentAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  }\n};\n\nfunction ShippingPriceNudge({\n  variant = 'inline',\n  cart,\n  shippingOptions,\n}: {\n  variant?: 'popup' | 'inline';\n  cart: Cart;\n  shippingOptions: StoreCartShippingOption[];\n}) {\n  if (!cart || !shippingOptions?.length) {\n    return;\n  }\n\n  // Check if any shipping options have a conditional price based on item_total\n  const freeShippingPrice = shippingOptions\n    .map((shippingOption) => {\n      const calculatedPrice = shippingOption.calculated_price;\n\n      if (!calculatedPrice) {\n        return;\n      }\n\n      // Get all prices that are:\n      // 1. Currency code is same as the cart's\n      // 2. Have a rule that is set on item_total\n      const validCurrencyPrices = shippingOption.prices.filter(\n        (price) =>\n          price.currency_code === cart.currencyCode &&\n          (price.price_rules || []).some(\n            (priceRule) => priceRule.attribute === 'item_total'\n          )\n      );\n\n      return validCurrencyPrices.map((price) => {\n        return {\n          ...price,\n          shipping_option_id: shippingOption.id,\n          ...computeTarget(cart, price),\n        };\n      });\n    })\n    .flat(1)\n    .filter(Boolean)\n    // We focus here entirely on free shipping, but this can be edited to handle multiple layers\n    // of reduced shipping prices.\n    .find((price) => price?.amount === 0);\n\n  if (!freeShippingPrice) {\n    return;\n  }\n\n  if (variant === 'popup') {\n    return <FreeShippingPopup cart={cart} price={freeShippingPrice} />;\n  } else {\n    return <FreeShippingInline cart={cart} price={freeShippingPrice} />;\n  }\n}\n\nfunction FreeShippingInline({\n  cart,\n  price,\n}: {\n  cart: Cart;\n  price: StorePrice & {\n    target_reached: boolean;\n    target_remaining: number;\n    remaining_percentage: number;\n  };\n}) {\n  return (\n    <div className=\"rounded-lg border bg-neutral-100 p-2\">\n      <div className=\"space-y-1.5\">\n        <div className=\"flex justify-between text-xs text-neutral-600\">\n          <div>\n            {price.target_reached ? (\n              <div className=\"flex items-center gap-1.5\">\n                <CheckCircleSolid className=\"inline-block text-green-500\" />{' '}\n                Free Shipping unlocked!\n              </div>\n            ) : (\n              `Unlock Free Shipping`\n            )}\n          </div>\n\n          <div\n            className={clx('visible', {\n              'invisible opacity-0': price.target_reached,\n            })}\n          >\n            Only{' '}\n            <span className=\"text-neutral-950\">\n              {convertToLocale({\n                amount: price.target_remaining,\n                currency_code: cart.currencyCode,\n              })}\n            </span>{' '}\n            away\n          </div>\n        </div>\n        <div className=\"flex justify-between gap-1\">\n          <div\n            className={clx(\n              'h-1 max-w-full rounded-full bg-gradient-to-r from-zinc-400 to-zinc-500 duration-500 ease-in-out',\n              {\n                'from-green-400 to-green-500': price.target_reached,\n              }\n            )}\n            style={{ width: `${price.remaining_percentage}%` }}\n          ></div>\n          <div className=\"h-1 w-fit flex-grow rounded-full bg-neutral-300\"></div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction FreeShippingPopup({\n  cart,\n  price,\n}: {\n  cart: Cart;\n  price: StoreFreeShippingPrice;\n}) {\n  const [isClosed, setIsClosed] = useState(false);\n\n  return (\n    <div\n      className={clx(\n        'fixed right-5 bottom-5 z-10 flex flex-col items-end gap-2 transition-all duration-500 ease-in-out',\n        {\n          'invisible opacity-0 delay-1000': price.target_reached,\n          'invisible opacity-0': isClosed,\n          'visible opacity-100': !price.target_reached && !isClosed,\n        }\n      )}\n    >\n      <div>\n        <Button\n          className=\"rounded-full border-none bg-neutral-900 p-2 text-[15px] shadow-none outline-none\"\n          onClick={() => setIsClosed(true)}\n        >\n          <XMark />\n        </Button>\n      </div>\n\n      <div className=\"w-[400px] rounded-lg bg-black p-6 text-white\">\n        <div className=\"pb-4\">\n          <div className=\"space-y-3\">\n            <div className=\"flex justify-between text-[15px] text-neutral-400\">\n              <div>\n                {price.target_reached ? (\n                  <div className=\"flex items-center gap-1.5\">\n                    <CheckCircleSolid className=\"inline-block text-green-500\" />{' '}\n                    Free Shipping unlocked!\n                  </div>\n                ) : (\n                  `Unlock Free Shipping`\n                )}\n              </div>\n\n              <div\n                className={clx('visible', {\n                  'invisible opacity-0': price.target_reached,\n                })}\n              >\n                Only{' '}\n                <span className=\"text-white\">\n                  {convertToLocale({\n                    amount: price.target_remaining,\n                    currency_code: cart.currencyCode,\n                  })}\n                </span>{' '}\n                away\n              </div>\n            </div>\n            <div className=\"flex justify-between gap-1\">\n              <div\n                className={clx(\n                  'h-1.5 max-w-full rounded-full bg-gradient-to-r from-zinc-400 to-zinc-500 duration-500 ease-in-out',\n                  {\n                    'from-green-400 to-green-500': price.target_reached,\n                  }\n                )}\n                style={{ width: `${price.remaining_percentage}%` }}\n              ></div>\n              <div className=\"h-1.5 w-fit flex-grow rounded-full bg-zinc-600\"></div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"flex gap-3\">\n          <LocalizedClientLink\n            className=\"rounded-2xl border-[1px] border-white bg-transparent px-4 py-2.5 text-[15px] shadow-none outline-none\"\n            href=\"/cart\"\n          >\n            View cart\n          </LocalizedClientLink>\n\n          <LocalizedClientLink\n            className=\"flex-grow rounded-2xl border-[1px] border-white bg-white px-4 py-2.5 text-center text-[15px] text-neutral-950 shadow-none outline-none\"\n            href=\"/store\"\n          >\n            View products\n          </LocalizedClientLink>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport { ShippingPriceNudge };\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/free-shipping-price-nudge/index.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { CheckCircleSolid, XMark } from '@medusajs/icons';\nimport {\n  HttpTypes,\n  StoreCartShippingOption,\n  StorePrice,\n} from '@medusajs/types';\nimport { Button, clx } from '@medusajs/ui';\n\nimport { convertToLocale } from '@/lib/utils/money';\nimport { Cart } from '@/types/graphql';\nimport { StoreFreeShippingPrice } from '@/types/prices';\n\nimport { LocalizedClientLink } from '../localized-client-link';\n\nconst computeTarget = (cart: Cart, price: HttpTypes.StorePrice) => {\n  const priceRule = (price.price_rules || []).find(\n    (pr) => pr.attribute === 'item_total'\n  )!;\n\n  const currentAmount = cart.itemTotal;\n  const targetAmount = parseFloat(priceRule.value);\n\n  if (priceRule.operator === 'gt') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: currentAmount > targetAmount,\n      target_remaining:\n        currentAmount > targetAmount ? 0 : targetAmount + 1 - currentAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else if (priceRule.operator === 'gte') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: currentAmount > targetAmount,\n      target_remaining:\n        currentAmount > targetAmount ? 0 : targetAmount - currentAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else if (priceRule.operator === 'lt') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: targetAmount > currentAmount,\n      target_remaining:\n        targetAmount > currentAmount ? 0 : currentAmount + 1 - targetAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else if (priceRule.operator === 'lte') {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: targetAmount > currentAmount,\n      target_remaining:\n        targetAmount > currentAmount ? 0 : currentAmount - targetAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  } else {\n    return {\n      current_amount: currentAmount,\n      target_amount: targetAmount,\n      target_reached: currentAmount === targetAmount,\n      target_remaining:\n        targetAmount > currentAmount ? 0 : targetAmount - currentAmount,\n      remaining_percentage: (currentAmount / targetAmount) * 100,\n    };\n  }\n};\n\nfunction ShippingPriceNudge({\n  variant = 'inline',\n  cart,\n  shippingOptions,\n}: {\n  variant?: 'popup' | 'inline';\n  cart: Cart;\n  shippingOptions: StoreCartShippingOption[];\n}) {\n  if (!cart || !shippingOptions?.length) {\n    return;\n  }\n\n  // Check if any shipping options have a conditional price based on item_total\n  const freeShippingPrice = shippingOptions\n    .map((shippingOption) => {\n      const calculatedPrice = shippingOption.calculated_price;\n\n      if (!calculatedPrice) {\n        return;\n      }\n\n      // Get all prices that are:\n      // 1. Currency code is same as the cart's\n      // 2. Have a rule that is set on item_total\n      const validCurrencyPrices = shippingOption.prices.filter(\n        (price) =>\n          price.currency_code === cart.currencyCode &&\n          (price.price_rules || []).some(\n            (priceRule) => priceRule.attribute === 'item_total'\n          )\n      );\n\n      return validCurrencyPrices.map((price) => {\n        return {\n          ...price,\n          shipping_option_id: shippingOption.id,\n          ...computeTarget(cart, price),\n        };\n      });\n    })\n    .flat(1)\n    .filter(Boolean)\n    // We focus here entirely on free shipping, but this can be edited to handle multiple layers\n    // of reduced shipping prices.\n    .find((price) => price?.amount === 0);\n\n  if (!freeShippingPrice) {\n    return;\n  }\n\n  if (variant === 'popup') {\n    return <FreeShippingPopup cart={cart} price={freeShippingPrice} />;\n  } else {\n    return <FreeShippingInline cart={cart} price={freeShippingPrice} />;\n  }\n}\n\nfunction FreeShippingInline({\n  cart,\n  price,\n}: {\n  cart: Cart;\n  price: StorePrice & {\n    target_reached: boolean;\n    target_remaining: number;\n    remaining_percentage: number;\n  };\n}) {\n  return (\n    <div className=\"rounded-lg border bg-neutral-100 p-2\">\n      <div className=\"space-y-1.5\">\n        <div className=\"flex justify-between text-xs text-neutral-600\">\n          <div>\n            {price.target_reached ? (\n              <div className=\"flex items-center gap-1.5\">\n                <CheckCircleSolid className=\"inline-block text-green-500\" />{' '}\n                Free Shipping unlocked!\n              </div>\n            ) : (\n              `Unlock Free Shipping`\n            )}\n          </div>\n\n          <div\n            className={clx('visible', {\n              'invisible opacity-0': price.target_reached,\n            })}\n          >\n            Only{' '}\n            <span className=\"text-neutral-950\">\n              {convertToLocale({\n                amount: price.target_remaining,\n                currency_code: cart.currencyCode,\n              })}\n            </span>{' '}\n            away\n          </div>\n        </div>\n        <div className=\"flex justify-between gap-1\">\n          <div\n            className={clx(\n              'h-1 max-w-full rounded-full bg-gradient-to-r from-zinc-400 to-zinc-500 duration-500 ease-in-out',\n              {\n                'from-green-400 to-green-500': price.target_reached,\n              }\n            )}\n            style={{ width: `${price.remaining_percentage}%` }}\n          ></div>\n          <div className=\"h-1 w-fit flex-grow rounded-full bg-neutral-300\"></div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction FreeShippingPopup({\n  cart,\n  price,\n}: {\n  cart: Cart;\n  price: StoreFreeShippingPrice;\n}) {\n  const [isClosed, setIsClosed] = useState(false);\n\n  return (\n    <div\n      className={clx(\n        'fixed bottom-5 right-5 z-10 flex flex-col items-end gap-2 transition-all duration-500 ease-in-out',\n        {\n          'invisible opacity-0 delay-1000': price.target_reached,\n          'invisible opacity-0': isClosed,\n          'visible opacity-100': !price.target_reached && !isClosed,\n        }\n      )}\n    >\n      <div>\n        <Button\n          className=\"rounded-full border-none bg-neutral-900 p-2 text-[15px] shadow-none outline-none\"\n          onClick={() => setIsClosed(true)}\n        >\n          <XMark />\n        </Button>\n      </div>\n\n      <div className=\"w-[400px] rounded-lg bg-black p-6 text-white\">\n        <div className=\"pb-4\">\n          <div className=\"space-y-3\">\n            <div className=\"flex justify-between text-[15px] text-neutral-400\">\n              <div>\n                {price.target_reached ? (\n                  <div className=\"flex items-center gap-1.5\">\n                    <CheckCircleSolid className=\"inline-block text-green-500\" />{' '}\n                    Free Shipping unlocked!\n                  </div>\n                ) : (\n                  `Unlock Free Shipping`\n                )}\n              </div>\n\n              <div\n                className={clx('visible', {\n                  'invisible opacity-0': price.target_reached,\n                })}\n              >\n                Only{' '}\n                <span className=\"text-white\">\n                  {convertToLocale({\n                    amount: price.target_remaining,\n                    currency_code: cart.currencyCode,\n                  })}\n                </span>{' '}\n                away\n              </div>\n            </div>\n            <div className=\"flex justify-between gap-1\">\n              <div\n                className={clx(\n                  'h-1.5 max-w-full rounded-full bg-gradient-to-r from-zinc-400 to-zinc-500 duration-500 ease-in-out',\n                  {\n                    'from-green-400 to-green-500': price.target_reached,\n                  }\n                )}\n                style={{ width: `${price.remaining_percentage}%` }}\n              ></div>\n              <div className=\"h-1.5 w-fit flex-grow rounded-full bg-zinc-600\"></div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"flex gap-3\">\n          <LocalizedClientLink\n            className=\"rounded-2xl border-[1px] border-white bg-transparent px-4 py-2.5 text-[15px] shadow-none outline-none\"\n            href=\"/cart\"\n          >\n            View cart\n          </LocalizedClientLink>\n\n          <LocalizedClientLink\n            className=\"flex-grow rounded-2xl border-[1px] border-white bg-white px-4 py-2.5 text-center text-[15px] text-neutral-950 shadow-none outline-none\"\n            href=\"/store\"\n          >\n            View products\n          </LocalizedClientLink>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport { ShippingPriceNudge };\n"],"mappings":"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"}

package/dist/components/interactive-link/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/interactive-link/index.d.ts
 type InteractiveLinkProps = {
@@ -11,7 +11,7 @@ declare const InteractiveLink: ({
   children,
   onClick,
   ...props
-}: InteractiveLinkProps) => react_jsx_runtime18.JSX.Element;
+}: InteractiveLinkProps) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { InteractiveLink };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/interactive-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/interactive-link/index.tsx"],"sourcesContent":[],"mappings":";;;KAKK,oBAAA;;aAEQ,KAAA,CAAM;EAFd,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;AAEuB,CAAA;cAItB,eAAmB,EAAA,CAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAKtB,oBALsB,EAAA,GAKF,mBAAA,CAAA,GAAA,CAAA,OALE"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/interactive-link/index.tsx"],"sourcesContent":[],"mappings":";;;KAKK,oBAAA;;aAEQ,KAAA,CAAM;EAFd,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;AAEuB,CAAA;cAItB,eAAmB,EAAA,CAAA;EAAA,IAAA;EAAA,QAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAKtB,oBALsB,EAAA,GAKF,kBAAA,CAAA,GAAA,CAAA,OALE"}

package/dist/components/interactive-link/index.js

@@ -1,7 +1,7 @@
 import { LocalizedClientLink } from "../localized-client-link/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Text } from "@medusajs/ui";
 import { ArrowUpRightMini } from "@medusajs/icons";
+import { Text } from "@medusajs/ui";
 
 //#region src/components/interactive-link/index.tsx
 const InteractiveLink = ({ href, children, onClick, ...props }) => {

package/dist/components/line-item-options/index.d.ts

@@ -1,5 +1,5 @@
 import { Maybe, ProductVariant } from "../../types/graphql.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/components/line-item-options/index.d.ts
 type LineItemOptionsProps = {
@@ -11,7 +11,7 @@ declare const LineItemOptions: ({
   variant,
   "data-testid": dataTestid,
   "data-value": dataValue
-}: LineItemOptionsProps) => react_jsx_runtime6.JSX.Element;
+}: LineItemOptionsProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { LineItemOptions };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/line-item-options/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/line-item-options/index.tsx"],"sourcesContent":[],"mappings":";;;;KAIK,oBAAA;YACO,MAAM;;EADb,YAAA,CAAA,EAGY,KAHZ,CAGkB,cAHE,CAAA;CACP;cAKZ,eALM,EAAA,CAAA;EAAA,OAAA;EAAA,aAAA,EAKa,UALb;EAAA,YAAA,EAKa;AALb,CAAA,EAST,oBATS,EAAA,GASW,kBAAA,CAAA,GAAA,CAAA,OATX"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/line-item-options/index.tsx"],"sourcesContent":[],"mappings":";;;;KAIK,oBAAA;YACO,MAAM;;EADb,YAAA,CAAA,EAGY,KAHZ,CAGkB,cAHE,CAAA;CACP;cAKZ,eALM,EAAA,CAAA;EAAA,OAAA;EAAA,aAAA,EAKa,UALb;EAAA,YAAA,EAKa;AALb,CAAA,EAST,oBATS,EAAA,GASW,mBAAA,CAAA,GAAA,CAAA,OATX"}

package/dist/components/line-item-price/index.d.ts

@@ -1,5 +1,5 @@
 import { LineItem } from "../../types/graphql.js";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/components/line-item-price/index.d.ts
 type LineItemPriceProps = {
@@ -11,7 +11,7 @@ declare const LineItemPrice: ({
   item,
   style,
   currencyCode
-}: LineItemPriceProps) => react_jsx_runtime9.JSX.Element;
+}: LineItemPriceProps) => react_jsx_runtime14.JSX.Element;
 //#endregion
 export { LineItemPrice };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/line-item-price/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/line-item-price/index.tsx"],"sourcesContent":[],"mappings":";;;;KAMK,kBAAA;QACG;;EADH,YAAA,EAAA,MAAA;AACW,CAAA;cAKV,aAAiB,EAAA,CAAA;EAAA,IAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAIpB,kBAJoB,EAAA,GAIF,kBAAA,CAAA,GAAA,CAAA,OAJE"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/line-item-price/index.tsx"],"sourcesContent":[],"mappings":";;;;KAMK,kBAAA;QACG;;EADH,YAAA,EAAA,MAAA;AACW,CAAA;cAKV,aAAiB,EAAA,CAAA;EAAA,IAAA;EAAA,KAAA;EAAA;AAAA,CAAA,EAIpB,kBAJoB,EAAA,GAIF,mBAAA,CAAA,GAAA,CAAA,OAJE"}

package/dist/components/localized-client-link/index.d.ts

@@ -1,24 +1,17 @@
-import React from "react";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import { AnchorHTMLAttributes, DetailedHTMLProps } from "react";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/localized-client-link/index.d.ts
-
+type LocalizedClientLinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
 /**
- * Use this component to create a Next.js `<Link />` that persists the current country code in the url,
+ * Use this component to create an anchor link that persists the current country code in the url,
  * without having to explicitly pass it as a prop.
  */
 declare const LocalizedClientLink: ({
   children,
   href,
   ...props
-}: {
-  children?: React.ReactNode;
-  href: string;
-  className?: string;
-  onClick?: () => void;
-  passHref?: true;
-  [x: string]: any;
-}) => react_jsx_runtime14.JSX.Element;
+}: LocalizedClientLinkProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { LocalizedClientLink };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/localized-client-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/localized-client-link/index.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAE0B;cASpB,mBAAuB,EAAA,CAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;CAAA,EAAA;EAAA,QAAA,CAAA,EAKhB,KAAA,CAAM,SALU;EAKhB,IAAM,EAAA,MAAA;EAMlB,SAAA,CAAA,EAAA,MAAA;EAQA,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA;;;MARA,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/localized-client-link/index.tsx"],"sourcesContent":[],"mappings":";;;;KAEK,wBAAA,GAA2B,kBAC9B,qBAAqB,oBACrB;;;AAJ8D;;cAW1D,mBARJ,EAAA,CAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAYC,wBAZD,EAAA,GAYyB,mBAAA,CAAA,GAAA,CAAA,OAZzB"}

package/dist/components/localized-client-link/index.js

@@ -1,19 +1,13 @@
-'use client';
-
-import React from "react";
-import { useParams } from "next/navigation";
 import { jsx } from "react/jsx-runtime";
-import Link from "next/link";
 
 //#region src/components/localized-client-link/index.tsx
 /**
-* Use this component to create a Next.js `<Link />` that persists the current country code in the url,
+* Use this component to create an anchor link that persists the current country code in the url,
 * without having to explicitly pass it as a prop.
 */
 const LocalizedClientLink = ({ children, href, ...props }) => {
-	const { countryCode } = useParams();
-	return /* @__PURE__ */ jsx(Link, {
-		href: `/${countryCode}${href}`,
+	return /* @__PURE__ */ jsx("a", {
+		href: `/dk${href}`,
 		...props,
 		children
 	});

package/dist/components/localized-client-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/localized-client-link/index.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport Link from 'next/link';\nimport { useParams } from 'next/navigation';\n\n/**\n * Use this component to create a Next.js `<Link />` that persists the current country code in the url,\n * without having to explicitly pass it as a prop.\n */\nconst LocalizedClientLink = ({\n  children,\n  href,\n  ...props\n}: {\n  children?: React.ReactNode;\n  href: string;\n  className?: string;\n  onClick?: () => void;\n  passHref?: true;\n  [x: string]: any;\n}) => {\n  const { countryCode } = useParams();\n\n  return (\n    <Link href={`/${countryCode}${href}`} {...props}>\n      {children}\n    </Link>\n  );\n};\n\nexport { LocalizedClientLink };\n"],"mappings":";;;;;;;;;;;;AAWA,MAAM,uBAAuB,EAC3B,UACA,MACA,GAAG,YAQC;CACJ,MAAM,EAAE,gBAAgB,WAAW;AAEnC,QACE,oBAAC;EAAK,MAAM,IAAI,cAAc;EAAQ,GAAI;EACvC;GACI"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/localized-client-link/index.tsx"],"sourcesContent":["import { AnchorHTMLAttributes, DetailedHTMLProps } from 'react';\n\ntype LocalizedClientLinkProps = DetailedHTMLProps<\n  AnchorHTMLAttributes<HTMLAnchorElement>,\n  HTMLAnchorElement\n>;\n\n/**\n * Use this component to create an anchor link that persists the current country code in the url,\n * without having to explicitly pass it as a prop.\n */\nconst LocalizedClientLink = ({\n  children,\n  href,\n  ...props\n}: LocalizedClientLinkProps) => {\n  return (\n    <a href={`/dk${href}`} {...props}>\n      {children}\n    </a>\n  );\n};\n\nexport { LocalizedClientLink };\n"],"mappings":";;;;;;;AAWA,MAAM,uBAAuB,EAC3B,UACA,MACA,GAAG,YAC2B;AAC9B,QACE,oBAAC;EAAE,MAAM,MAAM;EAAQ,GAAI;EACxB;GACC"}

package/dist/components/modal/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/components/modal/index.d.ts
 type ModalProps = {
@@ -20,7 +20,7 @@ declare const Modal: {
     children,
     "data-testid": dataTestId,
     "aria-label": ariaLabel
-  }: ModalProps): react_jsx_runtime7.JSX.Element;
+  }: ModalProps): react_jsx_runtime11.JSX.Element;
   Title: React.FC<{
     children: React.ReactNode;
   }>;

package/dist/components/modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/modal/index.tsx"],"sourcesContent":[],"mappings":";;;;KAQK,UAAA;;;EAAA,IAAA,CAAA,EAAA,OAAU,GAAA,QAKH,GAAA,OAAM;EAKZ,MAAA,CAAA,EAqEL,OAAA;YA1EW,KAAA,CAAM;;;;cAKZ;;;;;;;;;KAQH,aAAU,kBAAA,CAAA,GAAA,CAAA;;IAAV,QAAA,EA+D+B,KAAA,CAAM,SA/DrC;EAAU,CAAA,CAAA;EA+DqB,WAAM,UAAA,CAAA;cAeA,KAAA,CAAM;EAAN,CAAA,CAAA;;IAQD,QAAA,EAAN,KAAA,CAAM,SAAA;;EAIJ,MAAM,UAAA,CAAA;cAAN,KAAA,CAAM"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/modal/index.tsx"],"sourcesContent":[],"mappings":";;;;KAQK,UAAA;;;EAAA,IAAA,CAAA,EAAA,OAAU,GAAA,QAAA,GAKH,OAAM;EAKZ,MAAA,CAAA,EAqEL,OAAA;YA1EW,KAAA,CAAM;;;;cAKZ;;;;;;;;;KAQH,aAAU,mBAAA,CAAA,GAAA,CAAA;;IAAV,QAAA,EA+D+B,KAAA,CAAM,SA/DrC;EAAU,CAAA,CAAA;EA+DqB,WAAM,UAAA,CAAA;cAeA,KAAA,CAAM;EAAN,CAAA,CAAA;;IAQD,QAAA,EAAN,KAAA,CAAM,SAAA;;EAIJ,MAAM,UAAA,CAAA;cAAN,KAAA,CAAM"}

package/dist/components/modal/index.js

@@ -1,9 +1,9 @@
 import { ModalProvider, useModal } from "../../lib/context/modal-context.js";
 import React, { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Dialog, Transition } from "@headlessui/react";
 import { clx } from "@medusajs/ui";
 import { X } from "@gfed-medusa/sf-lib-ui/icons/x";
+import { Dialog, Transition } from "@headlessui/react";
 
 //#region src/components/modal/index.tsx
 const Modal = ({ isOpen, close, size = "medium", search = false, children, "data-testid": dataTestId, "aria-label": ariaLabel }) => {

package/dist/components/preview-price/index.d.ts

@@ -1,12 +1,12 @@
 import { VariantPrice } from "../../types/prices.js";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/preview-price/index.d.ts
 declare function PreviewPrice({
   price
 }: {
   price: VariantPrice;
-}): react_jsx_runtime11.JSX.Element | null;
+}): react_jsx_runtime12.JSX.Element | null;
 //#endregion
 export { PreviewPrice };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/product-card/index.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
@@ -59,7 +59,7 @@ declare function ProductCard({
   variant,
   size,
   className
-}: ProductCardProps): react_jsx_runtime16.JSX.Element;
+}: ProductCardProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { ProductCard };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/product-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-card/index.tsx"],"sourcesContent":[],"mappings":";;;;;cAaM;;;IAoBL,+BAAA,CAAA;AA5BiE,UA8BxD,KAAA,CAtBJ;EAsBI,OAAA,EAAK,MAAA;EAKL,GAAA,CAAA,EAAA,MAAO;AAYH;UAZJ,OAAA,CAe6C;EAC5C,EAAA,EAAA,MAAA;EADwB,KAAA,EAAA;IAAY,GAAA,EAAA,MAAA;IAuC/B,GAAA,CAAA,EAAA,MAAW;EACzB,CAAA;EACA,QAAA,CAAA,EAAA;IACA,QAAA,EAAA,MAAA;IACA,MAAA,EAAA,MAAA;EACA,CAAA;EACA,KAAA,EAAA,MAAA;EACA,IAAA,CAAA,EAAA,MAAA;EACC,KAAA,EAlDM,KAkDN;;UA/CO,gBAAA,SAAyB,YA+ChB,CAAA,OA/CoC,mBA+CpC,CAAA,CAAA;WA9CR;;;;;;;;;;;;;;;;;;;;;;;;;iBAsCK,WAAA;;;;;;;;GAQb,mBAAgB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-card/index.tsx"],"sourcesContent":[],"mappings":";;;;;cAYM;;;IAoBL,+BAAA,CAAA;AA5BiE,UA8BxD,KAAA,CAtBJ;EAsBI,OAAA,EAAK,MAAA;EAKL,GAAA,CAAA,EAAA,MAAO;AAYH;UAZJ,OAAA,CAe6C;EAC5C,EAAA,EAAA,MAAA;EADwB,KAAA,EAAA;IAAY,GAAA,EAAA,MAAA;IAuC/B,GAAA,CAAA,EAAA,MAAW;EACzB,CAAA;EACA,QAAA,CAAA,EAAA;IACA,QAAA,EAAA,MAAA;IACA,MAAA,EAAA,MAAA;EACA,CAAA;EACA,KAAA,EAAA,MAAA;EACA,IAAA,CAAA,EAAA,MAAA;EACC,KAAA,EAlDM,KAkDN;;UA/CO,gBAAA,SAAyB,YA+ChB,CAAA,OA/CoC,mBA+CpC,CAAA,CAAA;WA9CR;;;;;;;;;;;;;;;;;;;;;;;;;iBAsCK,WAAA;;;;;;;;GAQb,mBAAgB,kBAAA,CAAA,GAAA,CAAA"}

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

@@ -1,14 +1,13 @@
 'use client';
 
 import { jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
 import Image from "next/image";
-import { cn } from "@gfed-medusa/sf-lib-ui/lib/utils";
 import { cva } from "class-variance-authority";
 import { Badge } from "@gfed-medusa/sf-lib-ui/components/badge";
 import { Button } from "@gfed-medusa/sf-lib-ui/components/button";
 import { RatingCount } from "@gfed-medusa/sf-lib-ui/components/rating-count";
 import { VariantSelector } from "@gfed-medusa/sf-lib-ui/components/variant-selector";
+import { cn } from "@gfed-medusa/sf-lib-ui/lib/utils";
 
 //#region src/components/product-card/index.tsx
 const productCardVariants = cva("rounded-2xl border overflow-hidden transition", {
@@ -60,7 +59,7 @@ function ProductCard({ product, rating, badge, variants, variant, size, classNam
 					className: "flex items-center justify-between",
 					children: [/* @__PURE__ */ jsx("h3", {
 						className: "truncate text-base font-medium",
-						children: product.href ? /* @__PURE__ */ jsx(Link, {
+						children: product.href ? /* @__PURE__ */ jsx("a", {
 							href: product.href,
 							className: "hover:underline",
 							children: product.title
@@ -100,7 +99,7 @@ function ProductCard({ product, rating, badge, variants, variant, size, classNam
 				children: [
 					/* @__PURE__ */ jsx("h3", {
 						className: "truncate text-base font-medium",
-						children: product.href ? /* @__PURE__ */ jsx(Link, {
+						children: product.href ? /* @__PURE__ */ jsx("a", {
 							href: product.href,
 							className: "hover:underline",
 							children: product.title

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/product-card/index.tsx"],"sourcesContent":["'use client';\n\nimport Image from 'next/image';\nimport Link from 'next/link';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nimport { Badge } from '@gfed-medusa/sf-lib-ui/components/badge';\nimport { Button } from '@gfed-medusa/sf-lib-ui/components/button';\nimport { RatingCount } from '@gfed-medusa/sf-lib-ui/components/rating-count';\nimport { VariantSelector } from '@gfed-medusa/sf-lib-ui/components/variant-selector';\nimport { cn } from '@gfed-medusa/sf-lib-ui/lib/utils';\n\nconst productCardVariants = cva(\n  'rounded-2xl border overflow-hidden transition',\n  {\n    variants: {\n      variant: {\n        default: 'flex flex-col shadow-sm hover:shadow-md',\n        withAddToCart: 'flex flex-col shadow-sm hover:shadow-md',\n        minimal: 'flex flex-col hover:shadow hover:border-muted-foreground/30',\n      },\n      size: {\n        sm: 'w-48',\n        md: 'w-64',\n        lg: 'w-80',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\ninterface Price {\n  current: string;\n  old?: string;\n}\n\ninterface Product {\n  id: string;\n  image: {\n    src: string;\n    alt?: string;\n  };\n  localize?: {\n    currency: string;\n    locale: string;\n  };\n  title: string;\n  href?: string;\n  price: Price;\n}\n\ninterface ProductCardProps extends VariantProps<typeof productCardVariants> {\n  product: Product;\n  rating?: {\n    average: number;\n    count?: number;\n  };\n  badge?: {\n    label: string;\n    variant?: 'default' | 'sale' | 'new' | 'limited';\n  };\n  variants?: {\n    options: {\n      value: string;\n      label?: string;\n      imageSrc?: string;\n      color?: string;\n    }[];\n    value: string;\n    onChange: (value: string) => void;\n  };\n  quantity?: {\n    value: number;\n    onChange: (value: number) => void;\n  };\n  className?: string;\n}\n\nconst formatPrice = (price: Price, locale = 'en-GB', currency = 'GBP') => {\n  const formatter = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency,\n  });\n\n  return {\n    currentPrice: formatter.format(Number(price.current)),\n    oldPrice: price.old ? formatter.format(Number(price.old)) : undefined,\n  };\n};\n\nexport function ProductCard({\n  product,\n  rating,\n  badge,\n  variants,\n  variant,\n  size,\n  className,\n}: ProductCardProps) {\n  const { currentPrice, oldPrice } = formatPrice(\n    product.price,\n    product.localize?.locale,\n    product.localize?.currency\n  );\n\n  switch (variant) {\n    case 'minimal':\n      return (\n        <div\n          className={cn(\n            productCardVariants({ variant, size }),\n            'w-60 overflow-hidden rounded-2xl border p-0 shadow-sm'\n          )}\n        >\n          <div className=\"h-72 w-full overflow-hidden\">\n            {/* eslint-disable-next-line @next/next/no-img-element -- needed for minimal variant */}\n            <img\n              src={product.image.src}\n              alt={product.image.alt ?? product.title}\n              className=\"h-full w-full object-cover\"\n            />\n          </div>\n\n          <div className=\"flex flex-col gap-1 p-3\">\n            <div className=\"flex items-center justify-between\">\n              <h3 className=\"truncate text-base font-medium\">\n                {product.href ? (\n                  <Link href={product.href} className=\"hover:underline\">\n                    {product.title}\n                  </Link>\n                ) : (\n                  product.title\n                )}\n              </h3>\n              <p className=\"mt-0 text-lg font-semibold text-gray-900\">\n                {currentPrice}\n              </p>\n            </div>\n            <p className=\"text-xs text-gray-500\">7 colors</p>\n          </div>\n        </div>\n      );\n    default:\n      return (\n        <div className={cn(productCardVariants({ variant, size }), className)}>\n          {/* Image */}\n          <div className=\"relative\">\n            <Image\n              src={product.image.src || '/assets/images/missing-img.webp'}\n              alt={product.image.alt ?? product.title}\n              width={500}\n              height={500}\n              className={cn('w-full object-cover')}\n            />\n            {badge && (\n              <div className=\"absolute left-2 top-2\">\n                <Badge variant=\"default\">{badge.label}</Badge>\n              </div>\n            )}\n          </div>\n\n          {/* Content */}\n          <div className=\"flex flex-col gap-2 p-3\">\n            <h3 className=\"truncate text-base font-medium\">\n              {product.href ? (\n                <Link href={product.href} className=\"hover:underline\">\n                  {product.title}\n                </Link>\n              ) : (\n                product.title\n              )}\n            </h3>\n\n            {/* Price */}\n            <div className=\"flex items-center gap-2\">\n              <p className=\"text-lg font-semibold\">{currentPrice}</p>\n              {oldPrice && (\n                <p className=\"text-muted-foreground text-sm line-through\">\n                  {oldPrice}\n                </p>\n              )}\n            </div>\n\n            {/* Rating */}\n            {rating !== undefined && (\n              <div\n                data-testid=\"product-card-rating\"\n                className=\"flex items-center gap-2\"\n              >\n                <RatingCount\n                  average={rating.average}\n                  ratingCount={rating.count}\n                />\n              </div>\n            )}\n\n            {/* Variant Selector */}\n            {variants && (\n              <VariantSelector\n                options={variants.options}\n                value={variants.value ?? ''}\n                onChange={variants.onChange}\n                type=\"color\"\n              />\n            )}\n\n            {/* Add to Cart button */}\n            {variant === 'withAddToCart' && (\n              <Button variant=\"default\" className=\"w-full cursor-pointer\">\n                Add to Cart\n              </Button>\n            )}\n          </div>\n        </div>\n      );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,sBAAsB,IAC1B,iDACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,eAAe;GACf,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAiDD,MAAM,eAAe,OAAc,SAAS,SAAS,WAAW,UAAU;CACxE,MAAM,YAAY,IAAI,KAAK,aAAa,QAAQ;EAC9C,OAAO;EACP;EACD,CAAC;AAEF,QAAO;EACL,cAAc,UAAU,OAAO,OAAO,MAAM,QAAQ,CAAC;EACrD,UAAU,MAAM,MAAM,UAAU,OAAO,OAAO,MAAM,IAAI,CAAC,GAAG;EAC7D;;AAGH,SAAgB,YAAY,EAC1B,SACA,QACA,OACA,UACA,SACA,MACA,aACmB;CACnB,MAAM,EAAE,cAAc,aAAa,YACjC,QAAQ,OACR,QAAQ,UAAU,QAClB,QAAQ,UAAU,SACnB;AAED,SAAQ,SAAR;EACE,KAAK,UACH,QACE,qBAAC;GACC,WAAW,GACT,oBAAoB;IAAE;IAAS;IAAM,CAAC,EACtC,wDACD;cAED,oBAAC;IAAI,WAAU;cAEb,oBAAC;KACC,KAAK,QAAQ,MAAM;KACnB,KAAK,QAAQ,MAAM,OAAO,QAAQ;KAClC,WAAU;MACV;KACE,EAEN,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAG,WAAU;gBACX,QAAQ,OACP,oBAAC;OAAK,MAAM,QAAQ;OAAM,WAAU;iBACjC,QAAQ;QACJ,GAEP,QAAQ;OAEP,EACL,oBAAC;MAAE,WAAU;gBACV;OACC;MACA,EACN,oBAAC;KAAE,WAAU;eAAwB;MAAY;KAC7C;IACF;EAEV,QACE,QACE,qBAAC;GAAI,WAAW,GAAG,oBAAoB;IAAE;IAAS;IAAM,CAAC,EAAE,UAAU;cAEnE,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,KAAK,QAAQ,MAAM,OAAO;KAC1B,KAAK,QAAQ,MAAM,OAAO,QAAQ;KAClC,OAAO;KACP,QAAQ;KACR,WAAW,GAAG,sBAAsB;MACpC,EACD,SACC,oBAAC;KAAI,WAAU;eACb,oBAAC;MAAM,SAAQ;gBAAW,MAAM;OAAc;MAC1C;KAEJ,EAGN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBACX,QAAQ,OACP,oBAAC;OAAK,MAAM,QAAQ;OAAM,WAAU;iBACjC,QAAQ;QACJ,GAEP,QAAQ;OAEP;KAGL,qBAAC;MAAI,WAAU;iBACb,oBAAC;OAAE,WAAU;iBAAyB;QAAiB,EACtD,YACC,oBAAC;OAAE,WAAU;iBACV;QACC;OAEF;KAGL,WAAW,UACV,oBAAC;MACC,eAAY;MACZ,WAAU;gBAEV,oBAAC;OACC,SAAS,OAAO;OAChB,aAAa,OAAO;QACpB;OACE;KAIP,YACC,oBAAC;MACC,SAAS,SAAS;MAClB,OAAO,SAAS,SAAS;MACzB,UAAU,SAAS;MACnB,MAAK;OACL;KAIH,YAAY,mBACX,oBAAC;MAAO,SAAQ;MAAU,WAAU;gBAAwB;OAEnD;;KAEP;IACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/product-card/index.tsx"],"sourcesContent":["'use client';\n\nimport Image from 'next/image';\n\nimport { type VariantProps, cva } from 'class-variance-authority';\n\nimport { Badge } from '@gfed-medusa/sf-lib-ui/components/badge';\nimport { Button } from '@gfed-medusa/sf-lib-ui/components/button';\nimport { RatingCount } from '@gfed-medusa/sf-lib-ui/components/rating-count';\nimport { VariantSelector } from '@gfed-medusa/sf-lib-ui/components/variant-selector';\nimport { cn } from '@gfed-medusa/sf-lib-ui/lib/utils';\n\nconst productCardVariants = cva(\n  'rounded-2xl border overflow-hidden transition',\n  {\n    variants: {\n      variant: {\n        default: 'flex flex-col shadow-sm hover:shadow-md',\n        withAddToCart: 'flex flex-col shadow-sm hover:shadow-md',\n        minimal: 'flex flex-col hover:shadow hover:border-muted-foreground/30',\n      },\n      size: {\n        sm: 'w-48',\n        md: 'w-64',\n        lg: 'w-80',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\ninterface Price {\n  current: string;\n  old?: string;\n}\n\ninterface Product {\n  id: string;\n  image: {\n    src: string;\n    alt?: string;\n  };\n  localize?: {\n    currency: string;\n    locale: string;\n  };\n  title: string;\n  href?: string;\n  price: Price;\n}\n\ninterface ProductCardProps extends VariantProps<typeof productCardVariants> {\n  product: Product;\n  rating?: {\n    average: number;\n    count?: number;\n  };\n  badge?: {\n    label: string;\n    variant?: 'default' | 'sale' | 'new' | 'limited';\n  };\n  variants?: {\n    options: {\n      value: string;\n      label?: string;\n      imageSrc?: string;\n      color?: string;\n    }[];\n    value: string;\n    onChange: (value: string) => void;\n  };\n  quantity?: {\n    value: number;\n    onChange: (value: number) => void;\n  };\n  className?: string;\n}\n\nconst formatPrice = (price: Price, locale = 'en-GB', currency = 'GBP') => {\n  const formatter = new Intl.NumberFormat(locale, {\n    style: 'currency',\n    currency,\n  });\n\n  return {\n    currentPrice: formatter.format(Number(price.current)),\n    oldPrice: price.old ? formatter.format(Number(price.old)) : undefined,\n  };\n};\n\nexport function ProductCard({\n  product,\n  rating,\n  badge,\n  variants,\n  variant,\n  size,\n  className,\n}: ProductCardProps) {\n  const { currentPrice, oldPrice } = formatPrice(\n    product.price,\n    product.localize?.locale,\n    product.localize?.currency\n  );\n\n  switch (variant) {\n    case 'minimal':\n      return (\n        <div\n          className={cn(\n            productCardVariants({ variant, size }),\n            'w-60 overflow-hidden rounded-2xl border p-0 shadow-sm'\n          )}\n        >\n          <div className=\"h-72 w-full overflow-hidden\">\n            {/* eslint-disable-next-line @next/next/no-img-element -- needed for minimal variant */}\n            <img\n              src={product.image.src}\n              alt={product.image.alt ?? product.title}\n              className=\"h-full w-full object-cover\"\n            />\n          </div>\n\n          <div className=\"flex flex-col gap-1 p-3\">\n            <div className=\"flex items-center justify-between\">\n              <h3 className=\"truncate text-base font-medium\">\n                {product.href ? (\n                  <a href={product.href} className=\"hover:underline\">\n                    {product.title}\n                  </a>\n                ) : (\n                  product.title\n                )}\n              </h3>\n              <p className=\"mt-0 text-lg font-semibold text-gray-900\">\n                {currentPrice}\n              </p>\n            </div>\n            <p className=\"text-xs text-gray-500\">7 colors</p>\n          </div>\n        </div>\n      );\n    default:\n      return (\n        <div className={cn(productCardVariants({ variant, size }), className)}>\n          {/* Image */}\n          <div className=\"relative\">\n            <Image\n              src={product.image.src || '/assets/images/missing-img.webp'}\n              alt={product.image.alt ?? product.title}\n              width={500}\n              height={500}\n              className={cn('w-full object-cover')}\n            />\n            {badge && (\n              <div className=\"absolute left-2 top-2\">\n                <Badge variant=\"default\">{badge.label}</Badge>\n              </div>\n            )}\n          </div>\n\n          {/* Content */}\n          <div className=\"flex flex-col gap-2 p-3\">\n            <h3 className=\"truncate text-base font-medium\">\n              {product.href ? (\n                <a href={product.href} className=\"hover:underline\">\n                  {product.title}\n                </a>\n              ) : (\n                product.title\n              )}\n            </h3>\n\n            {/* Price */}\n            <div className=\"flex items-center gap-2\">\n              <p className=\"text-lg font-semibold\">{currentPrice}</p>\n              {oldPrice && (\n                <p className=\"text-muted-foreground text-sm line-through\">\n                  {oldPrice}\n                </p>\n              )}\n            </div>\n\n            {/* Rating */}\n            {rating !== undefined && (\n              <div\n                data-testid=\"product-card-rating\"\n                className=\"flex items-center gap-2\"\n              >\n                <RatingCount\n                  average={rating.average}\n                  ratingCount={rating.count}\n                />\n              </div>\n            )}\n\n            {/* Variant Selector */}\n            {variants && (\n              <VariantSelector\n                options={variants.options}\n                value={variants.value ?? ''}\n                onChange={variants.onChange}\n                type=\"color\"\n              />\n            )}\n\n            {/* Add to Cart button */}\n            {variant === 'withAddToCart' && (\n              <Button variant=\"default\" className=\"w-full cursor-pointer\">\n                Add to Cart\n              </Button>\n            )}\n          </div>\n        </div>\n      );\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,sBAAsB,IAC1B,iDACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,eAAe;GACf,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CACF;AAiDD,MAAM,eAAe,OAAc,SAAS,SAAS,WAAW,UAAU;CACxE,MAAM,YAAY,IAAI,KAAK,aAAa,QAAQ;EAC9C,OAAO;EACP;EACD,CAAC;AAEF,QAAO;EACL,cAAc,UAAU,OAAO,OAAO,MAAM,QAAQ,CAAC;EACrD,UAAU,MAAM,MAAM,UAAU,OAAO,OAAO,MAAM,IAAI,CAAC,GAAG;EAC7D;;AAGH,SAAgB,YAAY,EAC1B,SACA,QACA,OACA,UACA,SACA,MACA,aACmB;CACnB,MAAM,EAAE,cAAc,aAAa,YACjC,QAAQ,OACR,QAAQ,UAAU,QAClB,QAAQ,UAAU,SACnB;AAED,SAAQ,SAAR;EACE,KAAK,UACH,QACE,qBAAC;GACC,WAAW,GACT,oBAAoB;IAAE;IAAS;IAAM,CAAC,EACtC,wDACD;cAED,oBAAC;IAAI,WAAU;cAEb,oBAAC;KACC,KAAK,QAAQ,MAAM;KACnB,KAAK,QAAQ,MAAM,OAAO,QAAQ;KAClC,WAAU;MACV;KACE,EAEN,qBAAC;IAAI,WAAU;eACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAG,WAAU;gBACX,QAAQ,OACP,oBAAC;OAAE,MAAM,QAAQ;OAAM,WAAU;iBAC9B,QAAQ;QACP,GAEJ,QAAQ;OAEP,EACL,oBAAC;MAAE,WAAU;gBACV;OACC;MACA,EACN,oBAAC;KAAE,WAAU;eAAwB;MAAY;KAC7C;IACF;EAEV,QACE,QACE,qBAAC;GAAI,WAAW,GAAG,oBAAoB;IAAE;IAAS;IAAM,CAAC,EAAE,UAAU;cAEnE,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,KAAK,QAAQ,MAAM,OAAO;KAC1B,KAAK,QAAQ,MAAM,OAAO,QAAQ;KAClC,OAAO;KACP,QAAQ;KACR,WAAW,GAAG,sBAAsB;MACpC,EACD,SACC,oBAAC;KAAI,WAAU;eACb,oBAAC;MAAM,SAAQ;gBAAW,MAAM;OAAc;MAC1C;KAEJ,EAGN,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAG,WAAU;gBACX,QAAQ,OACP,oBAAC;OAAE,MAAM,QAAQ;OAAM,WAAU;iBAC9B,QAAQ;QACP,GAEJ,QAAQ;OAEP;KAGL,qBAAC;MAAI,WAAU;iBACb,oBAAC;OAAE,WAAU;iBAAyB;QAAiB,EACtD,YACC,oBAAC;OAAE,WAAU;iBACV;QACC;OAEF;KAGL,WAAW,UACV,oBAAC;MACC,eAAY;MACZ,WAAU;gBAEV,oBAAC;OACC,SAAS,OAAO;OAChB,aAAa,OAAO;QACpB;OACE;KAIP,YACC,oBAAC;MACC,SAAS,SAAS;MAClB,OAAO,SAAS,SAAS;MACzB,UAAU,SAAS;MACnB,MAAK;OACL;KAIH,YAAY,mBACX,oBAAC;MAAO,SAAQ;MAAU,WAAU;gBAAwB;OAEnD;;KAEP;IACF"}

package/dist/components/product-preview/index.d.ts

@@ -1,5 +1,5 @@
 import { Product } from "../../types/graphql.js";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/product-preview/index.d.ts
 type ProductPreviewProps = {
@@ -9,7 +9,7 @@ type ProductPreviewProps = {
 declare function ProductPreview({
   product,
   isFeatured
-}: ProductPreviewProps): react_jsx_runtime17.JSX.Element;
+}: ProductPreviewProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ProductPreview, ProductPreviewProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/product-preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-preview/index.tsx"],"sourcesContent":[],"mappings":";;;;KASY,mBAAA;WACD;;AADX,CAAA;AAGE,iBAEO,cAAA,CAAc;EAAA,OAAA;EAAA;AAAA,CAAA,EAA0B,mBAA1B,CAAA,EAA6C,mBAAA,CAAA,GAAA,CAAA,OAA7C"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/product-preview/index.tsx"],"sourcesContent":[],"mappings":";;;;KASY,mBAAA;WACD;;AADX,CAAA;AAGE,iBAEO,cAAA,CAAc;EAAA,OAAA;EAAA;AAAA,CAAA,EAA0B,mBAA1B,CAAA,EAA6C,kBAAA,CAAA,GAAA,CAAA,OAA7C"}

package/dist/components/product-preview/index.js

@@ -1,7 +1,7 @@
 import { LocalizedClientLink } from "../localized-client-link/index.js";
-import { Thumbnail } from "../thumbnail/index.js";
 import { PreviewPrice } from "../preview-price/index.js";
 import { getProductPrice } from "../../lib/utils/get-product-price.js";
+import { Thumbnail } from "../thumbnail/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Text } from "@medusajs/ui";
 

package/dist/components/submit-button/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/submit-button/index.d.ts
 declare function SubmitButton({
@@ -14,7 +14,7 @@ declare function SubmitButton({
   className?: string;
   'data-testid'?: string;
   isLoading?: boolean;
-}): react_jsx_runtime4.JSX.Element;
+}): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { SubmitButton };
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/context/apollo-context.d.ts

@@ -1,10 +1,10 @@
 import { PropsWithChildren } from "react";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/lib/context/apollo-context.d.ts
 declare function ApolloClientProvider({
   children
-}: PropsWithChildren): react_jsx_runtime22.JSX.Element;
+}: PropsWithChildren): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { ApolloClientProvider };
 //# sourceMappingURL=apollo-context.d.ts.map

package/dist/lib/context/apollo-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apollo-context.d.ts","names":[],"sources":["../../../src/lib/context/apollo-context.tsx"],"sourcesContent":[],"mappings":";;;;iBAQS,oBAAA;;GAAmC,oBAAiB,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"apollo-context.d.ts","names":[],"sources":["../../../src/lib/context/apollo-context.tsx"],"sourcesContent":[],"mappings":";;;;iBAQS,oBAAA;;GAAmC,oBAAiB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/lib/context/modal-context.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/lib/context/modal-context.d.ts
 interface ModalContext {
@@ -13,7 +13,7 @@ interface ModalProviderProps {
 declare const ModalProvider: ({
   children,
   close
-}: ModalProviderProps) => react_jsx_runtime12.JSX.Element;
+}: ModalProviderProps) => react_jsx_runtime9.JSX.Element;
 declare const useModal: () => ModalContext;
 //#endregion
 export { ModalProvider, useModal };