simplycms 0.4.0

package/dist/chunk-3LFRV3X6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/chart.tsx"],"names":["config"],"mappings":"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","file":"chunk-3LFRV3X6.js","sourcesContent":["import * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { cn } from 'simplycms/ui/utils';\n\n/** Типізація Recharts payload елемента */\ninterface RechartsPayloadItem {\n  name?: string;\n  value?: string | number;\n  dataKey?: string | number;\n  color?: string;\n  fill?: string;\n  payload?: Record<string, unknown>;\n  [key: string]: unknown;\n}\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: '', dark: '.dark' } as const;\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n  } & (\n    | { color?: string; theme?: never }\n    | { color?: never; theme: Record<keyof typeof THEMES, string> }\n  );\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n\n  return context;\n}\n\nconst ChartContainer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    config: ChartConfig;\n    children: React.ComponentProps<\n      typeof RechartsPrimitive.ResponsiveContainer\n    >['children'];\n  }\n>(({ id, className, children, config, ...props }, ref) => {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-chart={chartId}\n        ref={ref}\n        className={cn(\n          \"flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer>\n          {children}\n        </RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n});\nChartContainer.displayName = 'Chart';\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(\n    ([_, config]) => config.theme || config.color,\n  );\n\n  if (!colorConfig.length) {\n    return null;\n  }\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: Object.entries(THEMES)\n          .map(\n            ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n  .map(([key, itemConfig]) => {\n    const color =\n      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||\n      itemConfig.color;\n    return color ? `  --color-${key}: ${color};` : null;\n  })\n  .join('\\n')}\n}\n`,\n          )\n          .join('\\n'),\n      }}\n    />\n  );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nconst ChartTooltipContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    active?: boolean;\n    payload?: RechartsPayloadItem[];\n    label?: React.ReactNode;\n    labelFormatter?: (\n      value: unknown,\n      payload: RechartsPayloadItem[],\n    ) => React.ReactNode;\n    labelClassName?: string;\n    formatter?: (\n      value: unknown,\n      name: unknown,\n      item: RechartsPayloadItem,\n      index: number,\n      payload: unknown,\n    ) => React.ReactNode;\n    color?: string;\n    hideLabel?: boolean;\n    hideIndicator?: boolean;\n    indicator?: 'line' | 'dot' | 'dashed';\n    nameKey?: string;\n    labelKey?: string;\n  }\n>(\n  (\n    {\n      active,\n      payload,\n      className,\n      indicator = 'dot',\n      hideLabel = false,\n      hideIndicator = false,\n      label,\n      labelFormatter,\n      labelClassName,\n      formatter,\n      color,\n      nameKey,\n      labelKey,\n    },\n    ref,\n  ) => {\n    const { config } = useChart();\n\n    const tooltipLabel = React.useMemo(() => {\n      if (hideLabel || !payload?.length) {\n        return null;\n      }\n\n      const [item] = payload;\n      const key = `${labelKey || item.dataKey || item.name || 'value'}`;\n      const itemConfig = getPayloadConfigFromPayload(config, item, key);\n      const value =\n        !labelKey && typeof label === 'string'\n          ? config[label as keyof typeof config]?.label || label\n          : itemConfig?.label;\n\n      if (labelFormatter) {\n        return (\n          <div className={cn('font-medium', labelClassName)}>\n            {labelFormatter(value, payload)}\n          </div>\n        );\n      }\n\n      if (!value) {\n        return null;\n      }\n\n      return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n    }, [\n      label,\n      labelFormatter,\n      payload,\n      hideLabel,\n      labelClassName,\n      config,\n      labelKey,\n    ]);\n\n    if (!active || !payload?.length) {\n      return null;\n    }\n\n    const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl',\n          className,\n        )}\n      >\n        {!nestLabel ? tooltipLabel : null}\n        <div className=\"grid gap-1.5\">\n          {payload.map((item, index) => {\n            const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n            const itemConfig = getPayloadConfigFromPayload(config, item, key);\n            const indicatorColor = color || item.payload?.fill || item.color;\n\n            return (\n              <div\n                key={item.dataKey}\n                className={cn(\n                  'flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground',\n                  indicator === 'dot' && 'items-center',\n                )}\n              >\n                {formatter && item?.value !== undefined && item.name ? (\n                  formatter(item.value, item.name, item, index, item.payload)\n                ) : (\n                  <>\n                    {itemConfig?.icon ? (\n                      <itemConfig.icon />\n                    ) : (\n                      !hideIndicator && (\n                        <div\n                          className={cn(\n                            'shrink-0 rounded-xs border-(--color-border) bg-(--color-bg)',\n                            {\n                              'h-2.5 w-2.5': indicator === 'dot',\n                              'w-1': indicator === 'line',\n                              'w-0 border-[1.5px] border-dashed bg-transparent':\n                                indicator === 'dashed',\n                              'my-0.5': nestLabel && indicator === 'dashed',\n                            },\n                          )}\n                          style={\n                            {\n                              '--color-bg': indicatorColor,\n                              '--color-border': indicatorColor,\n                            } as React.CSSProperties\n                          }\n                        />\n                      )\n                    )}\n                    <div\n                      className={cn(\n                        'flex flex-1 justify-between leading-none',\n                        nestLabel ? 'items-end' : 'items-center',\n                      )}\n                    >\n                      <div className=\"grid gap-1.5\">\n                        {nestLabel ? tooltipLabel : null}\n                        <span className=\"text-muted-foreground\">\n                          {itemConfig?.label || item.name}\n                        </span>\n                      </div>\n                      {item.value && (\n                        <span className=\"font-mono font-medium tabular-nums text-foreground\">\n                          {item.value.toLocaleString()}\n                        </span>\n                      )}\n                    </div>\n                  </>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\nChartTooltipContent.displayName = 'ChartTooltip';\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nconst ChartLegendContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    payload?: RechartsPayloadItem[];\n    verticalAlign?: 'top' | 'bottom' | 'middle';\n    hideIcon?: boolean;\n    nameKey?: string;\n  }\n>(\n  (\n    { className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey },\n    ref,\n  ) => {\n    const { config } = useChart();\n\n    if (!payload?.length) {\n      return null;\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'flex items-center justify-center gap-4',\n          verticalAlign === 'top' ? 'pb-3' : 'pt-3',\n          className,\n        )}\n      >\n        {payload.map((item) => {\n          const key = `${nameKey || item.dataKey || 'value'}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n          return (\n            <div\n              key={item.value}\n              className={cn(\n                'flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground',\n              )}\n            >\n              {itemConfig?.icon && !hideIcon ? (\n                <itemConfig.icon />\n              ) : (\n                <div\n                  className=\"h-2 w-2 shrink-0 rounded-xs\"\n                  style={{\n                    backgroundColor: item.color,\n                  }}\n                />\n              )}\n              {itemConfig?.label}\n            </div>\n          );\n        })}\n      </div>\n    );\n  },\n);\nChartLegendContent.displayName = 'ChartLegend';\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n  config: ChartConfig,\n  payload: RechartsPayloadItem,\n  key: string,\n) {\n  if (typeof payload !== 'object' || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    'payload' in payload &&\n    typeof payload.payload === 'object' &&\n    payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (\n    key in payload &&\n    typeof payload[key as keyof typeof payload] === 'string'\n  ) {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n  ) {\n    configLabelKey = payloadPayload[\n      key as keyof typeof payloadPayload\n    ] as string;\n  }\n\n  return configLabelKey in config\n    ? config[configLabelKey]\n    : config[key as keyof typeof config];\n}\n\nexport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n};\n"]}

package/dist/chunk-3MK6QUQK.js

@@ -0,0 +1,24 @@
+import { createServerFn } from '@tanstack/react-start';
+import { z } from 'zod';
+import { withStorefrontDb, loadStockInfo, loadActivePickupPointsCount, loadPickupPoints } from 'simplycms/storefront/loaders';
+
+// src/core/lib/stock.ts
+var getStockInfo = createServerFn({ method: "GET" }).inputValidator(
+  z.object({
+    productId: z.string().uuid().nullable().optional(),
+    modificationId: z.string().uuid().nullable().optional()
+  })
+).handler(async ({ data }) => {
+  const target = data;
+  return withStorefrontDb((db) => loadStockInfo(db, target));
+});
+var getPickupPointsCount = createServerFn({ method: "GET" }).handler(
+  async () => withStorefrontDb((db) => loadActivePickupPointsCount(db))
+);
+var getActivePickupPoints = createServerFn({ method: "GET" }).handler(
+  async () => withStorefrontDb((db) => loadPickupPoints(db))
+);
+
+export { getActivePickupPoints, getPickupPointsCount, getStockInfo };
+//# sourceMappingURL=chunk-3MK6QUQK.js.map
+//# sourceMappingURL=chunk-3MK6QUQK.js.map

package/dist/chunk-3MK6QUQK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/lib/stock.ts"],"names":[],"mappings":";;;;;AAsBO,IAAM,eAAe,cAAA,CAAe,EAAE,MAAA,EAAQ,KAAA,EAAO,CAAA,CACzD,cAAA;AAAA,EACC,EAAE,MAAA,CAAO;AAAA,IACP,SAAA,EAAW,EAAE,MAAA,EAAO,CAAE,MAAK,CAAE,QAAA,GAAW,QAAA,EAAS;AAAA,IACjD,cAAA,EAAgB,EAAE,MAAA,EAAO,CAAE,MAAK,CAAE,QAAA,GAAW,QAAA;AAAS,GACvD;AACH,CAAA,CACC,OAAA,CAAQ,OAAO,EAAE,IAAA,EAAK,KAA6B;AAClD,EAAA,MAAM,MAAA,GAAS,IAAA;AAIf,EAAA,OAAO,iBAAiB,CAAC,EAAA,KAAO,aAAA,CAAc,EAAA,EAAI,MAAM,CAAC,CAAA;AAC3D,CAAC;AAGI,IAAM,uBAAuB,cAAA,CAAe,EAAE,MAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,OAAA;AAAA,EACpE,YACE,gBAAA,CAAiB,CAAC,EAAA,KAAO,2BAAA,CAA4B,EAAE,CAAC;AAC5D;AAGO,IAAM,wBAAwB,cAAA,CAAe,EAAE,MAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,OAAA;AAAA,EACrE,YACE,gBAAA,CAAiB,CAAC,EAAA,KAAO,gBAAA,CAAiB,EAAE,CAAC;AACjD","file":"chunk-3MK6QUQK.js","sourcesContent":["import { createServerFn } from '@tanstack/react-start';\nimport { z } from 'zod';\nimport {\n  loadActivePickupPointsCount,\n  loadPickupPoints,\n  loadStockInfo,\n  withStorefrontDb,\n  type PickupPointRow,\n  type StockByPointRow,\n  type StockInfoRow,\n} from 'simplycms/storefront/loaders';\n\nexport type { StockInfoRow, StockByPointRow, PickupPointRow };\n\n/**\n * Наявність товару або модифікації разом із розкладкою по точках видачі.\n *\n * 🔴 Заміна двох RPC (`get_stock_info`, `get_active_pickup_points_count`),\n * яких у схемі v2 немає. Ціль ідентифікується публічним id товару чи\n * модифікації — персональних даних тут немає, тож виклик іде анонімним\n * актором `app_user`, а не від імені покупця.\n */\nexport const getStockInfo = createServerFn({ method: 'GET' })\n  .inputValidator(\n    z.object({\n      productId: z.string().uuid().nullable().optional(),\n      modificationId: z.string().uuid().nullable().optional(),\n    }),\n  )\n  .handler(async ({ data }): Promise<StockInfoRow> => {\n    const target = data as {\n      productId?: string | null;\n      modificationId?: string | null;\n    };\n    return withStorefrontDb((db) => loadStockInfo(db, target));\n  });\n\n/** Скільки точок видачі активні — від цього залежить форма блока наявності. */\nexport const getPickupPointsCount = createServerFn({ method: 'GET' }).handler(\n  async (): Promise<number> =>\n    withStorefrontDb((db) => loadActivePickupPointsCount(db)),\n);\n\n/** Активні точки видачі — довідник самовивозу. */\nexport const getActivePickupPoints = createServerFn({ method: 'GET' }).handler(\n  async (): Promise<PickupPointRow[]> =>\n    withStorefrontDb((db) => loadPickupPoints(db)),\n);\n"]}

package/dist/chunk-3SW2KIUN.js

@@ -0,0 +1,103 @@
+import { StarRating } from './chunk-43LZRWRG.js';
+import { useState } from 'react';
+import { Loader2 } from 'lucide-react';
+import { useT } from 'simplycms/i18n';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ReviewForm({
+  productId,
+  onSubmit,
+  isSubmitting,
+  renderEditor,
+  renderImageUpload
+}) {
+  const t = useT();
+  const [rating, setRating] = useState(0);
+  const [title, setTitle] = useState("");
+  const [content, setContent] = useState("");
+  const [images, setImages] = useState([]);
+  const [ratingError, setRatingError] = useState(false);
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (rating === 0) {
+      setRatingError(true);
+      return;
+    }
+    onSubmit({
+      rating,
+      title: title.trim() || void 0,
+      content: content && content !== "<p></p>" ? content : void 0,
+      images: images.length > 0 ? images : void 0
+    });
+  };
+  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "space-y-4 border rounded-lg p-4", children: [
+    /* @__PURE__ */ jsx("h3", { className: "font-semibold text-lg", children: t("reviews.writeReview") }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: t("reviews.form.ratingLabel") }),
+      /* @__PURE__ */ jsx(
+        StarRating,
+        {
+          value: rating,
+          onChange: (v) => {
+            setRating(v);
+            setRatingError(false);
+          },
+          size: "lg"
+        }
+      ),
+      ratingError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: t("reviews.form.ratingRequired") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "review-title", className: "text-sm font-medium", children: t("reviews.form.titleLabel") }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "review-title",
+          value: title,
+          onChange: (e) => setTitle(e.target.value),
+          placeholder: t("reviews.form.titlePlaceholder"),
+          maxLength: 200,
+          className: "w-full px-3 py-2 border rounded-md text-sm"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: t("reviews.form.contentLabel") }),
+      renderEditor ? renderEditor({ content, onChange: setContent }) : /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          value: content,
+          onChange: (e) => setContent(e.target.value),
+          placeholder: t("reviews.form.contentPlaceholder"),
+          className: "w-full px-3 py-2 border rounded-md text-sm resize-none min-h-[120px]"
+        }
+      )
+    ] }),
+    renderImageUpload && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: t("reviews.form.photosLabel") }),
+      renderImageUpload({
+        images,
+        onImagesChange: setImages,
+        bucket: "review-images",
+        folder: productId,
+        maxImages: 5
+      })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "submit",
+        disabled: isSubmitting,
+        className: "px-4 py-2 bg-primary text-primary-foreground rounded-md text-sm font-medium flex items-center",
+        children: [
+          isSubmitting && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 mr-2 animate-spin" }),
+          t("reviews.form.submit")
+        ]
+      }
+    )
+  ] });
+}
+
+export { ReviewForm };
+//# sourceMappingURL=chunk-3SW2KIUN.js.map
+//# sourceMappingURL=chunk-3SW2KIUN.js.map

