simplycms 0.4.0

package/dist/chunk-2ZOJ3BRO.js

@@ -0,0 +1,101 @@
+import { CartItem } from './chunk-ZS26TLLE.js';
+import { Link } from '@tanstack/react-router';
+import { ShoppingCart } from 'lucide-react';
+import { useCart, useFormatPrice } from 'simplycms/react-query';
+import { useT } from 'simplycms/i18n';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function pluralItemsKey(count) {
+  const mod100 = count % 100;
+  const mod10 = count % 10;
+  if (mod100 >= 11 && mod100 <= 14) return "cart.itemsMany";
+  if (mod10 === 1) return "cart.itemsOne";
+  if (mod10 >= 2 && mod10 <= 4) return "cart.itemsFew";
+  return "cart.itemsMany";
+}
+function CartDrawer() {
+  const { items, totalItems, totalPrice, isOpen, setIsOpen } = useCart();
+  const t = useT();
+  const formatPrice = useFormatPrice();
+  if (!isOpen) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/50",
+        onClick: () => setIsOpen(false)
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "fixed right-0 top-0 bottom-0 w-full sm:max-w-md bg-background shadow-lg flex flex-col", children: [
+      /* @__PURE__ */ jsx("div", { className: "p-6 border-b", children: /* @__PURE__ */ jsxs("h2", { className: "text-lg font-semibold flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(ShoppingCart, { className: "h-5 w-5" }),
+        t("cart.title"),
+        totalItems > 0 && /* @__PURE__ */ jsxs("span", { className: "text-sm font-normal text-muted-foreground", children: [
+          "(",
+          totalItems,
+          " ",
+          t(pluralItemsKey(totalItems)),
+          ")"
+        ] })
+      ] }) }),
+      items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center text-center py-12 px-6", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-16 h-16 rounded-full bg-muted flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(ShoppingCart, { className: "h-8 w-8 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsx("h3", { className: "font-medium mb-1", children: t("cart.empty.title") }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4", children: t("cart.empty.hint") }),
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            to: "/catalog",
+            onClick: () => setIsOpen(false),
+            className: "px-4 py-2 border rounded-md text-sm",
+            children: t("cart.empty.cta")
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-6", children: /* @__PURE__ */ jsx("div", { className: "space-y-0", children: items.map((item) => /* @__PURE__ */ jsx(
+          CartItem,
+          {
+            item
+          },
+          `${item.productId}-${item.modificationId}`
+        )) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-auto p-6 border-t", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-2 mb-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("common.amount") }),
+              /* @__PURE__ */ jsx("span", { children: formatPrice(totalPrice) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between font-medium text-lg", children: [
+              /* @__PURE__ */ jsx("span", { children: t("cart.summary.total") }),
+              /* @__PURE__ */ jsx("span", { className: "text-primary", children: formatPrice(totalPrice) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Link,
+              {
+                to: "/cart",
+                onClick: () => setIsOpen(false),
+                className: "flex-1 text-center px-4 py-2 border rounded-md text-sm",
+                children: t("cart.viewCart")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Link,
+              {
+                to: "/checkout",
+                onClick: () => setIsOpen(false),
+                className: "flex-1 text-center px-4 py-2 bg-primary text-primary-foreground rounded-md text-sm",
+                children: t("cart.summary.checkout")
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+export { CartDrawer };
+//# sourceMappingURL=chunk-2ZOJ3BRO.js.map
+//# sourceMappingURL=chunk-2ZOJ3BRO.js.map

package/dist/chunk-2ZOJ3BRO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cart-ui/CartDrawer.tsx"],"names":[],"mappings":"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","file":"chunk-2ZOJ3BRO.js","sourcesContent":["import { Link } from '@tanstack/react-router';\nimport { ShoppingCart } from 'lucide-react';\nimport { useCart, useFormatPrice } from 'simplycms/react-query';\nimport { useT, type MessageKey } from 'simplycms/i18n';\nimport { CartItem } from './CartItem';\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 pluralItemsKey(count: number): MessageKey {\n  const mod100 = count % 100;\n  const mod10 = count % 10;\n  if (mod100 >= 11 && mod100 <= 14) return 'cart.itemsMany';\n  if (mod10 === 1) return 'cart.itemsOne';\n  if (mod10 >= 2 && mod10 <= 4) return 'cart.itemsFew';\n  return 'cart.itemsMany';\n}\n\nexport function CartDrawer() {\n  const { items, totalItems, totalPrice, isOpen, setIsOpen } = useCart();\n  const t = useT();\n  const formatPrice = useFormatPrice();\n\n  if (!isOpen) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50\">\n      {/* Backdrop */}\n      <div\n        className=\"fixed inset-0 bg-black/50\"\n        onClick={() => setIsOpen(false)}\n      />\n      {/* Drawer */}\n      <div className=\"fixed right-0 top-0 bottom-0 w-full sm:max-w-md bg-background shadow-lg flex flex-col\">\n        <div className=\"p-6 border-b\">\n          <h2 className=\"text-lg font-semibold flex items-center gap-2\">\n            <ShoppingCart className=\"h-5 w-5\" />\n            {t('cart.title')}\n            {totalItems > 0 && (\n              <span className=\"text-sm font-normal text-muted-foreground\">\n                ({totalItems} {t(pluralItemsKey(totalItems))})\n              </span>\n            )}\n          </h2>\n        </div>\n\n        {items.length === 0 ? (\n          <div className=\"flex-1 flex flex-col items-center justify-center text-center py-12 px-6\">\n            <div className=\"w-16 h-16 rounded-full bg-muted flex items-center justify-center mb-4\">\n              <ShoppingCart className=\"h-8 w-8 text-muted-foreground\" />\n            </div>\n            <h3 className=\"font-medium mb-1\">{t('cart.empty.title')}</h3>\n            <p className=\"text-sm text-muted-foreground mb-4\">\n              {t('cart.empty.hint')}\n            </p>\n            <Link\n              to=\"/catalog\"\n              onClick={() => setIsOpen(false)}\n              className=\"px-4 py-2 border rounded-md text-sm\"\n            >\n              {t('cart.empty.cta')}\n            </Link>\n          </div>\n        ) : (\n          <>\n            <div className=\"flex-1 overflow-y-auto px-6\">\n              <div className=\"space-y-0\">\n                {items.map((item) => (\n                  <CartItem\n                    key={`${item.productId}-${item.modificationId}`}\n                    item={item}\n                  />\n                ))}\n              </div>\n            </div>\n\n            <div className=\"mt-auto p-6 border-t\">\n              <div className=\"space-y-2 mb-4\">\n                <div className=\"flex justify-between text-sm\">\n                  <span className=\"text-muted-foreground\">\n                    {t('common.amount')}\n                  </span>\n                  <span>{formatPrice(totalPrice)}</span>\n                </div>\n                <div className=\"flex justify-between font-medium text-lg\">\n                  <span>{t('cart.summary.total')}</span>\n                  <span className=\"text-primary\">\n                    {formatPrice(totalPrice)}\n                  </span>\n                </div>\n              </div>\n\n              <div className=\"flex gap-2\">\n                <Link\n                  to=\"/cart\"\n                  onClick={() => setIsOpen(false)}\n                  className=\"flex-1 text-center px-4 py-2 border rounded-md text-sm\"\n                >\n                  {t('cart.viewCart')}\n                </Link>\n                <Link\n                  to=\"/checkout\"\n                  onClick={() => setIsOpen(false)}\n                  className=\"flex-1 text-center px-4 py-2 bg-primary text-primary-foreground rounded-md text-sm\"\n                >\n                  {t('cart.summary.checkout')}\n                </Link>\n              </div>\n            </div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-34RUH5Q5.js

@@ -0,0 +1,56 @@
+import { PRODUCT_DETAIL_REQUISITES } from 'simplycms/contracts/views';
+import { PluginSlot } from 'simplycms/plugins/PluginSlot';
+import { cn } from 'simplycms/ui/utils';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+// src/storefront-routes/views/slots/ProductPluginSlots.tsx
+function ProductPluginBefore({
+  className,
+  context
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-simplycms-requisite": PRODUCT_DETAIL_REQUISITES.PluginBefore,
+      className: cn("contents", className),
+      children: /* @__PURE__ */ jsx(PluginSlot, { name: "product.detail.before", context })
+    }
+  );
+}
+function ProductPluginBadges({
+  className,
+  context
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-simplycms-requisite": PRODUCT_DETAIL_REQUISITES.PluginBadges,
+      className: cn("contents", className),
+      children: /* @__PURE__ */ jsx(
+        PluginSlot,
+        {
+          name: "product.card.badges",
+          context,
+          wrapper: (children) => /* @__PURE__ */ jsx(Fragment, { children })
+        }
+      )
+    }
+  );
+}
+function ProductPluginAfter({
+  className,
+  context
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-simplycms-requisite": PRODUCT_DETAIL_REQUISITES.PluginAfter,
+      className: cn("contents", className),
+      children: /* @__PURE__ */ jsx(PluginSlot, { name: "product.detail.after", context })
+    }
+  );
+}
+
+export { ProductPluginAfter, ProductPluginBadges, ProductPluginBefore };
+//# sourceMappingURL=chunk-34RUH5Q5.js.map
+//# sourceMappingURL=chunk-34RUH5Q5.js.map

package/dist/chunk-34RUH5Q5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/views/slots/ProductPluginSlots.tsx"],"names":[],"mappings":";;;;;;AAkBO,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,4BAA0B,yBAAA,CAA0B,YAAA;AAAA,MACpD,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAEnC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAK,uBAAA,EAAwB,OAAA,EAAkB;AAAA;AAAA,GAC7D;AAEJ;AAEO,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,4BAA0B,yBAAA,CAA0B,YAAA;AAAA,MACpD,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAEnC,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,qBAAA;AAAA,UACL,OAAA;AAAA,UACA,OAAA,EAAS,CAAC,QAAA,qBAAa,GAAA,CAAA,QAAA,EAAA,EAAG,QAAA,EAAS;AAAA;AAAA;AACrC;AAAA,GACF;AAEJ;AAEO,SAAS,kBAAA,CAAmB;AAAA,EACjC,SAAA;AAAA,EACA;AACF,CAAA,EAA2B;AACzB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,4BAA0B,yBAAA,CAA0B,WAAA;AAAA,MACpD,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAEnC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAK,sBAAA,EAAuB,OAAA,EAAkB;AAAA;AAAA,GAC5D;AAEJ","file":"chunk-34RUH5Q5.js","sourcesContent":["import { PRODUCT_DETAIL_REQUISITES } from 'simplycms/contracts/views';\nimport { PluginSlot } from 'simplycms/plugins/PluginSlot';\nimport { cn } from 'simplycms/ui/utils';\n\nexport interface ProductPluginSlotProps {\n  className?: string;\n  /** Контекст хука: товар і обрана модифікація (форма — як у сторінці). */\n  context: Record<string, unknown>;\n}\n\n/**\n * Точки розширення плагінів на картці товару — теж реквізити: якщо тема їх\n * не розставить, встановлені плагіни мовчки зникнуть зі сторінки.\n *\n * 🔴 Обгортка — `display: contents`: маркер присутній завжди (навіть коли\n * жоден плагін не підписаний), але бокса не створює, тож вміст плагінів\n * лишається на тому самому місці розкладки, що й до виділення в слот.\n */\nexport function ProductPluginBefore({\n  className,\n  context,\n}: ProductPluginSlotProps) {\n  return (\n    <div\n      data-simplycms-requisite={PRODUCT_DETAIL_REQUISITES.PluginBefore}\n      className={cn('contents', className)}\n    >\n      <PluginSlot name=\"product.detail.before\" context={context} />\n    </div>\n  );\n}\n\nexport function ProductPluginBadges({\n  className,\n  context,\n}: ProductPluginSlotProps) {\n  return (\n    <div\n      data-simplycms-requisite={PRODUCT_DETAIL_REQUISITES.PluginBadges}\n      className={cn('contents', className)}\n    >\n      <PluginSlot\n        name=\"product.card.badges\"\n        context={context}\n        wrapper={(children) => <>{children}</>}\n      />\n    </div>\n  );\n}\n\nexport function ProductPluginAfter({\n  className,\n  context,\n}: ProductPluginSlotProps) {\n  return (\n    <div\n      data-simplycms-requisite={PRODUCT_DETAIL_REQUISITES.PluginAfter}\n      className={cn('contents', className)}\n    >\n      <PluginSlot name=\"product.detail.after\" context={context} />\n    </div>\n  );\n}\n"]}

package/dist/chunk-36KE54CI.js

@@ -0,0 +1,138 @@
+import { useState, useMemo } from 'react';
+import { Search, MapPin, Check, Plus } from 'lucide-react';
+import { cn } from 'simplycms/ui/utils';
+import { useT } from 'simplycms/i18n';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/checkout-ui/AddressSelectorPopup.tsx
+function AddressSelectorPopup({
+  open,
+  onOpenChange,
+  addresses,
+  selectedId,
+  onSelect,
+  onAddNew
+}) {
+  const t = useT();
+  const [search, setSearch] = useState("");
+  const [sortBy, setSortBy] = useState("default");
+  const filteredAddresses = useMemo(() => {
+    let result = [...addresses];
+    if (search.trim()) {
+      const searchLower = search.toLowerCase();
+      result = result.filter(
+        (a) => a.name.toLowerCase().includes(searchLower) || a.city.toLowerCase().includes(searchLower) || a.address.toLowerCase().includes(searchLower)
+      );
+    }
+    switch (sortBy) {
+      case "name":
+        result.sort((a, b) => a.name.localeCompare(b.name));
+        break;
+      case "city":
+        result.sort((a, b) => a.city.localeCompare(b.city));
+        break;
+      case "default":
+      default:
+        result.sort((a, b) => (b.is_default ? 1 : 0) - (a.is_default ? 1 : 0));
+        break;
+    }
+    return result;
+  }, [addresses, search, sortBy]);
+  const handleSelect = (id) => {
+    onSelect(id);
+    onOpenChange(false);
+  };
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/50",
+        onClick: () => onOpenChange(false)
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "relative bg-background rounded-lg shadow-lg max-w-lg w-full mx-4 p-6 max-h-[80vh] flex flex-col", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-4", children: t("checkout.addressSelector.title") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mb-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative flex-1", children: [
+          /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              placeholder: t("checkout.addressSelector.searchPlaceholder"),
+              value: search,
+              onChange: (e) => setSearch(e.target.value),
+              className: "w-full pl-9 pr-3 py-2 border rounded-md text-sm"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            value: sortBy,
+            onChange: (e) => setSortBy(e.target.value),
+            className: "w-[140px] border rounded-md text-sm px-2",
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "default", children: t("common.byDefaultShort") }),
+              /* @__PURE__ */ jsx("option", { value: "name", children: t("checkout.addressSelector.sortByName") }),
+              /* @__PURE__ */ jsx("option", { value: "city", children: t("checkout.addressSelector.sortByCity") })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto max-h-[300px] pr-2 space-y-2", children: [
+        filteredAddresses.map((addr) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => handleSelect(addr.id),
+            className: cn(
+              "w-full flex items-start gap-3 p-3 rounded-lg border-2 text-left transition-all",
+              "hover:border-primary/50 hover:bg-accent/50",
+              selectedId === addr.id ? "border-primary bg-primary/5" : "border-muted bg-card"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 h-10 w-10 rounded-full bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx(MapPin, { className: "h-5 w-5 text-muted-foreground" }) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: "font-medium", children: addr.name }),
+                  addr.is_default && /* @__PURE__ */ jsx("span", { className: "text-[10px] bg-primary/10 text-primary px-1.5 py-0.5 rounded", children: t("common.byDefaultShort") })
+                ] }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("common.cityShort", { city: addr.city }) }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground truncate", children: addr.address })
+              ] }),
+              selectedId === addr.id && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 h-6 w-6 rounded-full bg-primary flex items-center justify-center", children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4 text-primary-foreground" }) })
+            ]
+          },
+          addr.id
+        )),
+        filteredAddresses.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-center py-8 text-muted-foreground", children: search ? t("checkout.notFound") : t("checkout.addressSelector.emptyState") })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between pt-4 border-t mt-4", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "px-4 py-2 border rounded-md text-sm",
+            onClick: () => onOpenChange(false),
+            children: t("common.cancel")
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            className: "px-4 py-2 bg-secondary text-secondary-foreground rounded-md text-sm flex items-center gap-2",
+            onClick: onAddNew,
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+              t("common.address.new")
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+export { AddressSelectorPopup };
+//# sourceMappingURL=chunk-36KE54CI.js.map
+//# sourceMappingURL=chunk-36KE54CI.js.map

