@dainamite/cpq 0.2.2

package/dist/modules/cpq/backend/cpq/quotes/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/cpq/backend/cpq/quotes/page.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { Plus, Search as SearchIcon } from 'lucide-react'\nimport { Alert } from '@open-mercato/ui/primitives/alert'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport { CpqListView, useCpqListData } from '../../../components/CpqListView'\nimport {\n  formatStatusLabel,\n  quoteCpqStatusMap,\n  type QuoteCpqStatus,\n} from '../../../components/statusMaps'\n\ntype QuoteConfig = {\n  id: string\n  quoteId: string\n  /** Resolved from SalesQuote.quoteNumber by the list API. */\n  quoteNumber: string | null\n  customerId: string\n  cpqStatus: string\n  version: number\n  currencyCode: string\n  pricingSummary: {\n    nrcTotal?: number\n    mrcTotal?: number\n  } | null\n  createdAt: string\n  updatedAt: string\n}\n\ntype Customer = {\n  id: string\n  display_name?: string\n  displayName?: string\n  name?: string\n  companyName?: string\n  primary_email?: string\n  primaryEmail?: string\n}\n\nconst PAGE_SIZE = 50\n\nfunction fmt(amount: number | undefined, currency: string): string {\n  if (amount == null || amount === 0) return '\u2014'\n  return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(amount)\n}\n\nfunction buildFilterParams(values: FilterValues, params: URLSearchParams) {\n  if (typeof values.cpqStatus === 'string' && values.cpqStatus) {\n    params.set('cpqStatus', values.cpqStatus)\n  }\n  if (typeof values.currencyCode === 'string' && values.currencyCode.trim()) {\n    params.set('currencyCode', values.currencyCode.trim().toUpperCase())\n  }\n}\n\n// \u2500\u2500\u2500 Customer picker (extracted to keep main page focused) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\ntype CustomerPickerProps = {\n  open: boolean\n  onClose: () => void\n  onSelect: (customer: Customer) => void | Promise<void>\n  creating: boolean\n  error: string | null\n}\n\nfunction getCustomerLabel(c: Customer) {\n  return c.display_name || c.displayName || c.name || c.companyName || 'Unnamed'\n}\n\nfunction getCustomerEmail(c: Customer) {\n  return c.primary_email || c.primaryEmail || ''\n}\n\nfunction CustomerPickerModal({ open, onClose, onSelect, creating, error }: CustomerPickerProps) {\n  const [customers, setCustomers] = React.useState<Customer[]>([])\n  const [customersLoading, setCustomersLoading] = React.useState(false)\n  const [search, setSearch] = React.useState('')\n\n  React.useEffect(() => {\n    if (!open) return\n    let cancelled = false\n    setSearch('')\n    setCustomersLoading(true)\n    fetch('/api/customers/companies?pageSize=100')\n      .then((r) => (r.ok ? r.json() : { items: [] }))\n      .then((data) => {\n        if (!cancelled) setCustomers(data.items ?? data ?? [])\n      })\n      .catch(() => {\n        if (!cancelled) setCustomers([])\n      })\n      .finally(() => {\n        if (!cancelled) setCustomersLoading(false)\n      })\n    return () => {\n      cancelled = true\n    }\n  }, [open])\n\n  if (!open) return null\n\n  const filtered = customers.filter((c) => {\n    if (!search.trim()) return true\n    const q = search.toLowerCase()\n    return (\n      getCustomerLabel(c).toLowerCase().includes(q) ||\n      getCustomerEmail(c).toLowerCase().includes(q) ||\n      c.id.toLowerCase().includes(q)\n    )\n  })\n\n  return (\n    <div\n      className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n      onClick={() => !creating && onClose()}\n    >\n      <div\n        className=\"w-full max-w-lg rounded-lg border bg-card shadow-xl\"\n        onClick={(e) => e.stopPropagation()}\n      >\n        <div className=\"flex items-center justify-between border-b px-4 py-3\">\n          <h3 className=\"text-sm font-medium\">Select Customer for New Quote</h3>\n          <button\n            type=\"button\"\n            onClick={onClose}\n            disabled={creating}\n            className=\"text-muted-foreground hover:text-foreground text-lg font-bold leading-none cursor-pointer disabled:cursor-not-allowed\"\n          >\n            &times;\n          </button>\n        </div>\n        <div className=\"p-4 space-y-3\">\n          {error && <Alert variant=\"destructive\">{error}</Alert>}\n          <div className=\"relative\">\n            <SearchIcon className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n            <Input\n              placeholder=\"Search customers\u2026\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              autoFocus\n              className=\"pl-10\"\n            />\n          </div>\n          <div className=\"max-h-72 overflow-y-auto space-y-1\">\n            {customersLoading ? (\n              <div className=\"py-8 text-center text-sm text-muted-foreground\">\n                Loading customers\u2026\n              </div>\n            ) : filtered.length === 0 ? (\n              <div className=\"py-8 text-center text-sm text-muted-foreground\">\n                {search ? 'No customers match your search.' : 'No customers found.'}\n              </div>\n            ) : (\n              filtered.map((c) => (\n                <button\n                  key={c.id}\n                  type=\"button\"\n                  onClick={() => onSelect(c)}\n                  disabled={creating}\n                  className=\"w-full rounded-md border px-3 py-2.5 text-left hover:border-primary hover:bg-primary/5 transition-colors disabled:opacity-50 cursor-pointer disabled:cursor-not-allowed\"\n                >\n                  <p className=\"text-sm font-medium\">{getCustomerLabel(c)}</p>\n                  {getCustomerEmail(c) && (\n                    <p className=\"text-xs text-muted-foreground mt-0.5\">{getCustomerEmail(c)}</p>\n                  )}\n                  <p className=\"text-xs text-muted-foreground font-mono mt-0.5\">{c.id}</p>\n                </button>\n              ))\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\n// \u2500\u2500\u2500 Page \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport default function CpqQuotesListPage() {\n  const router = useRouter()\n  const t = useT()\n\n  const data = useCpqListData<QuoteConfig>({\n    endpoint: '/api/cpq/quotes',\n    pageSize: PAGE_SIZE,\n    buildFilterParams,\n    loadErrorMessage: t('cpq.quotes.list.error.load', 'Failed to load quotes'),\n  })\n\n  const [showCustomerPicker, setShowCustomerPicker] = React.useState(false)\n  const [creating, setCreating] = React.useState(false)\n  const [createError, setCreateError] = React.useState<string | null>(null)\n\n  const statusOptions = React.useMemo(\n    () => [\n      { value: 'new', label: 'New' },\n      { value: 'incomplete', label: 'Incomplete' },\n      { value: 'ready', label: 'Ready' },\n      { value: 'in_approval', label: 'In Approval' },\n      { value: 'approved', label: 'Approved' },\n      { value: 'with_customer', label: 'With Customer' },\n      { value: 'accepted', label: 'Accepted' },\n      { value: 'rejected', label: 'Rejected' },\n      { value: 'cancelled', label: 'Cancelled' },\n    ],\n    [],\n  )\n\n  const filters = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'cpqStatus',\n        label: t('cpq.quotes.filters.status', 'Status'),\n        type: 'select',\n        options: statusOptions,\n      },\n      {\n        id: 'currencyCode',\n        label: t('cpq.quotes.filters.currency', 'Currency'),\n        type: 'text',\n      },\n    ],\n    [statusOptions, t],\n  )\n\n  const selectCustomer = React.useCallback(\n    async (customer: Customer) => {\n      setCreating(true)\n      setCreateError(null)\n      try {\n        const res = await fetch('/api/cpq/quotes', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({ customerId: customer.id }),\n        })\n        const body = await res.json()\n        if (res.ok) {\n          setShowCustomerPicker(false)\n          router.push(`/backend/cpq/quotes/${body.id}`)\n        } else {\n          setCreateError(body.error ?? `Failed to create quote (${res.status})`)\n        }\n      } catch (err) {\n        setCreateError((err as Error).message)\n      } finally {\n        setCreating(false)\n      }\n    },\n    [router],\n  )\n\n  const columns = React.useMemo<ColumnDef<QuoteConfig>[]>(\n    () => [\n      {\n        accessorKey: 'quoteNumber',\n        header: t('cpq.quotes.table.quoteNumber', 'Quote Number'),\n        cell: ({ row }) => (\n          <span className=\"font-medium\">\n            {row.original.quoteNumber ?? (\n              <span className=\"font-mono text-xs text-muted-foreground\">\n                {(row.original.quoteId ?? row.original.id).slice(0, 8)}\u2026\n              </span>\n            )}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'cpqStatus',\n        header: t('cpq.quotes.table.status', 'Status'),\n        cell: ({ row }) => (\n          <Tag variant={quoteCpqStatusMap[row.original.cpqStatus as QuoteCpqStatus] ?? 'neutral'} dot>\n            {formatStatusLabel(row.original.cpqStatus)}\n          </Tag>\n        ),\n      },\n      {\n        accessorKey: 'version',\n        header: t('cpq.quotes.table.version', 'Version'),\n        cell: ({ row }) => <span className=\"text-muted-foreground\">v{row.original.version}</span>,\n      },\n      {\n        accessorKey: 'currencyCode',\n        header: t('cpq.quotes.table.currency', 'Currency'),\n        cell: ({ row }) => <span className=\"text-muted-foreground\">{row.original.currencyCode}</span>,\n      },\n      {\n        id: 'nrcTotal',\n        header: t('cpq.quotes.table.nrcTotal', 'NRC Total'),\n        cell: ({ row }) => (\n          <span className=\"font-mono text-xs\">\n            {fmt(row.original.pricingSummary?.nrcTotal, row.original.currencyCode)}\n          </span>\n        ),\n      },\n      {\n        id: 'mrcTotal',\n        header: t('cpq.quotes.table.mrcTotal', 'MRC Total'),\n        cell: ({ row }) => (\n          <span className=\"font-mono text-xs\">\n            {fmt(row.original.pricingSummary?.mrcTotal, row.original.currencyCode)}\n          </span>\n        ),\n      },\n      {\n        accessorKey: 'createdAt',\n        header: t('cpq.quotes.table.createdAt', 'Created'),\n        cell: ({ row }) => (\n          <span className=\"text-xs text-muted-foreground\">\n            {new Date(row.original.createdAt).toLocaleDateString()}\n          </span>\n        ),\n      },\n    ],\n    [t],\n  )\n\n  return (\n    <CpqListView<QuoteConfig>\n      title={t('cpq.quotes.list.title', 'CPQ Quotes')}\n      tableId=\"cpq.quotes.list\"\n      data={data}\n      columns={columns}\n      filters={filters}\n      pageSize={PAGE_SIZE}\n      searchPlaceholder={t('cpq.quotes.search.placeholder', 'Search by quote / customer id...')}\n      actions={\n        <Button type=\"button\" onClick={() => setShowCustomerPicker(true)} className=\"gap-1.5\">\n          <Plus className=\"h-4 w-4\" />\n          {t('cpq.quotes.add', 'New Quote')}\n        </Button>\n      }\n      onRowClick={(row) => router.push(`/backend/cpq/quotes/${row.id}`)}\n      rowActions={(row) => (\n        <RowActions\n          items={[\n            {\n              id: 'open',\n              label: t('cpq.quotes.actions.open', 'Open'),\n              href: `/backend/cpq/quotes/${row.id}`,\n            },\n          ]}\n        />\n      )}\n      toolbarContent={\n        <CustomerPickerModal\n          open={showCustomerPicker}\n          onClose={() => setShowCustomerPicker(false)}\n          onSelect={selectCustomer}\n          creating={creating}\n          error={createError}\n        />\n      }\n      emptyState={\n        <div className=\"rounded-lg border bg-card p-6 text-center text-sm text-muted-foreground\">\n          {t(\n            'cpq.quotes.empty',\n            'No CPQ quotes found. Create one to start configuring offerings for a customer.',\n          )}\n        </div>\n      }\n    />\n  )\n}\n"],
+  "mappings": ";AA+HQ,SACE,KADF;AA9HR,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AAErB,SAAS,cAAc;AACvB,SAAS,aAAa;AAEtB,SAAS,MAAM,UAAU,kBAAkB;AAC3C,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAC3B,SAAS,WAAW;AACpB,SAAS,aAAa,sBAAsB;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AA6BP,MAAM,YAAY;AAElB,SAAS,IAAI,QAA4B,UAA0B;AACjE,MAAI,UAAU,QAAQ,WAAW,EAAG,QAAO;AAC3C,SAAO,IAAI,KAAK,aAAa,SAAS,EAAE,OAAO,YAAY,SAAS,CAAC,EAAE,OAAO,MAAM;AACtF;AAEA,SAAS,kBAAkB,QAAsB,QAAyB;AACxE,MAAI,OAAO,OAAO,cAAc,YAAY,OAAO,WAAW;AAC5D,WAAO,IAAI,aAAa,OAAO,SAAS;AAAA,EAC1C;AACA,MAAI,OAAO,OAAO,iBAAiB,YAAY,OAAO,aAAa,KAAK,GAAG;AACzE,WAAO,IAAI,gBAAgB,OAAO,aAAa,KAAK,EAAE,YAAY,CAAC;AAAA,EACrE;AACF;AAYA,SAAS,iBAAiB,GAAa;AACrC,SAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe;AACvE;AAEA,SAAS,iBAAiB,GAAa;AACrC,SAAO,EAAE,iBAAiB,EAAE,gBAAgB;AAC9C;AAEA,SAAS,oBAAoB,EAAE,MAAM,SAAS,UAAU,UAAU,MAAM,GAAwB;AAC9F,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAqB,CAAC,CAAC;AAC/D,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,KAAK;AACpE,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAE;AAE7C,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,KAAM;AACX,QAAI,YAAY;AAChB,cAAU,EAAE;AACZ,wBAAoB,IAAI;AACxB,UAAM,uCAAuC,EAC1C,KAAK,CAAC,MAAO,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,OAAO,CAAC,EAAE,CAAE,EAC7C,KAAK,CAAC,SAAS;AACd,UAAI,CAAC,UAAW,cAAa,KAAK,SAAS,QAAQ,CAAC,CAAC;AAAA,IACvD,CAAC,EACA,MAAM,MAAM;AACX,UAAI,CAAC,UAAW,cAAa,CAAC,CAAC;AAAA,IACjC,CAAC,EACA,QAAQ,MAAM;AACb,UAAI,CAAC,UAAW,qBAAoB,KAAK;AAAA,IAC3C,CAAC;AACH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,WAAW,UAAU,OAAO,CAAC,MAAM;AACvC,QAAI,CAAC,OAAO,KAAK,EAAG,QAAO;AAC3B,UAAM,IAAI,OAAO,YAAY;AAC7B,WACE,iBAAiB,CAAC,EAAE,YAAY,EAAE,SAAS,CAAC,KAC5C,iBAAiB,CAAC,EAAE,YAAY,EAAE,SAAS,CAAC,KAC5C,EAAE,GAAG,YAAY,EAAE,SAAS,CAAC;AAAA,EAEjC,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS,MAAM,CAAC,YAAY,QAAQ;AAAA,MAEpC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,UAElC;AAAA,iCAAC,SAAI,WAAU,wDACb;AAAA,kCAAC,QAAG,WAAU,uBAAsB,2CAA6B;AAAA,cACjE;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,WAAU;AAAA,kBACX;AAAA;AAAA,cAED;AAAA,eACF;AAAA,YACA,qBAAC,SAAI,WAAU,iBACZ;AAAA,uBAAS,oBAAC,SAAM,SAAQ,eAAe,iBAAM;AAAA,cAC9C,qBAAC,SAAI,WAAU,YACb;AAAA,oCAAC,cAAW,WAAU,0EAAyE;AAAA,gBAC/F;AAAA,kBAAC;AAAA;AAAA,oBACC,aAAY;AAAA,oBACZ,OAAO;AAAA,oBACP,UAAU,CAAC,MAAM,UAAU,EAAE,OAAO,KAAK;AAAA,oBACzC,WAAS;AAAA,oBACT,WAAU;AAAA;AAAA,gBACZ;AAAA,iBACF;AAAA,cACA,oBAAC,SAAI,WAAU,sCACZ,6BACC,oBAAC,SAAI,WAAU,kDAAiD,qCAEhE,IACE,SAAS,WAAW,IACtB,oBAAC,SAAI,WAAU,kDACZ,mBAAS,oCAAoC,uBAChD,IAEA,SAAS,IAAI,CAAC,MACZ;AAAA,gBAAC;AAAA;AAAA,kBAEC,MAAK;AAAA,kBACL,SAAS,MAAM,SAAS,CAAC;AAAA,kBACzB,UAAU;AAAA,kBACV,WAAU;AAAA,kBAEV;AAAA,wCAAC,OAAE,WAAU,uBAAuB,2BAAiB,CAAC,GAAE;AAAA,oBACvD,iBAAiB,CAAC,KACjB,oBAAC,OAAE,WAAU,wCAAwC,2BAAiB,CAAC,GAAE;AAAA,oBAE3E,oBAAC,OAAE,WAAU,kDAAkD,YAAE,IAAG;AAAA;AAAA;AAAA,gBAV/D,EAAE;AAAA,cAWT,CACD,GAEL;AAAA,eACF;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAIe,SAAR,oBAAqC;AAC1C,QAAM,SAAS,UAAU;AACzB,QAAM,IAAI,KAAK;AAEf,QAAM,OAAO,eAA4B;AAAA,IACvC,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA,kBAAkB,EAAE,8BAA8B,uBAAuB;AAAA,EAC3E,CAAC;AAED,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,KAAK;AACxE,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AACpD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAwB,IAAI;AAExE,QAAM,gBAAgB,MAAM;AAAA,IAC1B,MAAM;AAAA,MACJ,EAAE,OAAO,OAAO,OAAO,MAAM;AAAA,MAC7B,EAAE,OAAO,cAAc,OAAO,aAAa;AAAA,MAC3C,EAAE,OAAO,SAAS,OAAO,QAAQ;AAAA,MACjC,EAAE,OAAO,eAAe,OAAO,cAAc;AAAA,MAC7C,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,MACvC,EAAE,OAAO,iBAAiB,OAAO,gBAAgB;AAAA,MACjD,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,MACvC,EAAE,OAAO,YAAY,OAAO,WAAW;AAAA,MACvC,EAAE,OAAO,aAAa,OAAO,YAAY;AAAA,IAC3C;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,UAAU,MAAM;AAAA,IACpB,MAAM;AAAA,MACJ;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,6BAA6B,QAAQ;AAAA,QAC9C,MAAM;AAAA,QACN,SAAS;AAAA,MACX;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,OAAO,EAAE,+BAA+B,UAAU;AAAA,QAClD,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,CAAC,eAAe,CAAC;AAAA,EACnB;AAEA,QAAM,iBAAiB,MAAM;AAAA,IAC3B,OAAO,aAAuB;AAC5B,kBAAY,IAAI;AAChB,qBAAe,IAAI;AACnB,UAAI;AACF,cAAM,MAAM,MAAM,MAAM,mBAAmB;AAAA,UACzC,QAAQ;AAAA,UACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU,EAAE,YAAY,SAAS,GAAG,CAAC;AAAA,QAClD,CAAC;AACD,cAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,YAAI,IAAI,IAAI;AACV,gCAAsB,KAAK;AAC3B,iBAAO,KAAK,uBAAuB,KAAK,EAAE,EAAE;AAAA,QAC9C,OAAO;AACL,yBAAe,KAAK,SAAS,2BAA2B,IAAI,MAAM,GAAG;AAAA,QACvE;AAAA,MACF,SAAS,KAAK;AACZ,uBAAgB,IAAc,OAAO;AAAA,MACvC,UAAE;AACA,oBAAY,KAAK;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,UAAU,MAAM;AAAA,IACpB,MAAM;AAAA,MACJ;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,gCAAgC,cAAc;AAAA,QACxD,MAAM,CAAC,EAAE,IAAI,MACX,oBAAC,UAAK,WAAU,eACb,cAAI,SAAS,eACZ,qBAAC,UAAK,WAAU,2CACZ;AAAA,eAAI,SAAS,WAAW,IAAI,SAAS,IAAI,MAAM,GAAG,CAAC;AAAA,UAAE;AAAA,WACzD,GAEJ;AAAA,MAEJ;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,2BAA2B,QAAQ;AAAA,QAC7C,MAAM,CAAC,EAAE,IAAI,MACX,oBAAC,OAAI,SAAS,kBAAkB,IAAI,SAAS,SAA2B,KAAK,WAAW,KAAG,MACxF,4BAAkB,IAAI,SAAS,SAAS,GAC3C;AAAA,MAEJ;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,4BAA4B,SAAS;AAAA,QAC/C,MAAM,CAAC,EAAE,IAAI,MAAM,qBAAC,UAAK,WAAU,yBAAwB;AAAA;AAAA,UAAE,IAAI,SAAS;AAAA,WAAQ;AAAA,MACpF;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,6BAA6B,UAAU;AAAA,QACjD,MAAM,CAAC,EAAE,IAAI,MAAM,oBAAC,UAAK,WAAU,yBAAyB,cAAI,SAAS,cAAa;AAAA,MACxF;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,QAAQ,EAAE,6BAA6B,WAAW;AAAA,QAClD,MAAM,CAAC,EAAE,IAAI,MACX,oBAAC,UAAK,WAAU,qBACb,cAAI,IAAI,SAAS,gBAAgB,UAAU,IAAI,SAAS,YAAY,GACvE;AAAA,MAEJ;AAAA,MACA;AAAA,QACE,IAAI;AAAA,QACJ,QAAQ,EAAE,6BAA6B,WAAW;AAAA,QAClD,MAAM,CAAC,EAAE,IAAI,MACX,oBAAC,UAAK,WAAU,qBACb,cAAI,IAAI,SAAS,gBAAgB,UAAU,IAAI,SAAS,YAAY,GACvE;AAAA,MAEJ;AAAA,MACA;AAAA,QACE,aAAa;AAAA,QACb,QAAQ,EAAE,8BAA8B,SAAS;AAAA,QACjD,MAAM,CAAC,EAAE,IAAI,MACX,oBAAC,UAAK,WAAU,iCACb,cAAI,KAAK,IAAI,SAAS,SAAS,EAAE,mBAAmB,GACvD;AAAA,MAEJ;AAAA,IACF;AAAA,IACA,CAAC,CAAC;AAAA,EACJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,yBAAyB,YAAY;AAAA,MAC9C,SAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,mBAAmB,EAAE,iCAAiC,kCAAkC;AAAA,MACxF,SACE,qBAAC,UAAO,MAAK,UAAS,SAAS,MAAM,sBAAsB,IAAI,GAAG,WAAU,WAC1E;AAAA,4BAAC,QAAK,WAAU,WAAU;AAAA,QACzB,EAAE,kBAAkB,WAAW;AAAA,SAClC;AAAA,MAEF,YAAY,CAAC,QAAQ,OAAO,KAAK,uBAAuB,IAAI,EAAE,EAAE;AAAA,MAChE,YAAY,CAAC,QACX;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL;AAAA,cACE,IAAI;AAAA,cACJ,OAAO,EAAE,2BAA2B,MAAM;AAAA,cAC1C,MAAM,uBAAuB,IAAI,EAAE;AAAA,YACrC;AAAA,UACF;AAAA;AAAA,MACF;AAAA,MAEF,gBACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,sBAAsB,KAAK;AAAA,UAC1C,UAAU;AAAA,UACV;AAAA,UACA,OAAO;AAAA;AAAA,MACT;AAAA,MAEF,YACE,oBAAC,SAAI,WAAU,2EACZ;AAAA,QACC;AAAA,QACA;AAAA,MACF,GACF;AAAA;AAAA,EAEJ;AAEJ;",
+  "names": []
+}

