@nextblock-cms/ecom 0.8.6 → 0.8.7

package/lib/components/CouponForm.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),I=require("@nextblock-cms/ui/badge"),K=require("@nextblock-cms/ui/button"),R=require("@nextblock-cms/ui/input"),E=require("@nextblock-cms/ui/label"),$=require("lucide-react"),k=require("@nextblock-cms/utils"),w=require("../coupons.cjs.js"),q=require("../use-cart.cjs.js"),T=require("../server-actions/coupon-actions.cjs.js");function z({items:s,currencyCode:i,onQuoteChange:l,compact:C=!1}){const f=q.useCart(e=>e.appliedCoupon),d=q.useCart(e=>e.setAppliedCoupon),c=q.useCart(e=>e.removeCoupon),{t:g}=k.useTranslations(),[j,h]=n.useState(""),[a,p]=n.useState(null),[N,u]=n.useState(""),[A,_]=n.useState(!1),x=n.useRef(null),S=n.useMemo(()=>s.map(e=>`${e.product_id}:${e.variant_id||"base"}:${e.quantity}`).sort().join("|"),[s]),r=n.useCallback((e,b)=>{const m=g(e);return m===e?b:m},[g]),v=n.useCallback(e=>`${w.normalizeCouponCode(e)}:${i}:${S}`,[S,i]),y=n.useCallback(async(e,b)=>{const m=w.normalizeCouponCode(e);if(!m){u(r("ecommerce.coupon_code_required","Enter a coupon code."));return}_(!0),u("");try{const t=await T.getCouponQuoteAction({code:m,items:s,currencyCode:i});if(!t.success){p(null),l?.(null),c?.(),u(t.errorKey?r(t.errorKey,t.error):t.error);return}x.current=v(t.quote.code),p(t.quote),l?.(t.quote),b?.silent||(d?.({code:t.quote.code,couponId:t.quote.couponId}),h("")),b?.silent||u("")}catch(t){console.error("Failed to validate coupon:",t),p(null),l?.(null),u(r("ecommerce.coupon_validation_failed","Failed to validate coupon."))}finally{_(!1)}},[c,i,v,s,l,d,r]);if(n.useEffect(()=>{if(!d||!c)return;if(!f||s.length===0){x.current=null,p(null),l?.(null);return}const e=v(f.code);x.current!==e&&(x.current=e,y(f.code,{silent:!0}))},[f?.code,y,c,v,s.length,l,d]),!d||!c)return null;const F=()=>{c(),p(null),l?.(null),u("")};return o.jsxs("div",{className:C?"space-y-2":"rounded-lg border bg-muted/10 p-4 space-y-3",children:[o.jsxs("div",{className:"flex items-center justify-between gap-3",children:[o.jsxs(E.Label,{htmlFor:C?"coupon-code-compact":"coupon-code",className:"flex items-center gap-2 text-sm font-medium",children:[o.jsx($.Tag,{className:"h-4 w-4"}),r("ecommerce.coupon","Coupon")]}),a?o.jsxs(I.Badge,{variant:"secondary",className:"gap-1",children:[a.code,o.jsx("button",{type:"button",onClick:F,"aria-label":`Remove coupon ${a.code}`,children:o.jsx($.X,{className:"h-3 w-3"})})]}):null]}),a?o.jsxs("div",{className:"flex items-center justify-between text-sm",children:[o.jsx("span",{className:"text-muted-foreground",children:a.name}),o.jsxs("span",{className:"font-medium text-emerald-600",children:["-",k.formatPrice(a.discountTotal,i)]})]}):o.jsxs("div",{className:"flex gap-2",children:[o.jsx(R.Input,{id:C?"coupon-code-compact":"coupon-code",value:j,onChange:e=>h(e.target.value.toUpperCase()),placeholder:r("ecommerce.coupon_placeholder","Code"),className:"uppercase",onKeyDown:e=>{e.key==="Enter"&&(e.preventDefault(),y(j))}}),o.jsx(K.Button,{type:"button",variant:"outline",disabled:A||s.length===0,onClick:()=>{y(j)},children:A?r("ecommerce.applying","Applying..."):r("ecommerce.apply","Apply")})]}),N?o.jsx("p",{className:"text-xs text-destructive",children:N}):null]})}exports.CouponForm=z;

package/lib/components/CouponForm.es.js

@@ -0,0 +1,136 @@
+'use client';
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import { useState as x, useRef as F, useMemo as k, useCallback as N, useEffect as R } from "react";
+import { Badge as T } from "@nextblock-cms/ui/badge";
+import { Button as z } from "@nextblock-cms/ui/button";
+import { Input as B } from "@nextblock-cms/ui/input";
+import { Label as D } from "@nextblock-cms/ui/label";
+import { Tag as S, X as V } from "lucide-react";
+import { useTranslations as L, formatPrice as M } from "@nextblock-cms/utils";
+import { normalizeCouponCode as j } from "../coupons.es.js";
+import { useCart as q } from "../use-cart.es.js";
+import { getCouponQuoteAction as O } from "../server-actions/coupon-actions.es.js";
+function oe({
+  items: r,
+  currencyCode: u,
+  onQuoteChange: n,
+  compact: b = !1
+}) {
+  const f = q((e) => e.appliedCoupon), p = q((e) => e.setAppliedCoupon), a = q((e) => e.removeCoupon), { t: A } = L(), [C, _] = x(""), [s, d] = x(null), [$, i] = x(""), [w, I] = x(!1), v = F(null), K = k(
+    () => r.map((e) => `${e.product_id}:${e.variant_id || "base"}:${e.quantity}`).sort().join("|"),
+    [r]
+  ), t = N((e, h) => {
+    const m = A(e);
+    return m === e ? h : m;
+  }, [A]), y = N(
+    (e) => `${j(e)}:${u}:${K}`,
+    [K, u]
+  ), g = N(async (e, h) => {
+    const m = j(e);
+    if (!m) {
+      i(t("ecommerce.coupon_code_required", "Enter a coupon code."));
+      return;
+    }
+    I(!0), i("");
+    try {
+      const o = await O({
+        code: m,
+        items: r,
+        currencyCode: u
+      });
+      if (!o.success) {
+        d(null), n?.(null), a?.(), i(o.errorKey ? t(o.errorKey, o.error) : o.error);
+        return;
+      }
+      v.current = y(o.quote.code), d(o.quote), n?.(o.quote), h?.silent || (p?.({
+        code: o.quote.code,
+        couponId: o.quote.couponId
+      }), _("")), h?.silent || i("");
+    } catch (o) {
+      console.error("Failed to validate coupon:", o), d(null), n?.(null), i(
+        t("ecommerce.coupon_validation_failed", "Failed to validate coupon.")
+      );
+    } finally {
+      I(!1);
+    }
+  }, [
+    a,
+    u,
+    y,
+    r,
+    n,
+    p,
+    t
+  ]);
+  if (R(() => {
+    if (!p || !a)
+      return;
+    if (!f || r.length === 0) {
+      v.current = null, d(null), n?.(null);
+      return;
+    }
+    const e = y(f.code);
+    v.current !== e && (v.current = e, g(f.code, { silent: !0 }));
+  }, [
+    f?.code,
+    g,
+    a,
+    y,
+    r.length,
+    n,
+    p
+  ]), !p || !a)
+    return null;
+  const E = () => {
+    a(), d(null), n?.(null), i("");
+  };
+  return /* @__PURE__ */ l("div", { className: b ? "space-y-2" : "rounded-lg border bg-muted/10 p-4 space-y-3", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ l(D, { htmlFor: b ? "coupon-code-compact" : "coupon-code", className: "flex items-center gap-2 text-sm font-medium", children: [
+        /* @__PURE__ */ c(S, { className: "h-4 w-4" }),
+        t("ecommerce.coupon", "Coupon")
+      ] }),
+      s ? /* @__PURE__ */ l(T, { variant: "secondary", className: "gap-1", children: [
+        s.code,
+        /* @__PURE__ */ c("button", { type: "button", onClick: E, "aria-label": `Remove coupon ${s.code}`, children: /* @__PURE__ */ c(V, { className: "h-3 w-3" }) })
+      ] }) : null
+    ] }),
+    s ? /* @__PURE__ */ l("div", { className: "flex items-center justify-between text-sm", children: [
+      /* @__PURE__ */ c("span", { className: "text-muted-foreground", children: s.name }),
+      /* @__PURE__ */ l("span", { className: "font-medium text-emerald-600", children: [
+        "-",
+        M(s.discountTotal, u)
+      ] })
+    ] }) : /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ c(
+        B,
+        {
+          id: b ? "coupon-code-compact" : "coupon-code",
+          value: C,
+          onChange: (e) => _(e.target.value.toUpperCase()),
+          placeholder: t("ecommerce.coupon_placeholder", "Code"),
+          className: "uppercase",
+          onKeyDown: (e) => {
+            e.key === "Enter" && (e.preventDefault(), g(C));
+          }
+        }
+      ),
+      /* @__PURE__ */ c(
+        z,
+        {
+          type: "button",
+          variant: "outline",
+          disabled: w || r.length === 0,
+          onClick: () => {
+            g(C);
+          },
+          children: w ? t("ecommerce.applying", "Applying...") : t("ecommerce.apply", "Apply")
+        }
+      )
+    ] }),
+    $ ? /* @__PURE__ */ c("p", { className: "text-xs text-destructive", children: $ }) : null
+  ] });
+}
+export {
+  oe as CouponForm
+};

