@thorprovider/blocks 4.1.0 → 4.3.0

package/dist/blocks/designs/customer-profile/components/customer-profile.js

@@ -0,0 +1,326 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var customer_profile_exports = {};
+__export(customer_profile_exports, {
+  CustomerProfile: () => CustomerProfile
+});
+module.exports = __toCommonJS(customer_profile_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_blocks = require("@thorprovider/blocks");
+var import_config = require("../config.js");
+var import_drafts = require("../drafts.js");
+var import_validation = require("../validation.js");
+var import_profile_header = require("./profile-header.js");
+var import_profile_section = require("./profile-section.js");
+var import_profile_states = require("./profile-states.js");
+var import_section_body = require("./section-body.js");
+function openSection(snapshot, section) {
+  const draft = (0, import_drafts.draftFromSnapshot)(section, snapshot);
+  return { section, draft, baseline: draft, errors: {}, status: "editing" };
+}
+function saveSection(source, section, draft) {
+  switch (section) {
+    case "personal":
+      return source.updatePersonal(draft);
+    case "contact":
+      return source.updateContact(draft);
+    case "preferences":
+      return source.updatePreferences(draft);
+    case "professional":
+      return source.updateProfessional(draft);
+    case "custom":
+      return source.updateCustomFields(draft);
+  }
+}
+function CustomerProfile({
+  dataSource,
+  labels,
+  capabilities: capabilityOverrides,
+  permissions: permissionOverrides,
+  defaultEditing,
+  lang,
+  onManageOrganization,
+  onRequestVerification,
+  onRetry
+}) {
+  const [reloadToken, setReloadToken] = (0, import_react.useState)(0);
+  const [load, setLoad] = (0, import_react.useState)({ status: "loading" });
+  const [editing, setEditing] = (0, import_react.useState)(null);
+  const [pendingSection, setPendingSection] = (0, import_react.useState)(null);
+  const [savedSection, setSavedSection] = (0, import_react.useState)(null);
+  const [actionFailed, setActionFailed] = (0, import_react.useState)(false);
+  const openedDefault = (0, import_react.useRef)(false);
+  const discardRef = (0, import_react.useRef)(null);
+  const discardTitleId = (0, import_react.useId)();
+  const discardBodyId = (0, import_react.useId)();
+  const { capabilities } = (0, import_react.useMemo)(
+    () => (0, import_config.resolveCapabilities)(capabilityOverrides),
+    [capabilityOverrides]
+  );
+  const permissions = (0, import_react.useMemo)(
+    () => ({ ...import_config.FULL_PERMISSIONS, ...permissionOverrides }),
+    [permissionOverrides]
+  );
+  (0, import_react.useEffect)(() => {
+    const controller = new AbortController();
+    let active = true;
+    setLoad({ status: "loading" });
+    dataSource.load({ signal: controller.signal }).then(
+      (snapshot2) => {
+        if (active) setLoad({ status: "ready", snapshot: snapshot2 });
+      },
+      (error) => {
+        if (!active || error?.name === "AbortError") return;
+        setLoad({ status: "error", code: error?.code === "forbidden" ? "forbidden" : "unavailable" });
+      }
+    );
+    return () => {
+      active = false;
+      controller.abort();
+    };
+  }, [dataSource, reloadToken]);
+  (0, import_react.useEffect)(() => {
+    if (openedDefault.current || !defaultEditing || load.status !== "ready") return;
+    const descriptor = (0, import_config.resolveSections)(capabilities, permissions, load.snapshot).find(
+      (section) => section.id === defaultEditing
+    );
+    if (!descriptor?.editable) return;
+    openedDefault.current = true;
+    setEditing(openSection(load.snapshot, defaultEditing));
+  }, [defaultEditing, load, capabilities, permissions]);
+  (0, import_react.useEffect)(() => {
+    if (pendingSection) discardRef.current?.focus();
+  }, [pendingSection]);
+  const sections = load.status === "ready" ? (0, import_config.resolveSections)(capabilities, permissions, load.snapshot) : [];
+  const readOnly = sections.length > 0 && sections.every((section) => !section.editable);
+  const beginEdit = (section) => {
+    if (load.status !== "ready") return;
+    if (editing && editing.section !== section && (0, import_drafts.isDirty)(editing.draft, editing.baseline)) {
+      setPendingSection(section);
+      return;
+    }
+    setSavedSection(null);
+    setActionFailed(false);
+    setEditing(openSection(load.snapshot, section));
+  };
+  const discardAndOpen = () => {
+    if (!pendingSection || load.status !== "ready") return;
+    const section = pendingSection;
+    setPendingSection(null);
+    setSavedSection(null);
+    setActionFailed(false);
+    setEditing(openSection(load.snapshot, section));
+  };
+  const cancelEdit = () => setEditing(null);
+  const change = (key, value) => {
+    setEditing((current) => {
+      if (!current) return current;
+      const errors = { ...current.errors };
+      delete errors[key];
+      return {
+        ...current,
+        draft: { ...current.draft, [key]: value },
+        errors,
+        status: current.status === "failed" ? "editing" : current.status
+      };
+    });
+  };
+  const save = async () => {
+    if (!editing || load.status !== "ready") return;
+    const errors = (0, import_validation.validateSection)(editing.section, editing.draft, load.snapshot);
+    if (Object.keys(errors).length > 0) {
+      setEditing({ ...editing, errors, status: "editing" });
+      return;
+    }
+    const section = editing.section;
+    setEditing({ ...editing, errors: {}, status: "saving" });
+    try {
+      const snapshot2 = await saveSection(dataSource, section, editing.draft);
+      setLoad({ status: "ready", snapshot: snapshot2 });
+      setEditing(null);
+      setSavedSection(section);
+    } catch {
+      setEditing((current) => current ? { ...current, status: "failed" } : current);
+    }
+  };
+  const requestVerification = async (channel) => {
+    onRequestVerification?.(channel);
+    if (load.status !== "ready") return;
+    setActionFailed(false);
+    try {
+      const snapshot2 = await dataSource.requestVerification(channel);
+      setLoad({ status: "ready", snapshot: snapshot2 });
+    } catch {
+      setActionFailed(true);
+    }
+  };
+  const retry = () => {
+    openedDefault.current = false;
+    setEditing(null);
+    setSavedSection(null);
+    setActionFailed(false);
+    setReloadToken((token) => token + 1);
+    onRetry?.();
+  };
+  if (load.status === "loading") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { lang, className: "text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_profile_states.ProfileSkeleton, { label: labels.loading }) });
+  }
+  if (load.status === "error") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { lang, className: "text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_profile_states.ProfileErrorPanel,
+      {
+        message: load.code === "forbidden" ? labels.errors.forbidden : labels.errors.load,
+        retryLabel: labels.errors.retry,
+        onRetry: load.code === "forbidden" ? void 0 : retry
+      }
+    ) });
+  }
+  const snapshot = load.snapshot;
+  if (sections.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { lang, className: "text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_profile_states.ProfileEmpty, { title: labels.empty.title, body: labels.empty.body }) });
+  }
+  const incomplete = !snapshot.person.phone || !snapshot.preferences?.language || !snapshot.preferences?.currency;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { lang, className: "space-y-4 text-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_profile_header.ProfileHeader,
+      {
+        person: snapshot.person,
+        accountType: snapshot.accountType,
+        capabilities,
+        labels,
+        incomplete,
+        readOnly
+      }
+    ),
+    actionFailed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "alert", className: "text-xs text-destructive", children: labels.errors.save }) : null,
+    pendingSection ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        role: "alertdialog",
+        "aria-labelledby": discardTitleId,
+        "aria-describedby": discardBodyId,
+        className: "rounded-xl border border-warning/40 bg-warning/10 p-4",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { id: discardTitleId, className: "text-sm font-semibold", children: labels.discard.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { id: discardBodyId, className: "mt-1 text-sm text-muted-foreground", children: labels.discard.body }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                ref: discardRef,
+                onClick: () => setPendingSection(null),
+                className: (0, import_blocks.cn)((0, import_blocks.buttonVariants)({ size: "sm" })),
+                children: labels.discard.cancel
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: discardAndOpen,
+                className: (0, import_blocks.cn)((0, import_blocks.buttonVariants)({ size: "sm", variant: "outline" })),
+                children: labels.discard.confirm
+              }
+            )
+          ] })
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-y-3", children: sections.map((descriptor) => {
+      const section = descriptor.id;
+      const isEditing = editing?.section === section;
+      const dirty = isEditing && editing ? (0, import_drafts.isDirty)(editing.draft, editing.baseline) : false;
+      const saving = editing?.status === "saving";
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_profile_section.ProfileSection,
+        {
+          title: labels.sections[section].title,
+          description: labels.sections[section].description,
+          status: savedSection === section ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "status", className: "text-xs text-muted-foreground", children: labels.saved }) : null,
+          action: descriptor.editable && !isEditing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { variant: "outline", size: "sm", onClick: () => beginEdit(section), children: labels.edit }) : null,
+          children: isEditing && editing ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "form",
+            {
+              noValidate: true,
+              onSubmit: (event) => {
+                event.preventDefault();
+                void save();
+              },
+              className: "space-y-3",
+              children: [
+                Object.keys(editing.errors).length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "alert", className: "text-xs text-destructive", children: labels.validationSummary }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_section_body.SectionEdit,
+                  {
+                    section,
+                    snapshot,
+                    labels,
+                    capabilities,
+                    draft: editing.draft,
+                    errors: editing.errors,
+                    onChange: change,
+                    onManageOrganization,
+                    onRequestVerification
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center gap-2 border-t border-border pt-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { type: "submit", size: "sm", disabled: !dirty || saving, children: saving ? labels.saving : labels.save }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_blocks.Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "sm",
+                      onClick: cancelEdit,
+                      disabled: saving,
+                      children: labels.cancel
+                    }
+                  ),
+                  editing.status === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "alert", className: "text-xs text-destructive", children: labels.errors.save }) : null
+                ] })
+              ]
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_section_body.SectionRead,
+            {
+              section,
+              snapshot,
+              labels,
+              capabilities,
+              draft: {},
+              errors: {},
+              onChange: change,
+              onManageOrganization,
+              onRequestVerification: requestVerification
+            }
+          )
+        },
+        section
+      );
+    }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CustomerProfile
+});
+//# sourceMappingURL=customer-profile.js.map

