@loczer/storefront-sdk 0.181.0 → 0.183.0

package/dist/components/payment/StripeCardFieldsForm.js

@@ -1,101 +1,127 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { useState as u } from "react";
-import { useStripe as S, useElements as M, CardNumberElement as g, CardExpiryElement as w, CardCvcElement as F } from "@stripe/react-stripe-js";
-import { Spinner as z } from "../../chunks/ui/dist/Spinner/index-SbbUxcsT.js";
-import { CreditCard as j } from "lucide-react";
-import { useTranslation as q } from "react-i18next";
-import { Button as I } from "../../ui/button.js";
-import { Input as B } from "../../ui/input.js";
-import { Label as m } from "../../ui/label.js";
-function O({
-  email: N = "",
-  requireEmail: v = !0,
-  disabled: h = !1,
-  submitLabel: k,
-  submittingLabel: x,
-  onSubmit: C
-}) {
-  const { t: r } = q(), d = S(), l = M(), [_, E] = u(""), [n, s] = u(!1), [y, a] = u(null);
-  return /* @__PURE__ */ t("form", { onSubmit: async (c) => {
-    if (c.preventDefault(), !d || !l) {
-      a(r("secure_payment_link.errors.stripe_not_ready"));
-      return;
-    }
-    const o = N.trim(), p = _.trim();
-    if (!p) {
-      a(r("secure_payment_link.form.name_required"));
-      return;
-    }
-    if (v && !o) {
-      a(r("secure_payment_link.form.email_required"));
-      return;
-    }
-    const f = l.getElement(g);
-    if (!f) {
-      a(r("secure_payment_link.errors.stripe_not_ready"));
-      return;
-    }
-    s(!0), a(null);
-    const i = await d.createPaymentMethod({
-      type: "card",
-      card: f,
-      billing_details: {
-        name: p,
-        email: o || void 0
-      }
-    });
-    if (i.error || !i.paymentMethod) {
-      s(!1), a(i.error?.message ?? r("secure_payment_link.errors.payment_failed"));
-      return;
-    }
-    try {
-      await C({
-        paymentMethodId: i.paymentMethod.id,
-        cardholderName: p,
-        email: o || void 0
-      });
-    } catch (b) {
-      a(b instanceof Error ? b.message : r("secure_payment_link.errors.payment_failed"));
-    } finally {
-      s(!1);
-    }
-  }, className: "grid gap-3", children: [
-    /* @__PURE__ */ t("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e(m, { htmlFor: "payment-cardholder-name", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.form.cardholder_name_label") }) }),
-      /* @__PURE__ */ e(
-        B,
-        {
-          id: "payment-cardholder-name",
-          value: _,
-          onChange: (c) => {
-            E(c.target.value);
-          },
-          placeholder: r("secure_payment_link.form.cardholder_name_placeholder"),
-          disabled: h || n
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ e(m, { htmlFor: "payment-card-number", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.form.card_number_label") }) }),
-      /* @__PURE__ */ e("div", { className: "rounded-md border border-slate-200 bg-white px-3 py-2", children: /* @__PURE__ */ e(g, { id: "payment-card-number" }) })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "grid gap-3 sm:grid-cols-2", children: [
-      /* @__PURE__ */ t("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ e(m, { htmlFor: "payment-card-expiry", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.form.card_expiry_label") }) }),
-        /* @__PURE__ */ e("div", { className: "rounded-md border border-slate-200 bg-white px-3 py-2", children: /* @__PURE__ */ e(w, { id: "payment-card-expiry" }) })
-      ] }),
-      /* @__PURE__ */ t("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ e(m, { htmlFor: "payment-card-cvc", children: /* @__PURE__ */ e("span", { children: r("secure_payment_link.form.card_cvc_label") }) }),
-        /* @__PURE__ */ e("div", { className: "rounded-md border border-slate-200 bg-white px-3 py-2", children: /* @__PURE__ */ e(F, { id: "payment-card-cvc" }) })
-      ] })
-    ] }),
-    y ? /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: /* @__PURE__ */ e("span", { children: y }) }) : null,
-    /* @__PURE__ */ t(I, { type: "submit", disabled: h || n || !d || !l, className: "gap-2", children: [
-      n ? /* @__PURE__ */ e(z, { className: "size-4", "aria-hidden": "true" }) : /* @__PURE__ */ e(j, { className: "h-4 w-4", "aria-hidden": "true" }),
-      /* @__PURE__ */ e("span", { children: n ? x ?? r("secure_payment_link.form.submitting_button") : k ?? r("secure_payment_link.form.submit_button") })
-    ] })
-  ] });
+import { Button as e } from "../../ui/button.js";
+import { Label as t } from "../../ui/label.js";
+import { Input as n } from "../../ui/input.js";
+import { Spinner as r } from "../../chunks/ui/dist/Spinner/index-Dyk_LLEz.js";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useTranslation as s } from "react-i18next";
+import { CreditCard as c } from "lucide-react";
+import { CardCvcElement as l, CardExpiryElement as u, CardNumberElement as d, useElements as f, useStripe as p } from "@stripe/react-stripe-js";
+//#region src/components/payment/StripeCardFieldsForm.tsx
+function m({ email: m = "", requireEmail: h = !0, disabled: g = !1, submitLabel: _, submittingLabel: v, onSubmit: y }) {
+	let { t: b } = s(), x = p(), S = f(), [C, w] = i(""), [T, E] = i(!1), [D, O] = i(null);
+	return /* @__PURE__ */ o("form", {
+		onSubmit: async (e) => {
+			if (e.preventDefault(), !x || !S) {
+				O(b("secure_payment_link.errors.stripe_not_ready"));
+				return;
+			}
+			let t = m.trim(), n = C.trim();
+			if (!n) {
+				O(b("secure_payment_link.form.name_required"));
+				return;
+			}
+			if (h && !t) {
+				O(b("secure_payment_link.form.email_required"));
+				return;
+			}
+			let r = S.getElement(d);
+			if (!r) {
+				O(b("secure_payment_link.errors.stripe_not_ready"));
+				return;
+			}
+			E(!0), O(null);
+			let i = await x.createPaymentMethod({
+				type: "card",
+				card: r,
+				billing_details: {
+					name: n,
+					email: t || void 0
+				}
+			});
+			if (i.error || !i.paymentMethod) {
+				E(!1), O(i.error?.message ?? b("secure_payment_link.errors.payment_failed"));
+				return;
+			}
+			try {
+				await y({
+					paymentMethodId: i.paymentMethod.id,
+					cardholderName: n,
+					email: t || void 0
+				});
+			} catch (e) {
+				O(e instanceof Error ? e.message : b("secure_payment_link.errors.payment_failed"));
+			} finally {
+				E(!1);
+			}
+		},
+		className: "grid gap-3",
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ a(t, {
+					htmlFor: "payment-cardholder-name",
+					children: /* @__PURE__ */ a("span", { children: b("secure_payment_link.form.cardholder_name_label") })
+				}), /* @__PURE__ */ a(n, {
+					id: "payment-cardholder-name",
+					value: C,
+					onChange: (e) => {
+						w(e.target.value);
+					},
+					placeholder: b("secure_payment_link.form.cardholder_name_placeholder"),
+					disabled: g || T
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ a(t, {
+					htmlFor: "payment-card-number",
+					children: /* @__PURE__ */ a("span", { children: b("secure_payment_link.form.card_number_label") })
+				}), /* @__PURE__ */ a("div", {
+					className: "rounded-md border border-slate-200 bg-white px-3 py-2",
+					children: /* @__PURE__ */ a(d, { id: "payment-card-number" })
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "grid gap-3 sm:grid-cols-2",
+				children: [/* @__PURE__ */ o("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ a(t, {
+						htmlFor: "payment-card-expiry",
+						children: /* @__PURE__ */ a("span", { children: b("secure_payment_link.form.card_expiry_label") })
+					}), /* @__PURE__ */ a("div", {
+						className: "rounded-md border border-slate-200 bg-white px-3 py-2",
+						children: /* @__PURE__ */ a(u, { id: "payment-card-expiry" })
+					})]
+				}), /* @__PURE__ */ o("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ a(t, {
+						htmlFor: "payment-card-cvc",
+						children: /* @__PURE__ */ a("span", { children: b("secure_payment_link.form.card_cvc_label") })
+					}), /* @__PURE__ */ a("div", {
+						className: "rounded-md border border-slate-200 bg-white px-3 py-2",
+						children: /* @__PURE__ */ a(l, { id: "payment-card-cvc" })
+					})]
+				})]
+			}),
+			D ? /* @__PURE__ */ a("p", {
+				className: "text-sm text-destructive",
+				children: /* @__PURE__ */ a("span", { children: D })
+			}) : null,
+			/* @__PURE__ */ o(e, {
+				type: "submit",
+				disabled: g || T || !x || !S,
+				className: "gap-2",
+				children: [T ? /* @__PURE__ */ a(r, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}) : /* @__PURE__ */ a(c, {
+					className: "h-4 w-4",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ a("span", { children: T ? v ?? b("secure_payment_link.form.submitting_button") : _ ?? b("secure_payment_link.form.submit_button") })]
+			})
+		]
+	});
 }