package/dist/chunk-3SW2KIUN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/reviews-ui/ReviewForm.tsx"],"names":[],"mappings":"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","file":"chunk-3SW2KIUN.js","sourcesContent":["import { useState } from 'react';\nimport { Loader2 } from 'lucide-react';\nimport { useT } from 'simplycms/i18n';\nimport { StarRating } from './StarRating';\n\ninterface ReviewFormProps {\n  productId: string;\n  onSubmit: (data: {\n    rating: number;\n    title?: string;\n    content?: string;\n    images?: string[];\n  }) => void;\n  isSubmitting?: boolean;\n  /** Optional rich text editor component */\n  renderEditor?: (props: {\n    content: string;\n    onChange: (content: string) => void;\n  }) => React.ReactNode;\n  /** Optional image upload component */\n  renderImageUpload?: (props: {\n    images: string[];\n    onImagesChange: (images: string[]) => void;\n    bucket: string;\n    folder: string;\n    maxImages: number;\n  }) => React.ReactNode;\n}\n\nexport function ReviewForm({\n  productId,\n  onSubmit,\n  isSubmitting,\n  renderEditor,\n  renderImageUpload,\n}: ReviewFormProps) {\n  const t = useT();\n  const [rating, setRating] = useState(0);\n  const [title, setTitle] = useState('');\n  const [content, setContent] = useState('');\n  const [images, setImages] = useState<string[]>([]);\n  const [ratingError, setRatingError] = useState(false);\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (rating === 0) {\n      setRatingError(true);\n      return;\n    }\n    onSubmit({\n      rating,\n      title: title.trim() || undefined,\n      content: content && content !== '<p></p>' ? content : undefined,\n      images: images.length > 0 ? images : undefined,\n    });\n  };\n\n  return (\n    <form onSubmit={handleSubmit} className=\"space-y-4 border rounded-lg p-4\">\n      <h3 className=\"font-semibold text-lg\">{t('reviews.writeReview')}</h3>\n\n      <div className=\"space-y-1\">\n        <label className=\"text-sm font-medium\">\n          {t('reviews.form.ratingLabel')}\n        </label>\n        <StarRating\n          value={rating}\n          onChange={(v) => {\n            setRating(v);\n            setRatingError(false);\n          }}\n          size=\"lg\"\n        />\n        {ratingError && (\n          <p className=\"text-sm text-destructive\">\n            {t('reviews.form.ratingRequired')}\n          </p>\n        )}\n      </div>\n\n      <div className=\"space-y-1\">\n        <label htmlFor=\"review-title\" className=\"text-sm font-medium\">\n          {t('reviews.form.titleLabel')}\n        </label>\n        <input\n          id=\"review-title\"\n          value={title}\n          onChange={(e) => setTitle(e.target.value)}\n          placeholder={t('reviews.form.titlePlaceholder')}\n          maxLength={200}\n          className=\"w-full px-3 py-2 border rounded-md text-sm\"\n        />\n      </div>\n\n      <div className=\"space-y-1\">\n        <label className=\"text-sm font-medium\">\n          {t('reviews.form.contentLabel')}\n        </label>\n        {renderEditor ? (\n          renderEditor({ content, onChange: setContent })\n        ) : (\n          <textarea\n            value={content}\n            onChange={(e) => setContent(e.target.value)}\n            placeholder={t('reviews.form.contentPlaceholder')}\n            className=\"w-full px-3 py-2 border rounded-md text-sm resize-none min-h-[120px]\"\n          />\n        )}\n      </div>\n\n      {renderImageUpload && (\n        <div className=\"space-y-1\">\n          <label className=\"text-sm font-medium\">\n            {t('reviews.form.photosLabel')}\n          </label>\n          {renderImageUpload({\n            images,\n            onImagesChange: setImages,\n            bucket: 'review-images',\n            folder: productId,\n            maxImages: 5,\n          })}\n        </div>\n      )}\n\n      <button\n        type=\"submit\"\n        disabled={isSubmitting}\n        className=\"px-4 py-2 bg-primary text-primary-foreground rounded-md text-sm font-medium flex items-center\"\n      >\n        {isSubmitting && <Loader2 className=\"h-4 w-4 mr-2 animate-spin\" />}\n        {t('reviews.form.submit')}\n      </button>\n    </form>\n  );\n}\n"]}

