simplycms 0.4.0

package/dist/chunk-VT3TJVSJ.js

@@ -0,0 +1,118 @@
+import { ReviewCard } from './chunk-SG2BHFVT.js';
+import { ReviewForm } from './chunk-3SW2KIUN.js';
+import { StarRating } from './chunk-43LZRWRG.js';
+import { useState } from 'react';
+import { Link } from '@tanstack/react-router';
+import { Loader2, LogIn } from 'lucide-react';
+import { useAuth } from 'simplycms/core/hooks/useAuth';
+import { useProductReviews } from 'simplycms/core/hooks/useProductReviews';
+import { useT } from 'simplycms/i18n';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function pluralReviewsKey(count) {
+  const mod100 = count % 100;
+  const mod10 = count % 10;
+  if (mod100 >= 11 && mod100 <= 14) return "reviews.countMany";
+  if (mod10 === 1) return "reviews.countOne";
+  if (mod10 >= 2 && mod10 <= 4) return "reviews.countFew";
+  return "reviews.countMany";
+}
+function ProductReviews({
+  productId,
+  renderEditor,
+  renderImageUpload
+}) {
+  const { user } = useAuth();
+  const t = useT();
+  const {
+    reviews,
+    approvedReviews,
+    hasUserReview,
+    avgRating,
+    reviewCount,
+    distribution,
+    isLoading,
+    submitReview,
+    deleteReview
+  } = useProductReviews(productId);
+  const [showForm, setShowForm] = useState(false);
+  const visibleReviews = user ? reviews.filter((r) => r.status === "approved" || r.user_id === user.id) : approvedReviews;
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Loader2, { className: "h-6 w-6 animate-spin text-primary" }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center min-w-[140px]", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-4xl font-bold", children: avgRating > 0 ? avgRating : "\u2014" }),
+        /* @__PURE__ */ jsx(StarRating, { value: avgRating, readonly: true, size: "md" }),
+        /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground mt-1", children: [
+          reviewCount,
+          " ",
+          t(pluralReviewsKey(reviewCount))
+        ] })
+      ] }),
+      reviewCount > 0 && /* @__PURE__ */ jsx("div", { className: "flex-1 space-y-1.5", children: [5, 4, 3, 2, 1].map((star) => {
+        const count = distribution[star] || 0;
+        const pct = reviewCount > 0 ? count / reviewCount * 100 : 0;
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "w-3 text-right", children: star }),
+          /* @__PURE__ */ jsx(StarRating, { value: star, readonly: true, size: "sm" }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 h-2 bg-muted rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "h-full bg-primary rounded-full",
+              style: { width: `${pct}%` }
+            }
+          ) }),
+          /* @__PURE__ */ jsx("span", { className: "w-6 text-right text-muted-foreground", children: count })
+        ] }, star);
+      }) })
+    ] }),
+    user ? hasUserReview ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("reviews.alreadySubmitted") }) : showForm ? /* @__PURE__ */ jsx(
+      ReviewForm,
+      {
+        productId,
+        onSubmit: (data) => {
+          submitReview.mutate(data, {
+            onSuccess: () => setShowForm(false)
+          });
+        },
+        isSubmitting: submitReview.isPending,
+        renderEditor,
+        renderImageUpload
+      }
+    ) : /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => setShowForm(true),
+        className: "px-4 py-2 bg-primary text-primary-foreground rounded-md text-sm font-medium",
+        children: t("reviews.writeReview")
+      }
+    ) : /* @__PURE__ */ jsxs("div", { className: "border rounded-lg p-4 text-center space-y-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("reviews.loginPrompt") }),
+      /* @__PURE__ */ jsxs(
+        Link,
+        {
+          to: "/auth",
+          className: "inline-flex items-center gap-2 px-4 py-2 border rounded-md text-sm",
+          children: [
+            /* @__PURE__ */ jsx(LogIn, { className: "h-4 w-4" }),
+            t("reviews.loginOrRegister")
+          ]
+        }
+      )
+    ] }),
+    visibleReviews.length > 0 ? /* @__PURE__ */ jsx("div", { className: "space-y-4", children: visibleReviews.map((review) => /* @__PURE__ */ jsx(
+      ReviewCard,
+      {
+        review,
+        onDelete: (id) => deleteReview.mutate(id)
+      },
+      review.id
+    )) }) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-center py-4", children: t("reviews.empty") })
+  ] });
+}
+
+export { ProductReviews };
+//# sourceMappingURL=chunk-VT3TJVSJ.js.map
+//# sourceMappingURL=chunk-VT3TJVSJ.js.map