-export {
-  O as StripeCardFieldsForm
-};
+//#endregion
+export { m as StripeCardFieldsForm };

package/dist/components/payment/index.js

@@ -1,6 +1,3 @@
 import { MollieCardFieldsForm as e } from "./MollieCardFieldsForm.js";
-import { StripeCardFieldsForm as i } from "./StripeCardFieldsForm.js";
-export {
-  e as MollieCardFieldsForm,
-  i as StripeCardFieldsForm
-};
+import { StripeCardFieldsForm as t } from "./StripeCardFieldsForm.js";
+export { e as MollieCardFieldsForm, t as StripeCardFieldsForm };

package/dist/data/accessories.js

@@ -1,145 +1,195 @@
-const l = /* @__PURE__ */ new Date("2025-01-01T00:00:00.000Z"), e = (a) => ({ value: a, updatedAt: l }), n = {
-  size: "Size",
-  color: "Color",
-  min_height_cm: "Min height (cm)",
-  max_height_cm: "Max height (cm)"
-}, o = (a) => a.label ?? n[a.key] ?? a.key, r = (a, i) => ({
-  id: a,
-  computedName: i.map((t) => `${o(t)}: ${t.value}`).join(" / "),
-  attributes: i,
-  identifiers: [{ kind: "internal", value: a }]
-}), s = [
-  {
-    id: "helmet-adult-1",
-    name: { fr: e("Casque adulte"), en: e("Adult helmet") },
-    description: { fr: e("Casque de protection adulte, avec lumière arrière intégrée."), en: e("Adult protection helmet with integrated rear light.") },
-    images: [
-      "a914fafb.webp",
-      "665d4de5.webp",
-      "53f5e49a.webp"
-    ],
-    prices: [
-      {
-        label: { fr: e("0€ / jour"), en: e("€0 / day") },
-        value: 0,
-        unit: "day"
-      }
-    ],
-    productVariants: [
-      r("helmet-adult-1-sm-black", [
-        { key: "size", value: "S/M" },
-        { key: "color", value: "Black" }
-      ]),
-      r("helmet-adult-1-sm-high-vis", [
-        { key: "size", value: "S/M" },
-        { key: "color", value: "High Visibility" }
-      ]),
-      r("helmet-adult-1-ml-black", [
-        { key: "size", value: "M/L" },
-        { key: "color", value: "Black" }
-      ]),
-      r("helmet-adult-1-ml-high-vis", [
-        { key: "size", value: "M/L" },
-        { key: "color", value: "High Visibility" }
-      ]),
-      r("helmet-adult-1-lxl-black", [
-        { key: "size", value: "L/XL" },
-        { key: "color", value: "Black" }
-      ])
-    ]
-  },
-  {
-    id: "helmet-kids-1",
-    name: { fr: e("Casque Enfant"), en: e("Kid's Helmet") },
-    description: { fr: e("Casque de protection pour enfant."), en: e("Protective helmet for children.") },
-    images: [
-      "156ffa6c.webp"
-    ],
-    prices: [
-      {
-        label: { fr: e("0€ / jour"), en: e("€0 / day") },
-        value: 0,
-        unit: "day"
-      }
-    ],
-    productVariants: [
-      r("helmet-kids-1-xs-green", [
-        { key: "size", value: "XS" },
-        { key: "color", value: "Green" }
-      ]),
-      r("helmet-kids-1-s-green", [
-        { key: "size", value: "S" },
-        { key: "color", value: "Green" }
-      ])
-    ]
-  },
-  {
-    id: "kids-trailer-1",
-    name: { fr: e("Remorque enfants"), en: e("Kid's trailer") },
-    description: {
-      fr: e("Remoque pour transporter 2 enfants, à vélo et sert de poussette une fois arrivé."),
-      en: e("Trailer for transporting 2 children by bike and serves as a stroller once you arrive.")
-    },
-    images: [
-      "090fc336.webp"
-    ],
-    prices: [
-      {
-        label: { fr: e("14€ / jour"), en: e("€14 / day") },
-        value: 1400,
-        unit: "day"
-      }
-    ]
-  },
-  {
-    id: "rear-bag-1",
-    name: { fr: e("Sac arrière (20L)"), en: e("Rear bag (20L)") },
-    images: [
-      "73b487e2.webp"
-    ],
-    prices: [
-      {
-        label: { fr: e("3€ / jour"), en: e("€3 / day") },
-        value: 300,
-        unit: "day"
-      }
-    ],
-    description: {
-      fr: e("Sac pour porte bagages arrière de 20L, qui se porte aussi en bandouilière"),
-      en: e("20L rear rack bag that can also be carried as a shoulder bag.")
-    }
-  },
-  {
-    id: "child-seat-1",
-    name: { fr: e("Siège Enfant"), en: e("Rear Child Seat") },
-    description: { fr: e("Siège enfant montage sur le porte bagage arrière"), en: e("Child seat mounted on the rear luggage rack") },
-    images: [
-      "65a391ad.webp"
-    ],
-    prices: [
-      {
-        label: { fr: e("5€ / jour"), en: e("€5 / day") },
-        value: 500,
-        unit: "day"
-      }
-    ]
-  },
-  {
-    id: "smartphone-mount-1",
-    name: { fr: e("Support smartphone"), en: e("Smartphone mount") },
-    description: { fr: e("Support universel pour accrocher votre smartphone au guidon."), en: e("Universal mount for attaching your smartphone to the handlebars.") },
-    images: [
-      "e025ffec.webp"
-    ],
-    prices: [
-      {
-        label: { fr: e("0€ / jour"), en: e("€0 / day") },
-        value: 0,
-        unit: "day"
-      }
-    ]
-  }
+//#region src/data/accessories.ts
+var e = /* @__PURE__ */ new Date("2025-01-01T00:00:00.000Z"), t = (t) => ({
+	value: t,
+	updatedAt: e
+}), n = {
+	size: "Size",
+	color: "Color",
+	min_height_cm: "Min height (cm)",
+	max_height_cm: "Max height (cm)"
+}, r = (e) => e.label ?? n[e.key] ?? e.key, i = (e, t) => ({
+	id: e,
+	computedName: t.map((e) => `${r(e)}: ${e.value}`).join(" / "),
+	attributes: t,
+	identifiers: [{
+		kind: "internal",
+		value: e
+	}]
+}), a = [
+	{
+		id: "helmet-adult-1",
+		name: {
+			fr: t("Casque adulte"),
+			en: t("Adult helmet")
+		},
+		description: {
+			fr: t("Casque de protection adulte, avec lumière arrière intégrée."),
+			en: t("Adult protection helmet with integrated rear light.")
+		},
+		images: [
+			"a914fafb.webp",
+			"665d4de5.webp",
+			"53f5e49a.webp"
+		],
+		prices: [{
+			label: {
+				fr: t("0€ / jour"),
+				en: t("€0 / day")
+			},
+			value: 0,
+			unit: "day"
+		}],
+		productVariants: [
+			i("helmet-adult-1-sm-black", [{
+				key: "size",
+				value: "S/M"
+			}, {
+				key: "color",
+				value: "Black"
+			}]),
+			i("helmet-adult-1-sm-high-vis", [{
+				key: "size",
+				value: "S/M"
+			}, {
+				key: "color",
+				value: "High Visibility"
+			}]),
+			i("helmet-adult-1-ml-black", [{
+				key: "size",
+				value: "M/L"
+			}, {
+				key: "color",
+				value: "Black"
+			}]),
+			i("helmet-adult-1-ml-high-vis", [{
+				key: "size",
+				value: "M/L"
+			}, {
+				key: "color",
+				value: "High Visibility"
+			}]),
+			i("helmet-adult-1-lxl-black", [{
+				key: "size",
+				value: "L/XL"
+			}, {
+				key: "color",
+				value: "Black"
+			}])
+		]
+	},
+	{
+		id: "helmet-kids-1",
+		name: {
+			fr: t("Casque Enfant"),
+			en: t("Kid's Helmet")
+		},
+		description: {
+			fr: t("Casque de protection pour enfant."),
+			en: t("Protective helmet for children.")
+		},
+		images: ["156ffa6c.webp"],
+		prices: [{
+			label: {
+				fr: t("0€ / jour"),
+				en: t("€0 / day")
+			},
+			value: 0,
+			unit: "day"
+		}],
+		productVariants: [i("helmet-kids-1-xs-green", [{
+			key: "size",
+			value: "XS"
+		}, {
+			key: "color",
+			value: "Green"
+		}]), i("helmet-kids-1-s-green", [{
+			key: "size",
+			value: "S"
+		}, {
+			key: "color",
+			value: "Green"
+		}])]
+	},
+	{
+		id: "kids-trailer-1",
+		name: {
+			fr: t("Remorque enfants"),
+			en: t("Kid's trailer")
+		},
+		description: {
+			fr: t("Remoque pour transporter 2 enfants, à vélo et sert de poussette une fois arrivé."),
+			en: t("Trailer for transporting 2 children by bike and serves as a stroller once you arrive.")
+		},
+		images: ["090fc336.webp"],
+		prices: [{
+			label: {
+				fr: t("14€ / jour"),
+				en: t("€14 / day")
+			},
+			value: 1400,
+			unit: "day"
+		}]
+	},
+	{
+		id: "rear-bag-1",
+		name: {
+			fr: t("Sac arrière (20L)"),
+			en: t("Rear bag (20L)")
+		},
+		images: ["73b487e2.webp"],
+		prices: [{
+			label: {
+				fr: t("3€ / jour"),
+				en: t("€3 / day")
+			},
+			value: 300,
+			unit: "day"
+		}],
+		description: {
+			fr: t("Sac pour porte bagages arrière de 20L, qui se porte aussi en bandouilière"),
+			en: t("20L rear rack bag that can also be carried as a shoulder bag.")
+		}
+	},
+	{
+		id: "child-seat-1",
+		name: {
+			fr: t("Siège Enfant"),
+			en: t("Rear Child Seat")
+		},
+		description: {
+			fr: t("Siège enfant montage sur le porte bagage arrière"),
+			en: t("Child seat mounted on the rear luggage rack")
+		},
+		images: ["65a391ad.webp"],
+		prices: [{
+			label: {
+				fr: t("5€ / jour"),
+				en: t("€5 / day")
+			},
+			value: 500,
+			unit: "day"
+		}]
+	},
+	{
+		id: "smartphone-mount-1",
+		name: {
+			fr: t("Support smartphone"),
+			en: t("Smartphone mount")
+		},
+		description: {
+			fr: t("Support universel pour accrocher votre smartphone au guidon."),
+			en: t("Universal mount for attaching your smartphone to the handlebars.")
+		},
+		images: ["e025ffec.webp"],
+		prices: [{
+			label: {
+				fr: t("0€ / jour"),
+				en: t("€0 / day")
+			},
+			value: 0,
+			unit: "day"
+		}]
+	}
 ];
-export {
-  s as accessories
-};
+//#endregion
+export { a as accessories };