@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/storefront/components/newsletter-signup.mjs

@@ -1,81 +1,87 @@
 "use client";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import { Input } from "../../ui/input.mjs";
+import { StorefrontButton } from "../primitives/button.mjs";
+import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../ui/utils";
-import { useIcon } from "../../icons/icon-context";
-import { Input } from "../../ui/input";
-import { StorefrontButton } from "../primitives/button";
-function NewsletterSignup({
-  onSubmit,
-  placeholder = "Enter your email",
-  buttonLabel = "Subscribe",
-  successMessage = "Thanks for subscribing!",
-  errorMessage,
-  labels = {},
-  className
-}) {
-  const MailIcon = useIcon("mail");
-  const [email, setEmail] = React.useState("");
-  const [status, setStatus] = React.useState("idle");
-  const [error, setError] = React.useState(errorMessage);
-  React.useEffect(() => {
-    setError(errorMessage);
-    if (errorMessage) setStatus("error");
-  }, [errorMessage]);
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (!email.trim() || status === "loading") return;
-    setStatus("loading");
-    setError(void 0);
-    try {
-      await onSubmit(email.trim());
-      setStatus("success");
-      setEmail("");
-    } catch (err) {
-      setStatus("error");
-      setError(err instanceof Error ? err.message : "Something went wrong. Please try again.");
-    }
-  };
-  if (status === "success") {
-    return /* @__PURE__ */ jsxs("div", { className: cn("font-enad", className), children: [
-      labels.heading && /* @__PURE__ */ jsx("p", { className: "text-sm font-heading font-medium text-(--enad-text-primary-color) mb-1", children: labels.heading }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color)", children: successMessage })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: cn("font-enad", className), children: [
-    labels.heading && /* @__PURE__ */ jsx("p", { className: "text-sm font-heading font-medium text-(--enad-text-primary-color) mb-1", children: labels.heading }),
-    labels.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color) mb-3", children: labels.description }),
-    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex gap-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
-        /* @__PURE__ */ jsx(MailIcon, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-(--enad-text-muted-color) z-10" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            type: "email",
-            required: true,
-            value: email,
-            onChange: (e) => setEmail(e.target.value),
-            placeholder,
-            "aria-label": placeholder,
-            "aria-describedby": error ? "newsletter-error" : void 0,
-            disabled: status === "loading",
-            className: "w-full pl-9"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        StorefrontButton,
-        {
-          type: "submit",
-          disabled: status === "loading",
-          children: status === "loading" ? "..." : buttonLabel
-        }
-      )
-    ] }),
-    error && /* @__PURE__ */ jsx("p", { id: "newsletter-error", className: "mt-1.5 text-xs text-(--enad-error-color)", role: "alert", children: error })
-  ] });
+//#region src/client/storefront/components/newsletter-signup.tsx
+function NewsletterSignup({ onSubmit, placeholder = "Enter your email", buttonLabel = "Subscribe", successMessage = "Thanks for subscribing!", errorMessage, labels = {}, className }) {
+	const MailIcon = useIcon("mail");
+	const [email, setEmail] = React$1.useState("");
+	const [status, setStatus] = React$1.useState("idle");
+	const [error, setError] = React$1.useState(errorMessage);
+	React$1.useEffect(() => {
+		setError(errorMessage);
+		if (errorMessage) setStatus("error");
+	}, [errorMessage]);
+	const handleSubmit = async (e) => {
+		e.preventDefault();
+		if (!email.trim() || status === "loading") return;
+		setStatus("loading");
+		setError(void 0);
+		try {
+			await onSubmit(email.trim());
+			setStatus("success");
+			setEmail("");
+		} catch (err) {
+			setStatus("error");
+			setError(err instanceof Error ? err.message : "Something went wrong. Please try again.");
+		}
+	};
+	if (status === "success") return /* @__PURE__ */ jsxs("div", {
+		className: cn("font-enad", className),
+		children: [labels.heading && /* @__PURE__ */ jsx("p", {
+			className: "text-sm font-heading font-medium text-(--enad-text-primary-color) mb-1",
+			children: labels.heading
+		}), /* @__PURE__ */ jsx("p", {
+			className: "text-sm text-(--enad-text-muted-color)",
+			children: successMessage
+		})]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("font-enad", className),
+		children: [
+			labels.heading && /* @__PURE__ */ jsx("p", {
+				className: "text-sm font-heading font-medium text-(--enad-text-primary-color) mb-1",
+				children: labels.heading
+			}),
+			labels.description && /* @__PURE__ */ jsx("p", {
+				className: "text-sm text-(--enad-text-muted-color) mb-3",
+				children: labels.description
+			}),
+			/* @__PURE__ */ jsxs("form", {
+				onSubmit: handleSubmit,
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "relative flex-1",
+					children: [/* @__PURE__ */ jsx(MailIcon, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-(--enad-text-muted-color) z-10" }), /* @__PURE__ */ jsx(Input, {
+						type: "email",
+						required: true,
+						value: email,
+						onChange: (e) => setEmail(e.target.value),
+						placeholder,
+						"aria-label": placeholder,
+						"aria-describedby": error ? "newsletter-error" : void 0,
+						disabled: status === "loading",
+						className: "w-full pl-9"
+					})]
+				}), /* @__PURE__ */ jsx(StorefrontButton, {
+					type: "submit",
+					disabled: status === "loading",
+					children: status === "loading" ? "..." : buttonLabel
+				})]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				id: "newsletter-error",
+				className: "mt-1.5 text-xs text-(--enad-error-color)",
+				role: "alert",
+				children: error
+			})
+		]
+	});
 }