package/dist/chunk-VT3TJVSJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/reviews-ui/ProductReviews.tsx"],"names":[],"mappings":"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","file":"chunk-VT3TJVSJ.js","sourcesContent":["import { useState } from 'react';\nimport { Link } from '@tanstack/react-router';\nimport { Loader2, LogIn } from 'lucide-react';\nimport { useAuth } from 'simplycms/core/hooks/useAuth';\nimport { useProductReviews } from 'simplycms/core/hooks/useProductReviews';\nimport { useT, type MessageKey } from 'simplycms/i18n';\nimport { StarRating } from './StarRating';\nimport { ReviewCard } from './ReviewCard';\nimport { ReviewForm } from './ReviewForm';\n\ninterface ProductReviewsProps {\n  productId: string;\n  /** Optional rich text editor to use in the review form */\n  renderEditor?: (props: {\n    content: string;\n    onChange: (content: string) => void;\n  }) => React.ReactNode;\n  /** Optional image upload component */\n  renderImageUpload?: (props: {\n    images: string[];\n    onImagesChange: (images: string[]) => void;\n    bucket: string;\n    folder: string;\n    maxImages: number;\n  }) => React.ReactNode;\n}\n\n/**\n * Українська форма множини лічильника відгуків (\"відгук\" / \"відгуки\" / \"відгуків\").\n *\n * 🔴 Наївна умова `count < 5` (яку це замінює) хибно давала \"few\" для\n * 12–14 і 22–24: mod-100-виняток для 11..14 (завжди \"many\") має вищий\n * пріоритет за mod-10-правило \"few\" для 2..4.\n */\nfunction pluralReviewsKey(count: number): MessageKey {\n  const mod100 = count % 100;\n  const mod10 = count % 10;\n  if (mod100 >= 11 && mod100 <= 14) return 'reviews.countMany';\n  if (mod10 === 1) return 'reviews.countOne';\n  if (mod10 >= 2 && mod10 <= 4) return 'reviews.countFew';\n  return 'reviews.countMany';\n}\n\nexport function ProductReviews({\n  productId,\n  renderEditor,\n  renderImageUpload,\n}: ProductReviewsProps) {\n  const { user } = useAuth();\n  const t = useT();\n  const {\n    reviews,\n    approvedReviews,\n    hasUserReview,\n    avgRating,\n    reviewCount,\n    distribution,\n    isLoading,\n    submitReview,\n    deleteReview,\n  } = useProductReviews(productId);\n  const [showForm, setShowForm] = useState(false);\n\n  const visibleReviews = user\n    ? reviews.filter((r) => r.status === 'approved' || r.user_id === user.id)\n    : approvedReviews;\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center py-8\">\n        <Loader2 className=\"h-6 w-6 animate-spin text-primary\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Rating summary */}\n      <div className=\"flex flex-col md:flex-row gap-6\">\n        <div className=\"flex flex-col items-center justify-center min-w-[140px]\">\n          <span className=\"text-4xl font-bold\">\n            {avgRating > 0 ? avgRating : '—'}\n          </span>\n          <StarRating value={avgRating} readonly size=\"md\" />\n          <span className=\"text-sm text-muted-foreground mt-1\">\n            {reviewCount} {t(pluralReviewsKey(reviewCount))}\n          </span>\n        </div>\n\n        {reviewCount > 0 && (\n          <div className=\"flex-1 space-y-1.5\">\n            {[5, 4, 3, 2, 1].map((star) => {\n              const count = distribution[star] || 0;\n              const pct = reviewCount > 0 ? (count / reviewCount) * 100 : 0;\n              return (\n                <div key={star} className=\"flex items-center gap-2 text-sm\">\n                  <span className=\"w-3 text-right\">{star}</span>\n                  <StarRating value={star} readonly size=\"sm\" />\n                  <div className=\"flex-1 h-2 bg-muted rounded-full overflow-hidden\">\n                    <div\n                      className=\"h-full bg-primary rounded-full\"\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                  <span className=\"w-6 text-right text-muted-foreground\">\n                    {count}\n                  </span>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n\n      {/* Write review section */}\n      {user ? (\n        hasUserReview ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('reviews.alreadySubmitted')}\n          </p>\n        ) : showForm ? (\n          <ReviewForm\n            productId={productId}\n            onSubmit={(data) => {\n              submitReview.mutate(data, {\n                onSuccess: () => setShowForm(false),\n              });\n            }}\n            isSubmitting={submitReview.isPending}\n            renderEditor={renderEditor}\n            renderImageUpload={renderImageUpload}\n          />\n        ) : (\n          <button\n            onClick={() => setShowForm(true)}\n            className=\"px-4 py-2 bg-primary text-primary-foreground rounded-md text-sm font-medium\"\n          >\n            {t('reviews.writeReview')}\n          </button>\n        )\n      ) : (\n        <div className=\"border rounded-lg p-4 text-center space-y-2\">\n          <p className=\"text-muted-foreground\">{t('reviews.loginPrompt')}</p>\n          <Link\n            to=\"/auth\"\n            className=\"inline-flex items-center gap-2 px-4 py-2 border rounded-md text-sm\"\n          >\n            <LogIn className=\"h-4 w-4\" />\n            {t('reviews.loginOrRegister')}\n          </Link>\n        </div>\n      )}\n\n      {/* Reviews list */}\n      {visibleReviews.length > 0 ? (\n        <div className=\"space-y-4\">\n          {visibleReviews.map((review) => (\n            <ReviewCard\n              key={review.id}\n              review={review}\n              onDelete={(id) => deleteReview.mutate(id)}\n            />\n          ))}\n        </div>\n      ) : (\n        <p className=\"text-muted-foreground text-center py-4\">\n          {t('reviews.empty')}\n        </p>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-WCKHXPYN.js

@@ -0,0 +1,68 @@
+import { useT } from 'simplycms/i18n';
+import { Separator } from 'simplycms/ui/separator';
+import { ProductCharacteristics } from 'simplycms/core/components/catalog/ProductCharacteristics';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// src/storefront-routes/views/ProductDetailSections.tsx
+var NAV_SECTIONS = [
+  { id: "section-description", labelKey: "product.description" },
+  { id: "section-characteristics", labelKey: "product.characteristics" },
+  { id: "section-availability", labelKey: "product.availability" },
+  { id: "section-reviews", labelKey: "product.reviews" }
+];
+function SectionNavButton({ id, label }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: () => document.getElementById(id)?.scrollIntoView({ behavior: "smooth" }),
+      className: "px-6 py-3 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors border-b-2 border-transparent hover:border-primary",
+      children: label
+    }
+  );
+}
+function ProductDetailSections({
+  description,
+  characteristics,
+  slots
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "mt-12 sticky top-0 z-10 bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60 border-b", children: /* @__PURE__ */ jsx("nav", { className: "flex gap-1", children: NAV_SECTIONS.map((item) => /* @__PURE__ */ jsx(
+      SectionNavButton,
+      {
+        id: item.id,
+        label: t(item.labelKey)
+      },
+      item.id
+    )) }) }),
+    /* @__PURE__ */ jsxs("section", { id: "section-description", className: "mt-8 scroll-mt-16", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold mb-4", children: t("product.description") }),
+      description.html ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "prose prose-sm max-w-none dark:prose-invert",
+          dangerouslySetInnerHTML: { __html: description.html }
+        }
+      ) : /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("product.noDescription") })
+    ] }),
+    /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
+    /* @__PURE__ */ jsxs("section", { id: "section-characteristics", className: "scroll-mt-16", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold mb-4", children: t("product.characteristics") }),
+      /* @__PURE__ */ jsx(ProductCharacteristics, { propertyValues: characteristics.items })
+    ] }),
+    /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
+    /* @__PURE__ */ jsxs("section", { id: "section-availability", className: "scroll-mt-16", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold mb-4", children: t("product.availabilityInStores") }),
+      /* @__PURE__ */ jsx(slots.StockAvailability, {})
+    ] }),
+    /* @__PURE__ */ jsx(Separator, { className: "my-8" }),
+    /* @__PURE__ */ jsxs("section", { id: "section-reviews", className: "scroll-mt-16", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold mb-4", children: t("product.reviews") }),
+      /* @__PURE__ */ jsx(slots.Reviews, {})
+    ] })
+  ] });
+}
+
+export { ProductDetailSections };
+//# sourceMappingURL=chunk-WCKHXPYN.js.map
+//# sourceMappingURL=chunk-WCKHXPYN.js.map

