@open-mercato/core 0.9.1-develop.7473.1.de5b22888f → 0.9.1-develop.7475.1.28ca93ed97

package/dist/modules/ecommerce/components/StoreChannelBindingDialog.js

@@ -0,0 +1,270 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { createCrud, updateCrud } from "@open-mercato/ui/backend/utils/crud";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@open-mercato/ui/primitives/dialog";
+import { useLocale, useT } from "@open-mercato/shared/lib/i18n/context";
+import { ChannelBindingLiveCount, PriceSortFallbackConsequence } from "./ChannelBindingFormSections.js";
+import { ChannelLookupMultiPicker, ChannelLookupSinglePicker } from "./ChannelLookupPicker.js";
+import {
+  categoryLookupSource,
+  priceKindLookupSource,
+  productLookupSource,
+  salesChannelLookupSource,
+  tagLookupSource
+} from "./channelLookups.js";
+import {
+  CHANNEL_BINDINGS_API_PATH,
+  PRICE_SORT_CAP,
+  PRICE_SORT_FALLBACKS,
+  PRICE_SORT_FALLBACK_LABELS,
+  buildChannelBindingCreatePayload,
+  buildChannelBindingInitialValues,
+  buildChannelBindingUpdatePayload,
+  channelBindingFormSchema
+} from "./storeChannels.js";
+function toIdList(value) {
+  return Array.isArray(value) ? value.filter((entry) => typeof entry === "string") : [];
+}
+function scopePickerField(id, label, placeholder, source, readOnly) {
+  return {
+    id,
+    type: "custom",
+    label,
+    disabled: readOnly,
+    component: ({ value, setValue, disabled }) => /* @__PURE__ */ jsx(
+      ChannelLookupMultiPicker,
+      {
+        source,
+        value: toIdList(value),
+        onChange: (next) => setValue(next),
+        placeholder,
+        disabled: disabled || readOnly
+      }
+    )
+  };
+}
+function StoreChannelBindingDialog({
+  open,
+  onOpenChange,
+  storeId,
+  binding,
+  firstBinding,
+  readOnly,
+  onSaved
+}) {
+  const t = useT();
+  const locale = useLocale();
+  const cap = React.useMemo(() => new Intl.NumberFormat(locale).format(PRICE_SORT_CAP), [locale]);
+  const isCurrentDefault = binding?.isDefault === true;
+  const fields = React.useMemo(
+    () => [
+      {
+        id: "salesChannelId",
+        type: "custom",
+        label: t("ecommerce.backend.store.channels.form.salesChannel", "Sales channel"),
+        required: true,
+        disabled: readOnly,
+        component: ({ value, setValue, disabled }) => /* @__PURE__ */ jsx(
+          ChannelLookupSinglePicker,
+          {
+            source: salesChannelLookupSource,
+            value: typeof value === "string" ? value : "",
+            onChange: (next) => setValue(next),
+            placeholder: t("ecommerce.backend.store.channels.form.salesChannelPlaceholder", "Select a sales channel\u2026"),
+            disabled: disabled || readOnly
+          }
+        )
+      },
+      {
+        id: "priceKindId",
+        type: "custom",
+        label: t("ecommerce.backend.store.channels.form.priceKind", "Price kind override"),
+        description: t(
+          "ecommerce.backend.store.channels.form.priceKindHint",
+          "Optional. The price kind anonymous visitors see on this channel. Leave empty to use the default price kind."
+        ),
+        disabled: readOnly,
+        component: ({ value, setValue, disabled }) => /* @__PURE__ */ jsx(
+          ChannelLookupSinglePicker,
+          {
+            source: priceKindLookupSource,
+            value: typeof value === "string" ? value : "",
+            onChange: (next) => setValue(next),
+            placeholder: t("ecommerce.backend.store.channels.form.priceKindPlaceholder", "Default price kind"),
+            disabled: disabled || readOnly,
+            clearable: true
+          }
+        )
+      },
+      {
+        id: "isDefault",
+        type: "checkbox",
+        label: t("ecommerce.backend.store.channels.form.isDefault", "Default channel of this store"),
+        description: isCurrentDefault ? t(
+          "ecommerce.backend.store.channels.form.isDefaultLocked",
+          "This is the default binding. To change it, make another binding the default; a store without a default channel cannot serve its storefront."
+        ) : t(
+          "ecommerce.backend.store.channels.form.isDefaultHint",
+          "The storefront serves the default binding. Making this binding the default removes the mark from the current default."
+        ),
+        disabled: readOnly || isCurrentDefault
+      },
+      scopePickerField(
+        "categoryIds",
+        t("ecommerce.backend.store.channels.form.categoryIds", "Categories"),
+        t("ecommerce.backend.store.channels.form.categoryPlaceholder", "Search categories"),
+        categoryLookupSource,
+        readOnly
+      ),
+      scopePickerField(
+        "tagIds",
+        t("ecommerce.backend.store.channels.form.tagIds", "Tags"),
+        t("ecommerce.backend.store.channels.form.tagPlaceholder", "Search tags"),
+        tagLookupSource,
+        readOnly
+      ),
+      scopePickerField(
+        "excludeProductIds",
+        t("ecommerce.backend.store.channels.form.excludeProductIds", "Products"),
+        t("ecommerce.backend.store.channels.form.productPlaceholder", "Search products"),
+        productLookupSource,
+        readOnly
+      ),
+      scopePickerField(
+        "excludeCategoryIds",
+        t("ecommerce.backend.store.channels.form.excludeCategoryIds", "Categories"),
+        t("ecommerce.backend.store.channels.form.categoryPlaceholder", "Search categories"),
+        categoryLookupSource,
+        readOnly
+      ),
+      scopePickerField(
+        "excludeTagIds",
+        t("ecommerce.backend.store.channels.form.excludeTagIds", "Tags"),
+        t("ecommerce.backend.store.channels.form.tagPlaceholder", "Search tags"),
+        tagLookupSource,
+        readOnly
+      ),
+      {
+        id: "requireAuthentication",
+        type: "checkbox",
+        label: t("ecommerce.backend.store.channels.form.requireAuthentication", "Require sign-in to see products"),
+        description: t(
+          "ecommerce.backend.store.channels.form.requireAuthenticationHint",
+          "Anonymous visitors see no products on this channel; signed-in buyers see their usual assortment. This governs catalog visibility only, not the whole storefront: pages and sign-in stay reachable. Takes effect on save."
+        ),
+        disabled: readOnly
+      },
+      {
+        id: "priceSortFallback",
+        type: "select",
+        label: t("ecommerce.backend.store.channels.form.priceSortFallback", "Price sorting past {cap} products", { cap }),
+        description: t(
+          "ecommerce.backend.store.channels.form.priceSortFallbackHint",
+          "The storefront sorts by price for at most {cap} matching products. Choose what happens on this channel when more products match.",
+          { cap }
+        ),
+        options: PRICE_SORT_FALLBACKS.map((value) => ({
+          value,
+          label: t(PRICE_SORT_FALLBACK_LABELS[value].key, PRICE_SORT_FALLBACK_LABELS[value].fallback)
+        })),
+        required: true,
+        disabled: readOnly
+      }
+    ],
+    [cap, isCurrentDefault, readOnly, t]
+  );
+  const bindingId = binding?.id ?? null;
+  const groups = React.useMemo(
+    () => [
+      { id: "binding", fields: ["salesChannelId", "priceKindId", "isDefault"] },
+      {
+        id: "scopeInclude",
+        title: t("ecommerce.backend.store.channels.form.includeTitle", "Show only products in"),
+        description: t(
+          "ecommerce.backend.store.channels.form.includeHint",
+          "A product shows when it is in any of the chosen categories and carries any of the chosen tags. An empty picker does not filter, so leave both empty to show the channel's whole catalog; clearing a picker never hides everything."
+        ),
+        fields: ["categoryIds", "tagIds"]
+      },
+      {
+        id: "scopeExclude",
+        title: t("ecommerce.backend.store.channels.form.excludeTitle", "Always hide"),
+        description: t(
+          "ecommerce.backend.store.channels.form.excludeHint",
+          "Hidden products, categories and tags win over the selection above."
+        ),
+        fields: ["excludeProductIds", "excludeCategoryIds", "excludeTagIds"]
+      },
+      {
+        id: "policies",
+        title: t("ecommerce.backend.store.channels.form.policiesTitle", "Catalogue policies"),
+        fields: ["requireAuthentication", "priceSortFallback"]
+      },
+      {
+        id: "priceSortConsequence",
+        bare: true,
+        component: ({ values }) => /* @__PURE__ */ jsx(PriceSortFallbackConsequence, { values })
+      },
+      {
+        id: "liveCount",
+        bare: true,
+        component: ({ values }) => /* @__PURE__ */ jsx(ChannelBindingLiveCount, { bindingId, values })
+      }
+    ],
+    [bindingId, t]
+  );
+  const initialValues = React.useMemo(
+    () => buildChannelBindingInitialValues(binding, { firstBinding }),
+    [binding, firstBinding]
+  );
+  const handleSubmit = React.useCallback(
+    async (values) => {
+      if (binding) {
+        await updateCrud(CHANNEL_BINDINGS_API_PATH, buildChannelBindingUpdatePayload(binding.id, values), {
+          errorMessage: t("ecommerce.backend.store.channels.errors.update", "Failed to update the channel binding.")
+        });
+        flash(t("ecommerce.backend.store.channels.flash.updated", "Channel binding updated"), "success");
+      } else {
+        await createCrud(CHANNEL_BINDINGS_API_PATH, buildChannelBindingCreatePayload(storeId, values), {
+          errorMessage: t("ecommerce.backend.store.channels.errors.create", "Failed to add the channel binding.")
+        });
+        flash(t("ecommerce.backend.store.channels.flash.created", "Channel binding added"), "success");
+      }
+      onOpenChange(false);
+      await onSaved();
+    },
+    [binding, onOpenChange, onSaved, storeId, t]
+  );
+  const title = readOnly ? t("ecommerce.backend.store.channels.view.title", "Channel binding") : binding ? t("ecommerce.backend.store.channels.edit.title", "Edit channel binding") : t("ecommerce.backend.store.channels.add.title", "Add channel binding");
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-h-screen max-w-3xl overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: title }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: t(
+        "ecommerce.backend.store.channels.dialog.description",
+        "Bind a sales channel to this store and decide what it shows and to whom: the assortment scope, the sign-in requirement and how price sorting behaves on a large catalogue."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      CrudForm,
+      {
+        schema: channelBindingFormSchema,
+        fields,
+        groups,
+        initialValues,
+        optimisticLockUpdatedAt: binding?.updatedAt ?? null,
+        readOnly,
+        submitLabel: binding ? t("ecommerce.backend.store.channels.edit.submit", "Save binding") : t("ecommerce.backend.store.channels.add.submit", "Add binding"),
+        onSubmit: handleSubmit,
+        embedded: true
+      },
+      `${binding?.id ?? "new"}:${binding?.updatedAt ?? ""}`
+    )
+  ] }) });
+}
+export {
+  StoreChannelBindingDialog
+};
+//# sourceMappingURL=StoreChannelBindingDialog.js.map

