@endora-commerce/admin-kit 0.0.0-stage → 0.100.0

package/dist/components/organization-picker/OrganizationPicker.d.ts

@@ -0,0 +1,28 @@
+import type { OrganizationStatus } from '@endora-commerce/contracts';
+export interface OrganizationPickerProps {
+    value: string | null;
+    onChange: (organizationId: string | null) => void;
+    /** When provided, the initially-selected item's name is shown in the input even before the first fetch lands. */
+    selectedLabel?: string;
+    statusFilter?: OrganizationStatus[];
+    salesRepAdminUserId?: string;
+    placeholder?: string;
+    emptyMessage?: string;
+    clearable?: boolean;
+    disabled?: boolean;
+    ariaLabel?: string;
+    id?: string;
+    className?: string;
+}
+/**
+ * Single-select Organization picker — Combobox wrapper with server-side
+ * paged search, diacritic-insensitive matching, and a status pill on each
+ * result.
+ *
+ * Used wherever the admin app needs to pick one Organization
+ * (Sales Rep assignment, single-org filters, etc.). For multi-select
+ * audiences (price-list audience, promotion targets) use
+ * `<OrganizationPickerMulti>`.
+ */
+export declare function OrganizationPicker(props: OrganizationPickerProps): React.ReactElement;
+//# sourceMappingURL=OrganizationPicker.d.ts.map

package/dist/components/organization-picker/OrganizationPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationPicker.d.ts","sourceRoot":"","sources":["../../../src/components/organization-picker/OrganizationPicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAQrE,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,iHAAiH;IACjH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CA6DrF"}

package/dist/components/organization-picker/OrganizationPicker.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { Combobox } from '../../ui/combobox.js';
+import { useOrganizationsQuery, } from './useOrganizationsQuery.js';
+import { OrganizationStatusBadge } from './OrganizationStatusBadge.js';
+/**
+ * Single-select Organization picker — Combobox wrapper with server-side
+ * paged search, diacritic-insensitive matching, and a status pill on each
+ * result.
+ *
+ * Used wherever the admin app needs to pick one Organization
+ * (Sales Rep assignment, single-org filters, etc.). For multi-select
+ * audiences (price-list audience, promotion targets) use
+ * `<OrganizationPickerMulti>`.
+ */
+export function OrganizationPicker(props) {
+    const [query, setQuery] = useState('');
+    const queryOptions = useMemo(() => ({
+        query,
+        ...(props.statusFilter ? { statusFilter: props.statusFilter } : {}),
+        ...(props.salesRepAdminUserId ? { salesRepAdminUserId: props.salesRepAdminUserId } : {}),
+    }), [query, props.statusFilter, props.salesRepAdminUserId]);
+    const { items, loading } = useOrganizationsQuery(queryOptions);
+    const options = useMemo(() => items.map((it) => ({
+        value: it.id,
+        label: it.name,
+        description: it.legalName ?? undefined,
+    })), [items]);
+    const renderOption = (option, _state) => {
+        const item = items.find((it) => it.id === option.value);
+        return (_jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [_jsxs("div", { className: "flex flex-col min-w-0", children: [_jsx("span", { className: "truncate", children: option.label }), option.description ? (_jsx("span", { className: "text-xs text-muted-foreground truncate", children: option.description })) : null] }), item ? _jsx(OrganizationStatusBadge, { status: item.status, compact: true }) : null] }));
+    };
+    return (_jsx(Combobox, { options: options, value: props.value, onChange: props.onChange, onSearchChange: setQuery, manualFilter: true, loading: loading, clearable: props.clearable ?? true, disabled: props.disabled ?? false, placeholder: props.placeholder ?? 'Search organizations…', emptyMessage: props.emptyMessage ?? 'No organizations found', ariaLabel: props.ariaLabel ?? 'Select organization', id: props.id ?? '', className: props.className ?? '', selectedLabel: props.selectedLabel ?? '', renderOption: renderOption }));
+}
+//# sourceMappingURL=OrganizationPicker.js.map