-export {
-  NewsletterSignup
-};
+//#endregion
+export { NewsletterSignup };
+
 //# sourceMappingURL=newsletter-signup.mjs.map

package/dist/client/storefront/components/newsletter-signup.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/components/newsletter-signup.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { Input } from \"../../ui/input\"\nimport { StorefrontButton } from \"../primitives/button\"\n\nexport interface NewsletterSignupProps {\n  onSubmit: (email: string) => void | Promise<void>\n  placeholder?: string\n  buttonLabel?: string\n  successMessage?: string\n  errorMessage?: string\n  labels?: {\n    heading?: string\n    description?: string\n  }\n  className?: string\n}\n\nexport function NewsletterSignup({\n  onSubmit,\n  placeholder = \"Enter your email\",\n  buttonLabel = \"Subscribe\",\n  successMessage = \"Thanks for subscribing!\",\n  errorMessage,\n  labels = {},\n  className,\n}: NewsletterSignupProps) {\n  const MailIcon = useIcon(\"mail\")\n  const [email, setEmail] = React.useState(\"\")\n  const [status, setStatus] = React.useState<\"idle\" | \"loading\" | \"success\" | \"error\">(\"idle\")\n  const [error, setError] = React.useState<string | undefined>(errorMessage)\n\n  React.useEffect(() => {\n    setError(errorMessage)\n    if (errorMessage) setStatus(\"error\")\n  }, [errorMessage])\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault()\n    if (!email.trim() || status === \"loading\") return\n\n    setStatus(\"loading\")\n    setError(undefined)\n\n    try {\n      await onSubmit(email.trim())\n      setStatus(\"success\")\n      setEmail(\"\")\n    } catch (err) {\n      setStatus(\"error\")\n      setError(err instanceof Error ? err.message : \"Something went wrong. Please try again.\")\n    }\n  }\n\n  if (status === \"success\") {\n    return (\n      <div className={cn(\"font-enad\", className)}>\n        {labels.heading && (\n          <p className=\"text-sm font-heading font-medium text-(--enad-text-primary-color) mb-1\">{labels.heading}</p>\n        )}\n        <p className=\"text-sm text-(--enad-text-muted-color)\">{successMessage}</p>\n      </div>\n    )\n  }\n\n  return (\n    <div className={cn(\"font-enad\", className)}>\n      {labels.heading && (\n        <p className=\"text-sm font-heading font-medium text-(--enad-text-primary-color) mb-1\">{labels.heading}</p>\n      )}\n      {labels.description && (\n        <p className=\"text-sm text-(--enad-text-muted-color) mb-3\">{labels.description}</p>\n      )}\n      <form onSubmit={handleSubmit} className=\"flex gap-2\">\n        <div className=\"relative flex-1\">\n          <MailIcon className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-(--enad-text-muted-color) z-10\" />\n          <Input\n            type=\"email\"\n            required\n            value={email}\n            onChange={(e) => setEmail(e.target.value)}\n            placeholder={placeholder}\n            aria-label={placeholder}\n            aria-describedby={error ? \"newsletter-error\" : undefined}\n            disabled={status === \"loading\"}\n            className=\"w-full pl-9\"\n          />\n        </div>\n        <StorefrontButton\n          type=\"submit\"\n          disabled={status === \"loading\"}\n        >\n          {status === \"loading\" ? \"...\" : buttonLabel}\n        </StorefrontButton>\n      </form>\n      {error && (\n        <p id=\"newsletter-error\" className=\"mt-1.5 text-xs text-(--enad-error-color)\" role=\"alert\">\n          {error}\n        </p>\n      )}\n    </div>\n  )\n}\n"],"mappings":";AA2DM,SAEI,KAFJ;AAzDN,YAAY,WAAW;AACvB,SAAS,UAAU;AACnB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,wBAAwB;AAe1B,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB;AAAA,EACA,SAAS,CAAC;AAAA,EACV;AACF,GAA0B;AACxB,QAAM,WAAW,QAAQ,MAAM;AAC/B,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,EAAE;AAC3C,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAmD,MAAM;AAC3F,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAA6B,YAAY;AAEzE,QAAM,UAAU,MAAM;AACpB,aAAS,YAAY;AACrB,QAAI,aAAc,WAAU,OAAO;AAAA,EACrC,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,eAAe,OAAO,MAAuB;AACjD,MAAE,eAAe;AACjB,QAAI,CAAC,MAAM,KAAK,KAAK,WAAW,UAAW;AAE3C,cAAU,SAAS;AACnB,aAAS,MAAS;AAElB,QAAI;AACF,YAAM,SAAS,MAAM,KAAK,CAAC;AAC3B,gBAAU,SAAS;AACnB,eAAS,EAAE;AAAA,IACb,SAAS,KAAK;AACZ,gBAAU,OAAO;AACjB,eAAS,eAAe,QAAQ,IAAI,UAAU,yCAAyC;AAAA,IACzF;AAAA,EACF;AAEA,MAAI,WAAW,WAAW;AACxB,WACE,qBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GACtC;AAAA,aAAO,WACN,oBAAC,OAAE,WAAU,0EAA0E,iBAAO,SAAQ;AAAA,MAExG,oBAAC,OAAE,WAAU,0CAA0C,0BAAe;AAAA,OACxE;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GACtC;AAAA,WAAO,WACN,oBAAC,OAAE,WAAU,0EAA0E,iBAAO,SAAQ;AAAA,IAEvG,OAAO,eACN,oBAAC,OAAE,WAAU,+CAA+C,iBAAO,aAAY;AAAA,IAEjF,qBAAC,UAAK,UAAU,cAAc,WAAU,cACtC;AAAA,2BAAC,SAAI,WAAU,mBACb;AAAA,4BAAC,YAAS,WAAU,uFAAsF;AAAA,QAC1G;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAQ;AAAA,YACR,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YACxC;AAAA,YACA,cAAY;AAAA,YACZ,oBAAkB,QAAQ,qBAAqB;AAAA,YAC/C,UAAU,WAAW;AAAA,YACrB,WAAU;AAAA;AAAA,QACZ;AAAA,SACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,WAAW;AAAA,UAEpB,qBAAW,YAAY,QAAQ;AAAA;AAAA,MAClC;AAAA,OACF;AAAA,IACC,SACC,oBAAC,OAAE,IAAG,oBAAmB,WAAU,4CAA2C,MAAK,SAChF,iBACH;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"file":"newsletter-signup.mjs","names":["React"],"sources":["../../../../src/client/storefront/components/newsletter-signup.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { cn } from \"../../ui/utils\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { Input } from \"../../ui/input\"\nimport { StorefrontButton } from \"../primitives/button\"\n\nexport interface NewsletterSignupProps {\n  onSubmit: (email: string) => void | Promise<void>\n  placeholder?: string\n  buttonLabel?: string\n  successMessage?: string\n  errorMessage?: string\n  labels?: {\n    heading?: string\n    description?: string\n  }\n  className?: string\n}\n\nexport function NewsletterSignup({\n  onSubmit,\n  placeholder = \"Enter your email\",\n  buttonLabel = \"Subscribe\",\n  successMessage = \"Thanks for subscribing!\",\n  errorMessage,\n  labels = {},\n  className,\n}: NewsletterSignupProps) {\n  const MailIcon = useIcon(\"mail\")\n  const [email, setEmail] = React.useState(\"\")\n  const [status, setStatus] = React.useState<\"idle\" | \"loading\" | \"success\" | \"error\">(\"idle\")\n  const [error, setError] = React.useState<string | undefined>(errorMessage)\n\n  React.useEffect(() => {\n    setError(errorMessage)\n    if (errorMessage) setStatus(\"error\")\n  }, [errorMessage])\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault()\n    if (!email.trim() || status === \"loading\") return\n\n    setStatus(\"loading\")\n    setError(undefined)\n\n    try {\n      await onSubmit(email.trim())\n      setStatus(\"success\")\n      setEmail(\"\")\n    } catch (err) {\n      setStatus(\"error\")\n      setError(err instanceof Error ? err.message : \"Something went wrong. Please try again.\")\n    }\n  }\n\n  if (status === \"success\") {\n    return (\n      <div className={cn(\"font-enad\", className)}>\n        {labels.heading && (\n          <p className=\"text-sm font-heading font-medium text-(--enad-text-primary-color) mb-1\">{labels.heading}</p>\n        )}\n        <p className=\"text-sm text-(--enad-text-muted-color)\">{successMessage}</p>\n      </div>\n    )\n  }\n\n  return (\n    <div className={cn(\"font-enad\", className)}>\n      {labels.heading && (\n        <p className=\"text-sm font-heading font-medium text-(--enad-text-primary-color) mb-1\">{labels.heading}</p>\n      )}\n      {labels.description && (\n        <p className=\"text-sm text-(--enad-text-muted-color) mb-3\">{labels.description}</p>\n      )}\n      <form onSubmit={handleSubmit} className=\"flex gap-2\">\n        <div className=\"relative flex-1\">\n          <MailIcon className=\"absolute left-3 top-1/2 -translate-y-1/2 size-4 text-(--enad-text-muted-color) z-10\" />\n          <Input\n            type=\"email\"\n            required\n            value={email}\n            onChange={(e) => setEmail(e.target.value)}\n            placeholder={placeholder}\n            aria-label={placeholder}\n            aria-describedby={error ? \"newsletter-error\" : undefined}\n            disabled={status === \"loading\"}\n            className=\"w-full pl-9\"\n          />\n        </div>\n        <StorefrontButton\n          type=\"submit\"\n          disabled={status === \"loading\"}\n        >\n          {status === \"loading\" ? \"...\" : buttonLabel}\n        </StorefrontButton>\n      </form>\n      {error && (\n        <p id=\"newsletter-error\" className=\"mt-1.5 text-xs text-(--enad-error-color)\" role=\"alert\">\n          {error}\n        </p>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAqBA,SAAgB,iBAAiB,EAC/B,UACA,cAAc,oBACd,cAAc,aACd,iBAAiB,2BACjB,cACA,SAAS,EAAE,EACX,aACwB;CACxB,MAAM,WAAW,QAAQ,OAAO;CAChC,MAAM,CAAC,OAAO,YAAYA,QAAM,SAAS,GAAG;CAC5C,MAAM,CAAC,QAAQ,aAAaA,QAAM,SAAmD,OAAO;CAC5F,MAAM,CAAC,OAAO,YAAYA,QAAM,SAA6B,aAAa;AAE1E,SAAM,gBAAgB;AACpB,WAAS,aAAa;AACtB,MAAI,aAAc,WAAU,QAAQ;IACnC,CAAC,aAAa,CAAC;CAElB,MAAM,eAAe,OAAO,MAAuB;AACjD,IAAE,gBAAgB;AAClB,MAAI,CAAC,MAAM,MAAM,IAAI,WAAW,UAAW;AAE3C,YAAU,UAAU;AACpB,WAAS,KAAA,EAAU;AAEnB,MAAI;AACF,SAAM,SAAS,MAAM,MAAM,CAAC;AAC5B,aAAU,UAAU;AACpB,YAAS,GAAG;WACL,KAAK;AACZ,aAAU,QAAQ;AAClB,YAAS,eAAe,QAAQ,IAAI,UAAU,0CAA0C;;;AAI5F,KAAI,WAAW,UACb,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,aAAa,UAAU;YAA1C,CACG,OAAO,WACN,oBAAC,KAAD;GAAG,WAAU;aAA0E,OAAO;GAAY,CAAA,EAE5G,oBAAC,KAAD;GAAG,WAAU;aAA0C;GAAmB,CAAA,CACtE;;AAIV,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,aAAa,UAAU;YAA1C;GACG,OAAO,WACN,oBAAC,KAAD;IAAG,WAAU;cAA0E,OAAO;IAAY,CAAA;GAE3G,OAAO,eACN,oBAAC,KAAD;IAAG,WAAU;cAA+C,OAAO;IAAgB,CAAA;GAErF,qBAAC,QAAD;IAAM,UAAU;IAAc,WAAU;cAAxC,CACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,UAAD,EAAU,WAAU,uFAAwF,CAAA,EAC5G,oBAAC,OAAD;MACE,MAAK;MACL,UAAA;MACA,OAAO;MACP,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;MAC5B;MACb,cAAY;MACZ,oBAAkB,QAAQ,qBAAqB,KAAA;MAC/C,UAAU,WAAW;MACrB,WAAU;MACV,CAAA,CACE;QACN,oBAAC,kBAAD;KACE,MAAK;KACL,UAAU,WAAW;eAEpB,WAAW,YAAY,QAAQ;KACf,CAAA,CACd;;GACN,SACC,oBAAC,KAAD;IAAG,IAAG;IAAmB,WAAU;IAA2C,MAAK;cAChF;IACC,CAAA;GAEF"}