package/dist/modules/ecommerce/components/StoreChannelBindingDialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/ecommerce/components/StoreChannelBindingDialog.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { CrudForm, type CrudField, type CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { createCrud, updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'\nimport { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport { ChannelBindingLiveCount, PriceSortFallbackConsequence } from './ChannelBindingFormSections'\nimport { ChannelLookupMultiPicker, ChannelLookupSinglePicker } from './ChannelLookupPicker'\nimport {\n  categoryLookupSource,\n  priceKindLookupSource,\n  productLookupSource,\n  salesChannelLookupSource,\n  tagLookupSource,\n  type LookupSource,\n} from './channelLookups'\nimport {\n  CHANNEL_BINDINGS_API_PATH,\n  PRICE_SORT_CAP,\n  PRICE_SORT_FALLBACKS,\n  PRICE_SORT_FALLBACK_LABELS,\n  buildChannelBindingCreatePayload,\n  buildChannelBindingInitialValues,\n  buildChannelBindingUpdatePayload,\n  channelBindingFormSchema,\n  type ChannelBindingFormValues,\n  type ChannelBindingRecord,\n  type ScopeIdField,\n} from './storeChannels'\n\ntype StoreChannelBindingDialogProps = {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  storeId: string\n  binding: ChannelBindingRecord | null\n  firstBinding: boolean\n  readOnly: boolean\n  onSaved: () => void | Promise<void>\n}\n\nfunction toIdList(value: unknown): string[] {\n  return Array.isArray(value) ? value.filter((entry): entry is string => typeof entry === 'string') : []\n}\n\nfunction scopePickerField(\n  id: ScopeIdField,\n  label: string,\n  placeholder: string,\n  source: LookupSource,\n  readOnly: boolean,\n): CrudField {\n  return {\n    id,\n    type: 'custom',\n    label,\n    disabled: readOnly,\n    component: ({ value, setValue, disabled }) => (\n      <ChannelLookupMultiPicker\n        source={source}\n        value={toIdList(value)}\n        onChange={(next) => setValue(next)}\n        placeholder={placeholder}\n        disabled={disabled || readOnly}\n      />\n    ),\n  }\n}\n\nexport function StoreChannelBindingDialog({\n  open,\n  onOpenChange,\n  storeId,\n  binding,\n  firstBinding,\n  readOnly,\n  onSaved,\n}: StoreChannelBindingDialogProps) {\n  const t = useT()\n  const locale = useLocale()\n  const cap = React.useMemo(() => new Intl.NumberFormat(locale).format(PRICE_SORT_CAP), [locale])\n  const isCurrentDefault = binding?.isDefault === true\n\n  const fields = React.useMemo<CrudField[]>(\n    () => [\n      {\n        id: 'salesChannelId',\n        type: 'custom',\n        label: t('ecommerce.backend.store.channels.form.salesChannel', 'Sales channel'),\n        required: true,\n        disabled: readOnly,\n        component: ({ value, setValue, disabled }) => (\n          <ChannelLookupSinglePicker\n            source={salesChannelLookupSource}\n            value={typeof value === 'string' ? value : ''}\n            onChange={(next) => setValue(next)}\n            placeholder={t('ecommerce.backend.store.channels.form.salesChannelPlaceholder', 'Select a sales channel\u2026')}\n            disabled={disabled || readOnly}\n          />\n        ),\n      },\n      {\n        id: 'priceKindId',\n        type: 'custom',\n        label: t('ecommerce.backend.store.channels.form.priceKind', 'Price kind override'),\n        description: t(\n          'ecommerce.backend.store.channels.form.priceKindHint',\n          'Optional. The price kind anonymous visitors see on this channel. Leave empty to use the default price kind.',\n        ),\n        disabled: readOnly,\n        component: ({ value, setValue, disabled }) => (\n          <ChannelLookupSinglePicker\n            source={priceKindLookupSource}\n            value={typeof value === 'string' ? value : ''}\n            onChange={(next) => setValue(next)}\n            placeholder={t('ecommerce.backend.store.channels.form.priceKindPlaceholder', 'Default price kind')}\n            disabled={disabled || readOnly}\n            clearable\n          />\n        ),\n      },\n      {\n        id: 'isDefault',\n        type: 'checkbox',\n        label: t('ecommerce.backend.store.channels.form.isDefault', 'Default channel of this store'),\n        description: isCurrentDefault\n          ? t(\n              'ecommerce.backend.store.channels.form.isDefaultLocked',\n              'This is the default binding. To change it, make another binding the default; a store without a default channel cannot serve its storefront.',\n            )\n          : t(\n              'ecommerce.backend.store.channels.form.isDefaultHint',\n              'The storefront serves the default binding. Making this binding the default removes the mark from the current default.',\n            ),\n        disabled: readOnly || isCurrentDefault,\n      },\n      scopePickerField(\n        'categoryIds',\n        t('ecommerce.backend.store.channels.form.categoryIds', 'Categories'),\n        t('ecommerce.backend.store.channels.form.categoryPlaceholder', 'Search categories'),\n        categoryLookupSource,\n        readOnly,\n      ),\n      scopePickerField(\n        'tagIds',\n        t('ecommerce.backend.store.channels.form.tagIds', 'Tags'),\n        t('ecommerce.backend.store.channels.form.tagPlaceholder', 'Search tags'),\n        tagLookupSource,\n        readOnly,\n      ),\n      scopePickerField(\n        'excludeProductIds',\n        t('ecommerce.backend.store.channels.form.excludeProductIds', 'Products'),\n        t('ecommerce.backend.store.channels.form.productPlaceholder', 'Search products'),\n        productLookupSource,\n        readOnly,\n      ),\n      scopePickerField(\n        'excludeCategoryIds',\n        t('ecommerce.backend.store.channels.form.excludeCategoryIds', 'Categories'),\n        t('ecommerce.backend.store.channels.form.categoryPlaceholder', 'Search categories'),\n        categoryLookupSource,\n        readOnly,\n      ),\n      scopePickerField(\n        'excludeTagIds',\n        t('ecommerce.backend.store.channels.form.excludeTagIds', 'Tags'),\n        t('ecommerce.backend.store.channels.form.tagPlaceholder', 'Search tags'),\n        tagLookupSource,\n        readOnly,\n      ),\n      {\n        id: 'requireAuthentication',\n        type: 'checkbox',\n        label: t('ecommerce.backend.store.channels.form.requireAuthentication', 'Require sign-in to see products'),\n        description: t(\n          'ecommerce.backend.store.channels.form.requireAuthenticationHint',\n          'Anonymous visitors see no products on this channel; signed-in buyers see their usual assortment. This governs catalog visibility only, not the whole storefront: pages and sign-in stay reachable. Takes effect on save.',\n        ),\n        disabled: readOnly,\n      },\n      {\n        id: 'priceSortFallback',\n        type: 'select',\n        label: t('ecommerce.backend.store.channels.form.priceSortFallback', 'Price sorting past {cap} products', { cap }),\n        description: t(\n          'ecommerce.backend.store.channels.form.priceSortFallbackHint',\n          'The storefront sorts by price for at most {cap} matching products. Choose what happens on this channel when more products match.',\n          { cap },\n        ),\n        options: PRICE_SORT_FALLBACKS.map((value) => ({\n          value,\n          label: t(PRICE_SORT_FALLBACK_LABELS[value].key, PRICE_SORT_FALLBACK_LABELS[value].fallback),\n        })),\n        required: true,\n        disabled: readOnly,\n      },\n    ],\n    [cap, isCurrentDefault, readOnly, t],\n  )\n\n  const bindingId = binding?.id ?? null\n\n  const groups = React.useMemo<CrudFormGroup[]>(\n    () => [\n      { id: 'binding', fields: ['salesChannelId', 'priceKindId', 'isDefault'] },\n      {\n        id: 'scopeInclude',\n        title: t('ecommerce.backend.store.channels.form.includeTitle', 'Show only products in'),\n        description: t(\n          'ecommerce.backend.store.channels.form.includeHint',\n          \"A product shows when it is in any of the chosen categories and carries any of the chosen tags. An empty picker does not filter, so leave both empty to show the channel's whole catalog; clearing a picker never hides everything.\",\n        ),\n        fields: ['categoryIds', 'tagIds'],\n      },\n      {\n        id: 'scopeExclude',\n        title: t('ecommerce.backend.store.channels.form.excludeTitle', 'Always hide'),\n        description: t(\n          'ecommerce.backend.store.channels.form.excludeHint',\n          'Hidden products, categories and tags win over the selection above.',\n        ),\n        fields: ['excludeProductIds', 'excludeCategoryIds', 'excludeTagIds'],\n      },\n      {\n        id: 'policies',\n        title: t('ecommerce.backend.store.channels.form.policiesTitle', 'Catalogue policies'),\n        fields: ['requireAuthentication', 'priceSortFallback'],\n      },\n      {\n        id: 'priceSortConsequence',\n        bare: true,\n        component: ({ values }) => <PriceSortFallbackConsequence values={values} />,\n      },\n      {\n        id: 'liveCount',\n        bare: true,\n        component: ({ values }) => <ChannelBindingLiveCount bindingId={bindingId} values={values} />,\n      },\n    ],\n    [bindingId, t],\n  )\n\n  const initialValues = React.useMemo(\n    () => buildChannelBindingInitialValues(binding, { firstBinding }),\n    [binding, firstBinding],\n  )\n\n  const handleSubmit = React.useCallback(\n    async (values: ChannelBindingFormValues) => {\n      if (binding) {\n        await updateCrud(CHANNEL_BINDINGS_API_PATH, buildChannelBindingUpdatePayload(binding.id, values), {\n          errorMessage: t('ecommerce.backend.store.channels.errors.update', 'Failed to update the channel binding.'),\n        })\n        flash(t('ecommerce.backend.store.channels.flash.updated', 'Channel binding updated'), 'success')\n      } else {\n        await createCrud(CHANNEL_BINDINGS_API_PATH, buildChannelBindingCreatePayload(storeId, values), {\n          errorMessage: t('ecommerce.backend.store.channels.errors.create', 'Failed to add the channel binding.'),\n        })\n        flash(t('ecommerce.backend.store.channels.flash.created', 'Channel binding added'), 'success')\n      }\n      onOpenChange(false)\n      await onSaved()\n    },\n    [binding, onOpenChange, onSaved, storeId, t],\n  )\n\n  const title = readOnly\n    ? t('ecommerce.backend.store.channels.view.title', 'Channel binding')\n    : binding\n      ? t('ecommerce.backend.store.channels.edit.title', 'Edit channel binding')\n      : t('ecommerce.backend.store.channels.add.title', 'Add channel binding')\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-h-screen max-w-3xl overflow-y-auto\">\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription>\n            {t(\n              'ecommerce.backend.store.channels.dialog.description',\n              'Bind a sales channel to this store and decide what it shows and to whom: the assortment scope, the sign-in requirement and how price sorting behaves on a large catalogue.',\n            )}\n          </DialogDescription>\n        </DialogHeader>\n        <CrudForm<ChannelBindingFormValues>\n          key={`${binding?.id ?? 'new'}:${binding?.updatedAt ?? ''}`}\n          schema={channelBindingFormSchema}\n          fields={fields}\n          groups={groups}\n          initialValues={initialValues}\n          optimisticLockUpdatedAt={binding?.updatedAt ?? null}\n          readOnly={readOnly}\n          submitLabel={\n            binding\n              ? t('ecommerce.backend.store.channels.edit.submit', 'Save binding')\n              : t('ecommerce.backend.store.channels.add.submit', 'Add binding')\n          }\n          onSubmit={handleSubmit}\n          embedded\n        />\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/ecommerce/components/StoreChannelsTab.js

@@ -0,0 +1,313 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { ListEmptyState } from "@open-mercato/ui/backend/filters/ListEmptyState";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { apiCall, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { deleteCrud, updateCrud } from "@open-mercato/ui/backend/utils/crud";
+import { buildOptimisticLockHeader, extractOptimisticLockConflict } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { raiseCrudError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@open-mercato/ui/primitives/card";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { ChannelAssortmentCountCell } from "./ChannelAssortmentCount.js";
+import { useLookupLabelMap } from "./ChannelLookupPicker.js";
+import { priceKindLookupSource, salesChannelLookupSource } from "./channelLookups.js";
+import { StoreChannelBindingDialog } from "./StoreChannelBindingDialog.js";
+import {
+  CHANNEL_BINDINGS_API_PATH,
+  CHANNEL_BINDINGS_API_URL,
+  CHANNEL_BINDINGS_PAGE_SIZE,
+  PRICE_SORT_FALLBACK_LABELS,
+  PRICE_SORT_FALLBACK_VARIANTS,
+  countScopeRules,
+  isPriceSortFallback
+} from "./storeChannels.js";
+import { useStoreAccess } from "./useStoreAccess.js";
+function uniqueIds(values) {
+  return Array.from(new Set(values.filter((value) => typeof value === "string" && value.length > 0))).sort(
+    (left, right) => left.localeCompare(right)
+  );
+}
+function StoreChannelsTab({ store, reload }) {
+  const t = useT();
+  const queryClient = useQueryClient();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: "ecommerce-store-channels"
+  });
+  const { canManageChannels } = useStoreAccess();
+  const [dialog, setDialog] = React.useState({ mode: "closed" });
+  const bindingsKey = React.useMemo(() => ["ecommerce", "stores", "channel-bindings", store.id], [store.id]);
+  const bindingsQuery = useQuery({
+    queryKey: bindingsKey,
+    queryFn: async () => {
+      const params = new URLSearchParams({
+        storeId: store.id,
+        page: "1",
+        pageSize: String(CHANNEL_BINDINGS_PAGE_SIZE),
+        sortField: "createdAt",
+        sortDir: "asc"
+      });
+      const call = await apiCall(`${CHANNEL_BINDINGS_API_URL}?${params.toString()}`, {
+        cache: "no-store"
+      });
+      if (!call.ok) {
+        await raiseCrudError(call.response, t("ecommerce.backend.store.channels.errors.load", "Failed to load the channel bindings."));
+      }
+      return call.result ?? { items: [], total: 0, totalPages: 1 };
+    }
+  });
+  const bindings = React.useMemo(() => bindingsQuery.data?.items ?? [], [bindingsQuery.data]);
+  const channelIds = React.useMemo(() => uniqueIds(bindings.map((binding) => binding.salesChannelId)), [bindings]);
+  const priceKindIds = React.useMemo(() => uniqueIds(bindings.map((binding) => binding.priceKindId)), [bindings]);
+  const channelLabels = useLookupLabelMap(salesChannelLookupSource, channelIds);
+  const priceKindLabels = useLookupLabelMap(priceKindLookupSource, priceKindIds);
+  const refresh = React.useCallback(async () => {
+    await Promise.all([queryClient.invalidateQueries({ queryKey: bindingsKey }), reload()]);
+  }, [bindingsKey, queryClient, reload]);
+  const describeBinding = React.useCallback(
+    (binding) => channelLabels[binding.salesChannelId] ?? binding.salesChannelId,
+    [channelLabels]
+  );
+  const runBindingMutation = React.useCallback(
+    async (binding, payload, run, failure) => {
+      try {
+        await runMutation({
+          operation: () => withScopedApiRequestHeaders(buildOptimisticLockHeader(binding.updatedAt), run),
+          context: { retryLastMutation },
+          mutationPayload: payload
+        });
+        return true;
+      } catch (error) {
+        if (extractOptimisticLockConflict(error)) return false;
+        flash(error instanceof Error && error.message ? error.message : failure, "error");
+        return false;
+      }
+    },
+    [retryLastMutation, runMutation]
+  );
+  const handleMakeDefault = React.useCallback(
+    async (binding) => {
+      const failure = t("ecommerce.backend.store.channels.errors.makeDefault", "Failed to make the binding the default.");
+      const payload = { id: binding.id, isDefault: true };
+      const ok = await runBindingMutation(
+        binding,
+        payload,
+        () => updateCrud(CHANNEL_BINDINGS_API_PATH, payload, { errorMessage: failure }),
+        failure
+      );
+      if (!ok) return;
+      flash(
+        t("ecommerce.backend.store.channels.flash.defaultSet", "{channel} is now the default channel of this store.", {
+          channel: describeBinding(binding)
+        }),
+        "success"
+      );
+      await refresh();
+    },
+    [describeBinding, refresh, runBindingMutation, t]
+  );
+  const handleDelete = React.useCallback(
+    async (binding) => {
+      const confirmed = await confirm({
+        title: t("ecommerce.backend.store.channels.delete.confirmTitle", 'Remove binding "{channel}"?', {
+          channel: describeBinding(binding)
+        }),
+        text: binding.isDefault ? t(
+          "ecommerce.backend.store.channels.delete.confirmTextDefault",
+          "This is the default binding. Until you make another binding the default, the storefront cannot serve and answers every request with an error. The sales channel itself is not deleted."
+        ) : t(
+          "ecommerce.backend.store.channels.delete.confirmText",
+          "The store stops using this channel. The sales channel itself is not deleted and can be bound again."
+        ),
+        confirmText: t("ecommerce.backend.store.channels.delete.confirmButton", "Remove binding"),
+        variant: "destructive"
+      });
+      if (!confirmed) return;
+      const failure = t("ecommerce.backend.store.channels.errors.delete", "Failed to remove the channel binding.");
+      const ok = await runBindingMutation(
+        binding,
+        { id: binding.id },
+        () => deleteCrud(CHANNEL_BINDINGS_API_PATH, binding.id, { errorMessage: failure }),
+        failure
+      );
+      if (!ok) return;
+      flash(t("ecommerce.backend.store.channels.flash.deleted", "Channel binding removed"), "success");
+      await refresh();
+    },
+    [confirm, describeBinding, refresh, runBindingMutation, t]
+  );
+  const columns = React.useMemo(
+    () => [
+      {
+        id: "channel",
+        header: t("ecommerce.backend.store.channels.columns.channel", "Sales channel"),
+        enableSorting: false,
+        cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "font-medium", children: describeBinding(row.original) })
+      },
+      {
+        id: "default",
+        header: t("ecommerce.backend.store.channels.columns.default", "Default"),
+        enableSorting: false,
+        cell: ({ row }) => row.original.isDefault ? /* @__PURE__ */ jsx(StatusBadge, { variant: "success", dot: true, children: t("ecommerce.backend.store.channels.defaultBadge", "Default") }) : "\u2014"
+      },
+      {
+        id: "priceKind",
+        header: t("ecommerce.backend.store.channels.columns.priceKind", "Price kind"),
+        enableSorting: false,
+        cell: ({ row }) => {
+          const priceKindId = row.original.priceKindId;
+          if (!priceKindId) {
+            return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("ecommerce.backend.store.channels.priceKindDefault", "Default price kind") });
+          }
+          return priceKindLabels[priceKindId] ?? priceKindId;
+        }
+      },
+      {
+        id: "scope",
+        header: t("ecommerce.backend.store.channels.columns.scope", "Assortment"),
+        enableSorting: false,
+        cell: ({ row }) => {
+          const rules = countScopeRules(row.original.assortmentScope);
+          return rules > 0 ? t("ecommerce.backend.store.channels.scopeRestricted", "Restricted ({count} rules)", { count: String(rules) }) : t("ecommerce.backend.store.channels.scopeAll", "All products");
+        }
+      },
+      {
+        id: "requireAuthentication",
+        header: t("ecommerce.backend.store.channels.columns.requireAuthentication", "Sign-in"),
+        enableSorting: false,
+        cell: ({ row }) => row.original.requireAuthentication ? /* @__PURE__ */ jsx(StatusBadge, { variant: "warning", dot: true, children: t("ecommerce.backend.store.channels.requireAuthenticationBadge", "Sign-in required") }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("ecommerce.backend.store.channels.public", "Public") })
+      },
+      {
+        id: "priceSortFallback",
+        header: t("ecommerce.backend.store.channels.columns.priceSortFallback", "Large-catalogue price sort"),
+        enableSorting: false,
+        cell: ({ row }) => {
+          const fallback = isPriceSortFallback(row.original.priceSortFallback) ? row.original.priceSortFallback : "approximate";
+          const label = PRICE_SORT_FALLBACK_LABELS[fallback];
+          return /* @__PURE__ */ jsx(StatusBadge, { variant: PRICE_SORT_FALLBACK_VARIANTS[fallback], children: t(label.key, label.fallback) });
+        }
+      },
+      {
+        id: "count",
+        header: t("ecommerce.backend.store.channels.columns.count", "Products shown"),
+        enableSorting: false,
+        cell: ({ row }) => /* @__PURE__ */ jsx(ChannelAssortmentCountCell, { bindingId: row.original.id, updatedAt: row.original.updatedAt })
+      }
+    ],
+    [describeBinding, priceKindLabels, t]
+  );
+  const buildRowActions = React.useCallback(
+    (binding) => {
+      if (!canManageChannels) {
+        return [
+          {
+            id: "view",
+            label: t("ecommerce.backend.store.channels.actions.view", "View"),
+            onSelect: () => setDialog({ mode: "edit", binding })
+          }
+        ];
+      }
+      const items = [
+        {
+          id: "edit",
+          label: t("ecommerce.backend.store.channels.actions.edit", "Edit"),
+          onSelect: () => setDialog({ mode: "edit", binding })
+        }
+      ];
+      if (!binding.isDefault) {
+        items.push({
+          id: "make-default",
+          label: t("ecommerce.backend.store.channels.actions.makeDefault", "Make default"),
+          onSelect: () => {
+            void handleMakeDefault(binding);
+          }
+        });
+      }
+      items.push({
+        id: "delete",
+        label: t("ecommerce.backend.store.channels.actions.delete", "Remove"),
+        destructive: true,
+        onSelect: () => {
+          void handleDelete(binding);
+        }
+      });
+      return items;
+    },
+    [canManageChannels, handleDelete, handleMakeDefault, t]
+  );
+  const addAction = canManageChannels ? /* @__PURE__ */ jsx(Button, { type: "button", onClick: () => setDialog({ mode: "add" }), children: t("ecommerce.backend.store.channels.actions.add", "Add channel binding") }) : null;
+  const emptyState = /* @__PURE__ */ jsx(
+    ListEmptyState,
+    {
+      entityName: t("ecommerce.backend.store.channels.entityPlural", "channel bindings"),
+      title: t("ecommerce.backend.store.channels.empty.title", "No sales channel bound yet"),
+      description: t(
+        "ecommerce.backend.store.channels.empty.description",
+        "Bind a sales channel and make it the default. The storefront cannot serve without a default channel binding."
+      ),
+      onCreate: canManageChannels ? () => setDialog({ mode: "add" }) : void 0,
+      createLabel: t("ecommerce.backend.store.channels.actions.add", "Add channel binding")
+    }
+  );
+  const hasDefault = bindings.some((binding) => binding.isDefault);
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: t("ecommerce.backend.store.channels.title", "Channels") }),
+      /* @__PURE__ */ jsx(CardDescription, { children: t(
+        "ecommerce.backend.store.channels.description",
+        "The sales channels this store sells through. Each binding decides what the channel shows and to whom: price kind, assortment scope, sign-in requirement and large-catalogue price sorting."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+      !bindingsQuery.isLoading && bindings.length > 0 && !hasDefault ? /* @__PURE__ */ jsx(Alert, { status: "warning", children: /* @__PURE__ */ jsx(AlertDescription, { children: t(
+        "ecommerce.backend.store.channels.noDefault",
+        "No binding is the default, so the storefront cannot serve. Make one binding the default."
+      ) }) }) : null,
+      canManageChannels ? null : /* @__PURE__ */ jsx(Alert, { status: "information", children: /* @__PURE__ */ jsx(AlertDescription, { children: t(
+        "ecommerce.backend.store.channels.readOnly",
+        "You can view these bindings but not change them. Changing them requires permission to manage store channels."
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsx(
+        DataTable,
+        {
+          columns,
+          data: bindings,
+          isLoading: bindingsQuery.isLoading,
+          error: bindingsQuery.isError ? t("ecommerce.backend.store.channels.errors.load", "Failed to load the channel bindings.") : null,
+          actions: addAction,
+          rowActions: (row) => /* @__PURE__ */ jsx(RowActions, { items: buildRowActions(row) }),
+          emptyState,
+          embedded: true
+        }
+      ) }),
+      dialog.mode !== "closed" && (canManageChannels || dialog.mode === "edit") ? /* @__PURE__ */ jsx(
+        StoreChannelBindingDialog,
+        {
+          open: true,
+          onOpenChange: (next) => {
+            if (!next) setDialog({ mode: "closed" });
+          },
+          storeId: store.id,
+          binding: dialog.mode === "edit" ? dialog.binding : null,
+          firstBinding: bindings.length === 0,
+          readOnly: !canManageChannels,
+          onSaved: refresh
+        }
+      ) : null,
+      ConfirmDialogElement
+    ] })
+  ] });
+}
+export {
+  StoreChannelsTab
+};
+//# sourceMappingURL=StoreChannelsTab.js.map