@loczer/storefront-sdk 0.147.0 → 0.149.0

package/dist/pages/CheckoutSuccessPage.js

@@ -0,0 +1,24 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useParams as m, useSearchParams as h, Link as a } from "@rpcbase/router";
+import { CheckCircle2 as d, ArrowRight as u } from "lucide-react";
+import { useTranslation as x } from "react-i18next";
+import { resolveBookingSearchParamsFromSessionStorage as p } from "../lib/booking.js";
+import { Button as o } from "../ui/button.js";
+function b() {
+  const { t } = x(), { storeSlug: r } = m(), [l] = h(), s = p(l, r).toString(), i = `/${r ?? ""}/booking${s ? `?${s}` : ""}`, n = `/${r ?? ""}${s ? `?${s}` : ""}`;
+  return /* @__PURE__ */ e("div", { className: "mx-auto max-w-3xl px-4 py-14 sm:px-6", children: /* @__PURE__ */ c("div", { className: "rounded-2xl border border-slate-200 bg-white p-8 shadow-sm", children: [
+    /* @__PURE__ */ e("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-emerald-500/10 text-emerald-600", children: /* @__PURE__ */ e(d, { className: "h-6 w-6", "aria-hidden": "true" }) }),
+    /* @__PURE__ */ e("h1", { className: "mt-6 text-center text-2xl font-semibold tracking-tight text-slate-950", children: /* @__PURE__ */ e("span", { children: t("checkout_success_title") }) }),
+    /* @__PURE__ */ e("p", { className: "mt-2 text-center text-sm text-slate-600", children: /* @__PURE__ */ e("span", { children: t("checkout_success_description") }) }),
+    /* @__PURE__ */ c("div", { className: "mt-8 flex flex-col gap-3 sm:flex-row sm:justify-center", children: [
+      /* @__PURE__ */ e(a, { to: i, children: /* @__PURE__ */ e(o, { variant: "outline", className: "w-full sm:w-auto", children: /* @__PURE__ */ e("span", { children: t("checkout_success_back_to_products") }) }) }),
+      /* @__PURE__ */ e(a, { to: n, children: /* @__PURE__ */ c(o, { className: "w-full gap-2 sm:w-auto", children: [
+        /* @__PURE__ */ e("span", { children: t("checkout_success_back_home") }),
+        /* @__PURE__ */ e(u, { className: "h-4 w-4", "aria-hidden": "true" })
+      ] }) })
+    ] })
+  ] }) });
+}
+export {
+  b as default
+};

package/dist/pages/ContractSaleDocumentPage.d.ts

