@thorprovider/blocks 4.1.0 → 4.3.0

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

@@ -0,0 +1,107 @@
+"use strict";
+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 personal_section_exports = {};
+__export(personal_section_exports, {
+  PersonalEdit: () => PersonalEdit,
+  PersonalRead: () => PersonalRead
+});
+module.exports = __toCommonJS(personal_section_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_fields = require("./fields.js");
+var import_types = require("./types.js");
+function PersonalRead({ snapshot, labels }) {
+  const { person } = snapshot;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_fields.ReadGrid, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fields.ReadRow, { label: labels.fields.firstName, value: person.firstName }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fields.ReadRow, { label: labels.fields.lastName, value: person.lastName }),
+    person.middleName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fields.ReadRow, { label: labels.fields.middleName, value: person.middleName }) : null,
+    person.preferredName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fields.ReadRow, { label: labels.fields.preferredName, value: person.preferredName }) : null,
+    person.birthDate ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_fields.ReadRow, { label: labels.fields.birthDate, value: person.birthDate }) : null
+  ] });
+}
+function PersonalEdit({ labels, draft, errors, onChange }) {
+  const text = (key) => {
+    const value = draft[key];
+    return typeof value === "string" ? value : "";
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_fields.TextField,
+      {
+        label: labels.fields.firstName,
+        value: text("firstName"),
+        onChange: (value) => onChange("firstName", value),
+        error: (0, import_types.errorMessage)(labels, errors.firstName),
+        required: true,
+        maxLength: 60
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_fields.TextField,
+      {
+        label: labels.fields.lastName,
+        value: text("lastName"),
+        onChange: (value) => onChange("lastName", value),
+        error: (0, import_types.errorMessage)(labels, errors.lastName),
+        required: true,
+        maxLength: 60
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_fields.TextField,
+      {
+        label: labels.fields.middleName,
+        value: text("middleName"),
+        onChange: (value) => onChange("middleName", value),
+        error: (0, import_types.errorMessage)(labels, errors.middleName),
+        optionalLabel: labels.optional,
+        maxLength: 60
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_fields.TextField,
+      {
+        label: labels.fields.preferredName,
+        value: text("preferredName"),
+        onChange: (value) => onChange("preferredName", value),
+        error: (0, import_types.errorMessage)(labels, errors.preferredName),
+        optionalLabel: labels.optional,
+        maxLength: 40
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_fields.TextField,
+      {
+        label: labels.fields.birthDate,
+        type: "date",
+        value: text("birthDate"),
+        onChange: (value) => onChange("birthDate", value),
+        error: (0, import_types.errorMessage)(labels, errors.birthDate),
+        optionalLabel: labels.optional,
+        className: "sm:col-span-2"
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PersonalEdit,
+  PersonalRead
+});
+//# sourceMappingURL=personal-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-profile/components/personal-section.tsx"],"sourcesContent":["import type { SectionViewProps } from './types'\nimport { ReadGrid, ReadRow, TextField } from './fields'\nimport { errorMessage } from './types'\n\nexport function PersonalRead({ snapshot, labels }: SectionViewProps) {\n  const { person } = snapshot\n\n  return (\n    <ReadGrid>\n      <ReadRow label={labels.fields.firstName} value={person.firstName} />\n      <ReadRow label={labels.fields.lastName} value={person.lastName} />\n      {person.middleName ? (\n        <ReadRow label={labels.fields.middleName} value={person.middleName} />\n      ) : null}\n      {person.preferredName ? (\n        <ReadRow label={labels.fields.preferredName} value={person.preferredName} />\n      ) : null}\n      {person.birthDate ? <ReadRow label={labels.fields.birthDate} value={person.birthDate} /> : null}\n    </ReadGrid>\n  )\n}\n\nexport function PersonalEdit({ labels, draft, errors, onChange }: SectionViewProps) {\n  const text = (key: string) => {\n    const value = draft[key]\n    return typeof value === 'string' ? value : ''\n  }\n\n  return (\n    <div className=\"grid gap-3 sm:grid-cols-2\">\n      <TextField\n        label={labels.fields.firstName}\n        value={text('firstName')}\n        onChange={(value) => onChange('firstName', value)}\n        error={errorMessage(labels, errors.firstName)}\n        required\n        maxLength={60}\n      />\n      <TextField\n        label={labels.fields.lastName}\n        value={text('lastName')}\n        onChange={(value) => onChange('lastName', value)}\n        error={errorMessage(labels, errors.lastName)}\n        required\n        maxLength={60}\n      />\n      <TextField\n        label={labels.fields.middleName}\n        value={text('middleName')}\n        onChange={(value) => onChange('middleName', value)}\n        error={errorMessage(labels, errors.middleName)}\n        optionalLabel={labels.optional}\n        maxLength={60}\n      />\n      <TextField\n        label={labels.fields.preferredName}\n        value={text('preferredName')}\n        onChange={(value) => onChange('preferredName', value)}\n        error={errorMessage(labels, errors.preferredName)}\n        optionalLabel={labels.optional}\n        maxLength={40}\n      />\n      <TextField\n        label={labels.fields.birthDate}\n        type=\"date\"\n        value={text('birthDate')}\n        onChange={(value) => onChange('birthDate', value)}\n        error={errorMessage(labels, errors.birthDate)}\n        optionalLabel={labels.optional}\n        className=\"sm:col-span-2\"\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQI;AAPJ,oBAA6C;AAC7C,mBAA6B;AAEtB,SAAS,aAAa,EAAE,UAAU,OAAO,GAAqB;AACnE,QAAM,EAAE,OAAO,IAAI;AAEnB,SACE,6CAAC,0BACC;AAAA,gDAAC,yBAAQ,OAAO,OAAO,OAAO,WAAW,OAAO,OAAO,WAAW;AAAA,IAClE,4CAAC,yBAAQ,OAAO,OAAO,OAAO,UAAU,OAAO,OAAO,UAAU;AAAA,IAC/D,OAAO,aACN,4CAAC,yBAAQ,OAAO,OAAO,OAAO,YAAY,OAAO,OAAO,YAAY,IAClE;AAAA,IACH,OAAO,gBACN,4CAAC,yBAAQ,OAAO,OAAO,OAAO,eAAe,OAAO,OAAO,eAAe,IACxE;AAAA,IACH,OAAO,YAAY,4CAAC,yBAAQ,OAAO,OAAO,OAAO,WAAW,OAAO,OAAO,WAAW,IAAK;AAAA,KAC7F;AAEJ;AAEO,SAAS,aAAa,EAAE,QAAQ,OAAO,QAAQ,SAAS,GAAqB;AAClF,QAAM,OAAO,CAAC,QAAgB;AAC5B,UAAM,QAAQ,MAAM,GAAG;AACvB,WAAO,OAAO,UAAU,WAAW,QAAQ;AAAA,EAC7C;AAEA,SACE,6CAAC,SAAI,WAAU,6BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO,OAAO;AAAA,QACrB,OAAO,KAAK,WAAW;AAAA,QACvB,UAAU,CAAC,UAAU,SAAS,aAAa,KAAK;AAAA,QAChD,WAAO,2BAAa,QAAQ,OAAO,SAAS;AAAA,QAC5C,UAAQ;AAAA,QACR,WAAW;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO,OAAO;AAAA,QACrB,OAAO,KAAK,UAAU;AAAA,QACtB,UAAU,CAAC,UAAU,SAAS,YAAY,KAAK;AAAA,QAC/C,WAAO,2BAAa,QAAQ,OAAO,QAAQ;AAAA,QAC3C,UAAQ;AAAA,QACR,WAAW;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO,OAAO;AAAA,QACrB,OAAO,KAAK,YAAY;AAAA,QACxB,UAAU,CAAC,UAAU,SAAS,cAAc,KAAK;AAAA,QACjD,WAAO,2BAAa,QAAQ,OAAO,UAAU;AAAA,QAC7C,eAAe,OAAO;AAAA,QACtB,WAAW;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO,OAAO;AAAA,QACrB,OAAO,KAAK,eAAe;AAAA,QAC3B,UAAU,CAAC,UAAU,SAAS,iBAAiB,KAAK;AAAA,QACpD,WAAO,2BAAa,QAAQ,OAAO,aAAa;AAAA,QAChD,eAAe,OAAO;AAAA,QACtB,WAAW;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO,OAAO;AAAA,QACrB,MAAK;AAAA,QACL,OAAO,KAAK,WAAW;AAAA,QACvB,UAAU,CAAC,UAAU,SAAS,aAAa,KAAK;AAAA,QAChD,WAAO,2BAAa,QAAQ,OAAO,SAAS;AAAA,QAC5C,eAAe,OAAO;AAAA,QACtB,WAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,82 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ReadGrid, ReadRow, TextField } from "./fields.mjs";
+import { errorMessage } from "./types.mjs";
+function PersonalRead({ snapshot, labels }) {
+  const { person } = snapshot;
+  return /* @__PURE__ */ jsxs(ReadGrid, { children: [
+    /* @__PURE__ */ jsx(ReadRow, { label: labels.fields.firstName, value: person.firstName }),
+    /* @__PURE__ */ jsx(ReadRow, { label: labels.fields.lastName, value: person.lastName }),
+    person.middleName ? /* @__PURE__ */ jsx(ReadRow, { label: labels.fields.middleName, value: person.middleName }) : null,
+    person.preferredName ? /* @__PURE__ */ jsx(ReadRow, { label: labels.fields.preferredName, value: person.preferredName }) : null,
+    person.birthDate ? /* @__PURE__ */ jsx(ReadRow, { label: labels.fields.birthDate, value: person.birthDate }) : null
+  ] });
+}
+function PersonalEdit({ labels, draft, errors, onChange }) {
+  const text = (key) => {
+    const value = draft[key];
+    return typeof value === "string" ? value : "";
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        label: labels.fields.firstName,
+        value: text("firstName"),
+        onChange: (value) => onChange("firstName", value),
+        error: errorMessage(labels, errors.firstName),
+        required: true,
+        maxLength: 60
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        label: labels.fields.lastName,
+        value: text("lastName"),
+        onChange: (value) => onChange("lastName", value),
+        error: errorMessage(labels, errors.lastName),
+        required: true,
+        maxLength: 60
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        label: labels.fields.middleName,
+        value: text("middleName"),
+        onChange: (value) => onChange("middleName", value),
+        error: errorMessage(labels, errors.middleName),
+        optionalLabel: labels.optional,
+        maxLength: 60
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        label: labels.fields.preferredName,
+        value: text("preferredName"),
+        onChange: (value) => onChange("preferredName", value),
+        error: errorMessage(labels, errors.preferredName),
+        optionalLabel: labels.optional,
+        maxLength: 40
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      TextField,
+      {
+        label: labels.fields.birthDate,
+        type: "date",
+        value: text("birthDate"),
+        onChange: (value) => onChange("birthDate", value),
+        error: errorMessage(labels, errors.birthDate),
+        optionalLabel: labels.optional,
+        className: "sm:col-span-2"
+      }
+    )
+  ] });
+}
+export {
+  PersonalEdit,
+  PersonalRead
+};
+//# sourceMappingURL=personal-section.mjs.map

package/dist/blocks/designs/customer-profile/components/personal-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-profile/components/personal-section.tsx"],"sourcesContent":["import type { SectionViewProps } from './types'\nimport { ReadGrid, ReadRow, TextField } from './fields'\nimport { errorMessage } from './types'\n\nexport function PersonalRead({ snapshot, labels }: SectionViewProps) {\n  const { person } = snapshot\n\n  return (\n    <ReadGrid>\n      <ReadRow label={labels.fields.firstName} value={person.firstName} />\n      <ReadRow label={labels.fields.lastName} value={person.lastName} />\n      {person.middleName ? (\n        <ReadRow label={labels.fields.middleName} value={person.middleName} />\n      ) : null}\n      {person.preferredName ? (\n        <ReadRow label={labels.fields.preferredName} value={person.preferredName} />\n      ) : null}\n      {person.birthDate ? <ReadRow label={labels.fields.birthDate} value={person.birthDate} /> : null}\n    </ReadGrid>\n  )\n}\n\nexport function PersonalEdit({ labels, draft, errors, onChange }: SectionViewProps) {\n  const text = (key: string) => {\n    const value = draft[key]\n    return typeof value === 'string' ? value : ''\n  }\n\n  return (\n    <div className=\"grid gap-3 sm:grid-cols-2\">\n      <TextField\n        label={labels.fields.firstName}\n        value={text('firstName')}\n        onChange={(value) => onChange('firstName', value)}\n        error={errorMessage(labels, errors.firstName)}\n        required\n        maxLength={60}\n      />\n      <TextField\n        label={labels.fields.lastName}\n        value={text('lastName')}\n        onChange={(value) => onChange('lastName', value)}\n        error={errorMessage(labels, errors.lastName)}\n        required\n        maxLength={60}\n      />\n      <TextField\n        label={labels.fields.middleName}\n        value={text('middleName')}\n        onChange={(value) => onChange('middleName', value)}\n        error={errorMessage(labels, errors.middleName)}\n        optionalLabel={labels.optional}\n        maxLength={60}\n      />\n      <TextField\n        label={labels.fields.preferredName}\n        value={text('preferredName')}\n        onChange={(value) => onChange('preferredName', value)}\n        error={errorMessage(labels, errors.preferredName)}\n        optionalLabel={labels.optional}\n        maxLength={40}\n      />\n      <TextField\n        label={labels.fields.birthDate}\n        type=\"date\"\n        value={text('birthDate')}\n        onChange={(value) => onChange('birthDate', value)}\n        error={errorMessage(labels, errors.birthDate)}\n        optionalLabel={labels.optional}\n        className=\"sm:col-span-2\"\n      />\n    </div>\n  )\n}\n"],"mappings":"AAQI,SACE,KADF;AAPJ,SAAS,UAAU,SAAS,iBAAiB;AAC7C,SAAS,oBAAoB;AAEtB,SAAS,aAAa,EAAE,UAAU,OAAO,GAAqB;AACnE,QAAM,EAAE,OAAO,IAAI;AAEnB,SACE,qBAAC,YACC;AAAA,wBAAC,WAAQ,OAAO,OAAO,OAAO,WAAW,OAAO,OAAO,WAAW;AAAA,IAClE,oBAAC,WAAQ,OAAO,OAAO,OAAO,UAAU,OAAO,OAAO,UAAU;AAAA,IAC/D,OAAO,aACN,oBAAC,WAAQ,OAAO,OAAO,OAAO,YAAY,OAAO,OAAO,YAAY,IAClE;AAAA,IACH,OAAO,gBACN,oBAAC,WAAQ,OAAO,OAAO,OAAO,eAAe,OAAO,OAAO,eAAe,IACxE;AAAA,IACH,OAAO,YAAY,oBAAC,WAAQ,OAAO,OAAO,OAAO,WAAW,OAAO,OAAO,WAAW,IAAK;AAAA,KAC7F;AAEJ;AAEO,SAAS,aAAa,EAAE,QAAQ,OAAO,QAAQ,SAAS,GAAqB;AAClF,QAAM,OAAO,CAAC,QAAgB;AAC5B,UAAM,QAAQ,MAAM,GAAG;AACvB,WAAO,OAAO,UAAU,WAAW,QAAQ;AAAA,EAC7C;AAEA,SACE,qBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO,OAAO;AAAA,QACrB,OAAO,KAAK,WAAW;AAAA,QACvB,UAAU,CAAC,UAAU,SAAS,aAAa,KAAK;AAAA,QAChD,OAAO,aAAa,QAAQ,OAAO,SAAS;AAAA,QAC5C,UAAQ;AAAA,QACR,WAAW;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO,OAAO;AAAA,QACrB,OAAO,KAAK,UAAU;AAAA,QACtB,UAAU,CAAC,UAAU,SAAS,YAAY,KAAK;AAAA,QAC/C,OAAO,aAAa,QAAQ,OAAO,QAAQ;AAAA,QAC3C,UAAQ;AAAA,QACR,WAAW;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO,OAAO;AAAA,QACrB,OAAO,KAAK,YAAY;AAAA,QACxB,UAAU,CAAC,UAAU,SAAS,cAAc,KAAK;AAAA,QACjD,OAAO,aAAa,QAAQ,OAAO,UAAU;AAAA,QAC7C,eAAe,OAAO;AAAA,QACtB,WAAW;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO,OAAO;AAAA,QACrB,OAAO,KAAK,eAAe;AAAA,QAC3B,UAAU,CAAC,UAAU,SAAS,iBAAiB,KAAK;AAAA,QACpD,OAAO,aAAa,QAAQ,OAAO,aAAa;AAAA,QAChD,eAAe,OAAO;AAAA,QACtB,WAAW;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO,OAAO;AAAA,QACrB,MAAK;AAAA,QACL,OAAO,KAAK,WAAW;AAAA,QACvB,UAAU,CAAC,UAAU,SAAS,aAAa,KAAK;AAAA,QAChD,OAAO,aAAa,QAAQ,OAAO,SAAS;AAAA,QAC5C,eAAe,OAAO;AAAA,QACtB,WAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;","names":[]}

package/dist/blocks/designs/customer-profile/components/preferences-section.d.ts

@@ -0,0 +1,4 @@
+import type { SectionViewProps } from './types';
+export declare function PreferencesRead({ snapshot, labels, capabilities }: SectionViewProps): import("react").JSX.Element;
+export declare function PreferencesEdit({ snapshot, labels, capabilities, draft, errors, onChange }: SectionViewProps): import("react").JSX.Element;
+//# sourceMappingURL=preferences-section.d.ts.map

package/dist/blocks/designs/customer-profile/components/preferences-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preferences-section.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-profile/components/preferences-section.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,gBAAgB,+BAkDnF;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BA4D5G"}

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

@@ -0,0 +1,166 @@
+"use strict";
+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 preferences_section_exports = {};
+__export(preferences_section_exports, {
+  PreferencesEdit: () => PreferencesEdit,
+  PreferencesRead: () => PreferencesRead
+});
+module.exports = __toCommonJS(preferences_section_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_format = require("../format.js");
+var import_fields = require("./fields.js");
+var import_types = require("./types.js");
+function PreferencesRead({ snapshot, labels, capabilities }) {
+  const preferences = snapshot.preferences;
+  const { options } = snapshot;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_fields.ReadGrid, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_fields.ReadRow,
+        {
+          label: labels.fields.language,
+          value: (0, import_types.orEmpty)((0, import_types.optionLabel)(options.languages, preferences?.language), labels.emptyValue)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_fields.ReadRow,
+        {
+          label: labels.fields.currency,
+          value: (0, import_types.orEmpty)((0, import_types.optionLabel)(options.currencies, preferences?.currency), labels.emptyValue)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_fields.ReadRow,
+        {
+          label: labels.fields.timezone,
+          value: (0, import_types.orEmpty)((0, import_types.optionLabel)(options.timezones, preferences?.timezone), labels.emptyValue),
+          className: "sm:col-span-2"
+        }
+      )
+    ] }),
+    capabilities.marketingPreferences ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2 border-t border-border pt-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_fields.ReadGrid, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_fields.ReadRow,
+          {
+            label: labels.fields.marketingEmail,
+            value: preferences?.marketingEmail ? labels.yes : labels.no
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_fields.ReadRow,
+          {
+            label: labels.fields.marketingSms,
+            value: preferences?.marketingSms ? labels.yes : labels.no
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_fields.ReadRow,
+          {
+            label: labels.fields.commercial,
+            value: preferences?.commercial ? labels.yes : labels.no
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: labels.verification.transactional }),
+      preferences?.consentSource ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: (0, import_format.fillTemplate)(labels.verification.consentSource, {
+        source: preferences.consentSource
+      }) }) : null
+    ] }) : null
+  ] });
+}
+function PreferencesEdit({ snapshot, labels, capabilities, draft, errors, onChange }) {
+  const text = (key) => {
+    const value = draft[key];
+    return typeof value === "string" ? value : "";
+  };
+  const checked = (key) => draft[key] === true;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_fields.SelectField,
+        {
+          label: labels.fields.language,
+          value: text("language"),
+          options: snapshot.options.languages,
+          onChange: (value) => onChange("language", value),
+          error: (0, import_types.errorMessage)(labels, errors.language),
+          required: true
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_fields.SelectField,
+        {
+          label: labels.fields.currency,
+          value: text("currency"),
+          options: snapshot.options.currencies,
+          onChange: (value) => onChange("currency", value),
+          error: (0, import_types.errorMessage)(labels, errors.currency),
+          required: true
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_fields.SelectField,
+        {
+          label: labels.fields.timezone,
+          value: text("timezone"),
+          options: snapshot.options.timezones,
+          onChange: (value) => onChange("timezone", value),
+          error: (0, import_types.errorMessage)(labels, errors.timezone),
+          optionalLabel: labels.optional,
+          emptyLabel: labels.emptyValue,
+          className: "sm:col-span-2"
+        }
+      )
+    ] }),
+    capabilities.marketingPreferences ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2 border-t border-border pt-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_fields.CheckboxField,
+        {
+          label: labels.fields.marketingEmail,
+          checked: checked("marketingEmail"),
+          onChange: (value) => onChange("marketingEmail", value)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_fields.CheckboxField,
+        {
+          label: labels.fields.marketingSms,
+          checked: checked("marketingSms"),
+          onChange: (value) => onChange("marketingSms", value)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_fields.CheckboxField,
+        {
+          label: labels.fields.commercial,
+          checked: checked("commercial"),
+          onChange: (value) => onChange("commercial", value)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: labels.verification.transactional })
+    ] }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PreferencesEdit,
+  PreferencesRead
+});
+//# sourceMappingURL=preferences-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-profile/components/preferences-section.tsx"],"sourcesContent":["import { fillTemplate } from '../format'\nimport {\n  CheckboxField,\n  ReadGrid,\n  ReadRow,\n  SelectField,\n} from './fields'\nimport { errorMessage, optionLabel, orEmpty } from './types'\nimport type { SectionViewProps } from './types'\n\nexport function PreferencesRead({ snapshot, labels, capabilities }: SectionViewProps) {\n  const preferences = snapshot.preferences\n  const { options } = snapshot\n\n  return (\n    <div className=\"space-y-3\">\n      <ReadGrid>\n        <ReadRow\n          label={labels.fields.language}\n          value={orEmpty(optionLabel(options.languages, preferences?.language), labels.emptyValue)}\n        />\n        <ReadRow\n          label={labels.fields.currency}\n          value={orEmpty(optionLabel(options.currencies, preferences?.currency), labels.emptyValue)}\n        />\n        <ReadRow\n          label={labels.fields.timezone}\n          value={orEmpty(optionLabel(options.timezones, preferences?.timezone), labels.emptyValue)}\n          className=\"sm:col-span-2\"\n        />\n      </ReadGrid>\n\n      {capabilities.marketingPreferences ? (\n        <div className=\"space-y-2 border-t border-border pt-3\">\n          <ReadGrid>\n            <ReadRow\n              label={labels.fields.marketingEmail}\n              value={preferences?.marketingEmail ? labels.yes : labels.no}\n            />\n            <ReadRow\n              label={labels.fields.marketingSms}\n              value={preferences?.marketingSms ? labels.yes : labels.no}\n            />\n            <ReadRow\n              label={labels.fields.commercial}\n              value={preferences?.commercial ? labels.yes : labels.no}\n            />\n          </ReadGrid>\n          <p className=\"text-xs text-muted-foreground\">{labels.verification.transactional}</p>\n          {preferences?.consentSource ? (\n            <p className=\"text-xs text-muted-foreground\">\n              {fillTemplate(labels.verification.consentSource, {\n                source: preferences.consentSource,\n              })}\n            </p>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport function PreferencesEdit({ snapshot, labels, capabilities, draft, errors, onChange }: SectionViewProps) {\n  const text = (key: string) => {\n    const value = draft[key]\n    return typeof value === 'string' ? value : ''\n  }\n  const checked = (key: string) => draft[key] === true\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"grid gap-3 sm:grid-cols-2\">\n        <SelectField\n          label={labels.fields.language}\n          value={text('language')}\n          options={snapshot.options.languages}\n          onChange={(value) => onChange('language', value)}\n          error={errorMessage(labels, errors.language)}\n          required\n        />\n        <SelectField\n          label={labels.fields.currency}\n          value={text('currency')}\n          options={snapshot.options.currencies}\n          onChange={(value) => onChange('currency', value)}\n          error={errorMessage(labels, errors.currency)}\n          required\n        />\n        <SelectField\n          label={labels.fields.timezone}\n          value={text('timezone')}\n          options={snapshot.options.timezones}\n          onChange={(value) => onChange('timezone', value)}\n          error={errorMessage(labels, errors.timezone)}\n          optionalLabel={labels.optional}\n          emptyLabel={labels.emptyValue}\n          className=\"sm:col-span-2\"\n        />\n      </div>\n\n      {capabilities.marketingPreferences ? (\n        <div className=\"space-y-2 border-t border-border pt-3\">\n          <CheckboxField\n            label={labels.fields.marketingEmail}\n            checked={checked('marketingEmail')}\n            onChange={(value) => onChange('marketingEmail', value)}\n          />\n          <CheckboxField\n            label={labels.fields.marketingSms}\n            checked={checked('marketingSms')}\n            onChange={(value) => onChange('marketingSms', value)}\n          />\n          <CheckboxField\n            label={labels.fields.commercial}\n            checked={checked('commercial')}\n            onChange={(value) => onChange('commercial', value)}\n          />\n          <p className=\"text-xs text-muted-foreground\">{labels.verification.transactional}</p>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,146 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { fillTemplate } from "../format.mjs";
+import {
+  CheckboxField,
+  ReadGrid,
+  ReadRow,
+  SelectField
+} from "./fields.mjs";
+import { errorMessage, optionLabel, orEmpty } from "./types.mjs";
+function PreferencesRead({ snapshot, labels, capabilities }) {
+  const preferences = snapshot.preferences;
+  const { options } = snapshot;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs(ReadGrid, { children: [
+      /* @__PURE__ */ jsx(
+        ReadRow,
+        {
+          label: labels.fields.language,
+          value: orEmpty(optionLabel(options.languages, preferences?.language), labels.emptyValue)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ReadRow,
+        {
+          label: labels.fields.currency,
+          value: orEmpty(optionLabel(options.currencies, preferences?.currency), labels.emptyValue)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ReadRow,
+        {
+          label: labels.fields.timezone,
+          value: orEmpty(optionLabel(options.timezones, preferences?.timezone), labels.emptyValue),
+          className: "sm:col-span-2"
+        }
+      )
+    ] }),
+    capabilities.marketingPreferences ? /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-t border-border pt-3", children: [
+      /* @__PURE__ */ jsxs(ReadGrid, { children: [
+        /* @__PURE__ */ jsx(
+          ReadRow,
+          {
+            label: labels.fields.marketingEmail,
+            value: preferences?.marketingEmail ? labels.yes : labels.no
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ReadRow,
+          {
+            label: labels.fields.marketingSms,
+            value: preferences?.marketingSms ? labels.yes : labels.no
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ReadRow,
+          {
+            label: labels.fields.commercial,
+            value: preferences?.commercial ? labels.yes : labels.no
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: labels.verification.transactional }),
+      preferences?.consentSource ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: fillTemplate(labels.verification.consentSource, {
+        source: preferences.consentSource
+      }) }) : null
+    ] }) : null
+  ] });
+}
+function PreferencesEdit({ snapshot, labels, capabilities, draft, errors, onChange }) {
+  const text = (key) => {
+    const value = draft[key];
+    return typeof value === "string" ? value : "";
+  };
+  const checked = (key) => draft[key] === true;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: labels.fields.language,
+          value: text("language"),
+          options: snapshot.options.languages,
+          onChange: (value) => onChange("language", value),
+          error: errorMessage(labels, errors.language),
+          required: true
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: labels.fields.currency,
+          value: text("currency"),
+          options: snapshot.options.currencies,
+          onChange: (value) => onChange("currency", value),
+          error: errorMessage(labels, errors.currency),
+          required: true
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SelectField,
+        {
+          label: labels.fields.timezone,
+          value: text("timezone"),
+          options: snapshot.options.timezones,
+          onChange: (value) => onChange("timezone", value),
+          error: errorMessage(labels, errors.timezone),
+          optionalLabel: labels.optional,
+          emptyLabel: labels.emptyValue,
+          className: "sm:col-span-2"
+        }
+      )
+    ] }),
+    capabilities.marketingPreferences ? /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-t border-border pt-3", children: [
+      /* @__PURE__ */ jsx(
+        CheckboxField,
+        {
+          label: labels.fields.marketingEmail,
+          checked: checked("marketingEmail"),
+          onChange: (value) => onChange("marketingEmail", value)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CheckboxField,
+        {
+          label: labels.fields.marketingSms,
+          checked: checked("marketingSms"),
+          onChange: (value) => onChange("marketingSms", value)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CheckboxField,
+        {
+          label: labels.fields.commercial,
+          checked: checked("commercial"),
+          onChange: (value) => onChange("commercial", value)
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: labels.verification.transactional })
+    ] }) : null
+  ] });
+}
+export {
+  PreferencesEdit,
+  PreferencesRead
+};
+//# sourceMappingURL=preferences-section.mjs.map

