@happyvertical/smrt-commerce 0.55.6 → 0.55.8

package/dist/svelte/components/CustomerSelect.svelte

@@ -0,0 +1,53 @@
+<script lang="ts">
+import type { ControlInteractionOptions } from '@happyvertical/smrt-ui/forms';
+import type { CustomerDisplayData } from '../party-types.js';
+import PartySelect from './PartySelect.svelte';
+
+/**
+ * Searchable customer picker for a relation field. Presentation only: the
+ * caller owns `search` and `resolve` (returning the customer DTO, whose
+ * `profile.name` is the label) and the "New customer" action. Registered as
+ * the selector for `@happyvertical/smrt-commerce:Customer`.
+ */
+export interface Props {
+  /** Field name; the selected customer id posts under it. */
+  name: string;
+  /** Selected customer id (bindable). Empty string means no selection. */
+  value?: string;
+  /** Visible label. Defaults to the localized "Customer". */
+  label?: string;
+  /** Required field: hides the clear button. */
+  required?: boolean;
+  /** Disabled state. */
+  disabled?: boolean;
+  /** Validation error shown below the field. */
+  error?: string;
+  /** Placeholder shown while nothing is selected. */
+  placeholder?: string;
+  /** Hint announced with the field. */
+  description?: string;
+  /** Caller-owned lookup; called with '' when the list opens. */
+  search: (query: string) => Promise<CustomerDisplayData[]>;
+  /** Caller-owned lookup of the current value when it has not been listed yet. */
+  resolve?: (id: string) => Promise<CustomerDisplayData | null>;
+  /**
+   * "New customer" action, offered only when supplied. Receives the text most
+   * recently searched for; a returned customer is selected.
+   */
+  onCreate?: (
+    query: string,
+  ) => void | CustomerDisplayData | Promise<void | CustomerDisplayData>;
+  /** Text for the "New customer" button. */
+  createLabel?: string;
+  /** Milliseconds to wait after typing before searching. */
+  debounceMs?: number;
+  /** Combobox interaction options for agents, or false to opt out. */
+  interaction?: ControlInteractionOptions | false;
+  /** Called when the selected id changes ('' when cleared). */
+  onchange?: (id: string) => void;
+}
+
+let { value = $bindable(''), ...rest }: Props = $props();
+</script>
+
+<PartySelect kind="customer" bind:value {...rest} />

package/dist/svelte/components/CustomerSelect.svelte.d.ts

@@ -0,0 +1,47 @@
+import type { ControlInteractionOptions } from '@happyvertical/smrt-ui/forms';
+import type { CustomerDisplayData } from '../party-types.js';
+/**
+ * Searchable customer picker for a relation field. Presentation only: the
+ * caller owns `search` and `resolve` (returning the customer DTO, whose
+ * `profile.name` is the label) and the "New customer" action. Registered as
+ * the selector for `@happyvertical/smrt-commerce:Customer`.
+ */
+export interface Props {
+    /** Field name; the selected customer id posts under it. */
+    name: string;
+    /** Selected customer id (bindable). Empty string means no selection. */
+    value?: string;
+    /** Visible label. Defaults to the localized "Customer". */
+    label?: string;
+    /** Required field: hides the clear button. */
+    required?: boolean;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Validation error shown below the field. */
+    error?: string;
+    /** Placeholder shown while nothing is selected. */
+    placeholder?: string;
+    /** Hint announced with the field. */
+    description?: string;
+    /** Caller-owned lookup; called with '' when the list opens. */
+    search: (query: string) => Promise<CustomerDisplayData[]>;
+    /** Caller-owned lookup of the current value when it has not been listed yet. */
+    resolve?: (id: string) => Promise<CustomerDisplayData | null>;
+    /**
+     * "New customer" action, offered only when supplied. Receives the text most
+     * recently searched for; a returned customer is selected.
+     */
+    onCreate?: (query: string) => void | CustomerDisplayData | Promise<void | CustomerDisplayData>;
+    /** Text for the "New customer" button. */
+    createLabel?: string;
+    /** Milliseconds to wait after typing before searching. */
+    debounceMs?: number;
+    /** Combobox interaction options for agents, or false to opt out. */
+    interaction?: ControlInteractionOptions | false;
+    /** Called when the selected id changes ('' when cleared). */
+    onchange?: (id: string) => void;
+}
+declare const CustomerSelect: import("svelte").Component<Props, {}, "value">;
+type CustomerSelect = ReturnType<typeof CustomerSelect>;
+export default CustomerSelect;
+//# sourceMappingURL=CustomerSelect.svelte.d.ts.map