package/dist/modules/cpq/backend/cpq/quotes/page.meta.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { FileText } from "lucide-react";
+const quotesIcon = React.createElement(FileText, { size: 16 });
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["cpq.quotes.view"],
+  pageTitle: "CPQ Quotes",
+  pageTitleKey: "cpq.quotes.title",
+  pageGroup: "CPQ",
+  pageGroupKey: "customers~sales~cpq.nav.group",
+  pageOrder: 90,
+  icon: quotesIcon,
+  breadcrumb: [{ label: "CPQ Quotes", labelKey: "cpq.quotes.title" }]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/cpq/backend/cpq/quotes/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/cpq/backend/cpq/quotes/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\nimport { FileText } from 'lucide-react'\n\nconst quotesIcon = React.createElement(FileText, { size: 16 })\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['cpq.quotes.view'],\n  pageTitle: 'CPQ Quotes',\n  pageTitleKey: 'cpq.quotes.title',\n  pageGroup: 'CPQ',\n  pageGroupKey: 'customers~sales~cpq.nav.group',\n  pageOrder: 90,\n  icon: quotesIcon,\n  breadcrumb: [{ label: 'CPQ Quotes', labelKey: 'cpq.quotes.title' }],\n} as const\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAEzB,MAAM,aAAa,MAAM,cAAc,UAAU,EAAE,MAAM,GAAG,CAAC;AAEtD,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,iBAAiB;AAAA,EACnC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY,CAAC,EAAE,OAAO,cAAc,UAAU,mBAAmB,CAAC;AACpE;",
+  "names": []
+}

