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

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

@@ -0,0 +1,132 @@
+"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 { updateCrud } from "@open-mercato/ui/backend/utils/crud";
+import { createCrudFormError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@open-mercato/ui/primitives/card";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { STORES_API_PATH } from "./storeAdmin.js";
+import {
+  buildStoreSeoInitialValues,
+  buildStoreSeoPayload,
+  remapStoreSeoFieldErrors,
+  STORE_SEO_FIELD_LIMITS,
+  storeSeoFormSchema
+} from "./storeSeo.js";
+import { useStoreAccess } from "./useStoreAccess.js";
+function StoreSeoTab({ store, reload }) {
+  const t = useT();
+  const { canManage } = useStoreAccess();
+  const [formKey, setFormKey] = React.useState(0);
+  const fields = React.useMemo(
+    () => [
+      {
+        id: "siteName",
+        type: "text",
+        label: t("ecommerce.backend.store.seo.siteName", "Site name"),
+        description: t(
+          "ecommerce.backend.store.seo.siteNameHint",
+          "The name of your store shown in search results and the browser tab."
+        ),
+        maxLength: STORE_SEO_FIELD_LIMITS.siteName,
+        disabled: !canManage
+      },
+      {
+        id: "defaultMetaDescription",
+        type: "textarea",
+        label: t("ecommerce.backend.store.seo.defaultMetaDescription", "Default meta description"),
+        description: t(
+          "ecommerce.backend.store.seo.defaultMetaDescriptionHint",
+          "A short description of your store shown in search results when no product description is available."
+        ),
+        maxLength: STORE_SEO_FIELD_LIMITS.defaultMetaDescription,
+        disabled: !canManage
+      },
+      {
+        id: "googleSiteVerification",
+        type: "text",
+        label: t("ecommerce.backend.store.seo.googleSiteVerification", "Google site verification token"),
+        description: t(
+          "ecommerce.backend.store.seo.googleSiteVerificationHint",
+          "The token provided by Google Search Console to verify site ownership."
+        ),
+        maxLength: STORE_SEO_FIELD_LIMITS.googleSiteVerification,
+        disabled: !canManage
+      },
+      {
+        id: "robotsTxt",
+        type: "textarea",
+        label: t("ecommerce.backend.store.seo.robotsTxt", "robots.txt"),
+        description: t(
+          "ecommerce.backend.store.seo.robotsTxtHint",
+          "Instructions for search engine crawlers on which parts of your store to index."
+        ),
+        maxLength: STORE_SEO_FIELD_LIMITS.robotsTxt,
+        disabled: !canManage
+      }
+    ],
+    [canManage, t]
+  );
+  const initialValues = React.useMemo(() => buildStoreSeoInitialValues(store), [store]);
+  const handleSubmit = React.useCallback(
+    async (values) => {
+      try {
+        await updateCrud(STORES_API_PATH, buildStoreSeoPayload(store.id, values), {
+          errorMessage: t("ecommerce.backend.store.seo.errors.save", "Failed to save the SEO settings.")
+        });
+      } catch (error) {
+        const failure = error;
+        const fieldErrors = remapStoreSeoFieldErrors(failure.fieldErrors);
+        if (!fieldErrors) throw error;
+        throw createCrudFormError(failure.message, fieldErrors, { status: failure.status, details: failure.details });
+      }
+      flash(t("ecommerce.backend.store.seo.flash.saved", "SEO settings saved"), "success");
+      await reload();
+    },
+    [reload, store.id, t]
+  );
+  const resetForm = React.useCallback(() => setFormKey((current) => current + 1), []);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (event.key !== "Escape" || event.defaultPrevented) return;
+      resetForm();
+    },
+    [resetForm]
+  );
+  return /* @__PURE__ */ jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { children: t("ecommerce.backend.store.seo.title", "Search engine optimization") }),
+      /* @__PURE__ */ jsx(CardDescription, { children: t(
+        "ecommerce.backend.store.seo.description",
+        "Configure how your store appears in search results and to automated crawlers."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+      canManage ? null : /* @__PURE__ */ jsx(Alert, { status: "information", children: /* @__PURE__ */ jsx(AlertDescription, { children: t(
+        "ecommerce.backend.store.seo.readOnly",
+        "You can view these SEO settings but not change them. Changing them requires permission to manage stores."
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { onKeyDown: handleKeyDown, children: /* @__PURE__ */ jsx(
+        CrudForm,
+        {
+          schema: storeSeoFormSchema,
+          fields,
+          initialValues,
+          optimisticLockUpdatedAt: store.updatedAt,
+          submitLabel: t("ecommerce.backend.store.seo.save", "Save SEO settings"),
+          onSubmit: handleSubmit,
+          hideFooterActions: !canManage,
+          embedded: true
+        },
+        `${formKey}:${store.updatedAt ?? "new"}`
+      ) })
+    ] })
+  ] }) });
+}
+export {
+  StoreSeoTab
+};
+//# sourceMappingURL=StoreSeoTab.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/ecommerce/components/StoreSeoTab.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { CrudForm, type CrudField } from '@open-mercato/ui/backend/CrudForm'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { updateCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { createCrudFormError, type CrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { Alert, AlertDescription } from '@open-mercato/ui/primitives/alert'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@open-mercato/ui/primitives/card'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { STORES_API_PATH, type StoreAdminRecord } from './storeAdmin'\nimport {\n  buildStoreSeoInitialValues,\n  buildStoreSeoPayload,\n  remapStoreSeoFieldErrors,\n  STORE_SEO_FIELD_LIMITS,\n  storeSeoFormSchema,\n  type StoreSeoFormValues,\n} from './storeSeo'\nimport { useStoreAccess } from './useStoreAccess'\n\ntype StoreSeoTabProps = {\n  store: StoreAdminRecord\n  reload: () => Promise<void>\n}\n\nexport function StoreSeoTab({ store, reload }: StoreSeoTabProps) {\n  const t = useT()\n  const { canManage } = useStoreAccess()\n  const [formKey, setFormKey] = React.useState(0)\n\n  const fields = React.useMemo<CrudField[]>(\n    () => [\n      {\n        id: 'siteName',\n        type: 'text',\n        label: t('ecommerce.backend.store.seo.siteName', 'Site name'),\n        description: t(\n          'ecommerce.backend.store.seo.siteNameHint',\n          'The name of your store shown in search results and the browser tab.',\n        ),\n        maxLength: STORE_SEO_FIELD_LIMITS.siteName,\n        disabled: !canManage,\n      },\n      {\n        id: 'defaultMetaDescription',\n        type: 'textarea',\n        label: t('ecommerce.backend.store.seo.defaultMetaDescription', 'Default meta description'),\n        description: t(\n          'ecommerce.backend.store.seo.defaultMetaDescriptionHint',\n          'A short description of your store shown in search results when no product description is available.',\n        ),\n        maxLength: STORE_SEO_FIELD_LIMITS.defaultMetaDescription,\n        disabled: !canManage,\n      },\n      {\n        id: 'googleSiteVerification',\n        type: 'text',\n        label: t('ecommerce.backend.store.seo.googleSiteVerification', 'Google site verification token'),\n        description: t(\n          'ecommerce.backend.store.seo.googleSiteVerificationHint',\n          'The token provided by Google Search Console to verify site ownership.',\n        ),\n        maxLength: STORE_SEO_FIELD_LIMITS.googleSiteVerification,\n        disabled: !canManage,\n      },\n      {\n        id: 'robotsTxt',\n        type: 'textarea',\n        label: t('ecommerce.backend.store.seo.robotsTxt', 'robots.txt'),\n        description: t(\n          'ecommerce.backend.store.seo.robotsTxtHint',\n          'Instructions for search engine crawlers on which parts of your store to index.',\n        ),\n        maxLength: STORE_SEO_FIELD_LIMITS.robotsTxt,\n        disabled: !canManage,\n      },\n    ],\n    [canManage, t],\n  )\n\n  const initialValues = React.useMemo(() => buildStoreSeoInitialValues(store), [store])\n\n  const handleSubmit = React.useCallback(\n    async (values: StoreSeoFormValues) => {\n      try {\n        await updateCrud(STORES_API_PATH, buildStoreSeoPayload(store.id, values), {\n          errorMessage: t('ecommerce.backend.store.seo.errors.save', 'Failed to save the SEO settings.'),\n        })\n      } catch (error) {\n        const failure = error as CrudFormError\n        const fieldErrors = remapStoreSeoFieldErrors(failure.fieldErrors)\n        if (!fieldErrors) throw error\n        throw createCrudFormError(failure.message, fieldErrors, { status: failure.status, details: failure.details })\n      }\n      flash(t('ecommerce.backend.store.seo.flash.saved', 'SEO settings saved'), 'success')\n      await reload()\n    },\n    [reload, store.id, t],\n  )\n\n  const resetForm = React.useCallback(() => setFormKey((current) => current + 1), [])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if (event.key !== 'Escape' || event.defaultPrevented) return\n      resetForm()\n    },\n    [resetForm],\n  )\n\n  return (\n    <div className=\"space-y-6\">\n      <Card>\n        <CardHeader>\n          <CardTitle>{t('ecommerce.backend.store.seo.title', 'Search engine optimization')}</CardTitle>\n          <CardDescription>\n            {t(\n              'ecommerce.backend.store.seo.description',\n              'Configure how your store appears in search results and to automated crawlers.',\n            )}\n          </CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          {canManage ? null : (\n            <Alert status=\"information\">\n              <AlertDescription>\n                {t(\n                  'ecommerce.backend.store.seo.readOnly',\n                  'You can view these SEO settings but not change them. Changing them requires permission to manage stores.',\n                )}\n              </AlertDescription>\n            </Alert>\n          )}\n          <div onKeyDown={handleKeyDown}>\n            <CrudForm<StoreSeoFormValues>\n              key={`${formKey}:${store.updatedAt ?? 'new'}`}\n              schema={storeSeoFormSchema}\n              fields={fields}\n              initialValues={initialValues}\n              optimisticLockUpdatedAt={store.updatedAt}\n              submitLabel={t('ecommerce.backend.store.seo.save', 'Save SEO settings')}\n              onSubmit={handleSubmit}\n              hideFooterActions={!canManage}\n              embedded\n            />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,20 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import { STORE_STATUS_VARIANTS } from "./storeAdmin.js";
+const STORE_STATUS_LABELS = {
+  draft: { key: "ecommerce.backend.stores.status.draft", fallback: "Draft" },
+  active: { key: "ecommerce.backend.stores.status.active", fallback: "Active" },
+  archived: { key: "ecommerce.backend.stores.status.archived", fallback: "Archived" }
+};
+function StoreStatusBadge({ status }) {
+  const t = useT();
+  const label = STORE_STATUS_LABELS[status];
+  return /* @__PURE__ */ jsx(StatusBadge, { variant: STORE_STATUS_VARIANTS[status] ?? "neutral", dot: true, children: label ? t(label.key, label.fallback) : status });
+}
+export {
+  STORE_STATUS_LABELS,
+  StoreStatusBadge
+};
+//# sourceMappingURL=StoreStatusBadge.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/ecommerce/components/StoreStatusBadge.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { StatusBadge } from '@open-mercato/ui/primitives/status-badge'\nimport { STORE_STATUS_VARIANTS, type StoreStatus } from './storeAdmin'\n\nexport const STORE_STATUS_LABELS: Record<StoreStatus, { key: string; fallback: string }> = {\n  draft: { key: 'ecommerce.backend.stores.status.draft', fallback: 'Draft' },\n  active: { key: 'ecommerce.backend.stores.status.active', fallback: 'Active' },\n  archived: { key: 'ecommerce.backend.stores.status.archived', fallback: 'Archived' },\n}\n\nexport function StoreStatusBadge({ status }: { status: StoreStatus }) {\n  const t = useT()\n  const label = STORE_STATUS_LABELS[status]\n  return (\n    <StatusBadge variant={STORE_STATUS_VARIANTS[status] ?? 'neutral'} dot>\n      {label ? t(label.key, label.fallback) : status}\n    </StatusBadge>\n  )\n}\n"],
+  "mappings": ";AAiBI;AAdJ,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,6BAA+C;AAEjD,MAAM,sBAA8E;AAAA,EACzF,OAAO,EAAE,KAAK,yCAAyC,UAAU,QAAQ;AAAA,EACzE,QAAQ,EAAE,KAAK,0CAA0C,UAAU,SAAS;AAAA,EAC5E,UAAU,EAAE,KAAK,4CAA4C,UAAU,WAAW;AACpF;AAEO,SAAS,iBAAiB,EAAE,OAAO,GAA4B;AACpE,QAAM,IAAI,KAAK;AACf,QAAM,QAAQ,oBAAoB,MAAM;AACxC,SACE,oBAAC,eAAY,SAAS,sBAAsB,MAAM,KAAK,WAAW,KAAG,MAClE,kBAAQ,EAAE,MAAM,KAAK,MAAM,QAAQ,IAAI,QAC1C;AAEJ;",
+  "names": []
+}

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

