@nextblock-cms/ecom 0.15.5 → 0.15.9

package/lib/components/ProductDetailsLayout.es.js

@@ -1,90 +1,92 @@
 'use client';
-import { jsxDEV as e, Fragment as Q } from "react/jsx-dev-runtime";
-import Y, { useState as V, useEffect as j, useMemo as B } from "react";
-import { Download as Z, Package as ee, ShieldCheck as se } from "lucide-react";
+import { jsxDEV as e, Fragment as Z } from "react/jsx-dev-runtime";
+import ee, { useState as V, useEffect as j, useMemo as B } from "react";
+import { Download as se, Package as te, ShieldCheck as re } from "lucide-react";
 import { Badge as H } from "@nextblock-cms/ui/badge";
-import { Button as te } from "@nextblock-cms/ui/button";
-import { Label as re } from "@nextblock-cms/ui/label";
-import { Separator as oe } from "@nextblock-cms/ui/separator";
-import { useTranslations as ie, cn as ne, formatPrice as O } from "@nextblock-cms/utils";
-import { useProduct as le } from "../product-context.es.js";
-import { ProductGallery as ce } from "./ProductGallery.es.js";
-import { AddToCartButton as ae } from "./AddToCartButton.es.js";
-import { SubscriptionSelector as de } from "./SubscriptionSelector.es.js";
-import { toNoCookieEmbedSrc as me, SimpleTiptapRenderer as ue } from "./SimpleTiptapRenderer.es.js";
-import { chooseInitialVariantSelections as $, normalizeSelectionsToAvailableVariants as F, findMatchingVariant as Ne, resolveTranslatedText as be, getAvailableTermIdsForAttribute as pe } from "../variation-utils.es.js";
-import { useCurrency as fe } from "../CurrencyProvider.es.js";
+import { Button as oe } from "@nextblock-cms/ui/button";
+import { Label as ie } from "@nextblock-cms/ui/label";
+import { Separator as ne } from "@nextblock-cms/ui/separator";
+import { useTranslations as le, cn as ce, formatPrice as O } from "@nextblock-cms/utils";
+import { useProduct as ae } from "../product-context.es.js";
+import { ProductGallery as de } from "./ProductGallery.es.js";
+import { AddToCartButton as me } from "./AddToCartButton.es.js";
+import { SubscriptionSelector as ue } from "./SubscriptionSelector.es.js";
+import { toNoCookieEmbedSrc as Ne, SimpleTiptapRenderer as be } from "./SimpleTiptapRenderer.es.js";
+import { chooseInitialVariantSelections as $, normalizeSelectionsToAvailableVariants as F, findMatchingVariant as pe, resolveTranslatedText as fe, getAvailableTermIdsForAttribute as xe } from "../variation-utils.es.js";
+import { useCurrency as ke } from "../CurrencyProvider.es.js";
 import { resolveEffectivePriceForCurrency as M } from "../currency.es.js";
