@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/storefront/carousel/swipeable-carousel.mjs

@@ -1,80 +1,50 @@
 "use client";
+import { cn } from "../../ui/utils.mjs";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from "../../ui-resolver/carousel.mjs";
+import * as React$1 from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import {
-  Carousel,
-  CarouselContent,
-  CarouselItem,
-  CarouselPrevious,
-  CarouselNext
-} from "../../ui-resolver/carousel";
-import { cn } from "../../ui/utils";
-function SwipeableCarousel({
-  items,
-  className,
-  arrows,
-  showDots = true,
-  dotsClassName,
-  activeSlide,
-  onSlideChange
-}) {
-  const [api, setApi] = React.useState();
-  const [current, setCurrent] = React.useState(0);
-  const [count, setCount] = React.useState(0);
-  React.useEffect(() => {
-    if (!api) return;
-    setCount(api.scrollSnapList().length);
-    setCurrent(api.selectedScrollSnap());
-    api.on("select", () => {
-      const idx = api.selectedScrollSnap();
-      setCurrent(idx);
-      onSlideChange?.(idx);
-    });
-  }, [api, onSlideChange]);
-  React.useEffect(() => {
-    if (!api || activeSlide === void 0) return;
-    if (api.selectedScrollSnap() !== activeSlide) {
-      api.scrollTo(activeSlide);
-    }
-  }, [api, activeSlide]);
-  if (items.length === 0) return null;
-  const singleItem = items.length === 1;
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative", arrows === "outset" && "mx-12", className), children: [
-    /* @__PURE__ */ jsxs(Carousel, { setApi, opts: { loop: !singleItem }, children: [
-      /* @__PURE__ */ jsx(CarouselContent, { children: items.map((item, index) => /* @__PURE__ */ jsx(CarouselItem, { children: item }, index)) }),
-      arrows && !singleItem && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          CarouselPrevious,
-          {
-            className: arrows === "inset" ? "left-3 -translate-x-0" : void 0
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          CarouselNext,
-          {
-            className: arrows === "inset" ? "right-3 translate-x-0" : void 0
-          }
-        )
-      ] })
-    ] }),
-    showDots && !singleItem && count > 1 && /* @__PURE__ */ jsx("div", { className: cn("absolute inset-x-0 bottom-3 z-10 flex items-center justify-center gap-1.5", dotsClassName), role: "tablist", children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        role: "tab",
-        "aria-selected": index === current,
-        "aria-label": `Go to slide ${index + 1}`,
-        onClick: () => api?.scrollTo(index),
-        className: cn(
-          "size-2 rounded-full transition-all shadow-sm",
-          index === current ? "bg-primary" : "bg-background/70 hover:bg-background/90"
-        )
-      },
-      index
-    )) })
-  ] });
+//#region src/client/storefront/carousel/swipeable-carousel.tsx
+function SwipeableCarousel({ items, className, arrows, showDots = true, dotsClassName, activeSlide, onSlideChange }) {
+	const [api, setApi] = React$1.useState();
+	const [current, setCurrent] = React$1.useState(0);
+	const [count, setCount] = React$1.useState(0);
+	React$1.useEffect(() => {
+		if (!api) return;
+		setCount(api.scrollSnapList().length);
+		setCurrent(api.selectedScrollSnap());
+		api.on("select", () => {
+			const idx = api.selectedScrollSnap();
+			setCurrent(idx);
+			onSlideChange?.(idx);
+		});
+	}, [api, onSlideChange]);
+	React$1.useEffect(() => {
+		if (!api || activeSlide === void 0) return;
+		if (api.selectedScrollSnap() !== activeSlide) api.scrollTo(activeSlide);
+	}, [api, activeSlide]);
+	if (items.length === 0) return null;
+	const singleItem = items.length === 1;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("relative", arrows === "outset" && "mx-12", className),
+		children: [/* @__PURE__ */ jsxs(Carousel, {
+			setApi,
+			opts: { loop: !singleItem },
+			children: [/* @__PURE__ */ jsx(CarouselContent, { children: items.map((item, index) => /* @__PURE__ */ jsx(CarouselItem, { children: item }, index)) }), arrows && !singleItem && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CarouselPrevious, { className: arrows === "inset" ? "left-3 -translate-x-0" : void 0 }), /* @__PURE__ */ jsx(CarouselNext, { className: arrows === "inset" ? "right-3 translate-x-0" : void 0 })] })]
+		}), showDots && !singleItem && count > 1 && /* @__PURE__ */ jsx("div", {
+			className: cn("absolute inset-x-0 bottom-3 z-10 flex items-center justify-center gap-1.5", dotsClassName),
+			role: "tablist",
+			children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": index === current,
+				"aria-label": `Go to slide ${index + 1}`,
+				onClick: () => api?.scrollTo(index),
+				className: cn("size-2 rounded-full transition-all shadow-sm", index === current ? "bg-primary" : "bg-background/70 hover:bg-background/90")
+			}, index))
+		})]
+	});
 }