package/dist/chunk-36KE54CI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkout-ui/AddressSelectorPopup.tsx"],"names":[],"mappings":"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","file":"chunk-36KE54CI.js","sourcesContent":["import { useState, useMemo } from 'react';\nimport { Search, MapPin, Check, Plus } from 'lucide-react';\nimport { cn } from 'simplycms/ui/utils';\nimport { useT } from 'simplycms/i18n';\n\ninterface Address {\n  id: string;\n  name: string;\n  city: string;\n  address: string;\n  is_default: boolean;\n}\n\ninterface AddressSelectorPopupProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  addresses: Address[];\n  selectedId: string | null;\n  onSelect: (id: string) => void;\n  onAddNew: () => void;\n}\n\ntype SortOption = 'default' | 'name' | 'city';\n\nexport function AddressSelectorPopup({\n  open,\n  onOpenChange,\n  addresses,\n  selectedId,\n  onSelect,\n  onAddNew,\n}: AddressSelectorPopupProps) {\n  const t = useT();\n  const [search, setSearch] = useState('');\n  const [sortBy, setSortBy] = useState<SortOption>('default');\n\n  const filteredAddresses = useMemo(() => {\n    let result = [...addresses];\n\n    if (search.trim()) {\n      const searchLower = search.toLowerCase();\n      result = result.filter(\n        (a) =>\n          a.name.toLowerCase().includes(searchLower) ||\n          a.city.toLowerCase().includes(searchLower) ||\n          a.address.toLowerCase().includes(searchLower),\n      );\n    }\n\n    switch (sortBy) {\n      case 'name':\n        result.sort((a, b) => a.name.localeCompare(b.name));\n        break;\n      case 'city':\n        result.sort((a, b) => a.city.localeCompare(b.city));\n        break;\n      case 'default':\n      default:\n        result.sort((a, b) => (b.is_default ? 1 : 0) - (a.is_default ? 1 : 0));\n        break;\n    }\n\n    return result;\n  }, [addresses, search, sortBy]);\n\n  const handleSelect = (id: string) => {\n    onSelect(id);\n    onOpenChange(false);\n  };\n\n  if (!open) return null;\n\n  return (\n    <div className=\"fixed inset-0 z-50 flex items-center justify-center\">\n      <div\n        className=\"fixed inset-0 bg-black/50\"\n        onClick={() => onOpenChange(false)}\n      />\n      <div className=\"relative bg-background rounded-lg shadow-lg max-w-lg w-full mx-4 p-6 max-h-[80vh] flex flex-col\">\n        <h3 className=\"text-lg font-semibold mb-4\">\n          {t('checkout.addressSelector.title')}\n        </h3>\n\n        <div className=\"flex gap-2 mb-4\">\n          <div className=\"relative flex-1\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground\" />\n            <input\n              placeholder={t('checkout.addressSelector.searchPlaceholder')}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              className=\"w-full pl-9 pr-3 py-2 border rounded-md text-sm\"\n            />\n          </div>\n          <select\n            value={sortBy}\n            onChange={(e) => setSortBy(e.target.value as SortOption)}\n            className=\"w-[140px] border rounded-md text-sm px-2\"\n          >\n            <option value=\"default\">{t('common.byDefaultShort')}</option>\n            <option value=\"name\">\n              {t('checkout.addressSelector.sortByName')}\n            </option>\n            <option value=\"city\">\n              {t('checkout.addressSelector.sortByCity')}\n            </option>\n          </select>\n        </div>\n\n        <div className=\"flex-1 overflow-y-auto max-h-[300px] pr-2 space-y-2\">\n          {filteredAddresses.map((addr) => (\n            <button\n              key={addr.id}\n              type=\"button\"\n              onClick={() => handleSelect(addr.id)}\n              className={cn(\n                'w-full flex items-start gap-3 p-3 rounded-lg border-2 text-left transition-all',\n                'hover:border-primary/50 hover:bg-accent/50',\n                selectedId === addr.id\n                  ? 'border-primary bg-primary/5'\n                  : 'border-muted bg-card',\n              )}\n            >\n              <div className=\"flex-shrink-0 h-10 w-10 rounded-full bg-muted flex items-center justify-center\">\n                <MapPin className=\"h-5 w-5 text-muted-foreground\" />\n              </div>\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"font-medium\">{addr.name}</span>\n                  {addr.is_default && (\n                    <span className=\"text-[10px] bg-primary/10 text-primary px-1.5 py-0.5 rounded\">\n                      {t('common.byDefaultShort')}\n                    </span>\n                  )}\n                </div>\n                <p className=\"text-sm text-muted-foreground\">\n                  {t('common.cityShort', { city: addr.city })}\n                </p>\n                <p className=\"text-sm text-muted-foreground truncate\">\n                  {addr.address}\n                </p>\n              </div>\n              {selectedId === addr.id && (\n                <div className=\"flex-shrink-0 h-6 w-6 rounded-full bg-primary flex items-center justify-center\">\n                  <Check className=\"h-4 w-4 text-primary-foreground\" />\n                </div>\n              )}\n            </button>\n          ))}\n\n          {filteredAddresses.length === 0 && (\n            <div className=\"text-center py-8 text-muted-foreground\">\n              {search\n                ? t('checkout.notFound')\n                : t('checkout.addressSelector.emptyState')}\n            </div>\n          )}\n        </div>\n\n        <div className=\"flex justify-between pt-4 border-t mt-4\">\n          <button\n            className=\"px-4 py-2 border rounded-md text-sm\"\n            onClick={() => onOpenChange(false)}\n          >\n            {t('common.cancel')}\n          </button>\n          <button\n            className=\"px-4 py-2 bg-secondary text-secondary-foreground rounded-md text-sm flex items-center gap-2\"\n            onClick={onAddNew}\n          >\n            <Plus className=\"h-4 w-4\" />\n            {t('common.address.new')}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-36N7MZUX.js

@@ -0,0 +1,49 @@
+import { SsrProductGrid } from './chunk-ETDZDO35.js';
+import { Loader2 } from 'lucide-react';
+import { CATALOG_REQUISITES } from 'simplycms/contracts/views';
+import { useT } from 'simplycms/i18n';
+import { ProductCard } from 'simplycms/core/components/catalog/ProductCard';
+import { Button } from 'simplycms/ui/button';
+import { cn } from 'simplycms/ui/utils';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var GRID_CLASS = "grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4";
+function CatalogProductGrid({
+  className,
+  ssrItems,
+  products,
+  isLoading,
+  viewMode,
+  ratings,
+  onResetFilters
+}) {
+  const t = useT();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-simplycms-requisite": CATALOG_REQUISITES.ProductGrid,
+      className: cn("contents", className),
+      children: !products && ssrItems.length > 0 ? /* @__PURE__ */ jsx(SsrProductGrid, { items: ssrItems, viewMode }) : isLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(Loader2, { className: "h-8 w-8 animate-spin text-primary" }) }) : products && products.length > 0 ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: viewMode === "grid" ? GRID_CLASS : "flex flex-col gap-4",
+          children: products.map((product) => /* @__PURE__ */ jsx(
+            ProductCard,
+            {
+              product,
+              rating: ratings?.[product.id]
+            },
+            product.id
+          ))
+        }
+      ) : /* @__PURE__ */ jsxs("div", { className: "text-center py-12", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4", children: t("catalog.noResults") }),
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onResetFilters, children: t("catalog.resetFilters") })
+      ] })
+    }
+  );
+}
+
+export { CatalogProductGrid };
+//# sourceMappingURL=chunk-36N7MZUX.js.map
+//# sourceMappingURL=chunk-36N7MZUX.js.map