package/dist/chunk-3WTEL7HT.js

@@ -0,0 +1,18 @@
+import { resolveSupabaseKeys } from './chunk-KLRI2TQ3.js';
+import { createBrowserClient } from '@supabase/ssr';
+
+function createBrowserSupabase() {
+  const { url, key } = resolveSupabaseKeys(import.meta.env);
+  return createBrowserClient(url, key);
+}
+var browserClient = null;
+function getSupabaseBrowserClient() {
+  if (!browserClient) {
+    browserClient = createBrowserSupabase();
+  }
+  return browserClient;
+}
+
+export { createBrowserSupabase, getSupabaseBrowserClient };
+//# sourceMappingURL=chunk-3WTEL7HT.js.map
+//# sourceMappingURL=chunk-3WTEL7HT.js.map

package/dist/chunk-3WTEL7HT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/supabase/browser-client.ts"],"names":[],"mappings":";;;AAWO,SAAS,qBAAA,GAAwD;AACtE,EAAA,MAAM,EAAE,GAAA,EAAK,GAAA,EAAI,GAAI,mBAAA,CAAoB,YAAY,GAAG,CAAA;AACxD,EAAA,OAAO,mBAAA,CAAwB,KAAK,GAAG,CAAA;AACzC;AAQA,IAAI,aAAA,GAAuC,IAAA;AAEpC,SAAS,wBAAA,GAA2C;AACzD,EAAA,IAAI,CAAC,aAAA,EAAe;AAClB,IAAA,aAAA,GAAgB,qBAAA,EAAsB;AAAA,EACxC;AACA,EAAA,OAAO,aAAA;AACT","file":"chunk-3WTEL7HT.js","sourcesContent":["import { createBrowserClient } from '@supabase/ssr';\nimport type { Database } from './database';\nimport { resolveSupabaseKeys } from './keys';\n\n/**\n * Браузерний Supabase-клієнт.\n *\n * `Db` — типи БД магазину. За замовчуванням — baseline core-схеми пакета;\n * host зі своїми (плагінними) таблицями підставляє власний згенерований\n * `Database` із `supabase/types.ts`: `createBrowserSupabase<HostDatabase>()`.\n */\nexport function createBrowserSupabase<Db extends Database = Database>() {\n  const { url, key } = resolveSupabaseKeys(import.meta.env);\n  return createBrowserClient<Db>(url, key);\n}\n\n/** Тип браузерного клієнта; без параметра — baseline core-схеми. */\nexport type SupabaseClient<Db extends Database = Database> = ReturnType<\n  typeof createBrowserSupabase<Db>\n>;\n\n// Lazy browser client (DI source for SupabaseProvider/useSupabaseClient).\nlet browserClient: SupabaseClient | null = null;\n\nexport function getSupabaseBrowserClient(): SupabaseClient {\n  if (!browserClient) {\n    browserClient = createBrowserSupabase();\n  }\n  return browserClient;\n}\n\n// Глобальний singleton `export const supabase` прибрано (P3 core-engine-extraction):\n// клієнт інжектиться через SupabaseProvider/useSupabaseClient або createServerSupabase.\n"]}