package/dist/components/organization-picker/OrganizationPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationPicker.js","sourceRoot":"","sources":["../../../src/components/organization-picker/OrganizationPicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAuB,MAAM,sBAAsB,CAAC;AACrE,OAAO,EACL,qBAAqB,GAEtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAkBvE;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK;QACL,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACnE,GAAG,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACzF,CAAC,EACF,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,mBAAmB,CAAC,CACvD,CAAC;IAEF,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,qBAAqB,CAAC,YAAY,CAAC,CAAC;IAE/D,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CACH,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;QACjB,KAAK,EAAE,EAAE,CAAC,EAAE;QACZ,KAAK,EAAE,EAAE,CAAC,IAAI;QACd,WAAW,EAAE,EAAE,CAAC,SAAS,IAAI,SAAS;KACvC,CAAC,CAAC,EACL,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,YAAY,GAAG,CACnB,MAA8B,EAC9B,MAA8C,EAC7B,EAAE;QACnB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC;QACxD,OAAO,CACL,eAAK,SAAS,EAAC,gDAAgD,aAC7D,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAM,SAAS,EAAC,UAAU,YAAE,MAAM,CAAC,KAAK,GAAQ,EAC/C,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CACpB,eAAM,SAAS,EAAC,wCAAwC,YAAE,MAAM,CAAC,WAAW,GAAQ,CACrF,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,IAAI,CAAC,CAAC,CAAC,KAAC,uBAAuB,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,SAAG,CAAC,CAAC,CAAC,IAAI,IACnE,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,cAAc,EAAE,QAAQ,EACxB,YAAY,QACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,IAAI,EAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,EACjC,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,uBAAuB,EACzD,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,wBAAwB,EAC5D,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,qBAAqB,EACnD,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,EAAE,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,EAAE,EACxC,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC;AACJ,CAAC"}

package/dist/components/organization-picker/OrganizationPickerMulti.d.ts

@@ -0,0 +1,32 @@
+import type { OrganizationStatus } from '@endora-commerce/contracts';
+export interface OrganizationPickerMultiProps {
+    /** Currently selected organization IDs. */
+    value: string[];
+    onChange: (organizationIds: string[]) => void;
+    /**
+     * Labels keyed by id for organizations that may not appear in the
+     * current page of search results. Lets the chip render correctly even
+     * after the dropdown has scrolled past the original selection.
+     */
+    selectedLabels?: Record<string, {
+        name: string;
+        status: OrganizationStatus;
+    }>;
+    statusFilter?: OrganizationStatus[];
+    placeholder?: string;
+    emptyMessage?: string;
+    disabled?: boolean;
+    ariaLabel?: string;
+    id?: string;
+    className?: string;
+    /** Max chips allowed before further additions are refused. Defaults to 200. */
+    maxSelection?: number;
+}
+/**
+ * Multi-select OrganizationPicker. Wraps the single-select Combobox and
+ * renders chips for already-picked items below the input. Selecting a new
+ * option appends it; clicking the × on a chip removes it. The same
+ * server-side search hook powers both variants.
+ */
+export declare function OrganizationPickerMulti(props: OrganizationPickerMultiProps): React.ReactElement;
+//# sourceMappingURL=OrganizationPickerMulti.d.ts.map

package/dist/components/organization-picker/OrganizationPickerMulti.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationPickerMulti.d.ts","sourceRoot":"","sources":["../../../src/components/organization-picker/OrganizationPickerMulti.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AASrE,MAAM,WAAW,4BAA4B;IAC3C,2CAA2C;IAC3C,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,eAAe,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,kBAAkB,CAAA;KAAE,CAAC,CAAC;IAC9E,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,4BAA4B,GAClC,KAAK,CAAC,YAAY,CAwGpB"}

