@gfed-medusa/sf-lib-common 1.0.0

package/dist/components/nav/index.js

@@ -0,0 +1,85 @@
+import "../../medusa-C1jfAM1B.js";
+import "../../apollo-client-BuznVAE4.js";
+import "../../product-Cgtch-vz.js";
+import "../../cart-p3ffQQ5R.js";
+import "../../cart-XQIczSA1.js";
+import "../../cart-D99u8SUJ.js";
+import "../../cookies-DANAjt8U.js";
+import { n as listRegions } from "../../regions-CF6DH579.js";
+import "../../cart-CLJvIUQC.js";
+import "../../delete-button-Bfog7z-I.js";
+import "../../line-item-options-B3rbud31.js";
+import "../../line-item-price-BBlC_T8m.js";
+import { t as LocalizedClientLink } from "../../localized-client-link-C3mE37Ub.js";
+import "../../thumbnail-CXIliWAD.js";
+import "../../cart-dropdown-_ZpvhX--.js";
+import { t as CartButton } from "../../cart-button-NgoZb9LI.js";
+import "../../product-DMWvgZkb.js";
+import "../../layout-country-select-DrwpoVMM.js";
+import "../../modal-context-D-ugwFUM.js";
+import "../../modal-C-crvjtF.js";
+import "../../search-CKhI5RO4.js";
+import "../../use-search-BTEnFlC0.js";
+import { t as SearchModal } from "../../search-modal-D1tgUDXQ.js";
+import { t as SideMenu } from "../../side-menu-ByDXpZJO.js";
+import { Suspense } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/nav/index.tsx
+async function Nav() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "group sticky inset-x-0 top-0 z-50",
+		children: /* @__PURE__ */ jsx("header", {
+			className: "border-ui-border-base relative mx-auto h-16 border-b bg-white duration-200",
+			children: /* @__PURE__ */ jsxs("nav", {
+				className: "content-container text-small-regular txt-xsmall-plus text-ui-fg-subtle flex h-full w-full items-center justify-between",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "flex h-full flex-1 basis-0 items-center",
+						children: /* @__PURE__ */ jsx("div", {
+							className: "h-full",
+							children: /* @__PURE__ */ jsx(SideMenu, { regions: await listRegions().then((regions) => regions) })
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "flex h-full items-center",
+						children: /* @__PURE__ */ jsx(LocalizedClientLink, {
+							href: "/",
+							className: "txt-compact-xlarge-plus hover:text-ui-fg-base uppercase",
+							"data-testid": "nav-store-link",
+							children: "Medusa Store"
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex h-full flex-1 basis-0 items-center justify-end gap-x-6",
+						children: [
+							/* @__PURE__ */ jsx(SearchModal, {}),
+							/* @__PURE__ */ jsx("div", {
+								className: "small:flex hidden h-full items-center gap-x-6",
+								children: /* @__PURE__ */ jsx(LocalizedClientLink, {
+									className: "hover:text-ui-fg-base",
+									href: "/account",
+									"data-testid": "nav-account-link",
+									children: "Account"
+								})
+							}),
+							/* @__PURE__ */ jsx(Suspense, {
+								fallback: /* @__PURE__ */ jsx(LocalizedClientLink, {
+									className: "hover:text-ui-fg-base flex gap-2",
+									href: "/cart",
+									"data-testid": "nav-cart-link",
+									children: "Cart (0)"
+								}),
+								children: /* @__PURE__ */ jsx(CartButton, {})
+							})
+						]
+					})
+				]
+			})
+		})
+	});
+}
+
+//#endregion
+export { Nav };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import { Suspense } from 'react';\n\nimport { listRegions } from '@/lib/data/regions';\nimport { Region } from '@/types/graphql';\n\nimport { CartButton } from '../cart-button';\nimport { LocalizedClientLink } from '../localized-client-link';\nimport { SearchModal } from '../search-modal';\nimport { SideMenu } from '../side-menu';\n\nasync function Nav() {\n  const regions = await listRegions().then((regions: Region[]) => regions);\n\n  return (\n    <div className=\"group sticky inset-x-0 top-0 z-50\">\n      <header className=\"border-ui-border-base relative mx-auto h-16 border-b bg-white duration-200\">\n        <nav className=\"content-container text-small-regular txt-xsmall-plus text-ui-fg-subtle flex h-full w-full items-center justify-between\">\n          <div className=\"flex h-full flex-1 basis-0 items-center\">\n            <div className=\"h-full\">\n              <SideMenu regions={regions} />\n            </div>\n          </div>\n\n          <div className=\"flex h-full items-center\">\n            <LocalizedClientLink\n              href=\"/\"\n              className=\"txt-compact-xlarge-plus hover:text-ui-fg-base uppercase\"\n              data-testid=\"nav-store-link\"\n            >\n              Medusa Store\n            </LocalizedClientLink>\n          </div>\n\n          <div className=\"flex h-full flex-1 basis-0 items-center justify-end gap-x-6\">\n            <SearchModal />\n            <div className=\"small:flex hidden h-full items-center gap-x-6\">\n              <LocalizedClientLink\n                className=\"hover:text-ui-fg-base\"\n                href=\"/account\"\n                data-testid=\"nav-account-link\"\n              >\n                Account\n              </LocalizedClientLink>\n            </div>\n            <Suspense\n              fallback={\n                <LocalizedClientLink\n                  className=\"hover:text-ui-fg-base flex gap-2\"\n                  href=\"/cart\"\n                  data-testid=\"nav-cart-link\"\n                >\n                  Cart (0)\n                </LocalizedClientLink>\n              }\n            >\n              <CartButton />\n            </Suspense>\n          </div>\n        </nav>\n      </header>\n    </div>\n  );\n}\n\nexport { Nav };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,eAAe,MAAM;AAGnB,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAO,WAAU;aAChB,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAI,WAAU;gBACb,oBAAC;OAAI,WAAU;iBACb,oBAAC,YAAS,SARN,MAAM,aAAa,CAAC,MAAM,YAAsB,QAAQ,GAQ9B;QAC1B;OACF;KAEN,oBAAC;MAAI,WAAU;gBACb,oBAAC;OACC,MAAK;OACL,WAAU;OACV,eAAY;iBACb;QAEqB;OAClB;KAEN,qBAAC;MAAI,WAAU;;OACb,oBAAC,gBAAc;OACf,oBAAC;QAAI,WAAU;kBACb,oBAAC;SACC,WAAU;SACV,MAAK;SACL,eAAY;mBACb;UAEqB;SAClB;OACN,oBAAC;QACC,UACE,oBAAC;SACC,WAAU;SACV,MAAK;SACL,eAAY;mBACb;UAEqB;kBAGxB,oBAAC,eAAa;SACL;;OACP;;KACF;IACC;GACL"}

package/dist/components/portable-text/index.d.ts

@@ -0,0 +1,13 @@
+import { ar as RichTextBlock } from "../../graphql-BWZPPI_N.js";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
+
+//#region src/components/portable-text/index.d.ts
+type PortableTextProps = {
+  value: RichTextBlock[];
+};
+declare const PortableText: ({
+  value
+}: PortableTextProps) => react_jsx_runtime18.JSX.Element | null;
+//#endregion
+export { PortableText };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/portable-text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/portable-text/index.tsx"],"sourcesContent":[],"mappings":";;;;KAkCK,iBAAA;SACI;;AAHgB,cAMnB,YAJgB,EAAA,CAAA;EAAA;AACA,CAAb,EAGwB,iBAHX,EAAA,GAG4B,mBAAA,CAAA,GAAA,CAAA,OAAA,GAH5B,IAAA"}

package/dist/components/portable-text/index.js

@@ -0,0 +1,3 @@
+import { t as PortableText } from "../../portable-text-DSWXgovn.js";
+
+export { PortableText };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/preview-price/index.tsx"],"sourcesContent":[],"mappings":";;;;iBAIS,YAAA;;;SAAiC;IAAc,mBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,3 @@
+import { t as PreviewPrice } from "../../preview-price-D_GqXrT4.js";
+
+export { PreviewPrice };

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

@@ -0,0 +1,65 @@
+import * as react_jsx_runtime12 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/product-card/index.d.ts
+declare const productCardVariants: (props?: ({
+  variant?: "default" | "withAddToCart" | "minimal" | null | undefined;
+  size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string;
+interface Price {
+  current: string;
+  old?: string;
+}
+interface Product {
+  id: string;
+  image: {
+    src: string;
+    alt?: string;
+  };
+  localize?: {
+    currency: string;
+    locale: string;
+  };
+  title: string;
+  href?: string;
+  price: Price;
+}
+interface ProductCardProps extends VariantProps<typeof productCardVariants> {
+  product: Product;
+  rating?: {
+    average: number;
+    count?: number;
+  };
+  badge?: {
+    label: string;
+    variant?: 'default' | 'sale' | 'new' | 'limited';
+  };
+  variants?: {
+    options: {
+      value: string;
+      label?: string;
+      imageSrc?: string;
+      color?: string;
+    }[];
+    value: string;
+    onChange: (value: string) => void;
+  };
+  quantity?: {
+    value: number;
+    onChange: (value: number) => void;
+  };
+  className?: string;
+}
+declare function ProductCard({
+  product,
+  rating,
+  badge,
+  variants,
+  variant,
+  size,
+  className
+}: ProductCardProps): react_jsx_runtime12.JSX.Element;
+//#endregion
+export { ProductCard };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,146 @@
+'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";
+
+//#region src/components/product-card/index.tsx
+const productCardVariants = cva("rounded-2xl border overflow-hidden transition", {
+	variants: {
+		variant: {
+			default: "flex flex-col shadow-sm hover:shadow-md",
+			withAddToCart: "flex flex-col shadow-sm hover:shadow-md",
+			minimal: "flex flex-col hover:shadow hover:border-muted-foreground/30"
+		},
+		size: {
+			sm: "w-48",
+			md: "w-64",
+			lg: "w-80"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+const formatPrice = (price, locale = "en-GB", currency = "GBP") => {
+	const formatter = new Intl.NumberFormat(locale, {
+		style: "currency",
+		currency
+	});
+	return {
+		currentPrice: formatter.format(Number(price.current)),
+		oldPrice: price.old ? formatter.format(Number(price.old)) : void 0
+	};
+};
+function ProductCard({ product, rating, badge, variants, variant, size, className }) {
+	const { currentPrice, oldPrice } = formatPrice(product.price, product.localize?.locale, product.localize?.currency);
+	switch (variant) {
+		case "minimal": return /* @__PURE__ */ jsxs("div", {
+			className: cn(productCardVariants({
+				variant,
+				size
+			}), "w-60 overflow-hidden rounded-2xl border p-0 shadow-sm"),
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "h-72 w-full overflow-hidden",
+				children: /* @__PURE__ */ jsx("img", {
+					src: product.image.src,
+					alt: product.image.alt ?? product.title,
+					className: "h-full w-full object-cover"
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1 p-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ jsx("h3", {
+						className: "truncate text-base font-medium",
+						children: product.href ? /* @__PURE__ */ jsx(Link, {
+							href: product.href,
+							className: "hover:underline",
+							children: product.title
+						}) : product.title
+					}), /* @__PURE__ */ jsx("p", {
+						className: "mt-0 text-lg font-semibold text-gray-900",
+						children: currentPrice
+					})]
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-xs text-gray-500",
+					children: "7 colors"
+				})]
+			})]
+		});
+		default: return /* @__PURE__ */ jsxs("div", {
+			className: cn(productCardVariants({
+				variant,
+				size
+			}), className),
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ jsx(Image, {
+					src: product.image.src || "/assets/images/missing-img.webp",
+					alt: product.image.alt ?? product.title,
+					width: 500,
+					height: 500,
+					className: cn("w-full object-cover")
+				}), badge && /* @__PURE__ */ jsx("div", {
+					className: "absolute left-2 top-2",
+					children: /* @__PURE__ */ jsx(Badge, {
+						variant: "default",
+						children: badge.label
+					})
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-2 p-3",
+				children: [
+					/* @__PURE__ */ jsx("h3", {
+						className: "truncate text-base font-medium",
+						children: product.href ? /* @__PURE__ */ jsx(Link, {
+							href: product.href,
+							className: "hover:underline",
+							children: product.title
+						}) : product.title
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "text-lg font-semibold",
+							children: currentPrice
+						}), oldPrice && /* @__PURE__ */ jsx("p", {
+							className: "text-muted-foreground text-sm line-through",
+							children: oldPrice
+						})]
+					}),
+					rating !== void 0 && /* @__PURE__ */ jsx("div", {
+						"data-testid": "product-card-rating",
+						className: "flex items-center gap-2",
+						children: /* @__PURE__ */ jsx(RatingCount, {
+							average: rating.average,
+							ratingCount: rating.count
+						})
+					}),
+					variants && /* @__PURE__ */ jsx(VariantSelector, {
+						options: variants.options,
+						value: variants.value ?? "",
+						onChange: variants.onChange,
+						type: "color"
+					}),
+					variant === "withAddToCart" && /* @__PURE__ */ jsx(Button, {
+						variant: "default",
+						className: "w-full cursor-pointer",
+						children: "Add to Cart"
+					})
+				]
+			})]
+		});
+	}
+}
+
+//#endregion
+export { ProductCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,15 @@
+import { gn as Product } from "../../graphql-BWZPPI_N.js";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
+
+//#region src/components/product-preview/index.d.ts
+type ProductPreviewProps = {
+  product: Product;
+  isFeatured?: boolean;
+};
+declare function ProductPreview({
+  product,
+  isFeatured
+}: ProductPreviewProps): react_jsx_runtime14.JSX.Element;
+//#endregion
+export { ProductPreview, ProductPreviewProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,38 @@
+import { t as LocalizedClientLink } from "../../localized-client-link-C3mE37Ub.js";
+import { t as Thumbnail } from "../../thumbnail-CXIliWAD.js";
+import { t as PreviewPrice } from "../../preview-price-D_GqXrT4.js";
+import { n as getProductPrice } from "../../get-product-price-DxBbPmOZ.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Text } from "@medusajs/ui";
+
+//#region src/components/product-preview/index.tsx
+function ProductPreview({ product, isFeatured }) {
+	const { cheapestPrice } = getProductPrice({ product });
+	return /* @__PURE__ */ jsx(LocalizedClientLink, {
+		href: `/products/${product.handle}`,
+		className: "group",
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-testid": "product-wrapper",
+			children: [/* @__PURE__ */ jsx(Thumbnail, {
+				thumbnail: product.thumbnail,
+				images: product.images,
+				size: "full",
+				isFeatured
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "txt-compact-medium mt-4 flex justify-between",
+				children: [/* @__PURE__ */ jsx(Text, {
+					className: "text-ui-fg-subtle",
+					"data-testid": "product-title",
+					children: product.title
+				}), /* @__PURE__ */ jsx("div", {
+					className: "flex items-center gap-x-2",
+					children: cheapestPrice && /* @__PURE__ */ jsx(PreviewPrice, { price: cheapestPrice })
+				})]
+			})]
+		})
+	});
+}
+
+//#endregion
+export { ProductPreview };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/product-preview/index.tsx"],"sourcesContent":["import { Text } from '@medusajs/ui';\n\nimport { getProductPrice } from '@/lib/utils/get-product-price';\nimport { Product } from '@/types/graphql';\n\nimport { LocalizedClientLink } from '../localized-client-link';\nimport { PreviewPrice } from '../preview-price';\nimport { Thumbnail } from '../thumbnail';\n\nexport type ProductPreviewProps = {\n  product: Product;\n  isFeatured?: boolean;\n};\n\nfunction ProductPreview({ product, isFeatured }: ProductPreviewProps) {\n  const { cheapestPrice } = getProductPrice({\n    product,\n  });\n\n  return (\n    <LocalizedClientLink href={`/products/${product.handle}`} className=\"group\">\n      <div data-testid=\"product-wrapper\">\n        <Thumbnail\n          thumbnail={product.thumbnail}\n          images={product.images}\n          size=\"full\"\n          isFeatured={isFeatured}\n        />\n        <div className=\"txt-compact-medium mt-4 flex justify-between\">\n          <Text className=\"text-ui-fg-subtle\" data-testid=\"product-title\">\n            {product.title}\n          </Text>\n          <div className=\"flex items-center gap-x-2\">\n            {cheapestPrice && <PreviewPrice price={cheapestPrice} />}\n          </div>\n        </div>\n      </div>\n    </LocalizedClientLink>\n  );\n}\n\nexport { ProductPreview };\n"],"mappings":";;;;;;;;AAcA,SAAS,eAAe,EAAE,SAAS,cAAmC;CACpE,MAAM,EAAE,kBAAkB,gBAAgB,EACxC,SACD,CAAC;AAEF,QACE,oBAAC;EAAoB,MAAM,aAAa,QAAQ;EAAU,WAAU;YAClE,qBAAC;GAAI,eAAY;cACf,oBAAC;IACC,WAAW,QAAQ;IACnB,QAAQ,QAAQ;IAChB,MAAK;IACO;KACZ,EACF,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAK,WAAU;KAAoB,eAAY;eAC7C,QAAQ;MACJ,EACP,oBAAC;KAAI,WAAU;eACZ,iBAAiB,oBAAC,gBAAa,OAAO,gBAAiB;MACpD;KACF;IACF;GACc"}

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

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime11 from "react/jsx-runtime";
+
+//#region src/components/search-modal/index.d.ts
+type SearchModalProps = {
+  buttonClassName?: string;
+};
+declare function SearchModal({
+  buttonClassName
+}: SearchModalProps): react_jsx_runtime11.JSX.Element;
+//#endregion
+export { SearchModal };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/search-modal/index.tsx"],"sourcesContent":[],"mappings":";;;KAmBK,gBAAA;;;AAIqD,iBAAjD,WAAA,CAJY;EAAA;AAAA,CAAA,EAIqB,gBAJrB,CAAA,EAIqC,mBAAA,CAAA,GAAA,CAAA,OAJrC"}