-export {
-  SwipeableCarousel
-};
+//#endregion
+export { SwipeableCarousel };
+
 //# sourceMappingURL=swipeable-carousel.mjs.map

package/dist/client/storefront/carousel/swipeable-carousel.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/carousel/swipeable-carousel.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n  type CarouselApi,\n} from \"../../ui-resolver/carousel\"\nimport { cn } from \"../../ui/utils\"\n\ninterface SwipeableCarouselProps {\n  items: React.ReactNode[]\n  className?: string\n  /** 'inset' — arrows float over the image edges; 'outset' — arrows sit outside the image bounds */\n  arrows?: \"inset\" | \"outset\"\n  showDots?: boolean\n  dotsClassName?: string\n  activeSlide?: number\n  onSlideChange?: (index: number) => void\n}\n\nfunction SwipeableCarousel({\n  items,\n  className,\n  arrows,\n  showDots = true,\n  dotsClassName,\n  activeSlide,\n  onSlideChange,\n}: SwipeableCarouselProps) {\n  const [api, setApi] = React.useState<CarouselApi>()\n  const [current, setCurrent] = React.useState(0)\n  const [count, setCount] = React.useState(0)\n\n  React.useEffect(() => {\n    if (!api) return\n\n    setCount(api.scrollSnapList().length)\n    setCurrent(api.selectedScrollSnap())\n\n    api.on(\"select\", () => {\n      const idx = api.selectedScrollSnap()\n      setCurrent(idx)\n      onSlideChange?.(idx)\n    })\n  }, [api, onSlideChange])\n\n  React.useEffect(() => {\n    if (!api || activeSlide === undefined) return\n    if (api.selectedScrollSnap() !== activeSlide) {\n      api.scrollTo(activeSlide)\n    }\n  }, [api, activeSlide])\n\n  if (items.length === 0) return null\n\n  const singleItem = items.length === 1\n\n  return (\n    <div className={cn(\"relative\", arrows === \"outset\" && \"mx-12\", className)}>\n      <Carousel setApi={setApi} opts={{ loop: !singleItem }}>\n        <CarouselContent>\n          {items.map((item, index) => (\n            <CarouselItem key={index}>{item}</CarouselItem>\n          ))}\n        </CarouselContent>\n\n        {arrows && !singleItem && (\n          <>\n            <CarouselPrevious\n              className={arrows === \"inset\" ? \"left-3 -translate-x-0\" : undefined}\n            />\n            <CarouselNext\n              className={arrows === \"inset\" ? \"right-3 translate-x-0\" : undefined}\n            />\n          </>\n        )}\n      </Carousel>\n\n      {showDots && !singleItem && count > 1 && (\n        <div className={cn(\"absolute inset-x-0 bottom-3 z-10 flex items-center justify-center gap-1.5\", dotsClassName)} role=\"tablist\">\n          {Array.from({ length: count }).map((_, index) => (\n            <button\n              key={index}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={index === current}\n              aria-label={`Go to slide ${index + 1}`}\n              onClick={() => api?.scrollTo(index)}\n              className={cn(\n                \"size-2 rounded-full transition-all shadow-sm\",\n                index === current\n                  ? \"bg-primary\"\n                  : \"bg-background/70 hover:bg-background/90\"\n              )}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { SwipeableCarousel, type SwipeableCarouselProps }\n"],"mappings":";AAkEY,SAKF,UALE,KAKF,YALE;AAhEZ,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,UAAU;AAanB,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,CAAC,KAAK,MAAM,IAAI,MAAM,SAAsB;AAClD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,CAAC;AAC9C,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,CAAC;AAE1C,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AAEV,aAAS,IAAI,eAAe,EAAE,MAAM;AACpC,eAAW,IAAI,mBAAmB,CAAC;AAEnC,QAAI,GAAG,UAAU,MAAM;AACrB,YAAM,MAAM,IAAI,mBAAmB;AACnC,iBAAW,GAAG;AACd,sBAAgB,GAAG;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,aAAa,CAAC;AAEvB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,OAAO,gBAAgB,OAAW;AACvC,QAAI,IAAI,mBAAmB,MAAM,aAAa;AAC5C,UAAI,SAAS,WAAW;AAAA,IAC1B;AAAA,EACF,GAAG,CAAC,KAAK,WAAW,CAAC;AAErB,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,QAAM,aAAa,MAAM,WAAW;AAEpC,SACE,qBAAC,SAAI,WAAW,GAAG,YAAY,WAAW,YAAY,SAAS,SAAS,GACtE;AAAA,yBAAC,YAAS,QAAgB,MAAM,EAAE,MAAM,CAAC,WAAW,GAClD;AAAA,0BAAC,mBACE,gBAAM,IAAI,CAAC,MAAM,UAChB,oBAAC,gBAA0B,kBAAR,KAAa,CACjC,GACH;AAAA,MAEC,UAAU,CAAC,cACV,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,WAAW,UAAU,0BAA0B;AAAA;AAAA,QAC5D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,WAAW,UAAU,0BAA0B;AAAA;AAAA,QAC5D;AAAA,SACF;AAAA,OAEJ;AAAA,IAEC,YAAY,CAAC,cAAc,QAAQ,KAClC,oBAAC,SAAI,WAAW,GAAG,6EAA6E,aAAa,GAAG,MAAK,WAClH,gBAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,UACrC;AAAA,MAAC;AAAA;AAAA,QAEC,MAAK;AAAA,QACL,MAAK;AAAA,QACL,iBAAe,UAAU;AAAA,QACzB,cAAY,eAAe,QAAQ,CAAC;AAAA,QACpC,SAAS,MAAM,KAAK,SAAS,KAAK;AAAA,QAClC,WAAW;AAAA,UACT;AAAA,UACA,UAAU,UACN,eACA;AAAA,QACN;AAAA;AAAA,MAXK;AAAA,IAYP,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"file":"swipeable-carousel.mjs","names":["React"],"sources":["../../../../src/client/storefront/carousel/swipeable-carousel.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n  type CarouselApi,\n} from \"../../ui-resolver/carousel\"\nimport { cn } from \"../../ui/utils\"\n\ninterface SwipeableCarouselProps {\n  items: React.ReactNode[]\n  className?: string\n  /** 'inset' — arrows float over the image edges; 'outset' — arrows sit outside the image bounds */\n  arrows?: \"inset\" | \"outset\"\n  showDots?: boolean\n  dotsClassName?: string\n  activeSlide?: number\n  onSlideChange?: (index: number) => void\n}\n\nfunction SwipeableCarousel({\n  items,\n  className,\n  arrows,\n  showDots = true,\n  dotsClassName,\n  activeSlide,\n  onSlideChange,\n}: SwipeableCarouselProps) {\n  const [api, setApi] = React.useState<CarouselApi>()\n  const [current, setCurrent] = React.useState(0)\n  const [count, setCount] = React.useState(0)\n\n  React.useEffect(() => {\n    if (!api) return\n\n    setCount(api.scrollSnapList().length)\n    setCurrent(api.selectedScrollSnap())\n\n    api.on(\"select\", () => {\n      const idx = api.selectedScrollSnap()\n      setCurrent(idx)\n      onSlideChange?.(idx)\n    })\n  }, [api, onSlideChange])\n\n  React.useEffect(() => {\n    if (!api || activeSlide === undefined) return\n    if (api.selectedScrollSnap() !== activeSlide) {\n      api.scrollTo(activeSlide)\n    }\n  }, [api, activeSlide])\n\n  if (items.length === 0) return null\n\n  const singleItem = items.length === 1\n\n  return (\n    <div className={cn(\"relative\", arrows === \"outset\" && \"mx-12\", className)}>\n      <Carousel setApi={setApi} opts={{ loop: !singleItem }}>\n        <CarouselContent>\n          {items.map((item, index) => (\n            <CarouselItem key={index}>{item}</CarouselItem>\n          ))}\n        </CarouselContent>\n\n        {arrows && !singleItem && (\n          <>\n            <CarouselPrevious\n              className={arrows === \"inset\" ? \"left-3 -translate-x-0\" : undefined}\n            />\n            <CarouselNext\n              className={arrows === \"inset\" ? \"right-3 translate-x-0\" : undefined}\n            />\n          </>\n        )}\n      </Carousel>\n\n      {showDots && !singleItem && count > 1 && (\n        <div className={cn(\"absolute inset-x-0 bottom-3 z-10 flex items-center justify-center gap-1.5\", dotsClassName)} role=\"tablist\">\n          {Array.from({ length: count }).map((_, index) => (\n            <button\n              key={index}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={index === current}\n              aria-label={`Go to slide ${index + 1}`}\n              onClick={() => api?.scrollTo(index)}\n              className={cn(\n                \"size-2 rounded-full transition-all shadow-sm\",\n                index === current\n                  ? \"bg-primary\"\n                  : \"bg-background/70 hover:bg-background/90\"\n              )}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { SwipeableCarousel, type SwipeableCarouselProps }\n"],"mappings":";;;;;;AAwBA,SAAS,kBAAkB,EACzB,OACA,WACA,QACA,WAAW,MACX,eACA,aACA,iBACyB;CACzB,MAAM,CAAC,KAAK,UAAUA,QAAM,UAAuB;CACnD,MAAM,CAAC,SAAS,cAAcA,QAAM,SAAS,EAAE;CAC/C,MAAM,CAAC,OAAO,YAAYA,QAAM,SAAS,EAAE;AAE3C,SAAM,gBAAgB;AACpB,MAAI,CAAC,IAAK;AAEV,WAAS,IAAI,gBAAgB,CAAC,OAAO;AACrC,aAAW,IAAI,oBAAoB,CAAC;AAEpC,MAAI,GAAG,gBAAgB;GACrB,MAAM,MAAM,IAAI,oBAAoB;AACpC,cAAW,IAAI;AACf,mBAAgB,IAAI;IACpB;IACD,CAAC,KAAK,cAAc,CAAC;AAExB,SAAM,gBAAgB;AACpB,MAAI,CAAC,OAAO,gBAAgB,KAAA,EAAW;AACvC,MAAI,IAAI,oBAAoB,KAAK,YAC/B,KAAI,SAAS,YAAY;IAE1B,CAAC,KAAK,YAAY,CAAC;AAEtB,KAAI,MAAM,WAAW,EAAG,QAAO;CAE/B,MAAM,aAAa,MAAM,WAAW;AAEpC,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,YAAY,WAAW,YAAY,SAAS,UAAU;YAAzE,CACE,qBAAC,UAAD;GAAkB;GAAQ,MAAM,EAAE,MAAM,CAAC,YAAY;aAArD,CACE,oBAAC,iBAAD,EAAA,UACG,MAAM,KAAK,MAAM,UAChB,oBAAC,cAAD,EAAA,UAA2B,MAAoB,EAA5B,MAA4B,CAC/C,EACc,CAAA,EAEjB,UAAU,CAAC,cACV,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,kBAAD,EACE,WAAW,WAAW,UAAU,0BAA0B,KAAA,GAC1D,CAAA,EACF,oBAAC,cAAD,EACE,WAAW,WAAW,UAAU,0BAA0B,KAAA,GAC1D,CAAA,CACD,EAAA,CAAA,CAEI;MAEV,YAAY,CAAC,cAAc,QAAQ,KAClC,oBAAC,OAAD;GAAK,WAAW,GAAG,6EAA6E,cAAc;GAAE,MAAK;aAClH,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,CAAC,KAAK,GAAG,UACrC,oBAAC,UAAD;IAEE,MAAK;IACL,MAAK;IACL,iBAAe,UAAU;IACzB,cAAY,eAAe,QAAQ;IACnC,eAAe,KAAK,SAAS,MAAM;IACnC,WAAW,GACT,gDACA,UAAU,UACN,eACA,0CACL;IACD,EAZK,MAYL,CACF;GACE,CAAA,CAEJ"}

