@loczer/storefront-sdk 0.181.0 → 0.182.0

package/dist/components/AddressAutocompleteInput/index.js

@@ -1,143 +1,118 @@
-import { jsx as d, jsxs as F } from "react/jsx-runtime";
-import { forwardRef as M, useId as T, useRef as Y, useState as J, useEffect as G } from "react";
-import { cn as P, AddressAutocompleteInput as K } from "@rpcbase/ui";
-import { Input as Q } from "../../ui/input.js";
-import { Label as X } from "../../ui/label.js";
-import { isAutomationRuntime as Z } from "../../lib/isAutomationRuntime.js";
-const w = {}, k = () => {
-  const n = w.RB_PUBLIC_GOOGLE_MAPS_API_KEY;
-  return typeof n == "string" ? n : "";
-}, z = M(
-  ({
-    value: A,
-    onValueChange: n,
-    label: p,
-    labelClassName: R,
-    googleMapsApiKey: b = k(),
-    locationRestriction: U,
-    allowedTypes: O,
-    autofillShimName: W,
-    className: I,
-    onBlur: x,
-    onFocus: S,
-    onKeyDown: y,
-    onPointerDown: E,
-    id: $,
-    name: r,
-    placeholder: L,
-    disabled: N,
-    readOnly: g,
-    type: i,
-    autoComplete: s,
-    autoCorrect: o,
-    autoCapitalize: u,
-    spellCheck: f,
-    ...h
-  }, m) => {
-    const q = T(), c = $ ?? q, j = Y(null), [v, D] = J(!1), B = (t) => {
-      if (m) {
-        if (typeof m == "function") {
-          m(t);
-          return;
-        }
-        m.current = t;
-      }
-    };
-    G(() => {
-      Z() || b.trim().length !== 0 && D(!0);
-    }, [b]), G(() => {
-      if (!v) return;
-      const t = j.current;
-      if (!t) return;
-      const e = t.querySelector(`#${CSS.escape(c)}`);
-      e instanceof HTMLInputElement && (B(e), typeof r == "string" && r.trim().length > 0 ? e.setAttribute("name", r) : e.removeAttribute("name"), typeof i == "string" && i.trim().length > 0 ? e.setAttribute("type", i) : e.setAttribute("type", "text"), e.readOnly = !!g, typeof s == "string" && s.trim().length > 0 && e.setAttribute("autocomplete", s.trim()), typeof o == "string" && o.trim().length > 0 ? e.setAttribute("autocorrect", o.trim()) : e.removeAttribute("autocorrect"), typeof u == "string" && u.trim().length > 0 ? e.setAttribute("autocapitalize", u.trim()) : e.removeAttribute("autocapitalize"), typeof f == "boolean" ? e.setAttribute("spellcheck", String(f)) : e.removeAttribute("spellcheck"), Object.entries(h).forEach(([l, a]) => {
-        if (!(!l.startsWith("aria-") && !l.startsWith("data-"))) {
-          if (typeof a == "string" || typeof a == "number" || typeof a == "boolean") {
-            e.setAttribute(l, String(a));
-            return;
-          }
-          e.removeAttribute(l);
-        }
-      }));
-    }, [
-      u,
-      s,
-      o,
-      r,
-      h,
-      g,
-      c,
-      v,
-      f,
-      i
-    ]);
-    const H = (t) => {
-      n(t.target.value);
-    }, _ = p ? /* @__PURE__ */ d(X, { htmlFor: c, className: P("block text-sm font-medium text-slate-700", R), children: p }) : null;
-    if (!v) {
-      const t = /* @__PURE__ */ d(
-        Q,
-        {
-          ...h,
-          ref: B,
-          id: c,
-          name: r,
-          type: i,
-          value: A,
-          placeholder: L,
-          disabled: N,
-          onChange: H,
-          onBlur: x,
-          onFocus: S,
-          onKeyDown: y,
-          onPointerDown: E,
-          readOnly: g,
-          autoComplete: s ?? "off",
-          autoCorrect: o,
-          autoCapitalize: u,
-          spellCheck: f,
-          className: I
-        }
-      );
-      return p ? /* @__PURE__ */ F("div", { className: "grid gap-1.5 text-left", children: [
-        _,
-        t
-      ] }) : t;
-    }
-    return /* @__PURE__ */ F("div", { className: P(_ && "grid gap-1.5 text-left"), children: [
-      _,
-      /* @__PURE__ */ d(
-        "div",
-        {
-          ref: j,
-          className: "rpcbase-address-autocomplete [&>div>label]:sr-only",
-          onBlurCapture: (t) => x?.(t),
-          onFocusCapture: (t) => S?.(t),
-          onKeyDownCapture: (t) => y?.(t),
-          onPointerDownCapture: (t) => E?.(t),
-          children: /* @__PURE__ */ d(
-            K,
-            {
-              id: c,
-              label: "",
-              placeholder: L ?? "",
-              value: A,
-              onValueChange: n,
-              disabled: N,
-              name: r,
-              className: I,
-              autofillShimName: W,
-              googleMapsApiKey: b,
-              locationRestriction: U,
-              allowedTypes: O
-            }
-          )
-        }
-      )
-    ] });
-  }
-);
-z.displayName = "AddressAutocompleteInput";
-export {
-  z as AddressAutocompleteInput
-};
+import { cn as e } from "../../lib/utils.js";
+import { isAutomationRuntime as t } from "../../lib/isAutomationRuntime.js";
+import { Label as n } from "../../ui/label.js";
+import { Input as r } from "../../ui/input.js";
+import { forwardRef as i, useEffect as a, useId as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { AddressAutocompleteInput as d } from "@rpcbase/ui";
+//#region src/components/AddressAutocompleteInput/index.tsx
+var f = () => {
+	let e = {
+		BASE_URL: "/",
+		DEV: !1,
+		MODE: "production",
+		PROD: !0,
+		SSR: !1
+	}.RB_PUBLIC_GOOGLE_MAPS_API_KEY;
+	return typeof e == "string" ? e : "";
+}, p = i(({ value: i, onValueChange: p, label: m, labelClassName: h, googleMapsApiKey: g = f(), locationRestriction: _, allowedTypes: v, autofillShimName: y, className: b, onBlur: x, onFocus: S, onKeyDown: C, onPointerDown: w, id: T, name: E, placeholder: D, disabled: O, readOnly: k, type: A, autoComplete: j, autoCorrect: M, autoCapitalize: N, spellCheck: P, ...F }, I) => {
+	let L = o(), R = T ?? L, z = s(null), [B, V] = c(!1), H = (e) => {
+		if (I) {
+			if (typeof I == "function") {
+				I(e);
+				return;
+			}
+			I.current = e;
+		}
+	};
+	a(() => {
+		t() || g.trim().length !== 0 && V(!0);
+	}, [g]), a(() => {
+		if (!B) return;
+		let e = z.current;
+		if (!e) return;
+		let t = e.querySelector(`#${CSS.escape(R)}`);
+		t instanceof HTMLInputElement && (H(t), typeof E == "string" && E.trim().length > 0 ? t.setAttribute("name", E) : t.removeAttribute("name"), typeof A == "string" && A.trim().length > 0 ? t.setAttribute("type", A) : t.setAttribute("type", "text"), t.readOnly = !!k, typeof j == "string" && j.trim().length > 0 && t.setAttribute("autocomplete", j.trim()), typeof M == "string" && M.trim().length > 0 ? t.setAttribute("autocorrect", M.trim()) : t.removeAttribute("autocorrect"), typeof N == "string" && N.trim().length > 0 ? t.setAttribute("autocapitalize", N.trim()) : t.removeAttribute("autocapitalize"), typeof P == "boolean" ? t.setAttribute("spellcheck", String(P)) : t.removeAttribute("spellcheck"), Object.entries(F).forEach(([e, n]) => {
+			if (!(!e.startsWith("aria-") && !e.startsWith("data-"))) {
+				if (typeof n == "string" || typeof n == "number" || typeof n == "boolean") {
+					t.setAttribute(e, String(n));
+					return;
+				}
+				t.removeAttribute(e);
+			}
+		}));
+	}, [
+		N,
+		j,
+		M,
+		E,
+		F,
+		k,
+		R,
+		B,
+		P,
+		A
+	]);
+	let U = (e) => {
+		p(e.target.value);
+	}, W = m ? /* @__PURE__ */ l(n, {
+		htmlFor: R,
+		className: e("block text-sm font-medium text-slate-700", h),
+		children: m
+	}) : null;
+	if (!B) {
+		let e = /* @__PURE__ */ l(r, {
+			...F,
+			ref: H,
+			id: R,
+			name: E,
+			type: A,
+			value: i,
+			placeholder: D,
+			disabled: O,
+			onChange: U,
+			onBlur: x,
+			onFocus: S,
+			onKeyDown: C,
+			onPointerDown: w,
+			readOnly: k,
+			autoComplete: j ?? "off",
+			autoCorrect: M,
+			autoCapitalize: N,
+			spellCheck: P,
+			className: b
+		});
+		return m ? /* @__PURE__ */ u("div", {
+			className: "grid gap-1.5 text-left",
+			children: [W, e]
+		}) : e;
+	}
+	return /* @__PURE__ */ u("div", {
+		className: e(W && "grid gap-1.5 text-left"),
+		children: [W, /* @__PURE__ */ l("div", {
+			ref: z,
+			className: "rpcbase-address-autocomplete [&>div>label]:sr-only",
+			onBlurCapture: (e) => x?.(e),
+			onFocusCapture: (e) => S?.(e),
+			onKeyDownCapture: (e) => C?.(e),
+			onPointerDownCapture: (e) => w?.(e),
+			children: /* @__PURE__ */ l(d, {
+				id: R,
+				label: "",
+				placeholder: D ?? "",
+				value: i,
+				onValueChange: p,
+				disabled: O,
+				name: E,
+				className: b,
+				autofillShimName: y,
+				googleMapsApiKey: g,
+				locationRestriction: _,
+				allowedTypes: v
+			})
+		})]
+	});
+});
+p.displayName = "AddressAutocompleteInput";
+//#endregion
+export { p as AddressAutocompleteInput };

package/dist/components/BikeProductCard/index.js

@@ -1,91 +1,91 @@
-import { jsxs as a, jsx as e, Fragment as _ } from "react/jsx-runtime";
-import { Link as B } from "@rpcbase/router";
-import { cn as S } from "@rpcbase/ui";
-import { Bike as C, ArrowRight as O } from "lucide-react";
-import { useTranslation as j } from "react-i18next";
-import { getAvailabilityVariant as P } from "../../lib/utils.js";
-import { resolveProductImageContainerStyle as z } from "../../lib/productImageStyles.js";
-import { getLocalizedValue as d } from "../../localization.js";
-import { Badge as p } from "../../ui/badge.js";
-import { Button as I } from "../../ui/button.js";
-import { ProductPriceBadge as T } from "../ProductPriceBadge/index.js";
-function G({
-  bike: t,
-  detailsPath: h,
-  productDetailsLinkState: f,
-  actionLabelKey: u = "product_cta",
-  onAction: x,
-  actionDisabled: g = !1,
-  availabilityLabel: v,
-  fallbackLanguage: i,
-  variant: N = "default",
-  testId: y
-}) {
-  const { t: l, i18n: s } = j(), r = d(t.name, s.language, i), w = d(t.description, s.language, i), n = typeof t.images?.[0] == "string" ? t.images[0].trim() : "", o = z(t.primaryImageStyle), c = P(t.availabilityStatus), m = N === "booking", b = t.availabilityStatus === "OUT_OF_STOCK";
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      className: "flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
-      "data-testid": y,
-      children: [
-        /* @__PURE__ */ a("div", { className: "flex flex-1 items-stretch gap-4", children: [
-          /* @__PURE__ */ e("div", { className: "w-24 shrink-0 sm:w-28", children: /* @__PURE__ */ a(
-            "div",
-            {
-              className: S("relative h-full min-h-20 overflow-hidden rounded-xl", o.className),
-              style: o.style,
-              children: [
-                n ? /* @__PURE__ */ e("img", { src: n, alt: r, className: "absolute inset-0 h-full w-full object-contain p-1", loading: "lazy" }) : /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center text-slate-400", children: /* @__PURE__ */ e(C, { className: "h-7 w-7", "aria-hidden": "true" }) }),
-                m && b ? /* @__PURE__ */ e(
-                  p,
-                  {
-                    variant: "destructive",
-                    className: "pointer-events-none absolute right-2 top-2 shadow-sm",
-                    children: /* @__PURE__ */ e("span", { children: l("availability_out_of_stock") })
-                  }
-                ) : null
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-            /* @__PURE__ */ e("p", { className: "min-w-0 text-sm font-semibold text-slate-950", children: /* @__PURE__ */ e("span", { children: r }) }),
-            /* @__PURE__ */ e(T, { prices: t.prices, className: "self-start" }),
-            /* @__PURE__ */ e("p", { className: "line-clamp-2 text-xs text-slate-600", children: /* @__PURE__ */ e("span", { children: w }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
-          m ? null : /* @__PURE__ */ a(_, { children: [
-            /* @__PURE__ */ e(p, { variant: c.variant, children: /* @__PURE__ */ e("span", { children: v ?? l(c.labelKey) }) }),
-            /* @__PURE__ */ e("span", { className: "text-slate-400", children: "·" })
-          ] }),
-          /* @__PURE__ */ e(
-            B,
-            {
-              to: h,
-              state: f,
-              className: "text-xs font-medium text-slate-700 hover:text-slate-950",
-              children: /* @__PURE__ */ e("span", { children: l("product_details_link") })
-            }
-          ),
-          /* @__PURE__ */ a(
-            I,
-            {
-              type: "button",
-              size: "sm",
-              className: "ml-auto rounded-full gap-2 text-xs",
-              onClick: x,
-              disabled: g,
-              children: [
-                /* @__PURE__ */ e("span", { children: l(u) }),
-                /* @__PURE__ */ e(O, { className: "h-4 w-4", "aria-hidden": "true" })
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
+import { getAvailabilityVariant as e } from "../../lib/utils.js";
+import { getLocalizedValue as t } from "../../localization.js";
+import { Badge as n } from "../../ui/badge.js";
+import { Button as r } from "../../ui/button.js";
+import { ProductPriceBadge as i } from "../ProductPriceBadge/index.js";
+import { resolveProductImageContainerStyle as a } from "../../lib/productImageStyles.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { cn as l } from "@rpcbase/ui";
+import { Link as u } from "@rpcbase/router";
+import { useTranslation as d } from "react-i18next";
+import { ArrowRight as f, Bike as p } from "lucide-react";
+//#region src/components/BikeProductCard/index.tsx
+function m({ bike: m, detailsPath: h, productDetailsLinkState: g, actionLabelKey: _ = "product_cta", onAction: v, actionDisabled: y = !1, availabilityLabel: b, fallbackLanguage: x, variant: S = "default", testId: C }) {
+	let { t: w, i18n: T } = d(), E = t(m.name, T.language, x), D = t(m.description, T.language, x), O = typeof m.images?.[0] == "string" ? m.images[0].trim() : "", k = a(m.primaryImageStyle), A = e(m.availabilityStatus), j = S === "booking", M = m.availabilityStatus === "OUT_OF_STOCK";
+	return /* @__PURE__ */ c("div", {
+		className: "flex h-full flex-col gap-2 rounded-xl border border-slate-200 bg-white p-3 shadow-sm",
+		"data-testid": C,
+		children: [/* @__PURE__ */ c("div", {
+			className: "flex flex-1 items-stretch gap-4",
+			children: [/* @__PURE__ */ s("div", {
+				className: "w-24 shrink-0 sm:w-28",
+				children: /* @__PURE__ */ c("div", {
+					className: l("relative h-full min-h-20 overflow-hidden rounded-xl", k.className),
+					style: k.style,
+					children: [O ? /* @__PURE__ */ s("img", {
+						src: O,
+						alt: E,
+						className: "absolute inset-0 h-full w-full object-contain p-1",
+						loading: "lazy"
+					}) : /* @__PURE__ */ s("div", {
+						className: "absolute inset-0 flex items-center justify-center text-slate-400",
+						children: /* @__PURE__ */ s(p, {
+							className: "h-7 w-7",
+							"aria-hidden": "true"
+						})
+					}), j && M ? /* @__PURE__ */ s(n, {
+						variant: "destructive",
+						className: "pointer-events-none absolute right-2 top-2 shadow-sm",
+						children: /* @__PURE__ */ s("span", { children: w("availability_out_of_stock") })
+					}) : null]
+				})
+			}), /* @__PURE__ */ c("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-1",
+				children: [
+					/* @__PURE__ */ s("p", {
+						className: "min-w-0 text-sm font-semibold text-slate-950",
+						children: /* @__PURE__ */ s("span", { children: E })
+					}),
+					/* @__PURE__ */ s(i, {
+						prices: m.prices,
+						className: "self-start"
+					}),
+					/* @__PURE__ */ s("p", {
+						className: "line-clamp-2 text-xs text-slate-600",
+						children: /* @__PURE__ */ s("span", { children: D })
+					})
+				]
+			})]
+		}), /* @__PURE__ */ c("div", {
+			className: "flex flex-wrap items-center gap-x-2 gap-y-1",
+			children: [
+				j ? null : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, {
+					variant: A.variant,
+					children: /* @__PURE__ */ s("span", { children: b ?? w(A.labelKey) })
+				}), /* @__PURE__ */ s("span", {
+					className: "text-slate-400",
+					children: "·"
+				})] }),
+				/* @__PURE__ */ s(u, {
+					to: h,
+					state: g,
+					className: "text-xs font-medium text-slate-700 hover:text-slate-950",
+					children: /* @__PURE__ */ s("span", { children: w("product_details_link") })
+				}),
+				/* @__PURE__ */ c(r, {
+					type: "button",
+					size: "sm",
+					className: "ml-auto rounded-full gap-2 text-xs",
+					onClick: v,
+					disabled: y,
+					children: [/* @__PURE__ */ s("span", { children: w(_) }), /* @__PURE__ */ s(f, {
+						className: "h-4 w-4",
+						"aria-hidden": "true"
+					})]
+				})
+			]
+		})]
+	});
 }
-export {
-  G as BikeProductCard
-};
+//#endregion
+export { m as BikeProductCard };