simplycms 0.4.0

package/dist/chunk-FVUVJDMM.js

@@ -0,0 +1,302 @@
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import Image from '@tiptap/extension-image';
+import TextAlign from '@tiptap/extension-text-align';
+import { Button } from 'simplycms/ui/button';
+import { Toggle } from 'simplycms/ui/toggle';
+import { Separator } from 'simplycms/ui/separator';
+import { Bold, Italic, Underline, Strikethrough, Heading1, Heading2, Heading3, List, ListOrdered, Quote, Code, AlignLeft, AlignCenter, AlignRight, Link, Image as Image$1, Minus, Undo, Redo } from 'lucide-react';
+import { cn } from 'simplycms/ui/utils';
+import { useT } from 'simplycms/i18n';
+import { useEffect, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/admin/components/RichTextEditor.tsx
+function RichTextEditor({
+  content,
+  onChange,
+  // Дефолт підпису переїхав у тіло: у списку параметрів транслятора ще немає.
+  placeholder: _placeholder,
+  className
+}) {
+  const t = useT();
+  const editor = useEditor({
+    extensions: [
+      // StarterKit v3 уже містить link + underline — налаштовуємо link тут,
+      // щоб не дублювати розширення (underline лишаємо з типовою конфігурацією).
+      StarterKit.configure({
+        heading: {
+          levels: [1, 2, 3]
+        },
+        link: {
+          openOnClick: false,
+          HTMLAttributes: {
+            class: "text-primary underline cursor-pointer"
+          }
+        }
+      }),
+      Image.configure({
+        HTMLAttributes: {
+          class: "max-w-full h-auto rounded-lg"
+        }
+      }),
+      TextAlign.configure({
+        types: ["heading", "paragraph"]
+      })
+    ],
+    content,
+    editorProps: {
+      attributes: {
+        class: "prose prose-sm dark:prose-invert max-w-none min-h-[200px] p-4 focus:outline-none"
+      }
+    },
+    onUpdate: ({ editor: editor2 }) => {
+      onChange(editor2.getHTML());
+    }
+  });
+  useEffect(() => {
+    if (editor && content !== editor.getHTML()) {
+      editor.commands.setContent(content);
+    }
+  }, [content, editor]);
+  const setLink = useCallback(() => {
+    if (!editor) return;
+    const previousUrl = editor.getAttributes("link").href;
+    const url = window.prompt(t("admin.products.editor.linkUrl"), previousUrl);
+    if (url === null) return;
+    if (url === "") {
+      editor.chain().focus().extendMarkRange("link").unsetLink().run();
+      return;
+    }
+    editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
+  }, [editor]);
+  const addImage = useCallback(() => {
+    if (!editor) return;
+    const url = window.prompt(t("admin.products.editor.imageUrl"));
+    if (url) {
+      editor.chain().focus().setImage({ src: url }).run();
+    }
+  }, [editor]);
+  if (!editor) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "border rounded-lg overflow-hidden bg-background",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1 p-2 border-b bg-muted/50", children: [
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive("bold"),
+              onPressedChange: () => editor.chain().focus().toggleBold().run(),
+              "aria-label": "Bold",
+              children: /* @__PURE__ */ jsx(Bold, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive("italic"),
+              onPressedChange: () => editor.chain().focus().toggleItalic().run(),
+              "aria-label": "Italic",
+              children: /* @__PURE__ */ jsx(Italic, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive("underline"),
+              onPressedChange: () => editor.chain().focus().toggleUnderline().run(),
+              "aria-label": "Underline",
+              children: /* @__PURE__ */ jsx(Underline, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive("strike"),
+              onPressedChange: () => editor.chain().focus().toggleStrike().run(),
+              "aria-label": "Strikethrough",
+              children: /* @__PURE__ */ jsx(Strikethrough, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "h-6 mx-1" }),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive("heading", { level: 1 }),
+              onPressedChange: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
+              "aria-label": "Heading 1",
+              children: /* @__PURE__ */ jsx(Heading1, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive("heading", { level: 2 }),
+              onPressedChange: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
+              "aria-label": "Heading 2",
+              children: /* @__PURE__ */ jsx(Heading2, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive("heading", { level: 3 }),
+              onPressedChange: () => editor.chain().focus().toggleHeading({ level: 3 }).run(),
+              "aria-label": "Heading 3",
+              children: /* @__PURE__ */ jsx(Heading3, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "h-6 mx-1" }),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive("bulletList"),
+              onPressedChange: () => editor.chain().focus().toggleBulletList().run(),
+              "aria-label": "Bullet list",
+              children: /* @__PURE__ */ jsx(List, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive("orderedList"),
+              onPressedChange: () => editor.chain().focus().toggleOrderedList().run(),
+              "aria-label": "Ordered list",
+              children: /* @__PURE__ */ jsx(ListOrdered, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive("blockquote"),
+              onPressedChange: () => editor.chain().focus().toggleBlockquote().run(),
+              "aria-label": "Quote",
+              children: /* @__PURE__ */ jsx(Quote, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive("codeBlock"),
+              onPressedChange: () => editor.chain().focus().toggleCodeBlock().run(),
+              "aria-label": "Code block",
+              children: /* @__PURE__ */ jsx(Code, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "h-6 mx-1" }),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive({ textAlign: "left" }),
+              onPressedChange: () => editor.chain().focus().setTextAlign("left").run(),
+              "aria-label": "Align left",
+              children: /* @__PURE__ */ jsx(AlignLeft, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive({ textAlign: "center" }),
+              onPressedChange: () => editor.chain().focus().setTextAlign("center").run(),
+              "aria-label": "Align center",
+              children: /* @__PURE__ */ jsx(AlignCenter, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive({ textAlign: "right" }),
+              onPressedChange: () => editor.chain().focus().setTextAlign("right").run(),
+              "aria-label": "Align right",
+              children: /* @__PURE__ */ jsx(AlignRight, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "h-6 mx-1" }),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              size: "sm",
+              pressed: editor.isActive("link"),
+              onPressedChange: setLink,
+              "aria-label": "Link",
+              children: /* @__PURE__ */ jsx(Link, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "h-8 px-2",
+              onClick: addImage,
+              children: /* @__PURE__ */ jsx(Image$1, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "h-8 px-2",
+              onClick: () => editor.chain().focus().setHorizontalRule().run(),
+              children: /* @__PURE__ */ jsx(Minus, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "h-6 mx-1" }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "h-8 px-2",
+              onClick: () => editor.chain().focus().undo().run(),
+              disabled: !editor.can().undo(),
+              children: /* @__PURE__ */ jsx(Undo, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              className: "h-8 px-2",
+              onClick: () => editor.chain().focus().redo().run(),
+              disabled: !editor.can().redo(),
+              children: /* @__PURE__ */ jsx(Redo, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(EditorContent, { editor })
+      ]
+    }
+  );
+}
+
+export { RichTextEditor };
+//# sourceMappingURL=chunk-FVUVJDMM.js.map
+//# sourceMappingURL=chunk-FVUVJDMM.js.map

package/dist/chunk-FVUVJDMM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/admin/components/RichTextEditor.tsx"],"names":["editor","UnderlineIcon","LinkIcon","ImageIcon"],"mappings":"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","file":"chunk-FVUVJDMM.js","sourcesContent":["import { useEditor, EditorContent } from '@tiptap/react';\nimport StarterKit from '@tiptap/starter-kit';\nimport Image from '@tiptap/extension-image';\nimport TextAlign from '@tiptap/extension-text-align';\nimport { Button } from 'simplycms/ui/button';\nimport { Toggle } from 'simplycms/ui/toggle';\nimport { Separator } from 'simplycms/ui/separator';\nimport {\n  Bold,\n  Italic,\n  Underline as UnderlineIcon,\n  Strikethrough,\n  List,\n  ListOrdered,\n  AlignLeft,\n  AlignCenter,\n  AlignRight,\n  Link as LinkIcon,\n  Image as ImageIcon,\n  Heading1,\n  Heading2,\n  Heading3,\n  Quote,\n  Undo,\n  Redo,\n  Code,\n  Minus,\n} from 'lucide-react';\nimport { cn } from 'simplycms/ui/utils';\nimport { useT } from 'simplycms/i18n';\nimport { useCallback, useEffect } from 'react';\n\ninterface RichTextEditorProps {\n  content: string;\n  onChange: (content: string) => void;\n  placeholder?: string;\n  className?: string;\n}\n\nexport function RichTextEditor({\n  content,\n  onChange,\n  // Дефолт підпису переїхав у тіло: у списку параметрів транслятора ще немає.\n  placeholder: _placeholder,\n  className,\n}: RichTextEditorProps) {\n  const t = useT();\n  const editor = useEditor({\n    extensions: [\n      // StarterKit v3 уже містить link + underline — налаштовуємо link тут,\n      // щоб не дублювати розширення (underline лишаємо з типовою конфігурацією).\n      StarterKit.configure({\n        heading: {\n          levels: [1, 2, 3],\n        },\n        link: {\n          openOnClick: false,\n          HTMLAttributes: {\n            class: 'text-primary underline cursor-pointer',\n          },\n        },\n      }),\n      Image.configure({\n        HTMLAttributes: {\n          class: 'max-w-full h-auto rounded-lg',\n        },\n      }),\n      TextAlign.configure({\n        types: ['heading', 'paragraph'],\n      }),\n    ],\n    content,\n    editorProps: {\n      attributes: {\n        class:\n          'prose prose-sm dark:prose-invert max-w-none min-h-[200px] p-4 focus:outline-none',\n      },\n    },\n    onUpdate: ({ editor }) => {\n      onChange(editor.getHTML());\n    },\n  });\n\n  useEffect(() => {\n    if (editor && content !== editor.getHTML()) {\n      editor.commands.setContent(content);\n    }\n  }, [content, editor]);\n\n  const setLink = useCallback(() => {\n    if (!editor) return;\n\n    const previousUrl = editor.getAttributes('link').href;\n    const url = window.prompt(t('admin.products.editor.linkUrl'), previousUrl);\n\n    if (url === null) return;\n\n    if (url === '') {\n      editor.chain().focus().extendMarkRange('link').unsetLink().run();\n      return;\n    }\n\n    editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run();\n  }, [editor]);\n\n  const addImage = useCallback(() => {\n    if (!editor) return;\n\n    const url = window.prompt(t('admin.products.editor.imageUrl'));\n\n    if (url) {\n      editor.chain().focus().setImage({ src: url }).run();\n    }\n  }, [editor]);\n\n  if (!editor) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        'border rounded-lg overflow-hidden bg-background',\n        className,\n      )}\n    >\n      {/* Toolbar */}\n      <div className=\"flex flex-wrap items-center gap-1 p-2 border-b bg-muted/50\">\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive('bold')}\n          onPressedChange={() => editor.chain().focus().toggleBold().run()}\n          aria-label=\"Bold\"\n        >\n          <Bold className=\"h-4 w-4\" />\n        </Toggle>\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive('italic')}\n          onPressedChange={() => editor.chain().focus().toggleItalic().run()}\n          aria-label=\"Italic\"\n        >\n          <Italic className=\"h-4 w-4\" />\n        </Toggle>\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive('underline')}\n          onPressedChange={() => editor.chain().focus().toggleUnderline().run()}\n          aria-label=\"Underline\"\n        >\n          <UnderlineIcon className=\"h-4 w-4\" />\n        </Toggle>\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive('strike')}\n          onPressedChange={() => editor.chain().focus().toggleStrike().run()}\n          aria-label=\"Strikethrough\"\n        >\n          <Strikethrough className=\"h-4 w-4\" />\n        </Toggle>\n\n        <Separator orientation=\"vertical\" className=\"h-6 mx-1\" />\n\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive('heading', { level: 1 })}\n          onPressedChange={() =>\n            editor.chain().focus().toggleHeading({ level: 1 }).run()\n          }\n          aria-label=\"Heading 1\"\n        >\n          <Heading1 className=\"h-4 w-4\" />\n        </Toggle>\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive('heading', { level: 2 })}\n          onPressedChange={() =>\n            editor.chain().focus().toggleHeading({ level: 2 }).run()\n          }\n          aria-label=\"Heading 2\"\n        >\n          <Heading2 className=\"h-4 w-4\" />\n        </Toggle>\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive('heading', { level: 3 })}\n          onPressedChange={() =>\n            editor.chain().focus().toggleHeading({ level: 3 }).run()\n          }\n          aria-label=\"Heading 3\"\n        >\n          <Heading3 className=\"h-4 w-4\" />\n        </Toggle>\n\n        <Separator orientation=\"vertical\" className=\"h-6 mx-1\" />\n\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive('bulletList')}\n          onPressedChange={() =>\n            editor.chain().focus().toggleBulletList().run()\n          }\n          aria-label=\"Bullet list\"\n        >\n          <List className=\"h-4 w-4\" />\n        </Toggle>\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive('orderedList')}\n          onPressedChange={() =>\n            editor.chain().focus().toggleOrderedList().run()\n          }\n          aria-label=\"Ordered list\"\n        >\n          <ListOrdered className=\"h-4 w-4\" />\n        </Toggle>\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive('blockquote')}\n          onPressedChange={() =>\n            editor.chain().focus().toggleBlockquote().run()\n          }\n          aria-label=\"Quote\"\n        >\n          <Quote className=\"h-4 w-4\" />\n        </Toggle>\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive('codeBlock')}\n          onPressedChange={() => editor.chain().focus().toggleCodeBlock().run()}\n          aria-label=\"Code block\"\n        >\n          <Code className=\"h-4 w-4\" />\n        </Toggle>\n\n        <Separator orientation=\"vertical\" className=\"h-6 mx-1\" />\n\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive({ textAlign: 'left' })}\n          onPressedChange={() =>\n            editor.chain().focus().setTextAlign('left').run()\n          }\n          aria-label=\"Align left\"\n        >\n          <AlignLeft className=\"h-4 w-4\" />\n        </Toggle>\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive({ textAlign: 'center' })}\n          onPressedChange={() =>\n            editor.chain().focus().setTextAlign('center').run()\n          }\n          aria-label=\"Align center\"\n        >\n          <AlignCenter className=\"h-4 w-4\" />\n        </Toggle>\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive({ textAlign: 'right' })}\n          onPressedChange={() =>\n            editor.chain().focus().setTextAlign('right').run()\n          }\n          aria-label=\"Align right\"\n        >\n          <AlignRight className=\"h-4 w-4\" />\n        </Toggle>\n\n        <Separator orientation=\"vertical\" className=\"h-6 mx-1\" />\n\n        <Toggle\n          size=\"sm\"\n          pressed={editor.isActive('link')}\n          onPressedChange={setLink}\n          aria-label=\"Link\"\n        >\n          <LinkIcon className=\"h-4 w-4\" />\n        </Toggle>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"h-8 px-2\"\n          onClick={addImage}\n        >\n          <ImageIcon className=\"h-4 w-4\" />\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"h-8 px-2\"\n          onClick={() => editor.chain().focus().setHorizontalRule().run()}\n        >\n          <Minus className=\"h-4 w-4\" />\n        </Button>\n\n        <Separator orientation=\"vertical\" className=\"h-6 mx-1\" />\n\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"h-8 px-2\"\n          onClick={() => editor.chain().focus().undo().run()}\n          disabled={!editor.can().undo()}\n        >\n          <Undo className=\"h-4 w-4\" />\n        </Button>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"h-8 px-2\"\n          onClick={() => editor.chain().focus().redo().run()}\n          disabled={!editor.can().redo()}\n        >\n          <Redo className=\"h-4 w-4\" />\n        </Button>\n      </div>\n\n      {/* Editor */}\n      <EditorContent editor={editor} />\n    </div>\n  );\n}\n"]}

package/dist/chunk-GA3G4WSB.js

@@ -0,0 +1,43 @@
+import { useActiveThemeModule } from './chunk-IRR2UMIH.js';
+import { BannerSlider } from './chunk-5XW3TCGE.js';
+import { ProductCarousel } from './chunk-V23ZBHSL.js';
+import { useT } from 'simplycms/i18n';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function HomeView({
+  hero,
+  featured,
+  newArrivals,
+  sections,
+  slots
+}) {
+  const t = useT();
+  const theme = useActiveThemeModule();
+  const Hero = theme.components.HeroBanner;
+  const ThemeHomeSections = theme.components.HomeSections;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    Hero ? /* @__PURE__ */ jsx(Hero, { banners: hero.banners }) : /* @__PURE__ */ jsx(BannerSlider, { banners: hero.banners }),
+    featured.products.length > 0 && /* @__PURE__ */ jsx(
+      ProductCarousel,
+      {
+        title: t("home.featured"),
+        products: featured.products,
+        viewAllLink: "/catalog"
+      }
+    ),
+    newArrivals.products.length > 0 && /* @__PURE__ */ jsx(
+      ProductCarousel,
+      {
+        title: t("home.new"),
+        products: newArrivals.products,
+        viewAllLink: "/catalog"
+      }
+    ),
+    sections.items.map((section) => /* @__PURE__ */ jsx(slots.SectionCarousel, { sectionId: section.id }, section.id)),
+    ThemeHomeSections && /* @__PURE__ */ jsx(ThemeHomeSections, {})
+  ] });
+}
+
+export { HomeView };
+//# sourceMappingURL=chunk-GA3G4WSB.js.map
+//# sourceMappingURL=chunk-GA3G4WSB.js.map

package/dist/chunk-GA3G4WSB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/views/HomeView.tsx"],"names":[],"mappings":";;;;;;AAkBO,SAAS,QAAA,CAAS;AAAA,EACvB,IAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAkB;AAChB,EAAA,MAAM,IAAI,IAAA,EAAK;AACf,EAAA,MAAM,QAAQ,oBAAA,EAAqB;AACnC,EAAA,MAAM,IAAA,GAAO,MAAM,UAAA,CAAW,UAAA;AAC9B,EAAA,MAAM,iBAAA,GAAoB,MAAM,UAAA,CAAW,YAAA;AAE3C,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,IAAA,mBACC,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAS,IAAA,CAAK,OAAA,EAAS,oBAE7B,GAAA,CAAC,YAAA,EAAA,EAAa,OAAA,EAAS,IAAA,CAAK,OAAA,EAAS,CAAA;AAAA,IAGtC,QAAA,CAAS,QAAA,CAAS,MAAA,GAAS,CAAA,oBAC1B,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,eAAe,CAAA;AAAA,QACxB,UAAU,QAAA,CAAS,QAAA;AAAA,QACnB,WAAA,EAAY;AAAA;AAAA,KACd;AAAA,IAGD,WAAA,CAAY,QAAA,CAAS,MAAA,GAAS,CAAA,oBAC7B,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,UAAU,CAAA;AAAA,QACnB,UAAU,WAAA,CAAY,QAAA;AAAA,QACtB,WAAA,EAAY;AAAA;AAAA,KACd;AAAA,IAGD,QAAA,CAAS,KAAA,CAAM,GAAA,CAAI,CAAC,4BACnB,GAAA,CAAC,KAAA,CAAM,eAAA,EAAN,EAAuC,SAAA,EAAW,OAAA,CAAQ,EAAA,EAAA,EAA/B,OAAA,CAAQ,EAA2B,CAChE,CAAA;AAAA,IAEA,iBAAA,wBAAsB,iBAAA,EAAA,EAAkB;AAAA,GAAA,EAC3C,CAAA;AAEJ","file":"chunk-GA3G4WSB.js","sourcesContent":["import type { HomeViewModel } from 'simplycms/contracts/views';\nimport { useT } from 'simplycms/i18n';\nimport { BannerSlider } from '../components/BannerSlider';\nimport { ProductCarousel } from '../components/ProductCarousel';\nimport { useActiveThemeModule } from '../shells/useActiveThemeModule';\n\n/**\n * Канонічний view головної (контракт тем v3).\n *\n * 🔴 На відміну від решти канонічних view, тут звично читається активна\n * тема (`useActiveThemeModule`) — це НЕ порушення чистоти. Контракт v2.2\n * (`theme.components.HeroBanner` / `HomeSections`) старший за `theme.views`\n * і живе окремо (спека §9, план Ф5): сторінка сьогодні рендерить hero й\n * секції теми саме так, і цей канонічний view відтворює ту саму поведінку.\n * Читання контексту теми — той самий клас render-контекстного хука, що й\n * `useT`; жодного фетчу тут немає (сам `HomeSections` теми фетчить дані\n * свідомо — спека §6, звіт Ф1).\n */\nexport function HomeView({\n  hero,\n  featured,\n  newArrivals,\n  sections,\n  slots,\n}: HomeViewModel) {\n  const t = useT();\n  const theme = useActiveThemeModule();\n  const Hero = theme.components.HeroBanner;\n  const ThemeHomeSections = theme.components.HomeSections;\n\n  return (\n    <>\n      {Hero ? (\n        <Hero banners={hero.banners} />\n      ) : (\n        <BannerSlider banners={hero.banners} />\n      )}\n\n      {featured.products.length > 0 && (\n        <ProductCarousel\n          title={t('home.featured')}\n          products={featured.products}\n          viewAllLink=\"/catalog\"\n        />\n      )}\n\n      {newArrivals.products.length > 0 && (\n        <ProductCarousel\n          title={t('home.new')}\n          products={newArrivals.products}\n          viewAllLink=\"/catalog\"\n        />\n      )}\n\n      {sections.items.map((section) => (\n        <slots.SectionCarousel key={section.id} sectionId={section.id} />\n      ))}\n\n      {ThemeHomeSections && <ThemeHomeSections />}\n    </>\n  );\n}\n"]}

package/dist/chunk-GBX3EEET.js

@@ -0,0 +1,50 @@
+import { z } from 'zod';
+
+// src/storefront-routes/server/checkout-input.ts
+var checkoutItemSchema = z.object({
+  productId: z.string().uuid().nullable(),
+  modificationId: z.string().uuid().nullable(),
+  name: z.string().min(1),
+  price: z.number().nonnegative(),
+  quantity: z.number().int().positive(),
+  basePrice: z.number().nonnegative().nullable(),
+  /**
+   * 🔴 `jsonb` без форми: рушій знижок кладе сюди власну структуру. Валідувати
+   * її схемою означало б продублювати домен у контракті запиту, тож тут лише
+   * звуження типу — а зміст перевіряє той, хто його читає.
+   */
+  discountData: z.unknown().transform(
+    (value) => value ?? null
+  )
+});
+var checkoutInputSchema = z.object({
+  firstName: z.string().min(2).max(100),
+  lastName: z.string().min(2).max(100),
+  email: z.string().max(255),
+  phone: z.string().max(50),
+  shippingMethodId: z.string().uuid(),
+  deliveryCity: z.string().nullable(),
+  deliveryAddress: z.string().nullable(),
+  pickupPointId: z.string().uuid().nullable(),
+  paymentMethod: z.enum(["cash", "online"]),
+  notes: z.string().max(5e3).nullable(),
+  shippingCost: z.number().nonnegative(),
+  hasDifferentRecipient: z.boolean(),
+  recipientFirstName: z.string().nullable(),
+  recipientLastName: z.string().nullable(),
+  recipientPhone: z.string().nullable(),
+  recipientEmail: z.string().nullable(),
+  recipientCity: z.string().nullable(),
+  recipientAddress: z.string().nullable(),
+  recipientNotes: z.string().nullable(),
+  /** Зберегти нового отримувача в книгу покупця. */
+  saveRecipient: z.boolean(),
+  /** Обраний зі списку отримувач; `null` — новий або без отримувача. */
+  savedRecipientId: z.string().uuid().nullable(),
+  savedAddressId: z.string().uuid().nullable(),
+  items: z.array(checkoutItemSchema).min(1)
+});
+
+export { checkoutInputSchema, checkoutItemSchema };
+//# sourceMappingURL=chunk-GBX3EEET.js.map
+//# sourceMappingURL=chunk-GBX3EEET.js.map

package/dist/chunk-GBX3EEET.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/storefront-routes/server/checkout-input.ts"],"names":[],"mappings":";;;AAWO,IAAM,kBAAA,GAAqB,EAAE,MAAA,CAAO;AAAA,EACzC,WAAW,CAAA,CAAE,MAAA,EAAO,CAAE,IAAA,GAAO,QAAA,EAAS;AAAA,EACtC,gBAAgB,CAAA,CAAE,MAAA,EAAO,CAAE,IAAA,GAAO,QAAA,EAAS;AAAA,EAC3C,IAAA,EAAM,CAAA,CAAE,MAAA,EAAO,CAAE,IAAI,CAAC,CAAA;AAAA,EACtB,KAAA,EAAO,CAAA,CAAE,MAAA,EAAO,CAAE,WAAA,EAAY;AAAA,EAC9B,UAAU,CAAA,CAAE,MAAA,EAAO,CAAE,GAAA,GAAM,QAAA,EAAS;AAAA,EACpC,WAAW,CAAA,CAAE,MAAA,EAAO,CAAE,WAAA,GAAc,QAAA,EAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM7C,YAAA,EAAc,CAAA,CACX,OAAA,EAAQ,CACR,SAAA;AAAA,IACC,CAAC,UAA6B,KAAA,IAAS;AAAA;AAE7C,CAAC;AAEM,IAAM,mBAAA,GAAsB,EAAE,MAAA,CAAO;AAAA,EAC1C,SAAA,EAAW,EAAE,MAAA,EAAO,CAAE,IAAI,CAAC,CAAA,CAAE,IAAI,GAAG,CAAA;AAAA,EACpC,QAAA,EAAU,EAAE,MAAA,EAAO,CAAE,IAAI,CAAC,CAAA,CAAE,IAAI,GAAG,CAAA;AAAA,EACnC,KAAA,EAAO,CAAA,CAAE,MAAA,EAAO,CAAE,IAAI,GAAG,CAAA;AAAA,EACzB,KAAA,EAAO,CAAA,CAAE,MAAA,EAAO,CAAE,IAAI,EAAE,CAAA;AAAA,EACxB,gBAAA,EAAkB,CAAA,CAAE,MAAA,EAAO,CAAE,IAAA,EAAK;AAAA,EAClC,YAAA,EAAc,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EAClC,eAAA,EAAiB,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACrC,eAAe,CAAA,CAAE,MAAA,EAAO,CAAE,IAAA,GAAO,QAAA,EAAS;AAAA,EAC1C,eAAe,CAAA,CAAE,IAAA,CAAK,CAAC,MAAA,EAAQ,QAAQ,CAAC,CAAA;AAAA,EACxC,OAAO,CAAA,CAAE,MAAA,GAAS,GAAA,CAAI,GAAI,EAAE,QAAA,EAAS;AAAA,EACrC,YAAA,EAAc,CAAA,CAAE,MAAA,EAAO,CAAE,WAAA,EAAY;AAAA,EACrC,qBAAA,EAAuB,EAAE,OAAA,EAAQ;AAAA,EACjC,kBAAA,EAAoB,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACxC,iBAAA,EAAmB,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACvC,cAAA,EAAgB,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACpC,cAAA,EAAgB,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACpC,aAAA,EAAe,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACnC,gBAAA,EAAkB,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA,EACtC,cAAA,EAAgB,CAAA,CAAE,MAAA,EAAO,CAAE,QAAA,EAAS;AAAA;AAAA,EAEpC,aAAA,EAAe,EAAE,OAAA,EAAQ;AAAA;AAAA,EAEzB,kBAAkB,CAAA,CAAE,MAAA,EAAO,CAAE,IAAA,GAAO,QAAA,EAAS;AAAA,EAC7C,gBAAgB,CAAA,CAAE,MAAA,EAAO,CAAE,IAAA,GAAO,QAAA,EAAS;AAAA,EAC3C,OAAO,CAAA,CAAE,KAAA,CAAM,kBAAkB,CAAA,CAAE,IAAI,CAAC;AAC1C,CAAC","file":"chunk-GBX3EEET.js","sourcesContent":["import { z } from 'zod';\nimport type { JsonValue } from 'simplycms/storefront/loaders';\n\n/**\n * Схема оформлення — ЄДИНЕ джерело форми запиту.\n *\n * 🔴 Живе окремим модулем без жодного серверного імпорту: її читає і\n * `inputValidator` серверної функції, і сама сторінка (щоб типи форми й\n * запиту не розʼїхались). Тримати її поруч із хендлером не можна — модуль\n * із живим експортом затягнув би серверний контур у клієнтський бандл.\n */\nexport const checkoutItemSchema = z.object({\n  productId: z.string().uuid().nullable(),\n  modificationId: z.string().uuid().nullable(),\n  name: z.string().min(1),\n  price: z.number().nonnegative(),\n  quantity: z.number().int().positive(),\n  basePrice: z.number().nonnegative().nullable(),\n  /**\n   * 🔴 `jsonb` без форми: рушій знижок кладе сюди власну структуру. Валідувати\n   * її схемою означало б продублювати домен у контракті запиту, тож тут лише\n   * звуження типу — а зміст перевіряє той, хто його читає.\n   */\n  discountData: z\n    .unknown()\n    .transform(\n      (value): JsonValue | null => (value ?? null) as JsonValue | null,\n    ),\n});\n\nexport const checkoutInputSchema = z.object({\n  firstName: z.string().min(2).max(100),\n  lastName: z.string().min(2).max(100),\n  email: z.string().max(255),\n  phone: z.string().max(50),\n  shippingMethodId: z.string().uuid(),\n  deliveryCity: z.string().nullable(),\n  deliveryAddress: z.string().nullable(),\n  pickupPointId: z.string().uuid().nullable(),\n  paymentMethod: z.enum(['cash', 'online']),\n  notes: z.string().max(5000).nullable(),\n  shippingCost: z.number().nonnegative(),\n  hasDifferentRecipient: z.boolean(),\n  recipientFirstName: z.string().nullable(),\n  recipientLastName: z.string().nullable(),\n  recipientPhone: z.string().nullable(),\n  recipientEmail: z.string().nullable(),\n  recipientCity: z.string().nullable(),\n  recipientAddress: z.string().nullable(),\n  recipientNotes: z.string().nullable(),\n  /** Зберегти нового отримувача в книгу покупця. */\n  saveRecipient: z.boolean(),\n  /** Обраний зі списку отримувач; `null` — новий або без отримувача. */\n  savedRecipientId: z.string().uuid().nullable(),\n  savedAddressId: z.string().uuid().nullable(),\n  items: z.array(checkoutItemSchema).min(1),\n});\n\nexport type CheckoutInput = z.infer<typeof checkoutInputSchema>;\n\n/** Що повертається сторінці після успішного оформлення. */\nexport interface PlacedOrder {\n  id: string;\n  orderNumber: string;\n  /** Токен гостьового замовлення; для залогіненого — `null`. */\n  accessToken: string | null;\n}\n"]}

package/dist/chunk-GCV75UWZ.js

@@ -0,0 +1,146 @@
+import { useState, useMemo } from 'react';
+import { Search, User, 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/RecipientSelectorPopup.tsx
+function RecipientSelectorPopup({
+  open,
+  onOpenChange,
+  recipients,
+  selectedId,
+  onSelect,
+  onAddNew
+}) {
+  const t = useT();
+  const [search, setSearch] = useState("");
+  const [sortBy, setSortBy] = useState("default");
+  const filteredRecipients = useMemo(() => {
+    let result = [...recipients];
+    if (search.trim()) {
+      const searchLower = search.toLowerCase();
+      result = result.filter(
+        (r) => r.first_name.toLowerCase().includes(searchLower) || r.last_name.toLowerCase().includes(searchLower) || r.phone.includes(search) || r.city.toLowerCase().includes(searchLower)
+      );
+    }
+    switch (sortBy) {
+      case "name":
+        result.sort(
+          (a, b) => `${a.first_name} ${a.last_name}`.localeCompare(
+            `${b.first_name} ${b.last_name}`
+          )
+        );
+        break;
+      case "default":
+      default:
+        result.sort((a, b) => (b.is_default ? 1 : 0) - (a.is_default ? 1 : 0));
+        break;
+    }
+    return result;
+  }, [recipients, 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.recipientSelector.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.recipientSelector.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.recipientSelector.sortByName") }),
+              /* @__PURE__ */ jsx("option", { value: "date", children: t("checkout.recipientSelector.sortByDate") })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto max-h-[300px] pr-2 space-y-2", children: [
+        filteredRecipients.map((recipient) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => handleSelect(recipient.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 === recipient.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(User, { 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__ */ jsxs("span", { className: "font-medium", children: [
+                    recipient.first_name,
+                    " ",
+                    recipient.last_name
+                  ] }),
+                  recipient.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: recipient.phone }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground truncate", children: t("common.cityAddress", {
+                  city: recipient.city,
+                  address: recipient.address
+                }) })
+              ] }),
+              selectedId === recipient.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" }) })
+            ]
+          },
+          recipient.id
+        )),
+        filteredRecipients.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-center py-8 text-muted-foreground", children: search ? t("checkout.notFound") : t("checkout.recipientSelector.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.recipient.new")
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+export { RecipientSelectorPopup };
+//# sourceMappingURL=chunk-GCV75UWZ.js.map
+//# sourceMappingURL=chunk-GCV75UWZ.js.map

package/dist/chunk-GCV75UWZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkout-ui/RecipientSelectorPopup.tsx"],"names":[],"mappings":"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","file":"chunk-GCV75UWZ.js","sourcesContent":["import { useState, useMemo } from 'react';\nimport { Search, User, Check, Plus } from 'lucide-react';\nimport { cn } from 'simplycms/ui/utils';\nimport { useT } from 'simplycms/i18n';\n\ninterface Recipient {\n  id: string;\n  first_name: string;\n  last_name: string;\n  phone: string;\n  email: string | null;\n  city: string;\n  address: string;\n  is_default: boolean;\n}\n\ninterface RecipientSelectorPopupProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  recipients: Recipient[];\n  selectedId: string | null;\n  onSelect: (id: string) => void;\n  onAddNew: () => void;\n}\n\ntype SortOption = 'default' | 'name' | 'date';\n\nexport function RecipientSelectorPopup({\n  open,\n  onOpenChange,\n  recipients,\n  selectedId,\n  onSelect,\n  onAddNew,\n}: RecipientSelectorPopupProps) {\n  const t = useT();\n  const [search, setSearch] = useState('');\n  const [sortBy, setSortBy] = useState<SortOption>('default');\n\n  const filteredRecipients = useMemo(() => {\n    let result = [...recipients];\n\n    if (search.trim()) {\n      const searchLower = search.toLowerCase();\n      result = result.filter(\n        (r) =>\n          r.first_name.toLowerCase().includes(searchLower) ||\n          r.last_name.toLowerCase().includes(searchLower) ||\n          r.phone.includes(search) ||\n          r.city.toLowerCase().includes(searchLower),\n      );\n    }\n\n    switch (sortBy) {\n      case 'name':\n        result.sort((a, b) =>\n          `${a.first_name} ${a.last_name}`.localeCompare(\n            `${b.first_name} ${b.last_name}`,\n          ),\n        );\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  }, [recipients, 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.recipientSelector.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.recipientSelector.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.recipientSelector.sortByName')}\n            </option>\n            <option value=\"date\">\n              {t('checkout.recipientSelector.sortByDate')}\n            </option>\n          </select>\n        </div>\n\n        <div className=\"flex-1 overflow-y-auto max-h-[300px] pr-2 space-y-2\">\n          {filteredRecipients.map((recipient) => (\n            <button\n              key={recipient.id}\n              type=\"button\"\n              onClick={() => handleSelect(recipient.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 === recipient.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                <User 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\">\n                    {recipient.first_name} {recipient.last_name}\n                  </span>\n                  {recipient.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                  {recipient.phone}\n                </p>\n                <p className=\"text-sm text-muted-foreground truncate\">\n                  {t('common.cityAddress', {\n                    city: recipient.city,\n                    address: recipient.address,\n                  })}\n                </p>\n              </div>\n              {selectedId === recipient.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          {filteredRecipients.length === 0 && (\n            <div className=\"text-center py-8 text-muted-foreground\">\n              {search\n                ? t('checkout.notFound')\n                : t('checkout.recipientSelector.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.recipient.new')}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}