simplycms 0.4.0

package/dist/storefront-routes/pages/ProductDetail.js

@@ -0,0 +1,475 @@
+import { ProductAddToCart } from '../../chunk-NZI53CGC.js';
+import { ProductReviewsBlock, ProductStockAvailability } from '../../chunk-TS3EGKET.js';
+import { ProductModificationPicker } from '../../chunk-NBND7WAT.js';
+import { ProductPluginAfter, ProductPluginBadges, ProductPluginBefore } from '../../chunk-34RUH5Q5.js';
+import { ProductPriceBlock } from '../../chunk-FETHDFGX.js';
+import { ProductStockBadge } from '../../chunk-6D2UAQNA.js';
+import { ProductDetailView } from '../../chunk-473Q4TND.js';
+import '../../chunk-MQ422VVU.js';
+import '../../chunk-WCKHXPYN.js';
+import { getProduct, getModificationData } from '../../chunk-6CF3TA4X.js';
+import '../../chunk-FJN35H2F.js';
+import { useStorefrontViews } from '../../chunk-XHM4DSKW.js';
+import '../../chunk-IRR2UMIH.js';
+import { useParams, useNavigate, useLocation, useSearch } from '@tanstack/react-router';
+import { Loader2 } from 'lucide-react';
+import { useT } from 'simplycms/i18n';
+import { Button } from 'simplycms/ui/button';
+import { createContext, useMemo, useState, useEffect, useCallback, useContext } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useQuery } from '@tanstack/react-query';
+import { usePriceType } from 'simplycms/core/hooks/usePriceType';
+import { useDiscountGroups, useDiscountContext, applyDiscount } from 'simplycms/core/hooks/useDiscountedPrice';
+import { resolvePrice } from 'simplycms/domain/pricing';
+
+// src/storefront-routes/pages/product-detail/breadcrumbs.ts
+function buildBreadcrumbs(t, section, productName) {
+  const items = [
+    { label: t("breadcrumbs.home"), href: "/" },
+    { label: t("catalog.title"), href: "/catalog" }
+  ];
+  if (section) {
+    items.push({ label: section.name, href: `/catalog/${section.slug}` });
+  }
+  items.push({ label: productName });
+  return items;
+}
+
+// src/storefront-routes/pages/product-detail/cart-item.ts
+function buildCartItem({
+  product,
+  hasModifications,
+  selectedModId,
+  selectedMod,
+  current,
+  image
+}) {
+  const { price, basePrice, discountResult } = current;
+  if (price === void 0) return null;
+  return {
+    productId: product.id,
+    modificationId: hasModifications ? selectedModId : null,
+    name: product.name,
+    modificationName: hasModifications ? selectedMod?.name : void 0,
+    price,
+    basePrice: basePrice || null,
+    discountData: discountResult && discountResult.totalDiscount > 0 ? JSON.parse(
+      JSON.stringify({
+        appliedDiscounts: discountResult.appliedDiscounts,
+        totalDiscount: discountResult.totalDiscount,
+        basePrice
+      })
+    ) : null,
+    image,
+    sku: current.sku || void 0
+  };
+}
+var BindingsContext = createContext(null);
+function ProductDetailSlotBindings({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx(BindingsContext.Provider, { value, children });
+}
+function useProductDetailBindings() {
+  const value = useContext(BindingsContext);
+  if (!value) {
+    throw new Error(
+      "ProductDetail slots must be rendered inside <ProductDetailSlotBindings>"
+    );
+  }
+  return value;
+}
+function PluginBefore({ className }) {
+  const { pluginContext } = useProductDetailBindings();
+  return /* @__PURE__ */ jsx(ProductPluginBefore, { className, context: pluginContext });
+}
+function PluginBadges({ className }) {
+  const { pluginContext } = useProductDetailBindings();
+  return /* @__PURE__ */ jsx(ProductPluginBadges, { className, context: pluginContext });
+}
+function PluginAfter({ className }) {
+  const { pluginAfterContext } = useProductDetailBindings();
+  return /* @__PURE__ */ jsx(ProductPluginAfter, { className, context: pluginAfterContext });
+}
+function StockBadge({ className }) {
+  const { stockStatus } = useProductDetailBindings();
+  return /* @__PURE__ */ jsx(ProductStockBadge, { className, stockStatus });
+}
+function PriceBlock({ className }) {
+  const { price, oldPrice } = useProductDetailBindings();
+  return /* @__PURE__ */ jsx(
+    ProductPriceBlock,
+    {
+      className,
+      price,
+      oldPrice
+    }
+  );
+}
+function ModificationSelector({ className }) {
+  const bindings = useProductDetailBindings();
+  return /* @__PURE__ */ jsx(
+    ProductModificationPicker,
+    {
+      className,
+      modifications: bindings.modifications,
+      selectedId: bindings.selectedModId,
+      onSelect: bindings.onSelectModification,
+      prices: bindings.modificationPrices,
+      stockByModification: bindings.stockByModification
+    }
+  );
+}
+function AddToCart({ className }) {
+  const { cartItem, isInStock } = useProductDetailBindings();
+  return /* @__PURE__ */ jsx(
+    ProductAddToCart,
+    {
+      className,
+      item: cartItem,
+      inStock: isInStock
+    }
+  );
+}
+function StockAvailability({ className }) {
+  const { availabilityProductId, availabilityModificationId } = useProductDetailBindings();
+  return /* @__PURE__ */ jsx(
+    ProductStockAvailability,
+    {
+      className,
+      productId: availabilityProductId,
+      modificationId: availabilityModificationId
+    }
+  );
+}
+function Reviews({ className }) {
+  const { productId } = useProductDetailBindings();
+  return /* @__PURE__ */ jsx(ProductReviewsBlock, { className, productId });
+}
+var productDetailSlots = {
+  PluginBefore,
+  StockBadge,
+  PluginBadges,
+  PriceBlock,
+  ModificationSelector,
+  AddToCart,
+  StockAvailability,
+  Reviews,
+  PluginAfter
+};
+function useModificationData(product) {
+  const productId = product?.id;
+  const { data } = useQuery({
+    queryKey: ["product-modification-data", productId],
+    queryFn: () => getModificationData({ data: { productId } }),
+    enabled: !!productId,
+    staleTime: 3e4
+  });
+  const modifications = useMemo(() => {
+    const mods = product?.product_modifications ?? [];
+    return [...mods].sort((a, b) => {
+      if (a.is_default && !b.is_default) return -1;
+      if (!a.is_default && b.is_default) return 1;
+      return a.sort_order - b.sort_order;
+    });
+  }, [product]);
+  return {
+    modifications,
+    propertyValuesByModification: data?.propertyValues,
+    stockByModification: data?.stock
+  };
+}
+function useModificationSelection(modifications, hasModifications) {
+  const navigate = useNavigate();
+  const pathname = useLocation({ select: (l) => l.pathname });
+  const search = useSearch({ strict: false });
+  const [selectedModId, setSelectedModId] = useState("");
+  const modSlugFromUrl = search.mod;
+  useEffect(() => {
+    if (!hasModifications || modifications.length === 0) return;
+    let targetMod = modSlugFromUrl ? modifications.find((m) => m.slug === modSlugFromUrl) : void 0;
+    if (!targetMod && !selectedModId) {
+      targetMod = modifications.find((m) => m.is_default) || modifications[0];
+    }
+    if (targetMod && targetMod.id !== selectedModId) {
+      const id = targetMod.id;
+      const slug = targetMod.slug;
+      setSelectedModId(id);
+      if (slug) {
+        navigate({ to: pathname, search: { mod: slug }, replace: true });
+      }
+    }
+  }, [modifications, modSlugFromUrl, hasModifications]);
+  const selectedMod = modifications.find((m) => m.id === selectedModId);
+  const onSelect = useCallback(
+    (modId) => {
+      const mod = modifications.find((m) => m.id === modId);
+      if (mod) {
+        setSelectedModId(modId);
+        navigate({ to: pathname, search: { mod: mod.slug }, replace: true });
+      }
+    },
+    [modifications, navigate, pathname]
+  );
+  return { selectedModId, selectedMod, onSelect };
+}
+function useProductContent({
+  product,
+  hasModifications,
+  selectedMod,
+  selectedModId,
+  propertyValuesByModification
+}) {
+  const images = useMemo(() => {
+    const productImages = Array.isArray(product?.images) ? product.images : [];
+    if (hasModifications && selectedMod) {
+      const modImages = Array.isArray(selectedMod.images) ? selectedMod.images : [];
+      return modImages.length > 0 ? modImages : productImages;
+    }
+    return productImages;
+  }, [product, selectedMod, hasModifications]);
+  const propertyValues = useMemo(() => {
+    const rawPropValues = product?.product_property_values || [];
+    const productProps = rawPropValues.map(
+      (pv) => ({
+        property_id: pv.property_id,
+        value: pv.value,
+        numeric_value: pv.numeric_value,
+        option_id: pv.option_id,
+        option: pv.property_options,
+        property: pv.section_properties
+      })
+    );
+    const modProps = selectedModId && propertyValuesByModification?.[selectedModId] ? propertyValuesByModification[selectedModId] : [];
+    const propMap = /* @__PURE__ */ new Map();
+    productProps.forEach((pv) => propMap.set(pv.property_id, pv));
+    modProps.forEach((pv) => propMap.set(pv.property_id, pv));
+    return Array.from(propMap.values());
+  }, [product, selectedModId, propertyValuesByModification]);
+  return { images, propertyValues };
+}
+function buildModificationPrices(input) {
+  const { product, section, modifications } = input;
+  const productPrices = product.product_prices ?? [];
+  const map = {};
+  modifications.forEach((mod) => {
+    const resolved = resolvePrice(
+      productPrices,
+      input.priceTypeId,
+      input.defaultPriceTypeId,
+      mod.id
+    );
+    if (resolved.price === null) return;
+    let modPrice = resolved.price;
+    let modOldPrice = resolved.oldPrice;
+    if (input.discountGroups.length > 0) {
+      const discountResult = applyDiscount(modPrice, input.discountGroups, {
+        ...input.discountCtx,
+        quantity: 1,
+        cartTotal: 0,
+        productId: product.id,
+        modificationId: mod.id,
+        sectionId: section?.id || null
+      });
+      if (discountResult.totalDiscount > 0) {
+        modOldPrice = modPrice;
+        modPrice = discountResult.finalPrice;
+      }
+    }
+    map[mod.id] = { price: modPrice, oldPrice: modOldPrice };
+  });
+  return map;
+}
+function resolveCurrentPricing(input) {
+  const { product, section, hasModifications, selectedMod } = input;
+  const productPrices = product.product_prices ?? [];
+  const stockStatus = hasModifications ? selectedMod?.stock_status ?? "in_stock" : product.stock_status ?? "in_stock";
+  const modificationId = hasModifications ? selectedMod?.id || null : null;
+  const resolved = resolvePrice(
+    productPrices,
+    input.priceTypeId,
+    input.defaultPriceTypeId,
+    modificationId
+  );
+  let price = resolved.price ?? void 0;
+  let oldPrice = resolved.oldPrice;
+  const sku = hasModifications ? selectedMod?.sku : product.sku;
+  let discountResult = null;
+  let basePrice;
+  if (price !== void 0 && input.discountGroups.length > 0) {
+    discountResult = applyDiscount(price, input.discountGroups, {
+      ...input.discountCtx,
+      quantity: 1,
+      cartTotal: 0,
+      productId: product.id,
+      modificationId,
+      sectionId: section?.id || null
+    });
+    if (discountResult.totalDiscount > 0) {
+      basePrice = price;
+      oldPrice = price;
+      price = discountResult.finalPrice;
+    }
+  }
+  return {
+    stockStatus,
+    price,
+    oldPrice,
+    sku,
+    basePrice,
+    discountResult,
+    isInStock: stockStatus === "in_stock" || stockStatus === "on_order",
+    discountPercent: oldPrice && price && oldPrice > price ? Math.round((oldPrice - price) / oldPrice * 100) : null
+  };
+}
+
+// src/storefront-routes/pages/product-detail/useProductPricing.ts
+function useProductPricing({
+  product,
+  section,
+  hasModifications,
+  modifications,
+  selectedMod
+}) {
+  const { priceTypeId, defaultPriceTypeId } = usePriceType();
+  const { data: discountGroups = [] } = useDiscountGroups();
+  const discountCtx = useDiscountContext();
+  const modificationPrices = useMemo(() => {
+    if (!product) return {};
+    return buildModificationPrices({
+      product,
+      section,
+      modifications,
+      priceTypeId,
+      defaultPriceTypeId,
+      discountGroups,
+      discountCtx
+    });
+  }, [
+    product,
+    section,
+    modifications,
+    priceTypeId,
+    defaultPriceTypeId,
+    discountGroups,
+    discountCtx
+  ]);
+  const current = useMemo(() => {
+    if (!product) return null;
+    return resolveCurrentPricing({
+      product,
+      section,
+      hasModifications,
+      selectedMod,
+      priceTypeId,
+      defaultPriceTypeId,
+      discountGroups,
+      discountCtx
+    });
+  }, [
+    product,
+    section,
+    hasModifications,
+    selectedMod,
+    priceTypeId,
+    defaultPriceTypeId,
+    discountGroups,
+    discountCtx
+  ]);
+  return { modificationPrices, current };
+}
+function useProductQuery(productSlug, initialProduct) {
+  return useQuery({
+    queryKey: ["public-product", productSlug],
+    queryFn: () => getProduct({ data: { slug: productSlug } }),
+    enabled: !!productSlug,
+    initialData: initialProduct
+  });
+}
+function ProductDetailPage({
+  product: initialProduct
+} = {}) {
+  const t = useT();
+  const params = useParams({ strict: false });
+  const { data: product, isLoading } = useProductQuery(
+    params.productSlug,
+    initialProduct
+  );
+  const hasModifications = product?.has_modifications ?? true;
+  const section = product?.sections ?? null;
+  const { modifications, propertyValuesByModification, stockByModification } = useModificationData(product);
+  const { selectedModId, selectedMod, onSelect } = useModificationSelection(
+    modifications,
+    hasModifications
+  );
+  const { images, propertyValues } = useProductContent({
+    product,
+    hasModifications,
+    selectedMod,
+    selectedModId,
+    propertyValuesByModification
+  });
+  const { modificationPrices, current } = useProductPricing({
+    product,
+    section,
+    hasModifications,
+    modifications,
+    selectedMod
+  });
+  const views = useStorefrontViews({ ProductDetail: ProductDetailView });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: "min-h-[50vh] flex items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin text-primary" }) });
+  }
+  if (!product || !current) {
+    return /* @__PURE__ */ jsxs("div", { className: "min-h-[50vh] flex flex-col items-center justify-center", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mb-4", children: t("product.notFound") }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => window.history.back(), children: t("product.goBack") })
+    ] });
+  }
+  const pluginContext = { product, selectedMod };
+  const bindings = {
+    pluginContext,
+    pluginAfterContext: { product, selectedMod, propertyValues },
+    stockStatus: current.stockStatus,
+    price: current.price,
+    oldPrice: current.oldPrice,
+    modifications: hasModifications ? modifications : [],
+    selectedModId,
+    onSelectModification: onSelect,
+    modificationPrices,
+    stockByModification,
+    cartItem: buildCartItem({
+      product,
+      hasModifications,
+      selectedModId,
+      selectedMod,
+      current,
+      image: images[0]
+    }),
+    isInStock: current.isInStock,
+    availabilityProductId: hasModifications ? null : product.id,
+    availabilityModificationId: hasModifications ? selectedModId : null,
+    productId: product.id
+  };
+  return /* @__PURE__ */ jsx(ProductDetailSlotBindings, { value: bindings, children: /* @__PURE__ */ jsx(
+    views.ProductDetail,
+    {
+      breadcrumbs: buildBreadcrumbs(t, section, product.name),
+      gallery: { images },
+      summary: {
+        name: product.name,
+        sku: current.sku ?? null,
+        short_description: product.short_description,
+        discountPercent: current.discountPercent
+      },
+      description: { html: product.description },
+      characteristics: { items: propertyValues },
+      slots: productDetailSlots
+    }
+  ) });
+}
+
+export { ProductDetailPage as default };
+//# sourceMappingURL=ProductDetail.js.map
+//# sourceMappingURL=ProductDetail.js.map