package/dist/chunk-3XVESNZC.js

@@ -0,0 +1,77 @@
+import { X, Minus, Plus } from 'lucide-react';
+import { useFormatPrice } from 'simplycms/react-query';
+import { useT } from 'simplycms/i18n';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/cart-ui/CartItemView.tsx
+function CartItemView({
+  item,
+  onChangeQuantity,
+  onRemove
+}) {
+  const t = useT();
+  const formatPrice = useFormatPrice();
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-4 py-4 border-b last:border-0", children: [
+    /* @__PURE__ */ jsx("div", { className: "relative w-20 h-20 flex-shrink-0 rounded-md overflow-hidden bg-muted", children: item.image ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: item.image,
+        alt: item.name,
+        className: "absolute inset-0 w-full h-full object-cover",
+        loading: "lazy",
+        decoding: "async"
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx("span", { className: "text-2xl", children: "\u{1F4E6}" }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("h4", { className: "font-medium text-sm leading-tight line-clamp-2", children: item.name }),
+          item.modificationName && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: item.modificationName }),
+          item.sku && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("cart.itemSku", { sku: item.sku }) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "h-6 w-6 -mr-2 -mt-1 flex items-center justify-center rounded hover:bg-muted",
+            onClick: onRemove,
+            children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "h-7 w-7 flex items-center justify-center border rounded",
+              onClick: () => onChangeQuantity(item.quantity - 1),
+              children: /* @__PURE__ */ jsx(Minus, { className: "h-3 w-3" })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "w-8 text-center text-sm font-medium", children: item.quantity }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "h-7 w-7 flex items-center justify-center border rounded",
+              onClick: () => onChangeQuantity(item.quantity + 1),
+              children: /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-semibold text-sm", children: formatPrice(item.price * item.quantity) }),
+          item.basePrice && item.basePrice > item.price && /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground line-through", children: formatPrice(item.basePrice * item.quantity) }),
+          item.quantity > 1 && /* @__PURE__ */ jsxs("div", { className: "text-xs text-muted-foreground", children: [
+            formatPrice(item.price),
+            " \xD7 ",
+            item.quantity
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+export { CartItemView };
+//# sourceMappingURL=chunk-3XVESNZC.js.map
+//# sourceMappingURL=chunk-3XVESNZC.js.map

package/dist/chunk-3XVESNZC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/cart-ui/CartItemView.tsx"],"names":[],"mappings":"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","file":"chunk-3XVESNZC.js","sourcesContent":["import { Minus, Plus, X } from 'lucide-react';\nimport {\n  type CartItem as CartItemType,\n  useFormatPrice,\n} from 'simplycms/react-query';\nimport { useT } from 'simplycms/i18n';\n\n// Presentational-компонент позиції кошика: лише props, без data/стану.\n// HUB може реюзати його зі своїм контейнером.\nexport interface CartItemViewProps {\n  item: CartItemType;\n  onChangeQuantity: (quantity: number) => void;\n  onRemove: () => void;\n}\n\nexport function CartItemView({\n  item,\n  onChangeQuantity,\n  onRemove,\n}: CartItemViewProps) {\n  const t = useT();\n  const formatPrice = useFormatPrice();\n\n  return (\n    <div className=\"flex gap-4 py-4 border-b last:border-0\">\n      {/* Image */}\n      <div className=\"relative w-20 h-20 flex-shrink-0 rounded-md overflow-hidden bg-muted\">\n        {item.image ? (\n          <img\n            src={item.image}\n            alt={item.name}\n            className=\"absolute inset-0 w-full h-full object-cover\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          />\n        ) : (\n          <div className=\"w-full h-full flex items-center justify-center text-muted-foreground\">\n            <span className=\"text-2xl\">&#x1F4E6;</span>\n          </div>\n        )}\n      </div>\n\n      {/* Details */}\n      <div className=\"flex-1 min-w-0\">\n        <div className=\"flex items-start justify-between gap-2\">\n          <div className=\"min-w-0\">\n            <h4 className=\"font-medium text-sm leading-tight line-clamp-2\">\n              {item.name}\n            </h4>\n            {item.modificationName && (\n              <p className=\"text-xs text-muted-foreground mt-0.5\">\n                {item.modificationName}\n              </p>\n            )}\n            {item.sku && (\n              <p className=\"text-xs text-muted-foreground\">\n                {t('cart.itemSku', { sku: item.sku })}\n              </p>\n            )}\n          </div>\n          <button\n            className=\"h-6 w-6 -mr-2 -mt-1 flex items-center justify-center rounded hover:bg-muted\"\n            onClick={onRemove}\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        </div>\n\n        <div className=\"flex items-center justify-between mt-2\">\n          {/* Quantity controls */}\n          <div className=\"flex items-center gap-1\">\n            <button\n              className=\"h-7 w-7 flex items-center justify-center border rounded\"\n              onClick={() => onChangeQuantity(item.quantity - 1)}\n            >\n              <Minus className=\"h-3 w-3\" />\n            </button>\n            <span className=\"w-8 text-center text-sm font-medium\">\n              {item.quantity}\n            </span>\n            <button\n              className=\"h-7 w-7 flex items-center justify-center border rounded\"\n              onClick={() => onChangeQuantity(item.quantity + 1)}\n            >\n              <Plus className=\"h-3 w-3\" />\n            </button>\n          </div>\n\n          {/* Price */}\n          <div className=\"text-right\">\n            <div className=\"font-semibold text-sm\">\n              {formatPrice(item.price * item.quantity)}\n            </div>\n            {item.basePrice && item.basePrice > item.price && (\n              <div className=\"text-xs text-muted-foreground line-through\">\n                {formatPrice(item.basePrice * item.quantity)}\n              </div>\n            )}\n            {item.quantity > 1 && (\n              <div className=\"text-xs text-muted-foreground\">\n                {formatPrice(item.price)} &times; {item.quantity}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-43LZRWRG.js

@@ -0,0 +1,57 @@
+import { useState } from 'react';
+import { Star } from 'lucide-react';
+import { cn } from 'simplycms/ui/utils';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/reviews-ui/StarRating.tsx
+var sizeMap = {
+  sm: "h-4 w-4",
+  md: "h-5 w-5",
+  lg: "h-6 w-6"
+};
+function StarRating({
+  value,
+  onChange,
+  size = "md",
+  readonly = false
+}) {
+  const [hoverValue, setHoverValue] = useState(0);
+  const displayValue = hoverValue || value;
+  const iconSize = sizeMap[size];
+  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5", children: [1, 2, 3, 4, 5].map((star) => {
+    const filled = displayValue >= star;
+    const halfFilled = !filled && displayValue >= star - 0.5;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: readonly,
+        className: cn(
+          "relative transition-colors",
+          readonly ? "cursor-default" : "cursor-pointer hover:scale-110 transition-transform"
+        ),
+        onClick: () => onChange?.(star),
+        onMouseEnter: () => !readonly && setHoverValue(star),
+        onMouseLeave: () => !readonly && setHoverValue(0),
+        children: [
+          /* @__PURE__ */ jsx(Star, { className: cn(iconSize, "text-muted-foreground/30") }),
+          (filled || halfFilled) && /* @__PURE__ */ jsx(
+            Star,
+            {
+              className: cn(
+                iconSize,
+                "absolute inset-0 text-amber-400 fill-amber-400"
+              ),
+              style: halfFilled ? { clipPath: "inset(0 50% 0 0)" } : void 0
+            }
+          )
+        ]
+      },
+      star
+    );
+  }) });
+}
+
+export { StarRating };
+//# sourceMappingURL=chunk-43LZRWRG.js.map
+//# sourceMappingURL=chunk-43LZRWRG.js.map