package/dist/modules/cpq/backend/cpq/specifications/[id]/DependsOnRulesEditor.js

@@ -0,0 +1,214 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus, X } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Checkbox } from "@open-mercato/ui/primitives/checkbox";
+import { Tag } from "@open-mercato/ui/primitives/tag";
+function thenInitialFor(effect) {
+  switch (effect) {
+    case "filter_options":
+      return [];
+    case "set_value":
+      return "";
+    case "toggle_required":
+      return false;
+  }
+}
+function thenAsCsv(value) {
+  if (Array.isArray(value)) return value.join(", ");
+  if (typeof value === "string") return value;
+  return "";
+}
+function csvAsArray(input) {
+  return input.split(",").map((part) => part.trim()).filter((part) => part.length > 0);
+}
+function DependsOnRulesEditor({
+  effect,
+  rules,
+  onChange,
+  parentOptions,
+  childOptions
+}) {
+  const updateRule = (index, patch) => {
+    const next = rules.map((r, i) => i === index ? { ...r, ...patch } : r);
+    onChange(next);
+  };
+  const removeRule = (index) => {
+    onChange(rules.filter((_, i) => i !== index));
+  };
+  const addRule = () => {
+    onChange([...rules, { when: "", then: thenInitialFor(effect) }]);
+  };
+  if (rules.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "No rules yet. Add at least one to make this dependency effective." }),
+      /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addRule, children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+        "Add rule"
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: rules.map((rule, idx) => /* @__PURE__ */ jsx(
+      RuleRow,
+      {
+        effect,
+        rule,
+        parentOptions,
+        childOptions,
+        onWhenChange: (when) => updateRule(idx, { when }),
+        onThenChange: (then) => updateRule(idx, { then }),
+        onRemove: () => removeRule(idx)
+      },
+      idx
+    )) }),
+    /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addRule, children: [
+      /* @__PURE__ */ jsx(Plus, { className: "h-3.5 w-3.5" }),
+      "Add rule"
+    ] })
+  ] });
+}
+function RuleRow({
+  effect,
+  rule,
+  parentOptions,
+  childOptions,
+  onWhenChange,
+  onThenChange,
+  onRemove
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto_1fr_auto] items-start gap-2 rounded-md border bg-muted/20 p-2", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-[10px] font-medium uppercase tracking-wide text-muted-foreground mb-0.5", children: "When parent =" }),
+      parentOptions && parentOptions.length > 0 ? /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: rule.when,
+          onChange: (e) => onWhenChange(e.target.value),
+          className: "w-full rounded-md border bg-background px-2 py-1.5 text-sm",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: "\u2014 Select value \u2014" }),
+            parentOptions.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: rule.when,
+          onChange: (e) => onWhenChange(e.target.value),
+          placeholder: "Parent value"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "mt-5 self-center text-muted-foreground", children: "\u2192" }),
+    /* @__PURE__ */ jsx(
+      ThenInput,
+      {
+        effect,
+        value: rule.then,
+        childOptions,
+        onChange: onThenChange
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onRemove,
+        className: "mt-5 self-start rounded p-1.5 text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors",
+        title: "Remove rule",
+        children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+}
+function ThenInput({ effect, value, childOptions, onChange }) {
+  if (effect === "toggle_required") {
+    const isRequired = value === true;
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-[10px] font-medium uppercase tracking-wide text-muted-foreground mb-0.5", children: "Then required is" }),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 rounded-md border bg-background px-2 py-1.5 text-sm cursor-pointer", children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: isRequired,
+            onCheckedChange: (checked) => onChange(checked === true)
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { children: isRequired ? "Required" : "Optional" })
+      ] })
+    ] });
+  }
+  if (effect === "set_value") {
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-[10px] font-medium uppercase tracking-wide text-muted-foreground mb-0.5", children: "Then set value to" }),
+      childOptions && childOptions.length > 0 ? /* @__PURE__ */ jsxs(
+        "select",
+        {
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onChange(e.target.value),
+          className: "w-full rounded-md border bg-background px-2 py-1.5 text-sm",
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: "\u2014 Select value \u2014" }),
+            childOptions.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(
+        Input,
+        {
+          value: typeof value === "string" ? value : "",
+          onChange: (e) => onChange(e.target.value),
+          placeholder: "Value"
+        }
+      )
+    ] });
+  }
+  const selected = Array.isArray(value) ? value : [];
+  if (childOptions && childOptions.length > 0) {
+    const toggle = (optValue) => {
+      onChange(
+        selected.includes(optValue) ? selected.filter((v) => v !== optValue) : [...selected, optValue]
+      );
+    };
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-[10px] font-medium uppercase tracking-wide text-muted-foreground mb-0.5", children: "Then allow only" }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 rounded-md border bg-background px-2 py-1.5 text-sm min-h-[34px]", children: childOptions.map((opt) => {
+        const isOn = selected.includes(opt.value);
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => toggle(opt.value),
+            className: "cursor-pointer",
+            children: /* @__PURE__ */ jsx(
+              Tag,
+              {
+                variant: isOn ? "success" : "neutral",
+                dot: isOn,
+                className: "px-2 text-xs",
+                children: opt.label
+              }
+            )
+          },
+          opt.value
+        );
+      }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("label", { className: "block text-[10px] font-medium uppercase tracking-wide text-muted-foreground mb-0.5", children: "Then allow only (comma-separated)" }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        value: thenAsCsv(value),
+        onChange: (e) => onChange(csvAsArray(e.target.value)),
+        placeholder: "value1, value2, value3"
+      }
+    )
+  ] });
+}
+export {
+  DependsOnRulesEditor
+};
+//# sourceMappingURL=DependsOnRulesEditor.js.map