package/dist/components/search-modal/index.js

@@ -0,0 +1,12 @@
+'use client';
+
+import "../../apollo-client-BuznVAE4.js";
+import "../../product-Cgtch-vz.js";
+import "../../product-DMWvgZkb.js";
+import "../../modal-context-D-ugwFUM.js";
+import "../../modal-C-crvjtF.js";
+import "../../search-CKhI5RO4.js";
+import "../../use-search-BTEnFlC0.js";
+import { t as SearchModal } from "../../search-modal-D1tgUDXQ.js";
+
+export { SearchModal };

package/dist/components/side-menu/index.d.ts

@@ -0,0 +1,12 @@
+import { tr as Region } from "../../graphql-BWZPPI_N.js";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+
+//#region src/components/side-menu/index.d.ts
+declare const SideMenu: ({
+  regions
+}: {
+  regions: Region[] | null;
+}) => react_jsx_runtime16.JSX.Element;
+//#endregion
+export { SideMenu };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/side-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/side-menu/index.tsx"],"sourcesContent":[],"mappings":";;;;cAoBM;;;WAAoC;MAAiB,mBAAA,CAAA,GAAA,CAAA"}

package/dist/components/side-menu/index.js

@@ -0,0 +1,16 @@
+'use client';
+
+import "../../medusa-C1jfAM1B.js";
+import "../../apollo-client-BuznVAE4.js";
+import "../../product-Cgtch-vz.js";
+import "../../cart-p3ffQQ5R.js";
+import "../../cart-XQIczSA1.js";
+import "../../cart-D99u8SUJ.js";
+import "../../cookies-DANAjt8U.js";
+import "../../regions-CF6DH579.js";
+import "../../cart-CLJvIUQC.js";
+import "../../localized-client-link-C3mE37Ub.js";
+import "../../layout-country-select-DrwpoVMM.js";
+import { t as SideMenu } from "../../side-menu-ByDXpZJO.js";
+
+export { SideMenu };

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