package/dist/chunk-36N7MZUX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/views/slots/CatalogProductGrid.tsx"],"names":[],"mappings":";;;;;;;;;AA2BA,IAAM,UAAA,GAAa,sDAAA;AAQZ,SAAS,kBAAA,CAAmB;AAAA,EACjC,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,IAAI,IAAA,EAAK;AAEf,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,4BAA0B,kBAAA,CAAmB,WAAA;AAAA,MAC7C,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAElC,QAAA,EAAA,CAAC,QAAA,IAAY,QAAA,CAAS,MAAA,GAAS,CAAA,uBAC7B,cAAA,EAAA,EAAe,KAAA,EAAO,QAAA,EAAU,QAAA,EAAoB,CAAA,GACnD,SAAA,uBACD,KAAA,EAAA,EAAI,SAAA,EAAU,wCAAA,EACb,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAU,mCAAA,EAAoC,CAAA,EACzD,CAAA,GACE,QAAA,IAAY,QAAA,CAAS,MAAA,GAAS,CAAA,mBAChC,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,QAAA,KAAa,MAAA,GAAS,UAAA,GAAa,qBAAA;AAAA,UAE7C,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,OAAA,qBACb,GAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cAEC,OAAA;AAAA,cACA,MAAA,EAAQ,OAAA,GAAU,OAAA,CAAQ,EAAE;AAAA,aAAA;AAAA,YAFvB,OAAA,CAAQ;AAAA,WAIhB;AAAA;AAAA,OACH,mBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,mBAAA,EACb,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,4BAAA,EAA8B,QAAA,EAAA,CAAA,CAAE,mBAAmB,CAAA,EAAE,CAAA;AAAA,wBAClE,GAAA,CAAC,UAAO,OAAA,EAAQ,SAAA,EAAU,SAAS,cAAA,EAChC,QAAA,EAAA,CAAA,CAAE,sBAAsB,CAAA,EAC3B;AAAA,OAAA,EACF;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-36N7MZUX.js","sourcesContent":["import type { ComponentProps } from 'react';\nimport { Loader2 } from 'lucide-react';\nimport { CATALOG_REQUISITES } from 'simplycms/contracts/views';\nimport { useT } from 'simplycms/i18n';\nimport { ProductCard } from 'simplycms/core/components/catalog/ProductCard';\nimport { Button } from 'simplycms/ui/button';\nimport { cn } from 'simplycms/ui/utils';\nimport { SsrProductGrid } from '../../components/SsrProductGrid';\nimport type { ProductListItem } from '../../server/product-list-item';\nimport type { CatalogViewMode } from './CatalogToolbarSlots';\n\ntype CardProduct = ComponentProps<typeof ProductCard>['product'];\ntype CardRating = ComponentProps<typeof ProductCard>['rating'];\n\nexport interface CatalogProductGridProps {\n  className?: string;\n  /** Серверний список: рендериться, доки не приїхали клієнтські дані. */\n  ssrItems: ProductListItem[];\n  /** Відфільтрована вибірка; `undefined` — клієнтських даних ще немає. */\n  products: CardProduct[] | undefined;\n  isLoading: boolean;\n  viewMode: CatalogViewMode;\n  ratings?: Record<string, CardRating>;\n  /** Скидання фільтрів із порожньої вибірки. */\n  onResetFilters: () => void;\n}\n\nconst GRID_CLASS = 'grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4';\n\n/**\n * Реквізит «сітка товарів» — разом із усіма своїми станами: серверний\n * список, завантаження, вибірка й порожній результат. Стани належать ядру\n * саме тому, що на них тримається перехід SSR → клієнт: тема, яка намалює\n * власну сітку без них, показала б порожню сторінку до першого фетчу.\n */\nexport function CatalogProductGrid({\n  className,\n  ssrItems,\n  products,\n  isLoading,\n  viewMode,\n  ratings,\n  onResetFilters,\n}: CatalogProductGridProps) {\n  const t = useT();\n\n  return (\n    <div\n      data-simplycms-requisite={CATALOG_REQUISITES.ProductGrid}\n      className={cn('contents', className)}\n    >\n      {!products && ssrItems.length > 0 ? (\n        <SsrProductGrid items={ssrItems} viewMode={viewMode} />\n      ) : isLoading ? (\n        <div className=\"flex items-center justify-center py-12\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n        </div>\n      ) : products && products.length > 0 ? (\n        <div\n          className={viewMode === 'grid' ? GRID_CLASS : 'flex flex-col gap-4'}\n        >\n          {products.map((product) => (\n            <ProductCard\n              key={product.id}\n              product={product}\n              rating={ratings?.[product.id]}\n            />\n          ))}\n        </div>\n      ) : (\n        <div className=\"text-center py-12\">\n          <p className=\"text-muted-foreground mb-4\">{t('catalog.noResults')}</p>\n          <Button variant=\"outline\" onClick={onResetFilters}>\n            {t('catalog.resetFilters')}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}