package/dist/components/organization-picker/OrganizationPickerMulti.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { X } from 'lucide-react';
+import { Combobox } from '../../ui/combobox.js';
+import { useOrganizationsQuery, } from './useOrganizationsQuery.js';
+import { OrganizationStatusBadge } from './OrganizationStatusBadge.js';
+import { cn } from '../../lib/utils.js';
+/**
+ * Multi-select OrganizationPicker. Wraps the single-select Combobox and
+ * renders chips for already-picked items below the input. Selecting a new
+ * option appends it; clicking the × on a chip removes it. The same
+ * server-side search hook powers both variants.
+ */
+export function OrganizationPickerMulti(props) {
+    const [query, setQuery] = useState('');
+    const queryOptions = useMemo(() => ({
+        query,
+        ...(props.statusFilter ? { statusFilter: props.statusFilter } : {}),
+    }), [query, props.statusFilter]);
+    const { items, loading } = useOrganizationsQuery(queryOptions);
+    const selectedSet = useMemo(() => new Set(props.value), [props.value]);
+    const maxSelection = props.maxSelection ?? 200;
+    const options = useMemo(() => items.map((it) => ({
+        value: it.id,
+        label: it.name,
+        description: it.legalName ?? undefined,
+        disabled: selectedSet.has(it.id),
+    })), [items, selectedSet]);
+    const handleSelect = (id) => {
+        if (!id)
+            return;
+        if (selectedSet.has(id))
+            return;
+        if (props.value.length >= maxSelection)
+            return;
+        props.onChange([...props.value, id]);
+        setQuery('');
+    };
+    const handleRemove = (id) => {
+        props.onChange(props.value.filter((v) => v !== id));
+    };
+    const chipFor = (id) => {
+        const fromCurrent = items.find((it) => it.id === id);
+        const fromHint = props.selectedLabels?.[id];
+        const label = fromCurrent?.name ?? fromHint?.name ?? id;
+        const status = fromCurrent?.status ?? fromHint?.status ?? null;
+        return (_jsxs("span", { className: "inline-flex items-center gap-2 rounded-full border bg-slate-50 px-2 py-1 text-xs", children: [_jsx("span", { className: "truncate max-w-[12rem]", children: label }), status ? _jsx(OrganizationStatusBadge, { status: status, compact: true }) : null, _jsx("button", { type: "button", className: "text-slate-500 hover:text-slate-900", "aria-label": `Remove ${label}`, onClick: () => handleRemove(id), disabled: props.disabled ?? false, children: _jsx(X, { className: "h-3 w-3" }) })] }, id));
+    };
+    const renderOption = (option, _state) => {
+        const item = items.find((it) => it.id === option.value);
+        return (_jsxs("div", { className: "flex w-full items-center justify-between gap-3", children: [_jsxs("div", { className: "flex flex-col min-w-0", children: [_jsx("span", { className: "truncate", children: option.label }), option.description ? (_jsx("span", { className: "text-xs text-muted-foreground truncate", children: option.description })) : null] }), item ? _jsx(OrganizationStatusBadge, { status: item.status, compact: true }) : null] }));
+    };
+    return (_jsxs("div", { className: cn('flex flex-col gap-2', props.className), children: [_jsx(Combobox, { options: options, value: null, onChange: handleSelect, onSearchChange: setQuery, manualFilter: true, loading: loading, clearable: false, disabled: props.disabled ?? false, placeholder: props.placeholder ?? 'Add organization…', emptyMessage: props.emptyMessage ?? 'No organizations found', ariaLabel: props.ariaLabel ?? 'Add organizations', id: props.id ?? '', renderOption: renderOption }), props.value.length > 0 ? (_jsx("div", { className: "flex flex-wrap gap-2", children: props.value.map((id) => chipFor(id)) })) : null] }));
+}
+//# sourceMappingURL=OrganizationPickerMulti.js.map

package/dist/components/organization-picker/OrganizationPickerMulti.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationPickerMulti.js","sourceRoot":"","sources":["../../../src/components/organization-picker/OrganizationPickerMulti.tsx"],"names":[],"mappings":"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"}

package/dist/components/organization-picker/OrganizationStatusBadge.d.ts

@@ -0,0 +1,7 @@
+import type { OrganizationStatus } from '@endora-commerce/contracts';
+export interface OrganizationStatusBadgeProps {
+    status: OrganizationStatus;
+    compact?: boolean;
+}
+export declare function OrganizationStatusBadge(props: OrganizationStatusBadgeProps): React.ReactElement;
+//# sourceMappingURL=OrganizationStatusBadge.d.ts.map