package/dist/client/storefront/components/price.d.ts

@@ -1,14 +1,28 @@
-export interface PriceProps {
-    amount: number;
-    currency?: string;
-    original?: number;
-    discountPercent?: number;
-    locale?: string;
-    className?: string;
-    /** Show the -X% discount badge. Default: true */
-    showDiscountBadge?: boolean;
-    /** Apply colored background to the sale price. Default: true */
-    colorSalePrice?: boolean;
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/components/price.d.ts
+interface PriceProps {
+  amount: number;
+  currency?: string;
+  original?: number;
+  discountPercent?: number;
+  locale?: string;
+  className?: string;
+  /** Show the -X% discount badge. Default: true */
+  showDiscountBadge?: boolean;
+  /** Apply colored background to the sale price. Default: true */
+  colorSalePrice?: boolean;
 }
-export declare function Price({ amount, currency, original, discountPercent, locale, className, showDiscountBadge, colorSalePrice, }: PriceProps): import("react/jsx-runtime").JSX.Element;
+declare function Price({
+  amount,
+  currency,
+  original,
+  discountPercent,
+  locale: localeProp,
+  className,
+  showDiscountBadge,
+  colorSalePrice
+}: PriceProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Price, PriceProps };
 //# sourceMappingURL=price.d.ts.map

package/dist/client/storefront/components/price.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"price.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/price.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,gEAAgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAWD,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,QAAgB,EAChB,QAAQ,EACR,eAAe,EACf,MAAgB,EAChB,SAAc,EACd,iBAAwB,EACxB,cAAqB,GACtB,EAAE,UAAU,2CAoCZ"}
+{"version":3,"file":"price.d.ts","names":[],"sources":["../../../../src/client/storefront/components/price.tsx"],"mappings":";;;UAEiB,UAAA;EACf,MAAA;EACA,QAAA;EACA,QAAA;EACA,eAAA;EACA,MAAA;EACA,SAAA;EALA;EAOA,iBAAA;EALA;EAOA,cAAA;AAAA;AAAA,iBAYc,KAAA,CAAA;EACd,MAAA;EACA,QAAA;EACA,QAAA;EACA,eAAA;EACA,MAAA,EAAQ,UAAA;EACR,SAAA;EACA,iBAAA;EACA;AAAA,GACC,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/components/price.mjs

@@ -1,46 +1,47 @@
+import { useLocale } from "../../global/contexts/locale.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/storefront/components/price.tsx
 function formatCurrency(amount, currency, locale) {
-  return new Intl.NumberFormat(locale, {
-    style: "currency",
-    currency,
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 2
-  }).format(amount);
+	return new Intl.NumberFormat(locale, {
+		style: "currency",
+		currency,
+		minimumFractionDigits: 0,
+		maximumFractionDigits: 2
+	}).format(amount);
 }
-function Price({
-  amount,
-  currency = "SEK",
-  original,
-  discountPercent,
-  locale = "sv-SE",
-  className = "",
-  showDiscountBadge = true,
-  colorSalePrice = true
-}) {
-  const formattedAmount = formatCurrency(amount, currency, locale);
-  const hasDiscount = original !== void 0 && original !== amount;
-  if (!hasDiscount) {
-    return /* @__PURE__ */ jsx("span", { className: `text-(--enad-text-primary-color) ${className}`, children: formattedAmount });
-  }
-  const formattedOriginal = formatCurrency(original, currency, locale);
-  const percent = discountPercent ?? (original > 0 ? Math.round((1 - amount / original) * 100) : void 0);
-  return /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-2 ${className}`, children: [
-    /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color) line-through text-sm", children: formattedOriginal }),
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: colorSalePrice ? "rounded-md bg-(--enad-error-color)/10 px-1.5 py-0.5 text-(--enad-error-color) font-semibold" : "font-semibold text-(--enad-text-primary-color)",
-        children: formattedAmount
-      }
-    ),
-    showDiscountBadge && percent != null && percent > 0 && /* @__PURE__ */ jsxs("span", { className: "rounded-full bg-(--enad-error-color) px-2 py-0.5 text-xs font-semibold text-white", children: [
-      "-",
-      percent,
-      "%"
-    ] })
-  ] });
+function Price({ amount, currency = "SEK", original, discountPercent, locale: localeProp, className = "", showDiscountBadge = true, colorSalePrice = true }) {
+	const contextLocale = useLocale();
+	const locale = localeProp ?? contextLocale;
+	const formattedAmount = formatCurrency(amount, currency, locale);
+	if (!(original !== void 0 && original !== amount)) return /* @__PURE__ */ jsx("span", {
+		className: `tabular-nums text-(--enad-text-primary-color) ${className}`,
+		children: formattedAmount
+	});
+	const formattedOriginal = formatCurrency(original, currency, locale);
+	const percent = discountPercent ?? (original > 0 ? Math.round((1 - amount / original) * 100) : void 0);
+	return /* @__PURE__ */ jsxs("span", {
+		className: `inline-flex items-center gap-2 ${className}`,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "tabular-nums text-(--enad-text-muted-color) line-through text-sm",
+				children: formattedOriginal
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: colorSalePrice ? "tabular-nums rounded-md bg-(--enad-error-color)/10 px-1.5 py-0.5 text-(--enad-error-color) font-semibold" : "tabular-nums font-semibold text-(--enad-text-primary-color)",
+				children: formattedAmount
+			}),
+			showDiscountBadge && percent != null && percent > 0 && /* @__PURE__ */ jsxs("span", {
+				className: "rounded-full bg-(--enad-error-color) px-2 py-0.5 text-xs font-semibold text-white",
+				children: [
+					"-",
+					percent,
+					"%"
+				]
+			})
+		]
+	});
 }
-export {
-  Price
-};
+//#endregion
+export { Price };
+
 //# sourceMappingURL=price.mjs.map

package/dist/client/storefront/components/price.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/components/price.tsx"],"sourcesContent":["export interface PriceProps {\n  amount: number\n  currency?: string\n  original?: number\n  discountPercent?: number\n  locale?: string\n  className?: string\n  /** Show the -X% discount badge. Default: true */\n  showDiscountBadge?: boolean\n  /** Apply colored background to the sale price. Default: true */\n  colorSalePrice?: boolean\n}\n\nfunction formatCurrency(amount: number, currency: string, locale: string): string {\n  return new Intl.NumberFormat(locale, {\n    style: \"currency\",\n    currency,\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 2,\n  }).format(amount)\n}\n\nexport function Price({\n  amount,\n  currency = \"SEK\",\n  original,\n  discountPercent,\n  locale = \"sv-SE\",\n  className = \"\",\n  showDiscountBadge = true,\n  colorSalePrice = true,\n}: PriceProps) {\n  const formattedAmount = formatCurrency(amount, currency, locale)\n  const hasDiscount = original !== undefined && original !== amount\n\n  if (!hasDiscount) {\n    return (\n      <span className={`text-(--enad-text-primary-color) ${className}`}>\n        {formattedAmount}\n      </span>\n    )\n  }\n\n  const formattedOriginal = formatCurrency(original, currency, locale)\n  const percent = discountPercent ?? (original > 0 ? Math.round((1 - amount / original) * 100) : undefined)\n\n  return (\n    <span className={`inline-flex items-center gap-2 ${className}`}>\n      <span className=\"text-(--enad-text-muted-color) line-through text-sm\">\n        {formattedOriginal}\n      </span>\n      <span\n        className={\n          colorSalePrice\n            ? \"rounded-md bg-(--enad-error-color)/10 px-1.5 py-0.5 text-(--enad-error-color) font-semibold\"\n            : \"font-semibold text-(--enad-text-primary-color)\"\n        }\n      >\n        {formattedAmount}\n      </span>\n      {showDiscountBadge && percent != null && percent > 0 && (\n        <span className=\"rounded-full bg-(--enad-error-color) px-2 py-0.5 text-xs font-semibold text-white\">\n          -{percent}%\n        </span>\n      )}\n    </span>\n  )\n}\n"],"mappings":"AAqCM,cAwBE,YAxBF;AAxBN,SAAS,eAAe,QAAgB,UAAkB,QAAwB;AAChF,SAAO,IAAI,KAAK,aAAa,QAAQ;AAAA,IACnC,OAAO;AAAA,IACP;AAAA,IACA,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,EACzB,CAAC,EAAE,OAAO,MAAM;AAClB;AAEO,SAAS,MAAM;AAAA,EACpB;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,iBAAiB;AACnB,GAAe;AACb,QAAM,kBAAkB,eAAe,QAAQ,UAAU,MAAM;AAC/D,QAAM,cAAc,aAAa,UAAa,aAAa;AAE3D,MAAI,CAAC,aAAa;AAChB,WACE,oBAAC,UAAK,WAAW,oCAAoC,SAAS,IAC3D,2BACH;AAAA,EAEJ;AAEA,QAAM,oBAAoB,eAAe,UAAU,UAAU,MAAM;AACnE,QAAM,UAAU,oBAAoB,WAAW,IAAI,KAAK,OAAO,IAAI,SAAS,YAAY,GAAG,IAAI;AAE/F,SACE,qBAAC,UAAK,WAAW,kCAAkC,SAAS,IAC1D;AAAA,wBAAC,UAAK,WAAU,uDACb,6BACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,WACE,iBACI,gGACA;AAAA,QAGL;AAAA;AAAA,IACH;AAAA,IACC,qBAAqB,WAAW,QAAQ,UAAU,KACjD,qBAAC,UAAK,WAAU,qFAAoF;AAAA;AAAA,MAChG;AAAA,MAAQ;AAAA,OACZ;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"file":"price.mjs","names":[],"sources":["../../../../src/client/storefront/components/price.tsx"],"sourcesContent":["import { useLocale } from \"../../global/contexts/locale\";\n\nexport interface PriceProps {\n  amount: number;\n  currency?: string;\n  original?: number;\n  discountPercent?: number;\n  locale?: string;\n  className?: string;\n  /** Show the -X% discount badge. Default: true */\n  showDiscountBadge?: boolean;\n  /** Apply colored background to the sale price. Default: true */\n  colorSalePrice?: boolean;\n}\n\nfunction formatCurrency(amount: number, currency: string, locale: string): string {\n  return new Intl.NumberFormat(locale, {\n    style: \"currency\",\n    currency,\n    minimumFractionDigits: 0,\n    maximumFractionDigits: 2,\n  }).format(amount);\n}\n\nexport function Price({\n  amount,\n  currency = \"SEK\",\n  original,\n  discountPercent,\n  locale: localeProp,\n  className = \"\",\n  showDiscountBadge = true,\n  colorSalePrice = true,\n}: PriceProps) {\n  const contextLocale = useLocale();\n  const locale = localeProp ?? contextLocale;\n  const formattedAmount = formatCurrency(amount, currency, locale);\n  const hasDiscount = original !== undefined && original !== amount;\n\n  if (!hasDiscount) {\n    return (\n      <span className={`tabular-nums text-(--enad-text-primary-color) ${className}`}>\n        {formattedAmount}\n      </span>\n    );\n  }\n\n  const formattedOriginal = formatCurrency(original, currency, locale);\n  const percent =\n    discountPercent ?? (original > 0 ? Math.round((1 - amount / original) * 100) : undefined);\n\n  return (\n    <span className={`inline-flex items-center gap-2 ${className}`}>\n      <span className=\"tabular-nums text-(--enad-text-muted-color) line-through text-sm\">\n        {formattedOriginal}\n      </span>\n      <span\n        className={\n          colorSalePrice\n            ? \"tabular-nums rounded-md bg-(--enad-error-color)/10 px-1.5 py-0.5 text-(--enad-error-color) font-semibold\"\n            : \"tabular-nums font-semibold text-(--enad-text-primary-color)\"\n        }\n      >\n        {formattedAmount}\n      </span>\n      {showDiscountBadge && percent != null && percent > 0 && (\n        <span className=\"rounded-full bg-(--enad-error-color) px-2 py-0.5 text-xs font-semibold text-white\">\n          -{percent}%\n        </span>\n      )}\n    </span>\n  );\n}\n"],"mappings":";;;AAeA,SAAS,eAAe,QAAgB,UAAkB,QAAwB;AAChF,QAAO,IAAI,KAAK,aAAa,QAAQ;EACnC,OAAO;EACP;EACA,uBAAuB;EACvB,uBAAuB;EACxB,CAAC,CAAC,OAAO,OAAO;;AAGnB,SAAgB,MAAM,EACpB,QACA,WAAW,OACX,UACA,iBACA,QAAQ,YACR,YAAY,IACZ,oBAAoB,MACpB,iBAAiB,QACJ;CACb,MAAM,gBAAgB,WAAW;CACjC,MAAM,SAAS,cAAc;CAC7B,MAAM,kBAAkB,eAAe,QAAQ,UAAU,OAAO;AAGhE,KAAI,EAFgB,aAAa,KAAA,KAAa,aAAa,QAGzD,QACE,oBAAC,QAAD;EAAM,WAAW,iDAAiD;YAC/D;EACI,CAAA;CAIX,MAAM,oBAAoB,eAAe,UAAU,UAAU,OAAO;CACpE,MAAM,UACJ,oBAAoB,WAAW,IAAI,KAAK,OAAO,IAAI,SAAS,YAAY,IAAI,GAAG,KAAA;AAEjF,QACE,qBAAC,QAAD;EAAM,WAAW,kCAAkC;YAAnD;GACE,oBAAC,QAAD;IAAM,WAAU;cACb;IACI,CAAA;GACP,oBAAC,QAAD;IACE,WACE,iBACI,6GACA;cAGL;IACI,CAAA;GACN,qBAAqB,WAAW,QAAQ,UAAU,KACjD,qBAAC,QAAD;IAAM,WAAU;cAAhB;KAAoG;KAChG;KAAQ;KACL;;GAEJ"}

package/dist/client/storefront/components/product-recommendations.d.ts

@@ -1,18 +1,31 @@
-import * as React from "react";
-export interface ProductRecommendationsProps {
-    title?: string;
-    /** Optional variant label for styling/semantics */
-    variant?: "related" | "recent" | "complete-the-look";
-    /** Product cards to render — pass <ProductCard> elements */
-    children: React.ReactNode;
-    /** "View all" link */
-    viewAllHref?: string;
-    viewAllLabel?: string;
-    /** Show navigation arrows on desktop */
-    showArrows?: boolean;
-    /** Delight level (0-100) for stagger entry animation. 0 = no animation. */
-    delight?: number;
-    className?: string;
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/components/product-recommendations.d.ts
+interface ProductRecommendationsProps {
+  title?: string;
+  /** Optional variant label for styling/semantics */
+  variant?: "related" | "recent" | "complete-the-look";
+  /** Product cards to render — pass <ProductCard> elements */
+  children: React$1.ReactNode;
+  /** "View all" link */
+  viewAllHref?: string;
+  viewAllLabel?: string;
+  /** Show navigation arrows on desktop */
+  showArrows?: boolean;
+  /** Delight level (0-100) for stagger entry animation. 0 = no animation. */
+  delight?: number;
+  className?: string;
 }
-export declare function ProductRecommendations({ title, children, viewAllHref, viewAllLabel, showArrows, delight, className, }: ProductRecommendationsProps): import("react/jsx-runtime").JSX.Element;
+declare function ProductRecommendations({
+  title,
+  children,
+  viewAllHref,
+  viewAllLabel,
+  showArrows,
+  delight,
+  className
+}: ProductRecommendationsProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ProductRecommendations, ProductRecommendationsProps };
 //# sourceMappingURL=product-recommendations.d.ts.map

package/dist/client/storefront/components/product-recommendations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-recommendations.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/components/product-recommendations.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,mBAAmB,CAAC;IACrD,4DAA4D;IAC5D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sBAAsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,WAAW,EACX,YAAyB,EACzB,UAAiB,EACjB,OAAW,EACX,SAAS,GACV,EAAE,2BAA2B,2CAmG7B"}
+{"version":3,"file":"product-recommendations.d.ts","names":[],"sources":["../../../../src/client/storefront/components/product-recommendations.tsx"],"mappings":";;;;UAUiB,2BAAA;EACf,KAAA;;EAEA,OAAA;EAH0C;EAK1C,QAAA,EAAU,OAAA,CAAM,SAAA;EAAS;EAEzB,WAAA;EACA,YAAA;EAHA;EAKA,UAAA;EALgB;EAOhB,OAAA;EACA,SAAA;AAAA;AAAA,iBAKc,sBAAA,CAAA;EACd,KAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;EACA,UAAA;EACA,OAAA;EACA;AAAA,GACC,2BAAA,GAA2B,kBAAA,CAAA,GAAA,CAAA,OAAA"}