@cimplify/sdk 0.83.0 → 0.85.0

package/dist/react.js

@@ -3442,7 +3442,7 @@ function CimplifySignInButton({
 }) {
   const [busy, setBusy] = React14.useState(false);
   const onClick = async () => {
-    if (busy || disabled) return;
+    if (busy || disabled || !signInOpts.clientId) return;
     setBusy(true);
     await chunkHPN5R3K2_js.startSignIn({
       ...signInOpts,
@@ -4155,14 +4155,13 @@ function CimplifyUserButton({
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center", className), "data-cimplify-user-button": "loading", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-8 rounded-full bg-muted/60 animate-pulse" }) });
   }
   if (!session) {
-    if (!clientId || !redirectUri) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(
       CimplifySignInButton,
       {
         variant: "outline",
         label: signInLabel ?? "Sign in",
-        clientId,
-        redirectUri,
+        clientId: clientId ?? "",
+        redirectUri: redirectUri ?? "",
         onSuccess: onSignIn,
         className
       }
@@ -7870,29 +7869,30 @@ function DatePicker({
               classNames: {
                 months: "flex flex-col gap-3",
                 month: "flex flex-col gap-3",
-                caption: "flex items-center justify-between px-1",
+                month_caption: "flex items-center justify-between px-1",
                 caption_label: "text-sm font-semibold",
                 nav: "flex items-center gap-1",
-                nav_button: "inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted transition-colors",
-                table: "w-full border-collapse",
-                head_row: "flex",
-                head_cell: "w-9 text-center text-[10px] font-medium uppercase tracking-wider text-muted-foreground",
-                row: "flex w-full mt-1",
-                cell: "w-9 h-9 text-center text-sm p-0 relative",
-                day: cn(
+                button_previous: "inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted transition-colors",
+                button_next: "inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted transition-colors",
+                month_grid: "w-full border-collapse",
+                weekdays: "flex",
+                weekday: "w-9 text-center text-[10px] font-medium uppercase tracking-wider text-muted-foreground",
+                week: "flex w-full mt-1",
+                day: "w-9 h-9 text-center text-sm p-0 relative",
+                day_button: cn(
                   "inline-flex h-9 w-9 items-center justify-center rounded-md text-sm font-normal text-foreground hover:bg-muted transition-colors",
                   "aria-selected:bg-foreground aria-selected:text-background aria-selected:hover:bg-foreground/90"
                 ),
-                day_selected: cn(
+                selected: cn(
                   "bg-foreground text-background hover:bg-foreground/90 focus:bg-foreground",
                   classNames?.daySelected
                 ),
-                day_today: cn(
+                today: cn(
                   "ring-1 ring-inset ring-primary/40",
                   classNames?.dayToday
                 ),
-                day_outside: "text-muted-foreground/50",
-                day_disabled: cn(
+                outside: "text-muted-foreground/50",
+                disabled: cn(
                   "text-muted-foreground/40 cursor-not-allowed line-through",
                   classNames?.dayDisabled
                 )
@@ -10538,6 +10538,105 @@ function SaleBadge({
     }
   );
 }
+function SalePrice({
+  sale,
+  amount,
+  currency,
+  showBadge = true,
+  showCountdown = false,
+  showClaim = false,
+  className,
+  classNames
+}) {
+  if (!sale) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Price, { amount, currency, className });
+  }
+  const off = Math.round(chunk7Y2O3E4D_js.parsePrice(sale.percent_off));
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-cimplify-sale": sale.sale_id,
+      className: cn(className, classNames?.root),
+      style: { display: "inline-flex", alignItems: "baseline", gap: "0.5rem", flexWrap: "wrap" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Price,
+          {
+            amount: sale.price,
+            currency,
+            className: cn("cmp-sale-price", classNames?.price)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-cimplify-sale-original": true,
+            className: classNames?.original,
+            style: { textDecoration: "line-through", opacity: 0.6 },
+            children: /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: sale.original, currency })
+          }
+        ),
+        showBadge && (sale.badge_text || off > 0) && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-sale-badge": true, className: classNames?.badge, children: sale.badge_text ?? `${off}% OFF` }),
+        showCountdown && /* @__PURE__ */ jsxRuntime.jsx(SaleCountdown, { endsAt: sale.ends_at, className: classNames?.countdown }),
+        showClaim && sale.cap && /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-sale-claim": true, className: classNames?.claim, children: [
+          sale.cap.claimed,
+          " of ",
+          sale.cap.of,
+          " claimed"
+        ] })
+      ]
+    }
+  );
+}
+function SaleCountdown({
+  endsAt,
+  className
+}) {
+  const [now, setNow] = React14.useState(null);
+  React14.useEffect(() => {
+    setNow(Date.now());
+    const id = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(id);
+  }, []);
+  if (now == null) {
+    return null;
+  }
+  const remaining = Date.parse(endsAt) - now;
+  if (!Number.isFinite(remaining) || remaining <= 0) {
+    return null;
+  }
+  const totalSeconds = Math.floor(remaining / 1e3);
+  const days = Math.floor(totalSeconds / 86400);
+  const hours = Math.floor(totalSeconds % 86400 / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  const label = days > 0 ? `${days}d ${hours}h ${minutes}m` : hours > 0 ? `${hours}h ${minutes}m ${seconds}s` : `${minutes}m ${seconds}s`;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-sale-countdown": true, className, children: [
+    "Ends in ",
+    label
+  ] });
+}
+function SaleTeaser({
+  upcoming,
+  children,
+  className
+}) {
+  const [mounted, setMounted] = React14.useState(false);
+  React14.useEffect(() => setMounted(true), []);
+  if (!upcoming || !mounted) {
+    return null;
+  }
+  const at = Date.parse(upcoming.starts_at);
+  if (!Number.isFinite(at)) {
+    return null;
+  }
+  const when = new Date(at).toLocaleDateString(void 0, {
+    weekday: "short",
+    month: "short",
+    day: "numeric"
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-sale-teaser": true, className, children: children ? children({ when }) : upcoming.badge_text ?? `Back ${when}` });
+}
 var ALLOWED_EMBED_HOSTS = /* @__PURE__ */ new Set([
   "www.youtube.com",
   "youtube.com",
@@ -11012,14 +11111,16 @@ function SoldOutOverlay() {
   );
 }
 function SaleBadge2({ product }) {
-  if (!chunk7Y2O3E4D_js.isOnSale(product)) return null;
-  const pct = chunk7Y2O3E4D_js.getDiscountPercentage(product);
-  if (!pct || pct <= 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-cimplify-card-sale-badge": true, className: "inline-flex items-center text-[11px] font-semibold tracking-wide bg-destructive text-destructive-foreground px-2 py-0.5 rounded-md", children: [
-    "-",
-    pct,
-    "%"
-  ] });
+  let label = null;
+  if (product.sale) {
+    const off = Math.round(chunk7Y2O3E4D_js.parsePrice(product.sale.percent_off));
+    label = product.sale.badge_text ?? (off > 0 ? `-${off}%` : null);
+  } else if (chunk7Y2O3E4D_js.isOnSale(product)) {
+    const pct = chunk7Y2O3E4D_js.getDiscountPercentage(product);
+    label = pct && pct > 0 ? `-${pct}%` : null;
+  }
+  if (!label) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-cimplify-card-sale-badge": true, className: "inline-flex items-center text-[11px] font-semibold tracking-wide bg-destructive text-destructive-foreground px-2 py-0.5 rounded-md", children: label });
 }
 function CardShell({
   product,
@@ -11130,10 +11231,13 @@ function RetailProductCard({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3.5", children: [
       product.vendor && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-widest", children: product.vendor }),
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-[14.5px] font-semibold text-foreground leading-snug tracking-tight mt-1 truncate", children: product.name }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mt-2", children: product.sale ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.sale.price, currency, className: "text-sm font-bold" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.sale.original, currency, className: "text-xs text-muted-foreground line-through" })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price, currency, className: "text-sm font-bold" }),
         onSale && /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: chunk7Y2O3E4D_js.getBasePrice(product), currency, className: "text-xs text-muted-foreground line-through" })