package/dist/components/organization-picker/OrganizationStatusBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationStatusBadge.d.ts","sourceRoot":"","sources":["../../../src/components/organization-picker/OrganizationStatusBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAGrE,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,kBAAkB,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA6BD,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,4BAA4B,GAClC,KAAK,CAAC,YAAY,CAapB"}

package/dist/components/organization-picker/OrganizationStatusBadge.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+/**
+ * Status pill used by the OrganizationPicker (compact variant) and by the
+ * Organizations list view (full variant).
+ *
+ * Labels are PL/EN i18n strings landed by feature 021 — for the
+ * foundational layer we ship English defaults and let the admin i18n
+ * bundle (US1 T050) populate translations.
+ */
+const STYLES = {
+    pending_verification: {
+        label: 'Pending',
+        cls: 'bg-amber-100 text-amber-900 border-amber-300',
+    },
+    active: {
+        label: 'Active',
+        cls: 'bg-emerald-100 text-emerald-900 border-emerald-300',
+    },
+    blocked: {
+        label: 'Blocked',
+        cls: 'bg-rose-100 text-rose-900 border-rose-300',
+    },
+    rejected: {
+        label: 'Rejected',
+        cls: 'bg-slate-200 text-slate-700 border-slate-300',
+    },
+};
+export function OrganizationStatusBadge(props) {
+    const style = STYLES[props.status];
+    return (_jsx("span", { className: cn('inline-flex items-center rounded-full border font-medium', props.compact ? 'px-1.5 py-0 text-[10px]' : 'px-2 py-0.5 text-xs', style.cls), children: style.label }));
+}
+//# sourceMappingURL=OrganizationStatusBadge.js.map

package/dist/components/organization-picker/OrganizationStatusBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationStatusBadge.js","sourceRoot":"","sources":["../../../src/components/organization-picker/OrganizationStatusBadge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAOxC;;;;;;;GAOG;AACH,MAAM,MAAM,GAA+D;IACzE,oBAAoB,EAAE;QACpB,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,8CAA8C;KACpD;IACD,MAAM,EAAE;QACN,KAAK,EAAE,QAAQ;QACf,GAAG,EAAE,oDAAoD;KAC1D;IACD,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,2CAA2C;KACjD;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,UAAU;QACjB,GAAG,EAAE,8CAA8C;KACpD;CACF,CAAC;AAEF,MAAM,UAAU,uBAAuB,CACrC,KAAmC;IAEnC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACnC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,qBAAqB,EACjE,KAAK,CAAC,GAAG,CACV,YAEA,KAAK,CAAC,KAAK,GACP,CACR,CAAC;AACJ,CAAC"}

package/dist/components/organization-picker/useOrganizationsQuery.d.ts

@@ -0,0 +1,33 @@
+import type { OrganizationPickerListItem, OrganizationStatus } from '@endora-commerce/contracts';
+export interface UseOrganizationsQueryOptions {
+    query: string;
+    statusFilter?: OrganizationStatus[];
+    /**
+     * Accepted and **never sent**. `organizations`' picker client declared it on
+     * its options type and serialized `q`, `filter[status]` and `limit` only, so
+     * the value has reached no server since the option existed. The behaviour is
+     * preserved verbatim here rather than repaired, because a publication merge
+     * request must not quietly change what a picker returns; it is reported to
+     * the defect register instead.
+     */
+    salesRepAdminUserId?: string;
+    /** Defaults to 25. Capped at 100 server-side. */
+    limit?: number;
+    /** Debounce delay in ms. Defaults to 200. */
+    debounceMs?: number;
+}
+export interface UseOrganizationsQueryResult {
+    items: OrganizationPickerListItem[];
+    loading: boolean;
+    error: string | null;
+}
+/**
+ * Hook backing `<OrganizationPicker>` and `<OrganizationPickerMulti>`.
+ *
+ * Owns the debounce + abort-on-restart logic so the picker remains snappy
+ * (≤ 200 ms p95 typeahead, per SC-008) even as the user types quickly.
+ * The server is the source of truth for filtering — the Combobox primitive
+ * runs in `manualFilter` mode for these pickers.
+ */
+export declare function useOrganizationsQuery(options: UseOrganizationsQueryOptions): UseOrganizationsQueryResult;
+//# sourceMappingURL=useOrganizationsQuery.d.ts.map