package/dist/svelte/components/CustomerSelect.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomerSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/CustomerSelect.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAI7D;;;;;GAKG;AACH,MAAM,WAAW,KAAK;IACpB,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAC1D,gFAAgF;IAChF,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IAC9D;;;OAGG;IACH,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,KACV,IAAI,GAAG,mBAAmB,GAAG,OAAO,CAAC,IAAI,GAAG,mBAAmB,CAAC,CAAC;IACtE,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAcD,QAAA,MAAM,cAAc,gDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/svelte/components/PartySelect.svelte

@@ -0,0 +1,138 @@
+<script lang="ts" generics="T extends CustomerDisplayData | VendorDisplayData">
+import {
+  type ControlInteractionOptions,
+  RelationInput,
+  type RelationOption,
+} from '@happyvertical/smrt-ui/forms';
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { M } from '../i18n.js';
+import type { CustomerDisplayData, VendorDisplayData } from '../party-types.js';
+
+/**
+ * Shared adapter behind `CustomerSelect` and `VendorSelect`: maps party DTOs to
+ * the smrt-ui `RelationInput` and localizes its text. Presentation only: the
+ * caller owns `search`, `resolve` and `onCreate`, so the lookup an assistant
+ * uses to turn a name into a record id also backs the field.
+ */
+export interface Props<Party> {
+  /** Which party this picks; selects the default label, hints and detail line. */
+  kind: 'customer' | 'vendor';
+  /** Field name; the selected id posts under it. */
+  name: string;
+  /** Selected record id (bindable). Empty string means no selection. */
+  value?: string;
+  /** Visible label. Defaults to the localized party name. */
+  label?: string;
+  /** Required field: hides the clear button. */
+  required?: boolean;
+  /** Disabled state. */
+  disabled?: boolean;
+  /** Validation error shown below the field. */
+  error?: string;
+  /** Placeholder shown while nothing is selected. */
+  placeholder?: string;
+  /** Hint announced with the field. */
+  description?: string;
+  /** Caller-owned lookup; called with '' when the list opens. */
+  search: (query: string) => Promise<Party[]>;
+  /** Caller-owned lookup of the current value when it has not been listed yet. */
+  resolve?: (id: string) => Promise<Party | null>;
+  /**
+   * "New ..." action, offered only when supplied. Receives the text most
+   * recently searched for; a returned record is selected.
+   */
+  onCreate?: (query: string) => void | Party | Promise<void | Party>;
+  /** Text for the "New ..." button. */
+  createLabel?: string;
+  /** Milliseconds to wait after typing before searching. */
+  debounceMs?: number;
+  /** Combobox interaction options for agents, or false to opt out. */
+  interaction?: ControlInteractionOptions | false;
+  /** Called when the selected id changes ('' when cleared). */
+  onchange?: (id: string) => void;
+}
+
+let {
+  kind,
+  value = $bindable(''),
+  label,
+  placeholder,
+  createLabel,
+  search,
+  resolve,
+  onCreate,
+  ...rest
+}: Props<T> = $props();
+
+const { t } = useI18n();
+
+const singular = $derived(
+  t(
+    kind === 'customer'
+      ? M['commerce.customer.singular']
+      : M['commerce.vendor.singular'],
+  ),
+);
+const fieldLabel = $derived(label ?? singular);
+
+function statusLabel(status: string): string {
+  if (status === 'active') return t(M['commerce.party.status_active']);
+  if (status === 'inactive') return t(M['commerce.party.status_inactive']);
+  if (status === 'suspended') return t(M['commerce.party.status_suspended']);
+  return status;
+}
+
+function typeLabel(type: string): string {
+  if (type === 'dtc') return t(M['commerce.customer.type_dtc']);
+  if (type === 'wholesale') return t(M['commerce.customer.type_wholesale']);
+  if (type === 'retail') return t(M['commerce.customer.type_retail']);
+  return type;
+}
+
+/** A party as a list row: the profile name, with status (and type) beneath. */
+function toOption(
+  party: CustomerDisplayData | VendorDisplayData,
+): RelationOption {
+  const type = 'customerType' in party ? party.customerType : undefined;
+  const detail = [
+    party.status ? statusLabel(party.status) : '',
+    type ? typeLabel(type) : '',
+  ]
+    .filter(Boolean)
+    .join(' · ');
+  return {
+    id: party.id,
+    label: party.profile.name,
+    ...(detail ? { detail } : {}),
+  };
+}
+</script>
+
+<RelationInput
+  {...rest}
+  bind:value
+  label={fieldLabel}
+  placeholder={placeholder ??
+    t(kind === 'customer' ? M['commerce.customer.search'] : M['commerce.vendor.search'])}
+  createLabel={createLabel ??
+    t(kind === 'customer' ? M['commerce.select.new_customer'] : M['commerce.select.new_vendor'])}
+  clearLabel={t(M['commerce.select.clear'], { label: fieldLabel })}
+  loadingText={t(M['commerce.select.searching'])}
+  emptyText={t(M['commerce.select.no_matches'])}
+  errorText={t(M['commerce.select.search_failed'])}
+  resultsText={(count) =>
+    t(count === 1 ? M['commerce.select.results_one'] : M['commerce.select.results_other'], { count })}
+  search={async (query) => (await search(query)).map(toOption)}
+  resolve={resolve
+    ? async (id) => {
+        const found = await resolve(id);
+        return found ? { id: found.id, label: found.profile.name } : null;
+      }
+    : undefined}
+  onCreate={onCreate
+    ? async (query) => {
+        const made = await onCreate(query);
+        return made && typeof made === 'object' ? toOption(made) : undefined;
+      }
+    : undefined}
+/>