-      ] }),
+      ] }) }),
       swatches.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1.5 mt-2.5", children: swatches.map((name) => /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
@@ -14191,7 +14295,11 @@ function DefaultProductLayout({
             /* @__PURE__ */ jsxRuntime.jsx(TagPills, { tags: product.tags || [] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("h1", { "data-cimplify-product-layout-name": true, className: "text-3xl lg:text-4xl font-extrabold tracking-tight", children: product.name }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-baseline gap-3", children: hasRange ? /* @__PURE__ */ jsxRuntime.jsx(PriceRange, { product, currency, className: "text-2xl font-extrabold" }) : onSale ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-baseline gap-3", children: hasRange ? /* @__PURE__ */ jsxRuntime.jsx(PriceRange, { product, currency, className: "text-2xl font-extrabold" }) : product.sale ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.sale.price, currency, className: "text-2xl font-extrabold" }),
+            /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.sale.original, currency, className: "text-lg text-muted-foreground line-through" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-destructive bg-destructive/10 px-2 py-0.5", children: product.sale.badge_text ?? `${Math.round(chunk7Y2O3E4D_js.parsePrice(product.sale.percent_off))}% OFF` })
+          ] }) : onSale ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: product.default_price, currency, className: "text-2xl font-extrabold" }),
             /* @__PURE__ */ jsxRuntime.jsx(Price, { amount: chunk7Y2O3E4D_js.getBasePrice(product), currency, className: "text-lg text-muted-foreground line-through" }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-bold text-destructive bg-destructive/10 px-2 py-0.5", children: [
@@ -17227,6 +17335,8 @@ exports.ResourcePicker = ResourcePicker;
 exports.RetailProductCard = RetailProductCard;
 exports.RichText = RichText;
 exports.SaleBadge = SaleBadge;
+exports.SalePrice = SalePrice;
+exports.SaleTeaser = SaleTeaser;
 exports.ScheduleServiceCard = ScheduleServiceCard;
 exports.SearchInput = SearchInput;
 exports.SearchPage = SearchPage;

package/dist/react.mjs

@@ -3418,7 +3418,7 @@ function CimplifySignInButton({
 }) {
   const [busy, setBusy] = useState(false);
   const onClick = async () => {
-    if (busy || disabled) return;
+    if (busy || disabled || !signInOpts.clientId) return;
     setBusy(true);
     await startSignIn({
       ...signInOpts,
@@ -4131,14 +4131,13 @@ function CimplifyUserButton({
     return /* @__PURE__ */ jsx("div", { className: cn("inline-flex items-center", className), "data-cimplify-user-button": "loading", children: /* @__PURE__ */ jsx("span", { className: "size-8 rounded-full bg-muted/60 animate-pulse" }) });
   }
   if (!session) {
-    if (!clientId || !redirectUri) return null;
     return /* @__PURE__ */ jsx(
       CimplifySignInButton,
       {
         variant: "outline",
         label: signInLabel ?? "Sign in",
-        clientId,
-        redirectUri,
+        clientId: clientId ?? "",
+        redirectUri: redirectUri ?? "",
         onSuccess: onSignIn,
         className
       }
@@ -7846,29 +7845,30 @@ function DatePicker({
               classNames: {
                 months: "flex flex-col gap-3",
                 month: "flex flex-col gap-3",
-                caption: "flex items-center justify-between px-1",
+                month_caption: "flex items-center justify-between px-1",
                 caption_label: "text-sm font-semibold",
                 nav: "flex items-center gap-1",
-                nav_button: "inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted transition-colors",
-                table: "w-full border-collapse",
-                head_row: "flex",
-                head_cell: "w-9 text-center text-[10px] font-medium uppercase tracking-wider text-muted-foreground",
-                row: "flex w-full mt-1",
-                cell: "w-9 h-9 text-center text-sm p-0 relative",
-                day: cn(
+                button_previous: "inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted transition-colors",
+                button_next: "inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground hover:bg-muted transition-colors",
+                month_grid: "w-full border-collapse",
+                weekdays: "flex",
+                weekday: "w-9 text-center text-[10px] font-medium uppercase tracking-wider text-muted-foreground",
+                week: "flex w-full mt-1",
+                day: "w-9 h-9 text-center text-sm p-0 relative",
+                day_button: cn(
                   "inline-flex h-9 w-9 items-center justify-center rounded-md text-sm font-normal text-foreground hover:bg-muted transition-colors",
                   "aria-selected:bg-foreground aria-selected:text-background aria-selected:hover:bg-foreground/90"
                 ),
-                day_selected: cn(
+                selected: cn(
                   "bg-foreground text-background hover:bg-foreground/90 focus:bg-foreground",
                   classNames?.daySelected
                 ),
-                day_today: cn(
+                today: cn(
                   "ring-1 ring-inset ring-primary/40",
                   classNames?.dayToday
                 ),
-                day_outside: "text-muted-foreground/50",
-                day_disabled: cn(
+                outside: "text-muted-foreground/50",
+                disabled: cn(
                   "text-muted-foreground/40 cursor-not-allowed line-through",
                   classNames?.dayDisabled
                 )
@@ -10514,6 +10514,105 @@ function SaleBadge({
     }
   );
 }
+function SalePrice({
+  sale,
+  amount,
+  currency,
+  showBadge = true,
+  showCountdown = false,
+  showClaim = false,
+  className,
+  classNames
+}) {
+  if (!sale) {
+    return /* @__PURE__ */ jsx(Price, { amount, currency, className });
+  }
+  const off = Math.round(parsePrice(sale.percent_off));
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-cimplify-sale": sale.sale_id,
+      className: cn(className, classNames?.root),
+      style: { display: "inline-flex", alignItems: "baseline", gap: "0.5rem", flexWrap: "wrap" },
+      children: [
+        /* @__PURE__ */ jsx(
+          Price,
+          {
+            amount: sale.price,
+            currency,
+            className: cn("cmp-sale-price", classNames?.price)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-cimplify-sale-original": true,
+            className: classNames?.original,
+            style: { textDecoration: "line-through", opacity: 0.6 },
+            children: /* @__PURE__ */ jsx(Price, { amount: sale.original, currency })
+          }
+        ),
+        showBadge && (sale.badge_text || off > 0) && /* @__PURE__ */ jsx("span", { "data-cimplify-sale-badge": true, className: classNames?.badge, children: sale.badge_text ?? `${off}% OFF` }),
+        showCountdown && /* @__PURE__ */ jsx(SaleCountdown, { endsAt: sale.ends_at, className: classNames?.countdown }),
+        showClaim && sale.cap && /* @__PURE__ */ jsxs("span", { "data-cimplify-sale-claim": true, className: classNames?.claim, children: [
+          sale.cap.claimed,
+          " of ",
+          sale.cap.of,
+          " claimed"
+        ] })
+      ]
+    }
+  );
+}
+function SaleCountdown({
+  endsAt,
+  className
+}) {
+  const [now, setNow] = useState(null);
+  useEffect(() => {
+    setNow(Date.now());
+    const id = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(id);
+  }, []);
+  if (now == null) {
+    return null;
+  }
+  const remaining = Date.parse(endsAt) - now;
+  if (!Number.isFinite(remaining) || remaining <= 0) {
+    return null;
+  }
+  const totalSeconds = Math.floor(remaining / 1e3);
+  const days = Math.floor(totalSeconds / 86400);
+  const hours = Math.floor(totalSeconds % 86400 / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  const label = days > 0 ? `${days}d ${hours}h ${minutes}m` : hours > 0 ? `${hours}h ${minutes}m ${seconds}s` : `${minutes}m ${seconds}s`;
+  return /* @__PURE__ */ jsxs("span", { "data-cimplify-sale-countdown": true, className, children: [
+    "Ends in ",
+    label
+  ] });
+}
+function SaleTeaser({
+  upcoming,
+  children,
+  className
+}) {
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => setMounted(true), []);
+  if (!upcoming || !mounted) {
+    return null;
+  }
+  const at = Date.parse(upcoming.starts_at);
+  if (!Number.isFinite(at)) {
+    return null;
+  }
+  const when = new Date(at).toLocaleDateString(void 0, {
+    weekday: "short",
+    month: "short",
+    day: "numeric"
+  });
+  return /* @__PURE__ */ jsx("span", { "data-cimplify-sale-teaser": true, className, children: children ? children({ when }) : upcoming.badge_text ?? `Back ${when}` });
+}
 var ALLOWED_EMBED_HOSTS = /* @__PURE__ */ new Set([
   "www.youtube.com",
   "youtube.com",
@@ -10988,14 +11087,16 @@ function SoldOutOverlay() {
   );
 }
 function SaleBadge2({ product }) {
-  if (!isOnSale(product)) return null;
-  const pct = getDiscountPercentage(product);
-  if (!pct || pct <= 0) return null;
-  return /* @__PURE__ */ jsxs("span", { "data-cimplify-card-sale-badge": true, className: "inline-flex items-center text-[11px] font-semibold tracking-wide bg-destructive text-destructive-foreground px-2 py-0.5 rounded-md", children: [
-    "-",
-    pct,
-    "%"
-  ] });
+  let label = null;
+  if (product.sale) {
+    const off = Math.round(parsePrice(product.sale.percent_off));
+    label = product.sale.badge_text ?? (off > 0 ? `-${off}%` : null);
+  } else if (isOnSale(product)) {
+    const pct = getDiscountPercentage(product);
+    label = pct && pct > 0 ? `-${pct}%` : null;
+  }
+  if (!label) return null;
+  return /* @__PURE__ */ jsx("span", { "data-cimplify-card-sale-badge": true, className: "inline-flex items-center text-[11px] font-semibold tracking-wide bg-destructive text-destructive-foreground px-2 py-0.5 rounded-md", children: label });
 }
 function CardShell({
   product,
@@ -11106,10 +11207,13 @@ function RetailProductCard({
     /* @__PURE__ */ jsxs("div", { className: "p-3.5", children: [
       product.vendor && /* @__PURE__ */ jsx("p", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-widest", children: product.vendor }),
       /* @__PURE__ */ jsx("h3", { className: "text-[14.5px] font-semibold text-foreground leading-snug tracking-tight mt-1 truncate", children: product.name }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 mt-2", children: product.sale ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Price, { amount: product.sale.price, currency, className: "text-sm font-bold" }),
+        /* @__PURE__ */ jsx(Price, { amount: product.sale.original, currency, className: "text-xs text-muted-foreground line-through" })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(Price, { amount: product.default_price, currency, className: "text-sm font-bold" }),
         onSale && /* @__PURE__ */ jsx(Price, { amount: getBasePrice(product), currency, className: "text-xs text-muted-foreground line-through" })
-      ] }),
+      ] }) }),
       swatches.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-1.5 mt-2.5", children: swatches.map((name) => /* @__PURE__ */ jsx(
         "span",
         {
@@ -14167,7 +14271,11 @@ function DefaultProductLayout({
             /* @__PURE__ */ jsx(TagPills, { tags: product.tags || [] })
           ] }),
           /* @__PURE__ */ jsx("h1", { "data-cimplify-product-layout-name": true, className: "text-3xl lg:text-4xl font-extrabold tracking-tight", children: product.name }),
-          /* @__PURE__ */ jsx("div", { className: "flex items-baseline gap-3", children: hasRange ? /* @__PURE__ */ jsx(PriceRange, { product, currency, className: "text-2xl font-extrabold" }) : onSale ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-baseline gap-3", children: hasRange ? /* @__PURE__ */ jsx(PriceRange, { product, currency, className: "text-2xl font-extrabold" }) : product.sale ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Price, { amount: product.sale.price, currency, className: "text-2xl font-extrabold" }),
+            /* @__PURE__ */ jsx(Price, { amount: product.sale.original, currency, className: "text-lg text-muted-foreground line-through" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-destructive bg-destructive/10 px-2 py-0.5", children: product.sale.badge_text ?? `${Math.round(parsePrice(product.sale.percent_off))}% OFF` })
+          ] }) : onSale ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Price, { amount: product.default_price, currency, className: "text-2xl font-extrabold" }),
             /* @__PURE__ */ jsx(Price, { amount: getBasePrice(product), currency, className: "text-lg text-muted-foreground line-through" }),
             /* @__PURE__ */ jsxs("span", { className: "text-sm font-bold text-destructive bg-destructive/10 px-2 py-0.5", children: [
@@ -17056,4 +17164,4 @@ function SparkleIcon({ className }) {
   );
 }
 
-export { AccommodationCard, AccountContent, AccountDashboardPage, AccountHero, AccountIdentityStrip, AccountLineItem, AccountLineItems, AccountNav, AccountOrderDetailPage, AccountOrderView, AccountOrdersPage, AccountShell, AccountSidebar, AccountSignedOutPrompt, AccountSubscriptionDetailPage, AccountSubscriptionsPage, Ad, AdProvider, AddOnSelector, AddressElement, AuthElement, AvailabilityBadge, BackLink, BillingPlanSelector, BookingCard, BookingList, BookingPage, BookingSummary, BookingsPage, BoxIcon24, BundleProductCard, BundleProductLayout, BundleSelector, Button, CardImage, CardShell, CardVariant, CartDrawer, CartDrawerProvider, CartPage, CartSummary, CartTemplate, CatalogueCollectionLayout, CataloguePage, CatalogueTemplate, CategoryFilter, CategoryGrid, ChatWidget, CheckIcon, CheckoutPage, CimplifyCheckout, CimplifyProvider, CimplifySignInButton, CimplifyUserButton, CollectionPage, CollectionTemplate, CompactCartLayout, CompactCatalogueLayout, CompactSearchLayout, CompactServiceCard, CompositeProductCard, CompositeProductLayout, CompositeSelector, ContextCard, ContinuityCard, CurrencySelector, CustomAttributesTable, CustomerInputFields, DashboardIcon, DashboardIcon20, DatePicker, DateSlotPicker, DealBanner, DealsPage, DefaultCartLayout, DefaultCatalogueLayout, DefaultCollectionLayout, DefaultProductLayout, DefaultSearchLayout, DeliveryEstimate, DeliveryTracker, DeliveryTruckIcon, DigitalProductCard, DigitalProductLayout, DiscountInput, ElementsProvider, EmptyState, ErrorState, FeaturedCollectionLayout, FilterTabs, FoodProductCard, FoodProductLayout, HappeningCard, IdentityIcon, IdentityOfframp, InventoryBadge, ItemsCard, LeaseServiceCard, LineItemDetails, LocationPicker, MediaGallery, MetadataStringList, MobileAccountShell, MobileBackButton, MobileMoreButton, MobileTabBar, NextDeliveryCard, OrderDetailHeader, OrderDetailMetaPipe, OrderDetailPage, OrderHistory, OrderHistoryPage, OrderList, OrderRow, OrderSummary, OrderTimeline, OrderTotals, OrdersIcon, OrdersIcon20, OvenIcon, PackageIcon, PaymentElement, Price, PriceRange, ProductCard, ProductCustomizer, ProductGrid, ProductImageGallery, ProductModel3D, ProductPage, ProductSheet, ProductTemplate, PropertiesTable, QuantitySelector, QuickAddButton, RecentlyViewed, RecommendationCarousel, RelatedProductsSection, RentalServiceCard, ResourcePicker, RetailProductCard, RichText, SaleBadge, ScheduleServiceCard, SearchInput, SearchPage, SearchTemplate, Section, SectionMore, ServiceProductLayout, SessionMessageBanner, SignOutIcon, Skeleton, SlotPicker, SoldOutOverlay, StaffPicker, StandardServiceCard, Status, StoreNav, StoreVideo, SubscriptionCard, SubscriptionList, SubscriptionRow, SubscriptionsIcon, SubscriptionsIcon20, TagPills, TimePicker, Toast, TwoColumnGrid, VariantSelector, VolumePricing, WelcomeCard, WholesaleProductCard, WholesaleProductLayout, WishlistButton, cn, prefetchProduct, prefetchProducts, roomToResource, sanitizeRichTextHtml, stripHtmlToText, toAccountLineItem, toAccountLineItems, toAccountOrderView, useActivityState, useAds, useAttributeDefinitions, useAvailableSlots, useBillingPlans, useBookings, useBootstrap, useBundles, useCart, useCartDrawer, useCategories, useChat, useCheckout, useCimplify, useCimplifyClient, useCimplifySession, useCollection, useCollections, useDeals, useDeliveryFee, useDeliveryOptions, useElements, useElementsReady, useFxRate, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, usePropertyFacets, useQuote, useRecommendations, useSearch, useServiceAvailability, useServices, useStoreCredit, useSubscription, useSubscriptions, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount, useVariantSelector };
+export { AccommodationCard, AccountContent, AccountDashboardPage, AccountHero, AccountIdentityStrip, AccountLineItem, AccountLineItems, AccountNav, AccountOrderDetailPage, AccountOrderView, AccountOrdersPage, AccountShell, AccountSidebar, AccountSignedOutPrompt, AccountSubscriptionDetailPage, AccountSubscriptionsPage, Ad, AdProvider, AddOnSelector, AddressElement, AuthElement, AvailabilityBadge, BackLink, BillingPlanSelector, BookingCard, BookingList, BookingPage, BookingSummary, BookingsPage, BoxIcon24, BundleProductCard, BundleProductLayout, BundleSelector, Button, CardImage, CardShell, CardVariant, CartDrawer, CartDrawerProvider, CartPage, CartSummary, CartTemplate, CatalogueCollectionLayout, CataloguePage, CatalogueTemplate, CategoryFilter, CategoryGrid, ChatWidget, CheckIcon, CheckoutPage, CimplifyCheckout, CimplifyProvider, CimplifySignInButton, CimplifyUserButton, CollectionPage, CollectionTemplate, CompactCartLayout, CompactCatalogueLayout, CompactSearchLayout, CompactServiceCard, CompositeProductCard, CompositeProductLayout, CompositeSelector, ContextCard, ContinuityCard, CurrencySelector, CustomAttributesTable, CustomerInputFields, DashboardIcon, DashboardIcon20, DatePicker, DateSlotPicker, DealBanner, DealsPage, DefaultCartLayout, DefaultCatalogueLayout, DefaultCollectionLayout, DefaultProductLayout, DefaultSearchLayout, DeliveryEstimate, DeliveryTracker, DeliveryTruckIcon, DigitalProductCard, DigitalProductLayout, DiscountInput, ElementsProvider, EmptyState, ErrorState, FeaturedCollectionLayout, FilterTabs, FoodProductCard, FoodProductLayout, HappeningCard, IdentityIcon, IdentityOfframp, InventoryBadge, ItemsCard, LeaseServiceCard, LineItemDetails, LocationPicker, MediaGallery, MetadataStringList, MobileAccountShell, MobileBackButton, MobileMoreButton, MobileTabBar, NextDeliveryCard, OrderDetailHeader, OrderDetailMetaPipe, OrderDetailPage, OrderHistory, OrderHistoryPage, OrderList, OrderRow, OrderSummary, OrderTimeline, OrderTotals, OrdersIcon, OrdersIcon20, OvenIcon, PackageIcon, PaymentElement, Price, PriceRange, ProductCard, ProductCustomizer, ProductGrid, ProductImageGallery, ProductModel3D, ProductPage, ProductSheet, ProductTemplate, PropertiesTable, QuantitySelector, QuickAddButton, RecentlyViewed, RecommendationCarousel, RelatedProductsSection, RentalServiceCard, ResourcePicker, RetailProductCard, RichText, SaleBadge, SalePrice, SaleTeaser, ScheduleServiceCard, SearchInput, SearchPage, SearchTemplate, Section, SectionMore, ServiceProductLayout, SessionMessageBanner, SignOutIcon, Skeleton, SlotPicker, SoldOutOverlay, StaffPicker, StandardServiceCard, Status, StoreNav, StoreVideo, SubscriptionCard, SubscriptionList, SubscriptionRow, SubscriptionsIcon, SubscriptionsIcon20, TagPills, TimePicker, Toast, TwoColumnGrid, VariantSelector, VolumePricing, WelcomeCard, WholesaleProductCard, WholesaleProductLayout, WishlistButton, cn, prefetchProduct, prefetchProducts, roomToResource, sanitizeRichTextHtml, stripHtmlToText, toAccountLineItem, toAccountLineItems, toAccountOrderView, useActivityState, useAds, useAttributeDefinitions, useAvailableSlots, useBillingPlans, useBookings, useBootstrap, useBundles, useCart, useCartDrawer, useCategories, useChat, useCheckout, useCimplify, useCimplifyClient, useCimplifySession, useCollection, useCollections, useDeals, useDeliveryFee, useDeliveryOptions, useElements, useElementsReady, useFxRate, useLocations, useOptionalCimplify, useOrder, useOrders, useProduct, useProductAvailability, useProductDeals, useProductPrice, useProductSchedules, useProducts, useProductsOnSale, usePropertyFacets, useQuote, useRecommendations, useSearch, useServiceAvailability, useServices, useStoreCredit, useSubscription, useSubscriptions, useTaxonomies, useTaxonomy, useTaxonomyPath, useValidateDiscount, useVariantSelector };

package/dist/{server-DaovvB9J.d.mts → server-DjK98UW-.d.mts}

@@ -1,5 +1,5 @@
 import { Hono } from 'hono';
-import { b1 as ProductInputField } from './product-DXhjLQ_w.mjs';
+import { b1 as ProductInputField } from './product-RJMIdCAf.mjs';
 
 interface Clock {
     now(): Date;

package/dist/{server-ZGCyuz4V.d.ts → server-DvThXldo.d.ts}

@@ -1,5 +1,5 @@
 import { Hono } from 'hono';
-import { b1 as ProductInputField } from './product-DXhjLQ_w.js';
+import { b1 as ProductInputField } from './product-RJMIdCAf.js';
 
 interface Clock {
     now(): Date;

package/dist/server.d.mts

@@ -1,8 +1,8 @@
-import { ad as CimplifyClient } from './client-DnHP_2Jw.mjs';
-export { K as CacheOptions, ct as ReadRequestOptions, cP as Result } from './client-DnHP_2Jw.mjs';
-export { Q as Category, T as CimplifyError, U as Collection, aX as Product, b9 as ProductWithDetails } from './product-DXhjLQ_w.mjs';
+import { ad as CimplifyClient } from './client-DLtwQ-jI.mjs';
+export { K as CacheOptions, ct as ReadRequestOptions, cP as Result } from './client-DLtwQ-jI.mjs';
+export { Q as Category, T as CimplifyError, U as Collection, aX as Product, b9 as ProductWithDetails } from './product-RJMIdCAf.mjs';
 import { JWTVerifyResult } from 'jose';
-import './payment-T_0MUE9o.mjs';
+import './payment-Dh-6cRcV.mjs';
 
 interface ServerClientOptions {
     /**

package/dist/server.d.ts

@@ -1,8 +1,8 @@
-import { ad as CimplifyClient } from './client-xc2aQSB4.js';
-export { K as CacheOptions, ct as ReadRequestOptions, cP as Result } from './client-xc2aQSB4.js';
-export { Q as Category, T as CimplifyError, U as Collection, aX as Product, b9 as ProductWithDetails } from './product-DXhjLQ_w.js';
+import { ad as CimplifyClient } from './client-WKKxIiF1.js';
+export { K as CacheOptions, ct as ReadRequestOptions, cP as Result } from './client-WKKxIiF1.js';
+export { Q as Category, T as CimplifyError, U as Collection, aX as Product, b9 as ProductWithDetails } from './product-RJMIdCAf.js';
 import { JWTVerifyResult } from 'jose';
-import './payment-nH9OCUg2.js';
+import './payment-D1f3ZQPC.js';
 
 interface ServerClientOptions {
     /**