@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/storefront/checkout/checkout-stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/checkout/checkout-stepper.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\n\nexport type StepStatus = \"completed\" | \"active\" | \"upcoming\";\n\nexport interface CheckoutStep {\n  id: string;\n  label: string;\n  status: StepStatus;\n}\n\nexport interface CheckoutStepperProps {\n  steps: CheckoutStep[];\n  onStepClick?: (stepId: string) => void;\n  className?: string;\n}\n\nexport function CheckoutStepper({ steps, onStepClick, className }: CheckoutStepperProps) {\n  const CheckIcon = useIcon(\"check\");\n\n  return (\n    <nav aria-label=\"Checkout progress\" className={cn(\"font-enad\", className)}>\n      <ol className=\"flex items-center gap-0\">\n        {steps.map((step, index) => {\n          const isLast = index === steps.length - 1;\n          const isClickable = step.status === \"completed\" && onStepClick;\n\n          return (\n            <li key={step.id} className=\"flex flex-1 items-center\">\n              <button\n                type=\"button\"\n                onClick={() => isClickable && onStepClick(step.id)}\n                disabled={!isClickable}\n                aria-current={step.status === \"active\" ? \"step\" : undefined}\n                className={cn(\n                  \"flex items-center gap-2 text-sm font-medium transition-colors\",\n                  \"disabled:cursor-default\",\n                  step.status === \"completed\" && \"text-(--enad-button-bg) cursor-pointer\",\n                  step.status === \"active\" && \"text-(--enad-text-primary-color)\",\n                  step.status === \"upcoming\" && \"text-(--enad-text-muted-color)\",\n                )}\n              >\n                <span\n                  className={cn(\n                    \"flex size-8 shrink-0 items-center justify-center rounded-full text-xs font-semibold transition-colors\",\n                    step.status === \"completed\" &&\n                      \"bg-(--enad-button-bg) text-(--enad-button-color)\",\n                    step.status === \"active\" &&\n                      \"border-2 border-(--enad-button-bg) text-(--enad-button-bg)\",\n                    step.status === \"upcoming\" &&\n                      \"border border-(--enad-border-color) text-(--enad-text-muted-color)\",\n                  )}\n                >\n                  {step.status === \"completed\" ? <CheckIcon className=\"size-4\" /> : index + 1}\n                </span>\n                <span className=\"hidden sm:inline\">{step.label}</span>\n              </button>\n\n              {!isLast && (\n                <div\n                  className={cn(\n                    \"mx-2 h-px flex-1 transition-colors\",\n                    step.status === \"completed\"\n                      ? \"bg-(--enad-button-bg)\"\n                      : \"bg-(--enad-border-color)\",\n                  )}\n                  aria-hidden=\"true\"\n                />\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n"],"mappings":";AA+Bc,SAwBmC,KAxBnC;AA7Bd,SAAS,UAAU;AACnB,SAAS,eAAe;AAgBjB,SAAS,gBAAgB,EAAE,OAAO,aAAa,UAAU,GAAyB;AACvF,QAAM,YAAY,QAAQ,OAAO;AAEjC,SACE,oBAAC,SAAI,cAAW,qBAAoB,WAAW,GAAG,aAAa,SAAS,GACtE,8BAAC,QAAG,WAAU,2BACX,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAM,SAAS,UAAU,MAAM,SAAS;AACxC,UAAM,cAAc,KAAK,WAAW,eAAe;AAEnD,WACE,qBAAC,QAAiB,WAAU,4BAC1B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,eAAe,YAAY,KAAK,EAAE;AAAA,UACjD,UAAU,CAAC;AAAA,UACX,gBAAc,KAAK,WAAW,WAAW,SAAS;AAAA,UAClD,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA,KAAK,WAAW,eAAe;AAAA,YAC/B,KAAK,WAAW,YAAY;AAAA,YAC5B,KAAK,WAAW,cAAc;AAAA,UAChC;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT;AAAA,kBACA,KAAK,WAAW,eACd;AAAA,kBACF,KAAK,WAAW,YACd;AAAA,kBACF,KAAK,WAAW,cACd;AAAA,gBACJ;AAAA,gBAEC,eAAK,WAAW,cAAc,oBAAC,aAAU,WAAU,UAAS,IAAK,QAAQ;AAAA;AAAA,YAC5E;AAAA,YACA,oBAAC,UAAK,WAAU,oBAAoB,eAAK,OAAM;AAAA;AAAA;AAAA,MACjD;AAAA,MAEC,CAAC,UACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,KAAK,WAAW,cACZ,0BACA;AAAA,UACN;AAAA,UACA,eAAY;AAAA;AAAA,MACd;AAAA,SAvCK,KAAK,EAyCd;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;","names":[]}
+{"version":3,"file":"checkout-stepper.mjs","names":[],"sources":["../../../../src/client/storefront/checkout/checkout-stepper.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\n\nexport type StepStatus = \"completed\" | \"active\" | \"upcoming\";\n\nexport interface CheckoutStep {\n  id: string;\n  label: string;\n  status: StepStatus;\n}\n\nexport interface CheckoutStepperProps {\n  steps: CheckoutStep[];\n  onStepClick?: (stepId: string) => void;\n  className?: string;\n}\n\nexport function CheckoutStepper({ steps, onStepClick, className }: CheckoutStepperProps) {\n  const CheckIcon = useIcon(\"check\");\n\n  return (\n    <nav aria-label=\"Checkout progress\" className={cn(\"font-enad\", className)}>\n      <ol className=\"flex items-center gap-0\">\n        {steps.map((step, index) => {\n          const isLast = index === steps.length - 1;\n          const isClickable = step.status === \"completed\" && onStepClick;\n\n          return (\n            <li key={step.id} className=\"flex flex-1 items-center\">\n              <button\n                type=\"button\"\n                onClick={() => isClickable && onStepClick(step.id)}\n                disabled={!isClickable}\n                aria-current={step.status === \"active\" ? \"step\" : undefined}\n                className={cn(\n                  \"flex items-center gap-2 text-sm font-medium transition-colors\",\n                  \"disabled:cursor-default\",\n                  step.status === \"completed\" && \"text-(--enad-button-bg) cursor-pointer\",\n                  step.status === \"active\" && \"text-(--enad-text-primary-color)\",\n                  step.status === \"upcoming\" && \"text-(--enad-text-muted-color)\",\n                )}\n              >\n                <span\n                  className={cn(\n                    \"flex size-8 shrink-0 items-center justify-center rounded-full text-xs font-semibold transition-colors\",\n                    step.status === \"completed\" &&\n                      \"bg-(--enad-button-bg) text-(--enad-button-color)\",\n                    step.status === \"active\" &&\n                      \"border-2 border-(--enad-button-bg) text-(--enad-button-bg)\",\n                    step.status === \"upcoming\" &&\n                      \"border border-(--enad-border-color) text-(--enad-text-muted-color)\",\n                  )}\n                >\n                  {step.status === \"completed\" ? <CheckIcon className=\"size-4\" /> : index + 1}\n                </span>\n                <span className=\"hidden sm:inline\">{step.label}</span>\n              </button>\n\n              {!isLast && (\n                <div\n                  className={cn(\n                    \"mx-2 h-px flex-1 transition-colors\",\n                    step.status === \"completed\"\n                      ? \"bg-(--enad-button-bg)\"\n                      : \"bg-(--enad-border-color)\",\n                  )}\n                  aria-hidden=\"true\"\n                />\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n"],"mappings":";;;;;AAmBA,SAAgB,gBAAgB,EAAE,OAAO,aAAa,aAAmC;CACvF,MAAM,YAAY,QAAQ,QAAQ;AAElC,QACE,oBAAC,OAAD;EAAK,cAAW;EAAoB,WAAW,GAAG,aAAa,UAAU;YACvE,oBAAC,MAAD;GAAI,WAAU;aACX,MAAM,KAAK,MAAM,UAAU;IAC1B,MAAM,SAAS,UAAU,MAAM,SAAS;IACxC,MAAM,cAAc,KAAK,WAAW,eAAe;AAEnD,WACE,qBAAC,MAAD;KAAkB,WAAU;eAA5B,CACE,qBAAC,UAAD;MACE,MAAK;MACL,eAAe,eAAe,YAAY,KAAK,GAAG;MAClD,UAAU,CAAC;MACX,gBAAc,KAAK,WAAW,WAAW,SAAS,KAAA;MAClD,WAAW,GACT,iEACA,2BACA,KAAK,WAAW,eAAe,0CAC/B,KAAK,WAAW,YAAY,oCAC5B,KAAK,WAAW,cAAc,iCAC/B;gBAXH,CAaE,oBAAC,QAAD;OACE,WAAW,GACT,yGACA,KAAK,WAAW,eACd,oDACF,KAAK,WAAW,YACd,8DACF,KAAK,WAAW,cACd,qEACH;iBAEA,KAAK,WAAW,cAAc,oBAAC,WAAD,EAAW,WAAU,UAAW,CAAA,GAAG,QAAQ;OACrE,CAAA,EACP,oBAAC,QAAD;OAAM,WAAU;iBAAoB,KAAK;OAAa,CAAA,CAC/C;SAER,CAAC,UACA,oBAAC,OAAD;MACE,WAAW,GACT,sCACA,KAAK,WAAW,cACZ,0BACA,2BACL;MACD,eAAY;MACZ,CAAA,CAED;OAzCI,KAAK,GAyCT;KAEP;GACC,CAAA;EACD,CAAA"}