package/dist/chunk-43LZRWRG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/reviews-ui/StarRating.tsx"],"names":[],"mappings":";;;;;;AAWA,IAAM,OAAA,GAAU;AAAA,EACd,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,SAAS,UAAA,CAAW;AAAA,EACzB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,QAAA,GAAW;AACb,CAAA,EAAoB;AAClB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,CAAC,CAAA;AAE9C,EAAA,MAAM,eAAe,UAAA,IAAc,KAAA;AACnC,EAAA,MAAM,QAAA,GAAW,QAAQ,IAAI,CAAA;AAE7B,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACZ,QAAA,EAAA,CAAC,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAA,EAAG,CAAC,CAAA,CAAE,GAAA,CAAI,CAAC,IAAA,KAAS;AAC7B,IAAA,MAAM,SAAS,YAAA,IAAgB,IAAA;AAC/B,IAAA,MAAM,UAAA,GAAa,CAAC,MAAA,IAAU,YAAA,IAAgB,IAAA,GAAO,GAAA;AAErD,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,IAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,4BAAA;AAAA,UACA,WACI,gBAAA,GACA;AAAA,SACN;AAAA,QACA,OAAA,EAAS,MAAM,QAAA,GAAW,IAAI,CAAA;AAAA,QAC9B,YAAA,EAAc,MAAM,CAAC,QAAA,IAAY,cAAc,IAAI,CAAA;AAAA,QACnD,YAAA,EAAc,MAAM,CAAC,QAAA,IAAY,cAAc,CAAC,CAAA;AAAA,QAGhD,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,QAAA,EAAU,0BAA0B,CAAA,EAAG,CAAA;AAAA,UAAA,CAEzD,UAAU,UAAA,qBACV,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,QAAA;AAAA,gBACA;AAAA,eACF;AAAA,cACA,KAAA,EACE,UAAA,GAAa,EAAE,QAAA,EAAU,oBAAmB,GAAI;AAAA;AAAA;AAEpD;AAAA,OAAA;AAAA,MAzBG;AAAA,KA2BP;AAAA,EAEJ,CAAC,CAAA,EACH,CAAA;AAEJ","file":"chunk-43LZRWRG.js","sourcesContent":["import { useState } from 'react';\nimport { Star } from 'lucide-react';\nimport { cn } from 'simplycms/ui/utils';\n\ninterface StarRatingProps {\n  value: number;\n  onChange?: (value: number) => void;\n  size?: 'sm' | 'md' | 'lg';\n  readonly?: boolean;\n}\n\nconst sizeMap = {\n  sm: 'h-4 w-4',\n  md: 'h-5 w-5',\n  lg: 'h-6 w-6',\n};\n\nexport function StarRating({\n  value,\n  onChange,\n  size = 'md',\n  readonly = false,\n}: StarRatingProps) {\n  const [hoverValue, setHoverValue] = useState(0);\n\n  const displayValue = hoverValue || value;\n  const iconSize = sizeMap[size];\n\n  return (\n    <div className=\"flex items-center gap-0.5\">\n      {[1, 2, 3, 4, 5].map((star) => {\n        const filled = displayValue >= star;\n        const halfFilled = !filled && displayValue >= star - 0.5;\n\n        return (\n          <button\n            key={star}\n            type=\"button\"\n            disabled={readonly}\n            className={cn(\n              'relative transition-colors',\n              readonly\n                ? 'cursor-default'\n                : 'cursor-pointer hover:scale-110 transition-transform',\n            )}\n            onClick={() => onChange?.(star)}\n            onMouseEnter={() => !readonly && setHoverValue(star)}\n            onMouseLeave={() => !readonly && setHoverValue(0)}\n          >\n            {/* Background star (empty) */}\n            <Star className={cn(iconSize, 'text-muted-foreground/30')} />\n            {/* Filled overlay */}\n            {(filled || halfFilled) && (\n              <Star\n                className={cn(\n                  iconSize,\n                  'absolute inset-0 text-amber-400 fill-amber-400',\n                )}\n                style={\n                  halfFilled ? { clipPath: 'inset(0 50% 0 0)' } : undefined\n                }\n              />\n            )}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"]}