package/dist/blocks/designs/customer-profile/components/preferences-section.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/customer-profile/components/preferences-section.tsx"],"sourcesContent":["import { fillTemplate } from '../format'\nimport {\n  CheckboxField,\n  ReadGrid,\n  ReadRow,\n  SelectField,\n} from './fields'\nimport { errorMessage, optionLabel, orEmpty } from './types'\nimport type { SectionViewProps } from './types'\n\nexport function PreferencesRead({ snapshot, labels, capabilities }: SectionViewProps) {\n  const preferences = snapshot.preferences\n  const { options } = snapshot\n\n  return (\n    <div className=\"space-y-3\">\n      <ReadGrid>\n        <ReadRow\n          label={labels.fields.language}\n          value={orEmpty(optionLabel(options.languages, preferences?.language), labels.emptyValue)}\n        />\n        <ReadRow\n          label={labels.fields.currency}\n          value={orEmpty(optionLabel(options.currencies, preferences?.currency), labels.emptyValue)}\n        />\n        <ReadRow\n          label={labels.fields.timezone}\n          value={orEmpty(optionLabel(options.timezones, preferences?.timezone), labels.emptyValue)}\n          className=\"sm:col-span-2\"\n        />\n      </ReadGrid>\n\n      {capabilities.marketingPreferences ? (\n        <div className=\"space-y-2 border-t border-border pt-3\">\n          <ReadGrid>\n            <ReadRow\n              label={labels.fields.marketingEmail}\n              value={preferences?.marketingEmail ? labels.yes : labels.no}\n            />\n            <ReadRow\n              label={labels.fields.marketingSms}\n              value={preferences?.marketingSms ? labels.yes : labels.no}\n            />\n            <ReadRow\n              label={labels.fields.commercial}\n              value={preferences?.commercial ? labels.yes : labels.no}\n            />\n          </ReadGrid>\n          <p className=\"text-xs text-muted-foreground\">{labels.verification.transactional}</p>\n          {preferences?.consentSource ? (\n            <p className=\"text-xs text-muted-foreground\">\n              {fillTemplate(labels.verification.consentSource, {\n                source: preferences.consentSource,\n              })}\n            </p>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport function PreferencesEdit({ snapshot, labels, capabilities, draft, errors, onChange }: SectionViewProps) {\n  const text = (key: string) => {\n    const value = draft[key]\n    return typeof value === 'string' ? value : ''\n  }\n  const checked = (key: string) => draft[key] === true\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"grid gap-3 sm:grid-cols-2\">\n        <SelectField\n          label={labels.fields.language}\n          value={text('language')}\n          options={snapshot.options.languages}\n          onChange={(value) => onChange('language', value)}\n          error={errorMessage(labels, errors.language)}\n          required\n        />\n        <SelectField\n          label={labels.fields.currency}\n          value={text('currency')}\n          options={snapshot.options.currencies}\n          onChange={(value) => onChange('currency', value)}\n          error={errorMessage(labels, errors.currency)}\n          required\n        />\n        <SelectField\n          label={labels.fields.timezone}\n          value={text('timezone')}\n          options={snapshot.options.timezones}\n          onChange={(value) => onChange('timezone', value)}\n          error={errorMessage(labels, errors.timezone)}\n          optionalLabel={labels.optional}\n          emptyLabel={labels.emptyValue}\n          className=\"sm:col-span-2\"\n        />\n      </div>\n\n      {capabilities.marketingPreferences ? (\n        <div className=\"space-y-2 border-t border-border pt-3\">\n          <CheckboxField\n            label={labels.fields.marketingEmail}\n            checked={checked('marketingEmail')}\n            onChange={(value) => onChange('marketingEmail', value)}\n          />\n          <CheckboxField\n            label={labels.fields.marketingSms}\n            checked={checked('marketingSms')}\n            onChange={(value) => onChange('marketingSms', value)}\n          />\n          <CheckboxField\n            label={labels.fields.commercial}\n            checked={checked('commercial')}\n            onChange={(value) => onChange('commercial', value)}\n          />\n          <p className=\"text-xs text-muted-foreground\">{labels.verification.transactional}</p>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"AAgBM,SACE,KADF;AAhBN,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc,aAAa,eAAe;AAG5C,SAAS,gBAAgB,EAAE,UAAU,QAAQ,aAAa,GAAqB;AACpF,QAAM,cAAc,SAAS;AAC7B,QAAM,EAAE,QAAQ,IAAI;AAEpB,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,YACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,OAAO;AAAA,UACrB,OAAO,QAAQ,YAAY,QAAQ,WAAW,aAAa,QAAQ,GAAG,OAAO,UAAU;AAAA;AAAA,MACzF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,OAAO;AAAA,UACrB,OAAO,QAAQ,YAAY,QAAQ,YAAY,aAAa,QAAQ,GAAG,OAAO,UAAU;AAAA;AAAA,MAC1F;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,OAAO;AAAA,UACrB,OAAO,QAAQ,YAAY,QAAQ,WAAW,aAAa,QAAQ,GAAG,OAAO,UAAU;AAAA,UACvF,WAAU;AAAA;AAAA,MACZ;AAAA,OACF;AAAA,IAEC,aAAa,uBACZ,qBAAC,SAAI,WAAU,yCACb;AAAA,2BAAC,YACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,OAAO,OAAO;AAAA,YACrB,OAAO,aAAa,iBAAiB,OAAO,MAAM,OAAO;AAAA;AAAA,QAC3D;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,OAAO,OAAO;AAAA,YACrB,OAAO,aAAa,eAAe,OAAO,MAAM,OAAO;AAAA;AAAA,QACzD;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,OAAO,OAAO;AAAA,YACrB,OAAO,aAAa,aAAa,OAAO,MAAM,OAAO;AAAA;AAAA,QACvD;AAAA,SACF;AAAA,MACA,oBAAC,OAAE,WAAU,iCAAiC,iBAAO,aAAa,eAAc;AAAA,MAC/E,aAAa,gBACZ,oBAAC,OAAE,WAAU,iCACV,uBAAa,OAAO,aAAa,eAAe;AAAA,QAC/C,QAAQ,YAAY;AAAA,MACtB,CAAC,GACH,IACE;AAAA,OACN,IACE;AAAA,KACN;AAEJ;AAEO,SAAS,gBAAgB,EAAE,UAAU,QAAQ,cAAc,OAAO,QAAQ,SAAS,GAAqB;AAC7G,QAAM,OAAO,CAAC,QAAgB;AAC5B,UAAM,QAAQ,MAAM,GAAG;AACvB,WAAO,OAAO,UAAU,WAAW,QAAQ;AAAA,EAC7C;AACA,QAAM,UAAU,CAAC,QAAgB,MAAM,GAAG,MAAM;AAEhD,SACE,qBAAC,SAAI,WAAU,aACb;AAAA,yBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,OAAO;AAAA,UACrB,OAAO,KAAK,UAAU;AAAA,UACtB,SAAS,SAAS,QAAQ;AAAA,UAC1B,UAAU,CAAC,UAAU,SAAS,YAAY,KAAK;AAAA,UAC/C,OAAO,aAAa,QAAQ,OAAO,QAAQ;AAAA,UAC3C,UAAQ;AAAA;AAAA,MACV;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,OAAO;AAAA,UACrB,OAAO,KAAK,UAAU;AAAA,UACtB,SAAS,SAAS,QAAQ;AAAA,UAC1B,UAAU,CAAC,UAAU,SAAS,YAAY,KAAK;AAAA,UAC/C,OAAO,aAAa,QAAQ,OAAO,QAAQ;AAAA,UAC3C,UAAQ;AAAA;AAAA,MACV;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,OAAO;AAAA,UACrB,OAAO,KAAK,UAAU;AAAA,UACtB,SAAS,SAAS,QAAQ;AAAA,UAC1B,UAAU,CAAC,UAAU,SAAS,YAAY,KAAK;AAAA,UAC/C,OAAO,aAAa,QAAQ,OAAO,QAAQ;AAAA,UAC3C,eAAe,OAAO;AAAA,UACtB,YAAY,OAAO;AAAA,UACnB,WAAU;AAAA;AAAA,MACZ;AAAA,OACF;AAAA,IAEC,aAAa,uBACZ,qBAAC,SAAI,WAAU,yCACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,OAAO;AAAA,UACrB,SAAS,QAAQ,gBAAgB;AAAA,UACjC,UAAU,CAAC,UAAU,SAAS,kBAAkB,KAAK;AAAA;AAAA,MACvD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,OAAO;AAAA,UACrB,SAAS,QAAQ,cAAc;AAAA,UAC/B,UAAU,CAAC,UAAU,SAAS,gBAAgB,KAAK;AAAA;AAAA,MACrD;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,OAAO,OAAO;AAAA,UACrB,SAAS,QAAQ,YAAY;AAAA,UAC7B,UAAU,CAAC,UAAU,SAAS,cAAc,KAAK;AAAA;AAAA,MACnD;AAAA,MACA,oBAAC,OAAE,WAAU,iCAAiC,iBAAO,aAAa,eAAc;AAAA,OAClF,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/blocks/designs/customer-profile/components/professional-section.d.ts

@@ -0,0 +1,4 @@
+import type { SectionViewProps } from './types';
+export declare function ProfessionalRead({ snapshot, labels, capabilities, onManageOrganization, }: SectionViewProps): import("react").JSX.Element | null;
+export declare function ProfessionalEdit({ labels, draft, errors, onChange }: SectionViewProps): import("react").JSX.Element;
+//# sourceMappingURL=professional-section.d.ts.map

package/dist/blocks/designs/customer-profile/components/professional-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"professional-section.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/customer-profile/components/professional-section.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAQ/C,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,oBAAoB,GACrB,EAAE,gBAAgB,sCAsElB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,+BAoCrF"}