package/dist/storefront-routes/pages/ProductDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/storefront-routes/pages/product-detail/breadcrumbs.ts","../../../src/storefront-routes/pages/product-detail/cart-item.ts","../../../src/storefront-routes/pages/product-detail/slot-context.tsx","../../../src/storefront-routes/pages/product-detail/slots.tsx","../../../src/storefront-routes/pages/product-detail/useModificationData.ts","../../../src/storefront-routes/pages/product-detail/useModificationSelection.ts","../../../src/storefront-routes/pages/product-detail/useProductContent.ts","../../../src/storefront-routes/pages/product-detail/pricing.ts","../../../src/storefront-routes/pages/product-detail/useProductPricing.ts","../../../src/storefront-routes/pages/product-detail/useProductQuery.ts","../../../src/storefront-routes/pages/ProductDetail.tsx"],"names":["jsx","useMemo","useQuery"],"mappings":"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","file":"ProductDetail.js","sourcesContent":["// Хлібні крихти картки товару.\n\nimport type { Translator } from 'simplycms/i18n';\nimport type { BreadcrumbItem } from 'simplycms/contracts/views';\nimport type { ProductSectionRef } from './types';\n\n/**\n * Головна → каталог → розділ (якщо є) → сам товар.\n *\n * Останню ланку віддаємо БЕЗ `href` — view рендерить її текстом, як і до\n * спліту.\n */\nexport function buildBreadcrumbs(\n  t: Translator,\n  section: ProductSectionRef | null,\n  productName: string,\n): BreadcrumbItem[] {\n  const items: BreadcrumbItem[] = [\n    { label: t('breadcrumbs.home'), href: '/' },\n    { label: t('catalog.title'), href: '/catalog' },\n  ];\n\n  if (section) {\n    items.push({ label: section.name, href: `/catalog/${section.slug}` });\n  }\n\n  items.push({ label: productName });\n  return items;\n}\n","// Складання позиції кошика (перенесено з контейнера без зміни логіки).\n\nimport type { AddToCartItem } from '../../views/slots/ProductAddToCart';\nimport type {\n  CurrentPricing,\n  ProductDetailProduct,\n  ProductModificationRow,\n} from './types';\n\nexport interface CartItemInput {\n  product: ProductDetailProduct;\n  hasModifications: boolean;\n  selectedModId: string;\n  selectedMod: ProductModificationRow | undefined;\n  current: CurrentPricing;\n  /** Перше зображення галереї — прев'ю позиції в кошику. */\n  image: string | undefined;\n}\n\n/**\n * Позиція для кошика: контейнер лише збирає дані, запис і toast — у слоті\n * `ProductAddToCart` (реквізит купівлі, який тема не може зламати).\n *\n * `null` — ціни немає, тож і купувати нічого.\n */\nexport function buildCartItem({\n  product,\n  hasModifications,\n  selectedModId,\n  selectedMod,\n  current,\n  image,\n}: CartItemInput): AddToCartItem | null {\n  const { price, basePrice, discountResult } = current;\n  if (price === undefined) return null;\n\n  return {\n    productId: product.id,\n    modificationId: hasModifications ? selectedModId : null,\n    name: product.name,\n    modificationName: hasModifications ? selectedMod?.name : undefined,\n    price: price,\n    basePrice: basePrice || null,\n    discountData:\n      discountResult && discountResult.totalDiscount > 0\n        ? JSON.parse(\n            JSON.stringify({\n              appliedDiscounts: discountResult.appliedDiscounts,\n              totalDiscount: discountResult.totalDiscount,\n              basePrice: basePrice,\n            }),\n          )\n        : null,\n    image: image,\n    sku: current.sku || undefined,\n  };\n}\n","// Прив'язки slot-компонентів картки товару (контракт тем v3, Фаза 3).\n\nimport { createContext, useContext, type ReactNode } from 'react';\nimport type { ModificationStockInfo } from 'simplycms/core/components/catalog/ModificationSelector';\nimport type { AddToCartItem } from '../../views/slots/ProductAddToCart';\nimport type { ModificationPrice, ProductModificationRow } from './types';\n\n/** Усе, що контейнер прибінджує до реквізитів картки. */\nexport interface ProductDetailBindings {\n  /** Контекст хуків плагінів перед блоком інформації та в ряду бейджів. */\n  pluginContext: Record<string, unknown>;\n  /** Контекст хука плагінів після вмісту сторінки (з характеристиками). */\n  pluginAfterContext: Record<string, unknown>;\n  stockStatus: string | null;\n  price: number | undefined;\n  oldPrice: number | null | undefined;\n  modifications: ProductModificationRow[];\n  selectedModId: string;\n  onSelectModification: (modId: string) => void;\n  modificationPrices: Record<string, ModificationPrice>;\n  stockByModification: Record<string, ModificationStockInfo> | undefined;\n  cartItem: AddToCartItem | null;\n  isInStock: boolean;\n  /** Товар без модифікацій; для товару з модифікаціями — `null`. */\n  availabilityProductId: string | null;\n  availabilityModificationId: string | null;\n  productId: string;\n}\n\nconst BindingsContext = createContext<ProductDetailBindings | null>(null);\n\n/**\n * 🔴 Чому прив'язки їдуть контекстом, а не замиканнями.\n *\n * View отримує слоти як КОМПОНЕНТИ. Якби контейнер створював їх у рендері\n * (замикання над свіжими значеннями), ідентичність типу мінялася б щорендеру\n * — React перемонтовував би піддерева слотів (відгуки, залишки, плагіни)\n * замість перерендеру. Тому компоненти слотів модуль-рівневі й СТАЛІ, а\n * свіжі значення читають із цього контексту.\n */\nexport function ProductDetailSlotBindings({\n  value,\n  children,\n}: {\n  value: ProductDetailBindings;\n  children: ReactNode;\n}) {\n  return (\n    <BindingsContext.Provider value={value}>\n      {children}\n    </BindingsContext.Provider>\n  );\n}\n\nexport function useProductDetailBindings(): ProductDetailBindings {\n  const value = useContext(BindingsContext);\n  if (!value) {\n    throw new Error(\n      'ProductDetail slots must be rendered inside <ProductDetailSlotBindings>',\n    );\n  }\n  return value;\n}\n","// Слоти картки товару, прибінджені до контейнера (контракт тем v3, Фаза 3).\n//\n// Компоненти модуль-рівневі й сталі — свіжі значення беруть із контексту\n// прив'язок (`slot-context.tsx`), тож тема, розставляючи їх у власному\n// лейауті, не може ані зламати воронку купівлі, ані спричинити перемонтаж.\n\nimport type {\n  ProductDetailSlots,\n  SlotAppearanceProps,\n} from 'simplycms/contracts/views';\nimport { ProductAddToCart } from '../../views/slots/ProductAddToCart';\nimport {\n  ProductStockAvailability,\n  ProductReviewsBlock,\n} from '../../views/slots/ProductContentSlots';\nimport { ProductModificationPicker } from '../../views/slots/ProductModificationPicker';\nimport {\n  ProductPluginAfter,\n  ProductPluginBadges,\n  ProductPluginBefore,\n} from '../../views/slots/ProductPluginSlots';\nimport { ProductPriceBlock } from '../../views/slots/ProductPriceBlock';\nimport { ProductStockBadge } from '../../views/slots/ProductStockBadge';\nimport { useProductDetailBindings } from './slot-context';\n\nfunction PluginBefore({ className }: SlotAppearanceProps) {\n  const { pluginContext } = useProductDetailBindings();\n  return <ProductPluginBefore className={className} context={pluginContext} />;\n}\n\nfunction PluginBadges({ className }: SlotAppearanceProps) {\n  const { pluginContext } = useProductDetailBindings();\n  return <ProductPluginBadges className={className} context={pluginContext} />;\n}\n\nfunction PluginAfter({ className }: SlotAppearanceProps) {\n  const { pluginAfterContext } = useProductDetailBindings();\n  return (\n    <ProductPluginAfter className={className} context={pluginAfterContext} />\n  );\n}\n\nfunction StockBadge({ className }: SlotAppearanceProps) {\n  const { stockStatus } = useProductDetailBindings();\n  return <ProductStockBadge className={className} stockStatus={stockStatus} />;\n}\n\nfunction PriceBlock({ className }: SlotAppearanceProps) {\n  const { price, oldPrice } = useProductDetailBindings();\n  return (\n    <ProductPriceBlock\n      className={className}\n      price={price}\n      oldPrice={oldPrice}\n    />\n  );\n}\n\nfunction ModificationSelector({ className }: SlotAppearanceProps) {\n  const bindings = useProductDetailBindings();\n  return (\n    <ProductModificationPicker\n      className={className}\n      modifications={bindings.modifications}\n      selectedId={bindings.selectedModId}\n      onSelect={bindings.onSelectModification}\n      prices={bindings.modificationPrices}\n      stockByModification={bindings.stockByModification}\n    />\n  );\n}\n\nfunction AddToCart({ className }: SlotAppearanceProps) {\n  const { cartItem, isInStock } = useProductDetailBindings();\n  return (\n    <ProductAddToCart\n      className={className}\n      item={cartItem}\n      inStock={isInStock}\n    />\n  );\n}\n\nfunction StockAvailability({ className }: SlotAppearanceProps) {\n  const { availabilityProductId, availabilityModificationId } =\n    useProductDetailBindings();\n  return (\n    <ProductStockAvailability\n      className={className}\n      productId={availabilityProductId}\n      modificationId={availabilityModificationId}\n    />\n  );\n}\n\nfunction Reviews({ className }: SlotAppearanceProps) {\n  const { productId } = useProductDetailBindings();\n  return <ProductReviewsBlock className={className} productId={productId} />;\n}\n\n/** Сталий набір реквізитів картки — саме він їде у view-model. */\nexport const productDetailSlots: ProductDetailSlots = {\n  PluginBefore,\n  StockBadge,\n  PluginBadges,\n  PriceBlock,\n  ModificationSelector,\n  AddToCart,\n  StockAvailability,\n  Reviews,\n  PluginAfter,\n};\n","// Дані модифікацій товару: сортований список, характеристики й залишки.\n\nimport { useMemo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { ModificationStockInfo } from 'simplycms/core/components/catalog/ModificationSelector';\nimport type { ProductPropertyValueViewModel } from 'simplycms/contracts/views';\nimport { getModificationData } from '../../server/products';\nimport type { ProductDetailProduct, ProductModificationRow } from './types';\n\nexport interface ModificationData {\n  /** Модифікації, відсортовані: спершу дефолтна, далі за `sort_order`. */\n  modifications: ProductModificationRow[];\n  propertyValuesByModification:\n    Record<string, ProductPropertyValueViewModel[]> | undefined;\n  stockByModification: Record<string, ModificationStockInfo> | undefined;\n}\n\n/**\n * Характеристики й наявність модифікацій — ОДИН серверний виклик.\n *\n * 🔴 Було два клієнтські запити, і другий бив у `rpc('get_stock_info')` по\n * КОЖНІЙ модифікації окремо. Функції в схемі v2 немає взагалі (B13), а\n * правило наявності («є залишок або статус „під замовлення“») переїхало в\n * серверний лоадер без змін.\n */\nexport function useModificationData(\n  product: ProductDetailProduct | null | undefined,\n): ModificationData {\n  const productId = product?.id;\n\n  const { data } = useQuery({\n    queryKey: ['product-modification-data', productId],\n    queryFn: () =>\n      getModificationData({ data: { productId: productId as string } }),\n    enabled: !!productId,\n    staleTime: 30_000,\n  });\n\n  const modifications = useMemo(() => {\n    const mods = product?.product_modifications ?? [];\n    return [...mods].sort((a, b) => {\n      if (a.is_default && !b.is_default) return -1;\n      if (!a.is_default && b.is_default) return 1;\n      return a.sort_order - b.sort_order;\n    });\n  }, [product]);\n\n  return {\n    modifications,\n    propertyValuesByModification: data?.propertyValues,\n    stockByModification: data?.stock,\n  };\n}\n","// Вибір модифікації із синхронізацією з URL (`?mod=<slug>`).\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { useNavigate, useSearch, useLocation } from '@tanstack/react-router';\nimport type { ProductModificationRow } from './types';\n\nexport interface ModificationSelection {\n  selectedModId: string;\n  selectedMod: ProductModificationRow | undefined;\n  onSelect: (modId: string) => void;\n}\n\n/**\n * Стан вибраної модифікації. Джерело правди — URL: після першого рендеру\n * вибір із `?mod=` виграє, інакше береться дефолтна модифікація й URL\n * дописується `replace`-переходом (історія браузера не засмічується).\n */\nexport function useModificationSelection(\n  modifications: ProductModificationRow[],\n  hasModifications: boolean,\n): ModificationSelection {\n  const navigate = useNavigate();\n  const pathname = useLocation({ select: (l) => l.pathname });\n  const search = useSearch({ strict: false }) as Record<\n    string,\n    string | undefined\n  >;\n\n  const [selectedModId, setSelectedModId] = useState<string>('');\n  const modSlugFromUrl = search.mod;\n\n  useEffect(() => {\n    if (!hasModifications || modifications.length === 0) return;\n\n    // Визначаємо цільову модифікацію: з URL або за замовчуванням\n    let targetMod = modSlugFromUrl\n      ? modifications.find((m) => m.slug === modSlugFromUrl)\n      : undefined;\n\n    if (!targetMod && !selectedModId) {\n      targetMod = modifications.find((m) => m.is_default) || modifications[0];\n    }\n\n    if (targetMod && targetMod.id !== selectedModId) {\n      const id = targetMod.id;\n      const slug = targetMod.slug;\n      // Batch: оновлюємо стан та URL разом\n      setSelectedModId(id);\n      if (slug) {\n        navigate({ to: pathname, search: { mod: slug }, replace: true });\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [modifications, modSlugFromUrl, hasModifications]);\n\n  const selectedMod = modifications.find((m) => m.id === selectedModId);\n\n  const onSelect = useCallback(\n    (modId: string) => {\n      const mod = modifications.find((m) => m.id === modId);\n      if (mod) {\n        setSelectedModId(modId);\n        navigate({ to: pathname, search: { mod: mod.slug }, replace: true });\n      }\n    },\n    [modifications, navigate, pathname],\n  );\n\n  return { selectedModId, selectedMod, onSelect };\n}\n","// Зображення й характеристики картки: обидва залежать від вибраної модифікації.\n\nimport { useMemo } from 'react';\nimport type { ProductPropertyValueViewModel } from 'simplycms/contracts/views';\nimport type { ProductDetailProduct, ProductModificationRow } from './types';\n\nexport interface ProductContentInput {\n  product: ProductDetailProduct | null | undefined;\n  hasModifications: boolean;\n  selectedMod: ProductModificationRow | undefined;\n  selectedModId: string;\n  propertyValuesByModification:\n    Record<string, ProductPropertyValueViewModel[]> | undefined;\n}\n\nexport interface ProductContent {\n  images: string[];\n  propertyValues: ProductPropertyValueViewModel[];\n}\n\n/** Сировина «неціновної» частини картки: галерея + характеристики. */\nexport function useProductContent({\n  product,\n  hasModifications,\n  selectedMod,\n  selectedModId,\n  propertyValuesByModification,\n}: ProductContentInput): ProductContent {\n  // Зображення товару й модифікації разом\n  const images = useMemo(() => {\n    const productImages = Array.isArray(product?.images)\n      ? (product.images as string[])\n      : [];\n\n    if (hasModifications && selectedMod) {\n      const modImages = Array.isArray(selectedMod.images)\n        ? (selectedMod.images as string[])\n        : [];\n      // Фото модифікації пріоритетніші, інакше — фото товару\n      return modImages.length > 0 ? modImages : productImages;\n    }\n\n    return productImages;\n  }, [product, selectedMod, hasModifications]);\n\n  // Характеристики товару + характеристики вибраної модифікації\n  const propertyValues = useMemo(() => {\n    const rawPropValues =\n      (product?.product_property_values as Array<{\n        property_id: string;\n        value: string | null;\n        numeric_value: number | null;\n        option_id: string | null;\n        property_options: { id: string; slug: string } | null;\n        section_properties: {\n          id: string;\n          name: string;\n          slug: string;\n          property_type: string;\n          has_page: boolean;\n        } | null;\n      }>) || [];\n    const productProps: ProductPropertyValueViewModel[] = rawPropValues.map(\n      (pv) => ({\n        property_id: pv.property_id,\n        value: pv.value,\n        numeric_value: pv.numeric_value,\n        option_id: pv.option_id,\n        option: pv.property_options,\n        property: pv.section_properties,\n      }),\n    );\n\n    const modProps: ProductPropertyValueViewModel[] =\n      selectedModId && propertyValuesByModification?.[selectedModId]\n        ? propertyValuesByModification[selectedModId]\n        : [];\n\n    // Характеристики модифікації перекривають однойменні характеристики товару\n    const propMap = new Map<string, ProductPropertyValueViewModel>();\n    productProps.forEach((pv) => propMap.set(pv.property_id, pv));\n    modProps.forEach((pv) => propMap.set(pv.property_id, pv));\n\n    return Array.from(propMap.values());\n  }, [product, selectedModId, propertyValuesByModification]);\n\n  return { images, propertyValues };\n}\n","// Чисті обчислення цін картки товару (перенесено з контейнера без зміни\n// логіки — контракт тем v3, Фаза 3).\n\nimport { applyDiscount } from 'simplycms/core/hooks/useDiscountedPrice';\nimport type { DiscountGroup, DiscountResult } from 'simplycms/domain/discounts';\nimport { resolvePrice, type PriceEntry } from 'simplycms/domain/pricing';\nimport type {\n  CurrentPricing,\n  DiscountUserContext,\n  ModificationPrice,\n  ProductDetailProduct,\n  ProductModificationRow,\n  ProductSectionRef,\n} from './types';\n\ninterface PricingBase {\n  product: ProductDetailProduct;\n  section: ProductSectionRef | null;\n  priceTypeId: string | null;\n  defaultPriceTypeId: string | null;\n  discountGroups: DiscountGroup[];\n  discountCtx: DiscountUserContext;\n}\n\n/** Ціни всіх модифікацій (зі знижками) — для перемикача модифікацій. */\nexport function buildModificationPrices(\n  input: PricingBase & { modifications: ProductModificationRow[] },\n): Record<string, ModificationPrice> {\n  const { product, section, modifications } = input;\n  const productPrices = (product.product_prices ?? []) as PriceEntry[];\n  const map: Record<string, ModificationPrice> = {};\n\n  modifications.forEach((mod) => {\n    const resolved = resolvePrice(\n      productPrices,\n      input.priceTypeId,\n      input.defaultPriceTypeId,\n      mod.id,\n    );\n    if (resolved.price === null) return;\n\n    let modPrice = resolved.price;\n    let modOldPrice = resolved.oldPrice;\n\n    // Знижки рахуються окремо для кожної модифікації\n    if (input.discountGroups.length > 0) {\n      const discountResult = applyDiscount(modPrice, input.discountGroups, {\n        ...input.discountCtx,\n        quantity: 1,\n        cartTotal: 0,\n        productId: product.id,\n        modificationId: mod.id,\n        sectionId: section?.id || null,\n      });\n      if (discountResult.totalDiscount > 0) {\n        modOldPrice = modPrice;\n        modPrice = discountResult.finalPrice;\n      }\n    }\n\n    map[mod.id] = { price: modPrice, oldPrice: modOldPrice };\n  });\n\n  return map;\n}\n\n/** Ціна, наявність і артикул поточного вибору (товар або його модифікація). */\nexport function resolveCurrentPricing(\n  input: PricingBase & {\n    hasModifications: boolean;\n    selectedMod: ProductModificationRow | undefined;\n  },\n): CurrentPricing {\n  const { product, section, hasModifications, selectedMod } = input;\n  const productPrices = (product.product_prices ?? []) as PriceEntry[];\n\n  const stockStatus: string | null = hasModifications\n    ? (selectedMod?.stock_status ?? 'in_stock')\n    : (product.stock_status ?? 'in_stock');\n  const modificationId = hasModifications ? selectedMod?.id || null : null;\n  const resolved = resolvePrice(\n    productPrices,\n    input.priceTypeId,\n    input.defaultPriceTypeId,\n    modificationId,\n  );\n\n  let price: number | undefined = resolved.price ?? undefined;\n  let oldPrice: number | null | undefined = resolved.oldPrice;\n  const sku = hasModifications ? selectedMod?.sku : product.sku;\n\n  let discountResult: DiscountResult | null = null;\n  let basePrice: number | undefined;\n  if (price !== undefined && input.discountGroups.length > 0) {\n    discountResult = applyDiscount(price, input.discountGroups, {\n      ...input.discountCtx,\n      quantity: 1,\n      cartTotal: 0,\n      productId: product.id,\n      modificationId,\n      sectionId: section?.id || null,\n    });\n    if (discountResult.totalDiscount > 0) {\n      basePrice = price;\n      oldPrice = price;\n      price = discountResult.finalPrice;\n    }\n  }\n\n  return {\n    stockStatus,\n    price,\n    oldPrice,\n    sku,\n    basePrice,\n    discountResult,\n    isInStock: stockStatus === 'in_stock' || stockStatus === 'on_order',\n    discountPercent:\n      oldPrice && price && oldPrice > price\n        ? Math.round(((oldPrice - price) / oldPrice) * 100)\n        : null,\n  };\n}\n","// Ціни картки товару: рушій знижок + тип ціни покупця.\n\nimport { useMemo } from 'react';\nimport { usePriceType } from 'simplycms/core/hooks/usePriceType';\nimport {\n  useDiscountGroups,\n  useDiscountContext,\n} from 'simplycms/core/hooks/useDiscountedPrice';\nimport { buildModificationPrices, resolveCurrentPricing } from './pricing';\nimport type {\n  CurrentPricing,\n  ModificationPrice,\n  ProductDetailProduct,\n  ProductModificationRow,\n  ProductSectionRef,\n} from './types';\n\nexport interface ProductPricingInput {\n  product: ProductDetailProduct | null | undefined;\n  section: ProductSectionRef | null;\n  hasModifications: boolean;\n  modifications: ProductModificationRow[];\n  selectedMod: ProductModificationRow | undefined;\n}\n\nexport interface ProductPricing {\n  modificationPrices: Record<string, ModificationPrice>;\n  /** `null` — товару ще (або вже) немає, рахувати нема що. */\n  current: CurrentPricing | null;\n}\n\nexport function useProductPricing({\n  product,\n  section,\n  hasModifications,\n  modifications,\n  selectedMod,\n}: ProductPricingInput): ProductPricing {\n  const { priceTypeId, defaultPriceTypeId } = usePriceType();\n  const { data: discountGroups = [] } = useDiscountGroups();\n  const discountCtx = useDiscountContext();\n\n  const modificationPrices = useMemo(() => {\n    if (!product) return {};\n    return buildModificationPrices({\n      product,\n      section,\n      modifications,\n      priceTypeId,\n      defaultPriceTypeId,\n      discountGroups,\n      discountCtx,\n    });\n  }, [\n    product,\n    section,\n    modifications,\n    priceTypeId,\n    defaultPriceTypeId,\n    discountGroups,\n    discountCtx,\n  ]);\n\n  const current = useMemo(() => {\n    if (!product) return null;\n    return resolveCurrentPricing({\n      product,\n      section,\n      hasModifications,\n      selectedMod,\n      priceTypeId,\n      defaultPriceTypeId,\n      discountGroups,\n      discountCtx,\n    });\n  }, [\n    product,\n    section,\n    hasModifications,\n    selectedMod,\n    priceTypeId,\n    defaultPriceTypeId,\n    discountGroups,\n    discountCtx,\n  ]);\n\n  return { modificationPrices, current };\n}\n","// Запит товару картки (винесено з контейнера без зміни поведінки).\n\nimport { useQuery } from '@tanstack/react-query';\nimport { getProduct } from '../../server/products';\nimport type { ProductDetailProduct } from './types';\n\n/**\n * Товар з усіма приєднаними даними. SSR-значення приходить `initialData` —\n * саме тому сторінка не блимає лоадером після гідрації.\n *\n * 🔴 Той самий `getProduct`, що й у лоадері роуту: предикат `is_active`,\n * форма приєднаних гілок і фільтри живуть в одному місці, а не в двох\n * схожих запитах (клієнтський колись віддавав інше, ніж серверний).\n */\nexport function useProductQuery(\n  productSlug: string | undefined,\n  initialProduct?: ProductDetailProduct,\n) {\n  return useQuery({\n    queryKey: ['public-product', productSlug],\n    queryFn: (): Promise<ProductDetailProduct | null> =>\n      getProduct({ data: { slug: productSlug as string } }),\n    enabled: !!productSlug,\n    initialData: initialProduct,\n  });\n}\n","import { useParams } from '@tanstack/react-router';\nimport { Loader2 } from 'lucide-react';\nimport { useT } from 'simplycms/i18n';\nimport { Button } from 'simplycms/ui/button';\nimport { ProductDetailView } from '../views/ProductDetailView';\nimport { useStorefrontViews } from '../views/useStorefrontViews';\nimport { buildBreadcrumbs } from './product-detail/breadcrumbs';\nimport { buildCartItem } from './product-detail/cart-item';\nimport {\n  ProductDetailSlotBindings,\n  type ProductDetailBindings,\n} from './product-detail/slot-context';\nimport { productDetailSlots } from './product-detail/slots';\nimport { useModificationData } from './product-detail/useModificationData';\nimport { useModificationSelection } from './product-detail/useModificationSelection';\nimport { useProductContent } from './product-detail/useProductContent';\nimport { useProductPricing } from './product-detail/useProductPricing';\nimport { useProductQuery } from './product-detail/useProductQuery';\nimport type {\n  ProductDetailProduct,\n  ProductSectionRef,\n} from './product-detail/types';\n\nexport interface ProductDetailPageProps {\n  product?: ProductDetailProduct;\n  sectionSlug?: string;\n}\n\n/**\n * Контейнер картки товару: тягне дані, тримає стан вибору модифікації,\n * збирає view-model зі сталими реквізитами — і віддає його view (темовому,\n * якщо тема його заявила, інакше канонічному).\n */\nexport default function ProductDetailPage({\n  product: initialProduct,\n}: ProductDetailPageProps = {}) {\n  const t = useT();\n  const params = useParams({ strict: false }) as {\n    sectionSlug?: string;\n    productSlug?: string;\n  };\n\n  const { data: product, isLoading } = useProductQuery(\n    params.productSlug,\n    initialProduct,\n  );\n\n  const hasModifications = product?.has_modifications ?? true;\n  const section = (product?.sections ?? null) as ProductSectionRef | null;\n\n  const { modifications, propertyValuesByModification, stockByModification } =\n    useModificationData(product);\n  const { selectedModId, selectedMod, onSelect } = useModificationSelection(\n    modifications,\n    hasModifications,\n  );\n  const { images, propertyValues } = useProductContent({\n    product,\n    hasModifications,\n    selectedMod,\n    selectedModId,\n    propertyValuesByModification,\n  });\n  const { modificationPrices, current } = useProductPricing({\n    product,\n    section,\n    hasModifications,\n    modifications,\n    selectedMod,\n  });\n  const views = useStorefrontViews({ ProductDetail: ProductDetailView });\n\n  if (isLoading) {\n    return (\n      <div className=\"min-h-[50vh] flex items-center justify-center\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n      </div>\n    );\n  }\n\n  if (!product || !current) {\n    return (\n      <div className=\"min-h-[50vh] flex flex-col items-center justify-center\">\n        <h1 className=\"text-2xl font-bold mb-4\">{t('product.notFound')}</h1>\n        <Button onClick={() => window.history.back()}>\n          {t('product.goBack')}\n        </Button>\n      </div>\n    );\n  }\n\n  const pluginContext = { product, selectedMod };\n  const bindings: ProductDetailBindings = {\n    pluginContext,\n    pluginAfterContext: { product, selectedMod, propertyValues },\n    stockStatus: current.stockStatus,\n    price: current.price,\n    oldPrice: current.oldPrice,\n    modifications: hasModifications ? modifications : [],\n    selectedModId,\n    onSelectModification: onSelect,\n    modificationPrices,\n    stockByModification,\n    cartItem: buildCartItem({\n      product,\n      hasModifications,\n      selectedModId,\n      selectedMod,\n      current,\n      image: images[0],\n    }),\n    isInStock: current.isInStock,\n    availabilityProductId: hasModifications ? null : product.id,\n    availabilityModificationId: hasModifications ? selectedModId : null,\n    productId: product.id,\n  };\n\n  return (\n    <ProductDetailSlotBindings value={bindings}>\n      <views.ProductDetail\n        breadcrumbs={buildBreadcrumbs(t, section, product.name)}\n        gallery={{ images }}\n        summary={{\n          name: product.name,\n          sku: current.sku ?? null,\n          short_description: product.short_description,\n          discountPercent: current.discountPercent,\n        }}\n        description={{ html: product.description }}\n        characteristics={{ items: propertyValues }}\n        slots={productDetailSlots}\n      />\n    </ProductDetailSlotBindings>\n  );\n}\n"]}

package/dist/storefront-routes/pages/Profile.d.ts

@@ -0,0 +1 @@
+export default function ProfilePage(): import("react").JSX.Element;