package/dist/client/storefront/checkout/index.d.ts

@@ -1,15 +1,8 @@
-export { CheckoutStepper } from "./checkout-stepper";
-export type { CheckoutStepperProps, CheckoutStep, StepStatus } from "./checkout-stepper";
-export { CartSummary } from "./cart-summary";
-export type { CartSummaryProps, CartLineItem } from "./cart-summary";
-export { AddressForm } from "./address-form";
-export type { AddressFormProps, AddressData } from "./address-form";
-export { ShippingMethodSelector } from "./shipping-method-selector";
-export type { ShippingMethodSelectorProps, ShippingMethod } from "./shipping-method-selector";
-export { PaymentMethodSelector } from "./payment-method-selector";
-export type { PaymentMethodSelectorProps, PaymentMethod } from "./payment-method-selector";
-export { OrderSummary } from "./order-summary";
-export type { OrderSummaryProps } from "./order-summary";
-export { OrderConfirmation } from "./order-confirmation";
-export type { OrderConfirmationProps } from "./order-confirmation";
-//# sourceMappingURL=index.d.ts.map
+import { AddressData, AddressForm, AddressFormProps } from "./address-form.js";
+import { CartLineItem, CartSummary, CartSummaryProps } from "./cart-summary.js";
+import { CheckoutStep, CheckoutStepper, CheckoutStepperProps, StepStatus } from "./checkout-stepper.js";
+import { ShippingMethod, ShippingMethodSelector, ShippingMethodSelectorProps } from "./shipping-method-selector.js";
+import { PaymentMethod, PaymentMethodSelector, PaymentMethodSelectorProps } from "./payment-method-selector.js";
+import { OrderSummary, OrderSummaryProps } from "./order-summary.js";
+import { OrderConfirmation, OrderConfirmationProps } from "./order-confirmation.js";
+export { type AddressData, AddressForm, type AddressFormProps, type CartLineItem, CartSummary, type CartSummaryProps, type CheckoutStep, CheckoutStepper, type CheckoutStepperProps, OrderConfirmation, type OrderConfirmationProps, OrderSummary, type OrderSummaryProps, type PaymentMethod, PaymentMethodSelector, type PaymentMethodSelectorProps, type ShippingMethod, ShippingMethodSelector, type ShippingMethodSelectorProps, type StepStatus };

package/dist/client/storefront/checkout/index.mjs