package/dist/chunk-WCKHXPYN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/views/ProductDetailSections.tsx"],"names":[],"mappings":"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","file":"chunk-WCKHXPYN.js","sourcesContent":["import type {\n  ProductDetailCharacteristics,\n  ProductDetailDescription,\n  ProductDetailSlots,\n} from 'simplycms/contracts/views';\nimport { useT, type MessageKey } from 'simplycms/i18n';\nimport { Separator } from 'simplycms/ui/separator';\nimport { ProductCharacteristics } from 'simplycms/core/components/catalog/ProductCharacteristics';\n\nconst NAV_SECTIONS = [\n  { id: 'section-description', labelKey: 'product.description' },\n  { id: 'section-characteristics', labelKey: 'product.characteristics' },\n  { id: 'section-availability', labelKey: 'product.availability' },\n  { id: 'section-reviews', labelKey: 'product.reviews' },\n] as const satisfies ReadonlyArray<{ id: string; labelKey: MessageKey }>;\n\n/** Кнопка липкої навігації: плавний скрол до секції за її `id`. */\nfunction SectionNavButton({ id, label }: { id: string; label: string }) {\n  return (\n    <button\n      onClick={() =>\n        document.getElementById(id)?.scrollIntoView({ behavior: 'smooth' })\n      }\n      className=\"px-6 py-3 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors border-b-2 border-transparent hover:border-primary\"\n    >\n      {label}\n    </button>\n  );\n}\n\n/**\n * Нижня частина картки: липка навігація + опис, характеристики, наявність і\n * відгуки. Наявність і відгуки — реквізити (власні запити ядра).\n */\nexport function ProductDetailSections({\n  description,\n  characteristics,\n  slots,\n}: {\n  description: ProductDetailDescription;\n  characteristics: ProductDetailCharacteristics;\n  slots: ProductDetailSlots;\n}) {\n  const t = useT();\n\n  return (\n    <>\n      {/* Section navigation */}\n      <div className=\"mt-12 sticky top-0 z-10 bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60 border-b\">\n        <nav className=\"flex gap-1\">\n          {NAV_SECTIONS.map((item) => (\n            <SectionNavButton\n              key={item.id}\n              id={item.id}\n              label={t(item.labelKey)}\n            />\n          ))}\n        </nav>\n      </div>\n\n      {/* Description section */}\n      <section id=\"section-description\" className=\"mt-8 scroll-mt-16\">\n        <h2 className=\"text-xl font-semibold mb-4\">\n          {t('product.description')}\n        </h2>\n        {description.html ? (\n          <div\n            className=\"prose prose-sm max-w-none dark:prose-invert\"\n            dangerouslySetInnerHTML={{ __html: description.html }}\n          />\n        ) : (\n          <p className=\"text-muted-foreground\">{t('product.noDescription')}</p>\n        )}\n      </section>\n\n      <Separator className=\"my-8\" />\n\n      {/* Characteristics section */}\n      <section id=\"section-characteristics\" className=\"scroll-mt-16\">\n        <h2 className=\"text-xl font-semibold mb-4\">\n          {t('product.characteristics')}\n        </h2>\n        <ProductCharacteristics propertyValues={characteristics.items} />\n      </section>\n\n      <Separator className=\"my-8\" />\n\n      {/* Availability section */}\n      <section id=\"section-availability\" className=\"scroll-mt-16\">\n        <h2 className=\"text-xl font-semibold mb-4\">\n          {t('product.availabilityInStores')}\n        </h2>\n        {/* Реквізит: наявність по точках видачі */}\n        <slots.StockAvailability />\n      </section>\n\n      <Separator className=\"my-8\" />\n\n      {/* Reviews section */}\n      <section id=\"section-reviews\" className=\"scroll-mt-16\">\n        <h2 className=\"text-xl font-semibold mb-4\">{t('product.reviews')}</h2>\n        {/* Реквізит: відгуки */}\n        <slots.Reviews />\n      </section>\n    </>\n  );\n}\n"]}

package/dist/chunk-WCSVGTBO.js

@@ -0,0 +1,3 @@
+export { ProductCharacteristics } from 'simplycms/catalog-ui/ProductCharacteristics';
+//# sourceMappingURL=chunk-WCSVGTBO.js.map
+//# sourceMappingURL=chunk-WCSVGTBO.js.map

package/dist/chunk-WCSVGTBO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-WCSVGTBO.js","sourcesContent":[]}

package/dist/chunk-WGJTOHEA.js

@@ -0,0 +1,3 @@
+export { CheckoutOrderSummary } from 'simplycms/checkout-ui';
+//# sourceMappingURL=chunk-WGJTOHEA.js.map
+//# sourceMappingURL=chunk-WGJTOHEA.js.map

package/dist/chunk-WGJTOHEA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-WGJTOHEA.js","sourcesContent":[]}

package/dist/chunk-WUXO6KCX.js

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { cva } from 'class-variance-authority';
+import { cn } from 'simplycms/ui/utils';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/toggle.tsx
+var toggleVariants = cva(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-10 px-3",
+        sm: "h-9 px-2.5",
+        lg: "h-11 px-5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  TogglePrimitive.Root,
+  {
+    ref,
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+export { Toggle, toggleVariants };
+//# sourceMappingURL=chunk-WUXO6KCX.js.map
+//# sourceMappingURL=chunk-WUXO6KCX.js.map

package/dist/chunk-WUXO6KCX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/toggle.tsx"],"names":[],"mappings":";;;;;;;AAMA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,kXAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,WAAA;AAAA,QACT,EAAA,EAAI,YAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA,CAInB,CAAC,EAAE,SAAA,EAAW,SAAS,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,qBACzC,GAAA;AAAA,EAAiB,eAAA,CAAA,IAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,IACzD,GAAG;AAAA;AACN,CACD;AAED,MAAA,CAAO,cAA8B,eAAA,CAAA,IAAA,CAAK,WAAA","file":"chunk-WUXO6KCX.js","sourcesContent":["import * as React from 'react';\nimport * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from 'simplycms/ui/utils';\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline:\n          'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground',\n      },\n      size: {\n        default: 'h-10 px-3',\n        sm: 'h-9 px-2.5',\n        lg: 'h-11 px-5',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(toggleVariants({ variant, size, className }))}\n    {...props}\n  />\n));\n\nToggle.displayName = TogglePrimitive.Root.displayName;\n\nexport { Toggle, toggleVariants };\n"]}