@@ -0,0 +1,28 @@
+import {
+  createIdsLookupSource,
+  lookupLabelWithCode,
+  pickLookupString
+} from "@open-mercato/ui/backend/inputs/lookupSources";
+import {
+  categoryLookupSource,
+  productLookupSource,
+  tagLookupSource
+} from "@open-mercato/core/modules/catalog/components/lookupSources";
+const salesChannelLookupSource = createIdsLookupSource("sales-channels", "/api/sales/channels", (item) => {
+  const value = pickLookupString(item, "id");
+  if (!value) return null;
+  return { value, label: lookupLabelWithCode(pickLookupString(item, "name") || value, pickLookupString(item, "code")) };
+});
+const priceKindLookupSource = createIdsLookupSource("price-kinds", "/api/catalog/price-kinds", (item) => {
+  const value = pickLookupString(item, "id");
+  if (!value) return null;
+  return { value, label: lookupLabelWithCode(pickLookupString(item, "title", "name") || value, pickLookupString(item, "code")) };
+});
+export {
+  categoryLookupSource,
+  priceKindLookupSource,
+  productLookupSource,
+  salesChannelLookupSource,
+  tagLookupSource
+};
+//# sourceMappingURL=channelLookups.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/ecommerce/components/channelLookups.ts"],
+  "sourcesContent": ["import {\n  createIdsLookupSource,\n  lookupLabelWithCode,\n  pickLookupString,\n} from '@open-mercato/ui/backend/inputs/lookupSources'\n\nexport type { LookupOption, LookupSource } from '@open-mercato/ui/backend/inputs/lookupSources'\nexport {\n  categoryLookupSource,\n  productLookupSource,\n  tagLookupSource,\n} from '@open-mercato/core/modules/catalog/components/lookupSources'\n\nexport const salesChannelLookupSource = createIdsLookupSource('sales-channels', '/api/sales/channels', (item) => {\n  const value = pickLookupString(item, 'id')\n  if (!value) return null\n  return { value, label: lookupLabelWithCode(pickLookupString(item, 'name') || value, pickLookupString(item, 'code')) }\n})\n\nexport const priceKindLookupSource = createIdsLookupSource('price-kinds', '/api/catalog/price-kinds', (item) => {\n  const value = pickLookupString(item, 'id')\n  if (!value) return null\n  return { value, label: lookupLabelWithCode(pickLookupString(item, 'title', 'name') || value, pickLookupString(item, 'code')) }\n})\n"],
+  "mappings": "AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,2BAA2B,sBAAsB,kBAAkB,uBAAuB,CAAC,SAAS;AAC/G,QAAM,QAAQ,iBAAiB,MAAM,IAAI;AACzC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,EAAE,OAAO,OAAO,oBAAoB,iBAAiB,MAAM,MAAM,KAAK,OAAO,iBAAiB,MAAM,MAAM,CAAC,EAAE;AACtH,CAAC;AAEM,MAAM,wBAAwB,sBAAsB,eAAe,4BAA4B,CAAC,SAAS;AAC9G,QAAM,QAAQ,iBAAiB,MAAM,IAAI;AACzC,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,EAAE,OAAO,OAAO,oBAAoB,iBAAiB,MAAM,SAAS,MAAM,KAAK,OAAO,iBAAiB,MAAM,MAAM,CAAC,EAAE;AAC/H,CAAC;",
+  "names": []
+}

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