@@ -1,17 +1,8 @@
-import { CheckoutStepper } from "./checkout-stepper";
-import { CartSummary } from "./cart-summary";
-import { AddressForm } from "./address-form";
-import { ShippingMethodSelector } from "./shipping-method-selector";
-import { PaymentMethodSelector } from "./payment-method-selector";
-import { OrderSummary } from "./order-summary";
-import { OrderConfirmation } from "./order-confirmation";
-export {
-  AddressForm,
-  CartSummary,
-  CheckoutStepper,
-  OrderConfirmation,
-  OrderSummary,
-  PaymentMethodSelector,
-  ShippingMethodSelector
-};
-//# sourceMappingURL=index.mjs.map
+import { AddressForm } from "./address-form.mjs";
+import { CartSummary } from "./cart-summary.mjs";
+import { CheckoutStepper } from "./checkout-stepper.mjs";
+import { ShippingMethodSelector } from "./shipping-method-selector.mjs";
+import { PaymentMethodSelector } from "./payment-method-selector.mjs";
+import { OrderSummary } from "./order-summary.mjs";
+import { OrderConfirmation } from "./order-confirmation.mjs";
+export { AddressForm, CartSummary, CheckoutStepper, OrderConfirmation, OrderSummary, PaymentMethodSelector, ShippingMethodSelector };

package/dist/client/storefront/checkout/order-confirmation.d.ts

@@ -1,10 +1,21 @@
-import * as React from "react";
-export interface OrderConfirmationProps {
-    orderNumber: string;
-    title: string;
-    message: string;
-    children?: React.ReactNode;
-    className?: string;
+import * as React$1 from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/checkout/order-confirmation.d.ts
+interface OrderConfirmationProps {
+  orderNumber: string;
+  title: string;
+  message: string;
+  children?: React$1.ReactNode;
+  className?: string;
 }
-export declare function OrderConfirmation({ orderNumber, title, message, children, className, }: OrderConfirmationProps): import("react/jsx-runtime").JSX.Element;
+declare function OrderConfirmation({
+  orderNumber,
+  title,
+  message,
+  children,
+  className
+}: OrderConfirmationProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OrderConfirmation, OrderConfirmationProps };
 //# sourceMappingURL=order-confirmation.d.ts.map

package/dist/client/storefront/checkout/order-confirmation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"order-confirmation.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/checkout/order-confirmation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,sBAAsB;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,2CAkBxB"}
+{"version":3,"file":"order-confirmation.d.ts","names":[],"sources":["../../../../src/client/storefront/checkout/order-confirmation.tsx"],"mappings":";;;;UAMiB,sBAAA;EACf,WAAA;EACA,KAAA;EACA,OAAA;EACA,QAAA,GAAW,OAAA,CAAM,SAAA;EACjB,SAAA;AAAA;AAAA,iBAGc,iBAAA,CAAA;EACd,WAAA;EACA,KAAA;EACA,OAAA;EACA,QAAA;EACA;AAAA,GACC,sBAAA,GAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/checkout/order-confirmation.mjs

@@ -1,27 +1,35 @@
 "use client";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { cn } from "../../ui/utils.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
-import { useIcon } from "../../icons/icon-context";
-function OrderConfirmation({
-  orderNumber,
-  title,
-  message,
-  children,
-  className
-}) {
-  const CheckIcon = useIcon("check");
-  return /* @__PURE__ */ jsxs("div", { className: cn("font-enad flex flex-col items-center text-center", className), children: [
-    /* @__PURE__ */ jsx("div", { className: "flex size-16 items-center justify-center rounded-full bg-(--enad-button-bg)/10 mb-4", children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-8 text-(--enad-button-bg)" }) }),
-    /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-(--enad-text-primary-color) mb-1", children: title }),
-    /* @__PURE__ */ jsxs("p", { className: "text-sm text-(--enad-text-muted-color) mb-2", children: [
-      "Order #",
-      orderNumber
-    ] }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color) max-w-md mb-6", children: message }),
-    children
-  ] });
+//#region src/client/storefront/checkout/order-confirmation.tsx
+function OrderConfirmation({ orderNumber, title, message, children, className }) {
+	const CheckIcon = useIcon("check");
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("font-enad flex flex-col items-center text-center", className),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "flex size-16 items-center justify-center rounded-full bg-(--enad-button-bg)/10 mb-4",
+				children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-8 text-(--enad-button-bg)" })
+			}),
+			/* @__PURE__ */ jsx("h2", {
+				className: "text-xl font-semibold text-(--enad-text-primary-color) mb-1",
+				children: title
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				className: "text-sm text-(--enad-text-muted-color) mb-2",
+				children: ["Order #", orderNumber]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-sm text-(--enad-text-muted-color) max-w-md mb-6",
+				children: message
+			}),
+			children
+		]
+	});
 }
-export {
-  OrderConfirmation
-};
+//#endregion
+export { OrderConfirmation };
+
 //# sourceMappingURL=order-confirmation.mjs.map

