@loczer/storefront-sdk 0.186.0 → 0.188.0

package/dist/StorefrontProvider.d.ts

@@ -125,6 +125,7 @@ export declare const loader: ({ ctx, params }: import('@rpcbase/client').LoaderA
             languages?: string[] | undefined;
         } | undefined;
         content?: {
+            heroMode: "current_booking_hero" | "booking_bar_overlay_hero" | "vertical_marquee_hero";
             galleryImageIds: string[];
             whatsappPhone1Enabled: boolean;
             whatsappPhone2Enabled: boolean;
@@ -358,6 +359,7 @@ export declare function useStorefrontConfig(): {
             languages?: string[] | undefined;
         } | undefined;
         content?: {
+            heroMode: "current_booking_hero" | "booking_bar_overlay_hero" | "vertical_marquee_hero";
             galleryImageIds: string[];
             whatsappPhone1Enabled: boolean;
             whatsappPhone2Enabled: boolean;
@@ -581,6 +583,7 @@ export declare function useStorefrontConfig(): {
             languages?: string[] | undefined;
         } | undefined;
         content?: {
+            heroMode: "current_booking_hero" | "booking_bar_overlay_hero" | "vertical_marquee_hero";
             galleryImageIds: string[];
             whatsappPhone1Enabled: boolean;
             whatsappPhone2Enabled: boolean;

package/dist/StorefrontProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StorefrontProvider.d.ts","sourceRoot":"","sources":["../src/StorefrontProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,EAIL,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAiC,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAA;AAEjG,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAA;AAGvB,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,uBAAuB,EAAE,uBAAuB,CAAA;IAChD,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,kBAAkB,EAAE,gBAAgB,EAAE,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,sBAAsB,CAAA;CACjC,CAAA;AAKD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DA,CAAA;AAGnB,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAqBzC;AAED,wBAAgB,aAAa,2BAQ5B;AAED,wBAAgB,qBAAqB,uCAEpC;AAED,wBAAgB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMlC;AAED,wBAAgB,8BAA8B,IAAI,sBAAsB,CAGvE;AAED,wBAAgB,qBAAqB;;;EAGpC;AAED,wBAAgB,4BAA4B;;;EAG3C"}
+{"version":3,"file":"StorefrontProvider.d.ts","sourceRoot":"","sources":["../src/StorefrontProvider.tsx"],"names":[],"mappings":"AAKA,OAAO,EAIL,KAAK,sBAAsB,EAC5B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAiC,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAA;AAEjG,OAAO,EAIL,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAA;AAGvB,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,uBAAuB,EAAE,uBAAuB,CAAA;IAChD,KAAK,EAAE,WAAW,EAAE,CAAA;IACpB,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,kBAAkB,EAAE,gBAAgB,EAAE,CAAA;IACtC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,sBAAsB,CAAA;CACjC,CAAA;AAKD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DA,CAAA;AAGnB,MAAM,CAAC,OAAO,UAAU,kBAAkB,4CAqBzC;AAED,wBAAgB,aAAa,2BAQ5B;AAED,wBAAgB,qBAAqB,uCAEpC;AAED,wBAAgB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMlC;AAED,wBAAgB,8BAA8B,IAAI,sBAAsB,CAGvE;AAED,wBAAgB,qBAAqB;;;EAGpC;AAED,wBAAgB,4BAA4B;;;EAG3C"}

package/dist/chunks/booking-engine/dist/models/{Product.shared-CTuk4fiR.js → Product.shared-IYOeC3N7.js}

@@ -33,6 +33,10 @@ var m = o.object({
 	attributes: o.array(h).default([]),
 	identifiers: o.array(m).default([])
 }), _ = o.object({
+	enabled: o.boolean().default(!1),
+	pricePerDayMinor: i.default(0),
+	deductibleAmountMinor: i.default(0)
+}), v = o.object({
 	_id: e,
 	kind: s,
 	name: r,
@@ -41,12 +45,10 @@ var m = o.object({
 	images: o.array(l).optional(),
 	prices: o.array(a).optional(),
 	depositAmount: i.default(0),
-	insurance: o.object({
-		enabled: o.boolean().default(!1),
-		pricePerDayMinor: i.default(0)
-	}).default({
+	insurance: _.default({
 		enabled: !1,
-		pricePerDayMinor: 0
+		pricePerDayMinor: 0,
+		deductibleAmountMinor: 0
 	}),
 	bufferStartMinutes: o.number().int().min(0).optional(),
 	bufferEndMinutes: o.number().int().min(0).optional(),
@@ -54,13 +56,13 @@ var m = o.object({
 	createdAt: t,
 	updatedAt: t,
 	productVariants: o.array(g).min(1)
-}), v = _.extend({ features: n.optional() }), y = v.extend({ kind: o.literal("bike") }), b = v.extend({ kind: o.literal("e-bike") }), x = _.extend({
+}), y = v.extend({ features: n.optional() }), b = y.extend({ kind: o.literal("bike") }), x = y.extend({ kind: o.literal("e-bike") }), S = v.extend({
 	kind: o.literal("accessory"),
 	prices: o.array(a)
-}), S = o.discriminatedUnion("kind", [
-	y,
+}), C = o.discriminatedUnion("kind", [
 	b,
-	x
+	x,
+	S
 ]);
 //#endregion
-export { u as PRODUCT_VARIANT_CODE_IDENTIFIER_KIND, d as PRODUCT_VARIANT_CODE_MAX_LENGTH, x as accessoryProductSchema, y as bikeProductSchema, b as eBikeProductSchema, p as isProductVariantCodeIdentifierKind, s as productKindSchema, S as productSchema, c as productStorefrontDisplayModeSchema, h as productVariantAttributeSchema, f as productVariantCodeSchema, m as productVariantIdentifierSchema, g as productVariantSchema };
+export { u as PRODUCT_VARIANT_CODE_IDENTIFIER_KIND, d as PRODUCT_VARIANT_CODE_MAX_LENGTH, S as accessoryProductSchema, b as bikeProductSchema, x as eBikeProductSchema, p as isProductVariantCodeIdentifierKind, _ as productInsuranceSchema, s as productKindSchema, C as productSchema, c as productStorefrontDisplayModeSchema, h as productVariantAttributeSchema, f as productVariantCodeSchema, m as productVariantIdentifierSchema, g as productVariantSchema };

package/dist/chunks/booking-engine/dist/schemas/{base-asset-B_Dm8_Vk.js → base-asset-zsUj5_3O.js}

@@ -1,5 +1,5 @@
 import { booleanNumberRecordSchema as e, identifierSchema as t, isoDateTimeSchema as n } from "../models/types-rIp4ReXN.js";
-import { productVariantIdentifierSchema as r } from "../models/Product.shared-CTuk4fiR.js";
+import { productVariantIdentifierSchema as r } from "../models/Product.shared-IYOeC3N7.js";
 import { z as i } from "zod";
 //#region ../booking-engine/dist/schemas/base-asset.js
 var a = i.enum([

package/dist/chunks/booking-engine/dist/schemas/{base-booking-DW8AEPKo.js → base-booking-TzCge_mR.js}

@@ -1,8 +1,8 @@
 import { identifierSchema as e, isoDateTimeSchema as t, objectIdStringSchema as n, ulidStringSchema as r } from "../models/types-rIp4ReXN.js";
 import { moneyMinorSchema as i } from "./money-CVoCY4of.js";
-import { productKindSchema as a } from "../models/Product.shared-CTuk4fiR.js";
+import { productKindSchema as a } from "../models/Product.shared-IYOeC3N7.js";
 import { richTextSchema as o } from "./rich-text-DTRh7U3z.js";
-import { cancellationPolicySchema as s } from "./booking-engine-configuration-D02MRF9U.js";
+import { cancellationPolicySchema as s } from "./booking-engine-configuration-LnrhShqm.js";
 import { z as c } from "zod";
 //#region ../booking-engine/dist/schemas/base-booking.js
 var l = c.enum([

package/dist/chunks/booking-engine/dist/schemas/{base-product-1H8l2aUv.js → base-product-DvFFzAcg.js}

@@ -1,3 +1,3 @@
 import "../models/LocalizedString-D_TRgAdr.js";
 import "../models/Price-DCAgqkKh.js";
-import "../models/Product.shared-CTuk4fiR.js";
+import "../models/Product.shared-IYOeC3N7.js";

package/dist/chunks/booking-engine/dist/schemas/{booking-engine-configuration-D02MRF9U.js → booking-engine-configuration-LnrhShqm.js}

@@ -48,7 +48,10 @@ var a = i.enum([
 			"upToHours"
 		]
 	});
-}), _ = { tiers: [] }, v = i.object({ mode: i.enum([
+}), _ = { tiers: [{
+	upToHours: 24,
+	refundPercentage: .975
+}] }, v = i.object({ mode: i.enum([
 	"disabled",
 	"optional",
 	"required"

package/dist/chunks/booking-engine/dist/schemas/{cart-inputs-j1yWfJxO.js → cart-inputs-B0HpcFe5.js}

@@ -2,7 +2,7 @@ import { identifierSchema as e } from "../models/types-rIp4ReXN.js";
 import { moneyMinorSchema as t } from "./money-CVoCY4of.js";
 import { richTextSchema as n } from "./rich-text-DTRh7U3z.js";
 import { isoDateSchema as r, timeOfDaySchema as i } from "./shop-opening-hours-BlLD1gfz.js";
-import { fulfillmentModeSchema as a } from "./public-booking-engine-configuration-BnJ_H-p1.js";
+import { fulfillmentModeSchema as a } from "./public-booking-engine-configuration-CEM9mexX.js";
 import { z as o } from "zod";
 //#region ../booking-engine/dist/schemas/cart-inputs.js
 var s = o.object({

package/dist/chunks/booking-engine/dist/schemas/{public-booking-engine-configuration-BnJ_H-p1.js → public-booking-engine-configuration-CEM9mexX.js}

@@ -1,5 +1,5 @@
 import { timeOfDaySchema as e } from "./shop-opening-hours-BlLD1gfz.js";
-import { bookingEngineConfigurationSchema as t, checkoutConfigurationSchema as n } from "./booking-engine-configuration-D02MRF9U.js";
+import { bookingEngineConfigurationSchema as t, checkoutConfigurationSchema as n } from "./booking-engine-configuration-LnrhShqm.js";
 import { z as r } from "zod";
 //#region ../booking-engine/dist/schemas/public-booking-engine-configuration.js
 var i = r.enum(["pickup", "delivery"]), a = r.object({

package/dist/chunks/booking-engine/dist/schemas-BNUzqsci.js

@@ -0,0 +1,13 @@
+import { createLocalizedStringEntry as e, getLocalizedStringValue as t, localizedStringArraySchema as n, localizedStringEntrySchema as r, localizedStringSchema as i } from "./models/LocalizedString-D_TRgAdr.js";
+import { currencyCodeSchema as a, currencyMinorUnitDigits as o, majorToMinor as s, minorToMajor as c, moneyMinorSchema as l, signedMoneyMinorSchema as u } from "./schemas/money-CVoCY4of.js";
+import { priceSchema as d, priceUnitSchema as f } from "./models/Price-DCAgqkKh.js";
+import { PRODUCT_VARIANT_CODE_IDENTIFIER_KIND as p, PRODUCT_VARIANT_CODE_MAX_LENGTH as m, accessoryProductSchema as h, bikeProductSchema as g, eBikeProductSchema as _, isProductVariantCodeIdentifierKind as v, productInsuranceSchema as y, productKindSchema as b, productSchema as x, productStorefrontDisplayModeSchema as S, productVariantAttributeSchema as C, productVariantCodeSchema as w, productVariantIdentifierSchema as T, productVariantSchema as E } from "./models/Product.shared-IYOeC3N7.js";
+import { richTextJsonDocSchema as D, richTextSchema as O, richTextVersionSchema as k } from "./schemas/rich-text-DTRh7U3z.js";
+import { isoDateSchema as A, shopConfigurationSchema as j, shopExtraTimeSlotRuleSchema as M, shopOpeningDayIndexSchema as N, shopOpeningDaySchema as P, shopOpeningHoursOverrideSchema as F, shopOpeningHoursPeriodSchema as I, shopOpeningSlotSchema as L, timeOfDaySchema as R } from "./schemas/shop-opening-hours-BlLD1gfz.js";
+import { DEFAULT_CANCELLATION_POLICY as z, DEFAULT_PAYMENT_POLICIES as B, cancellationPolicySchema as V, cancellationPolicyTierSchema as H, paymentPoliciesSchema as U } from "./schemas/booking-engine-configuration-LnrhShqm.js";
+import { fulfillmentModeSchema as W, publicBookingEngineConfigurationSchema as G, publicCheckoutConfigurationSchema as K, publicCheckoutDynamicOptionsSchema as q } from "./schemas/public-booking-engine-configuration-CEM9mexX.js";
+import { DEFAULT_BOOKING_DELIVERY_OPTION as J, bookingCustomerInputSchema as Y, bookingDeliveryOptionSchema as X, bookingScheduleInputSchema as Z, cartItemInputSchema as Q, createBookingInputBaseSchema as $, createBookingInputSchema as ee, resolveBookingDeliveryOption as te, validateBookingDeliveryAddress as ne } from "./schemas/cart-inputs-B0HpcFe5.js";
+import "./schemas/base-product-DvFFzAcg.js";
+import { baseAssetSchema as re, baseAssetStatusSchema as ie } from "./schemas/base-asset-zsUj5_3O.js";
+import { baseBookingItemSchema as ae, baseBookingSchema as oe, baseBookingStateSchema as se } from "./schemas/base-booking-TzCge_mR.js";
+export { J as DEFAULT_BOOKING_DELIVERY_OPTION, z as DEFAULT_CANCELLATION_POLICY, B as DEFAULT_PAYMENT_POLICIES, p as PRODUCT_VARIANT_CODE_IDENTIFIER_KIND, m as PRODUCT_VARIANT_CODE_MAX_LENGTH, h as accessoryProductSchema, re as baseAssetSchema, ie as baseAssetStatusSchema, ae as baseBookingItemSchema, oe as baseBookingSchema, se as baseBookingStateSchema, g as bikeProductSchema, Y as bookingCustomerInputSchema, X as bookingDeliveryOptionSchema, Z as bookingScheduleInputSchema, V as cancellationPolicySchema, H as cancellationPolicyTierSchema, Q as cartItemInputSchema, $ as createBookingInputBaseSchema, ee as createBookingInputSchema, e as createLocalizedStringEntry, a as currencyCodeSchema, o as currencyMinorUnitDigits, _ as eBikeProductSchema, W as fulfillmentModeSchema, t as getLocalizedStringValue, v as isProductVariantCodeIdentifierKind, A as isoDateSchema, n as localizedStringArraySchema, r as localizedStringEntrySchema, i as localizedStringSchema, s as majorToMinor, c as minorToMajor, l as moneyMinorSchema, U as paymentPoliciesSchema, d as priceSchema, f as priceUnitSchema, y as productInsuranceSchema, b as productKindSchema, x as productSchema, S as productStorefrontDisplayModeSchema, C as productVariantAttributeSchema, w as productVariantCodeSchema, T as productVariantIdentifierSchema, E as productVariantSchema, G as publicBookingEngineConfigurationSchema, K as publicCheckoutConfigurationSchema, q as publicCheckoutDynamicOptionsSchema, te as resolveBookingDeliveryOption, D as richTextJsonDocSchema, O as richTextSchema, k as richTextVersionSchema, j as shopConfigurationSchema, M as shopExtraTimeSlotRuleSchema, N as shopOpeningDayIndexSchema, P as shopOpeningDaySchema, F as shopOpeningHoursOverrideSchema, I as shopOpeningHoursPeriodSchema, L as shopOpeningSlotSchema, u as signedMoneyMinorSchema, R as timeOfDaySchema, ne as validateBookingDeliveryAddress };

package/dist/components/Header/index.js

@@ -12,27 +12,27 @@ import { cn as d, useScrollHideOnDown as f } from "@rpcbase/ui";
 import { useMediaQuery as p, useThrottledMeasure as m } from "@rpcbase/client";
 import { Link as h, useLocation as g, useParams as _ } from "@rpcbase/router";
 import { useTranslation as v } from "react-i18next";
-import { ArrowRight as y, Bike as b, ShoppingCart as x } from "lucide-react";
+import { ArrowRight as y, ShoppingCart as b } from "lucide-react";
 //#region src/components/Header/index.tsx
-var S = 36, C = (e, t) => {
+var x = 36, S = (e, t) => {
 	let n = e?.trim() ?? "";
 	return n ? r(n, t ?? "") : "";
 };
-function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay: T }) {
-	let { t: E, i18n: D } = v(), { storeSlug: O } = _(), k = g(), { itemCount: A } = t(), j = p("(max-width: 640px)"), [M, ee] = m(), N = ee?.height ?? S, P = f({
-		enabled: j,
+function C({ storefrontConfiguration: r, whatsappHref: C, whatsappPhoneDisplay: w }) {
+	let { t: T, i18n: E } = v(), { storeSlug: D } = _(), O = g(), { itemCount: k } = t(), A = p("(max-width: 640px)"), [j, M] = m(), N = M?.height ?? x, P = f({
+		enabled: A,
 		thresholdPx: N
-	}), F = j && P ? `translateY(-${N}px)` : "translateY(0)", I = () => {
-		let e = D.language.startsWith("fr") ? "en" : "fr";
-		D.changeLanguage(e);
-	}, L = `/${O ?? ""}`, R = e(new URLSearchParams(k.search), O).toString(), z = R ? `?${R}` : "", B = `${L}/booking${z}`, V = `${L}/checkout${z}`, H = r?.shop.name?.trim() ?? "", U = r?.shop.emailAddress?.trim() ?? "", W = r?.workspace?.workspaceLanguage, G = n(r?.content?.tagline, D.language, W).trim(), K = o(r?.shop), q = G || K || "[Missing shop address]", J = !G && !K, Y = n(r?.content?.topBannerMessage, D.language, W).trim() || E("top_bar_message"), X = C(r?.content?.logoWideImageId, O), Z = C(r?.shop.logoImageId ?? r?.content?.logoSquareImageId, O), Q = X.length > 0, $ = Z.length > 0;
+	}), F = A && P ? `translateY(-${N}px)` : "translateY(0)", I = () => {
+		let e = E.language.startsWith("fr") ? "en" : "fr";
+		E.changeLanguage(e);
+	}, L = `/${D ?? ""}`, R = e(new URLSearchParams(O.search), D).toString(), z = R ? `?${R}` : "", B = `${L}/booking${z}`, V = `${L}/checkout${z}`, H = r?.shop.name?.trim() ?? "", U = r?.shop.emailAddress?.trim() ?? "", W = r?.workspace?.workspaceLanguage, G = n(r?.content?.tagline, E.language, W).trim(), K = o(r?.shop), q = G || K || "[Missing shop address]", J = !G && !K, Y = n(r?.content?.topBannerMessage, E.language, W).trim() || T("top_bar_message"), X = S(r?.content?.logoWideImageId, D), Z = S(r?.shop.logoImageId ?? r?.content?.logoSquareImageId, D), Q = X.length > 0, $ = Z.length > 0;
 	return /* @__PURE__ */ u("div", {
 		className: "sticky top-0 z-30",
 		children: [/* @__PURE__ */ l("div", {
 			className: "transition-transform duration-300",
 			style: { transform: F },
 			children: /* @__PURE__ */ l("div", {
-				ref: M,
+				ref: j,
 				className: "bg-slate-950 text-white",
 				children: /* @__PURE__ */ u("div", {
 					className: "mx-auto flex max-w-7xl items-center justify-between gap-3 px-4 py-2 text-xs sm:px-6",
@@ -49,18 +49,18 @@ function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay:
 						}) : /* @__PURE__ */ l("span", {
 							className: "inline-flex items-center rounded-md px-2 py-1 text-destructive",
 							children: a
-						}), w ? /* @__PURE__ */ u("a", {
+						}), C ? /* @__PURE__ */ u("a", {
 							className: "inline-flex items-center gap-2 rounded-md px-2 py-1 text-white/90 hover:bg-white/10 hover:text-white",
-							href: w,
+							href: C,
 							target: "_blank",
 							rel: "noreferrer",
-							"aria-label": `WhatsApp${T ? ` ${T}` : ""}`,
+							"aria-label": `WhatsApp${w ? ` ${w}` : ""}`,
 							children: [/* @__PURE__ */ l("img", {
 								src: i,
 								className: "h-5 w-5 shrink-0",
 								alt: "",
 								"aria-hidden": "true"
-							}), T ? /* @__PURE__ */ l("span", { children: T }) : null]
+							}), w ? /* @__PURE__ */ l("span", { children: w }) : null]
 						}) : null]
 					})]
 				})
@@ -83,10 +83,11 @@ function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay:
 								"aria-hidden": "true"
 							})
 						}) : Q ? null : /* @__PURE__ */ l("span", {
-							className: "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-slate-950 text-white",
-							children: /* @__PURE__ */ l(b, {
-								className: "h-5 w-5",
-								"aria-hidden": "true"
+							className: "inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border-2 border-dashed border-slate-300 bg-slate-50 text-slate-400",
+							children: /* @__PURE__ */ l("span", {
+								className: "text-lg font-semibold leading-none",
+								"aria-hidden": "true",
+								children: "?"
 							})
 						}), /* @__PURE__ */ u("span", {
 							className: "flex min-w-0 flex-col leading-tight",
@@ -109,22 +110,22 @@ function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay:
 							/* @__PURE__ */ l(h, {
 								className: "hover:text-slate-950",
 								to: `${L}${z}#categories`,
-								children: /* @__PURE__ */ l("span", { children: E("nav_categories") })
+								children: /* @__PURE__ */ l("span", { children: T("nav_categories") })
 							}),
 							/* @__PURE__ */ l(h, {
 								className: "hover:text-slate-950",
 								to: `${L}${z}#featured`,
-								children: /* @__PURE__ */ l("span", { children: E("nav_featured") })
+								children: /* @__PURE__ */ l("span", { children: T("nav_featured") })
 							}),
 							/* @__PURE__ */ l(h, {
 								className: "hover:text-slate-950",
 								to: B,
-								children: /* @__PURE__ */ l("span", { children: E("nav_products") })
+								children: /* @__PURE__ */ l("span", { children: T("nav_products") })
 							}),
 							/* @__PURE__ */ l(h, {
 								className: "hover:text-slate-950",
 								to: `${L}${z}#contact`,
-								children: /* @__PURE__ */ l("span", { children: E("nav_contact") })
+								children: /* @__PURE__ */ l("span", { children: T("nav_contact") })
 							})
 						]
 					}),
@@ -136,24 +137,24 @@ function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay:
 								size: "sm",
 								className: "hidden sm:inline-flex",
 								onClick: I,
-								children: /* @__PURE__ */ l("span", { children: E("language_toggle") })
+								children: /* @__PURE__ */ l("span", { children: T("language_toggle") })
 							}),
 							/* @__PURE__ */ l(c, {
 								asChild: !0,
 								variant: "outline",
 								size: "sm",
-								className: d("relative gap-2", A > 0 ? "inline-flex" : "hidden"),
+								className: d("relative gap-2", k > 0 ? "inline-flex" : "hidden"),
 								children: /* @__PURE__ */ u(h, {
 									to: V,
 									children: [
-										/* @__PURE__ */ l(x, {
+										/* @__PURE__ */ l(b, {
 											className: "h-4 w-4",
 											"aria-hidden": "true"
 										}),
-										/* @__PURE__ */ l("span", { children: E("cart_button") }),
+										/* @__PURE__ */ l("span", { children: T("cart_button") }),
 										/* @__PURE__ */ l(s, {
 											className: "absolute -right-2 -top-2 h-5 min-w-5 rounded-full px-1.5 text-xs",
-											children: /* @__PURE__ */ l("span", { children: A })
+											children: /* @__PURE__ */ l("span", { children: k })
 										})
 									]
 								})
@@ -164,7 +165,7 @@ function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay:
 								className: "gap-2",
 								children: /* @__PURE__ */ u(h, {
 									to: B,
-									children: [/* @__PURE__ */ l("span", { children: E("cta_book_now") }), /* @__PURE__ */ l(y, {
+									children: [/* @__PURE__ */ l("span", { children: T("cta_book_now") }), /* @__PURE__ */ l(y, {
 										className: "h-4 w-4",
 										"aria-hidden": "true"
 									})]
@@ -178,4 +179,4 @@ function w({ storefrontConfiguration: r, whatsappHref: w, whatsappPhoneDisplay:
 	});
 }
 //#endregion
-export { w as Header };
+export { C as Header };

package/dist/components/PlaygroundDevFloatingButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlaygroundDevFloatingButton/index.tsx"],"names":[],"mappings":"AAsDA,eAAO,MAAM,2BAA2B,sDAiWvC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlaygroundDevFloatingButton/index.tsx"],"names":[],"mappings":"AAqDA,eAAO,MAAM,2BAA2B,sDAoWvC,CAAA"}

package/dist/components/PlaygroundDevFloatingButton/index.js

@@ -1,12 +1,12 @@
 import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../../ui/button.js";
 import n from "../../chunks/assets/dev-D2oG3j7S.js";
-import { DEFAULT_PLAYGROUND_DEV_SETTINGS as r, resetPlaygroundDevSettings as i, usePlaygroundDevSettings as a, writePlaygroundDevSettings as o } from "../../lib/playgroundDevSettings.js";
-import { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import m from "interactjs";
+import { resetPlaygroundDevSettings as r, usePlaygroundDevSettings as i, writePlaygroundDevSettings as a } from "../../lib/playgroundDevSettings.js";
+import { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import p from "interactjs";
 //#region src/components/PlaygroundDevFloatingButton/index.tsx
-var h = [
+var m = [
 	{
 		value: "current_booking_hero",
 		label: "Current booking hero",
@@ -22,58 +22,58 @@ var h = [
 		label: "Vertical marquee hero",
 		hint: "Keep the overlay booking bar and swap the static image for a vertical animated gallery"
 	}
-], g = () => {
-	let g = a(), [_, v] = d(!1), [y, b] = d({
+], h = () => {
+	let h = i(), [g, _] = u(!1), [v, y] = u({
 		horizontal: "left",
 		vertical: "above"
-	}), x = u(null), S = u(null), C = u(null), w = u(!1), T = u(!1), E = u({
+	}), b = l(null), x = l(null), S = l(null), C = l(!1), w = l(!1), T = l({
 		x: 0,
 		y: 0
-	}), D = u(null), O = u(null), k = g.heroMode !== r.heroMode, A = s((e) => {
-		o({
-			...g,
+	}), E = l(null), D = l(null), O = h.heroMode !== null, k = o((e) => {
+		a({
+			...h,
 			heroMode: e
 		});
-	}, [g]), j = s(() => {
-		x.current != null && (window.clearTimeout(x.current), x.current = null);
-	}, []), M = s(() => {
-		let e = S.current, t = C.current;
+	}, [h]), A = o(() => {
+		b.current != null && (window.clearTimeout(b.current), b.current = null);
+	}, []), j = o(() => {
+		let e = x.current, t = S.current;
 		if (!e || !t || typeof window > "u") return;
 		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = n.left + r.width + 16 > i ? "right" : "left", o = n.top - r.height - 16 < 0 ? "below" : "above";
-		b((e) => e.horizontal === a && e.vertical === o ? e : {
+		y((e) => e.horizontal === a && e.vertical === o ? e : {
 			horizontal: a,
 			vertical: o
 		});
-	}, []), N = s(() => {
-		w.current || T.current || (j(), v(!0), window.requestAnimationFrame(() => {
-			M();
+	}, []), M = o(() => {
+		C.current || w.current || (A(), _(!0), window.requestAnimationFrame(() => {
+			j();
 		}));
-	}, [j, M]), P = s(() => {
-		w.current || T.current || (j(), x.current = window.setTimeout(() => {
-			v(!1), x.current = null;
+	}, [A, j]), N = o(() => {
+		C.current || w.current || (A(), b.current = window.setTimeout(() => {
+			_(!1), b.current = null;
 		}, 120));
-	}, [j]), F = s(() => {
-		j(), v(!1);
-	}, [j]);
-	return c(() => {
-		if (!_) return;
-		M();
-		let e = () => M();
+	}, [A]), P = o(() => {
+		A(), _(!1);
+	}, [A]);
+	return s(() => {
+		if (!g) return;
+		j();
+		let e = () => j();
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, [_, M]), c(() => () => j(), [j]), c(() => {
-		let e = S.current;
+	}, [g, j]), s(() => () => A(), [A]), s(() => {
+		let e = x.current;
 		if (!e || typeof window > "u") return;
 		let t = e.getBoundingClientRect();
-		D.current = {
+		E.current = {
 			left: t.left,
 			top: t.top,
 			width: t.width,
 			height: t.height
 		};
 		let n = () => {
-			if (!D.current) return E.current;
-			let { left: e, top: t, width: n, height: r } = D.current, i = 8 - e, a = 8 - t, o = window.innerWidth - 8 - n - e, s = window.innerHeight - 8 - r - t, c = Math.min(Math.max(E.current.x, i), o), l = Math.min(Math.max(E.current.y, a), s);
-			return E.current = {
+			if (!E.current) return T.current;
+			let { left: e, top: t, width: n, height: r } = E.current, i = 8 - e, a = 8 - t, o = window.innerWidth - 8 - n - e, s = window.innerHeight - 8 - r - t, c = Math.min(Math.max(T.current.x, i), o), l = Math.min(Math.max(T.current.y, a), s);
+			return T.current = {
 				x: c,
 				y: l
 			}, {
@@ -88,124 +88,131 @@ var h = [
 			let { x: t, y: r } = n();
 			e.style.transform = `translate3d(${t}px, ${r}px, 0)`;
 		}, i = () => {
-			O.current != null && (cancelAnimationFrame(O.current), O.current = null), T.current = !1;
+			D.current != null && (cancelAnimationFrame(D.current), D.current = null), w.current = !1;
 		}, a = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches, o = (t, o) => {
 			if (a) {
-				r(), T.current = !1;
+				r(), w.current = !1;
 				return;
 			}
 			let s = performance.now();
-			T.current = !0;
+			w.current = !0;
 			let c = .92, l = .7, u = (r) => {
 				let a = (r - s) / 1e3;
-				s = r, E.current.x += t * a, E.current.y += o * a;
+				s = r, T.current.x += t * a, T.current.y += o * a;
 				let { minX: d, minY: f, maxX: p, maxY: m } = n();
-				if (E.current.x <= d + .001 && t < 0 ? (E.current.x = d, t = -t * l) : E.current.x >= p - .001 && t > 0 && (E.current.x = p, t = -t * l), E.current.y <= f + .001 && o < 0 ? (E.current.y = f, o = -o * l) : E.current.y >= m - .001 && o > 0 && (E.current.y = m, o = -o * l), t *= c, o *= c, e.style.transform = `translate3d(${E.current.x}px, ${E.current.y}px, 0)`, Math.hypot(t, o) < 20) {
+				if (T.current.x <= d + .001 && t < 0 ? (T.current.x = d, t = -t * l) : T.current.x >= p - .001 && t > 0 && (T.current.x = p, t = -t * l), T.current.y <= f + .001 && o < 0 ? (T.current.y = f, o = -o * l) : T.current.y >= m - .001 && o > 0 && (T.current.y = m, o = -o * l), t *= c, o *= c, e.style.transform = `translate3d(${T.current.x}px, ${T.current.y}px, 0)`, Math.hypot(t, o) < 20) {
 					i();
 					return;
 				}
-				O.current = requestAnimationFrame(u);
+				D.current = requestAnimationFrame(u);
 			};
-			O.current = requestAnimationFrame(u);
-		}, s = m(e).draggable({ inertia: !1 }).styleCursor(!1).on("dragstart", () => {
-			i(), w.current = !0, v(!1), j();
+			D.current = requestAnimationFrame(u);
+		}, s = p(e).draggable({ inertia: !1 }).styleCursor(!1).on("dragstart", () => {
+			i(), C.current = !0, _(!1), A();
 		}).on("dragmove", (e) => {
-			E.current.x += e.dx, E.current.y += e.dy, r();
+			T.current.x += e.dx, T.current.y += e.dy, r();
 		}).on("dragend", (e) => {
 			let t = Number.isFinite(e.velocityX) ? e.velocityX : 0, n = Number.isFinite(e.velocityY) ? e.velocityY : 0;
-			w.current = !1, Math.hypot(t, n) >= 10 ? o(t, n) : (r(), i()), M();
+			C.current = !1, Math.hypot(t, n) >= 10 ? o(t, n) : (r(), i()), j();
 		}), c = () => {
 			let t = e.getBoundingClientRect();
-			D.current = {
-				left: t.left - E.current.x,
-				top: t.top - E.current.y,
+			E.current = {
+				left: t.left - T.current.x,
+				top: t.top - T.current.y,
 				width: t.width,
 				height: t.height
-			}, r(), M();
+			}, r(), j();
 		};
-		return window.addEventListener("resize", c), r(), M(), () => {
+		return window.addEventListener("resize", c), r(), j(), () => {
 			s.unset(), i(), window.removeEventListener("resize", c);
 		};
-	}, [j, M]), l(() => !1, []) ? /* @__PURE__ */ f("div", {
+	}, [A, j]), c(() => !1, []) ? /* @__PURE__ */ d("div", {
 		className: "fixed bottom-4 left-4 z-50 pointer-events-none select-none",
-		children: /* @__PURE__ */ f("div", {
-			ref: S,
+		children: /* @__PURE__ */ d("div", {
+			ref: x,
 			className: "pointer-events-auto",
 			style: { touchAction: "none" },
-			children: /* @__PURE__ */ p("div", {
+			children: /* @__PURE__ */ f("div", {
 				className: "relative",
-				onMouseEnter: N,
-				onMouseLeave: P,
-				onFocusCapture: N,
+				onMouseEnter: M,
+				onMouseLeave: N,
+				onFocusCapture: M,
 				onBlurCapture: (e) => {
 					let t = e.relatedTarget;
-					(!t || !e.currentTarget.contains(t)) && P();
+					(!t || !e.currentTarget.contains(t)) && N();
 				},
-				children: [/* @__PURE__ */ f("button", {
+				children: [/* @__PURE__ */ d("button", {
 					type: "button",
 					"aria-label": "Playground developer tools",
 					className: e("inline-flex h-14 w-14 md:h-12 md:w-12 items-center justify-center rounded-full shadow-lg ring-1 transition-colors p-1 cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/90 focus-visible:ring-offset-2 focus-visible:ring-offset-pink-600", "bg-pink-600 hover:bg-pink-700 ring-pink-700"),
-					onMouseDown: F,
-					onTouchStart: F,
-					onFocus: N,
+					onMouseDown: P,
+					onTouchStart: P,
+					onFocus: M,
 					onKeyDown: (e) => {
-						e.key === "Escape" && (v(!1), j());
+						e.key === "Escape" && (_(!1), A());
 					},
-					children: /* @__PURE__ */ f("img", {
+					children: /* @__PURE__ */ d("img", {
 						src: n,
 						className: "h-9 w-9 md:h-8 md:w-8",
 						alt: "",
 						draggable: !1
 					})
-				}), /* @__PURE__ */ p("div", {
-					ref: C,
-					className: e("absolute w-80 rounded-xl border border-pink-500/40 bg-gray-950/95 text-gray-100 shadow-xl backdrop-blur-sm transition-all duration-150", y.vertical === "above" ? "bottom-full mb-3" : "top-full mt-3", y.horizontal === "left" ? "left-0" : "right-0", _ ? "pointer-events-auto opacity-100 translate-y-0" : "pointer-events-none opacity-0 translate-y-2"),
-					onMouseEnter: N,
-					onMouseLeave: P,
+				}), /* @__PURE__ */ f("div", {
+					ref: S,
+					className: e("absolute w-80 rounded-xl border border-pink-500/40 bg-gray-950/95 text-gray-100 shadow-xl backdrop-blur-sm transition-all duration-150", v.vertical === "above" ? "bottom-full mb-3" : "top-full mt-3", v.horizontal === "left" ? "left-0" : "right-0", g ? "pointer-events-auto opacity-100 translate-y-0" : "pointer-events-none opacity-0 translate-y-2"),
+					onMouseEnter: M,
+					onMouseLeave: N,
 					children: [
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ d("div", {
 							className: "px-4 py-3 border-b border-pink-500/40",
-							children: /* @__PURE__ */ f("p", {
+							children: /* @__PURE__ */ d("p", {
 								className: "text-sm font-semibold text-pink-200",
 								children: "Playground overrides"
 							})
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ f("div", {
 							className: "px-4 py-3 space-y-3",
-							children: [/* @__PURE__ */ f("p", {
-								className: "text-xs font-semibold uppercase tracking-wide text-pink-200",
-								children: "Hero layout"
-							}), h.map((t) => {
-								let n = g.heroMode === t.value;
-								return /* @__PURE__ */ p("label", {
-									className: "flex cursor-pointer items-start gap-3 rounded-lg border border-pink-500/30 p-2",
-									children: [/* @__PURE__ */ f("input", {
-										type: "radio",
-										name: "playground-hero-mode",
-										className: "mt-0.5 h-4 w-4 accent-pink-500",
-										checked: n,
-										onChange: () => A(t.value)
-									}), /* @__PURE__ */ p("span", {
-										className: "flex flex-col gap-1",
-										children: [/* @__PURE__ */ f("span", {
-											className: "text-sm font-medium text-gray-100",
-											children: t.label
+							children: [
+								/* @__PURE__ */ d("p", {
+									className: "text-xs font-semibold uppercase tracking-wide text-pink-200",
+									children: "Hero layout"
+								}),
+								O ? null : /* @__PURE__ */ d("p", {
+									className: "text-xs text-gray-400",
+									children: "Using the saved storefront configuration."
+								}),
+								m.map((t) => {
+									let n = h.heroMode === t.value;
+									return /* @__PURE__ */ f("label", {
+										className: "flex cursor-pointer items-start gap-3 rounded-lg border border-pink-500/30 p-2",
+										children: [/* @__PURE__ */ d("input", {
+											type: "radio",
+											name: "playground-hero-mode",
+											className: "mt-0.5 h-4 w-4 accent-pink-500",
+											checked: n,
+											onChange: () => k(t.value)
 										}), /* @__PURE__ */ f("span", {
-											className: e("text-xs", n ? "text-pink-300" : "text-gray-400"),
-											children: t.hint
+											className: "flex flex-col gap-1",
+											children: [/* @__PURE__ */ d("span", {
+												className: "text-sm font-medium text-gray-100",
+												children: t.label
+											}), /* @__PURE__ */ d("span", {
+												className: e("text-xs", n ? "text-pink-300" : "text-gray-400"),
+												children: t.hint
+											})]
 										})]
-									})]
-								}, t.value);
-							})]
+									}, t.value);
+								})
+							]
 						}),
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ d("div", {
 							className: "px-4 pb-4",
-							children: /* @__PURE__ */ f(t, {
+							children: /* @__PURE__ */ d(t, {
 								type: "button",
 								variant: "outline",
-								className: e("w-full border border-pink-500/60 bg-pink-500/10 text-pink-100 hover:text-white hover:bg-pink-500/30 cursor-pointer", !k && "pointer-events-none opacity-60"),
-								onClick: i,
-								disabled: !k,
+								className: e("w-full border border-pink-500/60 bg-pink-500/10 text-pink-100 hover:text-white hover:bg-pink-500/30 cursor-pointer", !O && "pointer-events-none opacity-60"),
+								onClick: r,
+								disabled: !O,
 								children: "Reset overrides"
 							})
 						})
@@ -216,4 +223,4 @@ var h = [
 	}) : null;
 };
 //#endregion
-export { g as PlaygroundDevFloatingButton };
+export { h as PlaygroundDevFloatingButton };