package/dist/client/storefront/checkout/address-form.d.ts

@@ -1,31 +1,48 @@
-export interface AddressData {
-    firstName: string;
-    lastName: string;
-    company?: string;
-    address1: string;
-    address2?: string;
-    city: string;
-    postalCode: string;
-    region?: string;
-    country: string;
-    phone?: string;
-    email?: string;
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/storefront/checkout/address-form.d.ts
+interface AddressData {
+  firstName: string;
+  lastName: string;
+  company?: string;
+  address1: string;
+  address2?: string;
+  city: string;
+  postalCode: string;
+  region?: string;
+  country: string;
+  phone?: string;
+  email?: string;
 }
-export interface AddressFormProps {
-    value: Partial<AddressData>;
-    onChange: (field: keyof AddressData, value: string) => void;
-    onSubmit?: () => void;
-    errors?: Partial<Record<keyof AddressData, string>>;
-    countries?: {
-        code: string;
-        name: string;
-    }[];
-    showCompany?: boolean;
-    showRegion?: boolean;
-    showPhone?: boolean;
-    showEmail?: boolean;
-    className?: string;
-    labels?: Partial<Record<keyof AddressData, string>>;
+interface AddressFormProps {
+  value: Partial<AddressData>;
+  onChange: (field: keyof AddressData, value: string) => void;
+  onSubmit?: () => void;
+  errors?: Partial<Record<keyof AddressData, string>>;
+  countries?: {
+    code: string;
+    name: string;
+  }[];
+  showCompany?: boolean;
+  showRegion?: boolean;
+  showPhone?: boolean;
+  showEmail?: boolean;
+  className?: string;
+  labels?: Partial<Record<keyof AddressData, string>>;
 }
-export declare function AddressForm({ value, onChange, onSubmit, errors, countries, showCompany, showRegion, showPhone, showEmail, className, labels, }: AddressFormProps): import("react/jsx-runtime").JSX.Element;
+declare function AddressForm({
+  value,
+  onChange,
+  onSubmit,
+  errors,
+  countries,
+  showCompany,
+  showRegion,
+  showPhone,
+  showEmail,
+  className,
+  labels
+}: AddressFormProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AddressData, AddressForm, AddressFormProps };
 //# sourceMappingURL=address-form.d.ts.map

package/dist/client/storefront/checkout/address-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"address-form.d.ts","sourceRoot":"","sources":["../../../../src/client/storefront/checkout/address-form.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;CACrD;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAW,EACX,SAAc,EACd,WAAmB,EACnB,UAAiB,EACjB,SAAiB,EACjB,SAAiB,EACjB,SAAS,EACT,MAAW,GACZ,EAAE,gBAAgB,2CAiHlB"}
+{"version":3,"file":"address-form.d.ts","names":[],"sources":["../../../../src/client/storefront/checkout/address-form.tsx"],"mappings":";;;UAciB,WAAA;EACf,SAAA;EACA,QAAA;EACA,OAAA;EACA,QAAA;EACA,QAAA;EACA,IAAA;EACA,UAAA;EACA,MAAA;EACA,OAAA;EACA,KAAA;EACA,KAAA;AAAA;AAAA,UAGe,gBAAA;EACf,KAAA,EAAO,OAAA,CAAQ,WAAA;EACf,QAAA,GAAW,KAAA,QAAa,WAAA,EAAa,KAAA;EACrC,QAAA;EACA,MAAA,GAAS,OAAA,CAAQ,MAAA,OAAa,WAAA;EAC9B,SAAA;IAAc,IAAA;IAAc,IAAA;EAAA;EAC5B,WAAA;EACA,UAAA;EACA,SAAA;EACA,SAAA;EACA,SAAA;EACA,MAAA,GAAS,OAAA,CAAQ,MAAA,OAAa,WAAA;AAAA;AAAA,iBAGhB,WAAA,CAAA;EACd,KAAA;EACA,QAAA;EACA,QAAA;EACA,MAAA;EACA,SAAA;EACA,WAAA;EACA,UAAA;EACA,SAAA;EACA,SAAA;EACA,SAAA;EACA;AAAA,GACC,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/storefront/checkout/address-form.mjs

@@ -1,124 +1,114 @@
 "use client";
+import { cn } from "../../ui/utils.mjs";
+import { Input } from "../../ui-resolver/input.mjs";
+import { Label } from "../../ui-resolver/label.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui-resolver/select.mjs";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "../../ui/utils";
-import { Input } from "../../ui-resolver/input";
-import { Label } from "../../ui-resolver/label";
-import {
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue
-} from "../../ui-resolver/select";
-function AddressForm({
-  value,
-  onChange,
-  onSubmit,
-  errors = {},
-  countries = [],
-  showCompany = false,
-  showRegion = true,
-  showPhone = false,
-  showEmail = false,
-  className,
-  labels = {}
-}) {
-  const l = {
-    firstName: labels.firstName ?? "First name",
-    lastName: labels.lastName ?? "Last name",
-    company: labels.company ?? "Company",
-    address1: labels.address1 ?? "Address",
-    address2: labels.address2 ?? "Apartment, suite, etc.",
-    city: labels.city ?? "City",
-    postalCode: labels.postalCode ?? "Postal code",
-    region: labels.region ?? "Region / State",
-    country: labels.country ?? "Country",
-    phone: labels.phone ?? "Phone",
-    email: labels.email ?? "Email"
-  };
-  const requiredFields = /* @__PURE__ */ new Set([
-    "firstName",
-    "lastName",
-    "address1",
-    "city",
-    "postalCode",
-    "country"
-  ]);
-  function field(name, label, opts) {
-    const { type = "text", span = "half" } = opts ?? {};
-    const isRequired = requiredFields.has(name);
-    return /* @__PURE__ */ jsxs("div", { className: cn(span === "full" ? "col-span-2" : "col-span-1"), children: [
-      /* @__PURE__ */ jsx(
-        Label,
-        {
-          htmlFor: `address-${name}`,
-          className: "text-sm font-medium text-(--enad-text-primary-color)",
-          children: label
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          id: `address-${name}`,
-          type,
-          value: value[name] ?? "",
-          onChange: (e) => onChange(name, e.target.value),
-          "aria-invalid": !!errors[name],
-          "aria-required": isRequired || void 0,
-          "aria-describedby": errors[name] ? `address-${name}-error` : void 0,
-          className: "mt-1"
-        }
-      ),
-      errors[name] && /* @__PURE__ */ jsx("p", { id: `address-${name}-error`, className: "mt-1 text-xs text-(--enad-error-color)", children: errors[name] })
-    ] }, name);
-  }
-  return /* @__PURE__ */ jsxs(
-    "form",
-    {
-      onSubmit: (e) => {
-        e.preventDefault();
-        onSubmit?.();
-      },
-      className: cn("font-enad grid grid-cols-2 gap-4", className),
-      children: [
-        field("firstName", l.firstName),
-        field("lastName", l.lastName),
-        showCompany && field("company", l.company, { span: "full" }),
-        field("address1", l.address1, { span: "full" }),
-        field("address2", l.address2, { span: "full" }),
-        field("city", l.city),
-        field("postalCode", l.postalCode),
-        showRegion && field("region", l.region),
-        /* @__PURE__ */ jsxs("div", { className: "col-span-1", children: [
-          /* @__PURE__ */ jsx(
-            Label,
-            {
-              htmlFor: "address-country",
-              className: "text-sm font-medium text-(--enad-text-primary-color)",
-              children: l.country
-            }
-          ),
-          countries.length > 0 ? /* @__PURE__ */ jsxs(Select, { value: value.country ?? "", onValueChange: (v) => onChange("country", v), children: [
-            /* @__PURE__ */ jsx(SelectTrigger, { id: "address-country", className: "mt-1", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: l.country }) }),
-            /* @__PURE__ */ jsx(SelectContent, { children: countries.map((c) => /* @__PURE__ */ jsx(SelectItem, { value: c.code, children: c.name }, c.code)) })
-          ] }) : /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "address-country",
-              value: value.country ?? "",
-              onChange: (e) => onChange("country", e.target.value),
-              className: "mt-1"
-            }
-          ),
-          errors.country && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-(--enad-error-color)", children: errors.country })
-        ] }),
-        showPhone && field("phone", l.phone, { type: "tel" }),
-        showEmail && field("email", l.email, { type: "email" })
-      ]
-    }
-  );
+//#region src/client/storefront/checkout/address-form.tsx
+function AddressForm({ value, onChange, onSubmit, errors = {}, countries = [], showCompany = false, showRegion = true, showPhone = false, showEmail = false, className, labels = {} }) {
+	const l = {
+		firstName: labels.firstName ?? "First name",
+		lastName: labels.lastName ?? "Last name",
+		company: labels.company ?? "Company",
+		address1: labels.address1 ?? "Address",
+		address2: labels.address2 ?? "Apartment, suite, etc.",
+		city: labels.city ?? "City",
+		postalCode: labels.postalCode ?? "Postal code",
+		region: labels.region ?? "Region / State",
+		country: labels.country ?? "Country",
+		phone: labels.phone ?? "Phone",
+		email: labels.email ?? "Email"
+	};
+	const requiredFields = new Set([
+		"firstName",
+		"lastName",
+		"address1",
+		"city",
+		"postalCode",
+		"country"
+	]);
+	function field(name, label, opts) {
+		const { type = "text", span = "half" } = opts ?? {};
+		const isRequired = requiredFields.has(name);
+		return /* @__PURE__ */ jsxs("div", {
+			className: cn(span === "full" ? "col-span-2" : "col-span-1"),
+			children: [
+				/* @__PURE__ */ jsx(Label, {
+					htmlFor: `address-${name}`,
+					className: "text-sm font-medium text-(--enad-text-primary-color)",
+					children: label
+				}),
+				/* @__PURE__ */ jsx(Input, {
+					id: `address-${name}`,
+					type,
+					value: value[name] ?? "",
+					onChange: (e) => onChange(name, e.target.value),
+					"aria-invalid": !!errors[name],
+					"aria-required": isRequired || void 0,
+					"aria-describedby": errors[name] ? `address-${name}-error` : void 0,
+					className: "mt-1"
+				}),
+				errors[name] && /* @__PURE__ */ jsx("p", {
+					id: `address-${name}-error`,
+					className: "mt-1 text-xs text-(--enad-error-color)",
+					children: errors[name]
+				})
+			]
+		}, name);
+	}
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: (e) => {
+			e.preventDefault();
+			onSubmit?.();
+		},
+		className: cn("font-enad grid grid-cols-2 gap-4", className),
+		children: [
+			field("firstName", l.firstName),
+			field("lastName", l.lastName),
+			showCompany && field("company", l.company, { span: "full" }),
+			field("address1", l.address1, { span: "full" }),
+			field("address2", l.address2, { span: "full" }),
+			field("city", l.city),
+			field("postalCode", l.postalCode),
+			showRegion && field("region", l.region),
+			/* @__PURE__ */ jsxs("div", {
+				className: "col-span-1",
+				children: [
+					/* @__PURE__ */ jsx(Label, {
+						htmlFor: "address-country",
+						className: "text-sm font-medium text-(--enad-text-primary-color)",
+						children: l.country
+					}),
+					countries.length > 0 ? /* @__PURE__ */ jsxs(Select, {
+						value: value.country ?? "",
+						onValueChange: (v) => onChange("country", v),
+						children: [/* @__PURE__ */ jsx(SelectTrigger, {
+							id: "address-country",
+							className: "mt-1",
+							children: /* @__PURE__ */ jsx(SelectValue, { placeholder: l.country })
+						}), /* @__PURE__ */ jsx(SelectContent, { children: countries.map((c) => /* @__PURE__ */ jsx(SelectItem, {
+							value: c.code,
+							children: c.name
+						}, c.code)) })]
+					}) : /* @__PURE__ */ jsx(Input, {
+						id: "address-country",
+						value: value.country ?? "",
+						onChange: (e) => onChange("country", e.target.value),
+						className: "mt-1"
+					}),
+					errors.country && /* @__PURE__ */ jsx("p", {
+						className: "mt-1 text-xs text-(--enad-error-color)",
+						children: errors.country
+					})
+				]
+			}),
+			showPhone && field("phone", l.phone, { type: "tel" }),
+			showEmail && field("email", l.email, { type: "email" })
+		]
+	});
 }