@@ -0,0 +1,20 @@
+import React from "react";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
+
+//#region src/components/submit-button/index.d.ts
+declare function SubmitButton({
+  children,
+  variant,
+  className,
+  'data-testid': dataTestId,
+  isLoading
+}: {
+  children: React.ReactNode;
+  variant?: 'primary' | 'secondary' | 'transparent' | 'danger' | null;
+  className?: string;
+  'data-testid'?: string;
+  isLoading?: boolean;
+}): react_jsx_runtime15.JSX.Element;
+//#endregion
+export { SubmitButton };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/submit-button/index.tsx"],"sourcesContent":[],"mappings":";;;;iBAQS,YAAA;;;;iBAIQ;;;YAGL,KAAA,CAAM;;EAPT,SAAA,CAAA,EAAA,MAAY;EACnB,aAAA,CAAA,EAAA,MAAA;EACA,SAAA,CAAA,EAAA,OAAA;CACA,CAAA,EASD,mBAAA,CAAA,GAAA,CAAA,OATC"}

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

@@ -0,0 +1,24 @@
+'use client';
+
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@medusajs/ui";
+import { useFormStatus } from "react-dom";
+
+//#region src/components/submit-button/index.tsx
+function SubmitButton({ children, variant = "primary", className, "data-testid": dataTestId, isLoading }) {
+	const { pending } = useFormStatus();
+	return /* @__PURE__ */ jsx(Button, {
+		size: "large",
+		className,
+		type: "submit",
+		isLoading: isLoading ?? pending,
+		variant: variant || "primary",
+		"data-testid": dataTestId,
+		children
+	});
+}
+
+//#endregion
+export { SubmitButton };
+//# sourceMappingURL=index.js.map

