@code-collective/booking-widget 1.0.7 → 1.0.8

package/dist/booking-widget.js

@@ -2417,10 +2417,18 @@ function hi(e) {
 //#region src/lib/api.ts
 var gi = class extends Error {
 	status;
-	constructor(e) {
-		super(`API error ${e}`), this.status = e;
+	body;
+	constructor(e, t) {
+		super(`API error ${e}`), this.status = e, this.body = t;
+	}
+	get code() {
+		return typeof this.body == "object" && this.body !== null && "error" in this.body ? String(this.body.error) : void 0;
 	}
-}, _i = class {
+};
+function _i(e) {
+	return e instanceof gi && e.status === 400 && e.code === "PRICE_MISMATCH";
+}
+var vi = class {
 	sessionToken = "";
 	cartToken = "";
 	client;
@@ -2428,7 +2436,7 @@ var gi = class extends Error {
 		this.client = ni({ baseUrl: e }), this.client.use({ onRequest: ({ request: e }) => (e.headers.set("Origin", window.location.origin), this.sessionToken && e.headers.set("Morii-Checkout-Session", this.sessionToken), this.cartToken && e.headers.set("Morii-Checkout-Cart", this.cartToken), e) });
 	}
 	unwrap(e) {
-		if (e.data === void 0) throw new gi(e.response.status);
+		if (e.data === void 0) throw new gi(e.response.status, e.error);
 		return e.data;
 	}
 	async startSession(e) {
@@ -2487,7 +2495,7 @@ var gi = class extends Error {
 	async confirmCart() {
 		return this.unwrap(await this.client.POST("/v1/checkout/cart/confirm"));
 	}
-}, vi = 3e5, yi = 12e4, bi = class {
+}, yi = 3e5, bi = 12e4, xi = class {
 	api;
 	sessions = /* @__PURE__ */ new Map();
 	intervalId = null;
@@ -2502,7 +2510,7 @@ var gi = class extends Error {
 		return this.sessions.set(e, n), this.activeCheckoutKey = e, n;
 	}
 	startBackgroundRefresh() {
-		this.intervalId ||= setInterval(() => this.refreshExpiringSessions(), vi);
+		this.intervalId ||= setInterval(() => this.refreshExpiringSessions(), yi);
 	}
 	stop() {
 		this.intervalId &&= (clearInterval(this.intervalId), null);
@@ -2514,7 +2522,7 @@ var gi = class extends Error {
 		return new Date(e.expiresAt ?? 0).getTime() <= Date.now();
 	}
 	isExpiringSoon(e) {
-		return new Date(e.refreshAfter ?? 0).getTime() <= Date.now() + yi;
+		return new Date(e.refreshAfter ?? 0).getTime() <= Date.now() + bi;
 	}
 	async refreshExpiringSessions() {
 		for (let [e, t] of this.sessions) {
@@ -2531,7 +2539,7 @@ var gi = class extends Error {
 			}
 		}
 	}
-}, xi = "morii-checkout-cart", Si = class {
+}, Si = "morii-checkout-cart", Ci = typeof sessionStorage < "u" ? sessionStorage : null, wi = class {
 	api;
 	cart = null;
 	constructor(e) {
@@ -2549,9 +2557,9 @@ var gi = class extends Error {
 		return this.cart = e, this.saveToStorage(), e;
 	}
 	reset() {
-		this.cart = null;
+		this.cart = null, this.api.cartToken = "";
 		try {
-			localStorage.removeItem(xi);
+			Ci?.removeItem(Si);
 		} catch {}
 	}
 	isExpired() {
@@ -2564,16 +2572,16 @@ var gi = class extends Error {
 			absoluteExpiresAt: this.cart.absoluteExpiresAt ?? ""
 		};
 		try {
-			localStorage.setItem(xi, JSON.stringify(e));
+			Ci?.setItem(Si, JSON.stringify(e));
 		} catch {}
 	}
 	loadFromStorage() {
 		try {
-			let e = localStorage.getItem(xi);
+			let e = Ci?.getItem(Si);
 			if (!e) return;
 			let t = JSON.parse(e);
 			if (new Date(t.absoluteExpiresAt).getTime() <= Date.now()) {
-				localStorage.removeItem(xi);
+				Ci?.removeItem(Si);
 				return;
 			}
 			this.cart = {
@@ -2584,13 +2592,35 @@ var gi = class extends Error {
 			}, this.api.cartToken = t.cartToken;
 		} catch {}
 	}
-};
+}, Ti = /* @__PURE__ */ new Set([
+	"cart:change",
+	"cart:updated",
+	"modal:open",
+	"modal:close",
+	"order:complete"
+]);
+function Ei(e) {
+	window.parent?.postMessage(JSON.stringify(e), window.location.origin);
+}
+function Di(e) {
+	function t(t) {
+		if (t.source !== window || t.origin !== window.location.origin) return;
+		let n;
+		try {
+			n = typeof t.data == "string" ? JSON.parse(t.data) : t.data;
+		} catch {
+			return;
+		}
+		typeof n?.type != "string" || !Ti.has(n.type) || e(n);
+	}
+	return window.addEventListener("message", t), () => window.removeEventListener("message", t);
+}
 //#endregion
 //#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 Ci = [
+var Oi = [
 	{
 		title: "Option",
 		widgets: ["option", "age-category"]
@@ -2603,8 +2633,8 @@ var Ci = [
 		title: "Pickup",
 		widgets: ["pickup"]
 	}
-], wi = {
-	"option-first": Ci,
+], ki = {
+	"option-first": Oi,
 	"date-first": [
 		{
 			title: "Age & capacity",
@@ -2624,16 +2654,16 @@ var Ci = [
 		}
 	]
 };
-function Ti(e) {
-	if (!e) return Ci;
-	if (e in wi) return wi[e];
+function Ai(e) {
+	if (!e) return Oi;
+	if (e in ki) return ki[e];
 	try {
 		let t = JSON.parse(e);
 		if (Array.isArray(t) && t.length > 0 && t[0].widgets) return t;
 	} catch {}
-	return Ci;
+	return Oi;
 }
-var Ei = {
+var ji = {
 	"option-first": [
 		{
 			title: "Option",
@@ -2671,56 +2701,51 @@ var Ei = {
 		}
 	]
 };
-function Di(e, t) {
+function Mi(e, t) {
 	if (t) {
-		if (t in Ei) return Ei[t];
+		if (t in ji) return ji[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 wi ? e : null : "option-first";
-	return n ? Ei[n] : Ti(e);
-}
-//#endregion
-//#region src/lib/messages.ts
-function Oi(e) {
-	window.parent?.postMessage(JSON.stringify(e), "*");
+	let n = e ? e in ki ? e : null : "option-first";
+	return n ? ji[n] : Ai(e);
 }
 //#endregion
 //#region src/lib/currency.ts
-var ki = {
+var Ni = {
 	ZAR: "R",
 	USD: "$",
 	EUR: "€",
 	GBP: "£"
 };
-function Ai(e, t, n, r = 0) {
+function Pi(e, t, n, r = 0) {
 	let i = e / 10 ** n;
-	return `${ki[t] ?? t}\u00A0${i.toFixed(r)}`;
+	return `${Ni[t] ?? t}\u00A0${i.toFixed(r)}`;
 }
 //#endregion
 //#region src/lib/SelectableCard.svelte
-var ji = /* @__PURE__ */ Y("<div class=\"leading\"><!></div>"), Mi = /* @__PURE__ */ Y("<div class=\"heading svelte-idp8p9\"> </div>"), Ni = /* @__PURE__ */ Y("<div class=\"body svelte-idp8p9\"> </div>"), Pi = /* @__PURE__ */ Y("<button><div class=\"layout svelte-idp8p9\"><!> <div class=\"text svelte-idp8p9\"><!> <!> <!></div> <span></span></div></button>");
-function Fi(e, t) {
-	var n = Pi();
+var Fi = /* @__PURE__ */ Y("<div class=\"leading\"><!></div>"), Ii = /* @__PURE__ */ Y("<div class=\"heading svelte-idp8p9\"> </div>"), Li = /* @__PURE__ */ Y("<div class=\"body svelte-idp8p9\"> </div>"), Ri = /* @__PURE__ */ Y("<button><div class=\"layout svelte-idp8p9\"><!> <div class=\"text svelte-idp8p9\"><!> <!> <!></div> <span></span></div></button>");
+function zi(e, t) {
+	var n = Ri();
 	let r;
 	var i = V(n), a = V(i), o = (e) => {
-		var n = ji();
+		var n = Fi();
 		Mr(V(n), () => t.leading), M(n), X(e, n);
 	};
 	Q(a, (e) => {
 		t.leading && e(o);
 	});
 	var s = U(a, 2), c = V(s), l = (e) => {
-		var n = Mi(), r = V(n, !0);
+		var n = Ii(), r = V(n, !0);
 		M(n), W(() => Z(r, t.heading)), X(e, n);
 	};
 	Q(c, (e) => {
 		t.heading && e(l);
 	});
 	var u = U(c, 2), d = (e) => {
-		var n = Ni(), r = V(n, !0);
+		var n = Li(), r = V(n, !0);
 		M(n), W(() => Z(r, t.body)), X(e, n);
 	};
 	Q(u, (e) => {
@@ -2744,19 +2769,19 @@ function Fi(e, t) {
 cr(["click"]);
 //#endregion
 //#region src/lib/OptionCard.svelte
-var Ii = /* @__PURE__ */ Y("<p class=\"pricing svelte-19wqhng\"> </p>");
-function Li(e, t) {
+var Bi = /* @__PURE__ */ Y("<p class=\"pricing svelte-19wqhng\"> </p>");
+function Vi(e, t) {
 	P(t, !0);
 	let n = /* @__PURE__ */ L(() => () => {
 		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 ${Ai(t.retail, t.currency, t.currencyPrecision)}`);
+			e.push(`${n.title ?? n.id} from ${Pi(t.retail, t.currency, t.currencyPrecision)}`);
 		}
 		return e.join(", ");
 	});
-	Fi(e, {
+	zi(e, {
 		get selected() {
 			return t.selected;
 		},
@@ -2771,7 +2796,7 @@ function Li(e, t) {
 		},
 		children: (e, t) => {
 			var r = gr(), i = H(r), a = (e) => {
-				var t = Ii(), r = V(t, !0);
+				var t = Bi(), r = V(t, !0);
 				M(t), W((e) => Z(r, e), [() => q(n)()]), X(e, t);
 			}, o = /* @__PURE__ */ L(() => q(n)());
 			Q(i, (e) => {
@@ -2783,13 +2808,13 @@ function Li(e, t) {
 }
 //#endregion
 //#region src/lib/UnitCounter.svelte
-var Ri = /* @__PURE__ */ Y("<span class=\"price svelte-bzhcxd\"> </span>"), zi = /* @__PURE__ */ Y("<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 Bi(e, t) {
+var Hi = /* @__PURE__ */ Y("<span class=\"price svelte-bzhcxd\"> </span>"), Ui = /* @__PURE__ */ Y("<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 Wi(e, t) {
 	P(t, !0);
 	let n = /* @__PURE__ */ L(() => () => {
 		if (!t.unit.pricing || t.unit.pricing.length === 0) return "";
 		let e = t.unit.pricing[0];
-		return `from ${Ai(e.retail, e.currency, e.currencyPrecision)}`;
+		return `from ${Pi(e.retail, e.currency, e.currencyPrecision)}`;
 	});
 	function r() {
 		t.quantity > 0 && t.onChange(t.quantity - 1);
@@ -2797,10 +2822,10 @@ function Bi(e, t) {
 	function i() {
 		t.onChange(t.quantity + 1);
 	}
-	var a = zi(), o = V(a), s = V(o), c = V(s, !0);
+	var a = Ui(), o = V(a), s = V(o), c = V(s, !0);
 	M(s);
 	var l = U(s, 2), u = (e) => {
-		var t = Ri(), r = V(t, !0);
+		var t = Hi(), r = V(t, !0);
 		M(t), W((e) => Z(r, e), [() => q(n)()]), X(e, t);
 	}, d = /* @__PURE__ */ L(() => q(n)());
 	Q(l, (e) => {
@@ -2816,8 +2841,8 @@ function Bi(e, t) {
 cr(["click"]);
 //#endregion
 //#region src/lib/AvailabilityCalendar.svelte
-var Vi = /* @__PURE__ */ Y("<div class=\"loading-center\"><div class=\"spinner\"></div></div>"), Hi = /* @__PURE__ */ Y("<span class=\"svelte-10gu2tq\"> </span>"), Ui = /* @__PURE__ */ Y("<span class=\"cell empty svelte-10gu2tq\"></span>"), Wi = /* @__PURE__ */ Y("<span class=\"day-price svelte-10gu2tq\"> </span>"), Gi = /* @__PURE__ */ Y("<button><span class=\"day-num svelte-10gu2tq\"> </span> <!></button>"), Ki = /* @__PURE__ */ Y("<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), qi = /* @__PURE__ */ Y("<div class=\"calendar svelte-10gu2tq\"><!></div>");
-function Ji(e, t) {
+var Gi = /* @__PURE__ */ Y("<div class=\"loading-center\"><div class=\"spinner\"></div></div>"), Ki = /* @__PURE__ */ Y("<span class=\"svelte-10gu2tq\"> </span>"), qi = /* @__PURE__ */ Y("<span class=\"cell empty svelte-10gu2tq\"></span>"), Ji = /* @__PURE__ */ Y("<span class=\"day-price svelte-10gu2tq\"> </span>"), Yi = /* @__PURE__ */ Y("<button><span class=\"day-num svelte-10gu2tq\"> </span> <!></button>"), Xi = /* @__PURE__ */ Y("<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), Zi = /* @__PURE__ */ Y("<div class=\"calendar svelte-10gu2tq\"><!></div>");
+function Qi(e, t) {
 	P(t, !0);
 	let n = [
 		"SU",
@@ -2850,7 +2875,7 @@ function Ji(e, t) {
 		if (!n || !n.available) return "";
 		if (n.unitPricing && n.unitPricing.length > 0) {
 			let e = n.unitPricing[0];
-			return Ai(e.retail, e.currency, e.currencyPrecision);
+			return Pi(e.retail, e.currency, e.currencyPrecision);
 		}
 		return "";
 	}
@@ -2864,30 +2889,30 @@ function Ji(e, t) {
 	function f(e) {
 		c(e) !== "available" || d(e) || t.onDateSelected(e);
 	}
-	var p = qi(), m = V(p), h = (e) => {
-		X(e, Vi());
+	var p = Zi(), m = V(p), h = (e) => {
+		X(e, Gi());
 	}, g = (e) => {
-		var t = Ki(), r = H(t), p = V(r), m = U(p, 2), h = V(m, !0);
+		var t = Xi(), r = H(t), p = V(r), m = U(p, 2), h = V(m, !0);
 		M(m);
 		var g = U(m, 2);
 		M(r);
 		var _ = U(r, 2);
 		Er(_, 21, () => n, $, (e, t) => {
-			var n = Hi(), r = V(n, !0);
+			var n = Ki(), r = V(n, !0);
 			M(n), W(() => Z(r, q(t))), X(e, n);
 		}), M(_);
 		var v = U(_, 2);
 		Er(v, 21, () => q(i)(), $, (e, t) => {
 			var n = gr(), r = H(n), i = (e) => {
-				X(e, Ui());
+				X(e, qi());
 			}, a = (e) => {
 				let n = /* @__PURE__ */ L(() => c(q(t))), r = /* @__PURE__ */ L(() => d(q(t))), i = /* @__PURE__ */ L(() => l(q(t)));
-				var a = Gi();
+				var a = Yi();
 				let o;
 				var s = V(a), p = V(s, !0);
 				M(s);
 				var m = U(s, 2), h = (e) => {
-					var t = Wi(), n = V(t, !0);
+					var t = Ji(), n = V(t, !0);
 					M(t), W(() => Z(n, q(i))), X(e, t);
 				};
 				Q(m, (e) => {
@@ -2913,20 +2938,20 @@ function Ji(e, t) {
 cr(["click"]);
 //#endregion
 //#region src/lib/TimeSlotPicker.svelte
-var Yi = /* @__PURE__ */ Y("<div class=\"loading-center\"><div class=\"spinner\"></div></div>"), Xi = /* @__PURE__ */ Y("<p class=\"hint svelte-1hu99a4\">All-day availability</p>"), Zi = /* @__PURE__ */ Y("<div class=\"slots svelte-1hu99a4\"></div>");
-function Qi(e, t) {
+var $i = /* @__PURE__ */ Y("<div class=\"loading-center\"><div class=\"spinner\"></div></div>"), ea = /* @__PURE__ */ Y("<p class=\"hint svelte-1hu99a4\">All-day availability</p>"), ta = /* @__PURE__ */ Y("<div class=\"slots svelte-1hu99a4\"></div>");
+function na(e, t) {
 	P(t, !0);
 	var n = gr(), r = H(n), i = (e) => {
-		X(e, Yi());
+		X(e, $i());
 	}, a = (e) => {
-		X(e, Xi());
+		X(e, ea());
 	}, o = (e) => {
-		var n = Zi();
+		var n = ta();
 		Er(n, 21, () => t.timeSlots, $, (e, n) => {
 			let r = /* @__PURE__ */ L(() => pi(q(n).localDateTimeStart));
 			{
 				let i = /* @__PURE__ */ L(() => t.selectedTime === q(r)), a = /* @__PURE__ */ L(() => q(n).vacancies == null ? void 0 : `${q(n).vacancies} left`);
-				Fi(e, {
+				zi(e, {
 					get selected() {
 						return q(i);
 					},
@@ -2947,8 +2972,8 @@ function Qi(e, t) {
 }
 //#endregion
 //#region src/lib/WizardPage.svelte
-var $i = /* @__PURE__ */ Y("<div class=\"wizard-header svelte-9w5z1v\"><h2 class=\"svelte-9w5z1v\">Buy Tickets</h2></div>"), ea = /* @__PURE__ */ Y("<span></span>"), ta = /* @__PURE__ */ Y("<div class=\"page-dots svelte-9w5z1v\"></div>"), na = /* @__PURE__ */ Y("<div class=\"page-title-row svelte-9w5z1v\"><h3 class=\"page-title svelte-9w5z1v\"> </h3> <!></div>"), ra = /* @__PURE__ */ Y("<span> </span>"), ia = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><div class=\"option-list svelte-9w5z1v\"></div></div>"), aa = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><div class=\"unit-list svelte-9w5z1v\"></div></div>"), oa = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><!></div>"), sa = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><div class=\"pickup-list svelte-9w5z1v\"></div></div>"), ca = /* @__PURE__ */ Y("<!> <!> <!> <!> <!>", 1), la = /* @__PURE__ */ Y("<div class=\"accordion-body svelte-9w5z1v\"></div>"), ua = /* @__PURE__ */ Y("<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>"), da = /* @__PURE__ */ Y("<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), fa = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Options</h4> <div class=\"option-list svelte-9w5z1v\"></div></div>"), pa = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">How many tickets?</h4> <div class=\"unit-list svelte-9w5z1v\"></div></div>"), ma = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Choose a date</h4> <!></div>"), ha = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Select a time</h4> <!></div>"), ga = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Select pickup point</h4> <div class=\"pickup-list svelte-9w5z1v\"></div></div>"), _a = /* @__PURE__ */ Y("<button class=\"btn btn-secondary\"> </button>"), va = /* @__PURE__ */ Y("<div class=\"wizard-body svelte-9w5z1v\"></div> <div class=\"action-bar\"><!> <button class=\"btn btn-primary\"> <span class=\"arrow\">&rarr;</span></button></div>", 1), ya = /* @__PURE__ */ Y("<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>"), ba = /* @__PURE__ */ Y("<div class=\"wizard svelte-9w5z1v\"><!> <!> <!></div> <!>", 1);
-function xa(e, t) {
+var ra = /* @__PURE__ */ Y("<div class=\"wizard-header svelte-9w5z1v\"><h2 class=\"svelte-9w5z1v\">Buy Tickets</h2></div>"), ia = /* @__PURE__ */ Y("<span></span>"), aa = /* @__PURE__ */ Y("<div class=\"page-dots svelte-9w5z1v\"></div>"), oa = /* @__PURE__ */ Y("<div class=\"page-title-row svelte-9w5z1v\"><h3 class=\"page-title svelte-9w5z1v\"> </h3> <!></div>"), sa = /* @__PURE__ */ Y("<span> </span>"), ca = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><div class=\"option-list svelte-9w5z1v\"></div></div>"), la = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><div class=\"unit-list svelte-9w5z1v\"></div></div>"), ua = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><!></div>"), da = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><div class=\"pickup-list svelte-9w5z1v\"></div></div>"), fa = /* @__PURE__ */ Y("<!> <!> <!> <!> <!>", 1), pa = /* @__PURE__ */ Y("<div class=\"accordion-body svelte-9w5z1v\"></div>"), ma = /* @__PURE__ */ Y("<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>"), ha = /* @__PURE__ */ Y("<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), ga = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Options</h4> <div class=\"option-list svelte-9w5z1v\"></div></div>"), _a = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">How many tickets?</h4> <div class=\"unit-list svelte-9w5z1v\"></div></div>"), va = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Choose a date</h4> <!></div>"), ya = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Select a time</h4> <!></div>"), ba = /* @__PURE__ */ Y("<div class=\"section svelte-9w5z1v\"><h4 class=\"section-title\">Select pickup point</h4> <div class=\"pickup-list svelte-9w5z1v\"></div></div>"), xa = /* @__PURE__ */ Y("<button class=\"btn btn-secondary\"> </button>"), Sa = /* @__PURE__ */ Y("<div class=\"wizard-body svelte-9w5z1v\"></div> <div class=\"action-bar\"><!> <button class=\"btn btn-primary\"> <span class=\"arrow\">&rarr;</span></button></div>", 1), Ca = /* @__PURE__ */ Y("<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>"), wa = /* @__PURE__ */ Y("<div class=\"wizard svelte-9w5z1v\"><!> <!> <!></div> <!>", 1);
+function Ta(e, t) {
 	P(t, !0);
 	let n = Xr(t, "editPages", 19, () => t.wizardPages), r = Xr(t, "autoSelectSingleTimeSlot", 3, !1), i = /* @__PURE__ */ L(() => t.editItem != null), a = /* @__PURE__ */ L(() => t.editItem && !q(ne)() ? t.editItem.optionId : void 0), o = /* @__PURE__ */ z(0), s = /* @__PURE__ */ z(null), c = /* @__PURE__ */ z(Gt({})), l = /* @__PURE__ */ z(null), u = /* @__PURE__ */ z(null), d = /* @__PURE__ */ z(null), f = /* @__PURE__ */ z(null), p = /* @__PURE__ */ z(Gt({})), m = /* @__PURE__ */ z(Gt([])), h = /* @__PURE__ */ z(!1), g = /* @__PURE__ */ z(!1), _ = /* @__PURE__ */ z(!1), v = /* @__PURE__ */ z(!1), y = /* @__PURE__ */ z(0), b = /* @__PURE__ */ z(Gt(/* @__PURE__ */ new Set()));
 	function x(...e) {
@@ -3161,19 +3186,19 @@ function xa(e, t) {
 			currencyPrecision: a
 		});
 	}
-	var A = ba(), De = H(A), j = V(De), Oe = (e) => {
-		X(e, $i());
+	var A = wa(), De = H(A), j = V(De), Oe = (e) => {
+		X(e, ra());
 	};
 	Q(j, (e) => {
 		q(i) || e(Oe);
 	});
 	var ke = U(j, 2), je = (e) => {
-		var t = na(), n = V(t), r = V(n, !0);
+		var t = oa(), n = V(t), r = V(n, !0);
 		M(n);
 		var i = U(n, 2), a = (e) => {
-			var t = ta();
+			var t = aa();
 			Er(t, 21, () => q(se)(), $, (e, t, n) => {
-				var r = ea();
+				var r = ia();
 				let i;
 				W(() => i = Fr(r, 1, "dot svelte-9w5z1v", null, i, { active: n === q(o) })), X(e, r);
 			}), M(t), X(e, t);
@@ -3186,15 +3211,15 @@ function xa(e, t) {
 		q(i) || e(je);
 	});
 	var Me = U(ke, 2), Ne = (e) => {
-		var n = da(), r = H(n);
+		var n = ha(), r = H(n);
 		Er(r, 21, () => q(me)(), $, (e, n, r) => {
 			let i = /* @__PURE__ */ L(() => q(n).widgets.some((e) => q(b).has(e)));
-			var o = ua();
+			var o = ma();
 			let d;
 			var _ = V(o), v = V(_), x = V(v), S = V(x, !0);
 			M(x);
 			var w = U(x, 2), T = (e) => {
-				var t = ra();
+				var t = sa();
 				let r;
 				var a = V(t, !0);
 				M(t), W((e) => {
@@ -3208,14 +3233,14 @@ function xa(e, t) {
 			let ne;
 			M(_);
 			var re = U(_, 2), ie = (e) => {
-				var r = la();
+				var r = pa();
 				Er(r, 21, () => q(n).widgets, $, (e, n) => {
-					var r = ca(), i = H(r), o = (e) => {
-						var n = ia(), r = V(n);
+					var r = fa(), i = H(r), o = (e) => {
+						var n = ca(), r = V(n);
 						Er(r, 21, () => t.product.options, $, (e, t) => {
 							{
 								let n = /* @__PURE__ */ L(() => q(s)?.id === q(t).id);
-								Li(e, {
+								Vi(e, {
 									get option() {
 										return q(t);
 									},
@@ -3231,11 +3256,11 @@ function xa(e, t) {
 						q(n) === "option" && !q(a) && e(o);
 					});
 					var d = U(i, 2), _ = (e) => {
-						var t = aa(), n = V(t);
+						var t = la(), n = V(t);
 						Er(n, 21, () => q(E)(), $, (e, t) => {
 							{
 								let n = /* @__PURE__ */ L(() => q(c)[q(t).id] ?? 0);
-								Bi(e, {
+								Wi(e, {
 									get unit() {
 										return q(t);
 									},
@@ -3251,8 +3276,8 @@ function xa(e, t) {
 						q(v) && e(_);
 					});
 					var y = U(d, 2), b = (e) => {
-						var t = oa();
-						Ji(V(t), {
+						var t = ua();
+						Qi(V(t), {
 							get availabilityByDate() {
 								return q(p);
 							},
@@ -3269,8 +3294,8 @@ function xa(e, t) {
 						q(n) === "date" && q(C) && e(b);
 					});
 					var x = U(y, 2), S = (e) => {
-						var t = oa();
-						Qi(V(t), {
+						var t = ua();
+						na(V(t), {
 							get timeSlots() {
 								return q(m);
 							},
@@ -3287,11 +3312,11 @@ function xa(e, t) {
 						q(n) === "time" && q(l) && !q(te) && e(S);
 					});
 					var w = U(x, 2), T = (e) => {
-						var t = sa(), n = V(t);
+						var t = da(), n = V(t);
 						Er(n, 21, () => q(s).pickupLocations, $, (e, t) => {
 							{
 								let n = /* @__PURE__ */ L(() => q(f)?.id === q(t).id), r = /* @__PURE__ */ L(() => q(t).title ?? q(t).id);
-								Fi(e, {
+								zi(e, {
 									get selected() {
 										return q(n);
 									},
@@ -3325,14 +3350,14 @@ function xa(e, t) {
 		var i = U(r, 2), o = V(i), d = U(o, 2);
 		M(i), W((e) => d.disabled = e, [() => !q(he)()]), J("click", o, we), J("click", d, Ee), X(e, n);
 	}, Pe = (e) => {
-		var n = va(), r = H(n);
+		var n = Sa(), r = H(n);
 		Er(r, 21, () => q(le)()?.widgets ?? [], $, (e, n) => {
-			var r = ca(), i = H(r), o = (e) => {
-				var n = fa(), r = U(V(n), 2);
+			var r = fa(), i = H(r), o = (e) => {
+				var n = ga(), r = U(V(n), 2);
 				Er(r, 21, () => t.product.options, $, (e, t) => {
 					{
 						let n = /* @__PURE__ */ L(() => q(s)?.id === q(t).id);
-						Li(e, {
+						Vi(e, {
 							get option() {
 								return q(t);
 							},
@@ -3348,11 +3373,11 @@ function xa(e, t) {
 				q(n) === "option" && !q(a) && e(o);
 			});
 			var d = U(i, 2), _ = (e) => {
-				var t = pa(), n = U(V(t), 2);
+				var t = _a(), n = U(V(t), 2);
 				Er(n, 21, () => q(E)(), $, (e, t) => {
 					{
 						let n = /* @__PURE__ */ L(() => q(c)[q(t).id] ?? 0);
-						Bi(e, {
+						Wi(e, {
 							get unit() {
 								return q(t);
 							},
@@ -3368,8 +3393,8 @@ function xa(e, t) {
 				q(v) && e(_);
 			});
 			var y = U(d, 2), b = (e) => {
-				var t = ma();
-				Ji(U(V(t), 2), {
+				var t = va();
+				Qi(U(V(t), 2), {
 					get availabilityByDate() {
 						return q(p);
 					},
@@ -3386,8 +3411,8 @@ function xa(e, t) {
 				q(n) === "date" && q(C) && e(b);
 			});
 			var x = U(y, 2), S = (e) => {
-				var t = ha();
-				Qi(U(V(t), 2), {
+				var t = ya();
+				na(U(V(t), 2), {
 					get timeSlots() {
 						return q(m);
 					},
@@ -3404,11 +3429,11 @@ function xa(e, t) {
 				q(n) === "time" && q(l) && !q(te) && e(S);
 			});
 			var w = U(x, 2), T = (e) => {
-				var t = ga(), n = U(V(t), 2);
+				var t = ba(), n = U(V(t), 2);
 				Er(n, 21, () => q(s).pickupLocations, $, (e, t) => {
 					{
 						let n = /* @__PURE__ */ L(() => q(f)?.id === q(t).id), r = /* @__PURE__ */ L(() => q(t).title ?? q(t).id);
-						Fi(e, {
+						zi(e, {
 							get selected() {
 								return q(n);
 							},
@@ -3428,7 +3453,7 @@ function xa(e, t) {
 			}), X(e, r);
 		}), M(r);
 		var i = U(r, 2), d = V(i), _ = (e) => {
-			var t = _a(), n = V(t, !0);
+			var t = xa(), n = V(t, !0);
 			M(t), W(() => Z(n, q(o) > 0 ? "Back" : "Cancel")), J("click", t, Ce), X(e, t);
 		};
 		Q(d, (e) => {
@@ -3443,7 +3468,7 @@ function xa(e, t) {
 		q(i) ? e(Ne) : e(Pe, -1);
 	}), M(De);
 	var Fe = U(De, 2), N = (e) => {
-		var t = ya(), n = V(t), r = U(V(n), 4), i = V(r), a = U(i, 2);
+		var t = Ca(), n = V(t), r = U(V(n), 4), i = V(r), a = U(i, 2);
 		M(r), M(n), M(t), J("click", t, () => {
 			B(v, !1);
 		}), J("click", n, (e) => e.stopPropagation()), J("click", i, Te), J("click", a, () => {
@@ -3457,10 +3482,10 @@ function xa(e, t) {
 cr(["click"]);
 //#endregion
 //#region src/lib/TicketConfigurator.svelte
-var Sa = /* @__PURE__ */ Y("<div class=\"loading-center\" style=\"height:100vh\"><div class=\"spinner\"></div></div>"), Ca = /* @__PURE__ */ Y("<p class=\"add-to-cart-error svelte-19qd5my\"> </p>"), wa = /* @__PURE__ */ Y("<!> <!>", 1), Ta = /* @__PURE__ */ Y("<div class=\"bw-widget svelte-19qd5my\"><!></div>");
-function Ea(e, t) {
+var Ea = /* @__PURE__ */ Y("<div class=\"loading-center\" style=\"height:100vh\"><div class=\"spinner\"></div></div>"), Da = /* @__PURE__ */ Y("<p class=\"add-to-cart-error svelte-19qd5my\"> </p>"), Oa = /* @__PURE__ */ Y("<!> <!>", 1), ka = /* @__PURE__ */ Y("<div class=\"bw-widget svelte-19qd5my\"><!></div>");
+function Aa(e, t) {
 	P(t, !0);
-	let n = Xr(t, "wizardPages", 3, Ci), r = Xr(t, "autoSelectSingleTimeSlot", 3, !1), i = /* @__PURE__ */ z(null), a = /* @__PURE__ */ z(!0), o = /* @__PURE__ */ z(!1), s = /* @__PURE__ */ z(null);
+	let n = Xr(t, "wizardPages", 3, Oi), r = Xr(t, "autoSelectSingleTimeSlot", 3, !1), i = /* @__PURE__ */ z(null), a = /* @__PURE__ */ z(!0), o = /* @__PURE__ */ z(!1), s = /* @__PURE__ */ z(null);
 	async function c() {
 		B(i, await t.api.getProduct(t.productId), !0), B(a, !1);
 	}
@@ -3474,17 +3499,15 @@ function Ea(e, t) {
 			availabilityId: e.availabilityId,
 			localDate: e.localDate,
 			pickupPointId: e.pickupPointId,
-			amount: e.totalPrice,
-			currencyCode: e.currency,
-			currencyPrecision: e.currencyPrecision
-		}), i = Ai(e.totalPrice, e.currency, e.currencyPrecision, 2);
-		Oi({
+			amount: e.totalPrice
+		}), i = Pi(e.totalPrice, e.currency, e.currencyPrecision, 2);
+		Ei({
 			type: "cart:change",
 			itemCount: n.length,
 			cartItemId: r.id,
 			totalFormatted: i,
 			openCheckout: !0
-		}), Oi({
+		}), Ei({
 			type: "cart:updated",
 			cart: await t.api.getCart().catch(() => null)
 		});
@@ -3494,6 +3517,10 @@ function Ea(e, t) {
 		try {
 			await l(e);
 		} catch (n) {
+			if (_i(n)) {
+				await d();
+				return;
+			}
 			if (n instanceof gi && (n.status === 401 || n.status === 404)) {
 				t.cartManager.reset();
 				try {
@@ -3506,16 +3533,24 @@ function Ea(e, t) {
 			B(o, !1);
 		}
 	}
-	var d = Ta(), f = V(d), p = (e) => {
-		X(e, Sa());
-	}, m = (e) => {
-		var a = wa(), o = H(a), c = (e) => {
-			var t = Ca(), n = V(t, !0);
+	async function d() {
+		B(s, "This ticket's price has changed since you started. Please check the updated price and try again.");
+		try {
+			await c();
+		} catch {
+			B(s, "This ticket's price has changed and we could not load the new one. Please reload the page.");
+		}
+	}
+	var f = ka(), p = V(f), m = (e) => {
+		X(e, Ea());
+	}, h = (e) => {
+		var a = Oa(), o = H(a), c = (e) => {
+			var t = Da(), n = V(t, !0);
 			M(t), W(() => Z(n, q(s))), X(e, t);
 		};
 		Q(o, (e) => {
 			q(s) && e(c);
-		}), xa(U(o, 2), {
+		}), Ta(U(o, 2), {
 			get product() {
 				return q(i);
 			},
@@ -3534,14 +3569,14 @@ function Ea(e, t) {
 			onComplete: u
 		}), X(e, a);
 	};
-	Q(f, (e) => {
-		q(a) || q(o) ? e(p) : q(i) && e(m, 1);
-	}), M(d), X(e, d), F();
+	Q(p, (e) => {
+		q(a) || q(o) ? e(m) : q(i) && e(h, 1);
+	}), M(f), X(e, f), F();
 }
 //#endregion
 //#region src/lib/ContactForm.svelte
-var Da = /* @__PURE__ */ Y("<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 Oa(e, t) {
+var ja = /* @__PURE__ */ Y("<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 Ma(e, t) {
 	P(t, !0);
 	let n = Xr(t, "firstName", 15, ""), r = Xr(t, "lastName", 15, ""), i = Xr(t, "emailAddress", 15, ""), a = Xr(t, "phoneNumber", 15, "");
 	function o() {
@@ -3561,7 +3596,7 @@ function Oa(e, t) {
 	var l = {
 		isValid: o,
 		getContact: s
-	}, u = Da(), d = V(u), f = U(V(d), 2);
+	}, u = ja(), d = V(u), f = U(V(d), 2);
 	zr(f);
 	let p;
 	M(d);
@@ -3584,10 +3619,10 @@ function Oa(e, t) {
 }
 //#endregion
 //#region src/lib/ConsentSection.svelte
-var ka = /* @__PURE__ */ Y("<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 Aa(e, t) {
+var Na = /* @__PURE__ */ Y("<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 Pa(e, t) {
 	P(t, !0);
-	var n = ka(), r = V(n);
+	var n = Na(), r = V(n);
 	let i;
 	var a = V(r);
 	zr(a), Ae(2), M(r);
@@ -3599,8 +3634,8 @@ function Aa(e, t) {
 cr(["change"]);
 //#endregion
 //#region src/lib/CountdownTimer.svelte
-var ja = /* @__PURE__ */ Y("<span class=\"timer svelte-1u82ue3\"> </span>");
-function Ma(e, t) {
+var Fa = /* @__PURE__ */ Y("<span class=\"timer svelte-1u82ue3\"> </span>");
+function Ia(e, t) {
 	P(t, !0);
 	let n = /* @__PURE__ */ z("");
 	function r() {
@@ -3610,20 +3645,20 @@ function Ma(e, t) {
 	r();
 	let i = setInterval(r, 1e3);
 	Qr(() => clearInterval(i));
-	var a = ja(), o = V(a, !0);
+	var a = Fa(), o = V(a, !0);
 	M(a), W(() => Z(o, q(n))), X(e, a), F();
 }
 //#endregion
 //#region src/lib/peach-sdk.ts
-var Na = {
+var La = {
 	prod: "https://checkout.peachpayments.com/js/checkout.js",
 	qa: "https://sandbox-checkout.peachpayments.com/js/checkout.js"
-}, Pa = null;
-function Fa() {
+}, Ra = null;
+function za() {
 	if (window.Checkout) return Promise.resolve();
-	if (Pa) return Pa;
-	let e = window, t = e.BW_CHECKOUT_ENV ?? "prod", n = e.BW_CHECKOUT_PEACH_SDK_URL ?? Na[t] ?? Na.prod;
-	return Pa = new Promise((e, t) => {
+	if (Ra) return Ra;
+	let e = window, t = e.BW_CHECKOUT_ENV ?? "prod", n = e.BW_CHECKOUT_PEACH_SDK_URL ?? La[t] ?? La.prod;
+	return Ra = new Promise((e, t) => {
 		let r = document.querySelector(`script[src="${n}"]`);
 		if (r) {
 			r.addEventListener("load", () => e()), r.addEventListener("error", () => t(/* @__PURE__ */ Error("Failed to load the Peach Payments SDK script")));
@@ -3631,18 +3666,18 @@ function Fa() {
 		}
 		let i = document.createElement("script");
 		i.src = n, i.onload = () => e(), i.onerror = () => t(/* @__PURE__ */ Error("Failed to load the Peach Payments SDK script")), document.head.appendChild(i);
-	}), Pa;
+	}), Ra;
 }
 //#endregion
 //#region src/lib/PaymentPage.svelte
-var Ia = /* @__PURE__ */ Y("<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>"), La = /* @__PURE__ */ Y("<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), Ra = /* @__PURE__ */ Y("<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 za(e, t) {
+var Ba = /* @__PURE__ */ Y("<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>"), Va = /* @__PURE__ */ Y("<div id=\"peach-container\" class=\"svelte-1ubcp68\"></div>"), Ha = /* @__PURE__ */ Y("<div class=\"payment-overlay svelte-1ubcp68\"><div class=\"payment-dialog svelte-1ubcp68\"><div class=\"page-header\"><h2>Payment</h2></div> <div class=\"body svelte-1ubcp68\"><!></div></div></div>");
+function Ua(e, t) {
 	P(t, !0);
 	let n = /* @__PURE__ */ z(!1), r = /* @__PURE__ */ z(""), i = null;
 	Zr(() => {
 		(async () => {
 			try {
-				await Fa();
+				await za();
 				let e = window.Checkout;
 				if (!e) {
 					B(n, !0), B(r, "Payment SDK not loaded");
@@ -3650,6 +3685,7 @@ function za(e, t) {
 				}
 				i = e.initiate({
 					checkoutId: t.checkoutId,
+					key: t.entityId,
 					customisations: {
 						card: { submitButtonText: "Pay Now" },
 						theme: { brand: { primary: "#E30613" } }
@@ -3678,73 +3714,85 @@ function za(e, t) {
 		i &&= (i.unmount(), null);
 	}
 	Qr(a);
-	var o = Ra(), s = V(o), c = V(s), l = U(c, 6);
-	M(s);
-	var u = U(s, 2), d = V(u), f = U(V(d), 2), p = V(f, !0);
-	M(f), M(d);
-	var m = U(d, 2), h = (e) => {
-		var t = Ia(), n = U(V(t), 4), i = V(n, !0);
+	var o = Ha(), s = V(o), c = U(V(s), 2), l = V(c), u = (e) => {
+		var t = Ba(), n = U(V(t), 4), i = V(n, !0);
 		M(n), M(t), W(() => Z(i, q(r) || "The checkout session may have expired.")), X(e, t);
-	}, g = (e) => {
-		var t = La();
-		Ae(2), X(e, t);
+	}, d = (e) => {
+		X(e, Va());
 	};
-	Q(m, (e) => {
-		q(n) ? e(h) : e(g, -1);
-	}), M(u), M(o), W(() => Z(p, t.totalFormatted)), J("click", c, function(...e) {
-		t.onBack?.apply(this, e);
-	}), J("click", l, function(...e) {
-		t.onClose?.apply(this, e);
-	}), X(e, o), F();
+	Q(l, (e) => {
+		q(n) ? e(u) : e(d, -1);
+	}), M(c), M(s), M(o), J("click", s, (e) => e.stopPropagation()), X(e, o), F();
 }
 cr(["click"]);
 //#endregion
 //#region src/lib/ResultView.svelte
-var Ba = /* @__PURE__ */ Y("<div class=\"spinner\"></div> <p class=\"hint svelte-16gfovn\">Verifying payment...</p>", 1), Va = /* @__PURE__ */ Y("<button class=\"btn btn-primary\">Done</button>"), Ha = /* @__PURE__ */ Y("<button class=\"btn btn-outline\">Try Again</button>"), Ua = /* @__PURE__ */ Y("<div> </div> <h2 class=\"svelte-16gfovn\"> </h2> <p class=\"desc svelte-16gfovn\"> </p> <!>", 1), Wa = /* @__PURE__ */ Y("<div class=\"result svelte-16gfovn\"><!></div>");
-function Ga(e, t) {
+var Wa = /* @__PURE__ */ Y("<div class=\"spinner\"></div> <p class=\"hint svelte-16gfovn\">Verifying payment...</p>", 1), Ga = /* @__PURE__ */ Y("<button class=\"btn btn-primary\">Check Again</button>"), Ka = /* @__PURE__ */ Y("<div class=\"icon pending svelte-16gfovn\">&hellip;</div> <h2 class=\"svelte-16gfovn\">Payment Received</h2> <p class=\"desc svelte-16gfovn\"> </p> <div class=\"actions svelte-16gfovn\"><!> <button class=\"btn btn-outline\">Close</button></div>", 1), qa = /* @__PURE__ */ Y("<button class=\"btn btn-primary\">Done</button>"), Ja = /* @__PURE__ */ Y("<button class=\"btn btn-outline\">Try Again</button>"), Ya = /* @__PURE__ */ Y("<button class=\"btn btn-outline\">Close</button>"), Xa = /* @__PURE__ */ Y("<div> </div> <h2 class=\"svelte-16gfovn\"> </h2> <p class=\"desc svelte-16gfovn\"> </p> <!>", 1), Za = /* @__PURE__ */ Y("<div class=\"result svelte-16gfovn\"><!></div>");
+function Qa(e, t) {
 	P(t, !0);
-	let n = /* @__PURE__ */ L(() => t.status?.outcome === "successful");
-	var r = Wa(), i = V(r), a = (e) => {
-		var t = Ba();
+	let n = /* @__PURE__ */ L(() => t.status?.outcome === "successful"), r = /* @__PURE__ */ L(() => t.status?.outcome === "pending"), i = /* @__PURE__ */ L(() => t.status?.outcome === "failed" && t.status.retryPayment !== !1);
+	var a = Za(), o = V(a), s = (e) => {
+		var t = Wa();
 		Ae(2), X(e, t);
-	}, o = (e) => {
-		var r = Ua(), i = H(r);
-		let a;
-		var o = V(i, !0);
-		M(i);
-		var s = U(i, 2), c = V(s, !0);
-		M(s);
-		var l = U(s, 2), u = V(l, !0);
-		M(l);
-		var d = U(l, 2), f = (e) => {
-			var n = Va();
+	}, c = (e) => {
+		var n = Ka(), r = U(H(n), 4), i = V(r, !0);
+		M(r);
+		var a = U(r, 2), o = V(a), s = (e) => {
+			var n = Ga();
+			J("click", n, function(...e) {
+				t.onCheckAgain?.apply(this, e);
+			}), X(e, n);
+		};
+		Q(o, (e) => {
+			t.onCheckAgain && e(s);
+		});
+		var c = U(o, 2);
+		M(a), W(() => Z(i, t.status?.resultDescription ?? "We're still confirming your booking - this can take a minute. Please don't try to pay again; we'll email your confirmation as soon as it's ready.")), J("click", c, function(...e) {
+			t.onDone?.apply(this, e);
+		}), X(e, n);
+	}, l = (e) => {
+		var r = Xa(), a = H(r);
+		let o;
+		var s = V(a, !0);
+		M(a);
+		var c = U(a, 2), l = V(c, !0);
+		M(c);
+		var u = U(c, 2), d = V(u, !0);
+		M(u);
+		var f = U(u, 2), p = (e) => {
+			var n = qa();
 			J("click", n, function(...e) {
 				t.onDone?.apply(this, e);
 			}), X(e, n);
-		}, p = (e) => {
-			var n = Ha();
+		}, m = (e) => {
+			var n = Ja();
 			J("click", n, function(...e) {
 				t.onRetry?.apply(this, e);
 			}), X(e, n);
+		}, h = (e) => {
+			var n = Ya();
+			J("click", n, function(...e) {
+				t.onDone?.apply(this, e);
+			}), X(e, n);
 		};
-		Q(d, (e) => {
-			q(n) ? e(f) : e(p, -1);
+		Q(f, (e) => {
+			q(n) ? e(p) : q(i) ? e(m, 1) : e(h, -1);
 		}), W(() => {
-			a = Fr(i, 1, "icon svelte-16gfovn", null, a, {
+			o = Fr(a, 1, "icon svelte-16gfovn", null, o, {
 				success: q(n),
 				failure: !q(n)
-			}), Z(o, q(n) ? "✓" : "!"), Z(c, q(n) ? "Payment Successful" : "Payment Failed"), Z(u, q(n) ? "Your booking has been confirmed." : t.status?.resultDescription ?? "Something went wrong. Please try again.");
+			}), Z(s, q(n) ? "✓" : "!"), Z(l, q(n) ? "Payment Successful" : "Payment Failed"), Z(d, q(n) ? "Your booking has been confirmed." : t.status?.resultDescription ?? "Something went wrong. Please try again.");
 		}), X(e, r);
 	};
-	Q(i, (e) => {
-		t.verifying ? e(a) : e(o, -1);
-	}), M(r), X(e, r), F();
+	Q(o, (e) => {
+		t.verifying ? e(s) : q(r) ? e(c, 1) : e(l, -1);
+	}), M(a), X(e, a), F();
 }
 cr(["click"]);
 //#endregion
 //#region src/lib/EditBookingView.svelte
-var Ka = /* @__PURE__ */ Y("<p class=\"edit-error svelte-15l4305\"> </p>"), qa = /* @__PURE__ */ Y("<div class=\"saving-overlay svelte-15l4305\"><div class=\"spinner\"></div></div>"), Ja = /* @__PURE__ */ Y("<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><!> <!></div></div>");
-function Ya(e, t) {
+var $a = /* @__PURE__ */ Y("<p class=\"edit-error svelte-15l4305\"> </p>"), eo = /* @__PURE__ */ Y("<div class=\"saving-overlay svelte-15l4305\"><div class=\"spinner\"></div></div>"), to = /* @__PURE__ */ Y("<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><!> <!></div></div>");
+function no(e, t) {
 	P(t, !0);
 	let n = Xr(t, "autoSelectSingleTimeSlot", 3, !1), r = /* @__PURE__ */ z(!1), i = /* @__PURE__ */ z(null);
 	async function a(e) {
@@ -3757,20 +3805,22 @@ function Ya(e, t) {
 				availabilityId: e.availabilityId,
 				localDate: e.localDate,
 				pickupPointId: e.pickupPointId,
-				amount: e.totalPrice,
-				currencyCode: e.currency,
-				currencyPrecision: e.currencyPrecision
+				amount: e.totalPrice
 			}), t.onUpdated();
 		} catch (e) {
+			if (_i(e)) {
+				B(i, "This item's price has changed. Please check the updated price and save again."), await t.onPriceChanged?.();
+				return;
+			}
 			B(i, e instanceof gi && e.status === 424 ? "This change could not be saved - the supplier rejected it. Please try different options." : "Something went wrong saving your changes. Please try again.", !0);
 		} finally {
 			B(r, !1);
 		}
 	}
-	var o = Ja(), s = V(o), c = V(s), l = U(c, 6);
+	var o = to(), s = V(o), c = V(s), l = U(c, 6);
 	M(s);
 	var u = U(s, 2), d = (e) => {
-		var t = Ka(), n = V(t, !0);
+		var t = $a(), n = V(t, !0);
 		M(t), W(() => Z(n, q(i))), X(e, t);
 	};
 	Q(u, (e) => {
@@ -3780,8 +3830,8 @@ function Ya(e, t) {
 	let p;
 	var m = V(f);
 	{
-		let e = /* @__PURE__ */ L(() => t.wizardPages ?? Ci), r = /* @__PURE__ */ L(() => t.editPages ?? t.wizardPages ?? Ci);
-		xa(m, {
+		let e = /* @__PURE__ */ L(() => t.wizardPages ?? Oi), r = /* @__PURE__ */ L(() => t.editPages ?? t.wizardPages ?? Oi);
+		Ta(m, {
 			get product() {
 				return t.product;
 			},
@@ -3807,7 +3857,7 @@ function Ya(e, t) {
 		});
 	}
 	var h = U(m, 2), g = (e) => {
-		X(e, qa());
+		X(e, eo());
 	};
 	Q(h, (e) => {
 		q(r) && e(g);
@@ -3820,17 +3870,17 @@ function Ya(e, t) {
 cr(["click"]);
 //#endregion
 //#region src/lib/CheckoutModal.svelte
-var Xa = /* @__PURE__ */ Y("<div class=\"loading-center\" style=\"height:100%\"><div class=\"spinner\"></div></div>"), Za = /* @__PURE__ */ Y("<p class=\"pay-error svelte-i0rtg0\"> </p>"), Qa = /* @__PURE__ */ Y("<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\"> <span class=\"arrow svelte-i0rtg0\">&rarr;</span></button></div>", 1), $a = /* @__PURE__ */ Y("<p class=\"cart-detail svelte-i0rtg0\"> </p>"), eo = /* @__PURE__ */ Y("<div class=\"cart-unit-line svelte-i0rtg0\"><span class=\"cart-unit-label svelte-i0rtg0\"> </span> <span class=\"cart-unit-price svelte-i0rtg0\"> </span></div>"), to = /* @__PURE__ */ Y("<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>"), no = /* @__PURE__ */ Y("<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), ro = /* @__PURE__ */ Y("<div class=\"modal svelte-i0rtg0\"><!></div>");
-function io(e, t) {
+var ro = /* @__PURE__ */ Y("<div class=\"loading-center\" style=\"height:100%\"><div class=\"spinner\"></div></div>"), io = /* @__PURE__ */ Y("<p class=\"pay-error svelte-i0rtg0\"> </p>"), ao = /* @__PURE__ */ Y("<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\"> <span class=\"arrow svelte-i0rtg0\">&rarr;</span></button></div>", 1), oo = /* @__PURE__ */ Y("<p class=\"cart-detail svelte-i0rtg0\"> </p>"), so = /* @__PURE__ */ Y("<div class=\"cart-unit-line svelte-i0rtg0\"><span class=\"cart-unit-label svelte-i0rtg0\"> </span> <span class=\"cart-unit-price svelte-i0rtg0\"> </span></div>"), co = /* @__PURE__ */ Y("<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>"), lo = /* @__PURE__ */ Y("<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), uo = /* @__PURE__ */ Y("<div class=\"modal svelte-i0rtg0\"><!></div>");
+function fo(e, t) {
 	P(t, !0);
-	let n = Xr(t, "cart", 7), r = Xr(t, "autoSelectSingleTimeSlot", 3, !1), i = /* @__PURE__ */ z("cart"), a = /* @__PURE__ */ z(null), o = /* @__PURE__ */ z(null), s = /* @__PURE__ */ z(null), c = /* @__PURE__ */ z(!1), l = /* @__PURE__ */ z(!0), u = /* @__PURE__ */ z(!1), d = /* @__PURE__ */ z(!1), f = /* @__PURE__ */ z(!1), p = /* @__PURE__ */ z(!1), m = /* @__PURE__ */ z(null), h = /* @__PURE__ */ z(!1), g = /* @__PURE__ */ z(""), _ = /* @__PURE__ */ z(""), v = /* @__PURE__ */ z(""), y = /* @__PURE__ */ z(""), b = /* @__PURE__ */ z(null), x = /* @__PURE__ */ z(Gt(/* @__PURE__ */ new Map()));
+	let n = Xr(t, "cart", 7), r = Xr(t, "autoSelectSingleTimeSlot", 3, !1), i = /* @__PURE__ */ z("cart"), a = /* @__PURE__ */ z(null), o = /* @__PURE__ */ z(null), s = /* @__PURE__ */ z(null), c = /* @__PURE__ */ z(null), l = /* @__PURE__ */ z(!0), u = /* @__PURE__ */ z(!1), d = /* @__PURE__ */ z(!1), f = /* @__PURE__ */ z(!1), p = /* @__PURE__ */ z(!1), m = /* @__PURE__ */ z(null), h = /* @__PURE__ */ z(!1), g = /* @__PURE__ */ z(""), _ = /* @__PURE__ */ z(""), v = /* @__PURE__ */ z(""), y = /* @__PURE__ */ z(""), b = /* @__PURE__ */ z(null), x = /* @__PURE__ */ z(Gt(/* @__PURE__ */ new Map()));
 	async function S() {
 		let e = [...new Set(n().items.map((e) => e.productId))], r = await Promise.all(e.map((e) => t.api.getProduct(e))), i = /* @__PURE__ */ new Map();
 		for (let e of r) i.set(e.id, e);
 		B(x, i, !0), B(l, !1);
 	}
 	S();
-	let C = /* @__PURE__ */ L(() => () => n().items.reduce((e, t) => e + t.amount, 0)), w = /* @__PURE__ */ L(() => () => n().items[0]?.currencyCode ?? "ZAR"), T = /* @__PURE__ */ L(() => () => Ai(q(C)(), q(w)(), 2, 2)), ee = /* @__PURE__ */ L(() => () => new Date(n().absoluteExpiresAt));
+	let C = /* @__PURE__ */ L(() => () => n().items.reduce((e, t) => e + t.amount, 0)), w = /* @__PURE__ */ L(() => () => n().items[0]?.currencyCode ?? "ZAR"), T = /* @__PURE__ */ L(() => () => Pi(q(C)(), q(w)(), 2, 2)), ee = /* @__PURE__ */ L(() => () => new Date(n().absoluteExpiresAt));
 	function te(e) {
 		return q(x).get(e.productId)?.title ?? e.productId;
 	}
@@ -3870,9 +3920,9 @@ function io(e, t) {
 			"Dec"
 		][n.getMonth()]} ${n.getFullYear()}`;
 	}
-	Qr(() => Oi({ type: "modal:close" }));
+	Qr(() => Ei({ type: "modal:close" }));
 	function ie() {
-		Oi({ type: "modal:close" }), t.onClose();
+		Ei({ type: "modal:close" }), t.onClose();
 	}
 	function ae() {
 		ie();
@@ -3890,13 +3940,17 @@ function io(e, t) {
 		n(r), se(r), n().items.length === 0 && ie();
 	}
 	function se(e) {
-		Oi({
+		Ei({
 			type: "cart:updated",
 			cart: e
 		});
 	}
 	async function ce() {
 		if (B(p, !0), !q(b)?.isValid() || !q(d)) return;
+		if (q(o)) {
+			B(i, "payment");
+			return;
+		}
 		let e = q(b).getContact();
 		B(h, !0), B(m, null);
 		try {
@@ -3912,68 +3966,84 @@ function io(e, t) {
 			B(i, "contact");
 			return;
 		}
-		if (e.status === "expired") {
-			B(c, !0), B(u, !1), B(i, "result");
+		if (e.status === "expired" || e.status === "error") {
+			B(c, "notCharged"), B(u, !1), B(i, "result");
 			return;
 		}
-		B(u, !0), B(i, "result");
-		for (let e = 1; e <= 10; e++) try {
+		B(i, "result"), await de();
+	}
+	async function ue() {
+		try {
 			B(s, await t.api.confirmCart(), !0);
 			let e = q(s).items.every((e) => e.statusCode >= 200 && e.statusCode < 300);
-			B(c, !e), B(u, !1), e && (Oi({ type: "modal:close" }), t.onOrderConfirmed());
-			return;
-		} catch (t) {
-			if (!(t instanceof gi && t.status === 402) || e === 10) {
-				B(c, !0), B(u, !1);
+			return B(c, e ? "success" : "partial", !0), e && t.onOrderConfirmed(), "settled";
+		} catch (e) {
+			return e instanceof gi && (e.status === 402 || e.status === 409) ? "awaitingWebhook" : (B(c, "pending"), "settled");
+		}
+	}
+	async function de() {
+		B(u, !0), B(c, null);
+		for (let e = 1; e <= 10; e++) {
+			if (await ue() === "settled") {
+				B(u, !1);
+				return;
+			}
+			if (e === 10) {
+				B(c, "pending"), B(u, !1);
 				return;
 			}
 			await new Promise((e) => setTimeout(e, 1500));
 		}
 	}
-	var ue = ro(), de = V(ue), fe = (e) => {
-		X(e, Xa());
-	}, pe = (e) => {
-		{
-			let t = /* @__PURE__ */ L(() => q(T)());
-			za(e, {
-				get checkoutId() {
-					return q(o).checkoutId;
-				},
-				get totalFormatted() {
-					return q(t);
-				},
-				onBack: () => {
-					B(i, "contact");
-				},
-				onClose: ie,
-				onPaymentComplete: le
-			});
-		}
-	}, me = (e) => {
+	async function fe() {
+		B(u, !0), await ue() === "awaitingWebhook" && B(c, "pending"), B(u, !1);
+	}
+	let pe = /* @__PURE__ */ L(() => q(u) ? null : q(c) === "success" ? { outcome: "successful" } : q(c) === "pending" ? { outcome: "pending" } : q(c) === "partial" ? {
+		outcome: "failed",
+		resultDescription: "Your payment succeeded, but we couldn't confirm every item in your booking. Please contact us with your order details.",
+		retryPayment: !1
+	} : q(c) === "notCharged" ? {
+		outcome: "failed",
+		resultDescription: "Your payment could not be completed. Please try again.",
+		retryPayment: !0
+	} : null);
+	var me = uo(), he = V(me), ge = (e) => {
+		X(e, ro());
+	}, _e = (e) => {
+		Ua(e, {
+			get checkoutId() {
+				return q(o).checkoutId;
+			},
+			get entityId() {
+				return q(o).entityId;
+			},
+			onPaymentComplete: le
+		});
+	}, ve = (e) => {
 		{
-			let n = /* @__PURE__ */ L(() => q(u) ? null : q(c) ? {
-				outcome: "failed",
-				resultDescription: "Something went wrong confirming your order. Please try again."
-			} : { outcome: "successful" });
-			Ga(e, {
+			let t = /* @__PURE__ */ L(() => q(c) === "pending" ? fe : void 0);
+			Qa(e, {
 				get status() {
-					return q(n);
+					return q(pe);
 				},
 				get verifying() {
 					return q(u);
 				},
 				onDone: () => {
-					Oi({ type: "modal:close" }), t.onOrderConfirmed();
+					Ei({ type: "modal:close" });
 				},
 				onRetry: () => {
 					B(i, "payment");
+				},
+				get onCheckAgain() {
+					return q(t);
 				}
 			});
 		}
-	}, he = (e) => {
+	}, ye = (e) => {
 		{
 			let n = /* @__PURE__ */ L(() => q(x).get(q(a).productId));
-			Ya(e, {
+			no(e, {
 				get cartItem() {
 					return q(a);
 				},
@@ -3996,21 +4066,22 @@ function io(e, t) {
 					B(i, "cart");
 				},
 				onClose: ie,
-				onUpdated: O
+				onUpdated: O,
+				onPriceChanged: S
 			});
 		}
-	}, ge = /* @__PURE__ */ L(() => q(i) === "edit" && q(a) && q(x).get(q(a).productId)), _e = (e) => {
-		var t = Qa(), n = H(t), r = V(n), a = U(r, 6);
+	}, be = /* @__PURE__ */ L(() => q(i) === "edit" && q(a) && q(x).get(q(a).productId)), xe = (e) => {
+		var t = ao(), n = H(t), r = V(n), a = U(r, 6);
 		M(n);
 		var o = U(n, 2), s = V(o), c = (e) => {
-			var t = Za(), n = V(t, !0);
+			var t = io(), n = V(t, !0);
 			M(t), W(() => Z(n, q(m))), X(e, t);
 		};
 		Q(s, (e) => {
 			q(m) && e(c);
 		});
 		var l = U(s, 4);
-		Yr(Oa(l, {
+		Yr(Ma(l, {
 			get hasAttemptedSubmit() {
 				return q(p);
 			},
@@ -4040,7 +4111,7 @@ function io(e, t) {
 			}
 		}), (e) => B(b, e, !0), () => q(b));
 		var u = U(l, 2);
-		Aa(V(u), {
+		Pa(V(u), {
 			get privacyAccepted() {
 				return q(d);
 			},
@@ -4065,11 +4136,11 @@ function io(e, t) {
 		}, [() => q(T)()]), J("click", r, () => {
 			B(i, "cart");
 		}), J("click", a, ie), J("click", w, ce), X(e, t);
-	}, ve = (e) => {
-		var t = no(), r = H(t), a = U(V(r), 4);
+	}, Se = (e) => {
+		var t = lo(), r = H(t), a = U(V(r), 4);
 		{
 			let e = /* @__PURE__ */ L(() => q(ee)());
-			Ma(a, { get expiresAt() {
+			Ia(a, { get expiresAt() {
 				return q(e);
 			} });
 		}
@@ -4077,12 +4148,12 @@ function io(e, t) {
 		M(r);
 		var s = U(r, 2), c = V(s);
 		Er(c, 17, () => n().items, $, (e, t) => {
-			var n = to(), r = V(n), i = V(r), a = V(i, !0);
+			var n = co(), r = V(n), i = V(r), a = V(i, !0);
 			M(i);
 			var o = U(i, 2), s = V(o, !0);
 			M(o), M(r);
 			var c = U(r, 2), l = V(c), u = (e) => {
-				var n = $a(), r = V(n, !0);
+				var n = oo(), r = V(n, !0);
 				M(n), W((e) => Z(r, e), [() => re(q(t))]), X(e, n);
 			}, d = /* @__PURE__ */ L(() => re(q(t)));
 			Q(l, (e) => {
@@ -4092,19 +4163,19 @@ function io(e, t) {
 			M(f), M(c);
 			var m = U(c, 4);
 			Er(m, 21, () => E(q(t)), $, (e, n) => {
-				var r = eo(), i = V(r), a = V(i);
+				var r = so(), i = V(r), a = V(i);
 				M(i);
 				var o = U(i, 2), s = V(o, !0);
 				M(o), M(r), W((e) => {
 					Z(a, `${q(n).title ?? ""} × ${q(n).quantity ?? ""}`), Z(s, e);
-				}, [() => Ai(q(n).linePrice, q(t).currencyCode, 2, 0)]), X(e, r);
+				}, [() => Pi(q(n).linePrice, q(t).currencyCode, 2, 0)]), X(e, r);
 			}), M(m);
 			var h = U(m, 2), g = V(h), _ = U(g, 2);
 			M(h), M(n), W((e, t, n) => {
 				Z(a, e), Z(s, t), Z(p, n);
 			}, [
 				() => te(q(t)),
-				() => Ai(q(t).amount, q(t).currencyCode, 2, 0),
+				() => Pi(q(t).amount, q(t).currencyCode, 2, 0),
 				() => ne(q(t))
 			]), J("click", g, () => D(q(t))), J("click", _, () => oe(q(t))), X(e, n);
 		});
@@ -4115,17 +4186,17 @@ function io(e, t) {
 			B(i, "contact");
 		}), X(e, t);
 	};
-	Q(de, (e) => {
-		q(l) ? e(fe) : q(i) === "payment" && q(o) ? e(pe, 1) : q(i) === "result" ? e(me, 2) : q(ge) ? e(he, 3) : q(i) === "contact" ? e(_e, 4) : e(ve, -1);
-	}), M(ue), X(e, ue), F();
+	Q(he, (e) => {
+		q(l) ? e(ge) : q(i) === "payment" && q(o) ? e(_e, 1) : q(i) === "result" ? e(ve, 2) : q(be) ? e(ye, 3) : q(i) === "contact" ? e(xe, 4) : e(Se, -1);
+	}), M(me), X(e, me), F();
 }
 cr(["click"]);
 //#endregion
 //#region src/lib/Checkout.svelte
-var ao = /* @__PURE__ */ Y("<div class=\"loading-center\" style=\"height:100vh\"><div class=\"spinner\"></div></div>"), oo = /* @__PURE__ */ Y("<div class=\"loading-center\" style=\"height:100vh;color:var(--bw-color-text-secondary)\">No items in cart.</div>"), so = /* @__PURE__ */ Y("<div class=\"bw-widget svelte-5e515v\"><!></div>");
-function co(e, t) {
+var po = /* @__PURE__ */ Y("<div class=\"loading-center\" style=\"height:100vh\"><div class=\"spinner\"></div></div>"), mo = /* @__PURE__ */ Y("<div class=\"loading-center\" style=\"height:100vh;color:var(--bw-color-text-secondary)\">No items in cart.</div>"), ho = /* @__PURE__ */ Y("<div class=\"bw-widget svelte-5e515v\"><!></div>");
+function go(e, t) {
 	P(t, !0);
-	let n = Xr(t, "wizardPages", 3, Ci), r = Xr(t, "autoSelectSingleTimeSlot", 3, !1), i = /* @__PURE__ */ L(() => t.editPages ?? n()), a = /* @__PURE__ */ z(null), o = /* @__PURE__ */ z(!0);
+	let n = Xr(t, "wizardPages", 3, Oi), r = Xr(t, "autoSelectSingleTimeSlot", 3, !1), i = /* @__PURE__ */ L(() => t.editPages ?? n()), a = /* @__PURE__ */ z(null), o = /* @__PURE__ */ z(!0);
 	async function s() {
 		try {
 			B(a, await t.api.getCart(), !0);
@@ -4134,21 +4205,13 @@ function co(e, t) {
 		}
 		B(o, !1);
 	}
-	s();
-	function c(e) {
-		let t;
-		try {
-			t = typeof e.data == "string" ? JSON.parse(e.data) : e.data;
-		} catch {
-			return;
-		}
-		t?.type === "cart:updated" && "cart" in t && B(a, t.cart, !0);
-	}
-	un(() => (window.addEventListener("message", c), () => window.removeEventListener("message", c)));
-	var l = so(), u = V(l), d = (e) => {
-		X(e, ao());
-	}, f = (e) => {
-		io(e, {
+	s(), un(() => Di((e) => {
+		e.type === "cart:updated" && "cart" in e && B(a, e.cart, !0);
+	}));
+	var c = ho(), l = V(c), u = (e) => {
+		X(e, po());
+	}, d = (e) => {
+		fo(e, {
 			get cart() {
 				return q(a);
 			},
@@ -4164,39 +4227,39 @@ function co(e, t) {
 			get autoSelectSingleTimeSlot() {
 				return r();
 			},
-			onClose: () => Oi({ type: "modal:close" }),
+			onClose: () => Ei({ type: "modal:close" }),
 			onOrderConfirmed: () => {
-				let e = q(a).items.reduce((e, t) => e + t.amount, 0), t = q(a).items[0]?.currencyCode ?? "ZAR";
-				Oi({
+				let e = q(a).items.reduce((e, t) => e + t.amount, 0), n = q(a).items[0]?.currencyCode ?? "ZAR";
+				Ei({
 					type: "order:complete",
 					cartToken: q(a).cartToken,
 					value: e,
-					currency: t
-				});
+					currency: n
+				}), t.cartManager?.reset();
 			}
 		});
-	}, p = (e) => {
-		X(e, oo());
+	}, f = (e) => {
+		X(e, mo());
 	};
-	Q(u, (e) => {
-		q(o) ? e(d) : q(a) && q(a).items.length > 0 ? e(f, 1) : e(p, -1);
-	}), M(l), X(e, l), F();
+	Q(l, (e) => {
+		q(o) ? e(u) : q(a) && q(a).items.length > 0 ? e(d, 1) : e(f, -1);
+	}), M(c), X(e, c), F();
 }
 //#endregion
 //#region src/lib/CartBarView.svelte
-var lo = /* @__PURE__ */ Y("<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 uo(e, t) {
+var _o = /* @__PURE__ */ Y("<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 vo(e, t) {
 	P(t, !0);
 	let n = /* @__PURE__ */ L(() => t.cart?.items.length ?? 0), r = /* @__PURE__ */ L(() => () => {
 		if (!t.cart || t.cart.items.length === 0) return "";
 		let e = t.cart.items[0].currencyCode;
-		return Ai(t.cart.items.reduce((e, t) => e + t.amount, 0), e, 2, 2);
+		return Pi(t.cart.items.reduce((e, t) => e + t.amount, 0), e, 2, 2);
 	}), i = /* @__PURE__ */ L(() => () => t.cart ? new Date(t.cart.absoluteExpiresAt) : /* @__PURE__ */ new Date());
 	var a = gr(), o = H(a), s = (e) => {
-		var t = lo(), a = V(t), o = V(a), s = V(o), c = U(s);
+		var t = _o(), a = V(t), o = V(a), s = V(o), c = U(s);
 		{
 			let e = /* @__PURE__ */ L(() => q(i)());
-			Ma(c, { get expiresAt() {
+			Ia(c, { get expiresAt() {
 				return q(e);
 			} });
 		}
@@ -4206,7 +4269,7 @@ function uo(e, t) {
 		var d = U(a, 2);
 		M(t), W((e) => {
 			Z(s, `${q(n) === 1 ? "1 item" : `${q(n)} items`} `), Z(u, e);
-		}, [() => q(r)()]), J("click", d, () => Oi({ type: "modal:open" })), X(e, t);
+		}, [() => q(r)()]), J("click", d, () => Ei({ type: "modal:open" })), X(e, t);
 	};
 	Q(o, (e) => {
 		t.cart && t.cart.items.length > 0 && e(s);
@@ -4215,7 +4278,7 @@ function uo(e, t) {
 cr(["click"]);
 //#endregion
 //#region src/lib/CartBar.svelte
-function fo(e, t) {
+function yo(e, t) {
 	P(t, !0);
 	let n = /* @__PURE__ */ z(null), r = /* @__PURE__ */ z(!0);
 	async function i() {
@@ -4226,30 +4289,22 @@ function fo(e, t) {
 		}
 		B(r, !1);
 	}
-	i();
-	function a(e) {
-		let t;
-		try {
-			t = typeof e.data == "string" ? JSON.parse(e.data) : e.data;
-		} catch {
-			return;
-		}
-		t?.type === "cart:updated" && "cart" in t && B(n, t.cart, !0);
-	}
-	un(() => (window.addEventListener("message", a), () => window.removeEventListener("message", a)));
-	var o = gr(), s = H(o), c = (e) => {
-		uo(e, { get cart() {
+	i(), un(() => Di((e) => {
+		e.type === "cart:updated" && "cart" in e && B(n, e.cart, !0);
+	}));
+	var a = gr(), o = H(a), s = (e) => {
+		vo(e, { get cart() {
 			return q(n);
 		} });
 	};
-	Q(s, (e) => {
-		q(r) || e(c);
-	}), X(e, o), F();
+	Q(o, (e) => {
+		q(r) || e(s);
+	}), X(e, a), F();
 }
 //#endregion
 //#region src/lib/CartOverviewButton.svelte
-var po = /* @__PURE__ */ Y("<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-timer svelte-16bjfem\"> </span></button>");
-function mo(e, t) {
+var bo = /* @__PURE__ */ Y("<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-timer svelte-16bjfem\"> </span></button>");
+function xo(e, t) {
 	P(t, !0);
 	let n = /* @__PURE__ */ z(null), r = /* @__PURE__ */ z("");
 	async function i() {
@@ -4259,18 +4314,10 @@ function mo(e, t) {
 			B(n, null);
 		}
 	}
-	i();
-	function a(e) {
-		let t;
-		try {
-			t = typeof e.data == "string" ? JSON.parse(e.data) : e.data;
-		} catch {
-			return;
-		}
-		t?.type === "cart:updated" && "cart" in t && B(n, t.cart, !0);
-	}
-	un(() => (window.addEventListener("message", a), () => window.removeEventListener("message", a)));
-	function o() {
+	i(), un(() => Di((e) => {
+		e.type === "cart:updated" && "cart" in e && B(n, e.cart, !0);
+	}));
+	function a() {
 		if (!q(n)) {
 			B(r, "0:00");
 			return;
@@ -4278,28 +4325,28 @@ function mo(e, t) {
 		let e = Math.max(0, new Date(q(n).absoluteExpiresAt).getTime() - Date.now()), t = Math.floor(e / 6e4), i = Math.floor(e % 6e4 / 1e3);
 		B(r, `${t}:${String(i).padStart(2, "0")}`);
 	}
-	o();
-	let s = setInterval(o, 1e3);
-	Qr(() => clearInterval(s));
-	let c = /* @__PURE__ */ L(() => q(n)?.items.length ?? 0);
-	var l = gr(), u = H(l), d = (e) => {
-		var t = po(), n = U(V(t), 2), i = V(n, !0);
+	a();
+	let o = setInterval(a, 1e3);
+	Qr(() => clearInterval(o));
+	let s = /* @__PURE__ */ L(() => q(n)?.items.length ?? 0);
+	var c = gr(), l = H(c), u = (e) => {
+		var t = bo(), n = U(V(t), 2), i = V(n, !0);
 		M(n);
 		var a = U(n, 2), o = V(a, !0);
 		M(a), M(t), W(() => {
-			Z(i, q(c)), Z(o, q(r));
-		}), J("click", t, () => Oi({ type: "modal:open" })), X(e, t);
+			Z(i, q(s)), Z(o, q(r));
+		}), J("click", t, () => Ei({ type: "modal:open" })), X(e, t);
 	};
-	Q(u, (e) => {
-		q(n) && q(n).items.length > 0 && e(d);
-	}), X(e, l), F();
+	Q(l, (e) => {
+		q(n) && q(n).items.length > 0 && e(u);
+	}), X(e, c), F();
 }
 cr(["click"]);
 //#endregion
 //#region src/lib/CartOverview.svelte
-function ho(e, t) {
+function So(e, t) {
 	var n = gr(), r = H(n), i = (e) => {
-		mo(e, {
+		xo(e, {
 			get api() {
 				return t.api;
 			},
@@ -4308,7 +4355,7 @@ function ho(e, t) {
 			}
 		});
 	}, a = (e) => {
-		fo(e, {
+		yo(e, {
 			get api() {
 				return t.api;
 			},
@@ -4323,18 +4370,18 @@ function ho(e, t) {
 }
 //#endregion
 //#region src/lib/index.ts
-function go(e) {
-	let t = new _i(e.apiBaseUrl ?? ""), n = new bi(t), r = new Si(t);
+function Co(e) {
+	let t = new vi(e.apiBaseUrl ?? ""), n = new xi(t), r = new wi(t);
 	return n.startBackgroundRefresh(), {
 		api: t,
 		sessionManager: n,
 		cartManager: r
 	};
 }
-async function _o(e, t) {
-	let { api: n, sessionManager: r, cartManager: i } = go(t);
+async function wo(e, t) {
+	let { api: n, sessionManager: r, cartManager: i } = Co(t);
 	await r.ensureSession(t.checkoutKey ?? "");
-	let a = _r(Ea, {
+	let a = _r(Aa, {
 		target: e,
 		props: {
 			api: n,
@@ -4344,76 +4391,56 @@ async function _o(e, t) {
 			autoSelectSingleTimeSlot: t.autoSelectSingleTimeSlot ?? !1,
 			onCancel: t.onCancel
 		}
+	}), o = Di((e) => {
+		e.type === "cart:change" && t.onCartChange && t.onCartChange({
+			itemCount: e.itemCount ?? 0,
+			cartItemId: e.cartItemId ?? "",
+			totalFormatted: e.totalFormatted ?? ""
+		}), e.type === "cart:updated" && "cart" in e && t.onCartUpdated?.(e.cart);
 	});
-	function o(e) {
-		let n;
-		try {
-			n = typeof e.data == "string" ? JSON.parse(e.data) : e.data;
-		} catch {
-			return;
-		}
-		n?.type && (n.type === "cart:change" && t.onCartChange && t.onCartChange({
-			itemCount: n.itemCount ?? 0,
-			cartItemId: n.cartItemId ?? "",
-			totalFormatted: n.totalFormatted ?? ""
-		}), n.type === "cart:updated" && "cart" in n && t.onCartUpdated?.(n.cart));
-	}
-	return window.addEventListener("message", o), { destroy() {
-		window.removeEventListener("message", o), r.stop(), xr(a);
+	return { destroy() {
+		o(), r.stop(), xr(a);
 	} };
 }
-async function vo(e, t) {
-	let { api: n, sessionManager: r } = go(t);
+async function To(e, t) {
+	let { api: n, sessionManager: r, cartManager: i } = Co(t);
 	await r.ensureSession(t.checkoutKey ?? "");
-	let i = _r(co, {
+	let a = _r(go, {
 		target: e,
 		props: {
 			api: n,
+			cartManager: i,
 			wizardPages: t.wizardPages,
 			editPages: t.editPages,
 			autoSelectSingleTimeSlot: t.autoSelectSingleTimeSlot ?? !1
 		}
+	}), o = Di((e) => {
+		e.type === "modal:close" && t.onClose && t.onClose(), e.type === "order:complete" && t.onOrderConfirmed && t.onOrderConfirmed({
+			cartToken: e.cartToken ?? "",
+			value: e.value ?? 0,
+			currency: e.currency ?? "ZAR"
+		}), e.type === "cart:updated" && "cart" in e && t.onCartUpdated?.(e.cart);
 	});
-	function a(e) {
-		let n;
-		try {
-			n = typeof e.data == "string" ? JSON.parse(e.data) : e.data;
-		} catch {
-			return;
-		}
-		n?.type && (n.type === "modal:close" && t.onClose && t.onClose(), n.type === "order:complete" && t.onOrderConfirmed && t.onOrderConfirmed({
-			cartToken: n.cartToken ?? "",
-			value: n.value ?? 0,
-			currency: n.currency ?? "ZAR"
-		}), n.type === "cart:updated" && "cart" in n && t.onCartUpdated?.(n.cart));
-	}
-	return window.addEventListener("message", a), { destroy() {
-		window.removeEventListener("message", a), r.stop(), xr(i);
+	return { destroy() {
+		o(), r.stop(), xr(a);
 	} };
 }
-async function yo(e, t) {
-	let { api: n, sessionManager: r, cartManager: i } = go(t);
+async function Eo(e, t) {
+	let { api: n, sessionManager: r, cartManager: i } = Co(t);
 	await r.ensureSession(t.checkoutKey ?? "");
-	let a = _r(ho, {
+	let a = _r(So, {
 		target: e,
 		props: {
 			api: n,
 			cartManager: i,
 			display: t.display ?? "bar"
 		}
+	}), o = Di((e) => {
+		e.type === "modal:open" && t.onCheckout && t.onCheckout(), e.type === "cart:updated" && "cart" in e && t.onCartUpdated?.(e.cart);
 	});
-	function o(e) {
-		let n;
-		try {
-			n = typeof e.data == "string" ? JSON.parse(e.data) : e.data;
-		} catch {
-			return;
-		}
-		n?.type && (n.type === "modal:open" && t.onCheckout && t.onCheckout(), n.type === "cart:updated" && "cart" in n && t.onCartUpdated?.(n.cart));
-	}
-	return window.addEventListener("message", o), { destroy() {
-		window.removeEventListener("message", o), r.stop(), xr(a);
+	return { destroy() {
+		o(), r.stop(), xr(a);
 	} };
 }
 //#endregion
-export { _i as ApiClient, gi as ApiError, fo as CartBar, Si as CartManager, ho as CartOverview, mo as CartOverviewButton, co as Checkout, Ci as DEFAULT_WIZARD_PAGES, bi as SessionManager, Ea as TicketConfigurator, yo as mountCartOverview, vo as mountCheckout, _o as mountConfigurator, Di as resolveEditPages, Ti as resolveWizardPages };
+export { vi as ApiClient, gi as ApiError, yo as CartBar, wi as CartManager, So as CartOverview, xo as CartOverviewButton, go as Checkout, Oi as DEFAULT_WIZARD_PAGES, xi as SessionManager, Aa as TicketConfigurator, Eo as mountCartOverview, To as mountCheckout, wo as mountConfigurator, Mi as resolveEditPages, Ai as resolveWizardPages };