package/dist/components/organization-picker/useOrganizationsQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrganizationsQuery.d.ts","sourceRoot":"","sources":["../../../src/components/organization-picker/useOrganizationsQuery.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,0BAA0B,EAE1B,kBAAkB,EACnB,MAAM,4BAA4B,CAAC;AAsEpC,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACpC;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,0BAA0B,EAAE,CAAC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,4BAA4B,GACpC,2BAA2B,CAyD7B"}

package/dist/components/organization-picker/useOrganizationsQuery.js

@@ -0,0 +1,92 @@
+import { useEffect, useMemo, useRef, useState } from 'react';
+// `apiClient` comes through the kit's published `lib` **barrel** rather than
+// through `../../lib/api-client.js` — see the note in
+// `../sales-channel-picker/SalesChannelPicker.tsx`: the barrel is the only
+// spelling `vi.mock` can name from outside the package.
+import { apiClient } from '../../lib/index.js';
+async function listOrganizationsForPicker(options) {
+    const qs = new URLSearchParams();
+    if (options.q !== undefined && options.q.length > 0)
+        qs.set('q', options.q);
+    if (options.status && options.status.length > 0) {
+        qs.set('filter[status]', options.status[0]);
+    }
+    if (options.limit !== undefined)
+        qs.set('limit', String(options.limit));
+    const tail = qs.toString();
+    const res = await apiClient.get(`/api/v1/admin/organizations${tail ? `?${tail}` : ''}`, options.signal ? { signal: options.signal } : undefined);
+    return {
+        items: res.data.map((o) => ({
+            id: o.id,
+            name: o.name,
+            legalName: o.legalName ?? null,
+            status: o.status,
+            countryCode: o.registeredAddress?.country ?? null,
+            version: o.version ?? 0,
+        })),
+        nextCursor: res.pagination.cursor ?? null,
+    };
+}
+/**
+ * Hook backing `<OrganizationPicker>` and `<OrganizationPickerMulti>`.
+ *
+ * Owns the debounce + abort-on-restart logic so the picker remains snappy
+ * (≤ 200 ms p95 typeahead, per SC-008) even as the user types quickly.
+ * The server is the source of truth for filtering — the Combobox primitive
+ * runs in `manualFilter` mode for these pickers.
+ */
+export function useOrganizationsQuery(options) {
+    const { query, statusFilter, salesRepAdminUserId, limit = 25, debounceMs = 200 } = options;
+    const [items, setItems] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const debounceRef = useRef(null);
+    const abortRef = useRef(null);
+    // Stable string key so `useEffect` doesn't refire on every parent render.
+    const statusKey = useMemo(() => (statusFilter && statusFilter.length > 0 ? [...statusFilter].sort().join(',') : ''), [statusFilter]);
+    useEffect(() => {
+        if (debounceRef.current)
+            clearTimeout(debounceRef.current);
+        debounceRef.current = setTimeout(() => {
+            if (abortRef.current)
+                abortRef.current.abort();
+            const controller = new AbortController();
+            abortRef.current = controller;
+            setLoading(true);
+            setError(null);
+            const listOptions = {
+                q: query.trim(),
+                limit,
+                signal: controller.signal,
+            };
+            if (statusKey) {
+                listOptions.status = statusKey.split(',');
+            }
+            listOrganizationsForPicker(listOptions)
+                .then((page) => {
+                if (controller.signal.aborted)
+                    return;
+                setItems(page.items);
+            })
+                .catch((err) => {
+                if (controller.signal.aborted)
+                    return;
+                setError(err instanceof Error ? err.message : 'Failed to load organizations.');
+                setItems([]);
+            })
+                .finally(() => {
+                if (controller.signal.aborted)
+                    return;
+                setLoading(false);
+            });
+        }, debounceMs);
+        return () => {
+            if (debounceRef.current)
+                clearTimeout(debounceRef.current);
+            if (abortRef.current)
+                abortRef.current.abort();
+        };
+    }, [query, statusKey, salesRepAdminUserId, limit, debounceMs]);
+    return { items, loading, error };
+}
+//# sourceMappingURL=useOrganizationsQuery.js.map