-import { isDigitalProduct as xe } from "../types.es.js";
-import { getTrialSummary as ke } from "../trials.es.js";
-function w(a, p, g, s) {
-  const n = {
+import { isDigitalProduct as ve } from "../types.es.js";
+import { getTrialSummary as De } from "../trials.es.js";
+function w(a, p, y, _) {
+  const P = {
     kind: "product-field",
     field: p,
-    input: g,
-    label: s
-  }, _ = typeof window < "u" ? window.location.origin : process.env.NEXT_PUBLIC_URL || process.env.TARGET_URL || (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : "") || "http://localhost:3000";
-  let m = (typeof window < "u" ? window.location.origin : process.env.NEXT_PUBLIC_URL || process.env.TARGET_URL || (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : "") || "http://localhost:3000").replace(/\/+$/, "");
+    input: y,
+    label: _
+  }, s = typeof window < "u" ? window.location.origin : process.env.NEXT_PUBLIC_URL || process.env.TARGET_URL || (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : "") || "http://localhost:3000";
+  let u = (typeof window < "u" ? window.location.origin : process.env.NEXT_PUBLIC_URL || process.env.TARGET_URL || (process.env.VERCEL_URL ? `https://${process.env.VERCEL_URL}` : "") || "http://localhost:3000").replace(/\/+$/, "");
   try {
-    (m.startsWith("http://") || m.startsWith("https://")) && (m = new URL(m).hostname);
+    (u.startsWith("http://") || u.startsWith("https://")) && (u = new URL(u).hostname);
   } catch {
   }
-  const y = process.env.NEXTBLOCK_VERCEL_PROJECT_ID || process.env.VERCEL_PROJECT_ID, P = process.env.NEXTBLOCK_VERCEL_WORKSPACE_ID || process.env.VERCEL_ORG_ID, k = {
-    origin: m,
-    editUrl: `${_}/cms/products/${a.id}/edit`,
+  const d = process.env.NEXTBLOCK_VERCEL_PROJECT_ID || process.env.VERCEL_PROJECT_ID, k = process.env.NEXTBLOCK_VERCEL_WORKSPACE_ID || process.env.VERCEL_ORG_ID, v = {
+    origin: u,
+    editUrl: `${s}/cms/products/${a.id}/edit`,
     data: {
       parentType: "product",
       parentId: a.id,
       slug: a.slug,
       languageId: a.language_id,
       draftId: null,
-      target: n
+      target: P
     }
   };
-  return y && (k.projectId = y), P && (k.workspaceId = P), {
-    "data-vercel-edit-info": JSON.stringify(k),
-    "data-vercel-edit-target": JSON.stringify(n),
+  return d && (v.projectId = d), k && (v.workspaceId = k), {
+    "data-vercel-edit-info": JSON.stringify(v),
+    "data-vercel-edit-target": JSON.stringify(P),
     "data-nextblock-visual-edit": `product:${p}`
   };
 }
-const Ie = ({
+const Ve = ({
   visualEditingEnabled: a = !1,
   descriptionNode: p,
-  reviewsNode: g
+  reviewsNode: y,
+  canPurchase: _ = !0,
+  purchaseFallbackNode: P
 }) => {
-  const s = le(), { t: n, lang: _ } = ie(), { activeCurrencyCode: u, currencies: m } = fe(), y = a ? w(
+  const s = ae(), { t: c, lang: u } = le(), { activeCurrencyCode: d, currencies: k } = ke(), v = a ? w(
     s,
     "title",
     "plain-text",
     "Product title"
-  ) : void 0, P = a ? w(
+  ) : void 0, J = a ? w(
     s,
     "short_description",
     "plain-text",
     "Short description"
-  ) : void 0, k = a ? w(
+  ) : void 0, G = a ? w(
     s,
     "description_json",
     "tiptap",
     "Product description"
-  ) : void 0, f = (r, c, i) => {
-    const A = n(r, i);
-    return A === r ? c : A;
-  }, L = s.images && s.images.length > 0 ? s.images : s.image_url ? [{ url: s.image_url, alt: s.title }] : [], x = s.custom_props?.provider === "freemius" || xe(s), S = ke(s), o = !x && !!(s.has_variants && s.attributes?.length && s.variants?.length), N = s.attributes || [], d = s.variants || [], [v, R] = V(() => $(N, d)), [C, U] = V(1);
+  ) : void 0, f = (r, l, i) => {
+    const A = c(r, i);
+    return A === r ? l : A;
+  }, L = s.images && s.images.length > 0 ? s.images : s.image_url ? [{ url: s.image_url, alt: s.title }] : [], x = s.custom_props?.provider === "freemius" || ve(s), S = De(s), o = !x && !!(s.has_variants && s.attributes?.length && s.variants?.length), N = s.attributes || [], m = s.variants || [], [D, R] = V(() => $(N, m)), [C, U] = V(1);
   j(() => {
     U(1);
   }, [s.id]), j(() => {
-    o && R($(N, d));
-  }, [N, o, s.id, d]);
+    o && R($(N, m));
+  }, [N, o, s.id, m]);
   const b = B(() => o ? F(
     N,
-    d,
-    v
-  ) : v, [N, o, v, d]);
+    m,
+    D
+  ) : D, [N, o, D, m]);
   j(() => {
-    JSON.stringify(b) !== JSON.stringify(v) && R(b);
-  }, [b, v]);
-  const t = B(() => o ? Ne(d, b) : null, [o, b, d]), E = M({
+    JSON.stringify(b) !== JSON.stringify(D) && R(b);
+  }, [b, D]);
+  const t = B(() => o ? pe(m, b) : null, [o, b, m]), E = M({
     prices: s.prices,
     salePrices: s.sale_prices,
     fallbackPrice: s.price,
@@ -94,8 +96,8 @@ const Ie = ({
     scheduledPrice: s.scheduled_price,
     scheduledPrices: s.scheduled_prices,
     scheduledPriceAt: s.scheduled_price_at,
-    currencyCode: u,
-    currencies: m
+    currencyCode: d,
+    currencies: k
   }), T = o && t ? M({
     prices: t.prices,
     salePrices: t.sale_prices,
@@ -106,21 +108,21 @@ const Ie = ({
     scheduledPrice: t.scheduled_price,
     scheduledPrices: t.scheduled_prices,
     scheduledPriceAt: t.scheduled_price_at,
-    currencyCode: u,
-    currencies: m
-  }) : null, D = T?.price ?? E.price, h = T?.sale_price ?? E.sale_price, l = o ? t?.stock_quantity ?? 0 : s.stock ?? 0, J = B(() => {
+    currencyCode: d,
+    currencies: k
+  }) : null, h = T?.price ?? E.price, g = T?.sale_price ?? E.sale_price, n = o ? t?.stock_quantity ?? 0 : s.stock ?? 0, K = B(() => {
     if (!t?.image_url)
       return L;
     const r = {
       url: t.image_url,
       alt: `${s.title} ${t.label}`
-    }, c = L.filter(
+    }, l = L.filter(
       (i) => i.url !== t.image_url
     );
-    return [r, ...c];
-  }, [L, s.title, t]), G = typeof h == "number" && D > 0 ? Math.round(
-    (D - h) / D * 100
-  ) : 0, K = o && t ? {
+    return [r, ...l];
+  }, [L, s.title, t]), X = typeof g == "number" && h > 0 ? Math.round(
+    (h - g) / h * 100
+  ) : 0, q = o && t ? {
     ...s,
     sku: t.sku,
     price: t.price,
@@ -132,40 +134,40 @@ const Ie = ({
     variant_id: t.id,
     variant_label: t.label,
     selected_options: t.selected_options,
-    currency_code: u
+    currency_code: d
   } : {
     ...s,
-    currency_code: u
-  }, X = (r, c) => {
+    currency_code: d
+  }, z = (r, l) => {
     R(
-      (i) => F(N, d, {
+      (i) => F(N, m, {
         ...i,
-        [r]: c
+        [r]: l
       })
     );
-  }, q = f(
+  }, W = f(
     "ecommerce.in_stock",
-    `${l} in stock`,
-    { count: String(l) }
+    `${n} in stock`,
+    { count: String(n) }
   ), I = f(
     "ecommerce.out_of_stock",
     "Out of stock"
-  ), z = f(
+  ), Q = f(
     "ecommerce.select_options",
     "Select Options"
-  ), W = f(
+  ), Y = f(
     "ecommerce.variant_selection_required",
     "Select one term from every dropdown to resolve a variation."
   );
   return /* @__PURE__ */ e("div", { className: "w-full animate-in fade-in slide-in-from-bottom-4 duration-700 ease-out", children: [
     /* @__PURE__ */ e("div", { className: "container mx-auto px-4 md:px-6 py-12", children: /* @__PURE__ */ e("div", { className: "grid gap-12 lg:grid-cols-[2fr_3fr] items-start", children: [
-      /* @__PURE__ */ e("div", { className: "w-full max-w-2xl mx-auto lg:max-w-none", children: /* @__PURE__ */ e(ce, { images: J, className: "w-full" }, void 0, !1, {
+      /* @__PURE__ */ e("div", { className: "w-full max-w-2xl mx-auto lg:max-w-none", children: /* @__PURE__ */ e(de, { images: K, className: "w-full" }, void 0, !1, {
         fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-        lineNumber: 333,
+        lineNumber: 343,
         columnNumber: 13
       }, void 0) }, void 0, !1, {
         fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-        lineNumber: 332,
+        lineNumber: 342,
         columnNumber: 11
       }, void 0),
       /* @__PURE__ */ e("div", { className: "flex flex-col gap-4 pb-2 max-w-xl mx-auto lg:mx-0 lg:max-w-none", children: [
@@ -174,14 +176,14 @@ const Ie = ({
             "h1",
             {
               className: "text-3xl sm:text-4xl lg:text-5xl font-extrabold tracking-tight text-foreground leading-[1.1] lg:mt-0",
-              ...y,
+              ...v,
               children: s.title
             },
             void 0,
             !1,
             {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 341,
+              lineNumber: 351,
               columnNumber: 17
             },
             void 0
@@ -192,56 +194,56 @@ const Ie = ({
               href: "#reviews-section",
               className: "flex items-center gap-1.5 group hover:opacity-85 transition-opacity",
               children: [
-                /* @__PURE__ */ e("div", { className: "flex items-center text-amber-500", children: Array.from({ length: 5 }).map((r, c) => /* @__PURE__ */ e(
+                /* @__PURE__ */ e("div", { className: "flex items-center text-amber-500", children: Array.from({ length: 5 }).map((r, l) => /* @__PURE__ */ e(
                   "svg",
                   {
-                    className: ne(
+                    className: ce(
                       "h-4 w-4 fill-current",
-                      c < Math.round(s.average_rating || 0) ? "text-amber-500" : "text-slate-300 dark:text-slate-700"
+                      l < Math.round(s.average_rating || 0) ? "text-amber-500" : "text-slate-300 dark:text-slate-700"
                     ),
                     viewBox: "0 0 20 20",
                     fill: "currentColor",
                     children: /* @__PURE__ */ e("path", { d: "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" }, void 0, !1, {
                       fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                      lineNumber: 367,
+                      lineNumber: 377,
                       columnNumber: 27
                     }, void 0)
                   },
-                  c,
+                  l,
                   !1,
                   {
                     fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                    lineNumber: 356,
+                    lineNumber: 366,
                     columnNumber: 25
                   },
                   void 0
                 )) }, void 0, !1, {
                   fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                  lineNumber: 354,
+                  lineNumber: 364,
                   columnNumber: 21
                 }, void 0),
-                s.total_reviews && s.total_reviews > 0 ? /* @__PURE__ */ e(Q, { children: [
+                s.total_reviews && s.total_reviews > 0 ? /* @__PURE__ */ e(Z, { children: [
                   /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-slate-700 dark:text-slate-300", children: s.average_rating?.toFixed(1) }, void 0, !1, {
                     fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                    lineNumber: 373,
+                    lineNumber: 383,
                     columnNumber: 25
                   }, void 0),
                   /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground underline decoration-dotted group-hover:text-primary", children: [
                     "(",
-                    s.total_reviews === 1 ? n("reviews.review_count_one", { count: s.total_reviews }) : n("reviews.review_count_other", { count: s.total_reviews }),
+                    s.total_reviews === 1 ? c("reviews.review_count_one", { count: s.total_reviews }) : c("reviews.review_count_other", { count: s.total_reviews }),
                     ")"
                   ] }, void 0, !0, {
                     fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                    lineNumber: 376,
+                    lineNumber: 386,
                     columnNumber: 25
                   }, void 0)
                 ] }, void 0, !0, {
                   fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                  lineNumber: 372,
+                  lineNumber: 382,
                   columnNumber: 23
-                }, void 0) : /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground group-hover:text-primary underline decoration-dotted", children: n("reviews.be_the_first") }, void 0, !1, {
+                }, void 0) : /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground group-hover:text-primary underline decoration-dotted", children: c("reviews.be_the_first") }, void 0, !1, {
                   fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                  lineNumber: 383,
+                  lineNumber: 393,
                   columnNumber: 23
                 }, void 0)
               ]
@@ -250,66 +252,66 @@ const Ie = ({
             !0,
             {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 350,
+              lineNumber: 360,
               columnNumber: 19
             },
             void 0
           ) }, void 0, !1, {
             fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-            lineNumber: 349,
+            lineNumber: 359,
             columnNumber: 17
           }, void 0),
-          s.categories && s.categories.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-1.5 text-xs font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400", children: s.categories.map((r, c) => {
-            const i = be(
+          s.categories && s.categories.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-1.5 text-xs font-bold uppercase tracking-widest text-amber-600 dark:text-amber-400", children: s.categories.map((r, l) => {
+            const i = fe(
               r.name,
               r.name_translations,
-              _
+              u
             );
-            return /* @__PURE__ */ e(Y.Fragment, { children: [
-              c > 0 && /* @__PURE__ */ e("span", { className: "text-muted-foreground/30", children: "•" }, void 0, !1, {
+            return /* @__PURE__ */ e(ee.Fragment, { children: [
+              l > 0 && /* @__PURE__ */ e("span", { className: "text-muted-foreground/30", children: "•" }, void 0, !1, {
                 fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                lineNumber: 401,
+                lineNumber: 411,
                 columnNumber: 29
               }, void 0),
               /* @__PURE__ */ e("span", { children: i }, void 0, !1, {
                 fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                lineNumber: 403,
+                lineNumber: 413,
                 columnNumber: 27
               }, void 0)
             ] }, r.id, !0, {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 399,
+              lineNumber: 409,
               columnNumber: 25
             }, void 0);
           }) }, void 0, !1, {
             fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-            lineNumber: 391,
+            lineNumber: 401,
             columnNumber: 19
           }, void 0),
           /* @__PURE__ */ e(
             "div",
             {
               className: "prose prose-neutral dark:prose-invert max-w-none text-muted-foreground leading-relaxed text-left",
-              ...P,
+              ...J,
               children: s.short_description ? /* @__PURE__ */ e(
                 "div",
                 {
                   className: "text-lg mb-4 leading-relaxed",
                   dangerouslySetInnerHTML: {
-                    __html: me(s.short_description) ?? s.short_description
+                    __html: Ne(s.short_description) ?? s.short_description
                   }
                 },
                 void 0,
                 !1,
                 {
                   fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                  lineNumber: 415,
+                  lineNumber: 425,
                   columnNumber: 21
                 },
                 void 0
               ) : a ? /* @__PURE__ */ e("p", { className: "text-lg mb-4 italic text-muted-foreground", children: "Add a short product description." }, void 0, !1, {
                 fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                lineNumber: 424,
+                lineNumber: 434,
                 columnNumber: 21
               }, void 0) : null
             },
@@ -317,44 +319,44 @@ const Ie = ({
             !1,
             {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 410,
+              lineNumber: 420,
               columnNumber: 17
             },
             void 0
           ),
           /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: [
-            typeof h == "number" && /* @__PURE__ */ e(
+            typeof g == "number" && /* @__PURE__ */ e(
               H,
               {
                 variant: "destructive",
                 className: "px-2.5 py-1 text-xs font-bold uppercase tracking-wide animate-pulse shadow-sm",
-                children: n("ecommerce.sale_badge", {
-                  percent: String(G)
+                children: c("ecommerce.sale_badge", {
+                  percent: String(X)
                 })
               },
               void 0,
               !1,
               {
                 fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                lineNumber: 432,
+                lineNumber: 442,
                 columnNumber: 21
               },
               void 0
             ),
-            !x && l > 0 && l < 10 && /* @__PURE__ */ e(
+            !x && n > 0 && n < 10 && /* @__PURE__ */ e(
               H,
               {
                 variant: "outline",
                 className: "text-amber-600 border-amber-200 bg-amber-50",
-                children: n("ecommerce.low_stock", {
-                  count: String(l)
+                children: c("ecommerce.low_stock", {
+                  count: String(n)
                 })
               },
               void 0,
               !1,
               {
                 fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                lineNumber: 442,
+                lineNumber: 452,
                 columnNumber: 21
               },
               void 0
@@ -370,60 +372,60 @@ const Ie = ({
               !1,
               {
                 fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                lineNumber: 452,
+                lineNumber: 462,
                 columnNumber: 21
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-            lineNumber: 430,
+            lineNumber: 440,
             columnNumber: 17
           }, void 0)
         ] }, void 0, !0, {
           fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-          lineNumber: 338,
+          lineNumber: 348,
           columnNumber: 15
         }, void 0) }, void 0, !1, {
           fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-          lineNumber: 337,
+          lineNumber: 347,
           columnNumber: 13
         }, void 0),
         /* @__PURE__ */ e("div", { className: "p-5 rounded-2xl bg-card/60 border border-border/80 shadow-md backdrop-blur-md space-y-4", children: [
-          x ? /* @__PURE__ */ e(de, { product: s }, void 0, !1, {
+          _ ? x ? /* @__PURE__ */ e(ue, { product: s }, void 0, !1, {
             fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-            lineNumber: 466,
+            lineNumber: 478,
             columnNumber: 17
           }, void 0) : /* @__PURE__ */ e("div", { className: "space-y-3.5", children: [
             /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-4", children: [
               /* @__PURE__ */ e("div", { className: "space-y-1", children: [
                 /* @__PURE__ */ e("span", { className: "text-[10px] font-bold text-muted-foreground uppercase tracking-widest", children: f("ecommerce.price", "Price") }, void 0, !1, {
                   fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                  lineNumber: 472,
+                  lineNumber: 484,
                   columnNumber: 23
                 }, void 0),
                 /* @__PURE__ */ e("div", { className: "flex items-baseline gap-2.5", children: [
                   /* @__PURE__ */ e("span", { className: "text-3xl font-extrabold text-foreground", children: O(
-                    h ?? D,
-                    u
+                    g ?? h,
+                    d
                   ) }, void 0, !1, {
                     fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                    lineNumber: 476,
+                    lineNumber: 488,
                     columnNumber: 25
                   }, void 0),
-                  typeof h == "number" && /* @__PURE__ */ e("span", { className: "text-lg text-muted-foreground line-through decoration-destructive/20 decoration-1", children: O(D, u) }, void 0, !1, {
+                  typeof g == "number" && /* @__PURE__ */ e("span", { className: "text-lg text-muted-foreground line-through decoration-destructive/20 decoration-1", children: O(h, d) }, void 0, !1, {
                     fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                    lineNumber: 483,
+                    lineNumber: 495,
                     columnNumber: 27
                   }, void 0)
                 ] }, void 0, !0, {
                   fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                  lineNumber: 475,
+                  lineNumber: 487,
                   columnNumber: 23
                 }, void 0)
               ] }, void 0, !0, {
                 fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                lineNumber: 471,
+                lineNumber: 483,
                 columnNumber: 21
               }, void 0),
               !x && (t || !o) && /* @__PURE__ */ e("div", { className: "text-right space-y-1", children: [
@@ -433,40 +435,40 @@ const Ie = ({
                     s.sku
                   ] }, void 0, !0, {
                     fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                    lineNumber: 494,
+                    lineNumber: 506,
                     columnNumber: 29
                   }, void 0),
                   f("ecommerce.status", "Status")
                 ] }, void 0, !0, {
                   fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                  lineNumber: 492,
+                  lineNumber: 504,
                   columnNumber: 25
                 }, void 0),
-                /* @__PURE__ */ e("div", { className: (l ?? 0) > 0 ? "text-emerald-600 dark:text-emerald-400 font-semibold text-sm" : "text-destructive font-semibold text-sm", children: (l ?? 0) > 0 ? q : I }, void 0, !1, {
+                /* @__PURE__ */ e("div", { className: (n ?? 0) > 0 ? "text-emerald-600 dark:text-emerald-400 font-semibold text-sm" : "text-destructive font-semibold text-sm", children: (n ?? 0) > 0 ? W : I }, void 0, !1, {
                   fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                  lineNumber: 500,
+                  lineNumber: 512,
                   columnNumber: 25
                 }, void 0)
               ] }, void 0, !0, {
                 fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                lineNumber: 491,
+                lineNumber: 503,
                 columnNumber: 23
               }, void 0)
             ] }, void 0, !0, {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 470,
+              lineNumber: 482,
               columnNumber: 19
             }, void 0),
             o && /* @__PURE__ */ e("div", { className: "space-y-3", children: /* @__PURE__ */ e("div", { className: "grid gap-3 sm:grid-cols-2", children: N.map((r) => {
-              const c = pe(
-                d,
+              const l = xe(
+                m,
                 r.id,
                 b
               );
               return /* @__PURE__ */ e("div", { className: "space-y-1", children: [
                 /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: [
                   /* @__PURE__ */ e(
-                    re,
+                    ie,
                     {
                       htmlFor: `attribute-${r.id}`,
                       className: "text-[11px] font-semibold text-muted-foreground uppercase tracking-wider",
@@ -476,19 +478,19 @@ const Ie = ({
                     !1,
                     {
                       fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                      lineNumber: 522,
+                      lineNumber: 534,
                       columnNumber: 33
                     },
                     void 0
                   ),
                   t?.sku && /* @__PURE__ */ e("span", { className: "text-[10px] text-muted-foreground font-mono", children: t.sku }, void 0, !1, {
                     fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                    lineNumber: 529,
+                    lineNumber: 541,
                     columnNumber: 35
                   }, void 0)
                 ] }, void 0, !0, {
                   fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                  lineNumber: 521,
+                  lineNumber: 533,
                   columnNumber: 31
                 }, void 0),
                 /* @__PURE__ */ e(
@@ -497,7 +499,7 @@ const Ie = ({
                     id: `attribute-${r.id}`,
                     className: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-1 text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
                     value: b[r.id] || "",
-                    onChange: (i) => X(
+                    onChange: (i) => z(
                       r.id,
                       i.target.value
                     ),
@@ -505,14 +507,14 @@ const Ie = ({
                       "option",
                       {
                         value: i.id,
-                        disabled: !c.has(i.id),
+                        disabled: !l.has(i.id),
                         children: i.value
                       },
                       i.id,
                       !1,
                       {
                         fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                        lineNumber: 546,
+                        lineNumber: 558,
                         columnNumber: 35
                       },
                       void 0
@@ -522,32 +524,32 @@ const Ie = ({
                   !1,
                   {
                     fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                    lineNumber: 534,
+                    lineNumber: 546,
                     columnNumber: 31
                   },
                   void 0
                 )
               ] }, r.id, !0, {
                 fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                lineNumber: 520,
+                lineNumber: 532,
                 columnNumber: 29
               }, void 0);
             }) }, void 0, !1, {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 510,
+              lineNumber: 522,
               columnNumber: 23
             }, void 0) }, void 0, !1, {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 509,
+              lineNumber: 521,
               columnNumber: 21
             }, void 0),
-            o && !t && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground italic pt-1", children: W }, void 0, !1, {
+            o && !t && /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground italic pt-1", children: Y }, void 0, !1, {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 563,
+              lineNumber: 575,
               columnNumber: 21
             }, void 0),
             /* @__PURE__ */ e("div", { className: "flex items-center gap-3 pt-1", children: [
-              !x && (l ?? 0) > 0 && /* @__PURE__ */ e("div", { className: "flex items-center border rounded-lg h-12 bg-background border-input select-none", children: [
+              !x && (n ?? 0) > 0 && /* @__PURE__ */ e("div", { className: "flex items-center border rounded-lg h-12 bg-background border-input select-none", children: [
                 /* @__PURE__ */ e(
                   "button",
                   {
@@ -561,14 +563,14 @@ const Ie = ({
                   !1,
                   {
                     fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                    lineNumber: 572,
+                    lineNumber: 584,
                     columnNumber: 25
                   },
                   void 0
                 ),
                 /* @__PURE__ */ e("span", { className: "w-8 text-center text-sm font-semibold", children: C }, void 0, !1, {
                   fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                  lineNumber: 580,
+                  lineNumber: 592,
                   columnNumber: 25
                 }, void 0),
                 /* @__PURE__ */ e(
@@ -576,45 +578,45 @@ const Ie = ({
                   {
                     type: "button",
                     onClick: () => U(
-                      (r) => l !== null && r >= l ? r : r + 1
+                      (r) => n !== null && r >= n ? r : r + 1
                     ),
                     className: "px-3 h-full flex items-center justify-center text-muted-foreground hover:text-foreground active:scale-95 transition-all text-lg font-medium",
-                    disabled: l !== null && C >= l,
+                    disabled: n !== null && C >= n,
                     children: "+"
                   },
                   void 0,
                   !1,
                   {
                     fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                    lineNumber: 583,
+                    lineNumber: 595,
                     columnNumber: 25
                   },
                   void 0
                 )
               ] }, void 0, !0, {
                 fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                lineNumber: 571,
+                lineNumber: 583,
                 columnNumber: 23
               }, void 0),
-              o && (!t || (l ?? 0) <= 0) ? /* @__PURE__ */ e(
-                te,
+              o && (!t || (n ?? 0) <= 0) ? /* @__PURE__ */ e(
+                oe,
                 {
                   disabled: !0,
                   className: "flex-1 h-12 text-md font-bold shadow-md",
-                  children: t ? I : z
+                  children: t ? I : Q
                 },
                 void 0,
                 !1,
                 {
                   fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                  lineNumber: 604,
+                  lineNumber: 616,
                   columnNumber: 23
                 },
                 void 0
               ) : /* @__PURE__ */ e(
-                ae,
+                me,
                 {
-                  product: K,
+                  product: q,
                   quantity: C,
                   className: "flex-1 h-12 text-md font-bold shadow-md transition-all hover:shadow-lg active:scale-[0.98]"
                 },
@@ -622,126 +624,126 @@ const Ie = ({
                 !1,
                 {
                   fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                  lineNumber: 611,
+                  lineNumber: 623,
                   columnNumber: 23
                 },
                 void 0
               )
             ] }, void 0, !0, {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 569,
+              lineNumber: 581,
               columnNumber: 19
             }, void 0)
           ] }, void 0, !0, {
             fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-            lineNumber: 468,
+            lineNumber: 480,
             columnNumber: 17
-          }, void 0),
-          /* @__PURE__ */ e(oe, { className: "opacity-60 my-0.5" }, void 0, !1, {
+          }, void 0) : P,
+          /* @__PURE__ */ e(ne, { className: "opacity-60 my-0.5" }, void 0, !1, {
             fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-            lineNumber: 621,
+            lineNumber: 633,
             columnNumber: 15
           }, void 0),
           /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-4 text-center text-[11px] font-medium text-muted-foreground pt-1", children: [
             /* @__PURE__ */ e("div", { className: "flex items-center justify-center gap-2", children: x ? /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ e(Z, { className: "h-3.5 w-3.5" }, void 0, !1, {
+              /* @__PURE__ */ e(se, { className: "h-3.5 w-3.5" }, void 0, !1, {
                 fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                lineNumber: 627,
+                lineNumber: 639,
                 columnNumber: 23
               }, void 0),
-              n("ecommerce.instant_digital_delivery")
+              c("ecommerce.instant_digital_delivery")
             ] }, void 0, !0, {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 626,
+              lineNumber: 638,
               columnNumber: 21
             }, void 0) : /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ e(ee, { className: "h-3.5 w-3.5" }, void 0, !1, {
+              /* @__PURE__ */ e(te, { className: "h-3.5 w-3.5" }, void 0, !1, {
                 fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                lineNumber: 632,
+                lineNumber: 644,
                 columnNumber: 23
               }, void 0),
-              n("ecommerce.free_shipping")
+              c("ecommerce.free_shipping")
             ] }, void 0, !0, {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 631,
+              lineNumber: 643,
               columnNumber: 21
             }, void 0) }, void 0, !1, {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 624,
+              lineNumber: 636,
               columnNumber: 17
             }, void 0),
             /* @__PURE__ */ e("div", { className: "flex items-center justify-center gap-2", children: /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-1.5", children: [
-              /* @__PURE__ */ e(se, { className: "h-3.5 w-3.5" }, void 0, !1, {
+              /* @__PURE__ */ e(re, { className: "h-3.5 w-3.5" }, void 0, !1, {
                 fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-                lineNumber: 639,
+                lineNumber: 651,
                 columnNumber: 21
               }, void 0),
-              n("ecommerce.secure_checkout")
+              c("ecommerce.secure_checkout")
             ] }, void 0, !0, {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 638,
+              lineNumber: 650,
               columnNumber: 19
             }, void 0) }, void 0, !1, {
               fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-              lineNumber: 637,
+              lineNumber: 649,
               columnNumber: 17
             }, void 0)
           ] }, void 0, !0, {
             fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-            lineNumber: 623,
+            lineNumber: 635,
             columnNumber: 15
           }, void 0)
         ] }, void 0, !0, {
           fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-          lineNumber: 464,
+          lineNumber: 474,
           columnNumber: 13
         }, void 0)
       ] }, void 0, !0, {
         fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-        lineNumber: 336,
+        lineNumber: 346,
         columnNumber: 11
       }, void 0)
     ] }, void 0, !0, {
       fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-      lineNumber: 331,
+      lineNumber: 341,
       columnNumber: 9
     }, void 0) }, void 0, !1, {
       fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-      lineNumber: 330,
+      lineNumber: 340,
       columnNumber: 7
     }, void 0),
-    /* @__PURE__ */ e("div", { className: "min-w-0 w-full", ...p ? void 0 : k, children: p || (s.description_json ? /* @__PURE__ */ e("div", { className: "container mx-auto px-4 md:px-6 pb-12 prose prose-neutral dark:prose-invert max-w-none leading-relaxed", children: /* @__PURE__ */ e(ue, { content: s.description_json }, void 0, !1, {
+    /* @__PURE__ */ e("div", { className: "min-w-0 w-full", ...p ? void 0 : G, children: p || (s.description_json ? /* @__PURE__ */ e("div", { className: "container mx-auto px-4 md:px-6 pb-12 prose prose-neutral dark:prose-invert max-w-none leading-relaxed", children: /* @__PURE__ */ e(be, { content: s.description_json }, void 0, !1, {
       fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-      lineNumber: 654,
+      lineNumber: 666,
       columnNumber: 13
     }, void 0) }, void 0, !1, {
       fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-      lineNumber: 653,
+      lineNumber: 665,
       columnNumber: 11
-    }, void 0) : /* @__PURE__ */ e("div", { className: "container mx-auto px-4 md:px-6 pb-12", children: /* @__PURE__ */ e("p", { className: "italic text-sm text-muted-foreground", children: n("ecommerce.no_description") }, void 0, !1, {
+    }, void 0) : /* @__PURE__ */ e("div", { className: "container mx-auto px-4 md:px-6 pb-12", children: /* @__PURE__ */ e("p", { className: "italic text-sm text-muted-foreground", children: c("ecommerce.no_description") }, void 0, !1, {
       fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-      lineNumber: 658,
+      lineNumber: 670,
       columnNumber: 13
     }, void 0) }, void 0, !1, {
       fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-      lineNumber: 657,
+      lineNumber: 669,
       columnNumber: 11
     }, void 0)) }, void 0, !1, {
       fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-      lineNumber: 649,
+      lineNumber: 661,
       columnNumber: 7
     }, void 0),
-    g && /* @__PURE__ */ e("div", { id: "reviews-section", className: "border-t border-border mt-12 pt-12", children: g }, void 0, !1, {
+    y && /* @__PURE__ */ e("div", { id: "reviews-section", className: "border-t border-border mt-12 pt-12", children: y }, void 0, !1, {
       fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-      lineNumber: 667,
+      lineNumber: 679,
       columnNumber: 9
     }, void 0)
   ] }, void 0, !0, {
     fileName: "C:/Users/desjardinsn/Desktop/NRH-NextBlock/libs/ecommerce/src/lib/components/ProductDetailsLayout.tsx",
-    lineNumber: 329,
+    lineNumber: 339,
     columnNumber: 5
   }, void 0);
 };
 export {
-  Ie as ProductDetailsLayout
+  Ve as ProductDetailsLayout
 };