@oneclick.dev/cms-core-modules 0.0.58 → 0.0.60

package/dist/payment-BbWByERf.mjs

@@ -0,0 +1,1080 @@
+import { defineComponent as z, inject as H, resolveComponent as m, openBlock as i, createElementBlock as u, createElementVNode as l, createVNode as t, withCtx as o, createTextVNode as s, createCommentVNode as w, ref as M, Fragment as U, renderList as L, unref as b, toDisplayString as k, withModifiers as Z, normalizeClass as B, useTemplateRef as ee, nextTick as te, reactive as ne, provide as le, createBlock as Y, normalizeStyle as oe } from "vue";
+import { _ as se } from "./EditLayout.vue_vue_type_script_setup_true_lang-CcysXzmW.mjs";
+import { DollarSign as de, Pencil as ae, Trash2 as F, PlusCircle as G, Users as K, ChevronDown as ie } from "lucide-vue-next";
+import { useConfirmation as re, useModuleRoute as ue, useModule as me, useFirebaseIntegration as pe } from "@oneclick.dev/cms-kit";
+import { t as ce } from "./index-RLz1QPrf.mjs";
+const fe = { class: "flex gap-3 items-start p-4 border rounded-lg" }, ve = { class: "flex-1 space-y-3" }, ge = { class: "grid grid-cols-2 gap-3" }, xe = { class: "flex items-center space-x-2 my-4" }, ye = { class: "grid grid-cols-2 gap-2" }, be = { key: 0 }, _e = { key: 1 }, ke = { key: 2 }, Ve = { key: 3 }, Oe = { key: 4 }, Ce = { key: 0 }, Se = /* @__PURE__ */ z({
+  __name: "Addon",
+  props: {
+    addOn: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(p) {
+    const V = H("form"), O = (_) => {
+      V.addOns = V.addOns.filter((n) => n.id !== _);
+    };
+    return (_, n) => {
+      const v = m("Label"), y = m("Input"), C = m("Checkbox"), S = m("SelectTrigger"), g = m("SelectItem"), A = m("SelectGroup"), E = m("SelectContent"), N = m("Select"), j = m("Trash2"), q = m("Button");
+      return i(), u("div", fe, [
+        l("div", ve, [
+          l("div", ge, [
+            l("div", null, [
+              t(v, { class: "text-xs mb-1 block" }, {
+                default: o(() => [...n[7] || (n[7] = [
+                  s("Add-on Name", -1)
+                ])]),
+                _: 1
+              }),
+              t(y, {
+                modelValue: p.addOn.name,
+                "onUpdate:modelValue": n[0] || (n[0] = (x) => p.addOn.name = x),
+                placeholder: "e.g., Swimsuit Rental, Towel Service"
+              }, null, 8, ["modelValue"])
+            ]),
+            l("div", null, [
+              t(v, { class: "text-xs mb-1 block" }, {
+                default: o(() => [...n[8] || (n[8] = [
+                  s("Price", -1)
+                ])]),
+                _: 1
+              }),
+              t(y, {
+                modelValue: p.addOn.price,
+                "onUpdate:modelValue": n[1] || (n[1] = (x) => p.addOn.price = x),
+                modelModifiers: { number: !0 },
+                type: "number",
+                min: "0",
+                step: "0.01",
+                placeholder: "0.00",
+                class: "no-spinner"
+              }, null, 8, ["modelValue"])
+            ])
+          ]),
+          l("div", null, [
+            t(v, { class: "text-xs mb-1 block" }, {
+              default: o(() => [...n[9] || (n[9] = [
+                s("Description (Optional)", -1)
+              ])]),
+              _: 1
+            }),
+            t(y, {
+              modelValue: p.addOn.description,
+              "onUpdate:modelValue": n[2] || (n[2] = (x) => p.addOn.description = x),
+              placeholder: "Brief description of this add-on"
+            }, null, 8, ["modelValue"])
+          ]),
+          l("div", xe, [
+            t(C, {
+              id: `required-${p.addOn.id}`,
+              modelValue: p.addOn.required,
+              "onUpdate:modelValue": n[3] || (n[3] = (x) => p.addOn.required = x)
+            }, null, 8, ["id", "modelValue"]),
+            t(v, {
+              for: `required-${p.addOn.id}`,
+              class: "text-xs font-normal cursor-pointer"
+            }, {
+              default: o(() => [...n[10] || (n[10] = [
+                s(" Required (customer must select this add-on) ", -1)
+              ])]),
+              _: 1
+            }, 8, ["for"])
+          ]),
+          l("div", ye, [
+            l("div", null, [
+              t(v, { class: "text-xs mb-1 block" }, {
+                default: o(() => [...n[11] || (n[11] = [
+                  s("Quantity limit", -1)
+                ])]),
+                _: 1
+              }),
+              t(N, {
+                modelValue: p.addOn.scope,
+                "onUpdate:modelValue": n[4] || (n[4] = (x) => p.addOn.scope = x)
+              }, {
+                default: o(() => [
+                  t(S, { class: "w-full" }, {
+                    default: o(() => [
+                      p.addOn.scope === "RESERVATION" ? (i(), u("span", be, "Once per reservation")) : p.addOn.scope === "TICKET" ? (i(), u("span", _e, "Once per ticket / person")) : p.addOn.scope === "UNLIMITED" ? (i(), u("span", ke, "Unlimited")) : p.addOn.scope === "CUSTOM_LIMIT" ? (i(), u("span", Ve, "Custom limit...")) : (i(), u("span", Oe, "Select a limit…"))
+                    ]),
+                    _: 1
+                  }),
+                  t(E, null, {
+                    default: o(() => [
+                      t(A, { class: "max-w-96" }, {
+                        default: o(() => [
+                          t(g, { value: "RESERVATION" }, {
+                            default: o(() => [...n[12] || (n[12] = [
+                              l("div", { class: "flex flex-col" }, [
+                                l("p", { class: "text-sm font-bold mb-1" }, "Once per reservation"),
+                                l("p", { class: "text-xs" }, "Max 1 per reservation line (charged per reservation).")
+                              ], -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(g, { value: "TICKET" }, {
+                            default: o(() => [...n[13] || (n[13] = [
+                              l("div", { class: "flex flex-col" }, [
+                                l("p", { class: "text-sm font-bold mb-1" }, "Once per ticket / person"),
+                                l("p", { class: "text-xs" }, "Max 1 per ticket/person (charged per quantity).")
+                              ], -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(g, { value: "UNLIMITED" }, {
+                            default: o(() => [...n[14] || (n[14] = [
+                              l("div", { class: "flex flex-col" }, [
+                                l("p", { class: "text-sm font-bold mb-1" }, "Unlimited"),
+                                l("p", { class: "text-xs" }, "No limit (can be added multiple times).")
+                              ], -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(g, { value: "CUSTOM_LIMIT" }, {
+                            default: o(() => [...n[15] || (n[15] = [
+                              l("div", { class: "flex flex-col" }, [
+                                l("p", { class: "text-sm font-bold mb-1" }, "Custom limit..."),
+                                l("p", { class: "text-xs" }, "Set a fixed max amount (e.g. 2, 5, 10).")
+                              ], -1)
+                            ])]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            p.addOn.scope === "CUSTOM_LIMIT" ? (i(), u("div", Ce, [
+              t(v, { class: "text-xs mb-1 block" }, {
+                default: o(() => [...n[16] || (n[16] = [
+                  s("Fixed limit", -1)
+                ])]),
+                _: 1
+              }),
+              t(y, {
+                modelValue: p.addOn.limit,
+                "onUpdate:modelValue": n[5] || (n[5] = (x) => p.addOn.limit = x),
+                modelModifiers: { number: !0 },
+                type: "number",
+                min: "1",
+                step: "1",
+                placeholder: "1",
+                class: "no-spinner"
+              }, null, 8, ["modelValue"])
+            ])) : w("", !0)
+          ])
+        ]),
+        t(q, {
+          onClick: n[6] || (n[6] = (x) => O(p.addOn.id)),
+          variant: "ghost",
+          size: "icon",
+          class: "mt-6"
+        }, {
+          default: o(() => [
+            t(j, { class: "w-4 h-4 text-destructive" })
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), we = { class: "grid gap-2" }, Ie = ["id"], Pe = ["onClick"], Ue = { class: "flex items-center gap-2" }, Ae = { class: "flex items-center gap-1" }, Te = { class: "overflow-hidden" }, Re = /* @__PURE__ */ z({
+  __name: "AddonList",
+  setup(p, { expose: V }) {
+    const { confirm: O } = re(), _ = H("form"), n = M([]), v = async (y) => {
+      if (!await O("Are you sure you want to remove this add-on?")) return;
+      _.addOns = _.addOns.filter((g) => g.id !== y);
+      const S = n.value.indexOf(y);
+      S !== -1 && n.value.splice(S, 1), ce("Success!", {
+        description: "Add-on removed successfully."
+      });
+    };
+    return V({
+      openAddons: n
+    }), (y, C) => {
+      const S = m("Button");
+      return i(), u("div", we, [
+        (i(!0), u(U, null, L(b(_).addOns, (g) => (i(), u("div", {
+          key: g.id,
+          class: "border p-2 rounded",
+          id: `addon-${g.id}`
+        }, [
+          l("div", {
+            onClick: (A) => n.value.includes(g.id) ? n.value.splice(n.value.indexOf(g.id), 1) : n.value.push(g.id),
+            class: "cursor-pointer font-bold text-muted-foreground flex items-center justify-between gap-2 select-none"
+          }, [
+            l("span", Ue, [
+              t(b(de), { class: "size-4" }),
+              s(" " + k(g.name || "Untitled Add-on"), 1)
+            ]),
+            l("div", Ae, [
+              t(S, {
+                variant: "ghost",
+                size: "icon"
+              }, {
+                default: o(() => [
+                  t(b(ae), { class: "size-4" })
+                ]),
+                _: 1
+              }),
+              t(S, {
+                variant: "ghost",
+                size: "icon",
+                onClick: Z((A) => v(g.id), ["stop"])
+              }, {
+                default: o(() => [
+                  t(b(F), { class: "size-4 text-red-500" })
+                ]),
+                _: 1
+              }, 8, ["onClick"])
+            ])
+          ], 8, Pe),
+          l("div", {
+            class: B(["grid", `${n.value.includes(g.id) ? "grid-rows-[1fr]" : "grid-rows-[0fr]"} transition-all duration-300 ease-in-out overflow-hidden`])
+          }, [
+            l("div", Te, [
+              t(Se, { addOn: g }, null, 8, ["addOn"])
+            ])
+          ], 2)
+        ], 8, Ie))), 128))
+      ]);
+    };
+  }
+}), $e = { class: "flex items-center justify-between mb-4" }, De = { class: "space-y-3" }, he = {
+  key: 0,
+  class: "text-center py-8 text-muted-foreground text-sm border rounded-lg"
+}, Me = /* @__PURE__ */ z({
+  __name: "index",
+  setup(p) {
+    const V = H("form"), O = ee("addonList"), _ = async () => {
+      const n = Math.random().toString(36).substr(2, 9);
+      V.addOns.push({
+        id: n,
+        name: "",
+        description: "",
+        price: 0,
+        required: !1
+      }), O.value?.openAddons.push(n), await te(), document.getElementById(`addon-${n}`)?.scrollIntoView({ behavior: "smooth", block: "start" });
+    };
+    return (n, v) => {
+      const y = m("Label"), C = m("Button");
+      return i(), u("div", null, [
+        l("div", $e, [
+          l("div", null, [
+            t(y, { class: "text-base font-medium" }, {
+              default: o(() => [...v[0] || (v[0] = [
+                s(" Optional Add-ons & Upcharges ", -1)
+              ])]),
+              _: 1
+            }),
+            v[1] || (v[1] = l("p", { class: "text-sm text-muted-foreground mt-1" }, " Offer optional extras that customers can add to their booking (e.g., swimsuit rental). ", -1))
+          ]),
+          t(C, {
+            onClick: _,
+            variant: "outline",
+            size: "sm"
+          }, {
+            default: o(() => [
+              t(b(G), { class: "w-4 h-4 mr-2" }),
+              v[2] || (v[2] = s(" Add Add-on ", -1))
+            ]),
+            _: 1
+          })
+        ]),
+        l("div", De, [
+          t(Re, {
+            ref_key: "addonList",
+            ref: O
+          }, null, 512),
+          b(V).addOns.length === 0 ? (i(), u("div", he, ' No add-ons configured. Click "Add Add-on" to create optional extras. ')) : w("", !0)
+        ])
+      ]);
+    };
+  }
+}), Le = {
+  key: 0,
+  class: "max-w-2xl space-y-12"
+}, Be = { class: "flex gap-4 items-end" }, ze = { class: "w-32" }, Ee = { class: "flex items-center justify-between mb-4 gap-4" }, Ne = { class: "space-y-3" }, je = { class: "flex-1 space-y-3" }, qe = { class: "flex gap-3" }, Fe = { class: "flex-1" }, Ge = { class: "flex-1" }, He = { class: "flex items-end" }, We = { class: "flex items-center justify-between mb-4" }, Ye = { class: "space-y-3" }, Ke = { class: "flex-1 space-y-3" }, Qe = { class: "grid grid-cols-2 gap-3" }, Je = { class: "grid grid-cols-2 gap-3" }, Xe = { key: 0 }, Ze = { class: "flex items-center gap-2" }, et = { key: 0 }, tt = { key: 1 }, nt = { key: 2 }, lt = { class: "space-y-1" }, ot = ["onClick"], st = { class: "size-5 rounded-full bg-muted flex items-center justify-center" }, dt = {
+  key: 0,
+  class: "w-full h-full rounded-full bg-white scale-50"
+}, at = ["onClick"], it = { class: "text-sm flex-1 truncate" }, rt = {
+  key: 0,
+  class: "w-3 h-3 text-white",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor"
+}, ut = {
+  key: 0,
+  class: "text-center py-8 text-muted-foreground text-sm border rounded-lg"
+}, mt = {
+  key: 0,
+  class: "mt-6 p-4 border rounded-lg bg-muted/30"
+}, pt = { class: "space-y-4" }, ct = { class: "flex items-center gap-3" }, ft = { class: "flex-1" }, vt = { class: "text-sm text-muted-foreground" }, gt = { class: "text-xs text-muted-foreground" }, xt = { class: "flex justify-start pt-4 border-t" }, St = /* @__PURE__ */ z({
+  __name: "payment",
+  setup(p) {
+    const { params: V } = ue(), { config: O } = me(), _ = pe(O.project), n = ne({
+      paymentType: "full",
+      currency: "USD",
+      partialPayment: {
+        type: "percentage",
+        amount: 50
+      },
+      pricingOptions: [
+        {
+          id: "1",
+          name: "Standard Service",
+          price: 0,
+          duration: 30,
+          // Duration in minutes
+          isDefault: !0
+        }
+      ],
+      pricingRules: [],
+      addOns: []
+    }), v = M(!1), y = M(!0), C = M([]), S = (a, e) => {
+      if (!a.resourceIds)
+        a.resourceIds = [e];
+      else {
+        const c = a.resourceIds.indexOf(e);
+        c === -1 ? a.resourceIds.push(e) : a.resourceIds.splice(c, 1);
+      }
+    }, g = (a, e) => {
+      a.resourceIds = e ? null : [];
+    }, A = async () => {
+      v.value = !0;
+      try {
+        const a = V.value.id;
+        if (!a) throw new Error("Missing agenda ID");
+        await _.update(O.agendaCollection, a, {
+          paymentType: n.paymentType || "full",
+          currency: n.currency || "USD",
+          partialPayment: {
+            type: n.partialPayment.type || "percentage",
+            amount: Math.max(Number(n.partialPayment.amount) || 0, 0)
+          },
+          pricingOptions: n.pricingOptions ?? [],
+          pricingRules: n.pricingRules ?? [],
+          addOns: n.addOns ?? []
+        });
+      } catch (a) {
+        console.error("Error saving changes:", a);
+      } finally {
+        v.value = !1;
+      }
+    }, E = () => {
+      const a = Math.random().toString(36).substr(2, 9);
+      n.pricingOptions.push({
+        id: a,
+        name: "",
+        price: 0,
+        duration: 30,
+        // Default 30 minutes
+        isDefault: !1
+      });
+    }, N = (a) => {
+      n.pricingOptions = n.pricingOptions.filter((e) => e.id !== a);
+    }, j = (a) => {
+      n.pricingOptions.forEach((e) => {
+        e.isDefault = e.id === a;
+      });
+    }, q = () => {
+      const a = Math.random().toString(36).substr(2, 9);
+      n.pricingRules.push({
+        id: a,
+        name: "",
+        condition: "time_after",
+        // time_after, time_before, day_of_week, etc.
+        conditionValue: "17:00",
+        modifier: "fixed",
+        // 'fixed' or 'percentage'
+        amount: 10,
+        resourceIds: null
+        // null = all resources
+      });
+    }, x = (a) => {
+      n.pricingRules = n.pricingRules.filter((e) => e.id !== a);
+    };
+    return (async () => {
+      try {
+        const a = await _.get(O.agendaCollection, V.value.id);
+        a && (n.paymentType = a.paymentType || "full", n.currency = a.currency || "USD", n.partialPayment = {
+          type: a.partialPayment?.type || "percentage",
+          amount: Number(a.partialPayment?.amount) && a.partialPayment.amount > 0 ? parseFloat(a.partialPayment.amount) : 50
+        }, n.pricingOptions = a.pricingOptions || [{
+          id: "1",
+          name: "Standard Service",
+          price: 0,
+          duration: 30,
+          isDefault: !0
+        }], n.pricingRules = a.pricingRules || [], n.addOns = a.addOns || [], C.value = (a.resources || []).filter((e) => e.isActive));
+      } catch (a) {
+        console.error("Error loading agenda data:", a);
+      } finally {
+        y.value = !1;
+      }
+    })(), le("form", n), (a, e) => {
+      const c = m("Label"), R = m("SelectValue"), $ = m("SelectTrigger"), f = m("SelectItem"), D = m("SelectContent"), h = m("Select"), I = m("Button"), P = m("Input"), Q = m("PopoverTrigger"), J = m("PopoverContent"), X = m("Popover"), T = m("RadioGroupItem"), W = m("RadioGroup");
+      return i(), Y(se, null, {
+        default: o(() => [
+          e[53] || (e[53] = l("h1", { class: "text-lg font-medium mb-8" }, "Payment Settings", -1)),
+          y.value ? w("", !0) : (i(), u("div", Le, [
+            l("div", null, [
+              l("div", Be, [
+                l("div", ze, [
+                  t(c, { class: "text-base font-medium mb-2" }, {
+                    default: o(() => [...e[4] || (e[4] = [
+                      s(" Currency ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  t(h, {
+                    modelValue: n.currency,
+                    "onUpdate:modelValue": e[0] || (e[0] = (d) => n.currency = d)
+                  }, {
+                    default: o(() => [
+                      t($, { id: "currency" }, {
+                        default: o(() => [
+                          t(R, { placeholder: "Currency" })
+                        ]),
+                        _: 1
+                      }),
+                      t(D, null, {
+                        default: o(() => [
+                          t(f, { value: "USD" }, {
+                            default: o(() => [...e[5] || (e[5] = [
+                              s("USD ($)", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(f, { value: "EUR" }, {
+                            default: o(() => [...e[6] || (e[6] = [
+                              s("EUR (€)", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(f, { value: "GBP" }, {
+                            default: o(() => [...e[7] || (e[7] = [
+                              s("GBP (£)", -1)
+                            ])]),
+                            _: 1
+                          }),
+                          t(f, { value: "CAD" }, {
+                            default: o(() => [...e[8] || (e[8] = [
+                              s("CAD ($)", -1)
+                            ])]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ])
+              ])
+            ]),
+            l("div", null, [
+              l("div", Ee, [
+                l("div", null, [
+                  t(c, { class: "text-base font-medium" }, {
+                    default: o(() => [...e[9] || (e[9] = [
+                      s(" Service Pricing Options ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e[10] || (e[10] = l("p", { class: "text-sm text-muted-foreground mt-1" }, " Offer multiple service variations with different prices (e.g., haircut styles, massage types). ", -1))
+                ]),
+                t(I, {
+                  onClick: E,
+                  variant: "outline",
+                  size: "sm"
+                }, {
+                  default: o(() => [
+                    t(b(G), { class: "w-4 h-4 mr-2" }),
+                    e[11] || (e[11] = s(" Add Option ", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              l("div", Ne, [
+                (i(!0), u(U, null, L(n.pricingOptions, (d) => (i(), u("div", {
+                  key: d.id,
+                  class: "flex gap-3 items-start p-4 border rounded-lg"
+                }, [
+                  l("div", je, [
+                    l("div", null, [
+                      t(c, { class: "text-xs mb-1 block" }, {
+                        default: o(() => [...e[12] || (e[12] = [
+                          s("Service Name", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      t(P, {
+                        modelValue: d.name,
+                        "onUpdate:modelValue": (r) => d.name = r,
+                        placeholder: "e.g., Men's Haircut, Women's Haircut"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    l("div", qe, [
+                      l("div", Fe, [
+                        t(c, { class: "text-xs mb-1 block" }, {
+                          default: o(() => [...e[13] || (e[13] = [
+                            s("Price", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(P, {
+                          modelValue: d.price,
+                          "onUpdate:modelValue": (r) => d.price = r,
+                          modelModifiers: { number: !0 },
+                          type: "number",
+                          min: "0",
+                          step: "0.01",
+                          placeholder: "0.00",
+                          class: "no-spinner"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      l("div", Ge, [
+                        t(c, { class: "text-xs mb-1 block" }, {
+                          default: o(() => [...e[14] || (e[14] = [
+                            s("Duration", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(h, {
+                          modelValue: d.duration,
+                          "onUpdate:modelValue": (r) => d.duration = r,
+                          modelModifiers: { number: !0 }
+                        }, {
+                          default: o(() => [
+                            t($, null, {
+                              default: o(() => [
+                                t(R, { placeholder: "Duration" })
+                              ]),
+                              _: 1
+                            }),
+                            t(D, null, {
+                              default: o(() => [
+                                t(f, { value: 15 }, {
+                                  default: o(() => [...e[15] || (e[15] = [
+                                    s("15 min", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: 30 }, {
+                                  default: o(() => [...e[16] || (e[16] = [
+                                    s("30 min", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: 45 }, {
+                                  default: o(() => [...e[17] || (e[17] = [
+                                    s("45 min", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: 60 }, {
+                                  default: o(() => [...e[18] || (e[18] = [
+                                    s("1 hour", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: 90 }, {
+                                  default: o(() => [...e[19] || (e[19] = [
+                                    s("1.5 hours", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: 120 }, {
+                                  default: o(() => [...e[20] || (e[20] = [
+                                    s("2 hours", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: 180 }, {
+                                  default: o(() => [...e[21] || (e[21] = [
+                                    s("3 hours", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: 240 }, {
+                                  default: o(() => [...e[22] || (e[22] = [
+                                    s("4 hours", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: 300 }, {
+                                  default: o(() => [...e[23] || (e[23] = [
+                                    s("5 hours", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: 360 }, {
+                                  default: o(() => [...e[24] || (e[24] = [
+                                    s("6 hours", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: 480 }, {
+                                  default: o(() => [...e[25] || (e[25] = [
+                                    s("8 hours", -1)
+                                  ])]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      l("div", He, [
+                        t(I, {
+                          onClick: (r) => j(d.id),
+                          variant: d.isDefault ? "default" : "outline",
+                          size: "sm"
+                        }, {
+                          default: o(() => [
+                            s(k(d.isDefault ? "Default" : "Set Default"), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick", "variant"])
+                      ])
+                    ])
+                  ]),
+                  n.pricingOptions.length > 1 ? (i(), Y(I, {
+                    key: 0,
+                    onClick: (r) => N(d.id),
+                    variant: "ghost",
+                    size: "icon",
+                    class: "mt-6"
+                  }, {
+                    default: o(() => [
+                      t(b(F), { class: "w-4 h-4 text-destructive" })
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])) : w("", !0)
+                ]))), 128))
+              ])
+            ]),
+            l("div", null, [
+              l("div", We, [
+                l("div", null, [
+                  t(c, { class: "text-base font-medium" }, {
+                    default: o(() => [...e[26] || (e[26] = [
+                      s(" Conditional Pricing Rules ", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e[27] || (e[27] = l("p", { class: "text-sm text-muted-foreground mt-1" }, " Add extra fees based on time, day, or other conditions (e.g., +€10 after 5pm). ", -1))
+                ]),
+                t(I, {
+                  onClick: q,
+                  variant: "outline",
+                  size: "sm"
+                }, {
+                  default: o(() => [
+                    t(b(G), { class: "w-4 h-4 mr-2" }),
+                    e[28] || (e[28] = s(" Add Rule ", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              l("div", Ye, [
+                (i(!0), u(U, null, L(n.pricingRules, (d) => (i(), u("div", {
+                  key: d.id,
+                  class: "flex gap-3 items-start p-4 border rounded-lg"
+                }, [
+                  l("div", Ke, [
+                    l("div", null, [
+                      t(c, { class: "text-xs mb-1 block" }, {
+                        default: o(() => [...e[29] || (e[29] = [
+                          s("Rule Name", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      t(P, {
+                        modelValue: d.name,
+                        "onUpdate:modelValue": (r) => d.name = r,
+                        placeholder: "e.g., After Hours Fee, Weekend Surcharge"
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                    ]),
+                    l("div", Qe, [
+                      l("div", null, [
+                        t(c, { class: "text-xs mb-1 block" }, {
+                          default: o(() => [...e[30] || (e[30] = [
+                            s("Condition", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(h, {
+                          modelValue: d.condition,
+                          "onUpdate:modelValue": (r) => d.condition = r
+                        }, {
+                          default: o(() => [
+                            t($, null, {
+                              default: o(() => [
+                                t(R, { placeholder: "Select condition" })
+                              ]),
+                              _: 1
+                            }),
+                            t(D, null, {
+                              default: o(() => [
+                                t(f, { value: "time_after" }, {
+                                  default: o(() => [...e[31] || (e[31] = [
+                                    s("Time After", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: "time_before" }, {
+                                  default: o(() => [...e[32] || (e[32] = [
+                                    s("Time Before", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: "time_between" }, {
+                                  default: o(() => [...e[33] || (e[33] = [
+                                    s("Time Between", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: "day_of_week" }, {
+                                  default: o(() => [...e[34] || (e[34] = [
+                                    s("Day of Week", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: "date_range" }, {
+                                  default: o(() => [...e[35] || (e[35] = [
+                                    s("Date Range", -1)
+                                  ])]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      l("div", null, [
+                        t(c, { class: "text-xs mb-1 block" }, {
+                          default: o(() => [...e[36] || (e[36] = [
+                            s("Value", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(P, {
+                          modelValue: d.conditionValue,
+                          "onUpdate:modelValue": (r) => d.conditionValue = r,
+                          type: d.condition.includes("time") ? "time" : "text",
+                          placeholder: "e.g., 17:00"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "type"])
+                      ])
+                    ]),
+                    l("div", Je, [
+                      l("div", null, [
+                        t(c, { class: "text-xs mb-1 block" }, {
+                          default: o(() => [...e[37] || (e[37] = [
+                            s("Fee Type", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(h, {
+                          modelValue: d.modifier,
+                          "onUpdate:modelValue": (r) => d.modifier = r
+                        }, {
+                          default: o(() => [
+                            t($, null, {
+                              default: o(() => [
+                                t(R, { placeholder: "Select type" })
+                              ]),
+                              _: 1
+                            }),
+                            t(D, null, {
+                              default: o(() => [
+                                t(f, { value: "fixed" }, {
+                                  default: o(() => [...e[38] || (e[38] = [
+                                    s("Fixed Amount", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                t(f, { value: "percentage" }, {
+                                  default: o(() => [...e[39] || (e[39] = [
+                                    s("Percentage", -1)
+                                  ])]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "onUpdate:modelValue"])
+                      ]),
+                      l("div", null, [
+                        t(c, { class: "text-xs mb-1 block" }, {
+                          default: o(() => [...e[40] || (e[40] = [
+                            s("Amount", -1)
+                          ])]),
+                          _: 1
+                        }),
+                        t(P, {
+                          modelValue: d.amount,
+                          "onUpdate:modelValue": (r) => d.amount = r,
+                          modelModifiers: { number: !0 },
+                          type: "number",
+                          min: "0",
+                          step: "0.01",
+                          class: "no-spinner",
+                          placeholder: d.modifier === "percentage" ? "10 (%)" : "10.00"
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                      ])
+                    ]),
+                    C.value.length > 0 ? (i(), u("div", Xe, [
+                      t(c, { class: "text-xs mb-1 block" }, {
+                        default: o(() => [...e[41] || (e[41] = [
+                          s("Apply To Resources", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      t(X, null, {
+                        default: o(() => [
+                          t(Q, { "as-child": "" }, {
+                            default: o(() => [
+                              t(I, {
+                                variant: "outline",
+                                class: "w-full justify-between font-normal"
+                              }, {
+                                default: o(() => [
+                                  l("div", Ze, [
+                                    t(b(K), { class: "w-4 h-4 text-muted-foreground" }),
+                                    !d.resourceIds || d.resourceIds.length === 0 ? (i(), u("span", et, "All Resources")) : d.resourceIds.length === 1 ? (i(), u("span", tt, k(C.value.find((r) => r.id === d.resourceIds[0])?.name || "1 resource"), 1)) : (i(), u("span", nt, k(d.resourceIds.length) + " resources", 1))
+                                  ]),
+                                  t(b(ie), { class: "w-4 h-4 opacity-50" })
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, 1024),
+                          t(J, {
+                            class: "w-64 p-2",
+                            align: "start"
+                          }, {
+                            default: o(() => [
+                              l("div", lt, [
+                                l("div", {
+                                  class: B(["flex items-center gap-2 p-2 rounded-md hover:bg-muted cursor-pointer transition-colors", { "bg-muted": !d.resourceIds || d.resourceIds.length === 0 }]),
+                                  onClick: (r) => g(d, !0)
+                                }, [
+                                  l("div", st, [
+                                    t(b(K), { class: "w-3 h-3 text-muted-foreground" })
+                                  ]),
+                                  e[42] || (e[42] = l("span", { class: "text-sm flex-1" }, "All Resources", -1)),
+                                  l("div", {
+                                    class: B(["size-4 rounded-full border-2", !d.resourceIds || d.resourceIds.length === 0 ? "border-primary bg-primary" : "border-muted-foreground"])
+                                  }, [
+                                    !d.resourceIds || d.resourceIds.length === 0 ? (i(), u("div", dt)) : w("", !0)
+                                  ], 2)
+                                ], 10, ot),
+                                e[44] || (e[44] = l("div", { class: "border-t my-2" }, null, -1)),
+                                (i(!0), u(U, null, L(C.value, (r) => (i(), u("div", {
+                                  key: r.id,
+                                  class: "flex items-center gap-2 p-2 rounded-md hover:bg-muted cursor-pointer transition-colors",
+                                  onClick: (bt) => {
+                                    g(d, !1), S(d, r.id);
+                                  }
+                                }, [
+                                  l("div", {
+                                    class: "size-5 rounded-full flex items-center justify-center text-white text-[10px] font-medium",
+                                    style: oe({ backgroundColor: r.color || "#6b7280" })
+                                  }, k(r.avatarLabel || r.name.charAt(0).toUpperCase()), 5),
+                                  l("span", it, k(r.name), 1),
+                                  l("div", {
+                                    class: B(["size-4 rounded border-2 flex items-center justify-center", d.resourceIds?.includes(r.id) ? "border-primary bg-primary" : "border-muted-foreground"])
+                                  }, [
+                                    d.resourceIds?.includes(r.id) ? (i(), u("svg", rt, [...e[43] || (e[43] = [
+                                      l("path", {
+                                        "stroke-linecap": "round",
+                                        "stroke-linejoin": "round",
+                                        "stroke-width": "3",
+                                        d: "M5 13l4 4L19 7"
+                                      }, null, -1)
+                                    ])])) : w("", !0)
+                                  ], 2)
+                                ], 8, at))), 128))
+                              ])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])) : w("", !0)
+                  ]),
+                  t(I, {
+                    onClick: (r) => x(d.id),
+                    variant: "ghost",
+                    size: "icon",
+                    class: "mt-6"
+                  }, {
+                    default: o(() => [
+                      t(b(F), { class: "w-4 h-4 text-destructive" })
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ]))), 128)),
+                n.pricingRules.length === 0 ? (i(), u("div", ut, ' No pricing rules configured. Click "Add Rule" to create conditional fees. ')) : w("", !0)
+              ])
+            ]),
+            t(Me),
+            l("div", null, [
+              t(c, { class: "text-base font-medium" }, {
+                default: o(() => [...e[45] || (e[45] = [
+                  s(" Payment Preferences ", -1)
+                ])]),
+                _: 1
+              }),
+              e[52] || (e[52] = l("p", { class: "text-sm text-muted-foreground mb-6" }, " Let customers pay full or in part when booking a slot, or pay later. ", -1)),
+              t(W, {
+                modelValue: n.paymentType,
+                "onUpdate:modelValue": e[1] || (e[1] = (d) => n.paymentType = d),
+                class: "flex flex-col gap-4"
+              }, {
+                default: o(() => [
+                  t(c, {
+                    for: "r1",
+                    class: "flex items-start space-x-2 cursor-pointer"
+                  }, {
+                    default: o(() => [
+                      t(T, {
+                        id: "r1",
+                        value: "full"
+                      }),
+                      e[46] || (e[46] = l("div", null, [
+                        l("p", null, "Pay Full Amount when Booking"),
+                        l("p", { class: "text-sm text-muted-foreground mt-1" }, " Your customers are required to complete the payment to confirm their booking. ")
+                      ], -1))
+                    ]),
+                    _: 1
+                  }),
+                  t(c, {
+                    for: "r2",
+                    class: "flex items-start space-x-2 cursor-pointer"
+                  }, {
+                    default: o(() => [
+                      t(T, {
+                        id: "r2",
+                        value: "partial"
+                      }),
+                      e[47] || (e[47] = l("div", null, [
+                        l("p", null, "Pay Part Amount when Booking"),
+                        l("p", { class: "text-sm text-muted-foreground mt-1" }, " Your customers are required to pay a deposit to confirm their booking. ")
+                      ], -1))
+                    ]),
+                    _: 1
+                  }),
+                  t(c, {
+                    for: "r3",
+                    class: "flex items-start space-x-2 cursor-pointer"
+                  }, {
+                    default: o(() => [
+                      t(T, {
+                        id: "r3",
+                        value: "later"
+                      }),
+                      e[48] || (e[48] = l("div", null, [
+                        l("p", null, "Pay Later at Appointment"),
+                        l("p", { class: "text-sm text-muted-foreground mt-1" }, " Your customers can book now and pay in person at the time of their appointment. ")
+                      ], -1))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              n.paymentType === "partial" ? (i(), u("div", mt, [
+                t(c, { class: "text-sm font-medium mb-4 block" }, {
+                  default: o(() => [...e[49] || (e[49] = [
+                    s(" Deposit Amount Configuration ", -1)
+                  ])]),
+                  _: 1
+                }),
+                l("div", pt, [
+                  t(W, {
+                    modelValue: n.partialPayment.type,
+                    "onUpdate:modelValue": e[2] || (e[2] = (d) => n.partialPayment.type = d),
+                    class: "flex gap-4"
+                  }, {
+                    default: o(() => [
+                      t(c, { class: "flex items-center space-x-2 cursor-pointer" }, {
+                        default: o(() => [
+                          t(T, { value: "percentage" }),
+                          e[50] || (e[50] = l("span", null, "Percentage", -1))
+                        ]),
+                        _: 1
+                      }),
+                      t(c, { class: "flex items-center space-x-2 cursor-pointer" }, {
+                        default: o(() => [
+                          t(T, { value: "fixed" }),
+                          e[51] || (e[51] = l("span", null, "Fixed Amount", -1))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"]),
+                  l("div", ct, [
+                    l("div", ft, [
+                      t(P, {
+                        modelValue: n.partialPayment.amount,
+                        "onUpdate:modelValue": e[3] || (e[3] = (d) => n.partialPayment.amount = d),
+                        modelModifiers: { number: !0 },
+                        type: "number",
+                        min: "0",
+                        max: n.partialPayment.type === "percentage" ? 100 : void 0,
+                        step: "0.01",
+                        placeholder: n.partialPayment.type === "percentage" ? "50" : "10.00",
+                        class: "no-spinner"
+                      }, null, 8, ["modelValue", "max", "placeholder"])
+                    ]),
+                    l("span", vt, k(n.partialPayment.type === "percentage" ? "%" : n.currency), 1)
+                  ]),
+                  l("p", gt, [
+                    n.partialPayment.type === "percentage" ? (i(), u(U, { key: 0 }, [
+                      s(" Customers will pay " + k(n.partialPayment.amount) + "% of the total price upfront. ", 1)
+                    ], 64)) : (i(), u(U, { key: 1 }, [
+                      s(" Customers will pay " + k(n.currency) + " " + k(n.partialPayment.amount) + " upfront. ", 1)
+                    ], 64))
+                  ])
+                ])
+              ])) : w("", !0)
+            ]),
+            l("div", xt, [
+              t(I, {
+                onClick: A,
+                disabled: v.value
+              }, {
+                default: o(() => [
+                  s(k(v.value ? "Saving..." : "Save Changes"), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ])
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  St as default
+};