@@ -0,0 +1,41 @@
+const STORE_STATUSES = ["draft", "active", "archived"];
+const STORES_API_PATH = "ecommerce/stores";
+const STORES_API_URL = `/api/${STORES_API_PATH}`;
+const STORE_LIST_HREF = "/backend/config/ecommerce";
+const STORE_MANAGE_FEATURE = "ecommerce.stores.manage";
+const STORE_VIEW_FEATURE = "ecommerce.stores.view";
+const BRANDING_MANAGE_FEATURE = "ecommerce.branding.manage";
+const DOMAINS_MANAGE_FEATURE = "ecommerce.domains.manage";
+const CHANNELS_MANAGE_FEATURE = "ecommerce.channels.manage";
+const AVAILABILITY_POLICIES_API_PATH = "availability/policies";
+const AVAILABILITY_POLICIES_API_URL = `/api/${AVAILABILITY_POLICIES_API_PATH}`;
+const AVAILABILITY_VIEW_FEATURE = "availability.policies.view";
+const AVAILABILITY_MANAGE_FEATURE = "availability.policies.manage";
+const STORE_STATUS_VARIANTS = {
+  draft: "neutral",
+  active: "success",
+  archived: "warning"
+};
+function formatPrimaryDomain(summary) {
+  const domain = summary?.primaryDomain;
+  if (!domain) return null;
+  return `${domain.hostname}${domain.pathPrefix ?? ""}`;
+}
+export {
+  AVAILABILITY_MANAGE_FEATURE,
+  AVAILABILITY_POLICIES_API_PATH,
+  AVAILABILITY_POLICIES_API_URL,
+  AVAILABILITY_VIEW_FEATURE,
+  BRANDING_MANAGE_FEATURE,
+  CHANNELS_MANAGE_FEATURE,
+  DOMAINS_MANAGE_FEATURE,
+  STORES_API_PATH,
+  STORES_API_URL,
+  STORE_LIST_HREF,
+  STORE_MANAGE_FEATURE,
+  STORE_STATUSES,
+  STORE_STATUS_VARIANTS,
+  STORE_VIEW_FEATURE,
+  formatPrimaryDomain
+};
+//# sourceMappingURL=storeAdmin.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/ecommerce/components/storeAdmin.ts"],
+  "sourcesContent": ["import type { StatusBadgeVariant } from '@open-mercato/ui/primitives/status-badge'\nimport type { StoreListBindingSummary } from '../data/enrichers'\n\nexport const STORE_STATUSES = ['draft', 'active', 'archived'] as const\n\nexport type StoreStatus = (typeof STORE_STATUSES)[number]\n\nexport type StoreAdminRecord = {\n  id: string\n  organizationId?: string | null\n  tenantId?: string | null\n  code: string\n  name: string\n  slug: string\n  status: StoreStatus\n  defaultLocale: string\n  supportedLocales: string[]\n  defaultCurrencyCode: string\n  isPrimary: boolean\n  settings?: Record<string, unknown> | null\n  createdAt: string | null\n  updatedAt: string | null\n  _ecommerce?: StoreListBindingSummary\n}\n\nexport type StoreListResponse = {\n  items: StoreAdminRecord[]\n  total: number\n  totalPages: number\n  totalIsCapped?: boolean\n}\n\nexport const STORES_API_PATH = 'ecommerce/stores'\nexport const STORES_API_URL = `/api/${STORES_API_PATH}`\nexport const STORE_LIST_HREF = '/backend/config/ecommerce'\nexport const STORE_MANAGE_FEATURE = 'ecommerce.stores.manage'\nexport const STORE_VIEW_FEATURE = 'ecommerce.stores.view'\nexport const BRANDING_MANAGE_FEATURE = 'ecommerce.branding.manage'\nexport const DOMAINS_MANAGE_FEATURE = 'ecommerce.domains.manage'\nexport const CHANNELS_MANAGE_FEATURE = 'ecommerce.channels.manage'\nexport const AVAILABILITY_POLICIES_API_PATH = 'availability/policies'\nexport const AVAILABILITY_POLICIES_API_URL = `/api/${AVAILABILITY_POLICIES_API_PATH}`\nexport const AVAILABILITY_VIEW_FEATURE = 'availability.policies.view'\nexport const AVAILABILITY_MANAGE_FEATURE = 'availability.policies.manage'\n\nexport const STORE_STATUS_VARIANTS: Record<StoreStatus, StatusBadgeVariant> = {\n  draft: 'neutral',\n  active: 'success',\n  archived: 'warning',\n}\n\nexport function formatPrimaryDomain(summary: StoreListBindingSummary | undefined): string | null {\n  const domain = summary?.primaryDomain\n  if (!domain) return null\n  return `${domain.hostname}${domain.pathPrefix ?? ''}`\n}\n"],
+  "mappings": "AAGO,MAAM,iBAAiB,CAAC,SAAS,UAAU,UAAU;AA6BrD,MAAM,kBAAkB;AACxB,MAAM,iBAAiB,QAAQ,eAAe;AAC9C,MAAM,kBAAkB;AACxB,MAAM,uBAAuB;AAC7B,MAAM,qBAAqB;AAC3B,MAAM,0BAA0B;AAChC,MAAM,yBAAyB;AAC/B,MAAM,0BAA0B;AAChC,MAAM,iCAAiC;AACvC,MAAM,gCAAgC,QAAQ,8BAA8B;AAC5E,MAAM,4BAA4B;AAClC,MAAM,8BAA8B;AAEpC,MAAM,wBAAiE;AAAA,EAC5E,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AACZ;AAEO,SAAS,oBAAoB,SAA6D;AAC/F,QAAM,SAAS,SAAS;AACxB,MAAI,CAAC,OAAQ,QAAO;AACpB,SAAO,GAAG,OAAO,QAAQ,GAAG,OAAO,cAAc,EAAE;AACrD;",
+  "names": []
+}

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

