@open-mercato/core 0.6.3-develop.3894.1.352abf4240 → 0.6.3

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": []
+}

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

@@ -0,0 +1,41 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Flag } from "lucide-react";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectTriggerLeading,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+function PipelineSelect({
+  id,
+  pipelines,
+  value,
+  onChange,
+  disabled = false,
+  placeholder
+}) {
+  return /* @__PURE__ */ jsxs(
+    Select,
+    {
+      value: typeof value === "string" && value ? value : void 0,
+      onValueChange: (next) => onChange(next ?? ""),
+      disabled,
+      children: [
+        /* @__PURE__ */ jsxs(SelectTrigger, { id, size: "default", children: [
+          /* @__PURE__ */ jsx(SelectTriggerLeading, { children: /* @__PURE__ */ jsx(Flag, { className: "size-4 text-muted-foreground", "aria-hidden": "true" }) }),
+          /* @__PURE__ */ jsx(SelectValue, { placeholder })
+        ] }),
+        /* @__PURE__ */ jsx(SelectContent, { children: pipelines.map((pipeline) => /* @__PURE__ */ jsx(SelectItem, { value: pipeline.id, children: pipeline.name }, pipeline.id)) })
+      ]
+    }
+  );
+}
+var PipelineSelect_default = PipelineSelect;
+export {
+  PipelineSelect,
+  PipelineSelect_default as default
+};
+//# sourceMappingURL=PipelineSelect.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/PipelineSelect.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Flag } from 'lucide-react'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectTriggerLeading,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport type { PipelineOption } from './useDealPipelines'\n\nexport type PipelineSelectProps = {\n  id?: string\n  pipelines: PipelineOption[]\n  value?: string | null\n  onChange: (id: string) => void\n  disabled?: boolean\n  placeholder: string\n}\n\nexport function PipelineSelect({\n  id,\n  pipelines,\n  value,\n  onChange,\n  disabled = false,\n  placeholder,\n}: PipelineSelectProps) {\n  return (\n    <Select\n      value={typeof value === 'string' && value ? value : undefined}\n      onValueChange={(next) => onChange(next ?? '')}\n      disabled={disabled}\n    >\n      <SelectTrigger id={id} size=\"default\">\n        <SelectTriggerLeading>\n          <Flag className=\"size-4 text-muted-foreground\" aria-hidden=\"true\" />\n        </SelectTriggerLeading>\n        <SelectValue placeholder={placeholder} />\n      </SelectTrigger>\n      <SelectContent>\n        {pipelines.map((pipeline) => (\n          <SelectItem key={pipeline.id} value={pipeline.id}>\n            {pipeline.name}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n\nexport default PipelineSelect\n"],
+  "mappings": ";AAqCM,SAEI,KAFJ;AAlCN,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAYA,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,GAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,OAAO,UAAU,YAAY,QAAQ,QAAQ;AAAA,MACpD,eAAe,CAAC,SAAS,SAAS,QAAQ,EAAE;AAAA,MAC5C;AAAA,MAEA;AAAA,6BAAC,iBAAc,IAAQ,MAAK,WAC1B;AAAA,8BAAC,wBACC,8BAAC,QAAK,WAAU,gCAA+B,eAAY,QAAO,GACpE;AAAA,UACA,oBAAC,eAAY,aAA0B;AAAA,WACzC;AAAA,QACA,oBAAC,iBACE,oBAAU,IAAI,CAAC,aACd,oBAAC,cAA6B,OAAO,SAAS,IAC3C,mBAAS,QADK,SAAS,EAE1B,CACD,GACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,yBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,49 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+function PipelineStageSelect({
+  id,
+  stages,
+  value,
+  onChange,
+  disabled = false,
+  placeholder,
+  formatCount
+}) {
+  const selectedIndex = React.useMemo(
+    () => value ? stages.findIndex((stage) => stage.id === value) : -1,
+    [stages, value]
+  );
+  const selectedStage = selectedIndex >= 0 ? stages[selectedIndex] : null;
+  return /* @__PURE__ */ jsxs(
+    Select,
+    {
+      value: typeof value === "string" && value ? value : void 0,
+      onValueChange: (next) => onChange(next ?? ""),
+      disabled: disabled || !stages.length,
+      children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { id, size: "default", children: /* @__PURE__ */ jsx(SelectValue, { placeholder, children: selectedStage ? /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-2 truncate", children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedStage.label }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatCount(selectedIndex + 1, stages.length) })
+        ] }) : null }) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: stages.map((stage, index) => /* @__PURE__ */ jsxs(SelectItem, { value: stage.id, children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: stage.label }),
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatCount(index + 1, stages.length) })
+        ] }, stage.id)) })
+      ]
+    }
+  );
+}
+var PipelineStageSelect_default = PipelineStageSelect;
+export {
+  PipelineStageSelect,
+  PipelineStageSelect_default as default
+};
+//# sourceMappingURL=PipelineStageSelect.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/PipelineStageSelect.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport type { PipelineStageOption } from './useDealPipelines'\n\nexport type PipelineStageSelectProps = {\n  id?: string\n  stages: PipelineStageOption[]\n  value?: string | null\n  onChange: (id: string) => void\n  disabled?: boolean\n  placeholder: string\n  formatCount: (position: number, total: number) => string\n}\n\nexport function PipelineStageSelect({\n  id,\n  stages,\n  value,\n  onChange,\n  disabled = false,\n  placeholder,\n  formatCount,\n}: PipelineStageSelectProps) {\n  const selectedIndex = React.useMemo(\n    () => (value ? stages.findIndex((stage) => stage.id === value) : -1),\n    [stages, value],\n  )\n  const selectedStage = selectedIndex >= 0 ? stages[selectedIndex] : null\n\n  return (\n    <Select\n      value={typeof value === 'string' && value ? value : undefined}\n      onValueChange={(next) => onChange(next ?? '')}\n      disabled={disabled || !stages.length}\n    >\n      <SelectTrigger id={id} size=\"default\">\n        <SelectValue placeholder={placeholder}>\n          {selectedStage ? (\n            <span className=\"flex min-w-0 items-center gap-2 truncate\">\n              <span className=\"truncate\">{selectedStage.label}</span>\n              <span className=\"text-muted-foreground\">\n                {formatCount(selectedIndex + 1, stages.length)}\n              </span>\n            </span>\n          ) : null}\n        </SelectValue>\n      </SelectTrigger>\n      <SelectContent>\n        {stages.map((stage, index) => (\n          <SelectItem key={stage.id} value={stage.id}>\n            <span className=\"truncate\">{stage.label}</span>\n            <span className=\"text-muted-foreground\">\n              {formatCount(index + 1, stages.length)}\n            </span>\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n\nexport default PipelineStageSelect\n"],
+  "mappings": ";AA8CY,SACE,KADF;AA5CZ,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAaA,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,gBAAgB,MAAM;AAAA,IAC1B,MAAO,QAAQ,OAAO,UAAU,CAAC,UAAU,MAAM,OAAO,KAAK,IAAI;AAAA,IACjE,CAAC,QAAQ,KAAK;AAAA,EAChB;AACA,QAAM,gBAAgB,iBAAiB,IAAI,OAAO,aAAa,IAAI;AAEnE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,OAAO,UAAU,YAAY,QAAQ,QAAQ;AAAA,MACpD,eAAe,CAAC,SAAS,SAAS,QAAQ,EAAE;AAAA,MAC5C,UAAU,YAAY,CAAC,OAAO;AAAA,MAE9B;AAAA,4BAAC,iBAAc,IAAQ,MAAK,WAC1B,8BAAC,eAAY,aACV,0BACC,qBAAC,UAAK,WAAU,4CACd;AAAA,8BAAC,UAAK,WAAU,YAAY,wBAAc,OAAM;AAAA,UAChD,oBAAC,UAAK,WAAU,yBACb,sBAAY,gBAAgB,GAAG,OAAO,MAAM,GAC/C;AAAA,WACF,IACE,MACN,GACF;AAAA,QACA,oBAAC,iBACE,iBAAO,IAAI,CAAC,OAAO,UAClB,qBAAC,cAA0B,OAAO,MAAM,IACtC;AAAA,8BAAC,UAAK,WAAU,YAAY,gBAAM,OAAM;AAAA,UACxC,oBAAC,UAAK,WAAU,yBACb,sBAAY,QAAQ,GAAG,OAAO,MAAM,GACvC;AAAA,aAJe,MAAM,EAKvB,CACD,GACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Input } from "@open-mercato/ui/primitives/input";
+const SuffixInput = React.forwardRef(
+  ({ suffix, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Input,
+      {
+        ref,
+        rightIcon: /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-muted-foreground", children: suffix }),
+        ...props
+      }
+    );
+  }
+);
+SuffixInput.displayName = "SuffixInput";
+export {
+  SuffixInput
+};
+//# sourceMappingURL=SuffixInput.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/customers/components/detail/create/SuffixInput.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Input } from '@open-mercato/ui/primitives/input'\n\nexport type SuffixInputProps = React.ComponentPropsWithoutRef<typeof Input> & { suffix: string }\n\nexport const SuffixInput = React.forwardRef<HTMLInputElement, SuffixInputProps>(\n  ({ suffix, ...props }, ref) => {\n    return (\n      <Input\n        ref={ref}\n        rightIcon={<span className=\"text-sm font-medium text-muted-foreground\">{suffix}</span>}\n        {...props}\n      />\n    )\n  }\n)\n\nSuffixInput.displayName = 'SuffixInput'\n"],
+  "mappings": ";AAYmB;AAVnB,YAAY,WAAW;AACvB,SAAS,aAAa;AAIf,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,QAAQ;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,oBAAC,UAAK,WAAU,6CAA6C,kBAAO;AAAA,QAC9E,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;",
+  "names": []
+}