@open-mercato/core 0.6.4-develop.3929.1.fcf7afece2 → 0.6.4-develop.3944.1.4100aa7fbe

package/dist/modules/customers/components/detail/create/DealCreateSidebar.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Sparkles } from "lucide-react";
+import { DealSectionCard } from "./DealSectionCard.js";
+import { DealTipsCard } from "./DealTipsCard.js";
+import {
+  DealCustomAttributes
+} from "./DealCustomAttributes.js";
+function DealCreateSidebar({
+  tr,
+  customValues,
+  onCustomChange,
+  errors,
+  disabled,
+  customCount,
+  manageHref,
+  onCustomLoaded
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      DealSectionCard,
+      {
+        icon: Sparkles,
+        title: tr("customers.deals.create.sections.custom.title", "Custom attributes"),
+        subtitle: tr("customers.deals.create.sections.custom.subtitle", "{count} fields defined for this tenant", {
+          count: customCount
+        }),
+        children: /* @__PURE__ */ jsx(
+          DealCustomAttributes,
+          {
+            values: customValues,
+            onChange: onCustomChange,
+            errors,
+            disabled,
+            manageHref,
+            labels: {
+              manage: tr("customers.deals.create.sections.custom.manage", "Manage fields"),
+              empty: tr("customers.deals.create.sections.custom.empty", "No custom fields defined for deals yet."),
+              loading: tr("customers.deals.create.sections.custom.loading", "Loading custom fields\u2026")
+            },
+            onLoaded: onCustomLoaded
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DealTipsCard,
+      {
+        title: tr("customers.deals.create.tips.title", "Tips for better deals"),
+        tips: [
+          tr(
+            "customers.deals.create.tips.item1",
+            'Use the company name + short deliverable format in the title (e.g. "Copperleaf \u2014 Q3 Renewal")'
+          ),
+          tr(
+            "customers.deals.create.tips.item2",
+            "Set probability based on pipeline stage: Qual 10-25%, Proposal 30-50%, Negotiation 50-75%, Contract 75-90%"
+          ),
+          tr(
+            "customers.deals.create.tips.item3",
+            "Link primary decision maker as first person \u2014 they get default email CC on activities"
+          )
+        ]
+      }
+    )
+  ] });
+}
+var DealCreateSidebar_default = DealCreateSidebar;
+export {
+  DealCreateSidebar,
+  DealCreateSidebar_default as default
+};
+//# sourceMappingURL=DealCreateSidebar.js.map