package/dist/blocks/designs/customer-profile/components/customer-profile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-profile/components/customer-profile.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useId, useMemo, useRef, useState } from 'react'\nimport { buttonVariants, Button, cn } from '@thorprovider/blocks'\n\nimport type {\n  CustomerProfileError,\n  CustomerProfileProps,\n  CustomerProfileSnapshot,\n  ProfileDraft,\n  ProfileErrorCode,\n  SectionId,\n  ValidationErrors,\n  VerificationChannel,\n} from '../contracts'\nimport { FULL_PERMISSIONS, resolveCapabilities, resolveSections } from '../config'\nimport { draftFromSnapshot, isDirty } from '../drafts'\nimport { validateSection } from '../validation'\nimport { ProfileHeader } from './profile-header'\nimport { ProfileSection } from './profile-section'\nimport { ProfileEmpty, ProfileErrorPanel, ProfileSkeleton } from './profile-states'\nimport { SectionEdit, SectionRead } from './section-body'\n\ntype LoadState =\n  | { status: 'loading' }\n  | { status: 'ready'; snapshot: CustomerProfileSnapshot }\n  | { status: 'error'; code: ProfileErrorCode }\n\ntype EditingState = {\n  section: SectionId\n  draft: ProfileDraft\n  baseline: ProfileDraft\n  errors: ValidationErrors\n  status: 'editing' | 'saving' | 'failed'\n}\n\nfunction openSection(snapshot: CustomerProfileSnapshot, section: SectionId): EditingState {\n  const draft = draftFromSnapshot(section, snapshot)\n  return { section, draft, baseline: draft, errors: {}, status: 'editing' }\n}\n\nfunction saveSection(\n  source: CustomerProfileProps['dataSource'],\n  section: SectionId,\n  draft: ProfileDraft,\n): Promise<CustomerProfileSnapshot> {\n  switch (section) {\n    case 'personal':\n      return source.updatePersonal(draft)\n    case 'contact':\n      return source.updateContact(draft)\n    case 'preferences':\n      return source.updatePreferences(draft)\n    case 'professional':\n      return source.updateProfessional(draft)\n    case 'custom':\n      return source.updateCustomFields(draft)\n  }\n}\n\n/**\n * `Mi perfil`: identity, contact, preferences, professional context and the\n * store's own fields, read by default and edited one section at a time.\n *\n * It owns no transport, routing or session: everything arrives through the\n * data source and the callbacks, so it mounts alone or inside the account shell.\n */\nexport function CustomerProfile({\n  dataSource,\n  labels,\n  capabilities: capabilityOverrides,\n  permissions: permissionOverrides,\n  defaultEditing,\n  lang,\n  onManageOrganization,\n  onRequestVerification,\n  onRetry,\n}: CustomerProfileProps) {\n  const [reloadToken, setReloadToken] = useState(0)\n  const [load, setLoad] = useState<LoadState>({ status: 'loading' })\n  const [editing, setEditing] = useState<EditingState | null>(null)\n  const [pendingSection, setPendingSection] = useState<SectionId | null>(null)\n  const [savedSection, setSavedSection] = useState<SectionId | null>(null)\n  const [actionFailed, setActionFailed] = useState(false)\n  const openedDefault = useRef(false)\n  const discardRef = useRef<HTMLButtonElement>(null)\n  const discardTitleId = useId()\n  const discardBodyId = useId()\n\n  const { capabilities } = useMemo(\n    () => resolveCapabilities(capabilityOverrides),\n    [capabilityOverrides],\n  )\n  const permissions = useMemo(\n    () => ({ ...FULL_PERMISSIONS, ...permissionOverrides }),\n    [permissionOverrides],\n  )\n\n  useEffect(() => {\n    const controller = new AbortController()\n    let active = true\n    setLoad({ status: 'loading' })\n\n    dataSource.load({ signal: controller.signal }).then(\n      (snapshot) => {\n        if (active) setLoad({ status: 'ready', snapshot })\n      },\n      (error: CustomerProfileError) => {\n        if (!active || error?.name === 'AbortError') return\n        setLoad({ status: 'error', code: error?.code === 'forbidden' ? 'forbidden' : 'unavailable' })\n      },\n    )\n\n    return () => {\n      active = false\n      controller.abort()\n    }\n  }, [dataSource, reloadToken])\n\n  // A host deep link opens one editor once the snapshot is there.\n  useEffect(() => {\n    if (openedDefault.current || !defaultEditing || load.status !== 'ready') return\n    const descriptor = resolveSections(capabilities, permissions, load.snapshot).find(\n      (section) => section.id === defaultEditing,\n    )\n    if (!descriptor?.editable) return\n    openedDefault.current = true\n    setEditing(openSection(load.snapshot, defaultEditing))\n  }, [defaultEditing, load, capabilities, permissions])\n\n  // The discard prompt is inline; focus goes to the safe choice.\n  useEffect(() => {\n    if (pendingSection) discardRef.current?.focus()\n  }, [pendingSection])\n\n  const sections = load.status === 'ready' ? resolveSections(capabilities, permissions, load.snapshot) : []\n  const readOnly = sections.length > 0 && sections.every((section) => !section.editable)\n\n  const beginEdit = (section: SectionId) => {\n    if (load.status !== 'ready') return\n    if (\n      editing &&\n      editing.section !== section &&\n      isDirty(editing.draft, editing.baseline)\n    ) {\n      setPendingSection(section)\n      return\n    }\n    setSavedSection(null)\n    setActionFailed(false)\n    setEditing(openSection(load.snapshot, section))\n  }\n\n  const discardAndOpen = () => {\n    if (!pendingSection || load.status !== 'ready') return\n    const section = pendingSection\n    setPendingSection(null)\n    setSavedSection(null)\n    setActionFailed(false)\n    setEditing(openSection(load.snapshot, section))\n  }\n\n  const cancelEdit = () => setEditing(null)\n\n  const change = (key: string, value: string | boolean) => {\n    setEditing((current) => {\n      if (!current) return current\n      const errors = { ...current.errors }\n      delete errors[key]\n      return {\n        ...current,\n        draft: { ...current.draft, [key]: value },\n        errors,\n        status: current.status === 'failed' ? 'editing' : current.status,\n      }\n    })\n  }\n\n  const save = async () => {\n    if (!editing || load.status !== 'ready') return\n    const errors = validateSection(editing.section, editing.draft, load.snapshot)\n    if (Object.keys(errors).length > 0) {\n      setEditing({ ...editing, errors, status: 'editing' })\n      return\n    }\n\n    const section = editing.section\n    setEditing({ ...editing, errors: {}, status: 'saving' })\n    try {\n      const snapshot = await saveSection(dataSource, section, editing.draft)\n      setLoad({ status: 'ready', snapshot })\n      setEditing(null)\n      setSavedSection(section)\n    } catch {\n      setEditing((current) => (current ? { ...current, status: 'failed' } : current))\n    }\n  }\n\n  const requestVerification = async (channel: VerificationChannel) => {\n    onRequestVerification?.(channel)\n    if (load.status !== 'ready') return\n    setActionFailed(false)\n    try {\n      const snapshot = await dataSource.requestVerification(channel)\n      setLoad({ status: 'ready', snapshot })\n    } catch {\n      setActionFailed(true)\n    }\n  }\n\n  const retry = () => {\n    openedDefault.current = false\n    setEditing(null)\n    setSavedSection(null)\n    setActionFailed(false)\n    setReloadToken((token) => token + 1)\n    onRetry?.()\n  }\n\n  if (load.status === 'loading') {\n    return (\n      <div lang={lang} className=\"text-foreground\">\n        <ProfileSkeleton label={labels.loading} />\n      </div>\n    )\n  }\n\n  if (load.status === 'error') {\n    return (\n      <div lang={lang} className=\"text-foreground\">\n        <ProfileErrorPanel\n          message={load.code === 'forbidden' ? labels.errors.forbidden : labels.errors.load}\n          retryLabel={labels.errors.retry}\n          onRetry={load.code === 'forbidden' ? undefined : retry}\n        />\n      </div>\n    )\n  }\n\n  const snapshot = load.snapshot\n\n  if (sections.length === 0) {\n    return (\n      <div lang={lang} className=\"text-foreground\">\n        <ProfileEmpty title={labels.empty.title} body={labels.empty.body} />\n      </div>\n    )\n  }\n\n  const incomplete =\n    !snapshot.person.phone ||\n    !snapshot.preferences?.language ||\n    !snapshot.preferences?.currency\n\n  return (\n    <div lang={lang} className=\"space-y-4 text-foreground\">\n      <ProfileHeader\n        person={snapshot.person}\n        accountType={snapshot.accountType}\n        capabilities={capabilities}\n        labels={labels}\n        incomplete={incomplete}\n        readOnly={readOnly}\n      />\n\n      {actionFailed ? (\n        <p role=\"alert\" className=\"text-xs text-destructive\">\n          {labels.errors.save}\n        </p>\n      ) : null}\n\n      {pendingSection ? (\n        <div\n          role=\"alertdialog\"\n          aria-labelledby={discardTitleId}\n          aria-describedby={discardBodyId}\n          className=\"rounded-xl border border-warning/40 bg-warning/10 p-4\"\n        >\n          <h2 id={discardTitleId} className=\"text-sm font-semibold\">\n            {labels.discard.title}\n          </h2>\n          <p id={discardBodyId} className=\"mt-1 text-sm text-muted-foreground\">\n            {labels.discard.body}\n          </p>\n          <div className=\"mt-3 flex flex-wrap gap-2\">\n            <button\n              type=\"button\"\n              ref={discardRef}\n              onClick={() => setPendingSection(null)}\n              className={cn(buttonVariants({ size: 'sm' }))}\n            >\n              {labels.discard.cancel}\n            </button>\n            <button\n              type=\"button\"\n              onClick={discardAndOpen}\n              className={cn(buttonVariants({ size: 'sm', variant: 'outline' }))}\n            >\n              {labels.discard.confirm}\n            </button>\n          </div>\n        </div>\n      ) : null}\n\n      <div className=\"space-y-3\">\n        {sections.map((descriptor) => {\n          const section = descriptor.id\n          const isEditing = editing?.section === section\n          const dirty = isEditing && editing ? isDirty(editing.draft, editing.baseline) : false\n          const saving = editing?.status === 'saving'\n\n          return (\n            <ProfileSection\n              key={section}\n              title={labels.sections[section].title}\n              description={labels.sections[section].description}\n              status={\n                savedSection === section ? (\n                  <p role=\"status\" className=\"text-xs text-muted-foreground\">\n                    {labels.saved}\n                  </p>\n                ) : null\n              }\n              action={\n                descriptor.editable && !isEditing ? (\n                  <Button variant=\"outline\" size=\"sm\" onClick={() => beginEdit(section)}>\n                    {labels.edit}\n                  </Button>\n                ) : null\n              }\n            >\n              {isEditing && editing ? (\n                <form\n                  noValidate\n                  onSubmit={(event) => {\n                    event.preventDefault()\n                    void save()\n                  }}\n                  className=\"space-y-3\"\n                >\n                  {Object.keys(editing.errors).length > 0 ? (\n                    <p role=\"alert\" className=\"text-xs text-destructive\">\n                      {labels.validationSummary}\n                    </p>\n                  ) : null}\n\n                  <SectionEdit\n                    section={section}\n                    snapshot={snapshot}\n                    labels={labels}\n                    capabilities={capabilities}\n                    draft={editing.draft}\n                    errors={editing.errors}\n                    onChange={change}\n                    onManageOrganization={onManageOrganization}\n                    onRequestVerification={onRequestVerification}\n                  />\n\n                  <div className=\"flex flex-wrap items-center gap-2 border-t border-border pt-3\">\n                    <Button type=\"submit\" size=\"sm\" disabled={!dirty || saving}>\n                      {saving ? labels.saving : labels.save}\n                    </Button>\n                    <Button\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"sm\"\n                      onClick={cancelEdit}\n                      disabled={saving}\n                    >\n                      {labels.cancel}\n                    </Button>\n                    {editing.status === 'failed' ? (\n                      <p role=\"alert\" className=\"text-xs text-destructive\">\n                        {labels.errors.save}\n                      </p>\n                    ) : null}\n                  </div>\n                </form>\n              ) : (\n                <SectionRead\n                  section={section}\n                  snapshot={snapshot}\n                  labels={labels}\n                  capabilities={capabilities}\n                  draft={{}}\n                  errors={{}}\n                  onChange={change}\n                  onManageOrganization={onManageOrganization}\n                  onRequestVerification={requestVerification}\n                />\n              )}\n            </ProfileSection>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":["snapshot"]}

package/dist/blocks/designs/customer-profile/components/customer-profile.mjs

@@ -0,0 +1,302 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
+import { buttonVariants, Button, cn } from "@thorprovider/blocks";
+import { FULL_PERMISSIONS, resolveCapabilities, resolveSections } from "../config.mjs";
+import { draftFromSnapshot, isDirty } from "../drafts.mjs";
+import { validateSection } from "../validation.mjs";
+import { ProfileHeader } from "./profile-header.mjs";
+import { ProfileSection } from "./profile-section.mjs";
+import { ProfileEmpty, ProfileErrorPanel, ProfileSkeleton } from "./profile-states.mjs";
+import { SectionEdit, SectionRead } from "./section-body.mjs";
+function openSection(snapshot, section) {
+  const draft = draftFromSnapshot(section, snapshot);
+  return { section, draft, baseline: draft, errors: {}, status: "editing" };
+}
+function saveSection(source, section, draft) {
+  switch (section) {
+    case "personal":
+      return source.updatePersonal(draft);
+    case "contact":
+      return source.updateContact(draft);
+    case "preferences":
+      return source.updatePreferences(draft);
+    case "professional":
+      return source.updateProfessional(draft);
+    case "custom":
+      return source.updateCustomFields(draft);
+  }
+}
+function CustomerProfile({
+  dataSource,
+  labels,
+  capabilities: capabilityOverrides,
+  permissions: permissionOverrides,
+  defaultEditing,
+  lang,
+  onManageOrganization,
+  onRequestVerification,
+  onRetry
+}) {
+  const [reloadToken, setReloadToken] = useState(0);
+  const [load, setLoad] = useState({ status: "loading" });
+  const [editing, setEditing] = useState(null);
+  const [pendingSection, setPendingSection] = useState(null);
+  const [savedSection, setSavedSection] = useState(null);
+  const [actionFailed, setActionFailed] = useState(false);
+  const openedDefault = useRef(false);
+  const discardRef = useRef(null);
+  const discardTitleId = useId();
+  const discardBodyId = useId();
+  const { capabilities } = useMemo(
+    () => resolveCapabilities(capabilityOverrides),
+    [capabilityOverrides]
+  );
+  const permissions = useMemo(
+    () => ({ ...FULL_PERMISSIONS, ...permissionOverrides }),
+    [permissionOverrides]
+  );
+  useEffect(() => {
+    const controller = new AbortController();
+    let active = true;
+    setLoad({ status: "loading" });
+    dataSource.load({ signal: controller.signal }).then(
+      (snapshot2) => {
+        if (active) setLoad({ status: "ready", snapshot: snapshot2 });
+      },
+      (error) => {
+        if (!active || error?.name === "AbortError") return;
+        setLoad({ status: "error", code: error?.code === "forbidden" ? "forbidden" : "unavailable" });
+      }
+    );
+    return () => {
+      active = false;
+      controller.abort();
+    };
+  }, [dataSource, reloadToken]);
+  useEffect(() => {
+    if (openedDefault.current || !defaultEditing || load.status !== "ready") return;
+    const descriptor = resolveSections(capabilities, permissions, load.snapshot).find(
+      (section) => section.id === defaultEditing
+    );
+    if (!descriptor?.editable) return;
+    openedDefault.current = true;
+    setEditing(openSection(load.snapshot, defaultEditing));
+  }, [defaultEditing, load, capabilities, permissions]);
+  useEffect(() => {
+    if (pendingSection) discardRef.current?.focus();
+  }, [pendingSection]);
+  const sections = load.status === "ready" ? resolveSections(capabilities, permissions, load.snapshot) : [];
+  const readOnly = sections.length > 0 && sections.every((section) => !section.editable);
+  const beginEdit = (section) => {
+    if (load.status !== "ready") return;
+    if (editing && editing.section !== section && isDirty(editing.draft, editing.baseline)) {
+      setPendingSection(section);
+      return;
+    }
+    setSavedSection(null);
+    setActionFailed(false);
+    setEditing(openSection(load.snapshot, section));
+  };
+  const discardAndOpen = () => {
+    if (!pendingSection || load.status !== "ready") return;
+    const section = pendingSection;
+    setPendingSection(null);
+    setSavedSection(null);
+    setActionFailed(false);
+    setEditing(openSection(load.snapshot, section));
+  };
+  const cancelEdit = () => setEditing(null);
+  const change = (key, value) => {
+    setEditing((current) => {
+      if (!current) return current;
+      const errors = { ...current.errors };
+      delete errors[key];
+      return {
+        ...current,
+        draft: { ...current.draft, [key]: value },
+        errors,
+        status: current.status === "failed" ? "editing" : current.status
+      };
+    });
+  };
+  const save = async () => {
+    if (!editing || load.status !== "ready") return;
+    const errors = validateSection(editing.section, editing.draft, load.snapshot);
+    if (Object.keys(errors).length > 0) {
+      setEditing({ ...editing, errors, status: "editing" });
+      return;
+    }
+    const section = editing.section;
+    setEditing({ ...editing, errors: {}, status: "saving" });
+    try {
+      const snapshot2 = await saveSection(dataSource, section, editing.draft);
+      setLoad({ status: "ready", snapshot: snapshot2 });
+      setEditing(null);
+      setSavedSection(section);
+    } catch {
+      setEditing((current) => current ? { ...current, status: "failed" } : current);
+    }
+  };
+  const requestVerification = async (channel) => {
+    onRequestVerification?.(channel);
+    if (load.status !== "ready") return;
+    setActionFailed(false);
+    try {
+      const snapshot2 = await dataSource.requestVerification(channel);
+      setLoad({ status: "ready", snapshot: snapshot2 });
+    } catch {
+      setActionFailed(true);
+    }
+  };
+  const retry = () => {
+    openedDefault.current = false;
+    setEditing(null);
+    setSavedSection(null);
+    setActionFailed(false);
+    setReloadToken((token) => token + 1);
+    onRetry?.();
+  };
+  if (load.status === "loading") {
+    return /* @__PURE__ */ jsx("div", { lang, className: "text-foreground", children: /* @__PURE__ */ jsx(ProfileSkeleton, { label: labels.loading }) });
+  }
+  if (load.status === "error") {
+    return /* @__PURE__ */ jsx("div", { lang, className: "text-foreground", children: /* @__PURE__ */ jsx(
+      ProfileErrorPanel,
+      {
+        message: load.code === "forbidden" ? labels.errors.forbidden : labels.errors.load,
+        retryLabel: labels.errors.retry,
+        onRetry: load.code === "forbidden" ? void 0 : retry
+      }
+    ) });
+  }
+  const snapshot = load.snapshot;
+  if (sections.length === 0) {
+    return /* @__PURE__ */ jsx("div", { lang, className: "text-foreground", children: /* @__PURE__ */ jsx(ProfileEmpty, { title: labels.empty.title, body: labels.empty.body }) });
+  }
+  const incomplete = !snapshot.person.phone || !snapshot.preferences?.language || !snapshot.preferences?.currency;
+  return /* @__PURE__ */ jsxs("div", { lang, className: "space-y-4 text-foreground", children: [
+    /* @__PURE__ */ jsx(
+      ProfileHeader,
+      {
+        person: snapshot.person,
+        accountType: snapshot.accountType,
+        capabilities,
+        labels,
+        incomplete,
+        readOnly
+      }
+    ),
+    actionFailed ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-xs text-destructive", children: labels.errors.save }) : null,
+    pendingSection ? /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "alertdialog",
+        "aria-labelledby": discardTitleId,
+        "aria-describedby": discardBodyId,
+        className: "rounded-xl border border-warning/40 bg-warning/10 p-4",
+        children: [
+          /* @__PURE__ */ jsx("h2", { id: discardTitleId, className: "text-sm font-semibold", children: labels.discard.title }),
+          /* @__PURE__ */ jsx("p", { id: discardBodyId, className: "mt-1 text-sm text-muted-foreground", children: labels.discard.body }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                ref: discardRef,
+                onClick: () => setPendingSection(null),
+                className: cn(buttonVariants({ size: "sm" })),
+                children: labels.discard.cancel
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: discardAndOpen,
+                className: cn(buttonVariants({ size: "sm", variant: "outline" })),
+                children: labels.discard.confirm
+              }
+            )
+          ] })
+        ]
+      }
+    ) : null,
+    /* @__PURE__ */ jsx("div", { className: "space-y-3", children: sections.map((descriptor) => {
+      const section = descriptor.id;
+      const isEditing = editing?.section === section;
+      const dirty = isEditing && editing ? isDirty(editing.draft, editing.baseline) : false;
+      const saving = editing?.status === "saving";
+      return /* @__PURE__ */ jsx(
+        ProfileSection,
+        {
+          title: labels.sections[section].title,
+          description: labels.sections[section].description,
+          status: savedSection === section ? /* @__PURE__ */ jsx("p", { role: "status", className: "text-xs text-muted-foreground", children: labels.saved }) : null,
+          action: descriptor.editable && !isEditing ? /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => beginEdit(section), children: labels.edit }) : null,
+          children: isEditing && editing ? /* @__PURE__ */ jsxs(
+            "form",
+            {
+              noValidate: true,
+              onSubmit: (event) => {
+                event.preventDefault();
+                void save();
+              },
+              className: "space-y-3",
+              children: [
+                Object.keys(editing.errors).length > 0 ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-xs text-destructive", children: labels.validationSummary }) : null,
+                /* @__PURE__ */ jsx(
+                  SectionEdit,
+                  {
+                    section,
+                    snapshot,
+                    labels,
+                    capabilities,
+                    draft: editing.draft,
+                    errors: editing.errors,
+                    onChange: change,
+                    onManageOrganization,
+                    onRequestVerification
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t border-border pt-3", children: [
+                  /* @__PURE__ */ jsx(Button, { type: "submit", size: "sm", disabled: !dirty || saving, children: saving ? labels.saving : labels.save }),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "sm",
+                      onClick: cancelEdit,
+                      disabled: saving,
+                      children: labels.cancel
+                    }
+                  ),
+                  editing.status === "failed" ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-xs text-destructive", children: labels.errors.save }) : null
+                ] })
+              ]
+            }
+          ) : /* @__PURE__ */ jsx(
+            SectionRead,
+            {
+              section,
+              snapshot,
+              labels,
+              capabilities,
+              draft: {},
+              errors: {},
+              onChange: change,
+              onManageOrganization,
+              onRequestVerification: requestVerification
+            }
+          )
+        },
+        section
+      );
+    }) })
+  ] });
+}
+export {
+  CustomerProfile
+};
+//# sourceMappingURL=customer-profile.mjs.map