package/dist/client/storefront/checkout/order-confirmation.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/checkout/order-confirmation.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\n\nexport interface OrderConfirmationProps {\n  orderNumber: string;\n  title: string;\n  message: string;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function OrderConfirmation({\n  orderNumber,\n  title,\n  message,\n  children,\n  className,\n}: OrderConfirmationProps) {\n  const CheckIcon = useIcon(\"check\");\n\n  return (\n    <div className={cn(\"font-enad flex flex-col items-center text-center\", className)}>\n      <div className=\"flex size-16 items-center justify-center rounded-full bg-(--enad-button-bg)/10 mb-4\">\n        <CheckIcon className=\"size-8 text-(--enad-button-bg)\" />\n      </div>\n\n      <h2 className=\"text-xl font-semibold text-(--enad-text-primary-color) mb-1\">{title}</h2>\n\n      <p className=\"text-sm text-(--enad-text-muted-color) mb-2\">Order #{orderNumber}</p>\n\n      <p className=\"text-sm text-(--enad-text-muted-color) max-w-md mb-6\">{message}</p>\n\n      {children}\n    </div>\n  );\n}\n"],"mappings":";AA0BQ,cAKF,YALE;AAvBR,SAAS,UAAU;AACnB,SAAS,eAAe;AAUjB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,YAAY,QAAQ,OAAO;AAEjC,SACE,qBAAC,SAAI,WAAW,GAAG,oDAAoD,SAAS,GAC9E;AAAA,wBAAC,SAAI,WAAU,uFACb,8BAAC,aAAU,WAAU,kCAAiC,GACxD;AAAA,IAEA,oBAAC,QAAG,WAAU,+DAA+D,iBAAM;AAAA,IAEnF,qBAAC,OAAE,WAAU,+CAA8C;AAAA;AAAA,MAAQ;AAAA,OAAY;AAAA,IAE/E,oBAAC,OAAE,WAAU,wDAAwD,mBAAQ;AAAA,IAE5E;AAAA,KACH;AAEJ;","names":[]}
+{"version":3,"file":"order-confirmation.mjs","names":[],"sources":["../../../../src/client/storefront/checkout/order-confirmation.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { useIcon } from \"../../icons/icon-context\";\n\nexport interface OrderConfirmationProps {\n  orderNumber: string;\n  title: string;\n  message: string;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function OrderConfirmation({\n  orderNumber,\n  title,\n  message,\n  children,\n  className,\n}: OrderConfirmationProps) {\n  const CheckIcon = useIcon(\"check\");\n\n  return (\n    <div className={cn(\"font-enad flex flex-col items-center text-center\", className)}>\n      <div className=\"flex size-16 items-center justify-center rounded-full bg-(--enad-button-bg)/10 mb-4\">\n        <CheckIcon className=\"size-8 text-(--enad-button-bg)\" />\n      </div>\n\n      <h2 className=\"text-xl font-semibold text-(--enad-text-primary-color) mb-1\">{title}</h2>\n\n      <p className=\"text-sm text-(--enad-text-muted-color) mb-2\">Order #{orderNumber}</p>\n\n      <p className=\"text-sm text-(--enad-text-muted-color) max-w-md mb-6\">{message}</p>\n\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,kBAAkB,EAChC,aACA,OACA,SACA,UACA,aACyB;CACzB,MAAM,YAAY,QAAQ,QAAQ;AAElC,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,oDAAoD,UAAU;YAAjF;GACE,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,WAAD,EAAW,WAAU,kCAAmC,CAAA;IACpD,CAAA;GAEN,oBAAC,MAAD;IAAI,WAAU;cAA+D;IAAW,CAAA;GAExF,qBAAC,KAAD;IAAG,WAAU;cAAb,CAA2D,WAAQ,YAAgB;;GAEnF,oBAAC,KAAD;IAAG,WAAU;cAAwD;IAAY,CAAA;GAEhF;GACG"}

package/dist/client/storefront/checkout/order-summary.d.ts

@@ -1,29 +1,48 @@
-import type { AddressData } from "./address-form";
-import type { CartLineItem } from "./cart-summary";
-export interface OrderSummaryProps {
-    items: CartLineItem[];
-    subtotal: number;
-    tax?: number;
-    shipping?: number;
-    total: number;
-    currency?: string;
-    locale?: string;
-    shippingAddress?: Partial<AddressData>;
-    billingAddress?: Partial<AddressData>;
-    shippingMethodName?: string;
-    paymentMethodName?: string;
-    className?: string;
-    labels?: {
-        items?: string;
-        shippingAddress?: string;
-        billingAddress?: string;
-        shippingMethod?: string;
-        paymentMethod?: string;
-        subtotal?: string;
-        tax?: string;
-        shipping?: string;
-        total?: string;
-    };
+import { AddressData } from "./address-form.js";
+import { CartLineItem } from "./cart-summary.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/checkout/order-summary.d.ts
+interface OrderSummaryProps {
+  items: CartLineItem[];
+  subtotal: number;
+  tax?: number;
+  shipping?: number;
+  total: number;
+  currency?: string;
+  locale?: string;
+  shippingAddress?: Partial<AddressData>;
+  billingAddress?: Partial<AddressData>;
+  shippingMethodName?: string;
+  paymentMethodName?: string;
+  className?: string;
+  labels?: {
+    items?: string;
+    shippingAddress?: string;
+    billingAddress?: string;
+    shippingMethod?: string;
+    paymentMethod?: string;
+    subtotal?: string;
+    tax?: string;
+    shipping?: string;
+    total?: string;
+  };
 }
-export declare function OrderSummary({ items, subtotal, tax, shipping, total, currency, locale, shippingAddress, billingAddress, shippingMethodName, paymentMethodName, className, labels, }: OrderSummaryProps): import("react/jsx-runtime").JSX.Element;
+declare function OrderSummary({
+  items,
+  subtotal,
+  tax,
+  shipping,
+  total,
+  currency,
+  locale,
+  shippingAddress,
+  billingAddress,
+  shippingMethodName,
+  paymentMethodName,
+  className,
+  labels
+}: OrderSummaryProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { OrderSummary, OrderSummaryProps };
 //# sourceMappingURL=order-summary.d.ts.map

package/dist/client/storefront/checkout/order-summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"order-summary.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/checkout/order-summary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAgBD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,GAAG,EACH,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,MAAgB,EAChB,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,EACT,MAAW,GACZ,EAAE,iBAAiB,2CAsGnB"}
+{"version":3,"file":"order-summary.d.ts","names":[],"sources":["../../../../src/client/storefront/checkout/order-summary.tsx"],"mappings":";;;;;UAOiB,iBAAA;EACf,KAAA,EAAO,YAAA;EACP,QAAA;EACA,GAAA;EACA,QAAA;EACA,KAAA;EACA,QAAA;EACA,MAAA;EACA,eAAA,GAAkB,OAAA,CAAQ,WAAA;EAC1B,cAAA,GAAiB,OAAA,CAAQ,WAAA;EACzB,kBAAA;EACA,iBAAA;EACA,SAAA;EACA,MAAA;IACE,KAAA;IACA,eAAA;IACA,cAAA;IACA,cAAA;IACA,aAAA;IACA,QAAA;IACA,GAAA;IACA,QAAA;IACA,KAAA;EAAA;AAAA;AAAA,iBAkBY,YAAA,CAAA;EACd,KAAA;EACA,QAAA;EACA,GAAA;EACA,QAAA;EACA,KAAA;EACA,QAAA;EACA,MAAA;EACA,eAAA;EACA,cAAA;EACA,kBAAA;EACA,iBAAA;EACA,SAAA;EACA;AAAA,GACC,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/checkout/order-summary.mjs

@@ -1,106 +1,143 @@
+"use client";
+import { cn } from "../../ui/utils.mjs";
+import { Price } from "../components/price.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
-import { Price } from "../components/price";
+//#region src/client/storefront/checkout/order-summary.tsx
 function AddressBlock({ address }) {
-  const name = [address.firstName, address.lastName].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("div", { className: "text-sm text-(--enad-text-primary-color) space-y-0.5", children: [
-    name && /* @__PURE__ */ jsx("p", { className: "font-medium", children: name }),
-    address.company && /* @__PURE__ */ jsx("p", { children: address.company }),
-    address.address1 && /* @__PURE__ */ jsx("p", { children: address.address1 }),
-    address.address2 && /* @__PURE__ */ jsx("p", { children: address.address2 }),
-    /* @__PURE__ */ jsx("p", { children: [address.postalCode, address.city].filter(Boolean).join(" ") }),
-    address.country && /* @__PURE__ */ jsx("p", { children: address.country })
-  ] });
+	const name = [address.firstName, address.lastName].filter(Boolean).join(" ");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "text-sm text-(--enad-text-primary-color) space-y-0.5",
+		children: [
+			name && /* @__PURE__ */ jsx("p", {
+				className: "font-medium",
+				children: name
+			}),
+			address.company && /* @__PURE__ */ jsx("p", { children: address.company }),
+			address.address1 && /* @__PURE__ */ jsx("p", { children: address.address1 }),
+			address.address2 && /* @__PURE__ */ jsx("p", { children: address.address2 }),
+			/* @__PURE__ */ jsx("p", { children: [address.postalCode, address.city].filter(Boolean).join(" ") }),
+			address.country && /* @__PURE__ */ jsx("p", { children: address.country })
+		]
+	});
 }
-function OrderSummary({
-  items,
-  subtotal,
-  tax,
-  shipping,
-  total,
-  currency = "SEK",
-  locale = "sv-SE",
-  shippingAddress,
-  billingAddress,
-  shippingMethodName,
-  paymentMethodName,
-  className,
-  labels = {}
-}) {
-  const l = {
-    items: labels.items ?? "Items",
-    shippingAddress: labels.shippingAddress ?? "Shipping address",
-    billingAddress: labels.billingAddress ?? "Billing address",
-    shippingMethod: labels.shippingMethod ?? "Shipping",
-    paymentMethod: labels.paymentMethod ?? "Payment",
-    subtotal: labels.subtotal ?? "Subtotal",
-    tax: labels.tax ?? "Tax",
-    shipping: labels.shipping ?? "Shipping",
-    total: labels.total ?? "Total"
-  };
-  return /* @__PURE__ */ jsxs("div", { className: cn("font-enad space-y-6", className), children: [
-    /* @__PURE__ */ jsxs("section", { children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-(--enad-text-primary-color) mb-2", children: l.items }),
-      /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: items.map((item) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between text-sm", children: [
-        /* @__PURE__ */ jsxs("span", { className: "text-(--enad-text-primary-color)", children: [
-          item.name,
-          " ",
-          /* @__PURE__ */ jsxs("span", { className: "text-(--enad-text-muted-color)", children: [
-            "\xD7 ",
-            item.quantity
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Price,
-          {
-            amount: item.price * item.quantity,
-            currency: item.currency ?? currency,
-            locale
-          }
-        )
-      ] }, item.id)) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
-      shippingAddress && /* @__PURE__ */ jsxs("section", { children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-(--enad-text-primary-color) mb-2", children: l.shippingAddress }),
-        /* @__PURE__ */ jsx(AddressBlock, { address: shippingAddress })
-      ] }),
-      billingAddress && /* @__PURE__ */ jsxs("section", { children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-(--enad-text-primary-color) mb-2", children: l.billingAddress }),
-        /* @__PURE__ */ jsx(AddressBlock, { address: billingAddress })
-      ] })
-    ] }),
-    (shippingMethodName || paymentMethodName) && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
-      shippingMethodName && /* @__PURE__ */ jsxs("section", { children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-(--enad-text-primary-color) mb-1", children: l.shippingMethod }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color)", children: shippingMethodName })
-      ] }),
-      paymentMethodName && /* @__PURE__ */ jsxs("section", { children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-(--enad-text-primary-color) mb-1", children: l.paymentMethod }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color)", children: paymentMethodName })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-t border-(--enad-border-color) pt-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: l.subtotal }),
-        /* @__PURE__ */ jsx(Price, { amount: subtotal, currency, locale })
-      ] }),
-      tax != null && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: l.tax }),
-        /* @__PURE__ */ jsx(Price, { amount: tax, currency, locale })
-      ] }),
-      shipping != null && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: l.shipping }),
-        /* @__PURE__ */ jsx(Price, { amount: shipping, currency, locale })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex justify-between border-t border-(--enad-border-color) pt-2 text-base font-semibold", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: l.total }),
-        /* @__PURE__ */ jsx(Price, { amount: total, currency, locale })
-      ] })
-    ] })
-  ] });
+function OrderSummary({ items, subtotal, tax, shipping, total, currency = "SEK", locale, shippingAddress, billingAddress, shippingMethodName, paymentMethodName, className, labels = {} }) {
+	const l = {
+		items: labels.items ?? "Items",
+		shippingAddress: labels.shippingAddress ?? "Shipping address",
+		billingAddress: labels.billingAddress ?? "Billing address",
+		shippingMethod: labels.shippingMethod ?? "Shipping",
+		paymentMethod: labels.paymentMethod ?? "Payment",
+		subtotal: labels.subtotal ?? "Subtotal",
+		tax: labels.tax ?? "Tax",
+		shipping: labels.shipping ?? "Shipping",
+		total: labels.total ?? "Total"
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("font-enad space-y-6", className),
+		children: [
+			/* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h3", {
+				className: "text-sm font-semibold text-(--enad-text-primary-color) mb-2",
+				children: l.items
+			}), /* @__PURE__ */ jsx("ul", {
+				className: "space-y-2",
+				children: items.map((item) => /* @__PURE__ */ jsxs("li", {
+					className: "flex items-center justify-between text-sm",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "text-(--enad-text-primary-color)",
+						children: [
+							item.name,
+							" ",
+							/* @__PURE__ */ jsxs("span", {
+								className: "text-(--enad-text-muted-color)",
+								children: ["× ", item.quantity]
+							})
+						]
+					}), /* @__PURE__ */ jsx(Price, {
+						amount: item.price * item.quantity,
+						currency: item.currency ?? currency,
+						locale
+					})]
+				}, item.id))
+			})] }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+				children: [shippingAddress && /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-sm font-semibold text-(--enad-text-primary-color) mb-2",
+					children: l.shippingAddress
+				}), /* @__PURE__ */ jsx(AddressBlock, { address: shippingAddress })] }), billingAddress && /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-sm font-semibold text-(--enad-text-primary-color) mb-2",
+					children: l.billingAddress
+				}), /* @__PURE__ */ jsx(AddressBlock, { address: billingAddress })] })]
+			}),
+			(shippingMethodName || paymentMethodName) && /* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+				children: [shippingMethodName && /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-sm font-semibold text-(--enad-text-primary-color) mb-1",
+					children: l.shippingMethod
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-(--enad-text-muted-color)",
+					children: shippingMethodName
+				})] }), paymentMethodName && /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-sm font-semibold text-(--enad-text-primary-color) mb-1",
+					children: l.paymentMethod
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-sm text-(--enad-text-muted-color)",
+					children: paymentMethodName
+				})] })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-2 border-t border-(--enad-border-color) pt-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-(--enad-text-muted-color)",
+							children: l.subtotal
+						}), /* @__PURE__ */ jsx(Price, {
+							amount: subtotal,
+							currency,
+							locale
+						})]
+					}),
+					tax != null && /* @__PURE__ */ jsxs("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-(--enad-text-muted-color)",
+							children: l.tax
+						}), /* @__PURE__ */ jsx(Price, {
+							amount: tax,
+							currency,
+							locale
+						})]
+					}),
+					shipping != null && /* @__PURE__ */ jsxs("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-(--enad-text-muted-color)",
+							children: l.shipping
+						}), /* @__PURE__ */ jsx(Price, {
+							amount: shipping,
+							currency,
+							locale
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex justify-between border-t border-(--enad-border-color) pt-2 text-base font-semibold",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-(--enad-text-primary-color)",
+							children: l.total
+						}), /* @__PURE__ */ jsx(Price, {
+							amount: total,
+							currency,
+							locale
+						})]
+					})
+				]
+			})
+		]
+	});
 }