@@ -0,0 +1,197 @@
+import { z } from "zod";
+import { ecommerceStoreBrandingSchema, isSafeAssetUrl } from "../data/validators.js";
+import {
+  ECOMMERCE_BRANDING_COLOR_KEYS,
+  ECOMMERCE_BRANDING_DEFAULTS,
+  ECOMMERCE_BRANDING_FONT_KEYS,
+  findEcommerceBrandingFont,
+  isValidBorderRadius,
+  normalizeBrandingColor,
+  renderBrandingRootRule
+} from "../lib/brandingStyles.js";
+const BRANDING_COLOR_KEYS = ECOMMERCE_BRANDING_COLOR_KEYS;
+const BRANDING_FONT_KEYS = ECOMMERCE_BRANDING_FONT_KEYS;
+const BRANDING_ASSET_KEYS = ["logoUrl", "faviconUrl"];
+const BRANDING_FONT_INHERIT = "inherit";
+const DEFAULT_BASE_FONT_ID = "inter";
+const RADIUS_SLIDER_MIN = 0;
+const RADIUS_SLIDER_MAX = 5;
+const RADIUS_SLIDER_STEP = 0.125;
+const PX_PER_REM = 16;
+const STORE_BRANDING_API_PATH = (storeId) => `/api/ecommerce/stores/${encodeURIComponent(storeId)}/branding`;
+const ALL_KEYS = [
+  ...BRANDING_COLOR_KEYS,
+  "borderRadius",
+  ...BRANDING_FONT_KEYS,
+  ...BRANDING_ASSET_KEYS
+];
+function readStoredBranding(store) {
+  const branding = store.settings?.branding;
+  return typeof branding === "object" && branding !== null && !Array.isArray(branding) ? branding : {};
+}
+function readStoredString(stored, key) {
+  const value = stored[key];
+  return typeof value === "string" ? value : "";
+}
+function buildStoreBrandingInitialValues(store) {
+  const stored = readStoredBranding(store);
+  const values = {};
+  for (const key of BRANDING_COLOR_KEYS) {
+    values[key] = readStoredString(stored, key) || ECOMMERCE_BRANDING_DEFAULTS[key];
+  }
+  values.borderRadius = readStoredString(stored, "borderRadius") || ECOMMERCE_BRANDING_DEFAULTS.borderRadius;
+  values.fontFamilyBase = readStoredString(stored, "fontFamilyBase") || DEFAULT_BASE_FONT_ID;
+  values.fontFamilyHeading = readStoredString(stored, "fontFamilyHeading") || BRANDING_FONT_INHERIT;
+  values.logoUrl = readStoredString(stored, "logoUrl");
+  values.faviconUrl = readStoredString(stored, "faviconUrl");
+  return values;
+}
+function readFormString(values, key) {
+  const value = values[key];
+  return typeof value === "string" ? value.trim() : "";
+}
+function defaultValueFor(key) {
+  if (key === "fontFamilyBase") return DEFAULT_BASE_FONT_ID;
+  if (key === "fontFamilyHeading") return BRANDING_FONT_INHERIT;
+  if (key === "logoUrl" || key === "faviconUrl") return null;
+  return ECOMMERCE_BRANDING_DEFAULTS[key];
+}
+function buildStoreBrandingInput(values) {
+  const input = {};
+  for (const key of ALL_KEYS) {
+    const value = readFormString(values, key);
+    if (value === "" || value === BRANDING_FONT_INHERIT) continue;
+    input[key] = value;
+  }
+  return input;
+}
+function buildStoreBrandingPayload(values, store) {
+  const stored = readStoredBranding(store);
+  const input = buildStoreBrandingInput(values);
+  const payload = {};
+  for (const key of ALL_KEYS) {
+    const value = input[key];
+    if (value === void 0) continue;
+    const wasStored = readStoredString(stored, key) !== "";
+    if (!wasStored && value === defaultValueFor(key)) continue;
+    payload[key] = value;
+  }
+  return payload;
+}
+const brandingFormShape = {
+  primaryColor: z.string(),
+  primaryForeground: z.string(),
+  accentColor: z.string(),
+  accentForeground: z.string(),
+  backgroundColor: z.string(),
+  foregroundColor: z.string(),
+  borderRadius: z.string(),
+  fontFamilyBase: z.string(),
+  fontFamilyHeading: z.string(),
+  logoUrl: z.string(),
+  faviconUrl: z.string()
+};
+const storeBrandingFormSchema = z.object(brandingFormShape).superRefine((values, context) => {
+  const result = ecommerceStoreBrandingSchema.safeParse(buildStoreBrandingInput(values));
+  if (result.success) return;
+  for (const issue of result.error.issues) {
+    context.addIssue({ code: "custom", path: issue.path, message: issue.message });
+  }
+});
+function parseRadiusRem(value) {
+  const trimmed = value.trim();
+  if (trimmed === "0") return 0;
+  const match = /^(\d+(?:\.\d+)?|\.\d+)(rem|px)$/.exec(trimmed);
+  if (!match) return parseRadiusRem(ECOMMERCE_BRANDING_DEFAULTS.borderRadius);
+  const amount = Number(match[1]);
+  const rem = match[2] === "px" ? amount / PX_PER_REM : amount;
+  return Math.min(RADIUS_SLIDER_MAX, Math.max(RADIUS_SLIDER_MIN, rem));
+}
+function formatRadiusRem(rem) {
+  if (rem <= 0) return "0";
+  return `${Number(rem.toFixed(3))}rem`;
+}
+function sanitizePreviewBranding(values) {
+  const input = buildStoreBrandingInput(values);
+  const sanitized = {};
+  for (const key of BRANDING_COLOR_KEYS) {
+    const raw = input[key];
+    const normalized = raw === void 0 ? null : normalizeBrandingColor(raw);
+    if (normalized !== null) sanitized[key] = normalized;
+  }
+  const radius = input.borderRadius;
+  if (radius !== void 0 && isValidBorderRadius(radius)) sanitized.borderRadius = radius;
+  for (const key of BRANDING_FONT_KEYS) {
+    const raw = input[key];
+    if (raw !== void 0 && findEcommerceBrandingFont(raw)) sanitized[key] = raw;
+  }
+  const logo = input.logoUrl;
+  if (logo !== void 0 && isSafeAssetUrl(logo)) sanitized.logoUrl = logo;
+  return sanitized;
+}
+const HTML_ESCAPES = {
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+};
+function escapeHtml(value) {
+  return value.replace(/[&<>"']/g, (character) => HTML_ESCAPES[character] ?? character);
+}
+const PREVIEW_CONTENT_SECURITY_POLICY = "default-src 'none'; style-src 'unsafe-inline'; img-src http: https:";
+const PREVIEW_STATIC_CSS = [
+  "*{box-sizing:border-box}",
+  "body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-base);font-size:14px;line-height:1.5}",
+  "h1,.brand{font-family:var(--font-heading)}",
+  ".bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid color-mix(in oklch,var(--foreground) 15%,transparent)}",
+  ".brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}",
+  ".brand img{max-width:120px;max-height:28px}",
+  "nav{display:flex;gap:16px;opacity:.7}",
+  ".hero{padding:28px 20px;background:var(--accent);color:var(--accent-foreground)}",
+  ".hero h1{margin:0 0 8px;font-size:24px;line-height:1.2}",
+  ".hero p{margin:0 0 16px;max-width:36ch}",
+  ".btn{display:inline-block;padding:8px 16px;border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);font-weight:600}",
+  ".grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}",
+  ".card{overflow:hidden;border:1px solid color-mix(in oklch,var(--foreground) 15%,transparent);border-radius:var(--radius)}",
+  ".thumb{height:56px;background:color-mix(in oklch,var(--primary) 20%,var(--background))}",
+  ".card-body{padding:10px}",
+  ".price{font-weight:600}"
+].join("");
+function buildBrandingPreviewDocument(values, labels) {
+  const branding = sanitizePreviewBranding(values);
+  const rootRule = renderBrandingRootRule(branding);
+  const logo = branding.logoUrl ? `<img src="${escapeHtml(branding.logoUrl)}" alt="">` : "";
+  const card = `<div class="card"><div class="thumb"></div><div class="card-body"><div>${escapeHtml(labels.productName)}</div><div class="price">${escapeHtml(labels.productPrice)}</div></div></div>`;
+  return [
+    '<!doctype html><html><head><meta charset="utf-8">',
+    `<meta http-equiv="Content-Security-Policy" content="${PREVIEW_CONTENT_SECURITY_POLICY}">`,
+    `<style>${rootRule}</style><style>${PREVIEW_STATIC_CSS}</style></head><body>`,
+    `<header class="bar"><div class="brand">${logo}<span>${escapeHtml(labels.storeName)}</span></div>`,
+    `<nav><span>${escapeHtml(labels.navShop)}</span><span>${escapeHtml(labels.navCategories)}</span><span>${escapeHtml(labels.navCart)}</span></nav></header>`,
+    `<section class="hero"><h1>${escapeHtml(labels.heroTitle)}</h1><p>${escapeHtml(labels.heroText)}</p><span class="btn">${escapeHtml(labels.heroButton)}</span></section>`,
+    `<section class="grid">${card}${card}${card}</section>`,
+    "</body></html>"
+  ].join("");
+}
+export {
+  BRANDING_ASSET_KEYS,
+  BRANDING_COLOR_KEYS,
+  BRANDING_FONT_INHERIT,
+  BRANDING_FONT_KEYS,
+  DEFAULT_BASE_FONT_ID,
+  RADIUS_SLIDER_MAX,
+  RADIUS_SLIDER_MIN,
+  RADIUS_SLIDER_STEP,
+  STORE_BRANDING_API_PATH,
+  buildBrandingPreviewDocument,
+  buildStoreBrandingInitialValues,
+  buildStoreBrandingInput,
+  buildStoreBrandingPayload,
+  escapeHtml,
+  formatRadiusRem,
+  parseRadiusRem,
+  sanitizePreviewBranding,
+  storeBrandingFormSchema
+};
+//# sourceMappingURL=storeBrandingForm.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/modules/ecommerce/components/storeBrandingForm.ts"],
+  "sourcesContent": ["import { z } from 'zod'\nimport { ecommerceStoreBrandingSchema, isSafeAssetUrl } from '../data/validators'\nimport {\n  ECOMMERCE_BRANDING_COLOR_KEYS,\n  ECOMMERCE_BRANDING_DEFAULTS,\n  ECOMMERCE_BRANDING_FONT_KEYS,\n  findEcommerceBrandingFont,\n  isValidBorderRadius,\n  normalizeBrandingColor,\n  renderBrandingRootRule,\n  type EcommerceBrandingColorKey,\n  type EcommerceBrandingFontKey,\n} from '../lib/brandingStyles'\nimport type { StoreAdminRecord } from './storeAdmin'\n\nexport const BRANDING_COLOR_KEYS = ECOMMERCE_BRANDING_COLOR_KEYS\nexport const BRANDING_FONT_KEYS = ECOMMERCE_BRANDING_FONT_KEYS\nexport const BRANDING_ASSET_KEYS = ['logoUrl', 'faviconUrl'] as const\n\nexport type BrandingAssetKey = (typeof BRANDING_ASSET_KEYS)[number]\nexport type StoreBrandingFormKey =\n  | EcommerceBrandingColorKey\n  | EcommerceBrandingFontKey\n  | BrandingAssetKey\n  | 'borderRadius'\n\nexport type StoreBrandingFormValues = Record<StoreBrandingFormKey, string>\n\nexport type StoreBrandingPayload = Partial<Record<StoreBrandingFormKey, string>>\n\nexport const BRANDING_FONT_INHERIT = 'inherit'\nexport const DEFAULT_BASE_FONT_ID = 'inter'\nexport const RADIUS_SLIDER_MIN = 0\nexport const RADIUS_SLIDER_MAX = 5\nexport const RADIUS_SLIDER_STEP = 0.125\nconst PX_PER_REM = 16\n\nexport const STORE_BRANDING_API_PATH = (storeId: string) => `/api/ecommerce/stores/${encodeURIComponent(storeId)}/branding`\n\nconst ALL_KEYS: readonly StoreBrandingFormKey[] = [\n  ...BRANDING_COLOR_KEYS,\n  'borderRadius',\n  ...BRANDING_FONT_KEYS,\n  ...BRANDING_ASSET_KEYS,\n]\n\nfunction readStoredBranding(store: Pick<StoreAdminRecord, 'settings'>): Record<string, unknown> {\n  const branding = store.settings?.branding\n  return typeof branding === 'object' && branding !== null && !Array.isArray(branding)\n    ? (branding as Record<string, unknown>)\n    : {}\n}\n\nfunction readStoredString(stored: Record<string, unknown>, key: string): string {\n  const value = stored[key]\n  return typeof value === 'string' ? value : ''\n}\n\nexport function buildStoreBrandingInitialValues(store: Pick<StoreAdminRecord, 'settings'>): StoreBrandingFormValues {\n  const stored = readStoredBranding(store)\n  const values = {} as StoreBrandingFormValues\n  for (const key of BRANDING_COLOR_KEYS) {\n    values[key] = readStoredString(stored, key) || ECOMMERCE_BRANDING_DEFAULTS[key]\n  }\n  values.borderRadius = readStoredString(stored, 'borderRadius') || ECOMMERCE_BRANDING_DEFAULTS.borderRadius\n  values.fontFamilyBase = readStoredString(stored, 'fontFamilyBase') || DEFAULT_BASE_FONT_ID\n  values.fontFamilyHeading = readStoredString(stored, 'fontFamilyHeading') || BRANDING_FONT_INHERIT\n  values.logoUrl = readStoredString(stored, 'logoUrl')\n  values.faviconUrl = readStoredString(stored, 'faviconUrl')\n  return values\n}\n\nfunction readFormString(values: Record<string, unknown>, key: string): string {\n  const value = values[key]\n  return typeof value === 'string' ? value.trim() : ''\n}\n\nfunction defaultValueFor(key: StoreBrandingFormKey): string | null {\n  if (key === 'fontFamilyBase') return DEFAULT_BASE_FONT_ID\n  if (key === 'fontFamilyHeading') return BRANDING_FONT_INHERIT\n  if (key === 'logoUrl' || key === 'faviconUrl') return null\n  return ECOMMERCE_BRANDING_DEFAULTS[key]\n}\n\nexport function buildStoreBrandingInput(values: Record<string, unknown>): StoreBrandingPayload {\n  const input: StoreBrandingPayload = {}\n  for (const key of ALL_KEYS) {\n    const value = readFormString(values, key)\n    if (value === '' || value === BRANDING_FONT_INHERIT) continue\n    input[key] = value\n  }\n  return input\n}\n\nexport function buildStoreBrandingPayload(\n  values: Record<string, unknown>,\n  store: Pick<StoreAdminRecord, 'settings'>,\n): StoreBrandingPayload {\n  const stored = readStoredBranding(store)\n  const input = buildStoreBrandingInput(values)\n  const payload: StoreBrandingPayload = {}\n  for (const key of ALL_KEYS) {\n    const value = input[key]\n    if (value === undefined) continue\n    const wasStored = readStoredString(stored, key) !== ''\n    if (!wasStored && value === defaultValueFor(key)) continue\n    payload[key] = value\n  }\n  return payload\n}\n\nconst brandingFormShape = {\n  primaryColor: z.string(),\n  primaryForeground: z.string(),\n  accentColor: z.string(),\n  accentForeground: z.string(),\n  backgroundColor: z.string(),\n  foregroundColor: z.string(),\n  borderRadius: z.string(),\n  fontFamilyBase: z.string(),\n  fontFamilyHeading: z.string(),\n  logoUrl: z.string(),\n  faviconUrl: z.string(),\n} satisfies Record<StoreBrandingFormKey, z.ZodString>\n\nexport const storeBrandingFormSchema = z.object(brandingFormShape).superRefine((values, context) => {\n  const result = ecommerceStoreBrandingSchema.safeParse(buildStoreBrandingInput(values))\n  if (result.success) return\n  for (const issue of result.error.issues) {\n    context.addIssue({ code: 'custom', path: issue.path, message: issue.message })\n  }\n})\n\nexport function parseRadiusRem(value: string): number {\n  const trimmed = value.trim()\n  if (trimmed === '0') return 0\n  const match = /^(\\d+(?:\\.\\d+)?|\\.\\d+)(rem|px)$/.exec(trimmed)\n  if (!match) return parseRadiusRem(ECOMMERCE_BRANDING_DEFAULTS.borderRadius)\n  const amount = Number(match[1])\n  const rem = match[2] === 'px' ? amount / PX_PER_REM : amount\n  return Math.min(RADIUS_SLIDER_MAX, Math.max(RADIUS_SLIDER_MIN, rem))\n}\n\nexport function formatRadiusRem(rem: number): string {\n  if (rem <= 0) return '0'\n  return `${Number(rem.toFixed(3))}rem`\n}\n\nexport type SanitizedPreviewBranding = Partial<Record<StoreBrandingFormKey, string>>\n\nexport function sanitizePreviewBranding(values: Record<string, unknown>): SanitizedPreviewBranding {\n  const input = buildStoreBrandingInput(values)\n  const sanitized: SanitizedPreviewBranding = {}\n  for (const key of BRANDING_COLOR_KEYS) {\n    const raw = input[key]\n    const normalized = raw === undefined ? null : normalizeBrandingColor(raw)\n    if (normalized !== null) sanitized[key] = normalized\n  }\n  const radius = input.borderRadius\n  if (radius !== undefined && isValidBorderRadius(radius)) sanitized.borderRadius = radius\n  for (const key of BRANDING_FONT_KEYS) {\n    const raw = input[key]\n    if (raw !== undefined && findEcommerceBrandingFont(raw)) sanitized[key] = raw\n  }\n  const logo = input.logoUrl\n  if (logo !== undefined && isSafeAssetUrl(logo)) sanitized.logoUrl = logo\n  return sanitized\n}\n\nexport type BrandingPreviewLabels = {\n  storeName: string\n  navShop: string\n  navCategories: string\n  navCart: string\n  heroTitle: string\n  heroText: string\n  heroButton: string\n  productName: string\n  productPrice: string\n}\n\nconst HTML_ESCAPES: Readonly<Record<string, string>> = {\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n}\n\nexport function escapeHtml(value: string): string {\n  return value.replace(/[&<>\"']/g, (character) => HTML_ESCAPES[character] ?? character)\n}\n\nconst PREVIEW_CONTENT_SECURITY_POLICY = \"default-src 'none'; style-src 'unsafe-inline'; img-src http: https:\"\n\nconst PREVIEW_STATIC_CSS = [\n  '*{box-sizing:border-box}',\n  'body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-base);font-size:14px;line-height:1.5}',\n  'h1,.brand{font-family:var(--font-heading)}',\n  '.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid color-mix(in oklch,var(--foreground) 15%,transparent)}',\n  '.brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}',\n  '.brand img{max-width:120px;max-height:28px}',\n  'nav{display:flex;gap:16px;opacity:.7}',\n  '.hero{padding:28px 20px;background:var(--accent);color:var(--accent-foreground)}',\n  '.hero h1{margin:0 0 8px;font-size:24px;line-height:1.2}',\n  '.hero p{margin:0 0 16px;max-width:36ch}',\n  '.btn{display:inline-block;padding:8px 16px;border-radius:var(--radius);background:var(--primary);color:var(--primary-foreground);font-weight:600}',\n  '.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}',\n  '.card{overflow:hidden;border:1px solid color-mix(in oklch,var(--foreground) 15%,transparent);border-radius:var(--radius)}',\n  '.thumb{height:56px;background:color-mix(in oklch,var(--primary) 20%,var(--background))}',\n  '.card-body{padding:10px}',\n  '.price{font-weight:600}',\n].join('')\n\nexport function buildBrandingPreviewDocument(values: Record<string, unknown>, labels: BrandingPreviewLabels): string {\n  const branding = sanitizePreviewBranding(values)\n  const rootRule = renderBrandingRootRule(branding)\n  const logo = branding.logoUrl ? `<img src=\"${escapeHtml(branding.logoUrl)}\" alt=\"\">` : ''\n  const card = `<div class=\"card\"><div class=\"thumb\"></div><div class=\"card-body\"><div>${escapeHtml(labels.productName)}</div><div class=\"price\">${escapeHtml(labels.productPrice)}</div></div></div>`\n  return [\n    '<!doctype html><html><head><meta charset=\"utf-8\">',\n    `<meta http-equiv=\"Content-Security-Policy\" content=\"${PREVIEW_CONTENT_SECURITY_POLICY}\">`,\n    `<style>${rootRule}</style><style>${PREVIEW_STATIC_CSS}</style></head><body>`,\n    `<header class=\"bar\"><div class=\"brand\">${logo}<span>${escapeHtml(labels.storeName)}</span></div>`,\n    `<nav><span>${escapeHtml(labels.navShop)}</span><span>${escapeHtml(labels.navCategories)}</span><span>${escapeHtml(labels.navCart)}</span></nav></header>`,\n    `<section class=\"hero\"><h1>${escapeHtml(labels.heroTitle)}</h1><p>${escapeHtml(labels.heroText)}</p><span class=\"btn\">${escapeHtml(labels.heroButton)}</span></section>`,\n    `<section class=\"grid\">${card}${card}${card}</section>`,\n    '</body></html>',\n  ].join('')\n}\n"],
+  "mappings": "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",
+  "names": []
+}