@code-collective/booking-widget 1.0.4 → 1.0.6

package/dist/booking-widget.js

@@ -2959,7 +2959,7 @@ var Ai = "morii-checkout-cart", ji = "morii-checkout-cart-items", Mi = class {
 				issuedAt: "",
 				idleExpiresAt: "",
 				absoluteExpiresAt: t.absoluteExpiresAt
-			};
+			}, this.api.cartToken = t.cartToken;
 		} catch {}
 	}
 };
@@ -2967,44 +2967,138 @@ var Ai = "morii-checkout-cart", ji = "morii-checkout-cart-items", Mi = class {
 //#region node_modules/svelte/src/internal/disclose-version.js
 typeof window < "u" && ((window.__svelte ??= {}).v ??= /* @__PURE__ */ new Set()).add("5");
 //#endregion
+//#region src/lib/config.ts
+var Ri = [
+	{
+		title: "Option",
+		widgets: ["option", "age-category"]
+	},
+	{
+		title: "Schedule",
+		widgets: ["date", "time"]
+	},
+	{
+		title: "Pickup",
+		widgets: ["pickup"]
+	}
+], zi = {
+	"option-first": Ri,
+	"date-first": [
+		{
+			title: "Age & capacity",
+			widgets: ["age-category"]
+		},
+		{
+			title: "Schedule",
+			widgets: ["date", "time"]
+		},
+		{
+			title: "Option",
+			widgets: ["option"]
+		},
+		{
+			title: "Pickup",
+			widgets: ["pickup"]
+		}
+	]
+};
+function Bi(e) {
+	if (!e) return Ri;
+	if (e in zi) return zi[e];
+	try {
+		let t = JSON.parse(e);
+		if (Array.isArray(t) && t.length > 0 && t[0].widgets) return t;
+	} catch {}
+	return Ri;
+}
+var Vi = {
+	"option-first": [
+		{
+			title: "Option",
+			widgets: ["option"]
+		},
+		{
+			title: "Age, Date & Time",
+			widgets: [
+				"age-category",
+				"date",
+				"time"
+			]
+		},
+		{
+			title: "Pickup",
+			widgets: ["pickup"]
+		}
+	],
+	"date-first": [
+		{
+			title: "Age, Date & Time",
+			widgets: [
+				"age-category",
+				"date",
+				"time"
+			]
+		},
+		{
+			title: "Option",
+			widgets: ["option"]
+		},
+		{
+			title: "Pickup",
+			widgets: ["pickup"]
+		}
+	]
+};
+function Hi(e, t) {
+	if (t) {
+		if (t in Vi) return Vi[t];
+		try {
+			let e = JSON.parse(t);
+			if (Array.isArray(e) && e.length > 0 && e[0].widgets) return e;
+		} catch {}
+	}
+	let n = e ? e in zi ? e : null : "option-first";
+	return n ? Vi[n] : Bi(e);
+}
+//#endregion
 //#region src/lib/messages.ts
-function Ri(e) {
+function Ui(e) {
 	window.parent?.postMessage(JSON.stringify(e), "*");
 }
 //#endregion
 //#region src/lib/currency.ts
-var zi = {
+var Wi = {
 	ZAR: "R",
 	USD: "$",
 	EUR: "€",
 	GBP: "£"
 };
-function Bi(e, t, n, r = 0) {
+function Gi(e, t, n, r = 0) {
 	let i = e / 10 ** n;
-	return `${zi[t] ?? t}\u00A0${i.toFixed(r)}`;
+	return `${Wi[t] ?? t}\u00A0${i.toFixed(r)}`;
 }
 //#endregion
 //#region src/lib/SelectableCard.svelte
-var Vi = /* @__PURE__ */ J("<div class=\"leading\"><!></div>"), Hi = /* @__PURE__ */ J("<div class=\"heading svelte-idp8p9\"> </div>"), Ui = /* @__PURE__ */ J("<div class=\"body svelte-idp8p9\"> </div>"), Wi = /* @__PURE__ */ J("<button><div class=\"layout svelte-idp8p9\"><!> <div class=\"text svelte-idp8p9\"><!> <!> <!></div> <span></span></div></button>");
-function Gi(e, t) {
-	var n = Wi();
+var Ki = /* @__PURE__ */ J("<div class=\"leading\"><!></div>"), qi = /* @__PURE__ */ J("<div class=\"heading svelte-idp8p9\"> </div>"), Ji = /* @__PURE__ */ J("<div class=\"body svelte-idp8p9\"> </div>"), Yi = /* @__PURE__ */ J("<button><div class=\"layout svelte-idp8p9\"><!> <div class=\"text svelte-idp8p9\"><!> <!> <!></div> <span></span></div></button>");
+function Xi(e, t) {
+	var n = Yi();
 	let r;
 	var i = B(n), a = B(i), o = (e) => {
-		var n = Vi();
+		var n = Ki();
 		Mr(B(n), () => t.leading), j(n), Y(e, n);
 	};
 	Z(a, (e) => {
 		t.leading && e(o);
 	});
 	var s = H(a, 2), c = B(s), l = (e) => {
-		var n = Hi(), r = B(n, !0);
+		var n = qi(), r = B(n, !0);
 		j(n), U(() => X(r, t.heading)), Y(e, n);
 	};
 	Z(c, (e) => {
 		t.heading && e(l);
 	});
 	var u = H(c, 2), d = (e) => {
-		var n = Ui(), r = B(n, !0);
+		var n = Ji(), r = B(n, !0);
 		j(n), U(() => X(r, t.body)), Y(e, n);
 	};
 	Z(u, (e) => {
@@ -3028,19 +3122,19 @@ function Gi(e, t) {
 lr(["click"]);
 //#endregion
 //#region src/lib/OptionCard.svelte
-var Ki = /* @__PURE__ */ J("<p class=\"pricing svelte-19wqhng\"> </p>");
-function qi(e, t) {
+var Zi = /* @__PURE__ */ J("<p class=\"pricing svelte-19wqhng\"> </p>");
+function Qi(e, t) {
 	N(t, !0);
 	let n = /* @__PURE__ */ I(() => () => {
 		let e = [];
 		for (let n of t.option.units) {
 			if (!n.pricing || n.pricing.length === 0) continue;
 			let t = n.pricing[0];
-			e.push(`${n.title ?? n.id} from ${Bi(t.retail, t.currency, t.currencyPrecision)}`);
+			e.push(`${n.title ?? n.id} from ${Gi(t.retail, t.currency, t.currencyPrecision)}`);
 		}
 		return e.join(", ");
 	});
-	Gi(e, {
+	Xi(e, {
 		get selected() {
 			return t.selected;
 		},
@@ -3055,7 +3149,7 @@ function qi(e, t) {
 		},
 		children: (e, t) => {
 			var r = _r(), i = V(r), a = (e) => {
-				var t = Ki(), r = B(t, !0);
+				var t = Zi(), r = B(t, !0);
 				j(t), U((e) => X(r, e), [() => K(n)()]), Y(e, t);
 			}, o = /* @__PURE__ */ I(() => K(n)());
 			Z(i, (e) => {
@@ -3067,13 +3161,13 @@ function qi(e, t) {
 }
 //#endregion
 //#region src/lib/UnitCounter.svelte
-var Ji = /* @__PURE__ */ J("<span class=\"price svelte-bzhcxd\"> </span>"), Yi = /* @__PURE__ */ J("<div class=\"card row svelte-bzhcxd\"><div class=\"info svelte-bzhcxd\"><span class=\"name svelte-bzhcxd\"> </span> <!></div> <div class=\"stepper svelte-bzhcxd\"><button class=\"step-btn svelte-bzhcxd\" aria-label=\"Decrease\">&minus;</button> <span class=\"qty svelte-bzhcxd\"> </span> <button class=\"step-btn svelte-bzhcxd\" aria-label=\"Increase\">+</button></div></div>");
-function Xi(e, t) {
+var $i = /* @__PURE__ */ J("<span class=\"price svelte-bzhcxd\"> </span>"), ea = /* @__PURE__ */ J("<div class=\"card row svelte-bzhcxd\"><div class=\"info svelte-bzhcxd\"><span class=\"name svelte-bzhcxd\"> </span> <!></div> <div class=\"stepper svelte-bzhcxd\"><button class=\"step-btn svelte-bzhcxd\" aria-label=\"Decrease\">&minus;</button> <span class=\"qty svelte-bzhcxd\"> </span> <button class=\"step-btn svelte-bzhcxd\" aria-label=\"Increase\">+</button></div></div>");
+function ta(e, t) {
 	N(t, !0);
 	let n = /* @__PURE__ */ I(() => () => {
 		if (!t.unit.pricing || t.unit.pricing.length === 0) return "";
 		let e = t.unit.pricing[0];
-		return `from ${Bi(e.retail, e.currency, e.currencyPrecision)}`;
+		return `from ${Gi(e.retail, e.currency, e.currencyPrecision)}`;
 	});
 	function r() {
 		t.quantity > 0 && t.onChange(t.quantity - 1);
@@ -3081,10 +3175,10 @@ function Xi(e, t) {
 	function i() {
 		t.onChange(t.quantity + 1);
 	}
-	var a = Yi(), o = B(a), s = B(o), c = B(s, !0);
+	var a = ea(), o = B(a), s = B(o), c = B(s, !0);
 	j(s);
 	var l = H(s, 2), u = (e) => {
-		var t = Ji(), r = B(t, !0);
+		var t = $i(), r = B(t, !0);
 		j(t), U((e) => X(r, e), [() => K(n)()]), Y(e, t);
 	}, d = /* @__PURE__ */ I(() => K(n)());
 	Z(l, (e) => {
@@ -3100,8 +3194,8 @@ function Xi(e, t) {
 lr(["click"]);
 //#endregion
 //#region src/lib/AvailabilityCalendar.svelte
-var Zi = /* @__PURE__ */ J("<div class=\"loading-center\"><div class=\"spinner\"></div></div>"), Qi = /* @__PURE__ */ J("<span class=\"svelte-10gu2tq\"> </span>"), $i = /* @__PURE__ */ J("<span class=\"cell empty svelte-10gu2tq\"></span>"), ea = /* @__PURE__ */ J("<span class=\"day-price svelte-10gu2tq\"> </span>"), ta = /* @__PURE__ */ J("<button><span class=\"day-num svelte-10gu2tq\"> </span> <!></button>"), na = /* @__PURE__ */ J("<div class=\"header svelte-10gu2tq\"><button class=\"nav-btn svelte-10gu2tq\" aria-label=\"Previous month\">&lsaquo;</button> <span class=\"month svelte-10gu2tq\"> </span> <button class=\"nav-btn svelte-10gu2tq\" aria-label=\"Next month\">&rsaquo;</button></div> <div class=\"day-names svelte-10gu2tq\"></div> <div class=\"grid svelte-10gu2tq\"></div>", 1), ra = /* @__PURE__ */ J("<div class=\"calendar svelte-10gu2tq\"><!></div>");
-function ia(e, t) {
+var na = /* @__PURE__ */ J("<div class=\"loading-center\"><div class=\"spinner\"></div></div>"), ra = /* @__PURE__ */ J("<span class=\"svelte-10gu2tq\"> </span>"), ia = /* @__PURE__ */ J("<span class=\"cell empty svelte-10gu2tq\"></span>"), aa = /* @__PURE__ */ J("<span class=\"day-price svelte-10gu2tq\"> </span>"), oa = /* @__PURE__ */ J("<button><span class=\"day-num svelte-10gu2tq\"> </span> <!></button>"), sa = /* @__PURE__ */ J("<div class=\"header svelte-10gu2tq\"><button class=\"nav-btn svelte-10gu2tq\" aria-label=\"Previous month\">&lsaquo;</button> <span class=\"month svelte-10gu2tq\"> </span> <button class=\"nav-btn svelte-10gu2tq\" aria-label=\"Next month\">&rsaquo;</button></div> <div class=\"day-names svelte-10gu2tq\"></div> <div class=\"grid svelte-10gu2tq\"></div>", 1), ca = /* @__PURE__ */ J("<div class=\"calendar svelte-10gu2tq\"><!></div>");
+function la(e, t) {
 	N(t, !0);
 	let n = [
 		"SU",
@@ -3134,7 +3228,7 @@ function ia(e, t) {
 		if (!n || !n.available) return "";
 		if (n.unitPricing && n.unitPricing.length > 0) {
 			let e = n.unitPricing[0];
-			return Bi(e.retail, e.currency, e.currencyPrecision);
+			return Gi(e.retail, e.currency, e.currencyPrecision);
 		}
 		return "";
 	}
@@ -3148,30 +3242,30 @@ function ia(e, t) {
 	function f(e) {
 		c(e) !== "available" || d(e) || t.onDateSelected(e);
 	}
-	var p = ra(), m = B(p), h = (e) => {
-		Y(e, Zi());
+	var p = ca(), m = B(p), h = (e) => {
+		Y(e, na());
 	}, g = (e) => {
-		var t = na(), r = V(t), p = B(r), m = H(p, 2), h = B(m, !0);
+		var t = sa(), r = V(t), p = B(r), m = H(p, 2), h = B(m, !0);
 		j(m);
 		var g = H(m, 2);
 		j(r);
 		var _ = H(r, 2);
 		$(_, 21, () => n, Q, (e, t) => {
-			var n = Qi(), r = B(n, !0);
+			var n = ra(), r = B(n, !0);
 			j(n), U(() => X(r, K(t))), Y(e, n);
 		}), j(_);
 		var v = H(_, 2);
 		$(v, 21, () => K(i)(), Q, (e, t) => {
 			var n = _r(), r = V(n), i = (e) => {
-				Y(e, $i());
+				Y(e, ia());
 			}, a = (e) => {
 				let n = /* @__PURE__ */ I(() => c(K(t))), r = /* @__PURE__ */ I(() => d(K(t))), i = /* @__PURE__ */ I(() => l(K(t)));
-				var a = ta();
+				var a = oa();
 				let o;
 				var s = B(a), p = B(s, !0);
 				j(s);
 				var m = H(s, 2), h = (e) => {
-					var t = ea(), n = B(t, !0);
+					var t = aa(), n = B(t, !0);
 					j(t), U(() => X(n, K(i))), Y(e, t);
 				};
 				Z(m, (e) => {
@@ -3197,20 +3291,20 @@ function ia(e, t) {
 lr(["click"]);
 //#endregion
 //#region src/lib/TimeSlotPicker.svelte
-var aa = /* @__PURE__ */ J("<div class=\"loading-center\"><div class=\"spinner\"></div></div>"), oa = /* @__PURE__ */ J("<p class=\"hint svelte-1hu99a4\">All-day availability</p>"), sa = /* @__PURE__ */ J("<div class=\"slots svelte-1hu99a4\"></div>");
-function ca(e, t) {
+var ua = /* @__PURE__ */ J("<div class=\"loading-center\"><div class=\"spinner\"></div></div>"), da = /* @__PURE__ */ J("<p class=\"hint svelte-1hu99a4\">All-day availability</p>"), fa = /* @__PURE__ */ J("<div class=\"slots svelte-1hu99a4\"></div>");
+function pa(e, t) {
 	N(t, !0);
 	var n = _r(), r = V(n), i = (e) => {
-		Y(e, aa());
+		Y(e, ua());
 	}, a = (e) => {
-		Y(e, oa());
+		Y(e, da());
 	}, o = (e) => {
-		var n = sa();
+		var n = fa();
 		$(n, 21, () => t.timeSlots, Q, (e, n) => {
 			let r = /* @__PURE__ */ I(() => pi(K(n).localDateTimeStart));
 			{
 				let i = /* @__PURE__ */ I(() => t.selectedTime === K(r)), a = /* @__PURE__ */ I(() => K(n).vacancies == null ? void 0 : `${K(n).vacancies} left`);
-				Gi(e, {
+				Xi(e, {
 					get selected() {
 						return K(i);
 					},
@@ -3231,8 +3325,8 @@ function ca(e, t) {
 }
 //#endregion
 //#region src/lib/WizardPage.svelte
-var la = /* @__PURE__ */ J("<div class=\"wizard-header svelte-9w5z1v\"><h2 class=\"svelte-9w5z1v\">Buy Tickets</h2></div>"), ua = /* @__PURE__ */ J("<span></span>"), da = /* @__PURE__ */ J("<div class=\"page-dots svelte-9w5z1v\"></div>"), fa = /* @__PURE__ */ J("<div class=\"page-title-row svelte-9w5z1v\"><h3 class=\"page-title svelte-9w5z1v\"> </h3> <!></div>"), pa = /* @__PURE__ */ J("<span> </span>"), ma = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><div class=\"option-list svelte-9w5z1v\"></div></div>"), ha = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><div class=\"unit-list svelte-9w5z1v\"></div></div>"), ga = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><!></div>"), _a = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><div class=\"pickup-list svelte-9w5z1v\"></div></div>"), va = /* @__PURE__ */ J("<!> <!> <!> <!> <!>", 1), ya = /* @__PURE__ */ J("<div class=\"accordion-body svelte-9w5z1v\"></div>"), ba = /* @__PURE__ */ J("<div><button class=\"accordion-header svelte-9w5z1v\"><div class=\"accordion-header-text svelte-9w5z1v\"><span class=\"accordion-title svelte-9w5z1v\"> </span> <!></div> <span></span></button> <!></div>"), xa = /* @__PURE__ */ J("<div class=\"wizard-body svelte-9w5z1v\"></div> <div class=\"action-bar\"><button class=\"btn btn-secondary\">Return to Cart</button> <button class=\"btn btn-primary\">Save &amp; Update</button></div>", 1), Sa = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Options</h4> <div class=\"option-list svelte-9w5z1v\"></div></div>"), Ca = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">How many tickets?</h4> <div class=\"unit-list svelte-9w5z1v\"></div></div>"), wa = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Choose a date</h4> <!></div>"), Ta = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Select a time</h4> <!></div>"), Ea = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Select pickup point</h4> <div class=\"pickup-list svelte-9w5z1v\"></div></div>"), Da = /* @__PURE__ */ J("<button class=\"btn btn-secondary\"> </button>"), Oa = /* @__PURE__ */ J("<div class=\"wizard-body svelte-9w5z1v\"></div> <div class=\"action-bar\"><!> <button class=\"btn btn-primary\"> <span class=\"arrow\">&rarr;</span></button></div>", 1), ka = /* @__PURE__ */ J("<div class=\"dialog-backdrop svelte-9w5z1v\"><div class=\"dialog svelte-9w5z1v\"><h3 class=\"dialog-title svelte-9w5z1v\">You have unsaved changes</h3> <p class=\"dialog-body svelte-9w5z1v\">Would you like to proceed?</p> <div class=\"dialog-actions svelte-9w5z1v\"><button class=\"dialog-btn-text svelte-9w5z1v\">Discard changes</button> <button class=\"dialog-btn-fill svelte-9w5z1v\">Return to editing</button></div></div></div>"), Aa = /* @__PURE__ */ J("<div class=\"wizard svelte-9w5z1v\"><!> <!> <!></div> <!>", 1);
-function ja(e, t) {
+var ma = /* @__PURE__ */ J("<div class=\"wizard-header svelte-9w5z1v\"><h2 class=\"svelte-9w5z1v\">Buy Tickets</h2></div>"), ha = /* @__PURE__ */ J("<span></span>"), ga = /* @__PURE__ */ J("<div class=\"page-dots svelte-9w5z1v\"></div>"), _a = /* @__PURE__ */ J("<div class=\"page-title-row svelte-9w5z1v\"><h3 class=\"page-title svelte-9w5z1v\"> </h3> <!></div>"), va = /* @__PURE__ */ J("<span> </span>"), ya = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><div class=\"option-list svelte-9w5z1v\"></div></div>"), ba = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><div class=\"unit-list svelte-9w5z1v\"></div></div>"), xa = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><!></div>"), Sa = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><div class=\"pickup-list svelte-9w5z1v\"></div></div>"), Ca = /* @__PURE__ */ J("<!> <!> <!> <!> <!>", 1), wa = /* @__PURE__ */ J("<div class=\"accordion-body svelte-9w5z1v\"></div>"), Ta = /* @__PURE__ */ J("<div><button class=\"accordion-header svelte-9w5z1v\"><div class=\"accordion-header-text svelte-9w5z1v\"><span class=\"accordion-title svelte-9w5z1v\"> </span> <!></div> <span></span></button> <!></div>"), Ea = /* @__PURE__ */ J("<div class=\"wizard-body svelte-9w5z1v\"></div> <div class=\"action-bar\"><button class=\"btn btn-secondary\">Return to Cart</button> <button class=\"btn btn-primary\">Save &amp; Update</button></div>", 1), Da = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Options</h4> <div class=\"option-list svelte-9w5z1v\"></div></div>"), Oa = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">How many tickets?</h4> <div class=\"unit-list svelte-9w5z1v\"></div></div>"), ka = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Choose a date</h4> <!></div>"), Aa = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Select a time</h4> <!></div>"), ja = /* @__PURE__ */ J("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Select pickup point</h4> <div class=\"pickup-list svelte-9w5z1v\"></div></div>"), Ma = /* @__PURE__ */ J("<button class=\"btn btn-secondary\"> </button>"), Na = /* @__PURE__ */ J("<div class=\"wizard-body svelte-9w5z1v\"></div> <div class=\"action-bar\"><!> <button class=\"btn btn-primary\"> <span class=\"arrow\">&rarr;</span></button></div>", 1), Pa = /* @__PURE__ */ J("<div class=\"dialog-backdrop svelte-9w5z1v\"><div class=\"dialog svelte-9w5z1v\"><h3 class=\"dialog-title svelte-9w5z1v\">You have unsaved changes</h3> <p class=\"dialog-body svelte-9w5z1v\">Would you like to proceed?</p> <div class=\"dialog-actions svelte-9w5z1v\"><button class=\"dialog-btn-text svelte-9w5z1v\">Discard changes</button> <button class=\"dialog-btn-fill svelte-9w5z1v\">Return to editing</button></div></div></div>"), Fa = /* @__PURE__ */ J("<div class=\"wizard svelte-9w5z1v\"><!> <!> <!></div> <!>", 1);
+function Ia(e, t) {
 	N(t, !0);
 	let n = Xr(t, "editPages", 19, () => t.wizardPages), r = Xr(t, "autoSelectSingleTimeSlot", 3, !1), i = /* @__PURE__ */ I(() => t.editItem != null), a = /* @__PURE__ */ I(() => t.editItem && !K(re)() ? t.editItem.optionId : void 0), o = /* @__PURE__ */ R(0), s = /* @__PURE__ */ R(null), c = /* @__PURE__ */ R(Kt({})), l = /* @__PURE__ */ R(null), u = /* @__PURE__ */ R(null), d = /* @__PURE__ */ R(null), f = /* @__PURE__ */ R(null), p = /* @__PURE__ */ R(Kt({})), m = /* @__PURE__ */ R(Kt([])), h = /* @__PURE__ */ R(!1), g = /* @__PURE__ */ R(!1), _ = /* @__PURE__ */ R(!1), v = /* @__PURE__ */ R(!1), y = /* @__PURE__ */ R(0), b = /* @__PURE__ */ R(Kt(/* @__PURE__ */ new Set()));
 	function x(...e) {
@@ -3445,19 +3539,19 @@ function ja(e, t) {
 			currencyPrecision: a
 		});
 	}
-	var k = Aa(), Oe = V(k), A = B(Oe), ke = (e) => {
-		Y(e, la());
+	var k = Fa(), Oe = V(k), A = B(Oe), ke = (e) => {
+		Y(e, ma());
 	};
 	Z(A, (e) => {
 		K(i) || e(ke);
 	});
 	var Ae = H(A, 2), Me = (e) => {
-		var t = fa(), n = B(t), r = B(n, !0);
+		var t = _a(), n = B(t), r = B(n, !0);
 		j(n);
 		var i = H(n, 2), a = (e) => {
-			var t = da();
+			var t = ga();
 			$(t, 21, () => K(ce)(), Q, (e, t, n) => {
-				var r = ua();
+				var r = ha();
 				let i;
 				U(() => i = Fr(r, 1, "dot svelte-9w5z1v", null, i, { active: n === K(o) })), Y(e, r);
 			}), j(t), Y(e, t);
@@ -3470,15 +3564,15 @@ function ja(e, t) {
 		K(i) || e(Me);
 	});
 	var Ne = H(Ae, 2), Pe = (e) => {
-		var n = xa(), r = V(n);
+		var n = Ea(), r = V(n);
 		$(r, 21, () => K(he)(), Q, (e, n, r) => {
 			let i = /* @__PURE__ */ I(() => K(n).widgets.some((e) => K(b).has(e)));
-			var o = ba();
+			var o = Ta();
 			let d;
 			var _ = B(o), v = B(_), x = B(v), S = B(x, !0);
 			j(x);
 			var ee = H(x, 2), w = (e) => {
-				var t = pa();
+				var t = va();
 				let r;
 				var a = B(t, !0);
 				j(t), U((e) => {
@@ -3492,14 +3586,14 @@ function ja(e, t) {
 			let re;
 			j(_);
 			var ie = H(_, 2), ae = (e) => {
-				var r = ya();
+				var r = wa();
 				$(r, 21, () => K(n).widgets, Q, (e, n) => {
-					var r = va(), i = V(r), o = (e) => {
-						var n = ma(), r = B(n);
+					var r = Ca(), i = V(r), o = (e) => {
+						var n = ya(), r = B(n);
 						$(r, 21, () => t.product.options, Q, (e, t) => {
 							{
 								let n = /* @__PURE__ */ I(() => K(s)?.id === K(t).id);
-								qi(e, {
+								Qi(e, {
 									get option() {
 										return K(t);
 									},
@@ -3515,11 +3609,11 @@ function ja(e, t) {
 						K(n) === "option" && !K(a) && e(o);
 					});
 					var d = H(i, 2), _ = (e) => {
-						var t = ha(), n = B(t);
+						var t = ba(), n = B(t);
 						$(n, 21, () => K(T)(), Q, (e, t) => {
 							{
 								let n = /* @__PURE__ */ I(() => K(c)[K(t).id] ?? 0);
-								Xi(e, {
+								ta(e, {
 									get unit() {
 										return K(t);
 									},
@@ -3535,8 +3629,8 @@ function ja(e, t) {
 						K(v) && e(_);
 					});
 					var y = H(d, 2), b = (e) => {
-						var t = ga();
-						ia(B(t), {
+						var t = xa();
+						la(B(t), {
 							get availabilityByDate() {
 								return K(p);
 							},
@@ -3553,8 +3647,8 @@ function ja(e, t) {
 						K(n) === "date" && K(C) && e(b);
 					});
 					var x = H(y, 2), S = (e) => {
-						var t = ga();
-						ca(B(t), {
+						var t = xa();
+						pa(B(t), {
 							get timeSlots() {
 								return K(m);
 							},
@@ -3571,11 +3665,11 @@ function ja(e, t) {
 						K(n) === "time" && K(l) && !K(ne) && e(S);
 					});
 					var ee = H(x, 2), w = (e) => {
-						var t = _a(), n = B(t);
+						var t = Sa(), n = B(t);
 						$(n, 21, () => K(s).pickupLocations, Q, (e, t) => {
 							{
 								let n = /* @__PURE__ */ I(() => K(f)?.id === K(t).id), r = /* @__PURE__ */ I(() => K(t).title ?? K(t).id);
-								Gi(e, {
+								Xi(e, {
 									get selected() {
 										return K(n);
 									},
@@ -3609,14 +3703,14 @@ function ja(e, t) {
 		var i = H(r, 2), o = B(i), d = H(o, 2);
 		j(i), U((e) => d.disabled = e, [() => !K(ge)()]), q("click", o, Te), q("click", d, De), Y(e, n);
 	}, Fe = (e) => {
-		var n = Oa(), r = V(n);
+		var n = Na(), r = V(n);
 		$(r, 21, () => K(ue)()?.widgets ?? [], Q, (e, n) => {
-			var r = va(), i = V(r), o = (e) => {
-				var n = Sa(), r = H(B(n), 2);
+			var r = Ca(), i = V(r), o = (e) => {
+				var n = Da(), r = H(B(n), 2);
 				$(r, 21, () => t.product.options, Q, (e, t) => {
 					{
 						let n = /* @__PURE__ */ I(() => K(s)?.id === K(t).id);
-						qi(e, {
+						Qi(e, {
 							get option() {
 								return K(t);
 							},
@@ -3632,11 +3726,11 @@ function ja(e, t) {
 				K(n) === "option" && !K(a) && e(o);
 			});
 			var d = H(i, 2), _ = (e) => {
-				var t = Ca(), n = H(B(t), 2);
+				var t = Oa(), n = H(B(t), 2);
 				$(n, 21, () => K(T)(), Q, (e, t) => {
 					{
 						let n = /* @__PURE__ */ I(() => K(c)[K(t).id] ?? 0);
-						Xi(e, {
+						ta(e, {
 							get unit() {
 								return K(t);
 							},
@@ -3652,8 +3746,8 @@ function ja(e, t) {
 				K(v) && e(_);
 			});
 			var y = H(d, 2), b = (e) => {
-				var t = wa();
-				ia(H(B(t), 2), {
+				var t = ka();
+				la(H(B(t), 2), {
 					get availabilityByDate() {
 						return K(p);
 					},
@@ -3670,8 +3764,8 @@ function ja(e, t) {
 				K(n) === "date" && K(C) && e(b);
 			});
 			var x = H(y, 2), S = (e) => {
-				var t = Ta();
-				ca(H(B(t), 2), {
+				var t = Aa();
+				pa(H(B(t), 2), {
 					get timeSlots() {
 						return K(m);
 					},
@@ -3688,11 +3782,11 @@ function ja(e, t) {
 				K(n) === "time" && K(l) && !K(ne) && e(S);
 			});
 			var ee = H(x, 2), w = (e) => {
-				var t = Ea(), n = H(B(t), 2);
+				var t = ja(), n = H(B(t), 2);
 				$(n, 21, () => K(s).pickupLocations, Q, (e, t) => {
 					{
 						let n = /* @__PURE__ */ I(() => K(f)?.id === K(t).id), r = /* @__PURE__ */ I(() => K(t).title ?? K(t).id);
-						Gi(e, {
+						Xi(e, {
 							get selected() {
 								return K(n);
 							},
@@ -3712,7 +3806,7 @@ function ja(e, t) {
 			}), Y(e, r);
 		}), j(r);
 		var i = H(r, 2), d = B(i), _ = (e) => {
-			var t = Da(), n = B(t, !0);
+			var t = Ma(), n = B(t, !0);
 			j(t), U(() => X(n, K(o) > 0 ? "Back" : "Cancel")), q("click", t, we), Y(e, t);
 		};
 		Z(d, (e) => {
@@ -3727,7 +3821,7 @@ function ja(e, t) {
 		K(i) ? e(Pe) : e(Fe, -1);
 	}), j(Oe);
 	var Ie = H(Oe, 2), M = (e) => {
-		var t = ka(), n = B(t), r = H(B(n), 4), i = B(r), a = H(i, 2);
+		var t = Pa(), n = B(t), r = H(B(n), 4), i = B(r), a = H(i, 2);
 		j(r), j(n), j(t), q("click", t, () => {
 			z(v, !1);
 		}), q("click", n, (e) => e.stopPropagation()), q("click", i, Ee), q("click", a, () => {
@@ -3741,16 +3835,16 @@ function ja(e, t) {
 lr(["click"]);
 //#endregion
 //#region src/lib/TicketConfigurator.svelte
-var Ma = /* @__PURE__ */ J("<div class=\"loading-center\" style=\"height:100vh\"><div class=\"spinner\"></div></div>");
-function Na(e, t) {
+var La = /* @__PURE__ */ J("<div class=\"loading-center\" style=\"height:100vh\"><div class=\"spinner\"></div></div>"), Ra = /* @__PURE__ */ J("<div class=\"bw-widget svelte-19qd5my\"><!></div>");
+function za(e, t) {
 	N(t, !0);
-	let n = Xr(t, "autoSelectSingleTimeSlot", 3, !1), r = /* @__PURE__ */ R(null), i = /* @__PURE__ */ R(!0), a = /* @__PURE__ */ R(!1);
-	async function o() {
-		z(r, await t.api.getProduct(t.productId), !0), z(i, !1);
+	let n = Xr(t, "wizardPages", 3, Ri), r = Xr(t, "autoSelectSingleTimeSlot", 3, !1), i = /* @__PURE__ */ R(null), a = /* @__PURE__ */ R(!0), o = /* @__PURE__ */ R(!1);
+	async function s() {
+		z(i, await t.api.getProduct(t.productId), !0), z(a, !1);
 	}
-	o();
-	async function s(e) {
-		z(a, !0);
+	s();
+	async function c(e) {
+		z(o, !0);
 		try {
 			await t.cartManager.ensureCart();
 			let n = hi(e.units), r = await t.api.addCartItem({
@@ -3763,61 +3857,48 @@ function Na(e, t) {
 				amount: e.totalPrice,
 				currencyCode: e.currency,
 				currencyPrecision: e.currencyPrecision
-			}), i = Bi(e.totalPrice, e.currency, e.currencyPrecision, 2);
-			Ri({
+			}), i = Gi(e.totalPrice, e.currency, e.currencyPrecision, 2);
+			Ui({
 				type: "cart:change",
 				itemCount: n.length,
 				cartItemId: r.id,
 				totalFormatted: i,
 				openCheckout: !0
-			});
+			}), Ui({ type: "cart:updated" });
 		} finally {
-			z(a, !1);
+			z(o, !1);
 		}
 	}
-	var c = _r(), l = V(c), u = (e) => {
-		Y(e, Ma());
-	}, d = (e) => {
-		ja(e, {
+	var l = Ra(), u = B(l), d = (e) => {
+		Y(e, La());
+	}, f = (e) => {
+		Ia(e, {
 			get product() {
-				return K(r);
+				return K(i);
 			},
 			get api() {
 				return t.api;
 			},
 			get wizardPages() {
-				return t.wizardPages;
+				return n();
 			},
 			get autoSelectSingleTimeSlot() {
-				return n();
+				return r();
 			},
 			get onCancel() {
 				return t.onCancel;
 			},
-			onComplete: s
+			onComplete: c
 		});
 	};
-	Z(l, (e) => {
-		K(i) || K(a) ? e(u) : K(r) && e(d, 1);
-	}), Y(e, c), P();
+	Z(u, (e) => {
+		K(a) || K(o) ? e(d) : K(i) && e(f, 1);
+	}), j(l), Y(e, l), P();
 }
 //#endregion
-//#region src/lib/config.ts
-var Pa = [
-	{
-		title: "Option",
-		widgets: ["option", "age-category"]
-	},
-	{
-		title: "Schedule",
-		widgets: ["date", "time"]
-	},
-	{
-		title: "Pickup",
-		widgets: ["pickup"]
-	}
-], Fa = /* @__PURE__ */ J("<div class=\"form svelte-12xyhj1\"><div class=\"field svelte-12xyhj1\"><label for=\"firstName\" class=\"svelte-12xyhj1\">First name *</label> <input id=\"firstName\"/></div> <div class=\"field svelte-12xyhj1\"><label for=\"lastName\" class=\"svelte-12xyhj1\">Last name</label> <input id=\"lastName\" class=\"input\"/></div> <div class=\"field svelte-12xyhj1\"><label for=\"email\" class=\"svelte-12xyhj1\">Email address *</label> <input id=\"email\" type=\"email\"/></div> <div class=\"field svelte-12xyhj1\"><label for=\"phone\" class=\"svelte-12xyhj1\">Phone number *</label> <input id=\"phone\" type=\"tel\"/></div></div>");
-function Ia(e, t) {
+//#region src/lib/ContactForm.svelte
+var Ba = /* @__PURE__ */ J("<div class=\"form svelte-12xyhj1\"><div class=\"field svelte-12xyhj1\"><label for=\"firstName\" class=\"svelte-12xyhj1\">First name *</label> <input id=\"firstName\"/></div> <div class=\"field svelte-12xyhj1\"><label for=\"lastName\" class=\"svelte-12xyhj1\">Last name</label> <input id=\"lastName\" class=\"input\"/></div> <div class=\"field svelte-12xyhj1\"><label for=\"email\" class=\"svelte-12xyhj1\">Email address *</label> <input id=\"email\" type=\"email\"/></div> <div class=\"field svelte-12xyhj1\"><label for=\"phone\" class=\"svelte-12xyhj1\">Phone number *</label> <input id=\"phone\" type=\"tel\"/></div></div>");
+function Va(e, t) {
 	N(t, !0);
 	let n = /* @__PURE__ */ R(""), r = /* @__PURE__ */ R(""), i = /* @__PURE__ */ R(""), a = /* @__PURE__ */ R("");
 	function o() {
@@ -3837,7 +3918,7 @@ function Ia(e, t) {
 	var l = {
 		isValid: o,
 		getContact: s
-	}, u = Fa(), d = B(u), f = H(B(d), 2);
+	}, u = Ba(), d = B(u), f = H(B(d), 2);
 	zr(f);
 	let p;
 	j(d);
@@ -3860,10 +3941,10 @@ function Ia(e, t) {
 }
 //#endregion
 //#region src/lib/ConsentSection.svelte
-var La = /* @__PURE__ */ J("<div class=\"consent svelte-19pmjwi\"><label><input type=\"checkbox\" class=\"svelte-19pmjwi\"/> <span class=\"svelte-19pmjwi\">I accept the privacy policy *</span></label> <label class=\"check svelte-19pmjwi\"><input type=\"checkbox\" class=\"svelte-19pmjwi\"/> <span>I would like to receive marketing communications</span></label></div>");
-function Ra(e, t) {
+var Ha = /* @__PURE__ */ J("<div class=\"consent svelte-19pmjwi\"><label><input type=\"checkbox\" class=\"svelte-19pmjwi\"/> <span class=\"svelte-19pmjwi\">I accept the privacy policy *</span></label> <label class=\"check svelte-19pmjwi\"><input type=\"checkbox\" class=\"svelte-19pmjwi\"/> <span>I would like to receive marketing communications</span></label></div>");
+function Ua(e, t) {
 	N(t, !0);
-	var n = La(), r = B(n);
+	var n = Ha(), r = B(n);
 	let i;
 	var a = B(r);
 	zr(a), je(2), j(r);
@@ -3875,8 +3956,8 @@ function Ra(e, t) {
 lr(["change"]);
 //#endregion
 //#region src/lib/CountdownTimer.svelte
-var za = /* @__PURE__ */ J("<span class=\"timer svelte-1u82ue3\"> </span>");
-function Ba(e, t) {
+var Wa = /* @__PURE__ */ J("<span class=\"timer svelte-1u82ue3\"> </span>");
+function Ga(e, t) {
 	N(t, !0);
 	let n = /* @__PURE__ */ R("");
 	function r() {
@@ -3886,13 +3967,13 @@ function Ba(e, t) {
 	r();
 	let i = setInterval(r, 1e3);
 	Qr(() => clearInterval(i));
-	var a = za(), o = B(a, !0);
+	var a = Wa(), o = B(a, !0);
 	j(a), U(() => X(o, K(n))), Y(e, a), P();
 }
 //#endregion
 //#region src/lib/PaymentPage.svelte
-var Va = /* @__PURE__ */ J("<div class=\"error-state svelte-1ubcp68\"><div class=\"error-icon svelte-1ubcp68\">!</div> <p class=\"error-title svelte-1ubcp68\">Unable to load payment form</p> <p class=\"error-msg svelte-1ubcp68\"> </p></div>"), Ha = /* @__PURE__ */ J("<div class=\"brands svelte-1ubcp68\"><span class=\"brand svelte-1ubcp68\">VISA</span> <span class=\"brand svelte-1ubcp68\">MC</span> <span class=\"brand svelte-1ubcp68\">AMEX</span></div> <div id=\"peach-container\"></div>", 1), Ua = /* @__PURE__ */ J("<div class=\"payment-page svelte-1ubcp68\"><div class=\"page-header\"><button class=\"icon-btn\" aria-label=\"Back\">&larr;</button> <h2>Payment</h2> <span class=\"spacer\"></span> <button class=\"icon-btn\" aria-label=\"Close\">&times;</button></div> <div class=\"body svelte-1ubcp68\"><div class=\"amount-bar svelte-1ubcp68\"><span>Amount to pay</span> <span class=\"amount svelte-1ubcp68\"> </span></div> <!></div></div>");
-function Wa(e, t) {
+var Ka = /* @__PURE__ */ J("<div class=\"error-state svelte-1ubcp68\"><div class=\"error-icon svelte-1ubcp68\">!</div> <p class=\"error-title svelte-1ubcp68\">Unable to load payment form</p> <p class=\"error-msg svelte-1ubcp68\"> </p></div>"), qa = /* @__PURE__ */ J("<div class=\"brands svelte-1ubcp68\"><span class=\"brand svelte-1ubcp68\">VISA</span> <span class=\"brand svelte-1ubcp68\">MC</span> <span class=\"brand svelte-1ubcp68\">AMEX</span></div> <div id=\"peach-container\"></div>", 1), Ja = /* @__PURE__ */ J("<div class=\"payment-page svelte-1ubcp68\"><div class=\"page-header\"><button class=\"icon-btn\" aria-label=\"Back\">&larr;</button> <h2>Payment</h2> <span class=\"spacer\"></span> <button class=\"icon-btn\" aria-label=\"Close\">&times;</button></div> <div class=\"body svelte-1ubcp68\"><div class=\"amount-bar svelte-1ubcp68\"><span>Amount to pay</span> <span class=\"amount svelte-1ubcp68\"> </span></div> <!></div></div>");
+function Ya(e, t) {
 	N(t, !0);
 	let n = /* @__PURE__ */ R(!1), r = /* @__PURE__ */ R(""), i = null;
 	Zr(() => {
@@ -3931,15 +4012,15 @@ function Wa(e, t) {
 		i &&= (i.unmount(), null);
 	}
 	Qr(a);
-	var o = Ua(), s = B(o), c = B(s), l = H(c, 6);
+	var o = Ja(), s = B(o), c = B(s), l = H(c, 6);
 	j(s);
 	var u = H(s, 2), d = B(u), f = H(B(d), 2), p = B(f, !0);
 	j(f), j(d);
 	var m = H(d, 2), h = (e) => {
-		var t = Va(), n = H(B(t), 4), i = B(n, !0);
+		var t = Ka(), n = H(B(t), 4), i = B(n, !0);
 		j(n), j(t), U(() => X(i, K(r) || "The checkout session may have expired.")), Y(e, t);
 	}, g = (e) => {
-		var t = Ha();
+		var t = qa();
 		je(2), Y(e, t);
 	};
 	Z(m, (e) => {
@@ -3953,15 +4034,15 @@ function Wa(e, t) {
 lr(["click"]);
 //#endregion
 //#region src/lib/ResultView.svelte
-var Ga = /* @__PURE__ */ J("<div class=\"spinner\"></div> <p class=\"hint svelte-16gfovn\">Verifying payment...</p>", 1), Ka = /* @__PURE__ */ J("<button class=\"btn btn-primary\">Done</button>"), qa = /* @__PURE__ */ J("<button class=\"btn btn-outline\">Try Again</button>"), Ja = /* @__PURE__ */ J("<div> </div> <h2 class=\"svelte-16gfovn\"> </h2> <p class=\"desc svelte-16gfovn\"> </p> <!>", 1), Ya = /* @__PURE__ */ J("<div class=\"result svelte-16gfovn\"><!></div>");
-function Xa(e, t) {
+var Xa = /* @__PURE__ */ J("<div class=\"spinner\"></div> <p class=\"hint svelte-16gfovn\">Verifying payment...</p>", 1), Za = /* @__PURE__ */ J("<button class=\"btn btn-primary\">Done</button>"), Qa = /* @__PURE__ */ J("<button class=\"btn btn-outline\">Try Again</button>"), $a = /* @__PURE__ */ J("<div> </div> <h2 class=\"svelte-16gfovn\"> </h2> <p class=\"desc svelte-16gfovn\"> </p> <!>", 1), eo = /* @__PURE__ */ J("<div class=\"result svelte-16gfovn\"><!></div>");
+function to(e, t) {
 	N(t, !0);
 	let n = /* @__PURE__ */ I(() => t.status?.outcome === "successful");
-	var r = Ya(), i = B(r), a = (e) => {
-		var t = Ga();
+	var r = eo(), i = B(r), a = (e) => {
+		var t = Xa();
 		je(2), Y(e, t);
 	}, o = (e) => {
-		var r = Ja(), i = V(r);
+		var r = $a(), i = V(r);
 		let a;
 		var o = B(i, !0);
 		j(i);
@@ -3970,12 +4051,12 @@ function Xa(e, t) {
 		var l = H(s, 2), u = B(l, !0);
 		j(l);
 		var d = H(l, 2), f = (e) => {
-			var n = Ka();
+			var n = Za();
 			q("click", n, function(...e) {
 				t.onDone?.apply(this, e);
 			}), Y(e, n);
 		}, p = (e) => {
-			var n = qa();
+			var n = Qa();
 			q("click", n, function(...e) {
 				t.onRetry?.apply(this, e);
 			}), Y(e, n);
@@ -3996,8 +4077,8 @@ function Xa(e, t) {
 lr(["click"]);
 //#endregion
 //#region src/lib/EditBookingView.svelte
-var Za = /* @__PURE__ */ J("<div class=\"loading-center\"><div class=\"spinner\"></div></div>"), Qa = /* @__PURE__ */ J("<div class=\"edit-view svelte-15l4305\"><div class=\"page-header\"><button class=\"icon-btn\" aria-label=\"Back\">&larr;</button> <h2>Edit Item</h2> <span class=\"spacer\"></span> <button class=\"icon-btn\" aria-label=\"Close\">&times;</button></div> <!></div>");
-function $a(e, t) {
+var no = /* @__PURE__ */ J("<div class=\"loading-center\"><div class=\"spinner\"></div></div>"), ro = /* @__PURE__ */ J("<div class=\"edit-view svelte-15l4305\"><div class=\"page-header\"><button class=\"icon-btn\" aria-label=\"Back\">&larr;</button> <h2>Edit Item</h2> <span class=\"spacer\"></span> <button class=\"icon-btn\" aria-label=\"Close\">&times;</button></div> <!></div>");
+function io(e, t) {
 	N(t, !0);
 	let n = Xr(t, "autoSelectSingleTimeSlot", 3, !1), r = /* @__PURE__ */ R(!1);
 	async function i(e) {
@@ -4018,14 +4099,14 @@ function $a(e, t) {
 			z(r, !1);
 		}
 	}
-	var a = Qa(), o = B(a), s = B(o), c = H(s, 6);
+	var a = ro(), o = B(a), s = B(o), c = H(s, 6);
 	j(o);
 	var l = H(o, 2), u = (e) => {
-		Y(e, Za());
+		Y(e, no());
 	}, d = (e) => {
 		{
-			let r = /* @__PURE__ */ I(() => t.wizardPages ?? Pa), a = /* @__PURE__ */ I(() => t.editPages ?? t.wizardPages ?? Pa);
-			ja(e, {
+			let r = /* @__PURE__ */ I(() => t.wizardPages ?? Ri), a = /* @__PURE__ */ I(() => t.editPages ?? t.wizardPages ?? Ri);
+			Ia(e, {
 				get product() {
 					return t.product;
 				},
@@ -4062,8 +4143,8 @@ function $a(e, t) {
 lr(["click"]);
 //#endregion
 //#region src/lib/CheckoutModal.svelte
-var eo = /* @__PURE__ */ J("<div class=\"loading-center\" style=\"height:100%\"><div class=\"spinner\"></div></div>"), to = /* @__PURE__ */ J("<div class=\"page-header\"><button class=\"icon-btn\" aria-label=\"Back\">&larr;</button> <h2>Checkout</h2> <span class=\"spacer\"></span> <button class=\"icon-btn\" aria-label=\"Close\">&times;</button></div> <div class=\"body svelte-i0rtg0\"><div class=\"contact-header svelte-i0rtg0\"><span class=\"contact-title svelte-i0rtg0\">Contact Details</span> <span class=\"required-hint svelte-i0rtg0\">* Required Fields</span></div> <!> <div style=\"margin-top:24px\"><!></div></div> <div class=\"pay-bar svelte-i0rtg0\"><span class=\"pay-bar-total svelte-i0rtg0\"> </span> <button class=\"pay-bar-btn svelte-i0rtg0\">Pay Now <span class=\"arrow svelte-i0rtg0\">&rarr;</span></button></div>", 1), no = /* @__PURE__ */ J("<p class=\"cart-detail svelte-i0rtg0\"> </p>"), ro = /* @__PURE__ */ J("<div class=\"cart-unit-line svelte-i0rtg0\"><span class=\"cart-unit-label svelte-i0rtg0\"> </span> <span class=\"cart-unit-price svelte-i0rtg0\"> </span></div>"), io = /* @__PURE__ */ J("<div class=\"cart-card svelte-i0rtg0\"><div class=\"cart-card-top svelte-i0rtg0\"><h3 class=\"cart-product svelte-i0rtg0\"> </h3> <span class=\"cart-item-total svelte-i0rtg0\"> </span></div> <div class=\"cart-detail-lines svelte-i0rtg0\"><!> <p class=\"cart-detail svelte-i0rtg0\"> </p></div> <div class=\"cart-divider svelte-i0rtg0\"></div> <div class=\"cart-units svelte-i0rtg0\"></div> <div class=\"cart-actions svelte-i0rtg0\"><button class=\"action-edit svelte-i0rtg0\">Edit</button> <button class=\"action-remove svelte-i0rtg0\">Remove</button></div></div>"), ao = /* @__PURE__ */ J("<div class=\"page-header\"><h2>Your cart</h2> <span class=\"spacer\"></span> <!> <button class=\"keep-shopping-btn svelte-i0rtg0\">+ Keep shopping</button></div> <div class=\"body svelte-i0rtg0\"><!> <div class=\"cart-total-divider svelte-i0rtg0\"></div> <div class=\"cart-total-row svelte-i0rtg0\"><span>Total payable today</span> <span class=\"cart-total-amount svelte-i0rtg0\"> </span></div></div> <div class=\"action-bar\"><button class=\"btn btn-primary\">Checkout <span class=\"arrow\">&rarr;</span></button></div>", 1), oo = /* @__PURE__ */ J("<div class=\"modal svelte-i0rtg0\"><!></div>");
-function so(e, t) {
+var ao = /* @__PURE__ */ J("<div class=\"loading-center\" style=\"height:100%\"><div class=\"spinner\"></div></div>"), oo = /* @__PURE__ */ J("<div class=\"page-header\"><button class=\"icon-btn\" aria-label=\"Back\">&larr;</button> <h2>Checkout</h2> <span class=\"spacer\"></span> <button class=\"icon-btn\" aria-label=\"Close\">&times;</button></div> <div class=\"body svelte-i0rtg0\"><div class=\"contact-header svelte-i0rtg0\"><span class=\"contact-title svelte-i0rtg0\">Contact Details</span> <span class=\"required-hint svelte-i0rtg0\">* Required Fields</span></div> <!> <div style=\"margin-top:24px\"><!></div></div> <div class=\"pay-bar svelte-i0rtg0\"><span class=\"pay-bar-total svelte-i0rtg0\"> </span> <button class=\"pay-bar-btn svelte-i0rtg0\">Pay Now <span class=\"arrow svelte-i0rtg0\">&rarr;</span></button></div>", 1), so = /* @__PURE__ */ J("<p class=\"cart-detail svelte-i0rtg0\"> </p>"), co = /* @__PURE__ */ J("<div class=\"cart-unit-line svelte-i0rtg0\"><span class=\"cart-unit-label svelte-i0rtg0\"> </span> <span class=\"cart-unit-price svelte-i0rtg0\"> </span></div>"), lo = /* @__PURE__ */ J("<div class=\"cart-card svelte-i0rtg0\"><div class=\"cart-card-top svelte-i0rtg0\"><h3 class=\"cart-product svelte-i0rtg0\"> </h3> <span class=\"cart-item-total svelte-i0rtg0\"> </span></div> <div class=\"cart-detail-lines svelte-i0rtg0\"><!> <p class=\"cart-detail svelte-i0rtg0\"> </p></div> <div class=\"cart-divider svelte-i0rtg0\"></div> <div class=\"cart-units svelte-i0rtg0\"></div> <div class=\"cart-actions svelte-i0rtg0\"><button class=\"action-edit svelte-i0rtg0\">Edit</button> <button class=\"action-remove svelte-i0rtg0\">Remove</button></div></div>"), uo = /* @__PURE__ */ J("<div class=\"page-header\"><h2>Your cart</h2> <span class=\"spacer\"></span> <!> <button class=\"keep-shopping-btn svelte-i0rtg0\">+ Keep shopping</button></div> <div class=\"body svelte-i0rtg0\"><!> <div class=\"cart-total-divider svelte-i0rtg0\"></div> <div class=\"cart-total-row svelte-i0rtg0\"><span>Total payable today</span> <span class=\"cart-total-amount svelte-i0rtg0\"> </span></div></div> <div class=\"action-bar\"><button class=\"btn btn-primary\">Checkout <span class=\"arrow\">&rarr;</span></button></div>", 1), fo = /* @__PURE__ */ J("<div class=\"modal svelte-i0rtg0\"><!></div>");
+function po(e, t) {
 	N(t, !0);
 	let n = Xr(t, "cart", 7), r = Xr(t, "autoSelectSingleTimeSlot", 3, !1), i = /* @__PURE__ */ R("cart"), a = /* @__PURE__ */ R(null), o = /* @__PURE__ */ R(null), s = /* @__PURE__ */ R(null), c = /* @__PURE__ */ R(!1), l = /* @__PURE__ */ R(!0), u = /* @__PURE__ */ R(!1), d = /* @__PURE__ */ R(!1), f = /* @__PURE__ */ R(!1), p = /* @__PURE__ */ R(!1), m = /* @__PURE__ */ R(null), h = /* @__PURE__ */ R(Kt(/* @__PURE__ */ new Map()));
 	async function g() {
@@ -4072,7 +4153,7 @@ function so(e, t) {
 		z(h, i, !0), z(l, !1);
 	}
 	g();
-	let _ = /* @__PURE__ */ I(() => () => n().items.reduce((e, t) => e + t.amount, 0)), v = /* @__PURE__ */ I(() => () => n().items[0]?.currencyCode ?? "ZAR"), y = /* @__PURE__ */ I(() => () => Bi(K(_)(), K(v)(), 2, 2)), b = /* @__PURE__ */ I(() => () => new Date(n().absoluteExpiresAt));
+	let _ = /* @__PURE__ */ I(() => () => n().items.reduce((e, t) => e + t.amount, 0)), v = /* @__PURE__ */ I(() => () => n().items[0]?.currencyCode ?? "ZAR"), y = /* @__PURE__ */ I(() => () => Gi(K(_)(), K(v)(), 2, 2)), b = /* @__PURE__ */ I(() => () => new Date(n().absoluteExpiresAt));
 	function x(e) {
 		return K(h).get(e.productId)?.title ?? e.productId;
 	}
@@ -4112,9 +4193,9 @@ function so(e, t) {
 			"Dec"
 		][n.getMonth()]} ${n.getFullYear()}`;
 	}
-	Qr(() => Ri({ type: "modal:close" }));
+	Qr(() => Ui({ type: "modal:close" }));
 	function w() {
-		Ri({ type: "modal:close" }), t.onClose();
+		Ui({ type: "modal:close" }), t.onClose();
 	}
 	function te() {
 		w();
@@ -4124,14 +4205,17 @@ function so(e, t) {
 	}
 	async function re() {
 		let e = await t.api.getCart();
-		n(e), z(i, "cart");
+		n(e), z(i, "cart"), ie();
 	}
 	async function T(e) {
 		await t.api.removeCartItem(e.id);
 		let r = await t.api.getCart();
-		n(r), n().items.length === 0 && w();
+		n(r), ie(), n().items.length === 0 && w();
 	}
-	async function ie() {
+	function ie() {
+		Ui({ type: "cart:updated" });
+	}
+	async function ae() {
 		if (z(p, !0), !K(m)?.isValid() || !K(d)) return;
 		let e = K(m).getContact();
 		z(l, !0);
@@ -4141,7 +4225,7 @@ function so(e, t) {
 			z(l, !1);
 		}
 	}
-	async function ae(e) {
+	async function oe(e) {
 		if (e.status === "cancelled") {
 			z(i, "contact");
 			return;
@@ -4154,17 +4238,17 @@ function so(e, t) {
 		try {
 			z(s, await t.api.confirmCart(), !0);
 			let e = K(s).items.every((e) => e.statusCode >= 200 && e.statusCode < 300);
-			z(c, !e), z(u, !1), e && (Ri({ type: "modal:close" }), t.onOrderConfirmed());
+			z(c, !e), z(u, !1), e && (Ui({ type: "modal:close" }), t.onOrderConfirmed());
 		} catch {
 			z(c, !0), z(u, !1);
 		}
 	}
-	var oe = oo(), E = B(oe), D = (e) => {
-		Y(e, eo());
-	}, se = (e) => {
+	var E = fo(), D = B(E), se = (e) => {
+		Y(e, ao());
+	}, ce = (e) => {
 		{
 			let t = /* @__PURE__ */ I(() => K(y)());
-			Wa(e, {
+			Ya(e, {
 				get checkoutId() {
 					return K(o).checkoutId;
 				},
@@ -4175,16 +4259,16 @@ function so(e, t) {
 					z(i, "contact");
 				},
 				onClose: w,
-				onPaymentComplete: ae
+				onPaymentComplete: oe
 			});
 		}
-	}, ce = (e) => {
+	}, le = (e) => {
 		{
 			let n = /* @__PURE__ */ I(() => K(u) ? null : K(c) ? {
 				outcome: "failed",
 				resultDescription: "Something went wrong confirming your order. Please try again."
 			} : { outcome: "successful" });
-			Xa(e, {
+			to(e, {
 				get status() {
 					return K(n);
 				},
@@ -4192,17 +4276,17 @@ function so(e, t) {
 					return K(u);
 				},
 				onDone: () => {
-					Ri({ type: "modal:close" }), t.onOrderConfirmed();
+					Ui({ type: "modal:close" }), t.onOrderConfirmed();
 				},
 				onRetry: () => {
 					z(i, "payment");
 				}
 			});
 		}
-	}, le = (e) => {
+	}, ue = (e) => {
 		{
 			let n = /* @__PURE__ */ I(() => K(h).get(K(a).productId));
-			$a(e, {
+			io(e, {
 				get cartItem() {
 					return K(a);
 				},
@@ -4228,15 +4312,15 @@ function so(e, t) {
 				onUpdated: re
 			});
 		}
-	}, ue = /* @__PURE__ */ I(() => K(i) === "edit" && K(a) && K(h).get(K(a).productId)), de = (e) => {
-		var t = to(), n = V(t), r = B(n), a = H(r, 6);
+	}, de = /* @__PURE__ */ I(() => K(i) === "edit" && K(a) && K(h).get(K(a).productId)), fe = (e) => {
+		var t = oo(), n = V(t), r = B(n), a = H(r, 6);
 		j(n);
 		var o = H(n, 2), s = H(B(o), 2);
-		Yr(Ia(s, { get hasAttemptedSubmit() {
+		Yr(Va(s, { get hasAttemptedSubmit() {
 			return K(p);
 		} }), (e) => z(m, e, !0), () => K(m));
 		var c = H(s, 2);
-		Ra(B(c), {
+		Ua(B(c), {
 			get privacyAccepted() {
 				return K(d);
 			},
@@ -4258,12 +4342,12 @@ function so(e, t) {
 		var g = H(u, 2);
 		j(l), U((e) => X(h, e), [() => K(y)()]), q("click", r, () => {
 			z(i, "cart");
-		}), q("click", a, w), q("click", g, ie), Y(e, t);
-	}, fe = (e) => {
-		var t = ao(), r = V(t), a = H(B(r), 4);
+		}), q("click", a, w), q("click", g, ae), Y(e, t);
+	}, pe = (e) => {
+		var t = uo(), r = V(t), a = H(B(r), 4);
 		{
 			let e = /* @__PURE__ */ I(() => K(b)());
-			Ba(a, { get expiresAt() {
+			Ga(a, { get expiresAt() {
 				return K(e);
 			} });
 		}
@@ -4271,12 +4355,12 @@ function so(e, t) {
 		j(r);
 		var s = H(r, 2), c = B(s);
 		$(c, 17, () => n().items, Q, (e, t) => {
-			var n = io(), r = B(n), i = B(r), a = B(i, !0);
+			var n = lo(), r = B(n), i = B(r), a = B(i, !0);
 			j(i);
 			var o = H(i, 2), s = B(o, !0);
 			j(o), j(r);
 			var c = H(r, 2), l = B(c), u = (e) => {
-				var n = no(), r = B(n, !0);
+				var n = so(), r = B(n, !0);
 				j(n), U((e) => X(r, e), [() => ee(K(t))]), Y(e, n);
 			}, d = /* @__PURE__ */ I(() => ee(K(t)));
 			Z(l, (e) => {
@@ -4286,19 +4370,19 @@ function so(e, t) {
 			j(f), j(c);
 			var m = H(c, 4);
 			$(m, 21, () => C(K(t)), Q, (e, n) => {
-				var r = ro(), i = B(r), a = B(i);
+				var r = co(), i = B(r), a = B(i);
 				j(i);
 				var o = H(i, 2), s = B(o, !0);
 				j(o), j(r), U((e) => {
 					X(a, `${K(n).title ?? ""} × ${K(n).quantity ?? ""}`), X(s, e);
-				}, [() => Bi(K(n).linePrice, K(t).currencyCode, 2, 0)]), Y(e, r);
+				}, [() => Gi(K(n).linePrice, K(t).currencyCode, 2, 0)]), Y(e, r);
 			}), j(m);
 			var h = H(m, 2), g = B(h), _ = H(g, 2);
 			j(h), j(n), U((e, t, n) => {
 				X(a, e), X(s, t), X(p, n);
 			}, [
 				() => x(K(t)),
-				() => Bi(K(t).amount, K(t).currencyCode, 2, 0),
+				() => Gi(K(t).amount, K(t).currencyCode, 2, 0),
 				() => S(K(t))
 			]), q("click", g, () => ne(K(t))), q("click", _, () => T(K(t))), Y(e, n);
 		});
@@ -4309,17 +4393,17 @@ function so(e, t) {
 			z(i, "contact");
 		}), Y(e, t);
 	};
-	Z(E, (e) => {
-		K(l) ? e(D) : K(i) === "payment" && K(o) ? e(se, 1) : K(i) === "result" ? e(ce, 2) : K(ue) ? e(le, 3) : K(i) === "contact" ? e(de, 4) : e(fe, -1);
-	}), j(oe), Y(e, oe), P();
+	Z(D, (e) => {
+		K(l) ? e(se) : K(i) === "payment" && K(o) ? e(ce, 1) : K(i) === "result" ? e(le, 2) : K(de) ? e(ue, 3) : K(i) === "contact" ? e(fe, 4) : e(pe, -1);
+	}), j(E), Y(e, E), P();
 }
 lr(["click"]);
 //#endregion
 //#region src/lib/Checkout.svelte
-var co = /* @__PURE__ */ J("<div class=\"loading-center\" style=\"height:100vh\"><div class=\"spinner\"></div></div>"), lo = /* @__PURE__ */ J("<div class=\"loading-center\" style=\"height:100vh;color:var(--bw-color-text-secondary)\">No items in cart.</div>");
-function uo(e, t) {
+var mo = /* @__PURE__ */ J("<div class=\"loading-center\" style=\"height:100vh\"><div class=\"spinner\"></div></div>"), ho = /* @__PURE__ */ J("<div class=\"loading-center\" style=\"height:100vh;color:var(--bw-color-text-secondary)\">No items in cart.</div>"), go = /* @__PURE__ */ J("<div class=\"bw-widget svelte-5e515v\"><!></div>");
+function _o(e, t) {
 	N(t, !0);
-	let n = Xr(t, "wizardPages", 3, Pa), r = Xr(t, "autoSelectSingleTimeSlot", 3, !1), i = /* @__PURE__ */ I(() => t.editPages ?? n()), a = /* @__PURE__ */ R(null), o = /* @__PURE__ */ R(!0);
+	let n = Xr(t, "wizardPages", 3, Ri), r = Xr(t, "autoSelectSingleTimeSlot", 3, !1), i = /* @__PURE__ */ I(() => t.editPages ?? n()), a = /* @__PURE__ */ R(null), o = /* @__PURE__ */ R(!0);
 	async function s() {
 		try {
 			z(a, await t.api.getCart(), !0);
@@ -4329,10 +4413,10 @@ function uo(e, t) {
 		z(o, !1);
 	}
 	s();
-	var c = _r(), l = V(c), u = (e) => {
-		Y(e, co());
+	var c = go(), l = B(c), u = (e) => {
+		Y(e, mo());
 	}, d = (e) => {
-		so(e, {
+		po(e, {
 			get cart() {
 				return K(a);
 			},
@@ -4348,10 +4432,10 @@ function uo(e, t) {
 			get autoSelectSingleTimeSlot() {
 				return r();
 			},
-			onClose: () => Ri({ type: "modal:close" }),
+			onClose: () => Ui({ type: "modal:close" }),
 			onOrderConfirmed: () => {
 				let e = K(a).items.reduce((e, t) => e + t.amount, 0), t = K(a).items[0]?.currencyCode ?? "ZAR";
-				Ri({
+				Ui({
 					type: "order:complete",
 					cartToken: K(a).cartToken,
 					value: e,
@@ -4360,27 +4444,27 @@ function uo(e, t) {
 			}
 		});
 	}, f = (e) => {
-		Y(e, lo());
+		Y(e, ho());
 	};
 	Z(l, (e) => {
 		K(o) ? e(u) : K(a) && K(a).items.length > 0 ? e(d, 1) : e(f, -1);
-	}), Y(e, c), P();
+	}), j(c), Y(e, c), P();
 }
 //#endregion
 //#region src/lib/CartBarView.svelte
-var fo = /* @__PURE__ */ J("<div class=\"cart-bar svelte-1xt0fxx\"><div class=\"cart-info svelte-1xt0fxx\"><span class=\"item-count svelte-1xt0fxx\"> <!></span> <span class=\"total svelte-1xt0fxx\"> </span></div> <button class=\"btn btn-primary\">Checkout &rarr;</button></div>");
-function po(e, t) {
+var vo = /* @__PURE__ */ J("<div class=\"cart-bar bw-widget svelte-1xt0fxx\"><div class=\"cart-info svelte-1xt0fxx\"><span class=\"item-count svelte-1xt0fxx\"> <!></span> <span class=\"total svelte-1xt0fxx\"> </span></div> <button class=\"btn btn-primary\">Checkout &rarr;</button></div>");
+function yo(e, t) {
 	N(t, !0);
 	let n = /* @__PURE__ */ I(() => t.cart?.items.length ?? 0), r = /* @__PURE__ */ I(() => () => {
 		if (!t.cart || t.cart.items.length === 0) return "";
 		let e = t.cart.items[0].currencyCode;
-		return Bi(t.cart.items.reduce((e, t) => e + t.amount, 0), e, 2, 2);
+		return Gi(t.cart.items.reduce((e, t) => e + t.amount, 0), e, 2, 2);
 	}), i = /* @__PURE__ */ I(() => () => t.cart ? new Date(t.cart.absoluteExpiresAt) : /* @__PURE__ */ new Date());
 	var a = _r(), o = V(a), s = (e) => {
-		var t = fo(), a = B(t), o = B(a), s = B(o), c = H(s);
+		var t = vo(), a = B(t), o = B(a), s = B(o), c = H(s);
 		{
 			let e = /* @__PURE__ */ I(() => K(i)());
-			Ba(c, { get expiresAt() {
+			Ga(c, { get expiresAt() {
 				return K(e);
 			} });
 		}
@@ -4390,7 +4474,7 @@ function po(e, t) {
 		var d = H(a, 2);
 		j(t), U((e) => {
 			X(s, `${K(n) === 1 ? "1 item" : `${K(n)} items`} `), X(u, e);
-		}, [() => K(r)()]), q("click", d, () => Ri({ type: "modal:open" })), Y(e, t);
+		}, [() => K(r)()]), q("click", d, () => Ui({ type: "modal:open" })), Y(e, t);
 	};
 	Z(o, (e) => {
 		t.cart && t.cart.items.length > 0 && e(s);
@@ -4399,7 +4483,7 @@ function po(e, t) {
 lr(["click"]);
 //#endregion
 //#region src/lib/CartBar.svelte
-function mo(e, t) {
+function bo(e, t) {
 	N(t, !0);
 	let n = /* @__PURE__ */ R(null), r = /* @__PURE__ */ R(!0);
 	async function i() {
@@ -4411,19 +4495,29 @@ function mo(e, t) {
 		z(r, !1);
 	}
 	i();
-	var a = _r(), o = V(a), s = (e) => {
-		po(e, { get cart() {
+	function a(e) {
+		let t;
+		try {
+			t = typeof e.data == "string" ? JSON.parse(e.data) : e.data;
+		} catch {
+			return;
+		}
+		t?.type === "cart:updated" && i();
+	}
+	dn(() => (window.addEventListener("message", a), () => window.removeEventListener("message", a)));
+	var o = _r(), s = V(o), c = (e) => {
+		yo(e, { get cart() {
 			return K(n);
 		} });
 	};
-	Z(o, (e) => {
-		K(r) || e(s);
-	}), Y(e, a), P();
+	Z(s, (e) => {
+		K(r) || e(c);
+	}), Y(e, o), P();
 }
 //#endregion
 //#region src/lib/CartOverviewButton.svelte
-var ho = /* @__PURE__ */ J("<button class=\"cart-overview-btn svelte-16bjfem\"><svg class=\"cart-icon svelte-16bjfem\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"></circle><circle cx=\"20\" cy=\"21\" r=\"1\"></circle><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"></path></svg> <span class=\"cart-badge svelte-16bjfem\"> </span> <span class=\"cart-total svelte-16bjfem\"> </span> <span class=\"cart-sep svelte-16bjfem\"></span> <span class=\"cart-timer svelte-16bjfem\"> </span></button>");
-function go(e, t) {
+var xo = /* @__PURE__ */ J("<button class=\"cart-overview-btn bw-widget svelte-16bjfem\"><svg class=\"cart-icon svelte-16bjfem\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"></circle><circle cx=\"20\" cy=\"21\" r=\"1\"></circle><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"></path></svg> <span class=\"cart-badge svelte-16bjfem\"> </span> <span class=\"cart-total svelte-16bjfem\"> </span> <span class=\"cart-sep svelte-16bjfem\"></span> <span class=\"cart-timer svelte-16bjfem\"> </span></button>");
+function So(e, t) {
 	N(t, !0);
 	let n = /* @__PURE__ */ R(null), r = /* @__PURE__ */ R("");
 	async function i() {
@@ -4434,7 +4528,17 @@ function go(e, t) {
 		}
 	}
 	i();
-	function a() {
+	function a(e) {
+		let t;
+		try {
+			t = typeof e.data == "string" ? JSON.parse(e.data) : e.data;
+		} catch {
+			return;
+		}
+		t?.type === "cart:updated" && i();
+	}
+	dn(() => (window.addEventListener("message", a), () => window.removeEventListener("message", a)));
+	function o() {
 		if (!K(n)) {
 			z(r, "0:00");
 			return;
@@ -4442,34 +4546,34 @@ function go(e, t) {
 		let e = Math.max(0, new Date(K(n).absoluteExpiresAt).getTime() - Date.now()), t = Math.floor(e / 6e4), i = Math.floor(e % 6e4 / 1e3);
 		z(r, `${t}:${String(i).padStart(2, "0")}`);
 	}
-	a();
-	let o = setInterval(a, 1e3);
-	Qr(() => clearInterval(o));
-	let s = /* @__PURE__ */ I(() => K(n)?.items.length ?? 0), c = /* @__PURE__ */ I(() => () => {
+	o();
+	let s = setInterval(o, 1e3);
+	Qr(() => clearInterval(s));
+	let c = /* @__PURE__ */ I(() => K(n)?.items.length ?? 0), l = /* @__PURE__ */ I(() => () => {
 		if (!K(n) || K(n).items.length === 0) return "";
 		let e = K(n).items[0].currencyCode;
-		return Bi(K(n).items.reduce((e, t) => e + t.amount, 0), e, 2, 0);
+		return Gi(K(n).items.reduce((e, t) => e + t.amount, 0), e, 2, 0);
 	});
-	var l = _r(), u = V(l), d = (e) => {
-		var t = ho(), n = H(B(t), 2), i = B(n, !0);
+	var u = _r(), d = V(u), f = (e) => {
+		var t = xo(), n = H(B(t), 2), i = B(n, !0);
 		j(n);
 		var a = H(n, 2), o = B(a, !0);
 		j(a);
-		var l = H(a, 4), u = B(l, !0);
-		j(l), j(t), U((e) => {
-			X(i, K(s)), X(o, e), X(u, K(r));
-		}, [() => K(c)()]), q("click", t, () => Ri({ type: "modal:open" })), Y(e, t);
+		var s = H(a, 4), u = B(s, !0);
+		j(s), j(t), U((e) => {
+			X(i, K(c)), X(o, e), X(u, K(r));
+		}, [() => K(l)()]), q("click", t, () => Ui({ type: "modal:open" })), Y(e, t);
 	};
-	Z(u, (e) => {
-		K(n) && K(n).items.length > 0 && e(d);
-	}), Y(e, l), P();
+	Z(d, (e) => {
+		K(n) && K(n).items.length > 0 && e(f);
+	}), Y(e, u), P();
 }
 lr(["click"]);
 //#endregion
 //#region src/lib/CartOverview.svelte
-function _o(e, t) {
+function Co(e, t) {
 	var n = _r(), r = V(n), i = (e) => {
-		go(e, {
+		So(e, {
 			get api() {
 				return t.api;
 			},
@@ -4478,7 +4582,7 @@ function _o(e, t) {
 			}
 		});
 	}, a = (e) => {
-		mo(e, {
+		bo(e, {
 			get api() {
 				return t.api;
 			},
@@ -4493,7 +4597,7 @@ function _o(e, t) {
 }
 //#endregion
 //#region src/lib/index.ts
-function vo(e) {
+function wo(e) {
 	let t = e.useFakeApi ? new Mi() : new gi(e.apiBaseUrl ?? ""), n = new Fi(t), r = new Li(t);
 	return n.startBackgroundRefresh(), {
 		api: t,
@@ -4501,10 +4605,10 @@ function vo(e) {
 		cartManager: r
 	};
 }
-async function yo(e, t) {
-	let { api: n, sessionManager: r, cartManager: i } = vo(t);
+async function To(e, t) {
+	let { api: n, sessionManager: r, cartManager: i } = wo(t);
 	await r.ensureSession(t.checkoutKey ?? "");
-	let a = vr(Na, {
+	let a = vr(za, {
 		target: e,
 		props: {
 			api: n,
@@ -4532,10 +4636,10 @@ async function yo(e, t) {
 		window.removeEventListener("message", o), r.stop(), Sr(a);
 	} };
 }
-async function bo(e, t) {
-	let { api: n, sessionManager: r } = vo(t);
+async function Eo(e, t) {
+	let { api: n, sessionManager: r } = wo(t);
 	await r.ensureSession(t.checkoutKey ?? "");
-	let i = vr(uo, {
+	let i = vr(_o, {
 		target: e,
 		props: {
 			api: n,
@@ -4561,10 +4665,10 @@ async function bo(e, t) {
 		window.removeEventListener("message", a), r.stop(), Sr(i);
 	} };
 }
-async function xo(e, t) {
-	let { api: n, sessionManager: r, cartManager: i } = vo(t);
+async function Do(e, t) {
+	let { api: n, sessionManager: r, cartManager: i } = wo(t);
 	await r.ensureSession(t.checkoutKey ?? "");
-	let a = vr(_o, {
+	let a = vr(Co, {
 		target: e,
 		props: {
 			api: n,
@@ -4586,4 +4690,4 @@ async function xo(e, t) {
 	} };
 }
 //#endregion
-export { gi as ApiClient, mo as CartBar, Li as CartManager, _o as CartOverview, go as CartOverviewButton, uo as Checkout, Mi as FakeApiClient, Fi as SessionManager, Na as TicketConfigurator, xo as mountCartOverview, bo as mountCheckout, yo as mountConfigurator };
+export { gi as ApiClient, bo as CartBar, Li as CartManager, Co as CartOverview, So as CartOverviewButton, _o as Checkout, Ri as DEFAULT_WIZARD_PAGES, Mi as FakeApiClient, Fi as SessionManager, za as TicketConfigurator, Do as mountCartOverview, Eo as mountCheckout, To as mountConfigurator, Hi as resolveEditPages, Bi as resolveWizardPages };