-export {
-  OrderSummary
-};
+//#endregion
+export { OrderSummary };
+
 //# sourceMappingURL=order-summary.mjs.map

package/dist/client/storefront/checkout/order-summary.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/checkout/order-summary.tsx"],"sourcesContent":["import { cn } from \"../../ui/utils\";\nimport { Price } from \"../components/price\";\nimport type { AddressData } from \"./address-form\";\nimport type { CartLineItem } from \"./cart-summary\";\n\nexport interface OrderSummaryProps {\n  items: CartLineItem[];\n  subtotal: number;\n  tax?: number;\n  shipping?: number;\n  total: number;\n  currency?: string;\n  locale?: string;\n  shippingAddress?: Partial<AddressData>;\n  billingAddress?: Partial<AddressData>;\n  shippingMethodName?: string;\n  paymentMethodName?: string;\n  className?: string;\n  labels?: {\n    items?: string;\n    shippingAddress?: string;\n    billingAddress?: string;\n    shippingMethod?: string;\n    paymentMethod?: string;\n    subtotal?: string;\n    tax?: string;\n    shipping?: string;\n    total?: string;\n  };\n}\n\nfunction AddressBlock({ address }: { address: Partial<AddressData> }) {\n  const name = [address.firstName, address.lastName].filter(Boolean).join(\" \");\n  return (\n    <div className=\"text-sm text-(--enad-text-primary-color) space-y-0.5\">\n      {name && <p className=\"font-medium\">{name}</p>}\n      {address.company && <p>{address.company}</p>}\n      {address.address1 && <p>{address.address1}</p>}\n      {address.address2 && <p>{address.address2}</p>}\n      <p>{[address.postalCode, address.city].filter(Boolean).join(\" \")}</p>\n      {address.country && <p>{address.country}</p>}\n    </div>\n  );\n}\n\nexport function OrderSummary({\n  items,\n  subtotal,\n  tax,\n  shipping,\n  total,\n  currency = \"SEK\",\n  locale = \"sv-SE\",\n  shippingAddress,\n  billingAddress,\n  shippingMethodName,\n  paymentMethodName,\n  className,\n  labels = {},\n}: OrderSummaryProps) {\n  const l = {\n    items: labels.items ?? \"Items\",\n    shippingAddress: labels.shippingAddress ?? \"Shipping address\",\n    billingAddress: labels.billingAddress ?? \"Billing address\",\n    shippingMethod: labels.shippingMethod ?? \"Shipping\",\n    paymentMethod: labels.paymentMethod ?? \"Payment\",\n    subtotal: labels.subtotal ?? \"Subtotal\",\n    tax: labels.tax ?? \"Tax\",\n    shipping: labels.shipping ?? \"Shipping\",\n    total: labels.total ?? \"Total\",\n  };\n\n  return (\n    <div className={cn(\"font-enad space-y-6\", className)}>\n      {/* Items summary */}\n      <section>\n        <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-2\">{l.items}</h3>\n        <ul className=\"space-y-2\">\n          {items.map((item) => (\n            <li key={item.id} className=\"flex items-center justify-between text-sm\">\n              <span className=\"text-(--enad-text-primary-color)\">\n                {item.name}{\" \"}\n                <span className=\"text-(--enad-text-muted-color)\">× {item.quantity}</span>\n              </span>\n              <Price\n                amount={item.price * item.quantity}\n                currency={item.currency ?? currency}\n                locale={locale}\n              />\n            </li>\n          ))}\n        </ul>\n      </section>\n\n      {/* Addresses */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        {shippingAddress && (\n          <section>\n            <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-2\">\n              {l.shippingAddress}\n            </h3>\n            <AddressBlock address={shippingAddress} />\n          </section>\n        )}\n        {billingAddress && (\n          <section>\n            <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-2\">\n              {l.billingAddress}\n            </h3>\n            <AddressBlock address={billingAddress} />\n          </section>\n        )}\n      </div>\n\n      {/* Method info */}\n      {(shippingMethodName || paymentMethodName) && (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          {shippingMethodName && (\n            <section>\n              <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-1\">\n                {l.shippingMethod}\n              </h3>\n              <p className=\"text-sm text-(--enad-text-muted-color)\">{shippingMethodName}</p>\n            </section>\n          )}\n          {paymentMethodName && (\n            <section>\n              <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-1\">\n                {l.paymentMethod}\n              </h3>\n              <p className=\"text-sm text-(--enad-text-muted-color)\">{paymentMethodName}</p>\n            </section>\n          )}\n        </div>\n      )}\n\n      {/* Totals */}\n      <div className=\"space-y-2 border-t border-(--enad-border-color) pt-4\">\n        <div className=\"flex justify-between text-sm\">\n          <span className=\"text-(--enad-text-muted-color)\">{l.subtotal}</span>\n          <Price amount={subtotal} currency={currency} locale={locale} />\n        </div>\n        {tax != null && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{l.tax}</span>\n            <Price amount={tax} currency={currency} locale={locale} />\n          </div>\n        )}\n        {shipping != null && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{l.shipping}</span>\n            <Price amount={shipping} currency={currency} locale={locale} />\n          </div>\n        )}\n        <div className=\"flex justify-between border-t border-(--enad-border-color) pt-2 text-base font-semibold\">\n          <span className=\"text-(--enad-text-primary-color)\">{l.total}</span>\n          <Price amount={total} currency={currency} locale={locale} />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAkCI,SACW,KADX;AAlCJ,SAAS,UAAU;AACnB,SAAS,aAAa;AA8BtB,SAAS,aAAa,EAAE,QAAQ,GAAsC;AACpE,QAAM,OAAO,CAAC,QAAQ,WAAW,QAAQ,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAC3E,SACE,qBAAC,SAAI,WAAU,wDACZ;AAAA,YAAQ,oBAAC,OAAE,WAAU,eAAe,gBAAK;AAAA,IACzC,QAAQ,WAAW,oBAAC,OAAG,kBAAQ,SAAQ;AAAA,IACvC,QAAQ,YAAY,oBAAC,OAAG,kBAAQ,UAAS;AAAA,IACzC,QAAQ,YAAY,oBAAC,OAAG,kBAAQ,UAAS;AAAA,IAC1C,oBAAC,OAAG,WAAC,QAAQ,YAAY,QAAQ,IAAI,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAE;AAAA,IAChE,QAAQ,WAAW,oBAAC,OAAG,kBAAQ,SAAQ;AAAA,KAC1C;AAEJ;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AACZ,GAAsB;AACpB,QAAM,IAAI;AAAA,IACR,OAAO,OAAO,SAAS;AAAA,IACvB,iBAAiB,OAAO,mBAAmB;AAAA,IAC3C,gBAAgB,OAAO,kBAAkB;AAAA,IACzC,gBAAgB,OAAO,kBAAkB;AAAA,IACzC,eAAe,OAAO,iBAAiB;AAAA,IACvC,UAAU,OAAO,YAAY;AAAA,IAC7B,KAAK,OAAO,OAAO;AAAA,IACnB,UAAU,OAAO,YAAY;AAAA,IAC7B,OAAO,OAAO,SAAS;AAAA,EACzB;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,uBAAuB,SAAS,GAEjD;AAAA,yBAAC,aACC;AAAA,0BAAC,QAAG,WAAU,+DAA+D,YAAE,OAAM;AAAA,MACrF,oBAAC,QAAG,WAAU,aACX,gBAAM,IAAI,CAAC,SACV,qBAAC,QAAiB,WAAU,6CAC1B;AAAA,6BAAC,UAAK,WAAU,oCACb;AAAA,eAAK;AAAA,UAAM;AAAA,UACZ,qBAAC,UAAK,WAAU,kCAAiC;AAAA;AAAA,YAAG,KAAK;AAAA,aAAS;AAAA,WACpE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,KAAK,QAAQ,KAAK;AAAA,YAC1B,UAAU,KAAK,YAAY;AAAA,YAC3B;AAAA;AAAA,QACF;AAAA,WATO,KAAK,EAUd,CACD,GACH;AAAA,OACF;AAAA,IAGA,qBAAC,SAAI,WAAU,yCACZ;AAAA,yBACC,qBAAC,aACC;AAAA,4BAAC,QAAG,WAAU,+DACX,YAAE,iBACL;AAAA,QACA,oBAAC,gBAAa,SAAS,iBAAiB;AAAA,SAC1C;AAAA,MAED,kBACC,qBAAC,aACC;AAAA,4BAAC,QAAG,WAAU,+DACX,YAAE,gBACL;AAAA,QACA,oBAAC,gBAAa,SAAS,gBAAgB;AAAA,SACzC;AAAA,OAEJ;AAAA,KAGE,sBAAsB,sBACtB,qBAAC,SAAI,WAAU,yCACZ;AAAA,4BACC,qBAAC,aACC;AAAA,4BAAC,QAAG,WAAU,+DACX,YAAE,gBACL;AAAA,QACA,oBAAC,OAAE,WAAU,0CAA0C,8BAAmB;AAAA,SAC5E;AAAA,MAED,qBACC,qBAAC,aACC;AAAA,4BAAC,QAAG,WAAU,+DACX,YAAE,eACL;AAAA,QACA,oBAAC,OAAE,WAAU,0CAA0C,6BAAkB;AAAA,SAC3E;AAAA,OAEJ;AAAA,IAIF,qBAAC,SAAI,WAAU,wDACb;AAAA,2BAAC,SAAI,WAAU,gCACb;AAAA,4BAAC,UAAK,WAAU,kCAAkC,YAAE,UAAS;AAAA,QAC7D,oBAAC,SAAM,QAAQ,UAAU,UAAoB,QAAgB;AAAA,SAC/D;AAAA,MACC,OAAO,QACN,qBAAC,SAAI,WAAU,gCACb;AAAA,4BAAC,UAAK,WAAU,kCAAkC,YAAE,KAAI;AAAA,QACxD,oBAAC,SAAM,QAAQ,KAAK,UAAoB,QAAgB;AAAA,SAC1D;AAAA,MAED,YAAY,QACX,qBAAC,SAAI,WAAU,gCACb;AAAA,4BAAC,UAAK,WAAU,kCAAkC,YAAE,UAAS;AAAA,QAC7D,oBAAC,SAAM,QAAQ,UAAU,UAAoB,QAAgB;AAAA,SAC/D;AAAA,MAEF,qBAAC,SAAI,WAAU,2FACb;AAAA,4BAAC,UAAK,WAAU,oCAAoC,YAAE,OAAM;AAAA,QAC5D,oBAAC,SAAM,QAAQ,OAAO,UAAoB,QAAgB;AAAA,SAC5D;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"file":"order-summary.mjs","names":[],"sources":["../../../../src/client/storefront/checkout/order-summary.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../../ui/utils\";\nimport { Price } from \"../components/price\";\nimport type { AddressData } from \"./address-form\";\nimport type { CartLineItem } from \"./cart-summary\";\n\nexport interface OrderSummaryProps {\n  items: CartLineItem[];\n  subtotal: number;\n  tax?: number;\n  shipping?: number;\n  total: number;\n  currency?: string;\n  locale?: string;\n  shippingAddress?: Partial<AddressData>;\n  billingAddress?: Partial<AddressData>;\n  shippingMethodName?: string;\n  paymentMethodName?: string;\n  className?: string;\n  labels?: {\n    items?: string;\n    shippingAddress?: string;\n    billingAddress?: string;\n    shippingMethod?: string;\n    paymentMethod?: string;\n    subtotal?: string;\n    tax?: string;\n    shipping?: string;\n    total?: string;\n  };\n}\n\nfunction AddressBlock({ address }: { address: Partial<AddressData> }) {\n  const name = [address.firstName, address.lastName].filter(Boolean).join(\" \");\n  return (\n    <div className=\"text-sm text-(--enad-text-primary-color) space-y-0.5\">\n      {name && <p className=\"font-medium\">{name}</p>}\n      {address.company && <p>{address.company}</p>}\n      {address.address1 && <p>{address.address1}</p>}\n      {address.address2 && <p>{address.address2}</p>}\n      <p>{[address.postalCode, address.city].filter(Boolean).join(\" \")}</p>\n      {address.country && <p>{address.country}</p>}\n    </div>\n  );\n}\n\nexport function OrderSummary({\n  items,\n  subtotal,\n  tax,\n  shipping,\n  total,\n  currency = \"SEK\",\n  locale,\n  shippingAddress,\n  billingAddress,\n  shippingMethodName,\n  paymentMethodName,\n  className,\n  labels = {},\n}: OrderSummaryProps) {\n  const l = {\n    items: labels.items ?? \"Items\",\n    shippingAddress: labels.shippingAddress ?? \"Shipping address\",\n    billingAddress: labels.billingAddress ?? \"Billing address\",\n    shippingMethod: labels.shippingMethod ?? \"Shipping\",\n    paymentMethod: labels.paymentMethod ?? \"Payment\",\n    subtotal: labels.subtotal ?? \"Subtotal\",\n    tax: labels.tax ?? \"Tax\",\n    shipping: labels.shipping ?? \"Shipping\",\n    total: labels.total ?? \"Total\",\n  };\n\n  return (\n    <div className={cn(\"font-enad space-y-6\", className)}>\n      {/* Items summary */}\n      <section>\n        <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-2\">{l.items}</h3>\n        <ul className=\"space-y-2\">\n          {items.map((item) => (\n            <li key={item.id} className=\"flex items-center justify-between text-sm\">\n              <span className=\"text-(--enad-text-primary-color)\">\n                {item.name}{\" \"}\n                <span className=\"text-(--enad-text-muted-color)\">× {item.quantity}</span>\n              </span>\n              <Price\n                amount={item.price * item.quantity}\n                currency={item.currency ?? currency}\n                locale={locale}\n              />\n            </li>\n          ))}\n        </ul>\n      </section>\n\n      {/* Addresses */}\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n        {shippingAddress && (\n          <section>\n            <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-2\">\n              {l.shippingAddress}\n            </h3>\n            <AddressBlock address={shippingAddress} />\n          </section>\n        )}\n        {billingAddress && (\n          <section>\n            <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-2\">\n              {l.billingAddress}\n            </h3>\n            <AddressBlock address={billingAddress} />\n          </section>\n        )}\n      </div>\n\n      {/* Method info */}\n      {(shippingMethodName || paymentMethodName) && (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          {shippingMethodName && (\n            <section>\n              <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-1\">\n                {l.shippingMethod}\n              </h3>\n              <p className=\"text-sm text-(--enad-text-muted-color)\">{shippingMethodName}</p>\n            </section>\n          )}\n          {paymentMethodName && (\n            <section>\n              <h3 className=\"text-sm font-semibold text-(--enad-text-primary-color) mb-1\">\n                {l.paymentMethod}\n              </h3>\n              <p className=\"text-sm text-(--enad-text-muted-color)\">{paymentMethodName}</p>\n            </section>\n          )}\n        </div>\n      )}\n\n      {/* Totals */}\n      <div className=\"space-y-2 border-t border-(--enad-border-color) pt-4\">\n        <div className=\"flex justify-between text-sm\">\n          <span className=\"text-(--enad-text-muted-color)\">{l.subtotal}</span>\n          <Price amount={subtotal} currency={currency} locale={locale} />\n        </div>\n        {tax != null && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{l.tax}</span>\n            <Price amount={tax} currency={currency} locale={locale} />\n          </div>\n        )}\n        {shipping != null && (\n          <div className=\"flex justify-between text-sm\">\n            <span className=\"text-(--enad-text-muted-color)\">{l.shipping}</span>\n            <Price amount={shipping} currency={currency} locale={locale} />\n          </div>\n        )}\n        <div className=\"flex justify-between border-t border-(--enad-border-color) pt-2 text-base font-semibold\">\n          <span className=\"text-(--enad-text-primary-color)\">{l.total}</span>\n          <Price amount={total} currency={currency} locale={locale} />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}