package/dist/components/organization-picker/useOrganizationsQuery.js.map

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

package/dist/components/payment-method-availability/MethodAvailabilityCell.d.ts

@@ -0,0 +1,38 @@
+import type { ReactNode } from 'react';
+/**
+ * A payment method's availability, as a **state** with a way to change it —
+ * feature 076, D-83.
+ *
+ * All four gateway screens used to carry an editable `<select>` here, and all
+ * four wrote `PaymentMethod.status` through their own endpoint. Availability is
+ * `payment_methods`' operation now, so the chip renders the state and the link
+ * goes to the one screen that sets it, landing on this method's row.
+ *
+ * The column is **kept** rather than removed: without it, "is this method live?"
+ * would be unanswerable on the screen where the operator is configuring it,
+ * which is a worse regression than one extra click.
+ *
+ * No fallback for an absent `payment_methods` is written, and that is measured
+ * rather than assumed: all four gateways declare it as a **binding** dependency,
+ * so the activation graph refuses to switch it off while a gateway is on. The
+ * link is live wherever this component renders, and a branch for the other case
+ * would be code no operator can reach.
+ */
+export declare function MethodAvailabilityCell({ code, status, }: {
+    code: string;
+    status: 'active' | 'inactive';
+}): ReactNode;
+/**
+ * The one sentence that turns "the toggle vanished" into "the toggle moved, and
+ * here is why" (D-83 item 3). Rendered under every gateway's methods table.
+ */
+export declare function MethodAvailabilityCaption(): ReactNode;
+/**
+ * A non-blocking notice on a method that is configured but not offered (D-83
+ * item 4). Configuring a method ahead of switching it on is a real workflow, so
+ * nothing on the row is disabled — the operator is told, not stopped.
+ */
+export declare function MethodNotOfferedNotice({ codes }: {
+    codes: readonly string[];
+}): ReactNode;
+//# sourceMappingURL=MethodAvailabilityCell.d.ts.map

package/dist/components/payment-method-availability/MethodAvailabilityCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MethodAvailabilityCell.d.ts","sourceRoot":"","sources":["../../../src/components/payment-method-availability/MethodAvailabilityCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,MAAM,GACP,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;CAC/B,GAAG,SAAS,CAkBZ;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAOrD;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,MAAM,EAAE,CAAA;CAAE,GAAG,SAAS,CAQzF"}

package/dist/components/payment-method-availability/MethodAvailabilityCell.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from 'react-router-dom';
+import { ExternalLink } from 'lucide-react';
+import { Badge } from '../../ui/badge.js';
+import { useTranslation } from '../../i18n/useTranslation.js';
+/**
+ * A payment method's availability, as a **state** with a way to change it —
+ * feature 076, D-83.
+ *
+ * All four gateway screens used to carry an editable `<select>` here, and all
+ * four wrote `PaymentMethod.status` through their own endpoint. Availability is
+ * `payment_methods`' operation now, so the chip renders the state and the link
+ * goes to the one screen that sets it, landing on this method's row.
+ *
+ * The column is **kept** rather than removed: without it, "is this method live?"
+ * would be unanswerable on the screen where the operator is configuring it,
+ * which is a worse regression than one extra click.
+ *
+ * No fallback for an absent `payment_methods` is written, and that is measured
+ * rather than assumed: all four gateways declare it as a **binding** dependency,
+ * so the activation graph refuses to switch it off while a gateway is on. The
+ * link is live wherever this component renders, and a branch for the other case
+ * would be code no operator can reach.
+ */
+export function MethodAvailabilityCell({ code, status, }) {
+    const t = useTranslation('core');
+    return (_jsxs("div", { className: "flex flex-col items-start gap-1", children: [_jsx(Badge, { variant: status === 'active' ? 'success' : 'secondary', children: status === 'active'
+                    ? t('paymentMethodAvailability.state.active')
+                    : t('paymentMethodAvailability.state.inactive') }), _jsxs(Link, { to: `/payment-methods?highlight=${encodeURIComponent(code)}`, className: "inline-flex items-center gap-1 text-xs underline underline-offset-2 hover:no-underline focus-visible:outline-2 focus-visible:outline-offset-2", children: [t('paymentMethodAvailability.manage'), _jsx(ExternalLink, { className: "size-3", "aria-hidden": "true" })] })] }));
+}
+/**
+ * The one sentence that turns "the toggle vanished" into "the toggle moved, and
+ * here is why" (D-83 item 3). Rendered under every gateway's methods table.
+ */
+export function MethodAvailabilityCaption() {
+    const t = useTranslation('core');
+    return (_jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: t('paymentMethodAvailability.caption') }));
+}
+/**
+ * A non-blocking notice on a method that is configured but not offered (D-83
+ * item 4). Configuring a method ahead of switching it on is a real workflow, so
+ * nothing on the row is disabled — the operator is told, not stopped.
+ */
+export function MethodNotOfferedNotice({ codes }) {
+    const t = useTranslation('core');
+    if (codes.length === 0)
+        return null;
+    return (_jsx("p", { className: "mt-2 text-sm text-muted-foreground", role: "status", children: t('paymentMethodAvailability.notOffered', { codes: codes.join(', ') }) }));
+}
+//# sourceMappingURL=MethodAvailabilityCell.js.map

