@oneclick.dev/cms-core-modules 0.0.106 → 0.0.107

package/dist/Detail-DAafePYi.mjs

@@ -0,0 +1,485 @@
+import { t as e } from "./lib-BZgXUui5.mjs";
+import { c as t, d as n, i as r, l as i, n as a, o, s, t as c, u as l } from "./vee-validate-zod-D9dZzbWZ.mjs";
+import { t as u } from "./countries-MXLT3mVe.mjs";
+import { useConfirmation as d, useFirebaseIntegration as f, useModuleBreadcrumbs as p, useModulePermissions as m, useModuleRoute as h } from "@oneclick.dev/cms-kit";
+import { Fragment as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createTextVNode as S, createVNode as C, defineComponent as w, inject as T, isRef as E, normalizeClass as D, onMounted as ee, openBlock as O, provide as te, ref as k, renderList as A, resolveComponent as j, toDisplayString as M, unref as N, watch as P, withCtx as F } from "vue";
+import { Check as I, ChevronRight as L, ChevronsUpDown as R, Loader2 as z, Search as B, Tag as V, Trash as H, X as U } from "@lucide/vue";
+//#region src/shippingOptions/components/detail/Main.vue?vue&type=script&setup=true&lang.ts
+var W = { class: "flex flex-col gap-4" }, G = { class: "flex flex-col gap-2" }, K = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, q = { class: "flex flex-col gap-4" }, J = { class: "flex flex-col gap-2" }, Y = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, X = { class: "flex flex-col gap-4" }, Z = { class: "flex flex-col gap-2" }, Q = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, ne = /* @__PURE__ */ w({
+	__name: "Main",
+	setup(e) {
+		let t = T("isLoadingCompleted", k(!1)), { errors: r } = n(), { value: a } = i("title"), { value: o } = i("description"), { value: s } = i("price");
+		return (e, n) => {
+			let i = j("Label"), c = j("Input"), l = j("Textarea"), u = j("CardContent"), d = j("Card");
+			return O(), v(d, null, {
+				default: F(() => [C(u, { class: "flex flex-col gap-4" }, {
+					default: F(() => [
+						x("div", W, [x("div", G, [
+							C(i, {
+								for: "title",
+								class: "text-sm"
+							}, {
+								default: F(() => [...n[3] ||= [S("Name", -1)]]),
+								_: 1
+							}),
+							C(c, {
+								type: "text",
+								id: "title",
+								placeholder: N(t) ? "Fast shipping" : "",
+								modelValue: N(a),
+								"onUpdate:modelValue": n[0] ||= (e) => E(a) ? a.value = e : null
+							}, null, 8, ["placeholder", "modelValue"]),
+							N(r).title ? (O(), b("p", K, M(N(r).title), 1)) : y("", !0)
+						])]),
+						x("div", q, [x("div", J, [
+							C(i, {
+								for: "description",
+								class: "text-sm"
+							}, {
+								default: F(() => [...n[4] ||= [S("Description (optional)", -1)]]),
+								_: 1
+							}),
+							C(l, {
+								id: "description",
+								placeholder: N(t) ? "Ships next day" : "",
+								modelValue: N(o),
+								"onUpdate:modelValue": n[1] ||= (e) => E(o) ? o.value = e : null
+							}, null, 8, ["placeholder", "modelValue"]),
+							N(r).description ? (O(), b("p", Y, M(N(r).description), 1)) : y("", !0)
+						])]),
+						x("div", X, [x("div", Z, [
+							C(i, {
+								for: "price",
+								class: "text-sm"
+							}, {
+								default: F(() => [...n[5] ||= [S("Price", -1)]]),
+								_: 1
+							}),
+							C(c, {
+								type: "number",
+								min: "0",
+								id: "price",
+								placeholder: N(t) ? "Free" : "",
+								modelValue: N(s),
+								"onUpdate:modelValue": n[2] ||= (e) => E(s) ? s.value = e : null,
+								class: "no-spinner"
+							}, null, 8, ["placeholder", "modelValue"]),
+							N(r).price ? (O(), b("p", Q, M(N(r).price), 1)) : y("", !0)
+						])])
+					]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), re = { class: "flex flex-col gap-4" }, ie = { class: "flex flex-col gap-2" }, ae = { class: "truncate" }, oe = { class: "relative w-full max-w-sm items-center" }, se = { class: "absolute start-0 inset-y-0 flex items-center justify-center px-3" }, ce = { class: "truncate" }, le = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, ue = { key: 0 }, de = { class: "group flex items-center gap-2 bg-muted/50 rounded-md mb-1 p-2" }, fe = { class: "w-6" }, pe = { class: "text-muted-foreground group-hover:text-black dark:group-hover:text-white" }, me = /* @__PURE__ */ w({
+	__name: "Countries",
+	setup(e) {
+		let { errors: t } = n(), { value: r } = i("countries");
+		return P(r, (e) => {
+			let t = e?.sort((e, t) => !e || !t ? 0 : u.find((t) => t.cca2 === e)?.name.common.localeCompare(u.find((e) => e.cca2 === t)?.name.common)), n = !0;
+			for (let t = 0; t < e.length; t++) if (e[t] !== r.value[t]) {
+				n = !1;
+				break;
+			}
+			n || (r.value = t);
+		}), (e, n) => {
+			let i = j("Label"), a = j("Button"), o = j("ComboboxTrigger"), s = j("ComboboxAnchor"), c = j("ComboboxInput"), l = j("ComboboxEmpty"), d = j("ComboboxItemIndicator"), f = j("ComboboxItem"), p = j("ComboboxGroup"), m = j("ComboboxList"), h = j("Combobox"), _ = j("CardContent"), w = j("Card");
+			return O(), v(w, null, {
+				default: F(() => [C(_, { class: "flex flex-col gap-4" }, {
+					default: F(() => [
+						n[3] ||= x("h3", { class: "text-lg font-semibold mb-4" }, "Countries", -1),
+						x("div", re, [x("div", ie, [
+							C(i, { class: "text-sm mb-2" }, {
+								default: F(() => [...n[1] ||= [S("For which countries should this option be available?", -1)]]),
+								_: 1
+							}),
+							C(h, {
+								modelValue: N(r),
+								"onUpdate:modelValue": n[0] ||= (e) => E(r) ? r.value = e : null,
+								multiple: !0
+							}, {
+								default: F(() => [C(s, { "as-child": "" }, {
+									default: F(() => [C(o, { "as-child": "" }, {
+										default: F(() => [C(a, {
+											variant: "outline",
+											class: "justify-between"
+										}, {
+											default: F(() => [x("span", ae, M(N(r)?.length > 0 ? N(r).slice(0, 4).map((e) => N(u).find((t) => t.cca2 === e)?.name.common).join(", ") : "Select countries"), 1), C(N(R), { class: "ml-2 size-4 shrink-0 opacity-50" })]),
+											_: 1
+										})]),
+										_: 1
+									})]),
+									_: 1
+								}), C(m, null, {
+									default: F(() => [
+										x("div", oe, [C(c, {
+											class: "pl-9 focus-visible:ring-0 border-0 border-b rounded-none h-10",
+											placeholder: "Find country..."
+										}), x("span", se, [C(N(B), { class: "size-4 text-muted-foreground" })])]),
+										C(l, null, {
+											default: F(() => [...n[2] ||= [S(" No countries found. ", -1)]]),
+											_: 1
+										}),
+										C(p, { class: "max-h-72 overflow-y-scroll" }, {
+											default: F(() => [(O(!0), b(g, null, A(N(u), (e) => (O(), v(f, {
+												key: e.cca2,
+												value: e.cca2
+											}, {
+												default: F(() => [
+													S(M(e.flag) + " ", 1),
+													x("span", ce, M(e.name.common), 1),
+													C(d, null, {
+														default: F(() => [C(N(I), { class: "size-4" })]),
+														_: 1
+													})
+												]),
+												_: 2
+											}, 1032, ["value"]))), 128))]),
+											_: 1
+										})
+									]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["modelValue"]),
+							N(t).countries ? (O(), b("p", le, M(N(t).countries), 1)) : y("", !0)
+						])]),
+						N(r)?.length > 0 ? (O(), b("div", ue, [(O(!0), b(g, null, A(N(r), (e) => (O(), b("div", de, [
+							x("div", fe, M(N(u).find((t) => t.cca2 === e)?.flag), 1),
+							x("p", pe, M(N(u).find((t) => t.cca2 === e)?.name.common), 1),
+							C(a, {
+								variant: "ghost",
+								size: "icon",
+								onClick: (t) => r.value = N(r).filter((t) => t !== e),
+								class: "hidden group-hover:flex ml-auto size-6"
+							}, {
+								default: F(() => [C(N(U), { class: "size-3" })]),
+								_: 1
+							}, 8, ["onClick"])
+						]))), 256))])) : y("", !0)
+					]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), he = { class: "flex items-center space-x-2" }, ge = { class: "flex items-center space-x-2" }, _e = { class: "flex items-center space-x-2" }, ve = {
+	key: 0,
+	class: "flex gap-2 w-full mt-4"
+}, ye = { class: "flex flex-col gap-4 w-full" }, be = { class: "flex flex-col gap-2" }, xe = { class: "relative" }, Se = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, Ce = { class: "flex flex-col gap-4 w-full" }, we = { class: "flex flex-col gap-2" }, Te = { class: "relative" }, Ee = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, De = {
+	key: 1,
+	class: "flex gap-2 w-full mt-4"
+}, Oe = { class: "flex flex-col gap-4 w-full" }, ke = { class: "flex flex-col gap-2" }, Ae = { class: "relative" }, je = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, Me = { class: "flex flex-col gap-4 w-full" }, Ne = { class: "flex flex-col gap-2" }, Pe = { class: "relative" }, Fe = {
+	key: 0,
+	class: "text-red-500 text-sm mt-1"
+}, Ie = /* @__PURE__ */ w({
+	__name: "Condition",
+	setup(e) {
+		let t = T("isLoadingCompleted", k(!1)), { errors: r } = n(), { value: a } = i("condition"), { value: o } = i("condition_min"), { value: s } = i("condition_max");
+		return (e, n) => {
+			let i = j("RadioGroupItem"), c = j("Label"), l = j("RadioGroup"), u = j("Input"), d = j("CardContent"), f = j("Card");
+			return O(), v(f, null, {
+				default: F(() => [C(d, { class: "flex flex-col gap-4" }, {
+					default: F(() => [
+						n[16] ||= x("h3", { class: "text-lg font-semibold mb-4" }, "Condition", -1),
+						n[17] ||= x("p", null, " Specify when this option should be available ", -1),
+						C(l, {
+							"default-value": "always",
+							modelValue: N(a),
+							"onUpdate:modelValue": n[0] ||= (e) => E(a) ? a.value = e : null,
+							class: D(["flex flex-col transition-all duration-300", { "opacity-0 pointer-events-none": !N(t) }])
+						}, {
+							default: F(() => [
+								x("div", he, [C(i, {
+									id: "always",
+									value: "always"
+								}), C(c, { for: "always" }, {
+									default: F(() => [...n[5] ||= [S("Always", -1)]]),
+									_: 1
+								})]),
+								x("div", ge, [C(i, {
+									id: "weight_based",
+									value: "weight_based"
+								}), C(c, { for: "weight_based" }, {
+									default: F(() => [...n[6] ||= [S("Weight based", -1)]]),
+									_: 1
+								})]),
+								x("div", _e, [C(i, {
+									id: "price_based",
+									value: "price_based"
+								}), C(c, { for: "price_based" }, {
+									default: F(() => [...n[7] ||= [S("Price based", -1)]]),
+									_: 1
+								})])
+							]),
+							_: 1
+						}, 8, ["modelValue", "class"]),
+						N(a) === "weight_based" ? (O(), b("div", ve, [x("div", ye, [x("div", be, [
+							C(c, {
+								for: "condition_min",
+								class: "text-sm"
+							}, {
+								default: F(() => [...n[8] ||= [S("Minimum weight", -1)]]),
+								_: 1
+							}),
+							x("div", xe, [C(u, {
+								type: "number",
+								id: "condition_min",
+								min: "0",
+								placeholder: "0",
+								modelValue: N(o),
+								"onUpdate:modelValue": n[1] ||= (e) => E(o) ? o.value = e : null,
+								class: "no-spinner pr-10"
+							}, null, 8, ["modelValue"]), n[9] ||= x("span", { class: "absolute pointer-events-none top-1/2 right-3 -translate-y-1/2 text-sm text-muted-foreground" }, "kg", -1)]),
+							N(r).condition_min ? (O(), b("p", Se, M(N(r).condition_min), 1)) : y("", !0)
+						])]), x("div", Ce, [x("div", we, [
+							C(c, {
+								for: "condition_max",
+								class: "text-sm"
+							}, {
+								default: F(() => [...n[10] ||= [S("Maximum weight", -1)]]),
+								_: 1
+							}),
+							x("div", Te, [C(u, {
+								type: "number",
+								id: "condition_max",
+								min: "0",
+								placeholder: "No limit",
+								modelValue: N(s),
+								"onUpdate:modelValue": n[2] ||= (e) => E(s) ? s.value = e : null,
+								class: "no-spinner pr-10"
+							}, null, 8, ["modelValue"]), n[11] ||= x("span", { class: "absolute pointer-events-none top-1/2 right-3 -translate-y-1/2 text-sm text-muted-foreground" }, "kg", -1)]),
+							N(r).condition_max ? (O(), b("p", Ee, M(N(r).condition_max), 1)) : y("", !0)
+						])])])) : N(a) === "price_based" ? (O(), b("div", De, [x("div", Oe, [x("div", ke, [
+							C(c, {
+								for: "condition_min",
+								class: "text-sm"
+							}, {
+								default: F(() => [...n[12] ||= [S("Minimum price", -1)]]),
+								_: 1
+							}),
+							x("div", Ae, [C(u, {
+								type: "number",
+								id: "condition_min",
+								min: "0",
+								placeholder: "0, 00",
+								modelValue: N(o),
+								"onUpdate:modelValue": n[3] ||= (e) => E(o) ? o.value = e : null,
+								class: "no-spinner pl-8"
+							}, null, 8, ["modelValue"]), n[13] ||= x("span", { class: "absolute pointer-events-none top-1/2 left-3 -translate-y-1/2 text-sm text-muted-foreground" }, "€", -1)]),
+							N(r).condition_min ? (O(), b("p", je, M(N(r).condition_min), 1)) : y("", !0)
+						])]), x("div", Me, [x("div", Ne, [
+							C(c, {
+								for: "condition_max",
+								class: "text-sm"
+							}, {
+								default: F(() => [...n[14] ||= [S("Maximum price", -1)]]),
+								_: 1
+							}),
+							x("div", Pe, [C(u, {
+								type: "number",
+								id: "condition_max",
+								min: "0",
+								placeholder: "No limit",
+								modelValue: N(s),
+								"onUpdate:modelValue": n[4] ||= (e) => E(s) ? s.value = e : null,
+								class: "no-spinner pl-8"
+							}, null, 8, ["modelValue"]), n[15] ||= x("span", { class: "absolute pointer-events-none top-1/2 left-3 -translate-y-1/2 text-sm text-muted-foreground" }, "€", -1)]),
+							N(r).condition_max ? (O(), b("p", Fe, M(N(r).condition_max), 1)) : y("", !0)
+						])])])) : y("", !0)
+					]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), Le = { class: "flex gap-2 rounded-lg p-2 bg-white text-black overflow-hidden shadow border" }, Re = { class: "w-full overflow-hidden" }, ze = { class: "truncate" }, Be = {
+	key: 0,
+	class: "text-sm text-muted-foreground"
+}, Ve = { class: "ml-auto shrink-0" }, $ = { class: "font-bold" }, He = /* @__PURE__ */ w({
+	__name: "Example",
+	setup(e) {
+		let { value: t } = i("title"), { value: n } = i("description"), { value: r } = i("price");
+		return (e, i) => {
+			let a = j("CardContent"), o = j("Card");
+			return O(), v(o, null, {
+				default: F(() => [C(a, null, {
+					default: F(() => [i[1] ||= x("p", { class: "text-md font-semibold mb-2" }, "Example", -1), x("div", Le, [
+						i[0] ||= x("div", { class: "pt-1 shrink-0" }, [x("div", { class: "size-4 rounded-full bg-primary flex items-center justify-center" }, [x("div", { class: "size-2 rounded-full bg-white" })])], -1),
+						x("div", Re, [x("p", ze, M(N(t) || "Option Name"), 1), N(n) ? (O(), b("p", Be, M(N(n)), 1)) : y("", !0)]),
+						x("div", Ve, [x("p", $, M(N(r) ? "€" + N(r).toFixed(2) : "FREE"), 1)])
+					])]),
+					_: 1
+				})]),
+				_: 1
+			});
+		};
+	}
+}), Ue = { class: "relative @container" }, We = { class: "flex flex-row gap-4 justify-between max-w-5xl mx-auto mt-4 mb-6" }, Ge = { class: "flex items-center" }, Ke = { class: "text-lg font-semibold mx-2" }, qe = { class: "flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24" }, Je = { class: "flex flex-col gap-4 w-full @3xl:w-2/3" }, Ye = { class: "flex flex-col gap-4 w-full @3xl:w-1/3" }, Xe = {
+	key: 0,
+	class: "fixed bottom-4 left-0 md:left-12 right-0 min-w-xs max-w-5xl w-[calc(100%-2rem)] md:w-[calc(100%-5rem)] xl:w-[calc(100%-2rem)] h-16 border border-white/10 backdrop-blur-sm border-t border-border flex items-center justify-center px-4 mx-auto z-[9999] rounded-xl overflow-hidden shadow bg-[radial-gradient(#ffffff80,transparent)] dark:bg-[radial-gradient(#00000080,transparent)]"
+}, Ze = { class: "w-full max-w-5xl flex items-center justify-end mx-auto" }, Qe = /* @__PURE__ */ w({
+	__name: "Detail",
+	props: { config: {
+		type: Object,
+		required: !0
+	} },
+	setup(n) {
+		let i = n, { hasPermission: u, hasAnyPermission: g } = m(), { params: w, navigateTo: T } = h(), { confirm: E } = d(), D = f(i.config.project), A = _(() => !w.value.optionId || w.value.optionId === "new"), P = k(!1), I = k(!1), { handleSubmit: R, errors: B, values: U, setValues: W } = l({
+			validationSchema: c(o({
+				id: t().optional(),
+				status: t().optional(),
+				title: t().min(1, "Title is required"),
+				description: t().optional(),
+				price: s((e) => e === "" ? void 0 : e, r.number().positive("Must be positive").optional()),
+				countries: a(t()).optional(),
+				condition: t(),
+				condition_min: s((e) => e === "" ? void 0 : e, r.number().positive("Must be positive").optional()),
+				condition_max: s((e) => e === "" ? void 0 : e, r.number().positive("Must be positive").optional())
+			})),
+			initialValues: {
+				status: "published",
+				countries: [],
+				condition: "always"
+			}
+		});
+		p(() => [{ text: U.title ?? "New Option" }]);
+		let G = R(async (t) => {
+			I.value = !0;
+			let n = await K() || [];
+			if (A.value) {
+				let r = JSON.parse(JSON.stringify(t));
+				r.id = crypto.randomUUID();
+				let a = [...n, r], o = i.config.shippingOptionsCollection.split(":");
+				await D.update(o[0], null, { [o[1]]: a }), T(r.id), e.success("Shipping option created");
+			} else {
+				let r = JSON.parse(JSON.stringify(t)), a = n.map((e) => e.id === w.value.optionId ? r : e), o = i.config.shippingOptionsCollection.split(":");
+				await D.update(o[0], null, { [o[1]]: a }), T(`${w.value.optionId}`), e.success("Shipping option updated");
+			}
+			I.value = !1;
+		}), K = async () => {
+			if (!i.config.shippingOptionsCollection) return [];
+			let e = i.config.shippingOptionsCollection.split(":");
+			return e.length === 2 && (await D.get(e[0]))?.[e[1]] || [];
+		}, q = async () => {
+			W((await K()).find((e) => e.id === w.value.optionId)), P.value = !0;
+		}, J = async () => {
+			try {
+				let t = { ...[...await K() || []].find((e) => e.id === w.value.optionId) };
+				t.id = crypto.randomUUID(), t.status = "published", t.title += " (copy)";
+				let n = [...await K() || [], t], r = i.config.shippingOptionsCollection.split(":");
+				await D.update(r[0], null, { [r[1]]: n }), T(t.id), e.success("Option duplicated");
+			} catch {
+				e.error("Failed to duplicate option");
+			}
+		}, Y = async () => {
+			if (await E("Are you sure you want to delete this option?")) try {
+				let t = await K() || [];
+				if (t.length === 0 || !w.value.optionId) throw Error("Error loading values");
+				let n = t.filter((e) => e.id !== w.value.optionId), r = i.config.shippingOptionsCollection.split(":");
+				await D.update(r[0], null, { [r[1]]: n }), T(""), e.success("Option deleted");
+			} catch {
+				e.error("Failed to delete option");
+			}
+		};
+		return ee(() => {
+			A.value ? P.value = !0 : q();
+		}), te("isLoadingCompleted", P), (e, t) => {
+			let n = j("Button"), r = j("MenubarTrigger"), i = j("MenubarMenu"), a = j("MenubarItem"), o = j("MenubarContent"), s = j("Menubar");
+			return O(), b("div", Ue, [
+				x("div", We, [x("div", Ge, [
+					C(n, {
+						variant: "ghost",
+						onClick: t[0] ||= (e) => N(T)("")
+					}, {
+						default: F(() => [C(N(V), { class: "size-4" })]),
+						_: 1
+					}),
+					C(N(L), { class: "size-3" }),
+					x("h1", Ke, M(A.value ? "New Option" : N(U).title), 1)
+				]), A.value ? y("", !0) : (O(), v(s, {
+					key: 0,
+					class: "bg-sidebar"
+				}, {
+					default: F(() => [N(u)("create-collection") ? (O(), v(i, { key: 0 }, {
+						default: F(() => [C(r, { onClick: J }, {
+							default: F(() => [...t[1] ||= [S("Duplicate", -1)]]),
+							_: 1
+						})]),
+						_: 1
+					})) : y("", !0), N(g)("edit-collection", "delete-option") ? (O(), v(i, { key: 1 }, {
+						default: F(() => [C(r, null, {
+							default: F(() => [...t[2] ||= [S("More actions", -1)]]),
+							_: 1
+						}), C(o, null, {
+							default: F(() => [N(u)("delete-option") ? (O(), v(a, {
+								key: 0,
+								variant: "destructive",
+								onClick: Y
+							}, {
+								default: F(() => [C(N(H), { class: "size-4" }), t[3] ||= S(" Delete option ", -1)]),
+								_: 1
+							})) : y("", !0)]),
+							_: 1
+						})]),
+						_: 1
+					})) : y("", !0)]),
+					_: 1
+				}))]),
+				x("div", qe, [x("div", Je, [
+					C(ne),
+					C(me),
+					C(Ie)
+				]), x("div", Ye, [C(He)])]),
+				N(g)("create-option", "edit-option") ? (O(), b("div", Xe, [x("div", Ze, [A.value && N(u)("create-option") ? (O(), v(n, {
+					key: 0,
+					onClick: N(G),
+					disabled: I.value
+				}, {
+					default: F(() => [I.value ? (O(), v(N(z), {
+						key: 0,
+						class: "size-4 animate-spin"
+					})) : y("", !0), S(" " + M(I.value ? "Creating" : "Create") + " New Option ", 1)]),
+					_: 1
+				}, 8, ["onClick", "disabled"])) : N(u)("edit-option") ? (O(), v(n, {
+					key: 1,
+					onClick: N(G),
+					disabled: I.value
+				}, {
+					default: F(() => [I.value ? (O(), v(N(z), {
+						key: 0,
+						class: "size-4 animate-spin"
+					})) : y("", !0), S(" " + M(I.value ? "Saving" : "Save") + " Changes ", 1)]),
+					_: 1
+				}, 8, ["onClick", "disabled"])) : y("", !0)])])) : y("", !0)
+			]);
+		};
+	}
+});
+//#endregion
+export { Qe as default };

package/dist/Detail-DYpv4fYg.js

@@ -0,0 +1 @@
+require(`./chunk-DQi1bQcV.js`);const e=require(`./lib-4wSi00Vr.js`),t=require(`./vee-validate-zod-BmXMJo8W.js`),n=require(`./countries-OCd5qPxG.js`);let r=require(`@oneclick.dev/cms-kit`),i=require(`vue`),a=require(`@lucide/vue`);var o={class:`flex flex-col gap-4`},s={class:`flex flex-col gap-2`},c={key:0,class:`text-red-500 text-sm mt-1`},l={class:`flex flex-col gap-4`},u={class:`flex flex-col gap-2`},d={key:0,class:`text-red-500 text-sm mt-1`},f={class:`flex flex-col gap-4`},p={class:`flex flex-col gap-2`},m={key:0,class:`text-red-500 text-sm mt-1`},h=(0,i.defineComponent)({__name:`Main`,setup(e){let n=(0,i.inject)(`isLoadingCompleted`,(0,i.ref)(!1)),{errors:r}=t.d(),{value:a}=t.l(`title`),{value:h}=t.l(`description`),{value:g}=t.l(`price`);return(e,t)=>{let _=(0,i.resolveComponent)(`Label`),v=(0,i.resolveComponent)(`Input`),y=(0,i.resolveComponent)(`Textarea`),b=(0,i.resolveComponent)(`CardContent`),x=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(x,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(b,{class:`flex flex-col gap-4`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,o,[(0,i.createElementVNode)(`div`,s,[(0,i.createVNode)(_,{for:`title`,class:`text-sm`},{default:(0,i.withCtx)(()=>[...t[3]||=[(0,i.createTextVNode)(`Name`,-1)]]),_:1}),(0,i.createVNode)(v,{type:`text`,id:`title`,placeholder:(0,i.unref)(n)?`Fast shipping`:``,modelValue:(0,i.unref)(a),"onUpdate:modelValue":t[0]||=e=>(0,i.isRef)(a)?a.value=e:null},null,8,[`placeholder`,`modelValue`]),(0,i.unref)(r).title?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,c,(0,i.toDisplayString)((0,i.unref)(r).title),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,l,[(0,i.createElementVNode)(`div`,u,[(0,i.createVNode)(_,{for:`description`,class:`text-sm`},{default:(0,i.withCtx)(()=>[...t[4]||=[(0,i.createTextVNode)(`Description (optional)`,-1)]]),_:1}),(0,i.createVNode)(y,{id:`description`,placeholder:(0,i.unref)(n)?`Ships next day`:``,modelValue:(0,i.unref)(h),"onUpdate:modelValue":t[1]||=e=>(0,i.isRef)(h)?h.value=e:null},null,8,[`placeholder`,`modelValue`]),(0,i.unref)(r).description?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,d,(0,i.toDisplayString)((0,i.unref)(r).description),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,f,[(0,i.createElementVNode)(`div`,p,[(0,i.createVNode)(_,{for:`price`,class:`text-sm`},{default:(0,i.withCtx)(()=>[...t[5]||=[(0,i.createTextVNode)(`Price`,-1)]]),_:1}),(0,i.createVNode)(v,{type:`number`,min:`0`,id:`price`,placeholder:(0,i.unref)(n)?`Free`:``,modelValue:(0,i.unref)(g),"onUpdate:modelValue":t[2]||=e=>(0,i.isRef)(g)?g.value=e:null,class:`no-spinner`},null,8,[`placeholder`,`modelValue`]),(0,i.unref)(r).price?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,m,(0,i.toDisplayString)((0,i.unref)(r).price),1)):(0,i.createCommentVNode)(``,!0)])])]),_:1})]),_:1})}}}),g={class:`flex flex-col gap-4`},_={class:`flex flex-col gap-2`},v={class:`truncate`},y={class:`relative w-full max-w-sm items-center`},b={class:`absolute start-0 inset-y-0 flex items-center justify-center px-3`},x={class:`truncate`},S={key:0,class:`text-red-500 text-sm mt-1`},C={key:0},w={class:`group flex items-center gap-2 bg-muted/50 rounded-md mb-1 p-2`},T={class:`w-6`},ee={class:`text-muted-foreground group-hover:text-black dark:group-hover:text-white`},E=(0,i.defineComponent)({__name:`Countries`,setup(e){let{errors:r}=t.d(),{value:o}=t.l(`countries`);return(0,i.watch)(o,e=>{let t=e?.sort((e,t)=>!e||!t?0:n.t.find(t=>t.cca2===e)?.name.common.localeCompare(n.t.find(e=>e.cca2===t)?.name.common)),r=!0;for(let t=0;t<e.length;t++)if(e[t]!==o.value[t]){r=!1;break}r||(o.value=t)}),(e,t)=>{let s=(0,i.resolveComponent)(`Label`),c=(0,i.resolveComponent)(`Button`),l=(0,i.resolveComponent)(`ComboboxTrigger`),u=(0,i.resolveComponent)(`ComboboxAnchor`),d=(0,i.resolveComponent)(`ComboboxInput`),f=(0,i.resolveComponent)(`ComboboxEmpty`),p=(0,i.resolveComponent)(`ComboboxItemIndicator`),m=(0,i.resolveComponent)(`ComboboxItem`),h=(0,i.resolveComponent)(`ComboboxGroup`),E=(0,i.resolveComponent)(`ComboboxList`),D=(0,i.resolveComponent)(`Combobox`),O=(0,i.resolveComponent)(`CardContent`),k=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(k,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(O,{class:`flex flex-col gap-4`},{default:(0,i.withCtx)(()=>[t[3]||=(0,i.createElementVNode)(`h3`,{class:`text-lg font-semibold mb-4`},`Countries`,-1),(0,i.createElementVNode)(`div`,g,[(0,i.createElementVNode)(`div`,_,[(0,i.createVNode)(s,{class:`text-sm mb-2`},{default:(0,i.withCtx)(()=>[...t[1]||=[(0,i.createTextVNode)(`For which countries should this option be available?`,-1)]]),_:1}),(0,i.createVNode)(D,{modelValue:(0,i.unref)(o),"onUpdate:modelValue":t[0]||=e=>(0,i.isRef)(o)?o.value=e:null,multiple:!0},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(u,{"as-child":``},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(l,{"as-child":``},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(c,{variant:`outline`,class:`justify-between`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`span`,v,(0,i.toDisplayString)((0,i.unref)(o)?.length>0?(0,i.unref)(o).slice(0,4).map(e=>(0,i.unref)(n.t).find(t=>t.cca2===e)?.name.common).join(`, `):`Select countries`),1),(0,i.createVNode)((0,i.unref)(a.ChevronsUpDown),{class:`ml-2 size-4 shrink-0 opacity-50`})]),_:1})]),_:1})]),_:1}),(0,i.createVNode)(E,null,{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,y,[(0,i.createVNode)(d,{class:`pl-9 focus-visible:ring-0 border-0 border-b rounded-none h-10`,placeholder:`Find country...`}),(0,i.createElementVNode)(`span`,b,[(0,i.createVNode)((0,i.unref)(a.Search),{class:`size-4 text-muted-foreground`})])]),(0,i.createVNode)(f,null,{default:(0,i.withCtx)(()=>[...t[2]||=[(0,i.createTextVNode)(` No countries found. `,-1)]]),_:1}),(0,i.createVNode)(h,{class:`max-h-72 overflow-y-scroll`},{default:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)((0,i.unref)(n.t),e=>((0,i.openBlock)(),(0,i.createBlock)(m,{key:e.cca2,value:e.cca2},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.flag)+` `,1),(0,i.createElementVNode)(`span`,x,(0,i.toDisplayString)(e.name.common),1),(0,i.createVNode)(p,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Check),{class:`size-4`})]),_:1})]),_:2},1032,[`value`]))),128))]),_:1})]),_:1})]),_:1},8,[`modelValue`]),(0,i.unref)(r).countries?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,S,(0,i.toDisplayString)((0,i.unref)(r).countries),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.unref)(o)?.length>0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,C,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)((0,i.unref)(o),e=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,w,[(0,i.createElementVNode)(`div`,T,(0,i.toDisplayString)((0,i.unref)(n.t).find(t=>t.cca2===e)?.flag),1),(0,i.createElementVNode)(`p`,ee,(0,i.toDisplayString)((0,i.unref)(n.t).find(t=>t.cca2===e)?.name.common),1),(0,i.createVNode)(c,{variant:`ghost`,size:`icon`,onClick:t=>o.value=(0,i.unref)(o).filter(t=>t!==e),class:`hidden group-hover:flex ml-auto size-6`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.X),{class:`size-3`})]),_:1},8,[`onClick`])]))),256))])):(0,i.createCommentVNode)(``,!0)]),_:1})]),_:1})}}}),D={class:`flex items-center space-x-2`},O={class:`flex items-center space-x-2`},k={class:`flex items-center space-x-2`},A={key:0,class:`flex gap-2 w-full mt-4`},j={class:`flex flex-col gap-4 w-full`},M={class:`flex flex-col gap-2`},N={class:`relative`},P={key:0,class:`text-red-500 text-sm mt-1`},F={class:`flex flex-col gap-4 w-full`},I={class:`flex flex-col gap-2`},L={class:`relative`},R={key:0,class:`text-red-500 text-sm mt-1`},z={key:1,class:`flex gap-2 w-full mt-4`},B={class:`flex flex-col gap-4 w-full`},V={class:`flex flex-col gap-2`},H={class:`relative`},U={key:0,class:`text-red-500 text-sm mt-1`},W={class:`flex flex-col gap-4 w-full`},G={class:`flex flex-col gap-2`},te={class:`relative`},K={key:0,class:`text-red-500 text-sm mt-1`},q=(0,i.defineComponent)({__name:`Condition`,setup(e){let n=(0,i.inject)(`isLoadingCompleted`,(0,i.ref)(!1)),{errors:r}=t.d(),{value:a}=t.l(`condition`),{value:o}=t.l(`condition_min`),{value:s}=t.l(`condition_max`);return(e,t)=>{let c=(0,i.resolveComponent)(`RadioGroupItem`),l=(0,i.resolveComponent)(`Label`),u=(0,i.resolveComponent)(`RadioGroup`),d=(0,i.resolveComponent)(`Input`),f=(0,i.resolveComponent)(`CardContent`),p=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(p,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(f,{class:`flex flex-col gap-4`},{default:(0,i.withCtx)(()=>[t[16]||=(0,i.createElementVNode)(`h3`,{class:`text-lg font-semibold mb-4`},`Condition`,-1),t[17]||=(0,i.createElementVNode)(`p`,null,` Specify when this option should be available `,-1),(0,i.createVNode)(u,{"default-value":`always`,modelValue:(0,i.unref)(a),"onUpdate:modelValue":t[0]||=e=>(0,i.isRef)(a)?a.value=e:null,class:(0,i.normalizeClass)([`flex flex-col transition-all duration-300`,{"opacity-0 pointer-events-none":!(0,i.unref)(n)}])},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,D,[(0,i.createVNode)(c,{id:`always`,value:`always`}),(0,i.createVNode)(l,{for:`always`},{default:(0,i.withCtx)(()=>[...t[5]||=[(0,i.createTextVNode)(`Always`,-1)]]),_:1})]),(0,i.createElementVNode)(`div`,O,[(0,i.createVNode)(c,{id:`weight_based`,value:`weight_based`}),(0,i.createVNode)(l,{for:`weight_based`},{default:(0,i.withCtx)(()=>[...t[6]||=[(0,i.createTextVNode)(`Weight based`,-1)]]),_:1})]),(0,i.createElementVNode)(`div`,k,[(0,i.createVNode)(c,{id:`price_based`,value:`price_based`}),(0,i.createVNode)(l,{for:`price_based`},{default:(0,i.withCtx)(()=>[...t[7]||=[(0,i.createTextVNode)(`Price based`,-1)]]),_:1})])]),_:1},8,[`modelValue`,`class`]),(0,i.unref)(a)===`weight_based`?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,A,[(0,i.createElementVNode)(`div`,j,[(0,i.createElementVNode)(`div`,M,[(0,i.createVNode)(l,{for:`condition_min`,class:`text-sm`},{default:(0,i.withCtx)(()=>[...t[8]||=[(0,i.createTextVNode)(`Minimum weight`,-1)]]),_:1}),(0,i.createElementVNode)(`div`,N,[(0,i.createVNode)(d,{type:`number`,id:`condition_min`,min:`0`,placeholder:`0`,modelValue:(0,i.unref)(o),"onUpdate:modelValue":t[1]||=e=>(0,i.isRef)(o)?o.value=e:null,class:`no-spinner pr-10`},null,8,[`modelValue`]),t[9]||=(0,i.createElementVNode)(`span`,{class:`absolute pointer-events-none top-1/2 right-3 -translate-y-1/2 text-sm text-muted-foreground`},`kg`,-1)]),(0,i.unref)(r).condition_min?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,P,(0,i.toDisplayString)((0,i.unref)(r).condition_min),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,F,[(0,i.createElementVNode)(`div`,I,[(0,i.createVNode)(l,{for:`condition_max`,class:`text-sm`},{default:(0,i.withCtx)(()=>[...t[10]||=[(0,i.createTextVNode)(`Maximum weight`,-1)]]),_:1}),(0,i.createElementVNode)(`div`,L,[(0,i.createVNode)(d,{type:`number`,id:`condition_max`,min:`0`,placeholder:`No limit`,modelValue:(0,i.unref)(s),"onUpdate:modelValue":t[2]||=e=>(0,i.isRef)(s)?s.value=e:null,class:`no-spinner pr-10`},null,8,[`modelValue`]),t[11]||=(0,i.createElementVNode)(`span`,{class:`absolute pointer-events-none top-1/2 right-3 -translate-y-1/2 text-sm text-muted-foreground`},`kg`,-1)]),(0,i.unref)(r).condition_max?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,R,(0,i.toDisplayString)((0,i.unref)(r).condition_max),1)):(0,i.createCommentVNode)(``,!0)])])])):(0,i.unref)(a)===`price_based`?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,z,[(0,i.createElementVNode)(`div`,B,[(0,i.createElementVNode)(`div`,V,[(0,i.createVNode)(l,{for:`condition_min`,class:`text-sm`},{default:(0,i.withCtx)(()=>[...t[12]||=[(0,i.createTextVNode)(`Minimum price`,-1)]]),_:1}),(0,i.createElementVNode)(`div`,H,[(0,i.createVNode)(d,{type:`number`,id:`condition_min`,min:`0`,placeholder:`0, 00`,modelValue:(0,i.unref)(o),"onUpdate:modelValue":t[3]||=e=>(0,i.isRef)(o)?o.value=e:null,class:`no-spinner pl-8`},null,8,[`modelValue`]),t[13]||=(0,i.createElementVNode)(`span`,{class:`absolute pointer-events-none top-1/2 left-3 -translate-y-1/2 text-sm text-muted-foreground`},`€`,-1)]),(0,i.unref)(r).condition_min?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,U,(0,i.toDisplayString)((0,i.unref)(r).condition_min),1)):(0,i.createCommentVNode)(``,!0)])]),(0,i.createElementVNode)(`div`,W,[(0,i.createElementVNode)(`div`,G,[(0,i.createVNode)(l,{for:`condition_max`,class:`text-sm`},{default:(0,i.withCtx)(()=>[...t[14]||=[(0,i.createTextVNode)(`Maximum price`,-1)]]),_:1}),(0,i.createElementVNode)(`div`,te,[(0,i.createVNode)(d,{type:`number`,id:`condition_max`,min:`0`,placeholder:`No limit`,modelValue:(0,i.unref)(s),"onUpdate:modelValue":t[4]||=e=>(0,i.isRef)(s)?s.value=e:null,class:`no-spinner pl-8`},null,8,[`modelValue`]),t[15]||=(0,i.createElementVNode)(`span`,{class:`absolute pointer-events-none top-1/2 left-3 -translate-y-1/2 text-sm text-muted-foreground`},`€`,-1)]),(0,i.unref)(r).condition_max?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,K,(0,i.toDisplayString)((0,i.unref)(r).condition_max),1)):(0,i.createCommentVNode)(``,!0)])])])):(0,i.createCommentVNode)(``,!0)]),_:1})]),_:1})}}}),J={class:`flex gap-2 rounded-lg p-2 bg-white text-black overflow-hidden shadow border`},Y={class:`w-full overflow-hidden`},X={class:`truncate`},Z={key:0,class:`text-sm text-muted-foreground`},Q={class:`ml-auto shrink-0`},ne={class:`font-bold`},re=(0,i.defineComponent)({__name:`Example`,setup(e){let{value:n}=t.l(`title`),{value:r}=t.l(`description`),{value:a}=t.l(`price`);return(e,t)=>{let o=(0,i.resolveComponent)(`CardContent`),s=(0,i.resolveComponent)(`Card`);return(0,i.openBlock)(),(0,i.createBlock)(s,null,{default:(0,i.withCtx)(()=>[(0,i.createVNode)(o,null,{default:(0,i.withCtx)(()=>[t[1]||=(0,i.createElementVNode)(`p`,{class:`text-md font-semibold mb-2`},`Example`,-1),(0,i.createElementVNode)(`div`,J,[t[0]||=(0,i.createElementVNode)(`div`,{class:`pt-1 shrink-0`},[(0,i.createElementVNode)(`div`,{class:`size-4 rounded-full bg-primary flex items-center justify-center`},[(0,i.createElementVNode)(`div`,{class:`size-2 rounded-full bg-white`})])],-1),(0,i.createElementVNode)(`div`,Y,[(0,i.createElementVNode)(`p`,X,(0,i.toDisplayString)((0,i.unref)(n)||`Option Name`),1),(0,i.unref)(r)?((0,i.openBlock)(),(0,i.createElementBlock)(`p`,Z,(0,i.toDisplayString)((0,i.unref)(r)),1)):(0,i.createCommentVNode)(``,!0)]),(0,i.createElementVNode)(`div`,Q,[(0,i.createElementVNode)(`p`,ne,(0,i.toDisplayString)((0,i.unref)(a)?`€`+(0,i.unref)(a).toFixed(2):`FREE`),1)])])]),_:1})]),_:1})}}}),ie={class:`relative @container`},ae={class:`flex flex-row gap-4 justify-between max-w-5xl mx-auto mt-4 mb-6`},oe={class:`flex items-center`},$={class:`text-lg font-semibold mx-2`},se={class:`flex flex-col @3xl:flex-row gap-4 max-w-5xl mx-auto pb-24`},ce={class:`flex flex-col gap-4 w-full @3xl:w-2/3`},le={class:`flex flex-col gap-4 w-full @3xl:w-1/3`},ue={key:0,class:`fixed bottom-4 left-0 md:left-12 right-0 min-w-xs max-w-5xl w-[calc(100%-2rem)] md:w-[calc(100%-5rem)] xl:w-[calc(100%-2rem)] h-16 border border-white/10 backdrop-blur-sm border-t border-border flex items-center justify-center px-4 mx-auto z-[9999] rounded-xl overflow-hidden shadow bg-[radial-gradient(#ffffff80,transparent)] dark:bg-[radial-gradient(#00000080,transparent)]`},de={class:`w-full max-w-5xl flex items-center justify-end mx-auto`},fe=(0,i.defineComponent)({__name:`Detail`,props:{config:{type:Object,required:!0}},setup(n){let o=n,{hasPermission:s,hasAnyPermission:c}=(0,r.useModulePermissions)(),{params:l,navigateTo:u}=(0,r.useModuleRoute)(),{confirm:d}=(0,r.useConfirmation)(),f=(0,r.useFirebaseIntegration)(o.config.project),p=(0,i.computed)(()=>!l.value.optionId||l.value.optionId===`new`),m=(0,i.ref)(!1),g=(0,i.ref)(!1),{handleSubmit:_,errors:v,values:y,setValues:b}=t.u({validationSchema:t.t(t.o({id:t.c().optional(),status:t.c().optional(),title:t.c().min(1,`Title is required`),description:t.c().optional(),price:t.s(e=>e===``?void 0:e,t.i.number().positive(`Must be positive`).optional()),countries:t.n(t.c()).optional(),condition:t.c(),condition_min:t.s(e=>e===``?void 0:e,t.i.number().positive(`Must be positive`).optional()),condition_max:t.s(e=>e===``?void 0:e,t.i.number().positive(`Must be positive`).optional())})),initialValues:{status:`published`,countries:[],condition:`always`}});(0,r.useModuleBreadcrumbs)(()=>[{text:y.title??`New Option`}]);let x=_(async t=>{g.value=!0;let n=await S()||[];if(p.value){let r=JSON.parse(JSON.stringify(t));r.id=crypto.randomUUID();let i=[...n,r],a=o.config.shippingOptionsCollection.split(`:`);await f.update(a[0],null,{[a[1]]:i}),u(r.id),e.t.success(`Shipping option created`)}else{let r=JSON.parse(JSON.stringify(t)),i=n.map(e=>e.id===l.value.optionId?r:e),a=o.config.shippingOptionsCollection.split(`:`);await f.update(a[0],null,{[a[1]]:i}),u(`${l.value.optionId}`),e.t.success(`Shipping option updated`)}g.value=!1}),S=async()=>{if(!o.config.shippingOptionsCollection)return[];let e=o.config.shippingOptionsCollection.split(`:`);return e.length===2&&(await f.get(e[0]))?.[e[1]]||[]},C=async()=>{b((await S()).find(e=>e.id===l.value.optionId)),m.value=!0},w=async()=>{try{let t={...[...await S()||[]].find(e=>e.id===l.value.optionId)};t.id=crypto.randomUUID(),t.status=`published`,t.title+=` (copy)`;let n=[...await S()||[],t],r=o.config.shippingOptionsCollection.split(`:`);await f.update(r[0],null,{[r[1]]:n}),u(t.id),e.t.success(`Option duplicated`)}catch{e.t.error(`Failed to duplicate option`)}},T=async()=>{if(await d(`Are you sure you want to delete this option?`))try{let t=await S()||[];if(t.length===0||!l.value.optionId)throw Error(`Error loading values`);let n=t.filter(e=>e.id!==l.value.optionId),r=o.config.shippingOptionsCollection.split(`:`);await f.update(r[0],null,{[r[1]]:n}),u(``),e.t.success(`Option deleted`)}catch{e.t.error(`Failed to delete option`)}};return(0,i.onMounted)(()=>{p.value?m.value=!0:C()}),(0,i.provide)(`isLoadingCompleted`,m),(e,t)=>{let n=(0,i.resolveComponent)(`Button`),r=(0,i.resolveComponent)(`MenubarTrigger`),o=(0,i.resolveComponent)(`MenubarMenu`),l=(0,i.resolveComponent)(`MenubarItem`),d=(0,i.resolveComponent)(`MenubarContent`),f=(0,i.resolveComponent)(`Menubar`);return(0,i.openBlock)(),(0,i.createElementBlock)(`div`,ie,[(0,i.createElementVNode)(`div`,ae,[(0,i.createElementVNode)(`div`,oe,[(0,i.createVNode)(n,{variant:`ghost`,onClick:t[0]||=e=>(0,i.unref)(u)(``)},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Tag),{class:`size-4`})]),_:1}),(0,i.createVNode)((0,i.unref)(a.ChevronRight),{class:`size-3`}),(0,i.createElementVNode)(`h1`,$,(0,i.toDisplayString)(p.value?`New Option`:(0,i.unref)(y).title),1)]),p.value?(0,i.createCommentVNode)(``,!0):((0,i.openBlock)(),(0,i.createBlock)(f,{key:0,class:`bg-sidebar`},{default:(0,i.withCtx)(()=>[(0,i.unref)(s)(`create-collection`)?((0,i.openBlock)(),(0,i.createBlock)(o,{key:0},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(r,{onClick:w},{default:(0,i.withCtx)(()=>[...t[1]||=[(0,i.createTextVNode)(`Duplicate`,-1)]]),_:1})]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.unref)(c)(`edit-collection`,`delete-option`)?((0,i.openBlock)(),(0,i.createBlock)(o,{key:1},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(r,null,{default:(0,i.withCtx)(()=>[...t[2]||=[(0,i.createTextVNode)(`More actions`,-1)]]),_:1}),(0,i.createVNode)(d,null,{default:(0,i.withCtx)(()=>[(0,i.unref)(s)(`delete-option`)?((0,i.openBlock)(),(0,i.createBlock)(l,{key:0,variant:`destructive`,onClick:T},{default:(0,i.withCtx)(()=>[(0,i.createVNode)((0,i.unref)(a.Trash),{class:`size-4`}),t[3]||=(0,i.createTextVNode)(` Delete option `,-1)]),_:1})):(0,i.createCommentVNode)(``,!0)]),_:1})]),_:1})):(0,i.createCommentVNode)(``,!0)]),_:1}))]),(0,i.createElementVNode)(`div`,se,[(0,i.createElementVNode)(`div`,ce,[(0,i.createVNode)(h),(0,i.createVNode)(E),(0,i.createVNode)(q)]),(0,i.createElementVNode)(`div`,le,[(0,i.createVNode)(re)])]),(0,i.unref)(c)(`create-option`,`edit-option`)?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,ue,[(0,i.createElementVNode)(`div`,de,[p.value&&(0,i.unref)(s)(`create-option`)?((0,i.openBlock)(),(0,i.createBlock)(n,{key:0,onClick:(0,i.unref)(x),disabled:g.value},{default:(0,i.withCtx)(()=>[g.value?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.Loader2),{key:0,class:`size-4 animate-spin`})):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(g.value?`Creating`:`Create`)+` New Option `,1)]),_:1},8,[`onClick`,`disabled`])):(0,i.unref)(s)(`edit-option`)?((0,i.openBlock)(),(0,i.createBlock)(n,{key:1,onClick:(0,i.unref)(x),disabled:g.value},{default:(0,i.withCtx)(()=>[g.value?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.Loader2),{key:0,class:`size-4 animate-spin`})):(0,i.createCommentVNode)(``,!0),(0,i.createTextVNode)(` `+(0,i.toDisplayString)(g.value?`Saving`:`Save`)+` Changes `,1)]),_:1},8,[`onClick`,`disabled`])):(0,i.createCommentVNode)(``,!0)])])):(0,i.createCommentVNode)(``,!0)])}}});exports.default=fe;