@@ -0,0 +1,109 @@
+import { StorefrontI18nLanguage } from '../i18n/I18nProvider';
+export declare const loader: ({ ctx, params }: import('@rpcbase/client').LoaderArgs) => Promise<{
+    storeSlug: string;
+    referenceId: string;
+    saleDocumentId: string;
+    pdfMode: boolean;
+    documentLanguage: StorefrontI18nLanguage | null;
+    document: null;
+    error: string | null;
+} | {
+    storeSlug: string;
+    referenceId: string;
+    saleDocumentId: string;
+    pdfMode: boolean;
+    documentLanguage: StorefrontI18nLanguage | null;
+    document: {
+        id: string;
+        kind: "invoice" | "credit_note";
+        saleDocumentNumber: string;
+        currency: string;
+        issuer: {
+            name: string;
+            address?: string | undefined;
+            richAddress?: {
+                provider: "google_places";
+                placeId: string;
+                label: string;
+                fullLabel?: string | undefined;
+                formattedAddress?: string | undefined;
+                location?: {
+                    lat: number;
+                    lng: number;
+                } | undefined;
+                addressComponents?: {
+                    longText: string;
+                    shortText: string;
+                    types: string[];
+                }[] | undefined;
+                types?: string[] | undefined;
+                distanceMeters?: number | undefined;
+            } | undefined;
+            email?: string | undefined;
+            phone?: string | undefined;
+        };
+        recipient: {
+            name: string;
+            address?: string | undefined;
+            richAddress?: {
+                provider: "google_places";
+                placeId: string;
+                label: string;
+                fullLabel?: string | undefined;
+                formattedAddress?: string | undefined;
+                location?: {
+                    lat: number;
+                    lng: number;
+                } | undefined;
+                addressComponents?: {
+                    longText: string;
+                    shortText: string;
+                    types: string[];
+                }[] | undefined;
+                types?: string[] | undefined;
+                distanceMeters?: number | undefined;
+            } | undefined;
+            email?: string | undefined;
+            phone?: string | undefined;
+        };
+        items: {
+            id: number;
+            description: string;
+            quantity: number;
+            unitPrice: number;
+        }[];
+        acceptanceLevel: "none" | "acceptance" | "signature";
+        date: Date;
+        dueDate: Date;
+        language?: {
+            legal: "fr" | "en";
+            customer: "fr" | "en";
+            translation?: "fr" | "en" | undefined;
+        } | undefined;
+        terms?: {
+            title: string;
+            articles: {
+                id: string;
+                title: string;
+                body: string;
+                translationTitle?: string | undefined;
+                translationBody?: string | undefined;
+            }[];
+        } | undefined;
+        taxRate?: number | undefined;
+        notes?: string | undefined;
+        acceptance?: {
+            mode: "acceptance";
+            date: Date;
+        } | {
+            mode: "signature";
+            name: string;
+            phone: string;
+            signature: string;
+            date: Date;
+        } | undefined;
+    };
+    error: null;
+}>;
+export default function ContractSaleDocumentPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContractSaleDocumentPage.d.ts.map

package/dist/pages/ContractSaleDocumentPage.js