package/dist/components/payment-method-availability/MethodAvailabilityCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MethodAvailabilityCell.js","sourceRoot":"","sources":["../../../src/components/payment-method-availability/MethodAvailabilityCell.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,IAAI,EACJ,MAAM,GAIP;IACC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACjC,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,KAAK,IAAC,OAAO,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,YAC1D,MAAM,KAAK,QAAQ;oBAClB,CAAC,CAAC,CAAC,CAAC,wCAAwC,CAAC;oBAC7C,CAAC,CAAC,CAAC,CAAC,0CAA0C,CAAC,GAC3C,EACR,MAAC,IAAI,IACH,EAAE,EAAE,8BAA8B,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAC5D,SAAS,EAAC,+IAA+I,aAExJ,CAAC,CAAC,kCAAkC,CAAC,EACtC,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,iBAAa,MAAM,GAAG,IACjD,IACH,CACP,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,yBAAyB;IACvC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACjC,OAAO,CACL,YAAG,SAAS,EAAC,oCAAoC,YAC9C,CAAC,CAAC,mCAAmC,CAAC,GACrC,CACL,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CAAC,EAAE,KAAK,EAAgC;IAC5E,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IACjC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,CACL,YAAG,SAAS,EAAC,oCAAoC,EAAC,IAAI,EAAC,QAAQ,YAC5D,CAAC,CAAC,sCAAsC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,GACrE,CACL,CAAC;AACJ,CAAC"}

package/dist/components/product-picker/ProductPicker.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+interface CommonProductPickerProps {
+    excludeIds?: string[] | undefined;
+    includeArchived?: boolean | undefined;
+    placeholder?: string | undefined;
+    disabled?: boolean | undefined;
+    id?: string | undefined;
+    ariaLabel?: string | undefined;
+    pageSize?: number | undefined;
+}
+export type ProductPickerProps = (CommonProductPickerProps & {
+    mode: 'select';
+    value: string | null;
+    onChange: (next: string | null) => void;
+}) | (CommonProductPickerProps & {
+    mode: 'multiselect';
+    value: string[];
+    onChange: (next: string[]) => void;
+});
+export declare function ProductPicker(props: ProductPickerProps): ReactNode;
+export {};
+//# sourceMappingURL=ProductPicker.d.ts.map

package/dist/components/product-picker/ProductPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductPicker.d.ts","sourceRoot":"","sources":["../../../src/components/product-picker/ProductPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA+Df,UAAU,wBAAwB;IAChC,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,GAC1B,CAAC,wBAAwB,GAAG;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACzC,CAAC,GACF,CAAC,wBAAwB,GAAG;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACpC,CAAC,CAAC;AAMP,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CA0MlE"}