package/dist/svelte/components/PartySelect.svelte.d.ts

@@ -0,0 +1,70 @@
+import { type ControlInteractionOptions } from '@happyvertical/smrt-ui/forms';
+import type { CustomerDisplayData, VendorDisplayData } from '../party-types.js';
+/**
+ * Shared adapter behind `CustomerSelect` and `VendorSelect`: maps party DTOs to
+ * the smrt-ui `RelationInput` and localizes its text. Presentation only: the
+ * caller owns `search`, `resolve` and `onCreate`, so the lookup an assistant
+ * uses to turn a name into a record id also backs the field.
+ */
+export interface Props<Party> {
+    /** Which party this picks; selects the default label, hints and detail line. */
+    kind: 'customer' | 'vendor';
+    /** Field name; the selected id posts under it. */
+    name: string;
+    /** Selected record id (bindable). Empty string means no selection. */
+    value?: string;
+    /** Visible label. Defaults to the localized party name. */
+    label?: string;
+    /** Required field: hides the clear button. */
+    required?: boolean;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Validation error shown below the field. */
+    error?: string;
+    /** Placeholder shown while nothing is selected. */
+    placeholder?: string;
+    /** Hint announced with the field. */
+    description?: string;
+    /** Caller-owned lookup; called with '' when the list opens. */
+    search: (query: string) => Promise<Party[]>;
+    /** Caller-owned lookup of the current value when it has not been listed yet. */
+    resolve?: (id: string) => Promise<Party | null>;
+    /**
+     * "New ..." action, offered only when supplied. Receives the text most
+     * recently searched for; a returned record is selected.
+     */
+    onCreate?: (query: string) => void | Party | Promise<void | Party>;
+    /** Text for the "New ..." button. */
+    createLabel?: string;
+    /** Milliseconds to wait after typing before searching. */
+    debounceMs?: number;
+    /** Combobox interaction options for agents, or false to opt out. */
+    interaction?: ControlInteractionOptions | false;
+    /** Called when the selected id changes ('' when cleared). */
+    onchange?: (id: string) => void;
+}
+declare function $$render<T extends CustomerDisplayData | VendorDisplayData>(): {
+    props: Props<T>;
+    exports: {};
+    bindings: "value";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends CustomerDisplayData | VendorDisplayData> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "value";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends CustomerDisplayData | VendorDisplayData>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends CustomerDisplayData | VendorDisplayData>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const PartySelect: $$IsomorphicComponent;
+type PartySelect<T extends CustomerDisplayData | VendorDisplayData> = InstanceType<typeof PartySelect<T>>;
+export default PartySelect;
+//# sourceMappingURL=PartySelect.svelte.d.ts.map

package/dist/svelte/components/PartySelect.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PartySelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/PartySelect.svelte.ts"],"names":[],"mappings":"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"}

package/dist/svelte/components/VendorSelect.svelte

@@ -0,0 +1,53 @@
+<script lang="ts">
+import type { ControlInteractionOptions } from '@happyvertical/smrt-ui/forms';
+import type { VendorDisplayData } from '../party-types.js';
+import PartySelect from './PartySelect.svelte';
+
+/**
+ * Searchable vendor picker for a relation field. Presentation only: the
+ * caller owns `search` and `resolve` (returning the vendor DTO, whose
+ * `profile.name` is the label) and the "New vendor" action. Registered as
+ * the selector for `@happyvertical/smrt-commerce:Vendor`.
+ */
+export interface Props {
+  /** Field name; the selected vendor id posts under it. */
+  name: string;
+  /** Selected vendor id (bindable). Empty string means no selection. */
+  value?: string;
+  /** Visible label. Defaults to the localized "Vendor". */
+  label?: string;
+  /** Required field: hides the clear button. */
+  required?: boolean;
+  /** Disabled state. */
+  disabled?: boolean;
+  /** Validation error shown below the field. */
+  error?: string;
+  /** Placeholder shown while nothing is selected. */
+  placeholder?: string;
+  /** Hint announced with the field. */
+  description?: string;
+  /** Caller-owned lookup; called with '' when the list opens. */
+  search: (query: string) => Promise<VendorDisplayData[]>;
+  /** Caller-owned lookup of the current value when it has not been listed yet. */
+  resolve?: (id: string) => Promise<VendorDisplayData | null>;
+  /**
+   * "New vendor" action, offered only when supplied. Receives the text most
+   * recently searched for; a returned vendor is selected.
+   */
+  onCreate?: (
+    query: string,
+  ) => void | VendorDisplayData | Promise<void | VendorDisplayData>;
+  /** Text for the "New vendor" button. */
+  createLabel?: string;
+  /** Milliseconds to wait after typing before searching. */
+  debounceMs?: number;
+  /** Combobox interaction options for agents, or false to opt out. */
+  interaction?: ControlInteractionOptions | false;
+  /** Called when the selected id changes ('' when cleared). */
+  onchange?: (id: string) => void;
+}
+
+let { value = $bindable(''), ...rest }: Props = $props();
+</script>
+
+<PartySelect kind="vendor" bind:value {...rest} />

package/dist/svelte/components/VendorSelect.svelte.d.ts

@@ -0,0 +1,47 @@
+import type { ControlInteractionOptions } from '@happyvertical/smrt-ui/forms';
+import type { VendorDisplayData } from '../party-types.js';
+/**
+ * Searchable vendor picker for a relation field. Presentation only: the
+ * caller owns `search` and `resolve` (returning the vendor DTO, whose
+ * `profile.name` is the label) and the "New vendor" action. Registered as
+ * the selector for `@happyvertical/smrt-commerce:Vendor`.
+ */
+export interface Props {
+    /** Field name; the selected vendor id posts under it. */
+    name: string;
+    /** Selected vendor id (bindable). Empty string means no selection. */
+    value?: string;
+    /** Visible label. Defaults to the localized "Vendor". */
+    label?: string;
+    /** Required field: hides the clear button. */
+    required?: boolean;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Validation error shown below the field. */
+    error?: string;
+    /** Placeholder shown while nothing is selected. */
+    placeholder?: string;
+    /** Hint announced with the field. */
+    description?: string;
+    /** Caller-owned lookup; called with '' when the list opens. */
+    search: (query: string) => Promise<VendorDisplayData[]>;
+    /** Caller-owned lookup of the current value when it has not been listed yet. */
+    resolve?: (id: string) => Promise<VendorDisplayData | null>;
+    /**
+     * "New vendor" action, offered only when supplied. Receives the text most
+     * recently searched for; a returned vendor is selected.
+     */
+    onCreate?: (query: string) => void | VendorDisplayData | Promise<void | VendorDisplayData>;
+    /** Text for the "New vendor" button. */
+    createLabel?: string;
+    /** Milliseconds to wait after typing before searching. */
+    debounceMs?: number;
+    /** Combobox interaction options for agents, or false to opt out. */
+    interaction?: ControlInteractionOptions | false;
+    /** Called when the selected id changes ('' when cleared). */
+    onchange?: (id: string) => void;
+}
+declare const VendorSelect: import("svelte").Component<Props, {}, "value">;
+type VendorSelect = ReturnType<typeof VendorSelect>;
+export default VendorSelect;
+//# sourceMappingURL=VendorSelect.svelte.d.ts.map

package/dist/svelte/components/VendorSelect.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VendorSelect.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/VendorSelect.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAI3D;;;;;GAKG;AACH,MAAM,WAAW,KAAK;IACpB,yDAAyD;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+DAA+D;IAC/D,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAAC;IACxD,gFAAgF;IAChF,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAC5D;;;OAGG;IACH,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,KACV,IAAI,GAAG,iBAAiB,GAAG,OAAO,CAAC,IAAI,GAAG,iBAAiB,CAAC,CAAC;IAClE,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oEAAoE;IACpE,WAAW,CAAC,EAAE,yBAAyB,GAAG,KAAK,CAAC;IAChD,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAcD,QAAA,MAAM,YAAY,gDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/svelte/i18n.d.ts

@@ -103,6 +103,14 @@ export declare const M: {
     readonly 'commerce.vendor.no_results': "commerce.vendor.no_results";
     readonly 'commerce.vendor.loading': "commerce.vendor.loading";
     readonly 'commerce.vendor.details': "commerce.vendor.details";
+    readonly 'commerce.select.new_customer': "commerce.select.new_customer";
+    readonly 'commerce.select.new_vendor': "commerce.select.new_vendor";
+    readonly 'commerce.select.searching': "commerce.select.searching";
+    readonly 'commerce.select.no_matches': "commerce.select.no_matches";
+    readonly 'commerce.select.search_failed': "commerce.select.search_failed";
+    readonly 'commerce.select.results_one': "commerce.select.results_one";
+    readonly 'commerce.select.results_other': "commerce.select.results_other";
+    readonly 'commerce.select.clear': "commerce.select.clear";
     readonly 'commerce.invoice_actions.send_invoice': "commerce.invoice_actions.send_invoice";
     readonly 'commerce.invoice_actions.mark_as_paid': "commerce.invoice_actions.mark_as_paid";
     readonly 'commerce.invoice_header.issue_date': "commerce.invoice_header.issue_date";

package/dist/svelte/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/svelte/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6HZ,CAAC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/svelte/i18n.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIZ,CAAC"}

package/dist/svelte/i18n.js

@@ -104,6 +104,14 @@ export const M = defineMessages({
     'commerce.vendor.no_results': 'No vendors found',
     'commerce.vendor.loading': 'Loading vendors',
     'commerce.vendor.details': 'Vendor details',
+    'commerce.select.new_customer': 'New customer',
+    'commerce.select.new_vendor': 'New vendor',
+    'commerce.select.searching': 'Searching…',
+    'commerce.select.no_matches': 'No matches',
+    'commerce.select.search_failed': 'Search failed. Try again.',
+    'commerce.select.results_one': '{count} result available',
+    'commerce.select.results_other': '{count} results available',
+    'commerce.select.clear': 'Clear {label}',
     'commerce.invoice_actions.send_invoice': 'Send Invoice',
     'commerce.invoice_actions.mark_as_paid': 'Mark as Paid',
     'commerce.invoice_header.issue_date': 'Issue Date',

package/dist/svelte/index.d.ts

@@ -21,6 +21,7 @@ import type { ComponentProps } from 'svelte';
 import CustomerDetail from './components/CustomerDetail.svelte';
 import CustomerDirectory from './components/CustomerDirectory.svelte';
 import CustomerForm from './components/CustomerForm.svelte';
+import CustomerSelect from './components/CustomerSelect.svelte';
 import InvoiceActions from './components/InvoiceActions.svelte';
 import InvoiceCard from './components/InvoiceCard.svelte';
 import InvoiceHeader from './components/InvoiceHeader.svelte';
@@ -31,12 +32,17 @@ import UnbilledItems from './components/UnbilledItems.svelte';
 import VendorDetail from './components/VendorDetail.svelte';
 import VendorDirectory from './components/VendorDirectory.svelte';
 import VendorForm from './components/VendorForm.svelte';
+import VendorSelect from './components/VendorSelect.svelte';
 export type CustomerDetailProps = ComponentProps<typeof CustomerDetail>;
 export { default as CustomerDetail } from './components/CustomerDetail.svelte';
 export type CustomerDirectoryProps = ComponentProps<typeof CustomerDirectory>;
 export { default as CustomerDirectory } from './components/CustomerDirectory.svelte';
 export type CustomerFormProps = ComponentProps<typeof CustomerForm>;
 export { default as CustomerForm } from './components/CustomerForm.svelte';
+export type CustomerSelectProps = ComponentProps<typeof CustomerSelect>;
+export { default as CustomerSelect } from './components/CustomerSelect.svelte';
+export type VendorSelectProps = ComponentProps<typeof VendorSelect>;
+export { default as VendorSelect } from './components/VendorSelect.svelte';
 export type InvoiceActionsProps = ComponentProps<typeof InvoiceActions>;
 export { default as InvoiceActions } from './components/InvoiceActions.svelte';
 export type InvoiceCardProps = ComponentProps<typeof InvoiceCard>;

package/dist/svelte/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/svelte/index.ts"],"names":[],"mappings":"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"}

package/dist/svelte/index.js

@@ -23,6 +23,7 @@ import { COMMERCE_MODULE_META } from '../ui.js';
 import CustomerDetail from './components/CustomerDetail.svelte';
 import CustomerDirectory from './components/CustomerDirectory.svelte';
 import CustomerForm from './components/CustomerForm.svelte';
+import CustomerSelect from './components/CustomerSelect.svelte';
 import InvoiceActions from './components/InvoiceActions.svelte';
 import InvoiceCard from './components/InvoiceCard.svelte';
 import InvoiceHeader from './components/InvoiceHeader.svelte';
@@ -33,9 +34,12 @@ import UnbilledItems from './components/UnbilledItems.svelte';
 import VendorDetail from './components/VendorDetail.svelte';
 import VendorDirectory from './components/VendorDirectory.svelte';
 import VendorForm from './components/VendorForm.svelte';
+import VendorSelect from './components/VendorSelect.svelte';
 export { default as CustomerDetail } from './components/CustomerDetail.svelte';
 export { default as CustomerDirectory } from './components/CustomerDirectory.svelte';
 export { default as CustomerForm } from './components/CustomerForm.svelte';
+export { default as CustomerSelect } from './components/CustomerSelect.svelte';
+export { default as VendorSelect } from './components/VendorSelect.svelte';
 // Export components
 export { default as InvoiceActions } from './components/InvoiceActions.svelte';
 export { default as InvoiceCard } from './components/InvoiceCard.svelte';
@@ -91,3 +95,5 @@ export { PurchaseOrderEditor, PurchaseSourceSelector };
 export { purchaseFieldNames } from './purchasing-types.js';
 ModuleUIRegistry.register('@happyvertical/smrt-commerce', 'purchase-order-editor', PurchaseOrderEditor);
 ModuleUIRegistry.register('@happyvertical/smrt-commerce', 'purchase-source-selector', PurchaseSourceSelector);
+ModuleUIRegistry.register('@happyvertical/smrt-commerce', 'customer-select', CustomerSelect);
+ModuleUIRegistry.register('@happyvertical/smrt-commerce', 'vendor-select', VendorSelect);

package/dist/svelte/playground/PartySelectPreview.svelte

@@ -0,0 +1,108 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import CustomerSelect from '../components/CustomerSelect.svelte';
+import VendorSelect from '../components/VendorSelect.svelte';
+import { M } from '../i18n.js';
+import type { CustomerDisplayData, VendorDisplayData } from '../party-types.js';
+
+interface Props {
+  /** Selects the in-memory customer or vendor selector demonstration. */
+  kind: 'customer' | 'vendor';
+}
+
+let { kind }: Props = $props();
+const { t } = useI18n();
+
+const customers: CustomerDisplayData[] = [
+  {
+    id: 'customer-riverstone',
+    profile: { name: 'Riverstone Newsroom' },
+    status: 'active',
+    customerType: 'wholesale',
+  },
+  {
+    id: 'customer-harbour',
+    profile: { name: 'Harbour Books' },
+    status: 'active',
+    customerType: 'retail',
+  },
+  {
+    id: 'customer-maple',
+    profile: { name: 'Maple Direct' },
+    status: 'suspended',
+    customerType: 'dtc',
+  },
+];
+const vendors: VendorDisplayData[] = [
+  {
+    id: 'vendor-northstar',
+    profile: { name: 'Northstar Supply' },
+    status: 'active',
+  },
+  {
+    id: 'vendor-cedar',
+    profile: { name: 'Cedar Paper Co.' },
+    status: 'active',
+  },
+  {
+    id: 'vendor-delta',
+    profile: { name: 'Delta Freight' },
+    status: 'inactive',
+  },
+];
+
+let customerId = $state('customer-riverstone');
+let vendorId = $state('');
+let added = 0;
+
+const match = <T extends { profile: { name: string } }>(
+  rows: T[],
+  query: string,
+) =>
+  rows.filter((row) =>
+    row.profile.name.toLowerCase().includes(query.toLowerCase()),
+  );
+</script>
+
+<div class="preview">
+  {#if kind === 'customer'}
+    <CustomerSelect
+      name="customerId"
+      bind:value={customerId}
+      search={async (query) => match(customers, query)}
+      resolve={async (id) => customers.find((row) => row.id === id) ?? null}
+      onCreate={async (query) => {
+        added += 1;
+        const made: CustomerDisplayData = {
+          id: `customer-new-${added}`,
+          profile: { name: query || `${t(M['commerce.customer.singular'])} ${added}` },
+          status: 'active',
+          customerType: 'dtc',
+        };
+        customers.push(made);
+        return made;
+      }}
+    />
+    <p>Posts <code>customerId={customerId || '(empty)'}</code></p>
+  {:else}
+    <VendorSelect
+      name="vendorId"
+      bind:value={vendorId}
+      search={async (query) => match(vendors, query)}
+      resolve={async (id) => vendors.find((row) => row.id === id) ?? null}
+    />
+    <p>Posts <code>vendorId={vendorId || '(empty)'}</code></p>
+  {/if}
+</div>
+
+<style>
+  .preview {
+    display: grid;
+    gap: var(--smrt-spacing-2, 8px);
+    max-width: 28rem;
+    color: var(--smrt-color-on-surface);
+  }
+  p {
+    margin: 0;
+  }
+</style>