package/dist/chunk-XBHNK4ER.js

@@ -0,0 +1,92 @@
+import { LayoutGrid, List } from 'lucide-react';
+import { CATALOG_REQUISITES } from 'simplycms/contracts/views';
+import { useT } from 'simplycms/i18n';
+import { ActiveFilters } from 'simplycms/core/components/catalog/ActiveFilters';
+import { Button } from 'simplycms/ui/button';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from 'simplycms/ui/select';
+import { cn } from 'simplycms/ui/utils';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/storefront-routes/views/slots/CatalogToolbarSlots.tsx
+function CatalogSortSelect({
+  className,
+  value,
+  onChange
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsxs(
+    Select,
+    {
+      value,
+      onValueChange: (v) => onChange(v),
+      children: [
+        /* @__PURE__ */ jsx(
+          SelectTrigger,
+          {
+            "data-simplycms-requisite": CATALOG_REQUISITES.SortSelect,
+            className: cn("w-[160px] sm:w-[180px]", className),
+            children: /* @__PURE__ */ jsx(SelectValue, {})
+          }
+        ),
+        /* @__PURE__ */ jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsx(SelectItem, { value: "popular", children: t("catalog.sort.popular") }),
+          /* @__PURE__ */ jsx(SelectItem, { value: "newest", children: t("catalog.sort.newest") }),
+          /* @__PURE__ */ jsx(SelectItem, { value: "price_asc", children: t("catalog.sort.priceAsc") }),
+          /* @__PURE__ */ jsx(SelectItem, { value: "price_desc", children: t("catalog.sort.priceDesc") })
+        ] })
+      ]
+    }
+  );
+}
+function CatalogViewModeToggle({
+  className,
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-simplycms-requisite": CATALOG_REQUISITES.ViewModeToggle,
+      className: cn("hidden sm:flex border rounded-md", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: value === "grid" ? "secondary" : "ghost",
+            size: "icon",
+            className: "rounded-r-none",
+            onClick: () => onChange("grid"),
+            children: /* @__PURE__ */ jsx(LayoutGrid, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: value === "list" ? "secondary" : "ghost",
+            size: "icon",
+            className: "rounded-l-none",
+            onClick: () => onChange("list"),
+            children: /* @__PURE__ */ jsx(List, { className: "h-4 w-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+function CatalogActiveFilters({
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-simplycms-requisite": CATALOG_REQUISITES.ActiveFilters,
+      className: cn("contents", className),
+      children: /* @__PURE__ */ jsx(ActiveFilters, { ...rest })
+    }
+  );
+}
+
+export { CatalogActiveFilters, CatalogSortSelect, CatalogViewModeToggle };
+//# sourceMappingURL=chunk-XBHNK4ER.js.map
+//# sourceMappingURL=chunk-XBHNK4ER.js.map

package/dist/chunk-XBHNK4ER.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/views/slots/CatalogToolbarSlots.tsx"],"names":[],"mappings":";;;;;;;;;;AAgCO,SAAS,iBAAA,CAAkB;AAAA,EAChC,SAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,MAAM,IAAI,IAAA,EAAK;AAEf,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,aAAA,EAAe,CAAC,CAAA,KAAM,QAAA,CAAS,CAAsB,CAAA;AAAA,MAIrD,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,4BAA0B,kBAAA,CAAmB,UAAA;AAAA,YAC7C,SAAA,EAAW,EAAA,CAAG,wBAAA,EAA0B,SAAS,CAAA;AAAA,YAEjD,8BAAC,WAAA,EAAA,EAAY;AAAA;AAAA,SACf;AAAA,6BACC,aAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,SAAA,EAAW,QAAA,EAAA,CAAA,CAAE,sBAAsB,CAAA,EAAE,CAAA;AAAA,8BACtD,UAAA,EAAA,EAAW,KAAA,EAAM,QAAA,EAAU,QAAA,EAAA,CAAA,CAAE,qBAAqB,CAAA,EAAE,CAAA;AAAA,8BACpD,UAAA,EAAA,EAAW,KAAA,EAAM,WAAA,EAAa,QAAA,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAAE,CAAA;AAAA,8BACzD,UAAA,EAAA,EAAW,KAAA,EAAM,YAAA,EACf,QAAA,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAC7B;AAAA,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;AASO,SAAS,qBAAA,CAAsB;AAAA,EACpC,SAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,EAA+B;AAC7B,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,4BAA0B,kBAAA,CAAmB,cAAA;AAAA,MAC7C,SAAA,EAAW,EAAA,CAAG,kCAAA,EAAoC,SAAS,CAAA;AAAA,MAE3D,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,KAAA,KAAU,MAAA,GAAS,WAAA,GAAc,OAAA;AAAA,YAC1C,IAAA,EAAK,MAAA;AAAA,YACL,SAAA,EAAU,gBAAA;AAAA,YACV,OAAA,EAAS,MAAM,QAAA,CAAS,MAAM,CAAA;AAAA,YAE9B,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,SAClC;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,KAAA,KAAU,MAAA,GAAS,WAAA,GAAc,OAAA;AAAA,YAC1C,IAAA,EAAK,MAAA;AAAA,YACL,SAAA,EAAU,gBAAA;AAAA,YACV,OAAA,EAAS,MAAM,QAAA,CAAS,MAAM,CAAA;AAAA,YAE9B,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA;AAC5B;AAAA;AAAA,GACF;AAEJ;AAaO,SAAS,oBAAA,CAAqB;AAAA,EACnC,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA8B;AAC5B,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,4BAA0B,kBAAA,CAAmB,aAAA;AAAA,MAC7C,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAEnC,QAAA,kBAAA,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,IAAA,EAAM;AAAA;AAAA,GAC3B;AAEJ","file":"chunk-XBHNK4ER.js","sourcesContent":["import type { ComponentProps } from 'react';\nimport { LayoutGrid, List } from 'lucide-react';\nimport { CATALOG_REQUISITES } from 'simplycms/contracts/views';\nimport { useT } from 'simplycms/i18n';\nimport { ActiveFilters } from 'simplycms/core/components/catalog/ActiveFilters';\nimport { Button } from 'simplycms/ui/button';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from 'simplycms/ui/select';\nimport { cn } from 'simplycms/ui/utils';\n\n/** Порядок сортування вибірки каталогу. */\nexport type CatalogSortOption =\n  'popular' | 'price_asc' | 'price_desc' | 'newest';\n\n/** Режим показу вибірки: сітка або список. */\nexport type CatalogViewMode = 'grid' | 'list';\n\nexport interface CatalogSortSelectProps {\n  className?: string;\n  value: CatalogSortOption;\n  onChange: (value: CatalogSortOption) => void;\n}\n\n/**\n * Реквізит «сортування». Маркер стоїть на самому тригері селекта, а не на\n * зайвій обгортці: Radix-корінь DOM-вузла не створює.\n */\nexport function CatalogSortSelect({\n  className,\n  value,\n  onChange,\n}: CatalogSortSelectProps) {\n  const t = useT();\n\n  return (\n    <Select\n      value={value}\n      onValueChange={(v) => onChange(v as CatalogSortOption)}\n    >\n      {/* 🔴 160px на мобільному, 180 від sm: при 390px повні 180 не лишали\n          місця лічильнику товарів, і той обрізався до «4 т...». */}\n      <SelectTrigger\n        data-simplycms-requisite={CATALOG_REQUISITES.SortSelect}\n        className={cn('w-[160px] sm:w-[180px]', className)}\n      >\n        <SelectValue />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectItem value=\"popular\">{t('catalog.sort.popular')}</SelectItem>\n        <SelectItem value=\"newest\">{t('catalog.sort.newest')}</SelectItem>\n        <SelectItem value=\"price_asc\">{t('catalog.sort.priceAsc')}</SelectItem>\n        <SelectItem value=\"price_desc\">\n          {t('catalog.sort.priceDesc')}\n        </SelectItem>\n      </SelectContent>\n    </Select>\n  );\n}\n\nexport interface CatalogViewModeToggleProps {\n  className?: string;\n  value: CatalogViewMode;\n  onChange: (value: CatalogViewMode) => void;\n}\n\n/** Реквізит «сітка / список». */\nexport function CatalogViewModeToggle({\n  className,\n  value,\n  onChange,\n}: CatalogViewModeToggleProps) {\n  return (\n    <div\n      data-simplycms-requisite={CATALOG_REQUISITES.ViewModeToggle}\n      className={cn('hidden sm:flex border rounded-md', className)}\n    >\n      <Button\n        variant={value === 'grid' ? 'secondary' : 'ghost'}\n        size=\"icon\"\n        className=\"rounded-r-none\"\n        onClick={() => onChange('grid')}\n      >\n        <LayoutGrid className=\"h-4 w-4\" />\n      </Button>\n      <Button\n        variant={value === 'list' ? 'secondary' : 'ghost'}\n        size=\"icon\"\n        className=\"rounded-l-none\"\n        onClick={() => onChange('list')}\n      >\n        <List className=\"h-4 w-4\" />\n      </Button>\n    </div>\n  );\n}\n\nexport interface CatalogActiveFiltersProps extends ComponentProps<\n  typeof ActiveFilters\n> {\n  className?: string;\n}\n\n/**\n * Реквізит «активні фільтри». `ActiveFilters` для порожнього списку рендерить\n * `null`, тому маркер тримає прозора (`display: contents`) обгортка — вона\n * присутня завжди й розкладки не змінює.\n */\nexport function CatalogActiveFilters({\n  className,\n  ...rest\n}: CatalogActiveFiltersProps) {\n  return (\n    <div\n      data-simplycms-requisite={CATALOG_REQUISITES.ActiveFilters}\n      className={cn('contents', className)}\n    >\n      <ActiveFilters {...rest} />\n    </div>\n  );\n}\n"]}

package/dist/chunk-XBXHWNNS.js

@@ -0,0 +1,44 @@
+import { eq } from 'drizzle-orm';
+import { themes } from 'simplycms/schema';
+import { withStorefrontDb } from 'simplycms/storefront/loaders';
+
+// src/storefront-routes/server/theme-record.ts
+var CACHE_TTL = 5 * 60 * 1e3;
+var themeCache = null;
+async function loadActiveTheme() {
+  const now = Date.now();
+  if (themeCache && now - themeCache.timestamp < CACHE_TTL) {
+    return themeCache.data;
+  }
+  const record = await withStorefrontDb(async (db) => {
+    const [row] = await db.select({
+      id: themes.id,
+      name: themes.name,
+      display_name: themes.displayName,
+      version: themes.version,
+      description: themes.description,
+      author: themes.author,
+      preview_image: themes.previewImage,
+      is_active: themes.isActive,
+      settings: themes.settings,
+      created_at: themes.createdAt,
+      updated_at: themes.updatedAt
+    }).from(themes).where(eq(themes.isActive, true)).limit(1);
+    return row ?? null;
+  });
+  const data = record === null ? null : {
+    ...record,
+    settings: record.settings ?? {},
+    created_at: record.created_at ?? (/* @__PURE__ */ new Date()).toISOString(),
+    updated_at: record.updated_at ?? (/* @__PURE__ */ new Date()).toISOString()
+  };
+  themeCache = { data, timestamp: now };
+  return data;
+}
+function invalidateThemeCache() {
+  themeCache = null;
+}
+
+export { invalidateThemeCache, loadActiveTheme };
+//# sourceMappingURL=chunk-XBXHWNNS.js.map
+//# sourceMappingURL=chunk-XBXHWNNS.js.map

package/dist/chunk-XBXHWNNS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/server/theme-record.ts"],"names":[],"mappings":";;;;;AAyBA,IAAM,SAAA,GAAY,IAAI,EAAA,GAAK,GAAA;AAC3B,IAAI,UAAA,GAAgC,IAAA;AAepC,eAAsB,eAAA,GAA+C;AACnE,EAAA,MAAM,GAAA,GAAM,KAAK,GAAA,EAAI;AACrB,EAAA,IAAI,UAAA,IAAc,GAAA,GAAM,UAAA,CAAW,SAAA,GAAY,SAAA,EAAW;AACxD,IAAA,OAAO,UAAA,CAAW,IAAA;AAAA,EACpB;AAEA,EAAA,MAAM,MAAA,GAAS,MAAM,gBAAA,CAAiB,OAAO,EAAA,KAAO;AAClD,IAAA,MAAM,CAAC,GAAG,CAAA,GAAI,MAAM,GACjB,MAAA,CAAO;AAAA,MACN,IAAI,MAAA,CAAO,EAAA;AAAA,MACX,MAAM,MAAA,CAAO,IAAA;AAAA,MACb,cAAc,MAAA,CAAO,WAAA;AAAA,MACrB,SAAS,MAAA,CAAO,OAAA;AAAA,MAChB,aAAa,MAAA,CAAO,WAAA;AAAA,MACpB,QAAQ,MAAA,CAAO,MAAA;AAAA,MACf,eAAe,MAAA,CAAO,YAAA;AAAA,MACtB,WAAW,MAAA,CAAO,QAAA;AAAA,MAClB,UAAU,MAAA,CAAO,QAAA;AAAA,MACjB,YAAY,MAAA,CAAO,SAAA;AAAA,MACnB,YAAY,MAAA,CAAO;AAAA,KACpB,CAAA,CACA,IAAA,CAAK,MAAM,CAAA,CAGX,KAAA,CAAM,EAAA,CAAG,MAAA,CAAO,QAAA,EAAU,IAAI,CAAC,CAAA,CAC/B,MAAM,CAAC,CAAA;AAEV,IAAA,OAAO,GAAA,IAAO,IAAA;AAAA,EAChB,CAAC,CAAA;AAED,EAAA,MAAM,IAAA,GACJ,MAAA,KAAW,IAAA,GACP,IAAA,GACA;AAAA,IACE,GAAG,MAAA;AAAA,IACH,QAAA,EAAW,MAAA,CAAO,QAAA,IAAY,EAAC;AAAA,IAC/B,YAAY,MAAA,CAAO,UAAA,IAAA,iBAAc,IAAI,IAAA,IAAO,WAAA,EAAY;AAAA,IACxD,YAAY,MAAA,CAAO,UAAA,IAAA,iBAAc,IAAI,IAAA,IAAO,WAAA;AAAY,GAC1D;AAEN,EAAA,UAAA,GAAa,EAAE,IAAA,EAAM,SAAA,EAAW,GAAA,EAAI;AACpC,EAAA,OAAO,IAAA;AACT;AAGO,SAAS,oBAAA,GAA6B;AAC3C,EAAA,UAAA,GAAa,IAAA;AACf","file":"chunk-XBXHWNNS.js","sourcesContent":["import { eq } from 'drizzle-orm';\nimport { themes } from 'simplycms/schema';\nimport type { Theme } from 'simplycms/schema/types';\nimport { withStorefrontDb, type JsonValue } from 'simplycms/storefront/loaders';\n\n/** Запис активної теми у формі, яку читають каркасні роути. */\nexport interface ThemeRecord {\n  id: Theme['id'];\n  name: Theme['name'];\n  display_name: Theme['displayName'];\n  version: Theme['version'];\n  description: Theme['description'];\n  author: Theme['author'];\n  preview_image: Theme['previewImage'];\n  is_active: Theme['isActive'];\n  settings: Record<string, JsonValue>;\n  created_at: string;\n  updated_at: string;\n}\n\ninterface CacheEntry {\n  data: ThemeRecord | null;\n  timestamp: number;\n}\n\nconst CACHE_TTL = 5 * 60 * 1000; // 5 хвилин\nlet themeCache: CacheEntry | null = null;\n\n/**\n * Прочитати запис активної теми крізь TTL-кеш — ЗВИЧАЙНА функція.\n *\n * Доступна server-route handler-ам і тестам, де контексту `createServerFn`\n * немає. Живе окремо від `./themes` навмисно — з тієї самої причини, що й\n * `checkIsAdmin` (див. докблок у `./is-admin`): живий не-serverFn експорт\n * тримає серверний імпорт живим і затягнув би пул Postgres у клієнтський\n * бандл через сусідній `getActiveTheme`, який імпортує `__root.tsx`.\n *\n * 🔴 Помилка запиту НЕ ковтається. Раніше вона логувалась і кешувала `null`\n * на пʼять хвилин — тобто збій БД на секунду знімав тему з магазину на\n * пʼять і виглядав як «тема злетіла», а не як збій.\n */\nexport async function loadActiveTheme(): Promise<ThemeRecord | null> {\n  const now = Date.now();\n  if (themeCache && now - themeCache.timestamp < CACHE_TTL) {\n    return themeCache.data;\n  }\n\n  const record = await withStorefrontDb(async (db) => {\n    const [row] = await db\n      .select({\n        id: themes.id,\n        name: themes.name,\n        display_name: themes.displayName,\n        version: themes.version,\n        description: themes.description,\n        author: themes.author,\n        preview_image: themes.previewImage,\n        is_active: themes.isActive,\n        settings: themes.settings,\n        created_at: themes.createdAt,\n        updated_at: themes.updatedAt,\n      })\n      .from(themes)\n      // Активна тема — рівно одна: цього не дає жоден предикат, це частковий\n      // унікальний індекс `themes_active_idx`.\n      .where(eq(themes.isActive, true))\n      .limit(1);\n\n    return row ?? null;\n  });\n\n  const data: ThemeRecord | null =\n    record === null\n      ? null\n      : {\n          ...record,\n          settings: (record.settings ?? {}) as Record<string, JsonValue>,\n          created_at: record.created_at ?? new Date().toISOString(),\n          updated_at: record.updated_at ?? new Date().toISOString(),\n        };\n\n  themeCache = { data, timestamp: now };\n  return data;\n}\n\n/** Скинути кеш активної теми (перемикання теми чи зміна її налаштувань). */\nexport function invalidateThemeCache(): void {\n  themeCache = null;\n}\n"]}

package/dist/chunk-XHM4DSKW.js

@@ -0,0 +1,17 @@
+import { useActiveThemeModule } from './chunk-IRR2UMIH.js';
+
+// src/storefront-routes/views/useStorefrontViews.ts
+function useStorefrontViews(canonical) {
+  const themeViews = useActiveThemeModule().views;
+  if (!themeViews) return canonical;
+  return Object.fromEntries(
+    Object.entries(canonical).map(([key, view]) => [
+      key,
+      themeViews[key] ?? view
+    ])
+  );
+}
+
+export { useStorefrontViews };
+//# sourceMappingURL=chunk-XHM4DSKW.js.map
+//# sourceMappingURL=chunk-XHM4DSKW.js.map

package/dist/chunk-XHM4DSKW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/views/useStorefrontViews.ts"],"names":[],"mappings":";;;AAqBO,SAAS,mBACd,SAAA,EACQ;AACR,EAAA,MAAM,UAAA,GAAa,sBAAqB,CAAE,KAAA;AAC1C,EAAA,IAAI,CAAC,YAAY,OAAO,SAAA;AAExB,EAAA,OAAO,MAAA,CAAO,WAAA;AAAA,IACZ,MAAA,CAAO,QAAQ,SAAS,CAAA,CAAE,IAAI,CAAC,CAAC,GAAA,EAAK,IAAI,CAAA,KAAM;AAAA,MAC7C,GAAA;AAAA,MACA,UAAA,CAAW,GAAuB,CAAA,IAAK;AAAA,KACxC;AAAA,GACH;AACF","file":"chunk-XHM4DSKW.js","sourcesContent":["// Резолв view канонічних сторінок вітрини (контракт тем v3).\n\nimport type { ThemeViews } from 'simplycms/themes/types';\nimport { useActiveThemeModule } from '../shells/useActiveThemeModule';\n\n/** Канонічні view, які контейнер віддає на перевизначення темі. */\nexport type CanonicalViews = {\n  [K in keyof ThemeViews]?: NonNullable<ThemeViews[K]>;\n};\n\n/**\n * Тема перевизначає лише ті сторінки, які заявила у `views`; решта лишається\n * канонічною. Рантайм-fallback-у на «частково заявлений» view немає навмисно\n * (V3): або сторінка цілком темова й проходить conformance, або канонічна.\n *\n * 🔴 Повертає МАПУ, а не сам компонент, і споживається як\n * `<views.ProductDetail …/>`. Компонент, покладений у локальну змінну,\n * eslint `react-hooks/static-components` (правила React Compiler) вважає\n * створеним під час рендеру — через властивість обʼєкта видно, що\n * ідентичність стала, і перемонтажу піддерева не буде.\n */\nexport function useStorefrontViews<TViews extends CanonicalViews>(\n  canonical: TViews,\n): TViews {\n  const themeViews = useActiveThemeModule().views;\n  if (!themeViews) return canonical;\n\n  return Object.fromEntries(\n    Object.entries(canonical).map(([key, view]) => [\n      key,\n      themeViews[key as keyof ThemeViews] ?? view,\n    ]),\n  ) as TViews;\n}\n"]}

package/dist/chunk-XU3QEACK.js

@@ -0,0 +1,3 @@
+export { CheckoutRecipientForm } from 'simplycms/checkout-ui';
+//# sourceMappingURL=chunk-XU3QEACK.js.map
+//# sourceMappingURL=chunk-XU3QEACK.js.map

package/dist/chunk-XU3QEACK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-XU3QEACK.js","sourcesContent":[]}

package/dist/chunk-YAAGMUI6.js

@@ -0,0 +1,29 @@
+import { createServerFn } from '@tanstack/react-start';
+import { z } from 'zod';
+import { withSessionDb, loadUserOrders, loadProfile, updateProfile } from 'simplycms/storefront/loaders';
+
+// src/storefront-routes/server/profile.ts
+var RECENT_ORDERS = 3;
+var getProfileOverview = createServerFn({ method: "GET" }).handler(
+  async () => withSessionDb(async (db, userId) => ({
+    profile: await loadProfile(db, userId),
+    recentOrders: (await loadUserOrders(db, userId)).slice(0, RECENT_ORDERS)
+  }))
+);
+var getProfileSettings = createServerFn({ method: "GET" }).handler(
+  async () => withSessionDb((db, userId) => loadProfile(db, userId))
+);
+var saveProfileSettings = createServerFn({ method: "POST" }).inputValidator(
+  z.object({
+    firstName: z.string().min(2).max(100),
+    lastName: z.string().min(2).max(100),
+    phone: z.string().max(20).nullable()
+  })
+).handler(async ({ data: input }) => {
+  const update = input;
+  await withSessionDb((db, userId) => updateProfile(db, userId, update));
+});
+
+export { getProfileOverview, getProfileSettings, saveProfileSettings };
+//# sourceMappingURL=chunk-YAAGMUI6.js.map
+//# sourceMappingURL=chunk-YAAGMUI6.js.map

package/dist/chunk-YAAGMUI6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/server/profile.ts"],"names":[],"mappings":";;;;;AAYA,IAAM,aAAA,GAAgB,CAAA;AASf,IAAM,qBAAqB,cAAA,CAAe,EAAE,MAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,OAAA;AAAA,EAClE,YACE,aAAA,CAAc,OAAO,EAAA,EAAI,MAAA,MAAY;AAAA,IACnC,OAAA,EAAS,MAAM,WAAA,CAAY,EAAA,EAAI,MAAM,CAAA;AAAA,IACrC,YAAA,EAAA,CAAe,MAAM,cAAA,CAAe,EAAA,EAAI,MAAM,CAAA,EAAG,KAAA,CAAM,GAAG,aAAa;AAAA,GACzE,CAAE;AACN;AAGO,IAAM,qBAAqB,cAAA,CAAe,EAAE,MAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,OAAA;AAAA,EAClE,YACE,cAAc,CAAC,EAAA,EAAI,WAAW,WAAA,CAAY,EAAA,EAAI,MAAM,CAAC;AACzD;AASO,IAAM,sBAAsB,cAAA,CAAe,EAAE,MAAA,EAAQ,MAAA,EAAQ,CAAA,CACjE,cAAA;AAAA,EACC,EAAE,MAAA,CAAO;AAAA,IACP,SAAA,EAAW,EAAE,MAAA,EAAO,CAAE,IAAI,CAAC,CAAA,CAAE,IAAI,GAAG,CAAA;AAAA,IACpC,QAAA,EAAU,EAAE,MAAA,EAAO,CAAE,IAAI,CAAC,CAAA,CAAE,IAAI,GAAG,CAAA;AAAA,IACnC,OAAO,CAAA,CAAE,MAAA,GAAS,GAAA,CAAI,EAAE,EAAE,QAAA;AAAS,GACpC;AACH,CAAA,CACC,OAAA,CAAQ,OAAO,EAAE,IAAA,EAAM,OAAM,KAAqB;AACjD,EAAA,MAAM,MAAA,GAAS,KAAA;AAKf,EAAA,MAAM,aAAA,CAAc,CAAC,EAAA,EAAI,MAAA,KAAW,cAAc,EAAA,EAAI,MAAA,EAAQ,MAAM,CAAC,CAAA;AACvE,CAAC","file":"chunk-YAAGMUI6.js","sourcesContent":["import { createServerFn } from '@tanstack/react-start';\nimport { z } from 'zod';\nimport {\n  loadProfile,\n  loadUserOrders,\n  updateProfile,\n  type OrderListRow,\n  type ProfileRow,\n  withSessionDb,\n} from 'simplycms/storefront/loaders';\n\n/** Скільки останніх замовлень показує головна сторінка кабінету. */\nconst RECENT_ORDERS = 3;\n\n/** Дані головної сторінки кабінету — однією транзакцією актора. */\nexport interface ProfileOverview {\n  profile: ProfileRow | null;\n  recentOrders: OrderListRow[];\n}\n\n/** Профіль і останні замовлення власника сесії. */\nexport const getProfileOverview = createServerFn({ method: 'GET' }).handler(\n  async (): Promise<ProfileOverview> =>\n    withSessionDb(async (db, userId) => ({\n      profile: await loadProfile(db, userId),\n      recentOrders: (await loadUserOrders(db, userId)).slice(0, RECENT_ORDERS),\n    })),\n);\n\n/** Профіль для форми налаштувань. */\nexport const getProfileSettings = createServerFn({ method: 'GET' }).handler(\n  async (): Promise<ProfileRow | null> =>\n    withSessionDb((db, userId) => loadProfile(db, userId)),\n);\n\n/**\n * Зберегти особисті поля профілю.\n *\n * 🔴 `userId` у схемі входу НЕМАЄ навмисно: єдиний рядок, який цей виклик\n * сміє змінити, визначається сесією. Приймати id від клієнта означало б\n * дати будь-кому переписати чужий профіль.\n */\nexport const saveProfileSettings = createServerFn({ method: 'POST' })\n  .inputValidator(\n    z.object({\n      firstName: z.string().min(2).max(100),\n      lastName: z.string().min(2).max(100),\n      phone: z.string().max(20).nullable(),\n    }),\n  )\n  .handler(async ({ data: input }): Promise<void> => {\n    const update = input as {\n      firstName: string;\n      lastName: string;\n      phone: string | null;\n    };\n    await withSessionDb((db, userId) => updateProfile(db, userId, update));\n  });\n"]}

package/dist/chunk-YAVF46NP.js

@@ -0,0 +1,103 @@
+import { submitProductReview, deleteMyProductReview } from './chunk-6ZC3GWAR.js';
+import { getProductReviews, getProductRatings } from './chunk-TTCWYWQU.js';
+import { useAuth } from './chunk-JORMRKZX.js';
+import { useQueryClient, useQuery, useMutation } from '@tanstack/react-query';
+import { useToast } from 'simplycms/ui/use-toast';
+import { useT } from 'simplycms/i18n';
+
+var NO_REVIEWS = [];
+function useProductReviews(productId) {
+  const { user } = useAuth();
+  const { toast } = useToast();
+  const queryClient = useQueryClient();
+  const t = useT();
+  const reviewsQuery = useQuery({
+    queryKey: ["product-reviews", productId],
+    queryFn: () => getProductReviews({ data: { productId } }),
+    enabled: !!productId,
+    staleTime: 60 * 1e3
+  });
+  const invalidate = () => {
+    void queryClient.invalidateQueries({
+      queryKey: ["product-reviews", productId]
+    });
+    void queryClient.invalidateQueries({ queryKey: ["product-ratings"] });
+  };
+  const onError = (err) => toast({
+    variant: "destructive",
+    title: t("common.error"),
+    description: err.message
+  });
+  const submitReview = useMutation({
+    mutationFn: async (data) => {
+      if (!user || !productId)
+        throw new Error(t("product.review.notAuthorized"));
+      await submitProductReview({
+        data: {
+          productId,
+          rating: data.rating,
+          title: data.title || null,
+          content: data.content || null,
+          images: data.images ?? []
+        }
+      });
+    },
+    onSuccess: () => {
+      invalidate();
+      toast({
+        title: t("product.review.submitted"),
+        description: t("product.review.submittedDescription")
+      });
+    },
+    onError
+  });
+  const deleteReview = useMutation({
+    mutationFn: async (reviewId) => {
+      const deleted = await deleteMyProductReview({ data: { reviewId } });
+      if (!deleted) throw new Error(t("product.review.notAuthorized"));
+    },
+    onSuccess: () => {
+      invalidate();
+      toast({ title: t("product.review.deleted") });
+    },
+    onError
+  });
+  const reviews = reviewsQuery.data ?? NO_REVIEWS;
+  const approvedReviews = reviews.filter((r) => r.status === "approved");
+  const userReview = user ? reviews.find((r) => r.user_id === user.id) : null;
+  return {
+    reviews,
+    approvedReviews,
+    userReview,
+    hasUserReview: !!userReview,
+    ...summarize(approvedReviews),
+    isLoading: reviewsQuery.isLoading,
+    submitReview,
+    deleteReview
+  };
+}
+function summarize(approved) {
+  const distribution = { 5: 0, 4: 0, 3: 0, 2: 0, 1: 0 };
+  for (const review of approved) {
+    distribution[review.rating] = (distribution[review.rating] || 0) + 1;
+  }
+  const reviewCount = approved.length;
+  const sum = approved.reduce((total, r) => total + r.rating, 0);
+  return {
+    reviewCount,
+    avgRating: reviewCount > 0 ? Math.round(sum / reviewCount * 10) / 10 : 0,
+    distribution
+  };
+}
+function useProductRatings(productIds) {
+  return useQuery({
+    queryKey: ["product-ratings", productIds],
+    queryFn: () => getProductRatings({ data: { productIds } }),
+    enabled: productIds.length > 0,
+    staleTime: 60 * 1e3
+  });
+}
+
+export { useProductRatings, useProductReviews };
+//# sourceMappingURL=chunk-YAVF46NP.js.map
+//# sourceMappingURL=chunk-YAVF46NP.js.map