package/dist/components/submit-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/submit-button/index.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { useFormStatus } from 'react-dom';\n\nimport { Button } from '@medusajs/ui';\n\nfunction SubmitButton({\n  children,\n  variant = 'primary',\n  className,\n  'data-testid': dataTestId,\n  isLoading, // this prop is needed to override `pending` from useFormStatus due to the ff unresolved issue: https://github.com/facebook/react/issues/30368\n}: {\n  children: React.ReactNode;\n  variant?: 'primary' | 'secondary' | 'transparent' | 'danger' | null;\n  className?: string;\n  'data-testid'?: string;\n  isLoading?: boolean;\n}) {\n  const { pending } = useFormStatus();\n\n  return (\n    <Button\n      size=\"large\"\n      className={className}\n      type=\"submit\"\n      isLoading={isLoading ?? pending}\n      variant={variant || 'primary'}\n      data-testid={dataTestId}\n    >\n      {children}\n    </Button>\n  );\n}\n\nexport { SubmitButton };\n"],"mappings":";;;;;;;;AAQA,SAAS,aAAa,EACpB,UACA,UAAU,WACV,WACA,eAAe,YACf,aAOC;CACD,MAAM,EAAE,YAAY,eAAe;AAEnC,QACE,oBAAC;EACC,MAAK;EACM;EACX,MAAK;EACL,WAAW,aAAa;EACxB,SAAS,WAAW;EACpB,eAAa;EAEZ;GACM"}

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

@@ -0,0 +1,15 @@
+import React from "react";
+
+//#region src/components/thumbnail/index.d.ts
+type ThumbnailProps = {
+  thumbnail?: string | null;
+  images?: any[] | null;
+  size?: 'small' | 'medium' | 'large' | 'full' | 'square';
+  isFeatured?: boolean;
+  className?: string;
+  'data-testid'?: string;
+};
+declare const Thumbnail: React.FC<ThumbnailProps>;
+//#endregion
+export { Thumbnail };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/thumbnail/index.tsx"],"sourcesContent":[],"mappings":";;;KAOK,cAAA;;EAAA,MAAA,CAAA,EAAA,GAAA,EAAA,GAAc,IAAA;EAUb,IAAA,CAAA,EAAA,OA8BL,GAAA,QA9ByB,GAAA,OAAA,GAAA,MAAT,GAAM,QAAE;;;;;cAAnB,WAAW,KAAA,CAAM,GAAG"}

package/dist/components/thumbnail/index.js

@@ -0,0 +1,3 @@
+import { t as Thumbnail } from "../../thumbnail-CXIliWAD.js";
+
+export { Thumbnail };

package/dist/cookies-DANAjt8U.js

@@ -0,0 +1,38 @@
+import { cookies } from "next/headers";
+import "server-only";
+
+//#region src/lib/data/cookies.ts
+const getAuthHeaders = async () => {
+	try {
+		const token = (await cookies()).get("_medusa_jwt")?.value;
+		if (!token) return {};
+		return { authorization: `Bearer ${token}` };
+	} catch {
+		return {};
+	}
+};
+const getCacheTag = async (tag) => {
+	try {
+		const cacheId = (await cookies()).get("_medusa_cache_id")?.value;
+		if (!cacheId) return "";
+		return `${tag}-${cacheId}`;
+	} catch (error) {
+		return "";
+	}
+};
+const getCacheOptions = async (tag) => {
+	if (typeof window !== "undefined") return {};
+	const cacheTag = await getCacheTag(tag);
+	if (!cacheTag) return {};
+	return { tags: [`${cacheTag}`] };
+};
+const getCartId = async () => {
+	return (await cookies()).get("_medusa_cart_id")?.value;
+};
+const removeCartId = async () => {
+	(await cookies()).set("_medusa_cart_id", "", { maxAge: -1 });
+};
+
+//#endregion
+export { removeCartId as a, getCartId as i, getCacheOptions as n, getCacheTag as r, getAuthHeaders as t };
+//# sourceMappingURL=cookies-DANAjt8U.js.map

package/dist/cookies-DANAjt8U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookies-DANAjt8U.js","names":["nextCookies"],"sources":["../src/lib/data/cookies.ts"],"sourcesContent":["import { cookies as nextCookies } from 'next/headers';\n\nimport 'server-only';\n\nexport const getAuthHeaders = async (): Promise<\n  { authorization: string } | {}\n> => {\n  try {\n    const cookies = await nextCookies();\n    const token = cookies.get('_medusa_jwt')?.value;\n\n    if (!token) {\n      return {};\n    }\n\n    return { authorization: `Bearer ${token}` };\n  } catch {\n    return {};\n  }\n};\n\nexport const getCacheTag = async (tag: string): Promise<string> => {\n  try {\n    const cookies = await nextCookies();\n    const cacheId = cookies.get('_medusa_cache_id')?.value;\n\n    if (!cacheId) {\n      return '';\n    }\n\n    return `${tag}-${cacheId}`;\n  } catch (error) {\n    return '';\n  }\n};\n\nexport const getCacheOptions = async (\n  tag: string\n): Promise<{ tags: string[] } | {}> => {\n  if (typeof window !== 'undefined') {\n    return {};\n  }\n\n  const cacheTag = await getCacheTag(tag);\n\n  if (!cacheTag) {\n    return {};\n  }\n\n  return { tags: [`${cacheTag}`] };\n};\n\nexport const getCartId = async () => {\n  const cookies = await nextCookies();\n  return cookies.get('_medusa_cart_id')?.value;\n};\n\nexport const removeCartId = async () => {\n  const cookies = await nextCookies();\n  cookies.set('_medusa_cart_id', '', {\n    maxAge: -1,\n  });\n};\n"],"mappings":";;;;AAIA,MAAa,iBAAiB,YAEzB;AACH,KAAI;EAEF,MAAM,SADU,MAAMA,SAAa,EACb,IAAI,cAAc,EAAE;AAE1C,MAAI,CAAC,MACH,QAAO,EAAE;AAGX,SAAO,EAAE,eAAe,UAAU,SAAS;SACrC;AACN,SAAO,EAAE;;;AAIb,MAAa,cAAc,OAAO,QAAiC;AACjE,KAAI;EAEF,MAAM,WADU,MAAMA,SAAa,EACX,IAAI,mBAAmB,EAAE;AAEjD,MAAI,CAAC,QACH,QAAO;AAGT,SAAO,GAAG,IAAI,GAAG;UACV,OAAO;AACd,SAAO;;;AAIX,MAAa,kBAAkB,OAC7B,QACqC;AACrC,KAAI,OAAO,WAAW,YACpB,QAAO,EAAE;CAGX,MAAM,WAAW,MAAM,YAAY,IAAI;AAEvC,KAAI,CAAC,SACH,QAAO,EAAE;AAGX,QAAO,EAAE,MAAM,CAAC,GAAG,WAAW,EAAE;;AAGlC,MAAa,YAAY,YAAY;AAEnC,SADgB,MAAMA,SAAa,EACpB,IAAI,kBAAkB,EAAE;;AAGzC,MAAa,eAAe,YAAY;AAEtC,EADgB,MAAMA,SAAa,EAC3B,IAAI,mBAAmB,IAAI,EACjC,QAAQ,IACT,CAAC"}