package/dist/modules/cpq/backend/cpq/specifications/[id]/DependsOnRulesEditor.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/cpq/backend/cpq/specifications/%5Bid%5D/DependsOnRulesEditor.tsx"],
+  "sourcesContent": ["\"use client\"\nimport * as React from 'react'\nimport { Plus, X } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport { Tag } from '@open-mercato/ui/primitives/tag'\nimport type { DependsOnEffect, DependsOnRule } from './page'\n\n// \u2500\u2500\u2500 Helpers \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\ntype AttributeOption = { value: string; label: string }\n\nfunction thenInitialFor(effect: DependsOnEffect): unknown {\n  switch (effect) {\n    case 'filter_options':\n      return [] as string[]\n    case 'set_value':\n      return ''\n    case 'toggle_required':\n      return false\n  }\n}\n\nfunction thenAsCsv(value: unknown): string {\n  if (Array.isArray(value)) return value.join(', ')\n  if (typeof value === 'string') return value\n  return ''\n}\n\nfunction csvAsArray(input: string): string[] {\n  return input\n    .split(',')\n    .map((part) => part.trim())\n    .filter((part) => part.length > 0)\n}\n\n// \u2500\u2500\u2500 Component \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\nexport type DependsOnRulesEditorProps = {\n  effect: DependsOnEffect\n  rules: DependsOnRule[]\n  onChange: (rules: DependsOnRule[]) => void\n  /** Options of the parent attribute (used as \"When\" dropdown if available). */\n  parentOptions?: AttributeOption[] | null\n  /**\n   * Options of the **child** (= this attribute being edited). Only used by\n   * `filter_options` so the \"then\" picker offers checkboxes instead of CSV.\n   */\n  childOptions?: AttributeOption[] | null\n}\n\n/**\n * Renders the rule rows for an attribute dependency. The shape of each\n * rule's `then` field depends on the effect type \u2014 see `page.tsx`\n * `DependsOnRule` doc for the full contract.\n *\n * Each effect type has tailored input affordances:\n *   - `filter_options`: child options shown as checkboxes (or CSV input if\n *     the child has no enumerated options).\n *   - `set_value`: free-text value input.\n *   - `toggle_required`: required on/off checkbox.\n */\nexport function DependsOnRulesEditor({\n  effect,\n  rules,\n  onChange,\n  parentOptions,\n  childOptions,\n}: DependsOnRulesEditorProps) {\n  const updateRule = (index: number, patch: Partial<DependsOnRule>) => {\n    const next = rules.map((r, i) => (i === index ? { ...r, ...patch } : r))\n    onChange(next)\n  }\n\n  const removeRule = (index: number) => {\n    onChange(rules.filter((_, i) => i !== index))\n  }\n\n  const addRule = () => {\n    onChange([...rules, { when: '', then: thenInitialFor(effect) }])\n  }\n\n  if (rules.length === 0) {\n    return (\n      <div className=\"space-y-2\">\n        <p className=\"text-xs text-muted-foreground\">\n          No rules yet. Add at least one to make this dependency effective.\n        </p>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={addRule}>\n          <Plus className=\"h-3.5 w-3.5\" />\n          Add rule\n        </Button>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"space-y-2\">\n        {rules.map((rule, idx) => (\n          <RuleRow\n            key={idx}\n            effect={effect}\n            rule={rule}\n            parentOptions={parentOptions}\n            childOptions={childOptions}\n            onWhenChange={(when) => updateRule(idx, { when })}\n            onThenChange={(then) => updateRule(idx, { then })}\n            onRemove={() => removeRule(idx)}\n          />\n        ))}\n      </div>\n      <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={addRule}>\n        <Plus className=\"h-3.5 w-3.5\" />\n        Add rule\n      </Button>\n    </div>\n  )\n}\n\n// \u2500\u2500\u2500 Single rule row (decomposed for readability) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\ntype RuleRowProps = {\n  effect: DependsOnEffect\n  rule: DependsOnRule\n  parentOptions?: AttributeOption[] | null\n  childOptions?: AttributeOption[] | null\n  onWhenChange: (when: string) => void\n  onThenChange: (then: unknown) => void\n  onRemove: () => void\n}\n\nfunction RuleRow({\n  effect,\n  rule,\n  parentOptions,\n  childOptions,\n  onWhenChange,\n  onThenChange,\n  onRemove,\n}: RuleRowProps) {\n  return (\n    <div className=\"grid grid-cols-[1fr_auto_1fr_auto] items-start gap-2 rounded-md border bg-muted/20 p-2\">\n      <div>\n        <label className=\"block text-[10px] font-medium uppercase tracking-wide text-muted-foreground mb-0.5\">\n          When parent =\n        </label>\n        {parentOptions && parentOptions.length > 0 ? (\n          <select\n            value={rule.when}\n            onChange={(e) => onWhenChange(e.target.value)}\n            className=\"w-full rounded-md border bg-background px-2 py-1.5 text-sm\"\n          >\n            <option value=\"\">\u2014 Select value \u2014</option>\n            {parentOptions.map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))}\n          </select>\n        ) : (\n          <Input\n            value={rule.when}\n            onChange={(e) => onWhenChange(e.target.value)}\n            placeholder=\"Parent value\"\n          />\n        )}\n      </div>\n      <div className=\"mt-5 self-center text-muted-foreground\">\u2192</div>\n      <ThenInput\n        effect={effect}\n        value={rule.then}\n        childOptions={childOptions}\n        onChange={onThenChange}\n      />\n      <button\n        type=\"button\"\n        onClick={onRemove}\n        className=\"mt-5 self-start rounded p-1.5 text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors\"\n        title=\"Remove rule\"\n      >\n        <X className=\"h-4 w-4\" />\n      </button>\n    </div>\n  )\n}\n\n// \u2500\u2500\u2500 Effect-specific \"then\" inputs \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\ntype ThenInputProps = {\n  effect: DependsOnEffect\n  value: unknown\n  childOptions?: AttributeOption[] | null\n  onChange: (next: unknown) => void\n}\n\nfunction ThenInput({ effect, value, childOptions, onChange }: ThenInputProps) {\n  if (effect === 'toggle_required') {\n    const isRequired = value === true\n    return (\n      <div>\n        <label className=\"block text-[10px] font-medium uppercase tracking-wide text-muted-foreground mb-0.5\">\n          Then required is\n        </label>\n        <label className=\"flex items-center gap-2 rounded-md border bg-background px-2 py-1.5 text-sm cursor-pointer\">\n          <Checkbox\n            checked={isRequired}\n            onCheckedChange={(checked) => onChange(checked === true)}\n          />\n          <span>{isRequired ? 'Required' : 'Optional'}</span>\n        </label>\n      </div>\n    )\n  }\n\n  if (effect === 'set_value') {\n    return (\n      <div>\n        <label className=\"block text-[10px] font-medium uppercase tracking-wide text-muted-foreground mb-0.5\">\n          Then set value to\n        </label>\n        {childOptions && childOptions.length > 0 ? (\n          <select\n            value={typeof value === 'string' ? value : ''}\n            onChange={(e) => onChange(e.target.value)}\n            className=\"w-full rounded-md border bg-background px-2 py-1.5 text-sm\"\n          >\n            <option value=\"\">\u2014 Select value \u2014</option>\n            {childOptions.map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))}\n          </select>\n        ) : (\n          <Input\n            value={typeof value === 'string' ? value : ''}\n            onChange={(e) => onChange(e.target.value)}\n            placeholder=\"Value\"\n          />\n        )}\n      </div>\n    )\n  }\n\n  // effect === 'filter_options'\n  const selected = Array.isArray(value) ? (value as string[]) : []\n  if (childOptions && childOptions.length > 0) {\n    const toggle = (optValue: string) => {\n      onChange(\n        selected.includes(optValue)\n          ? selected.filter((v) => v !== optValue)\n          : [...selected, optValue],\n      )\n    }\n    return (\n      <div>\n        <label className=\"block text-[10px] font-medium uppercase tracking-wide text-muted-foreground mb-0.5\">\n          Then allow only\n        </label>\n        <div className=\"flex flex-wrap gap-1.5 rounded-md border bg-background px-2 py-1.5 text-sm min-h-[34px]\">\n          {childOptions.map((opt) => {\n            const isOn = selected.includes(opt.value)\n            return (\n              <button\n                key={opt.value}\n                type=\"button\"\n                onClick={() => toggle(opt.value)}\n                className=\"cursor-pointer\"\n              >\n                <Tag\n                  variant={isOn ? 'success' : 'neutral'}\n                  dot={isOn}\n                  className=\"px-2 text-xs\"\n                >\n                  {opt.label}\n                </Tag>\n              </button>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n\n  // No enumerated child options \u2014 fall back to CSV.\n  return (\n    <div>\n      <label className=\"block text-[10px] font-medium uppercase tracking-wide text-muted-foreground mb-0.5\">\n        Then allow only (comma-separated)\n      </label>\n      <Input\n        value={thenAsCsv(value)}\n        onChange={(e) => onChange(csvAsArray(e.target.value))}\n        placeholder=\"value1, value2, value3\"\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}