package/dist/modules/customers/components/detail/create/DealCreateSidebar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/DealCreateSidebar.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Sparkles } from 'lucide-react'\nimport { DealSectionCard } from './DealSectionCard'\nimport { DealTipsCard } from './DealTipsCard'\nimport {\n  DealCustomAttributes,\n  type DealCustomAttributesLoadState,\n} from './DealCustomAttributes'\nimport type { Translate } from './dealFormTypes'\n\nexport type DealCreateSidebarProps = {\n  tr: Translate\n  customValues: Record<string, unknown>\n  onCustomChange: (key: string, value: unknown) => void\n  errors: Record<string, string>\n  disabled: boolean\n  customCount: number\n  manageHref: string\n  onCustomLoaded: (state: DealCustomAttributesLoadState) => void\n}\n\nexport function DealCreateSidebar({\n  tr,\n  customValues,\n  onCustomChange,\n  errors,\n  disabled,\n  customCount,\n  manageHref,\n  onCustomLoaded,\n}: DealCreateSidebarProps) {\n  return (\n    <div className=\"space-y-4\">\n      <DealSectionCard\n        icon={Sparkles}\n        title={tr('customers.deals.create.sections.custom.title', 'Custom attributes')}\n        subtitle={tr('customers.deals.create.sections.custom.subtitle', '{count} fields defined for this tenant', {\n          count: customCount,\n        })}\n      >\n        <DealCustomAttributes\n          values={customValues}\n          onChange={onCustomChange}\n          errors={errors}\n          disabled={disabled}\n          manageHref={manageHref}\n          labels={{\n            manage: tr('customers.deals.create.sections.custom.manage', 'Manage fields'),\n            empty: tr('customers.deals.create.sections.custom.empty', 'No custom fields defined for deals yet.'),\n            loading: tr('customers.deals.create.sections.custom.loading', 'Loading custom fields\u2026'),\n          }}\n          onLoaded={onCustomLoaded}\n        />\n      </DealSectionCard>\n\n      <DealTipsCard\n        title={tr('customers.deals.create.tips.title', 'Tips for better deals')}\n        tips={[\n          tr(\n            'customers.deals.create.tips.item1',\n            'Use the company name + short deliverable format in the title (e.g. \"Copperleaf \u2014 Q3 Renewal\")',\n          ),\n          tr(\n            'customers.deals.create.tips.item2',\n            'Set probability based on pipeline stage: Qual 10-25%, Proposal 30-50%, Negotiation 50-75%, Contract 75-90%',\n          ),\n          tr(\n            'customers.deals.create.tips.item3',\n            'Link primary decision maker as first person \u2014 they get default email CC on activities',\n          ),\n        ]}\n      />\n    </div>\n  )\n}\n\nexport default DealCreateSidebar\n"],
+  "mappings": ";AAkCI,SAQI,KARJ;AA/BJ,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,OAEK;AAcA,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,SACE,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,OAAO,GAAG,gDAAgD,mBAAmB;AAAA,QAC7E,UAAU,GAAG,mDAAmD,0CAA0C;AAAA,UACxG,OAAO;AAAA,QACT,CAAC;AAAA,QAED;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ;AAAA,YACR,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,cACN,QAAQ,GAAG,iDAAiD,eAAe;AAAA,cAC3E,OAAO,GAAG,gDAAgD,yCAAyC;AAAA,cACnG,SAAS,GAAG,kDAAkD,6BAAwB;AAAA,YACxF;AAAA,YACA,UAAU;AAAA;AAAA,QACZ;AAAA;AAAA,IACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,GAAG,qCAAqC,uBAAuB;AAAA,QACtE,MAAM;AAAA,UACJ;AAAA,YACE;AAAA,YACA;AAAA,UACF;AAAA,UACA;AAAA,YACE;AAAA,YACA;AAAA,UACF;AAAA,UACA;AAAA,YACE;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/modules/customers/components/detail/create/DealCurrencyField.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { DictionaryEntrySelect } from "@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect";
+import { useCurrencyDictionary } from "../hooks/useCurrencyDictionary.js";
+const CURRENCY_PRIORITY = ["EUR", "USD", "GBP", "PLN"];
+function DealCurrencyField({ id, value, onChange, disabled = false }) {
+  const t = useT();
+  const { data, error: rawError, isLoading, refetch } = useCurrencyDictionary();
+  const dictError = rawError ? rawError instanceof Error ? rawError.message : String(rawError) : null;
+  const resolvedError = React.useMemo(() => {
+    if (dictError) return dictError;
+    if (!isLoading && !data) {
+      return t("customers.deals.form.currency.missing", "Currency dictionary is not configured yet.");
+    }
+    return null;
+  }, [data, dictError, isLoading, t]);
+  const fetchOptions = React.useCallback(async () => {
+    let payload = data ?? null;
+    if (!payload) {
+      try {
+        payload = await refetch();
+      } catch (err) {
+        const message = err instanceof Error ? err.message : String(err ?? "");
+        throw new Error(message || t("customers.deals.form.currency.error", "Failed to load currency dictionary."));
+      }
+    }
+    if (!payload) {
+      throw new Error(t("customers.deals.form.currency.missing", "Currency dictionary is not configured yet."));
+    }
+    const priorityOrder = /* @__PURE__ */ new Map();
+    CURRENCY_PRIORITY.forEach((code, index) => priorityOrder.set(code, index));
+    const prioritized = [];
+    const remainder = [];
+    payload.entries.forEach((entry) => {
+      const code = entry.value.toUpperCase();
+      const label = entry.label && entry.label.length ? `${code} \u2013 ${entry.label}` : code;
+      const option = { value: code, label, color: null, icon: null };
+      if (priorityOrder.has(code)) prioritized.push(option);
+      else remainder.push(option);
+    });
+    prioritized.sort((a, b) => priorityOrder.get(a.value) - priorityOrder.get(b.value));
+    remainder.sort((a, b) => a.label.localeCompare(b.label, void 0, { sensitivity: "base" }));
+    return [...prioritized, ...remainder];
+  }, [data, refetch, t]);
+  const labels = React.useMemo(
+    () => ({
+      placeholder: t("customers.deals.form.currency.placeholder", "Select currency\u2026"),
+      addLabel: t("customers.deals.form.currency.add", "Add currency"),
+      dialogTitle: t("customers.deals.form.currency.dialogTitle", "Add currency"),
+      valueLabel: t("customers.deals.form.currency.valueLabel", "Currency code"),
+      valuePlaceholder: t("customers.deals.form.currency.valuePlaceholder", "e.g. USD"),
+      labelLabel: t("customers.deals.form.currency.labelLabel", "Label"),
+      labelPlaceholder: t("customers.deals.form.currency.labelPlaceholder", "Display name shown in UI"),
+      emptyError: t("customers.deals.form.currency.error.required", "Currency code is required."),
+      cancelLabel: t("customers.deals.form.currency.cancel", "Cancel"),
+      saveLabel: t("customers.deals.form.currency.save", "Save"),
+      errorLoad: t("customers.deals.form.currency.error", "Failed to load currency dictionary."),
+      errorSave: t("customers.deals.form.currency.error", "Failed to load currency dictionary."),
+      loadingLabel: t("customers.deals.form.currency.loading", "Loading currencies\u2026"),
+      manageTitle: t("customers.deals.form.currency.manage", "Manage currency dictionary")
+    }),
+    [t]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx(
+      DictionaryEntrySelect,
+      {
+        id,
+        value: value || void 0,
+        onChange: (next) => onChange(next ?? ""),
+        fetchOptions,
+        labels,
+        manageHref: "/backend/config/dictionaries?key=currency",
+        allowInlineCreate: false,
+        allowAppearance: false,
+        selectClassName: "w-full",
+        disabled,
+        showLabelInput: false
+      }
+    ),
+    resolvedError ? /* @__PURE__ */ jsx("p", { className: cn("text-xs", dictError ? "text-status-error-text" : "text-muted-foreground"), children: resolvedError }) : null
+  ] });
+}
+var DealCurrencyField_default = DealCurrencyField;
+export {
+  DealCurrencyField,
+  DealCurrencyField_default as default
+};
+//# sourceMappingURL=DealCurrencyField.js.map