-export {
-  AddressForm
-};
+//#endregion
+export { AddressForm };
+
 //# sourceMappingURL=address-form.mjs.map

package/dist/client/storefront/checkout/address-form.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/storefront/checkout/address-form.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { Input } from \"../../ui-resolver/input\";\nimport { Label } from \"../../ui-resolver/label\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../ui-resolver/select\";\n\nexport interface AddressData {\n  firstName: string;\n  lastName: string;\n  company?: string;\n  address1: string;\n  address2?: string;\n  city: string;\n  postalCode: string;\n  region?: string;\n  country: string;\n  phone?: string;\n  email?: string;\n}\n\nexport interface AddressFormProps {\n  value: Partial<AddressData>;\n  onChange: (field: keyof AddressData, value: string) => void;\n  onSubmit?: () => void;\n  errors?: Partial<Record<keyof AddressData, string>>;\n  countries?: { code: string; name: string }[];\n  showCompany?: boolean;\n  showRegion?: boolean;\n  showPhone?: boolean;\n  showEmail?: boolean;\n  className?: string;\n  labels?: Partial<Record<keyof AddressData, string>>;\n}\n\nexport function AddressForm({\n  value,\n  onChange,\n  onSubmit,\n  errors = {},\n  countries = [],\n  showCompany = false,\n  showRegion = true,\n  showPhone = false,\n  showEmail = false,\n  className,\n  labels = {},\n}: AddressFormProps) {\n  const l = {\n    firstName: labels.firstName ?? \"First name\",\n    lastName: labels.lastName ?? \"Last name\",\n    company: labels.company ?? \"Company\",\n    address1: labels.address1 ?? \"Address\",\n    address2: labels.address2 ?? \"Apartment, suite, etc.\",\n    city: labels.city ?? \"City\",\n    postalCode: labels.postalCode ?? \"Postal code\",\n    region: labels.region ?? \"Region / State\",\n    country: labels.country ?? \"Country\",\n    phone: labels.phone ?? \"Phone\",\n    email: labels.email ?? \"Email\",\n  };\n\n  const requiredFields = new Set<keyof AddressData>([\n    \"firstName\",\n    \"lastName\",\n    \"address1\",\n    \"city\",\n    \"postalCode\",\n    \"country\",\n  ]);\n\n  function field(\n    name: keyof AddressData,\n    label: string,\n    opts?: { type?: string; span?: \"full\" | \"half\" },\n  ) {\n    const { type = \"text\", span = \"half\" } = opts ?? {};\n    const isRequired = requiredFields.has(name);\n    return (\n      <div className={cn(span === \"full\" ? \"col-span-2\" : \"col-span-1\")} key={name}>\n        <Label\n          htmlFor={`address-${name}`}\n          className=\"text-sm font-medium text-(--enad-text-primary-color)\"\n        >\n          {label}\n        </Label>\n        <Input\n          id={`address-${name}`}\n          type={type}\n          value={value[name] ?? \"\"}\n          onChange={(e) => onChange(name, e.target.value)}\n          aria-invalid={!!errors[name]}\n          aria-required={isRequired || undefined}\n          aria-describedby={errors[name] ? `address-${name}-error` : undefined}\n          className=\"mt-1\"\n        />\n        {errors[name] && (\n          <p id={`address-${name}-error`} className=\"mt-1 text-xs text-(--enad-error-color)\">\n            {errors[name]}\n          </p>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <form\n      onSubmit={(e) => {\n        e.preventDefault();\n        onSubmit?.();\n      }}\n      className={cn(\"font-enad grid grid-cols-2 gap-4\", className)}\n    >\n      {field(\"firstName\", l.firstName)}\n      {field(\"lastName\", l.lastName)}\n      {showCompany && field(\"company\", l.company, { span: \"full\" })}\n      {field(\"address1\", l.address1, { span: \"full\" })}\n      {field(\"address2\", l.address2, { span: \"full\" })}\n      {field(\"city\", l.city)}\n      {field(\"postalCode\", l.postalCode)}\n      {showRegion && field(\"region\", l.region)}\n\n      {/* Country select */}\n      <div className=\"col-span-1\">\n        <Label\n          htmlFor=\"address-country\"\n          className=\"text-sm font-medium text-(--enad-text-primary-color)\"\n        >\n          {l.country}\n        </Label>\n        {countries.length > 0 ? (\n          <Select value={value.country ?? \"\"} onValueChange={(v) => onChange(\"country\", v)}>\n            <SelectTrigger id=\"address-country\" className=\"mt-1\">\n              <SelectValue placeholder={l.country} />\n            </SelectTrigger>\n            <SelectContent>\n              {countries.map((c) => (\n                <SelectItem key={c.code} value={c.code}>\n                  {c.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        ) : (\n          <Input\n            id=\"address-country\"\n            value={value.country ?? \"\"}\n            onChange={(e) => onChange(\"country\", e.target.value)}\n            className=\"mt-1\"\n          />\n        )}\n        {errors.country && (\n          <p className=\"mt-1 text-xs text-(--enad-error-color)\">{errors.country}</p>\n        )}\n      </div>\n\n      {showPhone && field(\"phone\", l.phone, { type: \"tel\" })}\n      {showEmail && field(\"email\", l.email, { type: \"email\" })}\n    </form>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"file":"address-form.mjs","names":[],"sources":["../../../../src/client/storefront/checkout/address-form.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../ui/utils\";\nimport { Input } from \"../../ui-resolver/input\";\nimport { Label } from \"../../ui-resolver/label\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../ui-resolver/select\";\n\nexport interface AddressData {\n  firstName: string;\n  lastName: string;\n  company?: string;\n  address1: string;\n  address2?: string;\n  city: string;\n  postalCode: string;\n  region?: string;\n  country: string;\n  phone?: string;\n  email?: string;\n}\n\nexport interface AddressFormProps {\n  value: Partial<AddressData>;\n  onChange: (field: keyof AddressData, value: string) => void;\n  onSubmit?: () => void;\n  errors?: Partial<Record<keyof AddressData, string>>;\n  countries?: { code: string; name: string }[];\n  showCompany?: boolean;\n  showRegion?: boolean;\n  showPhone?: boolean;\n  showEmail?: boolean;\n  className?: string;\n  labels?: Partial<Record<keyof AddressData, string>>;\n}\n\nexport function AddressForm({\n  value,\n  onChange,\n  onSubmit,\n  errors = {},\n  countries = [],\n  showCompany = false,\n  showRegion = true,\n  showPhone = false,\n  showEmail = false,\n  className,\n  labels = {},\n}: AddressFormProps) {\n  const l = {\n    firstName: labels.firstName ?? \"First name\",\n    lastName: labels.lastName ?? \"Last name\",\n    company: labels.company ?? \"Company\",\n    address1: labels.address1 ?? \"Address\",\n    address2: labels.address2 ?? \"Apartment, suite, etc.\",\n    city: labels.city ?? \"City\",\n    postalCode: labels.postalCode ?? \"Postal code\",\n    region: labels.region ?? \"Region / State\",\n    country: labels.country ?? \"Country\",\n    phone: labels.phone ?? \"Phone\",\n    email: labels.email ?? \"Email\",\n  };\n\n  const requiredFields = new Set<keyof AddressData>([\n    \"firstName\",\n    \"lastName\",\n    \"address1\",\n    \"city\",\n    \"postalCode\",\n    \"country\",\n  ]);\n\n  function field(\n    name: keyof AddressData,\n    label: string,\n    opts?: { type?: string; span?: \"full\" | \"half\" },\n  ) {\n    const { type = \"text\", span = \"half\" } = opts ?? {};\n    const isRequired = requiredFields.has(name);\n    return (\n      <div className={cn(span === \"full\" ? \"col-span-2\" : \"col-span-1\")} key={name}>\n        <Label\n          htmlFor={`address-${name}`}\n          className=\"text-sm font-medium text-(--enad-text-primary-color)\"\n        >\n          {label}\n        </Label>\n        <Input\n          id={`address-${name}`}\n          type={type}\n          value={value[name] ?? \"\"}\n          onChange={(e) => onChange(name, e.target.value)}\n          aria-invalid={!!errors[name]}\n          aria-required={isRequired || undefined}\n          aria-describedby={errors[name] ? `address-${name}-error` : undefined}\n          className=\"mt-1\"\n        />\n        {errors[name] && (\n          <p id={`address-${name}-error`} className=\"mt-1 text-xs text-(--enad-error-color)\">\n            {errors[name]}\n          </p>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <form\n      onSubmit={(e) => {\n        e.preventDefault();\n        onSubmit?.();\n      }}\n      className={cn(\"font-enad grid grid-cols-2 gap-4\", className)}\n    >\n      {field(\"firstName\", l.firstName)}\n      {field(\"lastName\", l.lastName)}\n      {showCompany && field(\"company\", l.company, { span: \"full\" })}\n      {field(\"address1\", l.address1, { span: \"full\" })}\n      {field(\"address2\", l.address2, { span: \"full\" })}\n      {field(\"city\", l.city)}\n      {field(\"postalCode\", l.postalCode)}\n      {showRegion && field(\"region\", l.region)}\n\n      {/* Country select */}\n      <div className=\"col-span-1\">\n        <Label\n          htmlFor=\"address-country\"\n          className=\"text-sm font-medium text-(--enad-text-primary-color)\"\n        >\n          {l.country}\n        </Label>\n        {countries.length > 0 ? (\n          <Select value={value.country ?? \"\"} onValueChange={(v) => onChange(\"country\", v)}>\n            <SelectTrigger id=\"address-country\" className=\"mt-1\">\n              <SelectValue placeholder={l.country} />\n            </SelectTrigger>\n            <SelectContent>\n              {countries.map((c) => (\n                <SelectItem key={c.code} value={c.code}>\n                  {c.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        ) : (\n          <Input\n            id=\"address-country\"\n            value={value.country ?? \"\"}\n            onChange={(e) => onChange(\"country\", e.target.value)}\n            className=\"mt-1\"\n          />\n        )}\n        {errors.country && (\n          <p className=\"mt-1 text-xs text-(--enad-error-color)\">{errors.country}</p>\n        )}\n      </div>\n\n      {showPhone && field(\"phone\", l.phone, { type: \"tel\" })}\n      {showEmail && field(\"email\", l.email, { type: \"email\" })}\n    </form>\n  );\n}\n"],"mappings":"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"}