package/lib/components/CurrencySwitcher.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@nextblock-cms/ui/select"),i=require("../CurrencyProvider.cjs.js");function s(){const{activeCurrencyCode:c,currencies:n,setActiveCurrencyCode:l}=i.useCurrency();return n.length<=1?null:e.jsxs(r.Select,{value:c,onValueChange:l,children:[e.jsx(r.SelectTrigger,{className:"h-9 w-[88px] text-xs font-semibold",children:e.jsx(r.SelectValue,{placeholder:c})}),e.jsx(r.SelectContent,{children:n.map(t=>e.jsx(r.SelectItem,{value:t.code,children:t.code},t.code))})]})}exports.CurrencySwitcher=s;

package/{components → lib/components}/CurrencySwitcher.es.js

@@ -1,15 +1,16 @@
+'use client';
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { Select as o, SelectTrigger as i, SelectValue as u, SelectContent as s, SelectItem as a } from "@nextblock-cms/ui/select";
-import { u as d } from "../CurrencyProvider-OzlRN96V.js";
+import { Select as o, SelectTrigger as i, SelectValue as u, SelectContent as d, SelectItem as s } from "@nextblock-cms/ui/select";
+import { useCurrency as a } from "../CurrencyProvider.es.js";
 function p() {
   const {
     activeCurrencyCode: t,
     currencies: c,
     setActiveCurrencyCode: l
-  } = d();
+  } = a();
   return c.length <= 1 ? null : /* @__PURE__ */ n(o, { value: t, onValueChange: l, children: [
     /* @__PURE__ */ e(i, { className: "h-9 w-[88px] text-xs font-semibold", children: /* @__PURE__ */ e(u, { placeholder: t }) }),
-    /* @__PURE__ */ e(s, { children: c.map((r) => /* @__PURE__ */ e(a, { value: r.code, children: r.code }, r.code)) })
+    /* @__PURE__ */ e(d, { children: c.map((r) => /* @__PURE__ */ e(s, { value: r.code, children: r.code }, r.code)) })
   ] });
 }
 export {

package/lib/components/CustomerProfileForm.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("react"),K=require("react-hook-form"),Q=require("./AccountNavigationMenu.cjs.js"),L=require("@nextblock-cms/ui/avatar"),Y=require("@nextblock-cms/ui/badge"),T=require("@nextblock-cms/ui/button"),o=require("@nextblock-cms/ui/card"),Z=require("@nextblock-cms/ui/checkbox"),i=require("@nextblock-cms/ui/input"),a=require("@nextblock-cms/ui/label"),x=require("@nextblock-cms/ui/select"),D=require("@nextblock-cms/ui/separator"),ee=require("../server-actions/customer-actions.cjs.js"),w=require("../customer.cjs.js"),G=require("@nextblock-cms/db"),u=require("lucide-react"),H=require("@nextblock-cms/utils"),V=require("../countries.cjs.js");function F(s){return{company_name:s?.company_name||"",recipient_name:s?.recipient_name||"",line1:s?.line1||"",line2:s?.line2||"",city:s?.city||"",state:s?.state||"",postal_code:s?.postal_code||"",country_code:V.normalizeCountryCode(s?.country_code)||"CA"}}function B({prefix:s,title:j,register:c}){const{t:n}=H.useTranslations(),C=n("company_name")==="company_name"?"Company name":n("company_name");return e.jsxs("div",{className:"space-y-4 rounded-xl border p-4",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-medium",children:j}),e.jsx("p",{className:"text-sm text-muted-foreground",children:n("profile_address_defaults_help")})]}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-3",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-company_name`,children:C}),e.jsx(i.Input,{id:`${s}-company_name`,...c(`${s}.company_name`)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-recipient_name`,children:n("full_name")}),e.jsx(i.Input,{id:`${s}-recipient_name`,...c(`${s}.recipient_name`)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-country_code`,children:n("country")}),e.jsx("select",{id:`${s}-country_code`,className:"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",...c(`${s}.country_code`),children:V.countries.map(g=>e.jsx("option",{value:g.code,children:g.name},g.code))})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-line1`,children:n("address_line_1")}),e.jsx(i.Input,{id:`${s}-line1`,...c(`${s}.line1`)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-line2`,children:n("address_line_2")}),e.jsx(i.Input,{id:`${s}-line2`,...c(`${s}.line2`)})]}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-3",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-city`,children:n("city")}),e.jsx(i.Input,{id:`${s}-city`,...c(`${s}.city`)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-state`,children:n("state_province")}),e.jsx(i.Input,{id:`${s}-state`,...c(`${s}.state`)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Label,{htmlFor:`${s}-postal_code`,children:n("postal_zip_code")}),e.jsx(i.Input,{id:`${s}-postal_code`,...c(`${s}.postal_code`)})]})]})]})}function se({initialData:s,MediaPickerComponent:j,isAdmin:c,email:n,accountLinks:C,onAction:g,initialSuccessMessage:f}){const{t:l}=H.useTranslations(),[S,E]=_.useState(!1),[I,y]=_.useState(f?{type:"success",text:f}:null),[k,z]=_.useState(!1),[q,P]=_.useState(null),M=s?.use_billing_for_shipping??(!s?.shipping_address||w.addressesMatch(s?.billing_address,s?.shipping_address)),{register:h,handleSubmit:W,setValue:m,getValues:$,watch:N,reset:A}=K.useForm({defaultValues:{full_name:s?.full_name||"",avatar_url:s?.avatar_url||"",website:s?.website||"",github_username:s?.github_username||"",phone:s?.phone||"",role:s?.role,use_billing_for_shipping:M,billing_address:F(s?.billing_address),shipping_address:F(s?.shipping_address)}});_.useEffect(()=>{s&&A({full_name:s.full_name||"",avatar_url:s.avatar_url||"",website:s.website||"",github_username:s.github_username||"",phone:s.phone||"",role:s.role,use_billing_for_shipping:s.use_billing_for_shipping??(!s.shipping_address||w.addressesMatch(s.billing_address,s.shipping_address)),billing_address:F(s.billing_address),shipping_address:F(s.shipping_address)})},[s,A]),_.useEffect(()=>{f&&y({type:"success",text:f})},[f]),_.useEffect(()=>{const r=G.createClient();(async()=>{const{data:{user:d}}=await r.auth.getUser();if(!d)return;const t=d.identities?.find(b=>b.provider==="github");if(t){z(!0);const b=t.identity_data?.email||(d.app_metadata.provider==="github"?d.email:null);if(P(b),!$("website")){const v=t.identity_data?.custom_claims?.blog||t.identity_data?.blog||t.identity_data?.html_url;v&&m("website",v)}if(!$("avatar_url")){const v=t.identity_data?.avatar_url;v&&m("avatar_url",v)}const R=t.identity_data?.user_name||t.identity_data?.preferred_username;R&&m("github_username",R)}!$("full_name")&&d.user_metadata?.full_name&&m("full_name",d.user_metadata.full_name)})()},[$,m]);const X=async()=>{const r=G.createClient(),{error:p}=await r.auth.linkIdentity({provider:"github"});p&&(console.error("Error linking GitHub:",p),y({type:"error",text:l("github_link_failed")||"Failed to link GitHub account"}))},O=r=>{const d=`${process.env.NEXT_PUBLIC_R2_BASE_URL||"https://assets.nextblock.com"}/${r.object_key}`;m("avatar_url",d)},J=async r=>{E(!0),y(null);const p=w.normalizeCustomerAddress(r.billing_address)??w.emptyCustomerAddress(),d=r.use_billing_for_shipping?p:w.normalizeCustomerAddress(r.shipping_address);try{const t={...r,billing_address:p,shipping_address:d};if(g){const b=await g(t);if(b?.error)throw new Error(b.error)}else await ee.updateProfile(t);y({type:"success",text:l("profile_updated_success")})}catch(t){if(t.message==="NEXT_REDIRECT"||t.message?.includes("NEXT_REDIRECT"))return;console.error(t),y({type:"error",text:t.message||l("profile_update_failed")})}finally{E(!1)}},U=N("use_billing_for_shipping");return e.jsxs("div",{className:"grid gap-6 md:grid-cols-12 max-w-5xl mx-auto",children:[e.jsxs(o.Card,{className:"md:col-span-4 h-fit",children:[e.jsx(o.CardHeader,{children:e.jsx(o.CardTitle,{className:"text-xl",children:l("public_profile")})}),e.jsxs(o.CardContent,{className:"flex flex-col items-center text-center space-y-4",children:[e.jsxs("div",{className:"relative group",children:[e.jsxs(L.Avatar,{className:"h-32 w-32 border-4 border-muted",children:[e.jsx(L.AvatarImage,{src:N("avatar_url")||void 0,className:"object-cover"}),e.jsx(L.AvatarFallback,{className:"text-4xl bg-secondary",children:N("full_name")?.charAt(0)?.toUpperCase()||e.jsx(u.User,{className:"h-12 w-12"})})]}),j&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity bg-black/40 rounded-full cursor-pointer",children:e.jsx(j,{triggerLabel:e.jsx(u.Upload,{className:"h-6 w-6 text-white"}),triggerVariant:"ghost",title:l("customer_profile"),onSelect:O,accept:r=>r.file_type.startsWith("image/"),hideTrigger:!1})})]}),!j&&e.jsxs("div",{className:"w-full",children:[e.jsx(a.Label,{htmlFor:"avatar_url",className:"sr-only",children:l("avatar_url")}),e.jsx(i.Input,{id:"avatar_url",...h("avatar_url"),placeholder:"https://...",className:"mt-2"})]}),e.jsxs("div",{className:"w-full space-y-1 text-left mt-4",children:[e.jsx("div",{className:"text-sm font-medium text-muted-foreground uppercase tracking-wider",children:l("identity")}),e.jsx("div",{className:"flex items-center gap-2",children:e.jsx("span",{className:"font-semibold text-lg",children:N("full_name")||l("full_name")})}),k&&e.jsxs(Y.Badge,{variant:"secondary",className:"mt-2 w-fit gap-1",children:[e.jsx(u.Github,{className:"h-3 w-3"})," ",l("github_connected")||"GitHub Connected"]})]}),C?.length?e.jsx(Q.AccountNavigationMenu,{links:C,className:"mt-2 text-left"}):null]})]}),e.jsx(o.Card,{className:"md:col-span-8",children:e.jsxs("form",{onSubmit:W(J),children:[e.jsx(o.CardHeader,{children:e.jsx(o.CardTitle,{children:l("details")})}),e.jsxs(o.CardContent,{className:"space-y-6",children:[n&&e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a.Label,{htmlFor:"email",children:[l("email")||"Email"," (Read-only)"]}),e.jsx(i.Input,{id:"email",value:n,readOnly:!0,disabled:!0,className:"bg-muted/50"})]}),e.jsx("div",{className:"rounded-xl border bg-muted/20 p-4 text-sm text-muted-foreground",children:l("profile_basic_info_help")}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a.Label,{htmlFor:"full_name",className:"flex items-center gap-2",children:[e.jsx(u.User,{className:"h-4 w-4"})," ",l("full_name")]}),e.jsx(i.Input,{id:"full_name",...h("full_name")})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a.Label,{htmlFor:"phone",className:"flex items-center gap-2",children:[e.jsx(u.Phone,{className:"h-4 w-4"})," ",l("phone_number")]}),e.jsx(i.Input,{id:"phone",...h("phone")})]})]}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a.Label,{htmlFor:"website",className:"flex items-center gap-2",children:[e.jsx(u.Globe,{className:"h-4 w-4"})," ",l("website")]}),e.jsx(i.Input,{id:"website",...h("website"),placeholder:"https://example.com"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(a.Label,{htmlFor:"github_username",className:"flex items-center gap-2",children:[e.jsx(u.Github,{className:"h-4 w-4"})," ",l("github_username")]}),k?e.jsxs("div",{className:"space-y-2",children:[e.jsx(i.Input,{id:"github_username",...h("github_username"),disabled:!0,className:"bg-muted"}),q&&e.jsxs("p",{className:"text-xs text-muted-foreground flex items-center gap-1",children:[e.jsx(u.Mail,{className:"h-3 w-3"})," ",l("linked_to")||"Linked to"," ",q]})]}):e.jsxs(T.Button,{type:"button",variant:"outline",className:"w-full",onClick:X,children:[e.jsx(u.Github,{className:"mr-2 h-4 w-4"}),l("connect_github")]})]})]}),e.jsx(D.Separator,{className:"my-2"}),e.jsx(B,{prefix:"billing_address",title:l("billing_address"),register:h}),e.jsxs("div",{className:"flex items-center space-x-3 rounded-lg border p-4",children:[e.jsx(Z.Checkbox,{id:"use_billing_for_shipping",checked:!!U,onCheckedChange:r=>m("use_billing_for_shipping",!!r,{shouldDirty:!0})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(a.Label,{htmlFor:"use_billing_for_shipping",className:"cursor-pointer",children:l("use_billing_for_shipping")}),e.jsx("p",{className:"text-sm text-muted-foreground",children:l("profile_use_billing_for_shipping_help")})]})]}),!U&&e.jsx(B,{prefix:"shipping_address",title:l("shipping_address"),register:h}),I&&e.jsx("div",{className:`mt-4 rounded-xl border p-4 text-sm ${I.type==="success"?"border-emerald-200 bg-emerald-50 text-emerald-700":"border-red-200 bg-red-50 text-red-700"}`,children:I.text}),c&&e.jsxs("div",{className:"border-t pt-4 mt-4",children:[e.jsx("h3",{className:"text-sm font-medium mb-3",children:"Admin Settings"}),e.jsxs("div",{className:"grid gap-2",children:[e.jsx(a.Label,{htmlFor:"role",children:"Role"}),e.jsxs(x.Select,{value:N("role")||"USER",onValueChange:r=>m("role",r),children:[e.jsx(x.SelectTrigger,{children:e.jsx(x.SelectValue,{placeholder:"Select role"})}),e.jsxs(x.SelectContent,{children:[e.jsx(x.SelectItem,{value:"USER",children:"User"}),e.jsx(x.SelectItem,{value:"WRITER",children:"Writer"}),e.jsx(x.SelectItem,{value:"ADMIN",children:"Admin"})]})]})]})]})]}),e.jsx(o.CardFooter,{className:"flex justify-end",children:e.jsx(T.Button,{type:"submit",disabled:S,size:"lg",children:l(S?"saving":"save_changes")})})]})})]})}exports.CustomerProfileForm=se;

package/lib/components/CustomerProfileForm.es.js

@@ -0,0 +1,355 @@
+'use client';
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import F, { useState as w } from "react";
+import { useForm as ee } from "react-hook-form";
+import { AccountNavigationMenu as se } from "./AccountNavigationMenu.es.js";
+import { Avatar as le, AvatarImage as re, AvatarFallback as ae } from "@nextblock-cms/ui/avatar";
+import { Badge as te } from "@nextblock-cms/ui/badge";
+import { Button as B } from "@nextblock-cms/ui/button";
+import { Card as L, CardHeader as j, CardTitle as V, CardContent as z, CardFooter as ie } from "@nextblock-cms/ui/card";
+import { Checkbox as ne } from "@nextblock-cms/ui/checkbox";
+import { Input as d } from "@nextblock-cms/ui/input";
+import { Label as i } from "@nextblock-cms/ui/label";
+import { Select as de, SelectTrigger as ce, SelectValue as oe, SelectContent as me, SelectItem as E } from "@nextblock-cms/ui/select";
+import { Separator as he } from "@nextblock-cms/ui/separator";
+import { updateProfile as ue } from "../server-actions/customer-actions.es.js";
+import { addressesMatch as H, normalizeCustomerAddress as W, emptyCustomerAddress as pe } from "../customer.es.js";
+import { createClient as X } from "@nextblock-cms/db";
+import { User as P, Upload as _e, Github as k, Phone as ge, Globe as be, Mail as fe } from "lucide-react";
+import { useTranslations as q } from "@nextblock-cms/utils";
+import { normalizeCountryCode as ye, countries as Ne } from "../countries.es.js";
+function $(s) {
+  return {
+    company_name: s?.company_name || "",
+    recipient_name: s?.recipient_name || "",
+    line1: s?.line1 || "",
+    line2: s?.line2 || "",
+    city: s?.city || "",
+    state: s?.state || "",
+    postal_code: s?.postal_code || "",
+    country_code: ye(s?.country_code) || "CA"
+  };
+}
+function O({
+  prefix: s,
+  title: g,
+  register: c
+}) {
+  const { t: n } = q(), v = n("company_name") === "company_name" ? "Company name" : n("company_name");
+  return /* @__PURE__ */ l("div", { className: "space-y-4 rounded-xl border p-4", children: [
+    /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ e("h3", { className: "text-lg font-medium", children: g }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: n("profile_address_defaults_help") })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "grid gap-4 md:grid-cols-3", children: [
+      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(i, { htmlFor: `${s}-company_name`, children: v }),
+        /* @__PURE__ */ e(d, { id: `${s}-company_name`, ...c(`${s}.company_name`) })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(i, { htmlFor: `${s}-recipient_name`, children: n("full_name") }),
+        /* @__PURE__ */ e(d, { id: `${s}-recipient_name`, ...c(`${s}.recipient_name`) })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(i, { htmlFor: `${s}-country_code`, children: n("country") }),
+        /* @__PURE__ */ e(
+          "select",
+          {
+            id: `${s}-country_code`,
+            className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+            ...c(`${s}.country_code`),
+            children: Ne.map((p) => /* @__PURE__ */ e("option", { value: p.code, children: p.name }, p.code))
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e(i, { htmlFor: `${s}-line1`, children: n("address_line_1") }),
+      /* @__PURE__ */ e(d, { id: `${s}-line1`, ...c(`${s}.line1`) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e(i, { htmlFor: `${s}-line2`, children: n("address_line_2") }),
+      /* @__PURE__ */ e(d, { id: `${s}-line2`, ...c(`${s}.line2`) })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "grid gap-4 md:grid-cols-3", children: [
+      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(i, { htmlFor: `${s}-city`, children: n("city") }),
+        /* @__PURE__ */ e(d, { id: `${s}-city`, ...c(`${s}.city`) })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(i, { htmlFor: `${s}-state`, children: n("state_province") }),
+        /* @__PURE__ */ e(d, { id: `${s}-state`, ...c(`${s}.state`) })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(i, { htmlFor: `${s}-postal_code`, children: n("postal_zip_code") }),
+        /* @__PURE__ */ e(d, { id: `${s}-postal_code`, ...c(`${s}.postal_code`) })
+      ] })
+    ] })
+  ] });
+}
+function ze({
+  initialData: s,
+  MediaPickerComponent: g,
+  isAdmin: c,
+  email: n,
+  accountLinks: v,
+  onAction: p,
+  initialSuccessMessage: b
+}) {
+  const { t: r } = q(), [A, S] = w(!1), [C, f] = w(
+    b ? { type: "success", text: b } : null
+  ), [U, J] = w(!1), [R, K] = w(null), M = s?.use_billing_for_shipping ?? (!s?.shipping_address || H(s?.billing_address, s?.shipping_address)), {
+    register: h,
+    handleSubmit: Q,
+    setValue: m,
+    getValues: x,
+    watch: y,
+    reset: I
+  } = ee({
+    defaultValues: {
+      full_name: s?.full_name || "",
+      avatar_url: s?.avatar_url || "",
+      website: s?.website || "",
+      github_username: s?.github_username || "",
+      phone: s?.phone || "",
+      role: s?.role,
+      use_billing_for_shipping: M,
+      billing_address: $(s?.billing_address),
+      shipping_address: $(s?.shipping_address)
+    }
+  });
+  F.useEffect(() => {
+    s && I({
+      full_name: s.full_name || "",
+      avatar_url: s.avatar_url || "",
+      website: s.website || "",
+      github_username: s.github_username || "",
+      phone: s.phone || "",
+      role: s.role,
+      use_billing_for_shipping: s.use_billing_for_shipping ?? (!s.shipping_address || H(s.billing_address, s.shipping_address)),
+      billing_address: $(s.billing_address),
+      shipping_address: $(s.shipping_address)
+    });
+  }, [s, I]), F.useEffect(() => {
+    b && f({ type: "success", text: b });
+  }, [b]), F.useEffect(() => {
+    const a = X();
+    (async () => {
+      const {
+        data: { user: o }
+      } = await a.auth.getUser();
+      if (!o)
+        return;
+      const t = o.identities?.find((_) => _.provider === "github");
+      if (t) {
+        J(!0);
+        const _ = t.identity_data?.email || (o.app_metadata.provider === "github" ? o.email : null);
+        if (K(_), !x("website")) {
+          const N = t.identity_data?.custom_claims?.blog || t.identity_data?.blog || t.identity_data?.html_url;
+          N && m("website", N);
+        }
+        if (!x("avatar_url")) {
+          const N = t.identity_data?.avatar_url;
+          N && m("avatar_url", N);
+        }
+        const G = t.identity_data?.user_name || t.identity_data?.preferred_username;
+        G && m("github_username", G);
+      }
+      !x("full_name") && o.user_metadata?.full_name && m("full_name", o.user_metadata.full_name);
+    })();
+  }, [x, m]);
+  const Y = async () => {
+    const a = X(), { error: u } = await a.auth.linkIdentity({ provider: "github" });
+    u && (console.error("Error linking GitHub:", u), f({
+      type: "error",
+      text: r("github_link_failed") || "Failed to link GitHub account"
+    }));
+  }, Z = (a) => {
+    const o = `${process.env.NEXT_PUBLIC_R2_BASE_URL || "https://assets.nextblock.com"}/${a.object_key}`;
+    m("avatar_url", o);
+  }, D = async (a) => {
+    S(!0), f(null);
+    const u = W(a.billing_address) ?? pe(), o = a.use_billing_for_shipping ? u : W(a.shipping_address);
+    try {
+      const t = {
+        ...a,
+        billing_address: u,
+        shipping_address: o
+      };
+      if (p) {
+        const _ = await p(t);
+        if (_?.error)
+          throw new Error(_.error);
+      } else
+        await ue(t);
+      f({ type: "success", text: r("profile_updated_success") });
+    } catch (t) {
+      if (t.message === "NEXT_REDIRECT" || t.message?.includes("NEXT_REDIRECT"))
+        return;
+      console.error(t), f({ type: "error", text: t.message || r("profile_update_failed") });
+    } finally {
+      S(!1);
+    }
+  }, T = y("use_billing_for_shipping");
+  return /* @__PURE__ */ l("div", { className: "grid gap-6 md:grid-cols-12 max-w-5xl mx-auto", children: [
+    /* @__PURE__ */ l(L, { className: "md:col-span-4 h-fit", children: [
+      /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(V, { className: "text-xl", children: r("public_profile") }) }),
+      /* @__PURE__ */ l(z, { className: "flex flex-col items-center text-center space-y-4", children: [
+        /* @__PURE__ */ l("div", { className: "relative group", children: [
+          /* @__PURE__ */ l(le, { className: "h-32 w-32 border-4 border-muted", children: [
+            /* @__PURE__ */ e(re, { src: y("avatar_url") || void 0, className: "object-cover" }),
+            /* @__PURE__ */ e(ae, { className: "text-4xl bg-secondary", children: y("full_name")?.charAt(0)?.toUpperCase() || /* @__PURE__ */ e(P, { className: "h-12 w-12" }) })
+          ] }),
+          g && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity bg-black/40 rounded-full cursor-pointer", children: /* @__PURE__ */ e(
+            g,
+            {
+              triggerLabel: /* @__PURE__ */ e(_e, { className: "h-6 w-6 text-white" }),
+              triggerVariant: "ghost",
+              title: r("customer_profile"),
+              onSelect: Z,
+              accept: (a) => a.file_type.startsWith("image/"),
+              hideTrigger: !1
+            }
+          ) })
+        ] }),
+        !g && /* @__PURE__ */ l("div", { className: "w-full", children: [
+          /* @__PURE__ */ e(i, { htmlFor: "avatar_url", className: "sr-only", children: r("avatar_url") }),
+          /* @__PURE__ */ e(d, { id: "avatar_url", ...h("avatar_url"), placeholder: "https://...", className: "mt-2" })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "w-full space-y-1 text-left mt-4", children: [
+          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-muted-foreground uppercase tracking-wider", children: r("identity") }),
+          /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("span", { className: "font-semibold text-lg", children: y("full_name") || r("full_name") }) }),
+          U && /* @__PURE__ */ l(te, { variant: "secondary", className: "mt-2 w-fit gap-1", children: [
+            /* @__PURE__ */ e(k, { className: "h-3 w-3" }),
+            " ",
+            r("github_connected") || "GitHub Connected"
+          ] })
+        ] }),
+        v?.length ? /* @__PURE__ */ e(
+          se,
+          {
+            links: v,
+            className: "mt-2 text-left"
+          }
+        ) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ e(L, { className: "md:col-span-8", children: /* @__PURE__ */ l("form", { onSubmit: Q(D), children: [
+      /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(V, { children: r("details") }) }),
+      /* @__PURE__ */ l(z, { className: "space-y-6", children: [
+        n && /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ l(i, { htmlFor: "email", children: [
+            r("email") || "Email",
+            " (Read-only)"
+          ] }),
+          /* @__PURE__ */ e(d, { id: "email", value: n, readOnly: !0, disabled: !0, className: "bg-muted/50" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "rounded-xl border bg-muted/20 p-4 text-sm text-muted-foreground", children: r("profile_basic_info_help") }),
+        /* @__PURE__ */ l("div", { className: "grid gap-4 md:grid-cols-2", children: [
+          /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ l(i, { htmlFor: "full_name", className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e(P, { className: "h-4 w-4" }),
+              " ",
+              r("full_name")
+            ] }),
+            /* @__PURE__ */ e(d, { id: "full_name", ...h("full_name") })
+          ] }),
+          /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ l(i, { htmlFor: "phone", className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e(ge, { className: "h-4 w-4" }),
+              " ",
+              r("phone_number")
+            ] }),
+            /* @__PURE__ */ e(d, { id: "phone", ...h("phone") })
+          ] })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "grid gap-4 md:grid-cols-2", children: [
+          /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ l(i, { htmlFor: "website", className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e(be, { className: "h-4 w-4" }),
+              " ",
+              r("website")
+            ] }),
+            /* @__PURE__ */ e(d, { id: "website", ...h("website"), placeholder: "https://example.com" })
+          ] }),
+          /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ l(i, { htmlFor: "github_username", className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e(k, { className: "h-4 w-4" }),
+              " ",
+              r("github_username")
+            ] }),
+            U ? /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ e(d, { id: "github_username", ...h("github_username"), disabled: !0, className: "bg-muted" }),
+              R && /* @__PURE__ */ l("p", { className: "text-xs text-muted-foreground flex items-center gap-1", children: [
+                /* @__PURE__ */ e(fe, { className: "h-3 w-3" }),
+                " ",
+                r("linked_to") || "Linked to",
+                " ",
+                R
+              ] })
+            ] }) : /* @__PURE__ */ l(B, { type: "button", variant: "outline", className: "w-full", onClick: Y, children: [
+              /* @__PURE__ */ e(k, { className: "mr-2 h-4 w-4" }),
+              r("connect_github")
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(he, { className: "my-2" }),
+        /* @__PURE__ */ e(O, { prefix: "billing_address", title: r("billing_address"), register: h }),
+        /* @__PURE__ */ l("div", { className: "flex items-center space-x-3 rounded-lg border p-4", children: [
+          /* @__PURE__ */ e(
+            ne,
+            {
+              id: "use_billing_for_shipping",
+              checked: !!T,
+              onCheckedChange: (a) => m("use_billing_for_shipping", !!a, { shouldDirty: !0 })
+            }
+          ),
+          /* @__PURE__ */ l("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ e(i, { htmlFor: "use_billing_for_shipping", className: "cursor-pointer", children: r("use_billing_for_shipping") }),
+            /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: r("profile_use_billing_for_shipping_help") })
+          ] })
+        ] }),
+        !T && /* @__PURE__ */ e(
+          O,
+          {
+            prefix: "shipping_address",
+            title: r("shipping_address"),
+            register: h
+          }
+        ),
+        C && /* @__PURE__ */ e(
+          "div",
+          {
+            className: `mt-4 rounded-xl border p-4 text-sm ${C.type === "success" ? "border-emerald-200 bg-emerald-50 text-emerald-700" : "border-red-200 bg-red-50 text-red-700"}`,
+            children: C.text
+          }
+        ),
+        c && /* @__PURE__ */ l("div", { className: "border-t pt-4 mt-4", children: [
+          /* @__PURE__ */ e("h3", { className: "text-sm font-medium mb-3", children: "Admin Settings" }),
+          /* @__PURE__ */ l("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ e(i, { htmlFor: "role", children: "Role" }),
+            /* @__PURE__ */ l(
+              de,
+              {
+                value: y("role") || "USER",
+                onValueChange: (a) => m("role", a),
+                children: [
+                  /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ e(oe, { placeholder: "Select role" }) }),
+                  /* @__PURE__ */ l(me, { children: [
+                    /* @__PURE__ */ e(E, { value: "USER", children: "User" }),
+                    /* @__PURE__ */ e(E, { value: "WRITER", children: "Writer" }),
+                    /* @__PURE__ */ e(E, { value: "ADMIN", children: "Admin" })
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(ie, { className: "flex justify-end", children: /* @__PURE__ */ e(B, { type: "submit", disabled: A, size: "lg", children: r(A ? "saving" : "save_changes") }) })
+    ] }) })
+  ] });
+}
+export {
+  ze as CustomerProfileForm
+};

package/lib/components/FeaturedProduct.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),h=require("./AddToCartButton.cjs.js"),s=require("@nextblock-cms/utils"),o=require("next/link"),g=require("../CurrencyProvider.cjs.js"),m=require("../currency.cjs.js"),b=require("../trials.cjs.js"),v=({product:e,className:x,imagePosition:u="left"})=>{const{t:c}=s.useTranslations(),{activeCurrencyCode:l,currencies:n}=g.useCurrency(),a=m.resolvePriceRangeForCurrency({entries:e.variants?.length?e.variants:e.product_variants?.length?e.product_variants:[],currencyCode:l,currencies:n}),d=!!(e.has_variants&&a),i=m.resolveEffectivePriceForCurrency({prices:e.prices,salePrices:e.sale_prices,fallbackPrice:e.price,fallbackSalePrice:e.sale_price,saleStartAt:e.sale_start_at,saleEndAt:e.sale_end_at,scheduledPrice:e.scheduled_price,scheduledPrices:e.scheduled_prices,scheduledPriceAt:e.scheduled_price_at,currencyCode:l,currencies:n}),f=d&&a?a.min===a.max?s.formatPrice(a.min,l):`${s.formatPrice(a.min,l)} - ${s.formatPrice(a.max,l)}`:s.formatPrice(i.sale_price??i.price,l),t=b.getTrialSummary(e);return r.jsx("div",{className:s.cn("overflow-hidden rounded-xl border bg-card shadow-sm",x),children:r.jsxs("div",{className:s.cn("flex flex-col gap-8 md:flex-row",u==="right"&&"md:flex-row-reverse"),children:[r.jsx("div",{className:"relative aspect-square w-full md:w-1/2",children:e.image_url?r.jsx("img",{src:e.image_url,alt:e.title,className:"h-full w-full object-cover"}):r.jsx("div",{className:"flex h-full w-full items-center justify-center bg-secondary text-muted-foreground",children:c("ecommerce.no_image")})}),r.jsxs("div",{className:"flex flex-1 flex-col justify-center p-6 md:p-12",children:[r.jsx(o,{href:`/product/${e.slug}`,children:r.jsx("h2",{className:"mb-4 text-3xl font-bold tracking-tight hover:underline md:text-4xl",children:e.title})}),r.jsxs("div",{className:"mb-6 flex items-baseline gap-3",children:[r.jsx("span",{className:"text-3xl font-bold text-primary",children:f}),!d&&i.sale_price&&r.jsx("span",{className:"text-lg text-muted-foreground line-through",children:s.formatPrice(i.price,l)})]}),t&&r.jsxs("div",{className:"mb-6 inline-flex w-fit flex-col rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm text-emerald-900",children:[r.jsx("span",{className:"font-semibold",children:t.label}),r.jsx("span",{className:"text-emerald-700",children:t.paymentRequirementLabel})]}),e.short_description&&r.jsx("p",{className:"mb-8 text-lg text-muted-foreground",children:e.short_description}),r.jsxs("div",{className:"flex flex-col gap-4 sm:flex-row",children:[r.jsx(h.AddToCartButton,{product:e,className:"h-12 w-full px-8 text-lg sm:w-auto"}),r.jsx(o,{href:`/product/${e.slug}`,className:"inline-flex h-12 items-center justify-center rounded-md border border-input bg-background px-8 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground",children:c("ecommerce.view_details")})]})]})]})})};exports.FeaturedProduct=v;

package/{components → lib/components}/FeaturedProduct.es.js

@@ -1,16 +1,17 @@
+'use client';
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { A as g } from "../AddToCartButton-ffE0DhHu.js";
-import { useTranslations as v, formatPrice as i, cn as o } from "@nextblock-cms/utils";
+import { AddToCartButton as g } from "./AddToCartButton.es.js";
+import { useTranslations as v, formatPrice as i, cn as d } from "@nextblock-cms/utils";
 import f from "next/link";
-import { u as b } from "../CurrencyProvider-OzlRN96V.js";
+import { useCurrency as b } from "../CurrencyProvider.es.js";
 import { resolvePriceRangeForCurrency as p, resolveEffectivePriceForCurrency as _ } from "../currency.es.js";
-import { d as N } from "../trials-RDcRAZKx.js";
+import { getTrialSummary as N } from "../trials.es.js";
 const R = ({ product: e, className: h, imagePosition: x = "left" }) => {
   const { t: c } = v(), { activeCurrencyCode: l, currencies: m } = b(), a = p({
     entries: e.variants?.length ? e.variants : e.product_variants?.length ? e.product_variants : [],
     currencyCode: l,
     currencies: m
-  }), d = !!(e.has_variants && a), t = _({
+  }), o = !!(e.has_variants && a), t = _({
     prices: e.prices,
     salePrices: e.sale_prices,
     fallbackPrice: e.price,
@@ -22,11 +23,11 @@ const R = ({ product: e, className: h, imagePosition: x = "left" }) => {
     scheduledPriceAt: e.scheduled_price_at,
     currencyCode: l,
     currencies: m
-  }), u = d && a ? a.min === a.max ? i(a.min, l) : `${i(a.min, l)} - ${i(
+  }), u = o && a ? a.min === a.max ? i(a.min, l) : `${i(a.min, l)} - ${i(
     a.max,
     l
   )}` : i(t.sale_price ?? t.price, l), n = N(e);
-  return /* @__PURE__ */ r("div", { className: o("overflow-hidden rounded-xl border bg-card shadow-sm", h), children: /* @__PURE__ */ s("div", { className: o("flex flex-col gap-8 md:flex-row", x === "right" && "md:flex-row-reverse"), children: [
+  return /* @__PURE__ */ r("div", { className: d("overflow-hidden rounded-xl border bg-card shadow-sm", h), children: /* @__PURE__ */ s("div", { className: d("flex flex-col gap-8 md:flex-row", x === "right" && "md:flex-row-reverse"), children: [
     /* @__PURE__ */ r("div", { className: "relative aspect-square w-full md:w-1/2", children: e.image_url ? /* @__PURE__ */ r(
       "img",
       {
@@ -39,7 +40,7 @@ const R = ({ product: e, className: h, imagePosition: x = "left" }) => {
       /* @__PURE__ */ r(f, { href: `/product/${e.slug}`, children: /* @__PURE__ */ r("h2", { className: "mb-4 text-3xl font-bold tracking-tight hover:underline md:text-4xl", children: e.title }) }),
       /* @__PURE__ */ s("div", { className: "mb-6 flex items-baseline gap-3", children: [
         /* @__PURE__ */ r("span", { className: "text-3xl font-bold text-primary", children: u }),
-        !d && t.sale_price && /* @__PURE__ */ r("span", { className: "text-lg text-muted-foreground line-through", children: i(t.price, l) })
+        !o && t.sale_price && /* @__PURE__ */ r("span", { className: "text-lg text-muted-foreground line-through", children: i(t.price, l) })
       ] }),
       n && /* @__PURE__ */ s("div", { className: "mb-6 inline-flex w-fit flex-col rounded-md border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm text-emerald-900", children: [
         /* @__PURE__ */ r("span", { className: "font-semibold", children: n.label }),

package/lib/components/InvoiceDocument.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("next/image"),n=require("../invoice.cjs.js"),d=require("../order-tax-details.cjs.js");function y({data:t,labels:r,locale:i="en-US",className:l=""}){const m=n.getInvoiceAddressLines(t.settings.address),u=n.getInvoiceAddressLines(t.order.customer_details?.billing),h=n.getInvoiceAddressLines(t.order.customer_details?.shipping);return e.jsxs("section",{className:`rounded-2xl border bg-white text-slate-900 shadow-sm print:rounded-none print:border-0 print:text-[10px] print:shadow-none ${l}`,children:[e.jsx("div",{className:"border-b px-6 py-6 print:px-0",children:e.jsxs("div",{className:"grid gap-6 md:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] md:items-start print:grid-cols-[minmax(0,1fr)_72px_280px] print:items-start print:gap-4",children:[e.jsxs("div",{className:"order-2 max-w-md space-y-4 print:order-none print:max-w-none print:space-y-2 md:order-none",children:[e.jsxs("div",{className:"space-y-1 text-sm print:text-[10px]",children:[e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",children:r.from}),t.settings.businessName?e.jsx("p",{className:"text-base font-semibold",children:t.settings.businessName}):null,m.map((s,p)=>e.jsx("p",{children:s},`seller-${p}-${s}`)),t.settings.email?e.jsx("p",{children:t.settings.email}):null,t.settings.phone?e.jsx("p",{children:t.settings.phone}):null]}),t.settings.taxRegistrations.length>0?e.jsxs("div",{className:"rounded-xl border bg-slate-50 px-4 py-3 text-sm print:px-3 print:py-2 print:text-[10px]",children:[e.jsx("p",{className:"mb-2 font-semibold",children:r.taxRegistrations}),e.jsx("div",{className:"space-y-1",children:t.settings.taxRegistrations.map((s,p)=>e.jsxs("p",{children:[e.jsx("span",{className:"font-medium",children:s.label}),s.label&&s.value?": ":"",s.value]},`${s.label}-${s.value}-${p}`))})]}):null]}),e.jsx("div",{className:"order-1 flex justify-center md:order-none md:pt-2 print:order-none print:pt-1",children:t.logo?.url?e.jsx(j,{src:t.logo.url,alt:t.logo.name||t.settings.businessName||"Logo",className:"mx-auto h-24 w-auto object-contain print:h-14",width:t.logo.width||320,height:t.logo.height||120}):null}),e.jsx("div",{className:"order-3 flex justify-start md:order-none md:justify-end print:order-none",children:e.jsxs("div",{className:"w-full max-w-[380px] rounded-2xl bg-slate-950 px-5 py-5 text-white print:max-w-none print:border print:border-slate-300 print:bg-white print:px-3 print:py-3 print:text-[10px] print:text-slate-950",children:[e.jsx("p",{className:"text-xs uppercase tracking-[0.2em] text-white/70 print:text-slate-500",children:r.invoice}),e.jsxs("div",{className:"mt-4 space-y-3 text-sm print:mt-3 print:space-y-2 print:text-[10px]",children:[e.jsx(c,{label:r.invoiceNumber,value:t.order.invoice_number||"--"}),e.jsx(c,{label:r.orderNumber,value:t.order.id}),e.jsx(c,{label:r.paidOn,value:n.formatInvoiceDate(t.order.paid_at||t.order.created_at,i)||"--"}),e.jsx(c,{label:r.status,value:t.order.status})]})]})})]})}),e.jsxs("div",{className:"grid gap-4 border-b px-6 py-6 md:grid-cols-2 print:grid-cols-2 print:gap-3 print:px-0 print:py-3",children:[e.jsx(a,{title:r.billTo,lines:u}),e.jsx(a,{title:r.shipTo,lines:h})]}),e.jsxs("div",{className:"px-6 py-6 print:px-0 print:py-3",children:[e.jsx("div",{className:"overflow-hidden rounded-2xl border",children:e.jsxs("table",{className:"w-full border-collapse text-sm print:table-fixed print:text-[9px]",children:[e.jsx("thead",{className:"bg-slate-50",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-4 py-3 text-left font-semibold print:w-[22%] print:px-2 print:py-1.5",children:r.item}),e.jsx("th",{className:"px-4 py-3 text-left font-semibold print:w-[38%] print:px-2 print:py-1.5",children:r.details}),e.jsx("th",{className:"px-4 py-3 text-right font-semibold print:w-[10%] print:px-2 print:py-1.5",children:r.quantity}),e.jsx("th",{className:"px-4 py-3 text-right font-semibold print:w-[15%] print:px-2 print:py-1.5",children:r.price}),e.jsx("th",{className:"px-4 py-3 text-right font-semibold print:w-[15%] print:px-2 print:py-1.5",children:r.amount})]})}),e.jsx("tbody",{children:t.order.items.map(s=>e.jsxs("tr",{className:"border-t",children:[e.jsx("td",{className:"px-4 py-4 font-medium print:px-2 print:py-1.5",children:s.title}),e.jsx("td",{className:"px-4 py-4 text-slate-600 print:px-2 print:py-1.5",children:s.description||"--"}),e.jsx("td",{className:"px-4 py-4 text-right print:px-2 print:py-1.5",children:s.quantity}),e.jsx("td",{className:"px-4 py-4 text-right print:px-2 print:py-1.5",children:n.formatInvoiceCurrency(s.unit_amount,t.order.currency,i)}),e.jsx("td",{className:"px-4 py-4 text-right font-medium print:px-2 print:py-1.5",children:n.formatInvoiceCurrency(s.total_amount,t.order.currency,i)})]},s.id))})]})}),e.jsxs("div",{className:"mt-6 grid gap-6 md:grid-cols-[minmax(0,1fr)_320px] print:mt-4 print:grid-cols-[minmax(0,1fr)_220px] print:items-start print:gap-4",children:[e.jsx("div",{children:t.order.tax_details?.lines?.length?e.jsxs("div",{className:"rounded-xl border bg-slate-50 px-5 py-4 print:break-inside-avoid print:px-3 print:py-2.5 print:text-[10px]",children:[e.jsx("p",{className:"mb-3 font-semibold",children:r.taxBreakdown}),e.jsx("div",{className:"space-y-3 text-sm print:space-y-2 print:text-[10px]",children:t.order.tax_details.lines.map((s,p)=>{const o=d.getOrderTaxRatePercentage(s.rate);return e.jsxs("div",{className:"flex items-start justify-between gap-4",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"font-medium",children:[d.getOrderTaxRateLabel(s.rate),typeof o=="number"?` - ${o.toFixed(4)}%`:""]}),d.getOrderTaxRateJurisdiction(s.rate)?e.jsx("p",{className:"text-xs text-slate-500 print:text-[9px]",children:d.getOrderTaxRateJurisdiction(s.rate)}):null]}),e.jsx("span",{children:n.formatInvoiceCurrency(s.amount,t.order.currency,i)})]},`${s.rate.display_name}-${s.description||"tax"}-${p}`)})})]}):null}),e.jsxs("div",{className:"rounded-xl border bg-slate-950 px-5 py-5 text-sm text-white print:break-inside-avoid print:border-slate-300 print:bg-white print:px-3 print:py-3 print:text-[10px] print:text-slate-950",children:[e.jsxs("div",{className:"space-y-3 print:space-y-2",children:[e.jsx(x,{label:r.subtotal,value:n.formatInvoiceCurrency(t.order.subtotal,t.order.currency,i)}),t.order.discount_total>0?e.jsx(x,{label:t.order.coupon_code?`${r.discount} (${t.order.coupon_code})`:r.discount,value:`-${n.formatInvoiceCurrency(t.order.discount_total,t.order.currency,i)}`}):null,e.jsx(x,{label:r.shipping,value:n.formatInvoiceCurrency(t.order.shipping_total,t.order.currency,i)}),e.jsx(x,{label:r.tax,value:n.formatInvoiceCurrency(t.order.tax_total,t.order.currency,i)})]}),e.jsx("div",{className:"mt-4 border-t border-white/15 pt-4 print:mt-3 print:border-slate-300 print:pt-3",children:e.jsx(x,{label:r.total,value:n.formatInvoiceCurrency(t.order.total,t.order.currency,i),strong:!0})})]})]})]})]})}function a({title:t,lines:r}){return e.jsxs("div",{className:"rounded-xl border bg-slate-50 px-5 py-4 print:break-inside-avoid print:px-3 print:py-2.5 print:text-[10px]",children:[e.jsx("p",{className:"mb-3 text-xs font-semibold uppercase tracking-[0.2em] text-slate-500",children:t}),r.length?e.jsx("div",{className:"space-y-1 text-sm print:text-[10px]",children:r.map((i,l)=>e.jsx("p",{children:i},`${t}-${l}-${i}`))}):e.jsx("p",{className:"text-sm text-slate-500",children:"--"})]})}function c({label:t,value:r}){return e.jsxs("div",{className:"flex items-center justify-between gap-4",children:[e.jsx("span",{className:"text-white/70 print:text-[9px] print:text-slate-500",children:t}),e.jsx("span",{className:"text-right font-medium",children:r})]})}function x({label:t,value:r,strong:i=!1}){return e.jsxs("div",{className:"flex items-center justify-between gap-4",children:[e.jsx("span",{className:i?"text-base font-semibold print:text-sm":"text-white/75 print:text-[9px] print:text-slate-500",children:t}),e.jsx("span",{className:i?"text-lg font-semibold print:text-base":"font-medium",children:r})]})}exports.InvoiceDocument=y;