package/dist/modules/customers/components/detail/create/DealCurrencyField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/DealCurrencyField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { DictionaryEntrySelect } from '@open-mercato/core/modules/dictionaries/components/DictionaryEntrySelect'\nimport { useCurrencyDictionary } from '../hooks/useCurrencyDictionary'\n\nconst CURRENCY_PRIORITY = ['EUR', 'USD', 'GBP', 'PLN'] as const\n\nexport type DealCurrencyFieldProps = {\n  id?: string\n  value: string\n  onChange: (code: string) => void\n  disabled?: boolean\n}\n\nexport function DealCurrencyField({ id, value, onChange, disabled = false }: DealCurrencyFieldProps) {\n  const t = useT()\n  const { data, error: rawError, isLoading, refetch } = useCurrencyDictionary()\n  const dictError = rawError\n    ? rawError instanceof Error\n      ? rawError.message\n      : String(rawError)\n    : null\n\n  const resolvedError = React.useMemo(() => {\n    if (dictError) return dictError\n    if (!isLoading && !data) {\n      return t('customers.deals.form.currency.missing', 'Currency dictionary is not configured yet.')\n    }\n    return null\n  }, [data, dictError, isLoading, t])\n\n  const fetchOptions = React.useCallback(async () => {\n    let payload = data ?? null\n    if (!payload) {\n      try {\n        payload = await refetch()\n      } catch (err) {\n        const message = err instanceof Error ? err.message : String(err ?? '')\n        throw new Error(message || t('customers.deals.form.currency.error', 'Failed to load currency dictionary.'))\n      }\n    }\n    if (!payload) {\n      throw new Error(t('customers.deals.form.currency.missing', 'Currency dictionary is not configured yet.'))\n    }\n    const priorityOrder = new Map<string, number>()\n    CURRENCY_PRIORITY.forEach((code, index) => priorityOrder.set(code, index))\n    const prioritized: { value: string; label: string; color: string | null; icon: string | null }[] = []\n    const remainder: { value: string; label: string; color: string | null; icon: string | null }[] = []\n    payload.entries.forEach((entry) => {\n      const code = entry.value.toUpperCase()\n      const label = entry.label && entry.label.length ? `${code} \u2013 ${entry.label}` : code\n      const option = { value: code, label, color: null, icon: null }\n      if (priorityOrder.has(code)) prioritized.push(option)\n      else remainder.push(option)\n    })\n    prioritized.sort((a, b) => priorityOrder.get(a.value)! - priorityOrder.get(b.value)!)\n    remainder.sort((a, b) => a.label.localeCompare(b.label, undefined, { sensitivity: 'base' }))\n    return [...prioritized, ...remainder]\n  }, [data, refetch, t])\n\n  const labels = React.useMemo(\n    () => ({\n      placeholder: t('customers.deals.form.currency.placeholder', 'Select currency\u2026'),\n      addLabel: t('customers.deals.form.currency.add', 'Add currency'),\n      dialogTitle: t('customers.deals.form.currency.dialogTitle', 'Add currency'),\n      valueLabel: t('customers.deals.form.currency.valueLabel', 'Currency code'),\n      valuePlaceholder: t('customers.deals.form.currency.valuePlaceholder', 'e.g. USD'),\n      labelLabel: t('customers.deals.form.currency.labelLabel', 'Label'),\n      labelPlaceholder: t('customers.deals.form.currency.labelPlaceholder', 'Display name shown in UI'),\n      emptyError: t('customers.deals.form.currency.error.required', 'Currency code is required.'),\n      cancelLabel: t('customers.deals.form.currency.cancel', 'Cancel'),\n      saveLabel: t('customers.deals.form.currency.save', 'Save'),\n      errorLoad: t('customers.deals.form.currency.error', 'Failed to load currency dictionary.'),\n      errorSave: t('customers.deals.form.currency.error', 'Failed to load currency dictionary.'),\n      loadingLabel: t('customers.deals.form.currency.loading', 'Loading currencies\u2026'),\n      manageTitle: t('customers.deals.form.currency.manage', 'Manage currency dictionary'),\n    }),\n    [t],\n  )\n\n  return (\n    <div className=\"space-y-1\">\n      <DictionaryEntrySelect\n        id={id}\n        value={value || undefined}\n        onChange={(next) => onChange(next ?? '')}\n        fetchOptions={fetchOptions}\n        labels={labels}\n        manageHref=\"/backend/config/dictionaries?key=currency\"\n        allowInlineCreate={false}\n        allowAppearance={false}\n        selectClassName=\"w-full\"\n        disabled={disabled}\n        showLabelInput={false}\n      />\n      {resolvedError ? (\n        <p className={cn('text-xs', dictError ? 'text-status-error-text' : 'text-muted-foreground')}>\n          {resolvedError}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n\nexport default DealCurrencyField\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/detail/create/DealCustomAttributes.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Plus } from "lucide-react";
+import { fetchCustomFieldFormStructure } from "@open-mercato/ui/backend/utils/customFieldForms";
+import { LinkButton } from "@open-mercato/ui/primitives/link-button";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { E } from "../../../../../generated/entities.ids.generated.js";
+import { DealCustomFieldControl } from "./dealCustomFieldControl.js";
+function ManageFieldsLink({ href, label }) {
+  return /* @__PURE__ */ jsx(LinkButton, { asChild: true, variant: "gray", size: "sm", children: /* @__PURE__ */ jsxs("a", { href, className: "inline-flex items-center gap-1", children: [
+    /* @__PURE__ */ jsx(Plus, { className: "size-3.5" }),
+    label
+  ] }) });
+}
+function DealCustomAttributes({
+  values,
+  onChange,
+  errors,
+  disabled = false,
+  manageHref,
+  labels,
+  onLoaded
+}) {
+  const [fields, setFields] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const onLoadedRef = React.useRef(onLoaded);
+  React.useEffect(() => {
+    onLoadedRef.current = onLoaded;
+  }, [onLoaded]);
+  React.useEffect(() => {
+    let cancelled = false;
+    setIsLoading(true);
+    fetchCustomFieldFormStructure([E.customers.customer_deal]).then((result) => {
+      if (cancelled) return;
+      setFields(result.fields);
+      setIsLoading(false);
+      onLoadedRef.current?.({ fields: result.fields, definitions: result.definitions });
+    }).catch(() => {
+      if (cancelled) return;
+      setFields([]);
+      setIsLoading(false);
+      onLoadedRef.current?.({ fields: [], definitions: [] });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Spinner, { className: "size-4" }),
+      labels.loading
+    ] });
+  }
+  if (fields.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: labels.empty }),
+      /* @__PURE__ */ jsx(ManageFieldsLink, { href: manageHref, label: labels.manage })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    fields.map((field) => /* @__PURE__ */ jsx(
+      DealCustomFieldControl,
+      {
+        field,
+        value: values[field.id],
+        onChange: (next) => onChange(field.id, next),
+        error: errors?.[field.id],
+        disabled
+      },
+      field.id
+    )),
+    /* @__PURE__ */ jsx("div", { className: "pt-1", children: /* @__PURE__ */ jsx(ManageFieldsLink, { href: manageHref, label: labels.manage }) })
+  ] });
+}
+var DealCustomAttributes_default = DealCustomAttributes;
+export {
+  DealCustomAttributes,
+  DealCustomAttributes_default as default
+};
+//# sourceMappingURL=DealCustomAttributes.js.map