@@ -0,0 +1,342 @@
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import { useState as b, useEffect as T } from "react";
+import { Menu as _ } from "@base-ui/react/menu";
+import { toast as D } from "@rpcbase/client";
+import { cn as K } from "@rpcbase/ui";
+import { useLoaderData as B, useLocation as H, useNavigate as W, Link as I } from "@rpcbase/router";
+import { ArrowLeft as $, Download as J, ChevronDown as Q, Loader2 as V } from "lucide-react";
+import { useTranslation as q } from "react-i18next";
+import { apiPost as X, apiGet as Y } from "../lib/apiCall.js";
+import { ContractSaleDocument as M } from "../components/ContractSaleDocument/Invoice.js";
+import { ACCEPT_CONTRACT_SALE_DOCUMENT_ROUTE as Z, acceptContractSaleDocumentResponseSchema as ee, contractSaleDocumentApiSchema as te, DOWNLOAD_CONTRACT_SALE_DOCUMENT_PDF_ROUTE as ne, GET_CONTRACT_SALE_DOCUMENT_ROUTE as oe, getContractSaleDocumentResponseSchema as re } from "../lib/contractSaleDocumentApi.js";
+import { normalizeStorefrontI18nLanguage as v } from "../i18n/I18nProvider.js";
+import { Button as P } from "../ui/button.js";
+import { Card as ae } from "../ui/card.js";
+const S = (e) => new URLSearchParams(e).get("pdf") === "1", C = (e) => v(new URLSearchParams(e).get("lang")), se = (e) => {
+  const n = typeof e?.req?.originalUrl == "string" ? e.req.originalUrl : "";
+  return n ? S(new URL(n, "http://localhost").search) : typeof window < "u" ? S(window.location.search) : !1;
+}, ce = (e) => {
+  const n = typeof e?.req?.originalUrl == "string" ? e.req.originalUrl : "";
+  return n ? C(new URL(n, "http://localhost").search) : typeof window < "u" ? C(window.location.search) : null;
+}, de = (e, n, o, a) => {
+  const s = new URLSearchParams({
+    storeSlug: e,
+    referenceId: n,
+    saleDocumentId: o,
+    lang: a
+  });
+  return `${ne}?${s.toString()}`;
+}, ie = (e, n, o, a) => {
+  if (typeof window > "u")
+    return "";
+  const s = new URL(
+    `/${encodeURIComponent(e)}/docs/${encodeURIComponent(n)}/${encodeURIComponent(o)}`,
+    window.location.origin
+  );
+  return s.searchParams.set("lang", a), s.toString();
+}, le = (e, n, o) => {
+  const s = `${o === "credit_note" ? "credit-note" : "invoice"}-${n?.trim() || "document"}.pdf`;
+  if (!e)
+    return s;
+  const c = e.match(/filename\*=UTF-8''([^;]+)/i)?.[1];
+  if (c)
+    try {
+      return decodeURIComponent(c);
+    } catch {
+      return c;
+    }
+  return e.match(/filename="([^"]+)"/i)?.[1] ?? e.match(/filename=([^;]+)/i)?.[1]?.trim() ?? s;
+}, A = (e) => /* @__PURE__ */ t(
+  V,
+  {
+    className: "h-4 w-4 animate-spin",
+    "aria-hidden": "true",
+    "data-testid": e
+  }
+), F = [
+  { code: "fr", labelKey: "docs_contract_sale_language_option_fr" },
+  { code: "en", labelKey: "docs_contract_sale_language_option_en" }
+], ue = {
+  code: "fr"
+};
+function me({
+  selectedLanguage: e,
+  onChange: n
+}) {
+  const { t: o } = q(), [a, s] = b(!1), c = F.find((r) => r.code === e) ?? ue;
+  return /* @__PURE__ */ g(_.Root, { open: a, onOpenChange: s, children: [
+    /* @__PURE__ */ t(
+      _.Trigger,
+      {
+        nativeButton: !0,
+        render: /* @__PURE__ */ g(
+          P,
+          {
+            variant: "outline",
+            size: "sm",
+            type: "button",
+            "aria-label": o("docs_contract_sale_language_selector_label"),
+            className: "h-9 gap-1 bg-background/80 px-2 uppercase",
+            "data-testid": "contract-sale-document-language-trigger",
+            children: [
+              /* @__PURE__ */ t("span", { children: c.code }),
+              /* @__PURE__ */ t(Q, { className: "h-4 w-4", "aria-hidden": "true" })
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t(_.Portal, { children: /* @__PURE__ */ t(
+      _.Positioner,
+      {
+        align: "end",
+        sideOffset: 4,
+        positionMethod: "fixed",
+        className: "z-50",
+        collisionPadding: 8,
+        collisionAvoidance: { side: "flip", align: "shift", fallbackAxisSide: "none" },
+        children: /* @__PURE__ */ t(
+          _.Popup,
+          {
+            render: (r, d) => /* @__PURE__ */ t(
+              "div",
+              {
+                ...r,
+                "data-menu-content": "",
+                "data-state": d.open ? "open" : "closed"
+              }
+            ),
+            className: "z-50 min-w-36 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md transition-opacity duration-75 data-[ending-style]:opacity-0 data-[starting-style]:opacity-0 data-[instant]:transition-none",
+            children: F.map((r) => /* @__PURE__ */ g(
+              _.Item,
+              {
+                onClick: (d) => {
+                  d.defaultPrevented || (n(r.code), s(!1));
+                },
+                "data-testid": `contract-sale-document-language-option-${r.code}`,
+                className: K(
+                  "relative flex cursor-pointer select-none items-center justify-between gap-3 whitespace-nowrap rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
+                  e === r.code && "bg-accent"
+                ),
+                children: [
+                  /* @__PURE__ */ t("span", { children: o(r.labelKey) }),
+                  /* @__PURE__ */ t("span", { className: "text-xs uppercase text-muted-foreground", children: r.code })
+                ]
+              },
+              r.code
+            ))
+          }
+        )
+      }
+    ) })
+  ] });
+}
+const Se = (async ({ ctx: e, params: n }) => {
+  const o = typeof n.storeSlug == "string" ? n.storeSlug.trim().toLowerCase() : "", a = typeof n.referenceId == "string" ? n.referenceId.trim() : "", s = typeof n.saleDocumentId == "string" ? n.saleDocumentId.trim() : "", c = se(e), r = ce(e);
+  if (!o || !a || !s)
+    return {
+      storeSlug: o,
+      referenceId: a,
+      saleDocumentId: s,
+      pdfMode: c,
+      documentLanguage: r,
+      document: null,
+      error: null
+    };
+  try {
+    const d = await Y(
+      oe,
+      {
+        storeSlug: o,
+        referenceId: a,
+        saleDocumentId: s,
+        ...r ? { lang: r } : {}
+      },
+      e
+    ), p = re.parse(d);
+    return !p.success || !p.document ? {
+      storeSlug: o,
+      referenceId: a,
+      saleDocumentId: s,
+      pdfMode: c,
+      documentLanguage: r,
+      document: null,
+      error: p.message ?? null
+    } : {
+      storeSlug: o,
+      referenceId: a,
+      saleDocumentId: s,
+      pdfMode: c,
+      documentLanguage: r,
+      document: p.document,
+      error: null
+    };
+  } catch (d) {
+    return console.error("Failed to load storefront contract sale document", d), {
+      storeSlug: o,
+      referenceId: a,
+      saleDocumentId: s,
+      pdfMode: c,
+      documentLanguage: r,
+      document: null,
+      error: null
+    };
+  }
+}), j = (e) => {
+  const n = te.safeParse(e);
+  return n.success ? n.data : null;
+};
+function Ce() {
+  const { t: e, i18n: n } = q(), o = B(), a = H(), s = W(), { storeSlug: c, referenceId: r, saleDocumentId: d } = o, p = o.pdfMode || S(a.search), [w, L] = b(
+    j(o.document)
+  ), [E, R] = b(null), [N, k] = b(!1), [y, x] = b(o.error), f = C(a.search) ?? v(w?.language?.customer) ?? o.documentLanguage ?? v(n.language) ?? "fr", U = c && r && d ? de(c, r, d, f) : null, O = c && r && d ? ie(c, r, d, f) : "";
+  T(() => {
+    L(j(o.document)), x(o.error);
+  }, [o.document, o.error]), T(() => {
+    v(n.language) !== f && n.changeLanguage(f);
+  }, [n, f]);
+  const z = (u) => {
+    if (u === f)
+      return;
+    n.changeLanguage(u);
+    const i = new URLSearchParams(a.search);
+    i.set("lang", u);
+    const m = i.toString();
+    s(`${a.pathname}${m ? `?${m}` : ""}${a.hash || ""}`, { replace: !0 });
+  };
+  if (!w)
+    return /* @__PURE__ */ t("div", { className: "mx-auto max-w-3xl px-4 py-14 sm:px-6", children: /* @__PURE__ */ t(ae, { className: "border-slate-200 bg-white p-8 shadow-sm", children: /* @__PURE__ */ g("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ t("h1", { className: "text-lg font-semibold text-slate-950", children: /* @__PURE__ */ t("span", { children: e("docs_contract_sale_not_found_title") }) }),
+      /* @__PURE__ */ t("p", { className: "text-sm text-red-600", children: /* @__PURE__ */ t("span", { children: y ?? e("docs_contract_sale_load_error") }) }),
+      /* @__PURE__ */ t(I, { to: `/${c ?? ""}`, children: /* @__PURE__ */ g(P, { className: "gap-2", children: [
+        /* @__PURE__ */ t($, { className: "h-4 w-4", "aria-hidden": "true" }),
+        /* @__PURE__ */ t("span", { children: e("docs_contract_sale_back_to_storefront") })
+      ] }) })
+    ] }) }) });
+  if (p)
+    return /* @__PURE__ */ t("div", { className: "min-h-screen bg-white", children: /* @__PURE__ */ t(
+      M,
+      {
+        data: w,
+        renderMode: "pdf",
+        publicDocumentUrl: O
+      }
+    ) });
+  const G = async () => {
+    if (!U || N)
+      return;
+    k(!0);
+    const u = D.loading(e("docs_contract_sale_preparing_pdf"), {
+      icon: A()
+    });
+    try {
+      const i = await fetch(U, {
+        method: "GET",
+        credentials: "include"
+      });
+      if (!i.ok)
+        throw new Error(`PDF request failed with status ${i.status}`);
+      const m = await i.blob(), l = window.URL.createObjectURL(m), h = window.document.createElement("a");
+      h.href = l, h.download = le(
+        i.headers.get("content-disposition"),
+        w.saleDocumentNumber,
+        w.kind
+      ), window.document.body.appendChild(h), h.click(), h.remove(), D.dismiss(u), window.setTimeout(() => {
+        window.URL.revokeObjectURL(l);
+      }, 0);
+    } catch (i) {
+      console.error("Failed to download storefront contract sale document PDF", i), D.dismiss(u), D.error(e("docs_contract_sale_download_pdf_error"));
+    } finally {
+      k(!1);
+    }
+  };
+  return /* @__PURE__ */ g("div", { className: "flex h-dvh min-h-0 flex-col overflow-hidden bg-gradient-to-br from-slate-100 via-slate-100 to-slate-200", children: [
+    /* @__PURE__ */ g("div", { className: "fixed inset-x-0 top-0 z-40 flex h-14 items-center justify-between gap-3 border-b border-border bg-background/70 px-4 backdrop-blur-xl backdrop-saturate-125 supports-[backdrop-filter]:bg-background/55 sm:px-6", children: [
+      /* @__PURE__ */ g(I, { to: `/${c ?? ""}`, className: "inline-flex items-center gap-2 text-sm font-medium text-slate-700 hover:text-slate-950", children: [
+        /* @__PURE__ */ t($, { className: "h-4 w-4", "aria-hidden": "true" }),
+        /* @__PURE__ */ t("span", { children: e("docs_contract_sale_back_to_storefront") })
+      ] }),
+      /* @__PURE__ */ g("div", { className: "flex min-w-0 items-center gap-2", children: [
+        y ? /* @__PURE__ */ t("span", { className: "max-w-[min(44vw,24rem)] truncate text-right text-sm text-red-600", children: y }) : E === "signature" ? /* @__PURE__ */ t("span", { className: "max-w-[min(44vw,24rem)] truncate text-right text-sm text-slate-600", children: e("docs_contract_sale_submitting_signature") }) : E === "acceptance" ? /* @__PURE__ */ t("span", { className: "max-w-[min(44vw,24rem)] truncate text-right text-sm text-slate-600", children: e("docs_contract_sale_submitting_acceptance") }) : null,
+        /* @__PURE__ */ t(
+          me,
+          {
+            selectedLanguage: f,
+            onChange: z
+          }
+        ),
+        U ? /* @__PURE__ */ g(
+          P,
+          {
+            variant: "outline",
+            size: "sm",
+            type: "button",
+            disabled: N,
+            onClick: () => {
+              G();
+            },
+            className: "h-9 bg-background/80 px-3",
+            "data-testid": "contract-sale-document-download-pdf",
+            children: [
+              N ? A("contract-sale-document-download-spinner") : /* @__PURE__ */ t(J, { className: "h-4 w-4", "aria-hidden": "true" }),
+              /* @__PURE__ */ t("span", { className: "hidden sm:inline", children: e("docs_contract_sale_download_pdf") }),
+              /* @__PURE__ */ t("span", { className: "sm:hidden", children: "PDF" })
+            ]
+          }
+        ) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ t(
+      M,
+      {
+        data: w,
+        heightMode: "parent",
+        publicDocumentUrl: O,
+        onAccept: async (u) => {
+          const i = u.mode === "signature" ? e("docs_contract_sale_signature_submit_error") : e("docs_contract_sale_acceptance_submit_error");
+          if (!c || !r || !d)
+            throw new Error(i);
+          R(u.mode);
+          try {
+            const m = await X(
+              Z,
+              {
+                storeSlug: c,
+                referenceId: r,
+                saleDocumentId: d,
+                lang: f,
+                acceptance: u.mode === "signature" ? {
+                  mode: "signature",
+                  name: u.name,
+                  phone: u.phone,
+                  signature: u.signature
+                } : {
+                  mode: "acceptance"
+                }
+              }
+            ), l = ee.parse(m);
+            if (!l.success) {
+              const h = l.message ?? i;
+              if (l.document)
+                return L(l.document), x(h), l.document;
+              throw new Error(h);
+            }
+            if (!l.document)
+              throw new Error(i);
+            return L(l.document), x(null), l.document;
+          } catch (m) {
+            console.error("Failed to submit storefront contract sale document acceptance", m);
+            const l = m instanceof Error && m.message.trim().length > 0 ? m.message : i;
+            throw x(l), new Error(l);
+          } finally {
+            R(null);
+          }
+        }
+      }
+    ) })
+  ] });
+}
+export {
+  Ce as default,
+  Se as loader
+};

package/dist/pages/ErrorPage.d.ts

@@ -0,0 +1,2 @@
+export default function ErrorPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ErrorPage.d.ts.map

package/dist/pages/ErrorPage.js

@@ -0,0 +1,47 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useParams as l, useRouteError as c, isRouteErrorResponse as a, Link as u } from "@rpcbase/router";
+import { AlertTriangle as d, ArrowLeft as m } from "lucide-react";
+import { useEffect as f } from "react";
+import { useTranslation as h } from "react-i18next";
+const p = !1;
+function g(t) {
+  if (!p) return null;
+  if (a(t))
+    return [(t.data ?? "").toString().trim(), `${t.status} ${t.statusText}`].filter(Boolean).join(`
+`).trim() || null;
+  if (t instanceof Error)
+    return [t.message, t.stack].filter(Boolean).join(`
+`).trim() || null;
+  if (typeof t == "string") return t.trim() || null;
+  try {
+    return JSON.stringify(t, null, 2);
+  } catch {
+    return null;
+  }
+}
+function j() {
+  const { t } = h(), { storeSlug: s } = l(), n = c(), r = (a(n) ? n.status : null) === 404, o = g(n);
+  return f(() => {
+    console.error(n), console.error(o);
+  }, [n, o]), /* @__PURE__ */ e("div", { className: "flex min-h-[60vh] items-center justify-center px-4 py-16", children: /* @__PURE__ */ i("div", { className: "max-w-xl space-y-6 text-center", children: [
+    /* @__PURE__ */ e("div", { className: "mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-destructive/10 text-destructive", children: /* @__PURE__ */ e(d, { className: "h-6 w-6", "aria-hidden": "true" }) }),
+    /* @__PURE__ */ i("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e("h1", { className: "text-2xl font-semibold tracking-tight", children: /* @__PURE__ */ e("span", { children: t(r ? "not_found_title" : "error_title") }) }),
+      /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: /* @__PURE__ */ e("span", { children: t(r ? "not_found_description" : "error_description", { store: s }) }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex justify-center", children: /* @__PURE__ */ i(
+      u,
+      {
+        to: `/${s ?? ""}`,
+        className: "inline-flex items-center gap-2 rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        children: [
+          /* @__PURE__ */ e(m, { className: "h-4 w-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ e("span", { children: t("back_to_home") })
+        ]
+      }
+    ) })
+  ] }) });
+}
+export {
+  j as default
+};

package/dist/pages/HomePage.d.ts

@@ -0,0 +1,2 @@
+export default function HomePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HomePage.d.ts.map