@oneclick.dev/cms-core-modules 0.0.53 → 0.0.54

package/dist/payment-zpCM0LD-.mjs

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