package/dist/modules/customers/components/detail/create/DealCustomAttributes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/DealCustomAttributes.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Plus } from 'lucide-react'\nimport type { CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport type { CustomFieldDefDto } from '@open-mercato/ui/backend/utils/customFieldDefs'\nimport { fetchCustomFieldFormStructure } from '@open-mercato/ui/backend/utils/customFieldForms'\nimport { LinkButton } from '@open-mercato/ui/primitives/link-button'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { E } from '#generated/entities.ids.generated'\nimport { DealCustomFieldControl } from './dealCustomFieldControl'\n\nexport type DealCustomAttributesLoadState = {\n  fields: CrudField[]\n  definitions: CustomFieldDefDto[]\n}\n\nexport type DealCustomAttributesProps = {\n  values: Record<string, unknown>\n  onChange: (key: string, value: unknown) => void\n  errors?: Record<string, string>\n  disabled?: boolean\n  manageHref: string\n  labels: {\n    manage: string\n    empty: string\n    loading: string\n  }\n  onLoaded?: (state: DealCustomAttributesLoadState) => void\n}\n\nfunction ManageFieldsLink({ href, label }: { href: string; label: string }) {\n  return (\n    <LinkButton asChild variant=\"gray\" size=\"sm\">\n      <a href={href} className=\"inline-flex items-center gap-1\">\n        <Plus className=\"size-3.5\" />\n        {label}\n      </a>\n    </LinkButton>\n  )\n}\n\nexport function DealCustomAttributes({\n  values,\n  onChange,\n  errors,\n  disabled = false,\n  manageHref,\n  labels,\n  onLoaded,\n}: DealCustomAttributesProps) {\n  const [fields, setFields] = React.useState<CrudField[]>([])\n  const [isLoading, setIsLoading] = React.useState(true)\n  const onLoadedRef = React.useRef(onLoaded)\n\n  React.useEffect(() => {\n    onLoadedRef.current = onLoaded\n  }, [onLoaded])\n\n  React.useEffect(() => {\n    let cancelled = false\n    setIsLoading(true)\n    fetchCustomFieldFormStructure([E.customers.customer_deal])\n      .then((result) => {\n        if (cancelled) return\n        setFields(result.fields)\n        setIsLoading(false)\n        onLoadedRef.current?.({ fields: result.fields, definitions: result.definitions })\n      })\n      .catch(() => {\n        if (cancelled) return\n        setFields([])\n        setIsLoading(false)\n        onLoadedRef.current?.({ fields: [], definitions: [] })\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [])\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n        <Spinner className=\"size-4\" />\n        {labels.loading}\n      </div>\n    )\n  }\n\n  if (fields.length === 0) {\n    return (\n      <div className=\"space-y-3\">\n        <p className=\"text-sm text-muted-foreground\">{labels.empty}</p>\n        <ManageFieldsLink href={manageHref} label={labels.manage} />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-4\">\n      {fields.map((field) => (\n        <DealCustomFieldControl\n          key={field.id}\n          field={field}\n          value={values[field.id]}\n          onChange={(next) => onChange(field.id, next)}\n          error={errors?.[field.id]}\n          disabled={disabled}\n        />\n      ))}\n      <div className=\"pt-1\">\n        <ManageFieldsLink href={manageHref} label={labels.manage} />\n      </div>\n    </div>\n  )\n}\n\nexport default DealCustomAttributes\n"],
+  "mappings": ";AAkCM,SACE,KADF;AAhCN,YAAY,WAAW;AACvB,SAAS,YAAY;AAGrB,SAAS,qCAAqC;AAC9C,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,SAAS;AAClB,SAAS,8BAA8B;AAqBvC,SAAS,iBAAiB,EAAE,MAAM,MAAM,GAAoC;AAC1E,SACE,oBAAC,cAAW,SAAO,MAAC,SAAQ,QAAO,MAAK,MACtC,+BAAC,OAAE,MAAY,WAAU,kCACvB;AAAA,wBAAC,QAAK,WAAU,YAAW;AAAA,IAC1B;AAAA,KACH,GACF;AAEJ;AAEO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAsB,CAAC,CAAC;AAC1D,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,IAAI;AACrD,QAAM,cAAc,MAAM,OAAO,QAAQ;AAEzC,QAAM,UAAU,MAAM;AACpB,gBAAY,UAAU;AAAA,EACxB,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,iBAAa,IAAI;AACjB,kCAA8B,CAAC,EAAE,UAAU,aAAa,CAAC,EACtD,KAAK,CAAC,WAAW;AAChB,UAAI,UAAW;AACf,gBAAU,OAAO,MAAM;AACvB,mBAAa,KAAK;AAClB,kBAAY,UAAU,EAAE,QAAQ,OAAO,QAAQ,aAAa,OAAO,YAAY,CAAC;AAAA,IAClF,CAAC,EACA,MAAM,MAAM;AACX,UAAI,UAAW;AACf,gBAAU,CAAC,CAAC;AACZ,mBAAa,KAAK;AAClB,kBAAY,UAAU,EAAE,QAAQ,CAAC,GAAG,aAAa,CAAC,EAAE,CAAC;AAAA,IACvD,CAAC;AACH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,MAAI,WAAW;AACb,WACE,qBAAC,SAAI,WAAU,yDACb;AAAA,0BAAC,WAAQ,WAAU,UAAS;AAAA,MAC3B,OAAO;AAAA,OACV;AAAA,EAEJ;AAEA,MAAI,OAAO,WAAW,GAAG;AACvB,WACE,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,OAAE,WAAU,iCAAiC,iBAAO,OAAM;AAAA,MAC3D,oBAAC,oBAAiB,MAAM,YAAY,OAAO,OAAO,QAAQ;AAAA,OAC5D;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,WAAO,IAAI,CAAC,UACX;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,OAAO,OAAO,MAAM,EAAE;AAAA,QACtB,UAAU,CAAC,SAAS,SAAS,MAAM,IAAI,IAAI;AAAA,QAC3C,OAAO,SAAS,MAAM,EAAE;AAAA,QACxB;AAAA;AAAA,MALK,MAAM;AAAA,IAMb,CACD;AAAA,IACD,oBAAC,SAAI,WAAU,QACb,8BAAC,oBAAiB,MAAM,YAAY,OAAO,OAAO,QAAQ,GAC5D;AAAA,KACF;AAEJ;AAEA,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/modules/customers/components/detail/create/DealDetailsFields.js

@@ -0,0 +1,171 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { format } from "date-fns/format";
+import { parseISO } from "date-fns/parseISO";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Textarea } from "@open-mercato/ui/primitives/textarea";
+import { DatePicker } from "@open-mercato/ui/primitives/date-picker";
+import { DictionarySelectField } from "../../formConfig.js";
+import { DealFormField } from "./DealFormField.js";
+import { PipelineSelect } from "./PipelineSelect.js";
+import { PipelineStageSelect } from "./PipelineStageSelect.js";
+import { SuffixInput } from "./SuffixInput.js";
+import { DealCurrencyField } from "./DealCurrencyField.js";
+import { sanitizeAmount, sanitizeProbability } from "./dealNumericInput.js";
+function toDate(value) {
+  if (!value) return null;
+  const parsed = parseISO(value);
+  return Number.isNaN(parsed.getTime()) ? null : parsed;
+}
+function DealDetailsFields({
+  values,
+  errors,
+  isSubmitting,
+  patch,
+  onPipelineChange,
+  pipelines,
+  stages,
+  statusLabels,
+  tr
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      DealFormField,
+      {
+        fieldId: "title",
+        label: tr("customers.deals.create.fields.title", "Deal title"),
+        required: true,
+        hint: tr("customers.deals.create.hints.title", "Short, descriptive name shown on pipeline cards"),
+        error: errors.title,
+        children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: values.title,
+            onChange: (event) => patch({ title: event.target.value }),
+            "aria-invalid": errors.title ? true : void 0,
+            disabled: isSubmitting
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(DealFormField, { fieldId: "status", label: tr("customers.people.detail.deals.fields.status", "Status"), children: /* @__PURE__ */ jsx(
+        DictionarySelectField,
+        {
+          kind: "deal-statuses",
+          value: values.status || void 0,
+          onChange: (next) => patch({ status: next ?? "" }),
+          labels: statusLabels,
+          selectClassName: "w-full",
+          showActiveAppearance: false
+        }
+      ) }),
+      /* @__PURE__ */ jsx(DealFormField, { fieldId: "pipelineId", label: tr("customers.people.detail.deals.fields.pipeline", "Pipeline"), children: /* @__PURE__ */ jsx(
+        PipelineSelect,
+        {
+          pipelines,
+          value: values.pipelineId,
+          onChange: onPipelineChange,
+          disabled: isSubmitting,
+          placeholder: tr("customers.deals.form.pipeline.placeholder", "Select pipeline\u2026")
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DealFormField,
+      {
+        fieldId: "pipelineStageId",
+        label: tr("customers.people.detail.deals.fields.pipelineStage", "Pipeline stage"),
+        hint: tr("customers.deals.create.hints.pipelineStage", "Stages depend on the selected pipeline"),
+        children: /* @__PURE__ */ jsx(
+          PipelineStageSelect,
+          {
+            stages,
+            value: values.pipelineStageId,
+            onChange: (id) => patch({ pipelineStageId: id }),
+            disabled: isSubmitting || !values.pipelineId,
+            placeholder: tr("customers.deals.form.pipelineStage.placeholder", "Select stage\u2026"),
+            formatCount: (position, total) => tr("customers.deals.create.fields.stageOf", "\xB7 stage {position} of {total}", { position, total })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(
+        DealFormField,
+        {
+          fieldId: "valueAmount",
+          label: tr("customers.deals.create.fields.valueAmount", "Deal value"),
+          hint: tr("customers.deals.create.hints.valueAmount", "Potential revenue from this opportunity"),
+          error: errors.valueAmount,
+          children: /* @__PURE__ */ jsx(
+            SuffixInput,
+            {
+              suffix: values.valueCurrency,
+              inputMode: "decimal",
+              value: values.valueAmount,
+              onChange: (event) => patch({ valueAmount: sanitizeAmount(event.target.value) }),
+              placeholder: "0",
+              "aria-invalid": errors.valueAmount ? true : void 0,
+              disabled: isSubmitting
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(DealFormField, { fieldId: "valueCurrency", label: tr("customers.people.detail.deals.fields.valueCurrency", "Currency"), children: /* @__PURE__ */ jsx(
+        DealCurrencyField,
+        {
+          value: values.valueCurrency,
+          onChange: (code) => patch({ valueCurrency: code }),
+          disabled: isSubmitting
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsx(
+        DealFormField,
+        {
+          fieldId: "probability",
+          label: tr("customers.deals.create.fields.probability", "Probability"),
+          hint: tr("customers.deals.create.hints.probability", "0 \u2013 100%, used for weighted pipeline value"),
+          error: errors.probability,
+          children: /* @__PURE__ */ jsx(
+            SuffixInput,
+            {
+              suffix: "%",
+              inputMode: "numeric",
+              value: values.probability,
+              onChange: (event) => patch({ probability: sanitizeProbability(event.target.value) }),
+              placeholder: "0",
+              "aria-invalid": errors.probability ? true : void 0,
+              disabled: isSubmitting
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(DealFormField, { fieldId: "expectedCloseAt", label: tr("customers.deals.create.fields.expectedCloseAt", "Expected close date"), children: /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          value: toDate(values.expectedCloseAt),
+          onChange: (date) => patch({ expectedCloseAt: date ? format(date, "yyyy-MM-dd") : "" }),
+          disabled: isSubmitting,
+          placeholder: tr("customers.deals.create.fields.datePlaceholder", "Pick a date")
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(DealFormField, { fieldId: "description", label: tr("customers.people.detail.deals.fields.description", "Description"), children: /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        value: values.description,
+        onChange: (event) => patch({ description: event.target.value }),
+        disabled: isSubmitting
+      }
+    ) })
+  ] });
+}
+var DealDetailsFields_default = DealDetailsFields;
+export {
+  DealDetailsFields,
+  DealDetailsFields_default as default
+};
+//# sourceMappingURL=DealDetailsFields.js.map

package/dist/modules/customers/components/detail/create/DealDetailsFields.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/DealDetailsFields.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { format } from 'date-fns/format'\nimport { parseISO } from 'date-fns/parseISO'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Textarea } from '@open-mercato/ui/primitives/textarea'\nimport { DatePicker } from '@open-mercato/ui/primitives/date-picker'\nimport { DictionarySelectField } from '../../formConfig'\nimport { createDictionarySelectLabels } from '../utils'\nimport { DealFormField } from './DealFormField'\nimport { PipelineSelect } from './PipelineSelect'\nimport { PipelineStageSelect } from './PipelineStageSelect'\nimport { SuffixInput } from './SuffixInput'\nimport { DealCurrencyField } from './DealCurrencyField'\nimport { sanitizeAmount, sanitizeProbability } from './dealNumericInput'\nimport type { BaseValues } from './dealFormTypes'\nimport type { PipelineOption, PipelineStageOption } from './useDealPipelines'\n\ntype Translate = (key: string, fallback: string, params?: Record<string, string | number>) => string\n\nexport type DealDetailsFieldsProps = {\n  values: BaseValues\n  errors: Record<string, string>\n  isSubmitting: boolean\n  patch: (partial: Partial<BaseValues>) => void\n  onPipelineChange: (id: string) => void\n  pipelines: PipelineOption[]\n  stages: PipelineStageOption[]\n  statusLabels: ReturnType<typeof createDictionarySelectLabels>\n  tr: Translate\n}\n\nfunction toDate(value: string): Date | null {\n  if (!value) return null\n  const parsed = parseISO(value)\n  return Number.isNaN(parsed.getTime()) ? null : parsed\n}\n\nexport function DealDetailsFields({\n  values,\n  errors,\n  isSubmitting,\n  patch,\n  onPipelineChange,\n  pipelines,\n  stages,\n  statusLabels,\n  tr,\n}: DealDetailsFieldsProps) {\n  return (\n    <>\n      <DealFormField\n        fieldId=\"title\"\n        label={tr('customers.deals.create.fields.title', 'Deal title')}\n        required\n        hint={tr('customers.deals.create.hints.title', 'Short, descriptive name shown on pipeline cards')}\n        error={errors.title}\n      >\n        <Input\n          value={values.title}\n          onChange={(event) => patch({ title: event.target.value })}\n          aria-invalid={errors.title ? true : undefined}\n          disabled={isSubmitting}\n        />\n      </DealFormField>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <DealFormField fieldId=\"status\" label={tr('customers.people.detail.deals.fields.status', 'Status')}>\n          <DictionarySelectField\n            kind=\"deal-statuses\"\n            value={values.status || undefined}\n            onChange={(next) => patch({ status: next ?? '' })}\n            labels={statusLabels}\n            selectClassName=\"w-full\"\n            showActiveAppearance={false}\n          />\n        </DealFormField>\n        <DealFormField fieldId=\"pipelineId\" label={tr('customers.people.detail.deals.fields.pipeline', 'Pipeline')}>\n          <PipelineSelect\n            pipelines={pipelines}\n            value={values.pipelineId}\n            onChange={onPipelineChange}\n            disabled={isSubmitting}\n            placeholder={tr('customers.deals.form.pipeline.placeholder', 'Select pipeline\u2026')}\n          />\n        </DealFormField>\n      </div>\n\n      <DealFormField\n        fieldId=\"pipelineStageId\"\n        label={tr('customers.people.detail.deals.fields.pipelineStage', 'Pipeline stage')}\n        hint={tr('customers.deals.create.hints.pipelineStage', 'Stages depend on the selected pipeline')}\n      >\n        <PipelineStageSelect\n          stages={stages}\n          value={values.pipelineStageId}\n          onChange={(id) => patch({ pipelineStageId: id })}\n          disabled={isSubmitting || !values.pipelineId}\n          placeholder={tr('customers.deals.form.pipelineStage.placeholder', 'Select stage\u2026')}\n          formatCount={(position, total) =>\n            tr('customers.deals.create.fields.stageOf', '\u00B7 stage {position} of {total}', { position, total })\n          }\n        />\n      </DealFormField>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <DealFormField\n          fieldId=\"valueAmount\"\n          label={tr('customers.deals.create.fields.valueAmount', 'Deal value')}\n          hint={tr('customers.deals.create.hints.valueAmount', 'Potential revenue from this opportunity')}\n          error={errors.valueAmount}\n        >\n          <SuffixInput\n            suffix={values.valueCurrency}\n            inputMode=\"decimal\"\n            value={values.valueAmount}\n            onChange={(event) => patch({ valueAmount: sanitizeAmount(event.target.value) })}\n            placeholder=\"0\"\n            aria-invalid={errors.valueAmount ? true : undefined}\n            disabled={isSubmitting}\n          />\n        </DealFormField>\n        <DealFormField fieldId=\"valueCurrency\" label={tr('customers.people.detail.deals.fields.valueCurrency', 'Currency')}>\n          <DealCurrencyField\n            value={values.valueCurrency}\n            onChange={(code) => patch({ valueCurrency: code })}\n            disabled={isSubmitting}\n          />\n        </DealFormField>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <DealFormField\n          fieldId=\"probability\"\n          label={tr('customers.deals.create.fields.probability', 'Probability')}\n          hint={tr('customers.deals.create.hints.probability', '0 \u2013 100%, used for weighted pipeline value')}\n          error={errors.probability}\n        >\n          <SuffixInput\n            suffix=\"%\"\n            inputMode=\"numeric\"\n            value={values.probability}\n            onChange={(event) => patch({ probability: sanitizeProbability(event.target.value) })}\n            placeholder=\"0\"\n            aria-invalid={errors.probability ? true : undefined}\n            disabled={isSubmitting}\n          />\n        </DealFormField>\n        <DealFormField fieldId=\"expectedCloseAt\" label={tr('customers.deals.create.fields.expectedCloseAt', 'Expected close date')}>\n          <DatePicker\n            value={toDate(values.expectedCloseAt)}\n            onChange={(date) => patch({ expectedCloseAt: date ? format(date, 'yyyy-MM-dd') : '' })}\n            disabled={isSubmitting}\n            placeholder={tr('customers.deals.create.fields.datePlaceholder', 'Pick a date')}\n          />\n        </DealFormField>\n      </div>\n\n      <DealFormField fieldId=\"description\" label={tr('customers.people.detail.deals.fields.description', 'Description')}>\n        <Textarea\n          value={values.description}\n          onChange={(event) => patch({ description: event.target.value })}\n          disabled={isSubmitting}\n        />\n      </DealFormField>\n    </>\n  )\n}\n\nexport default DealDetailsFields\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/customers/components/detail/create/DealFormField.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Label } from "@open-mercato/ui/primitives/label";
+function DealFormField({ label, fieldId, required, hint, error, children }) {
+  const generatedId = React.useId();
+  const controlId = fieldId ?? generatedId;
+  const control = React.isValidElement(children) ? React.cloneElement(children, { id: controlId }) : children;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", "data-crud-field-id": fieldId, children: [
+    /* @__PURE__ */ jsxs(Label, { htmlFor: controlId, children: [
+      label,
+      required ? /* @__PURE__ */ jsx("span", { className: "text-destructive", children: " *" }) : null
+    ] }),
+    control,
+    hint ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: hint }) : null,
+    error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: error }) : null
+  ] });
+}
+var DealFormField_default = DealFormField;
+export {
+  DealFormField,
+  DealFormField_default as default
+};
+//# sourceMappingURL=DealFormField.js.map

package/dist/modules/customers/components/detail/create/DealFormField.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/DealFormField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Label } from '@open-mercato/ui/primitives/label'\n\nexport type DealFormFieldProps = {\n  label: string\n  /**\n   * Stable field key exposed as `data-crud-field-id` and used as the control's `id`.\n   * Lets Playwright target the control via the project's `data-crud-field-id` convention\n   * (see .ai/lessons.md). Falls back to a generated id for label/control association only.\n   */\n  fieldId?: string\n  required?: boolean\n  hint?: string\n  error?: string\n  children: React.ReactNode\n}\n\nexport function DealFormField({ label, fieldId, required, hint, error, children }: DealFormFieldProps) {\n  const generatedId = React.useId()\n  const controlId = fieldId ?? generatedId\n  const control = React.isValidElement(children)\n    ? React.cloneElement(children as React.ReactElement<{ id?: string }>, { id: controlId })\n    : children\n  return (\n    <div className=\"space-y-2\" data-crud-field-id={fieldId}>\n      <Label htmlFor={controlId}>\n        {label}\n        {required ? <span className=\"text-destructive\"> *</span> : null}\n      </Label>\n      {control}\n      {hint ? <p className=\"text-xs text-muted-foreground\">{hint}</p> : null}\n      {error ? <p className=\"text-xs text-status-error-text\">{error}</p> : null}\n    </div>\n  )\n}\n\nexport default DealFormField\n"],
+  "mappings": ";AA2BM,SAEc,KAFd;AAzBN,YAAY,WAAW;AACvB,SAAS,aAAa;AAgBf,SAAS,cAAc,EAAE,OAAO,SAAS,UAAU,MAAM,OAAO,SAAS,GAAuB;AACrG,QAAM,cAAc,MAAM,MAAM;AAChC,QAAM,YAAY,WAAW;AAC7B,QAAM,UAAU,MAAM,eAAe,QAAQ,IACzC,MAAM,aAAa,UAAiD,EAAE,IAAI,UAAU,CAAC,IACrF;AACJ,SACE,qBAAC,SAAI,WAAU,aAAY,sBAAoB,SAC7C;AAAA,yBAAC,SAAM,SAAS,WACb;AAAA;AAAA,MACA,WAAW,oBAAC,UAAK,WAAU,oBAAmB,gBAAE,IAAU;AAAA,OAC7D;AAAA,IACC;AAAA,IACA,OAAO,oBAAC,OAAE,WAAU,iCAAiC,gBAAK,IAAO;AAAA,IACjE,QAAQ,oBAAC,OAAE,WAAU,kCAAkC,iBAAM,IAAO;AAAA,KACvE;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/modules/customers/components/detail/create/DealSectionCard.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@open-mercato/shared/lib/utils";
+function DealSectionCard({
+  icon: Icon,
+  title,
+  subtitle,
+  actions,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("section", { className: cn("rounded-lg border border-border bg-card shadow-sm p-6 space-y-6", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex size-8 shrink-0 items-center justify-center rounded-md bg-brand-violet/10", children: /* @__PURE__ */ jsx(Icon, { className: "size-4 text-brand-violet" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-base font-semibold text-foreground", children: title }),
+          subtitle ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: subtitle }) : null
+        ] })
+      ] }),
+      actions ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2", children: actions }) : null
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-4", children })
+  ] });
+}
+export {
+  DealSectionCard
+};
+//# sourceMappingURL=DealSectionCard.js.map

package/dist/modules/customers/components/detail/create/DealSectionCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/DealSectionCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nexport type DealSectionCardProps = {\n  icon: React.ComponentType<{ className?: string }>\n  title: string\n  subtitle?: React.ReactNode\n  actions?: React.ReactNode\n  children: React.ReactNode\n  className?: string\n}\n\nexport function DealSectionCard({\n  icon: Icon,\n  title,\n  subtitle,\n  actions,\n  children,\n  className,\n}: DealSectionCardProps) {\n  return (\n    <section className={cn('rounded-lg border border-border bg-card shadow-sm p-6 space-y-6', className)}>\n      <div className=\"flex items-center justify-between gap-3\">\n        <div className=\"flex min-w-0 items-center gap-3\">\n          <div className=\"flex size-8 shrink-0 items-center justify-center rounded-md bg-brand-violet/10\">\n            <Icon className=\"size-4 text-brand-violet\" />\n          </div>\n          <div className=\"flex min-w-0 flex-col gap-0.5\">\n            <p className=\"text-base font-semibold text-foreground\">{title}</p>\n            {subtitle ? <p className=\"text-xs text-muted-foreground\">{subtitle}</p> : null}\n          </div>\n        </div>\n        {actions ? <div className=\"flex shrink-0 items-center gap-2\">{actions}</div> : null}\n      </div>\n      <div className=\"space-y-4\">{children}</div>\n    </section>\n  )\n}\n"],
+  "mappings": ";AA2BY,cAEF,YAFE;AAxBZ,SAAS,UAAU;AAWZ,SAAS,gBAAgB;AAAA,EAC9B,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,SACE,qBAAC,aAAQ,WAAW,GAAG,mEAAmE,SAAS,GACjG;AAAA,yBAAC,SAAI,WAAU,2CACb;AAAA,2BAAC,SAAI,WAAU,mCACb;AAAA,4BAAC,SAAI,WAAU,kFACb,8BAAC,QAAK,WAAU,4BAA2B,GAC7C;AAAA,QACA,qBAAC,SAAI,WAAU,iCACb;AAAA,8BAAC,OAAE,WAAU,2CAA2C,iBAAM;AAAA,UAC7D,WAAW,oBAAC,OAAE,WAAU,iCAAiC,oBAAS,IAAO;AAAA,WAC5E;AAAA,SACF;AAAA,MACC,UAAU,oBAAC,SAAI,WAAU,oCAAoC,mBAAQ,IAAS;AAAA,OACjF;AAAA,IACA,oBAAC,SAAI,WAAU,aAAa,UAAS;AAAA,KACvC;AAEJ;",
+  "names": []
+}

package/dist/modules/customers/components/detail/create/DealTipsCard.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Wand2 } from "lucide-react";
+function DealTipsCard({ title, tips }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border-l-4 border-status-info-border bg-status-info-bg px-5 py-4 space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Wand2, { className: "size-4 text-status-info-icon" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-status-info-text", children: title })
+    ] }),
+    tips.map((tip, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "mt-1.5 size-1.5 shrink-0 rounded-full bg-status-info-icon" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tip })
+    ] }, `${tip}-${index}`))
+  ] });
+}
+export {
+  DealTipsCard
+};
+//# sourceMappingURL=DealTipsCard.js.map

package/dist/modules/customers/components/detail/create/DealTipsCard.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/DealTipsCard.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Wand2 } from 'lucide-react'\n\nexport type DealTipsCardProps = {\n  title: string\n  tips: string[]\n}\n\nexport function DealTipsCard({ title, tips }: DealTipsCardProps) {\n  return (\n    <div className=\"rounded-lg border-l-4 border-status-info-border bg-status-info-bg px-5 py-4 space-y-3\">\n      <div className=\"flex items-center gap-2\">\n        <Wand2 className=\"size-4 text-status-info-icon\" />\n        <p className=\"text-sm font-semibold text-status-info-text\">{title}</p>\n      </div>\n      {tips.map((tip, index) => (\n        <div key={`${tip}-${index}`} className=\"flex items-start gap-2\">\n          <span className=\"mt-1.5 size-1.5 shrink-0 rounded-full bg-status-info-icon\" />\n          <p className=\"text-xs text-muted-foreground\">{tip}</p>\n        </div>\n      ))}\n    </div>\n  )\n}\n"],
+  "mappings": ";AAaM,SACE,KADF;AAVN,SAAS,aAAa;AAOf,SAAS,aAAa,EAAE,OAAO,KAAK,GAAsB;AAC/D,SACE,qBAAC,SAAI,WAAU,yFACb;AAAA,yBAAC,SAAI,WAAU,2BACb;AAAA,0BAAC,SAAM,WAAU,gCAA+B;AAAA,MAChD,oBAAC,OAAE,WAAU,+CAA+C,iBAAM;AAAA,OACpE;AAAA,IACC,KAAK,IAAI,CAAC,KAAK,UACd,qBAAC,SAA4B,WAAU,0BACrC;AAAA,0BAAC,UAAK,WAAU,6DAA4D;AAAA,MAC5E,oBAAC,OAAE,WAAU,iCAAiC,eAAI;AAAA,SAF1C,GAAG,GAAG,IAAI,KAAK,EAGzB,CACD;AAAA,KACH;AAEJ;",
+  "names": []
+}