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

package/dist/Create-Bwf1RXdG.mjs

@@ -0,0 +1,1248 @@
+import { defineComponent as z, inject as L, resolveComponent as o, createElementBlock as $, openBlock as p, Fragment as E, createVNode as e, withCtx as t, createTextVNode as a, unref as n, createElementVNode as s, ref as A, createBlock as U, createCommentVNode as F, toDisplayString as T, useTemplateRef as ue, renderList as le, computed as ie, normalizeClass as Q, withAsyncContext as de, provide as X } from "vue";
+import { Import as re, DollarSign as oe, Percent as ne, Truck as se, Info as me, Loader2 as K, UserCog as pe, Plus as Z, Pencil as fe, Trash2 as ve, CalendarIcon as h, List as ce } from "lucide-vue-next";
+import { useModulePermissions as j, useModuleStorage as W, useConfirmation as _e, useModuleRoute as ge, useProjectSettings as xe, useLogs as ye, useModuleBreadcrumbs as be, useFirebaseIntegration as we } from "@oneclick.dev/cms-kit";
+import { c as ee } from "./utils-BVKy9S2J.mjs";
+import { g as te, n as Ve } from "./CalendarDate-CRT2Viyt.mjs";
+import { $ as Ue } from "./DateFormatter-CbO0PVUK.mjs";
+import { t as I } from "./index-RLz1QPrf.mjs";
+const Ce = /* @__PURE__ */ z({
+  __name: "SingleCode",
+  setup(N) {
+    const d = L("newCoupon");
+    return (S, r) => {
+      const f = o("Label"), c = o("Input");
+      return p(), $(E, null, [
+        e(f, {
+          class: "text-muted-foreground mb-2",
+          for: "code"
+        }, {
+          default: t(() => [...r[1] || (r[1] = [
+            a("Enter the coupon code", -1)
+          ])]),
+          _: 1
+        }),
+        e(c, {
+          modelValue: n(d).code,
+          "onUpdate:modelValue": r[0] || (r[0] = (u) => n(d).code = u),
+          id: "code"
+        }, null, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+}), De = { class: "flex items-center space-x-2" }, ke = { class: "flex items-center space-x-2" }, $e = {
+  key: 0,
+  class: "flex items-end w-full gap-4"
+}, Se = { class: "relative w-full" }, Te = { key: 1 }, Pe = /* @__PURE__ */ z({
+  __name: "MultiCodes",
+  setup(N) {
+    const d = L("newCoupon");
+    return (S, r) => {
+      const f = o("RadioGroupItem"), c = o("Label"), u = o("RadioGroup"), x = o("NumberFieldDecrement"), k = o("NumberFieldInput"), _ = o("NumberFieldIncrement"), i = o("NumberFieldContent"), y = o("NumberField"), w = o("Input"), m = o("Textarea");
+      return p(), $(E, null, [
+        r[8] || (r[8] = s("p", { class: "text-sm text-muted-foreground mb-2" }, "How do you want to create the codes?", -1)),
+        e(u, {
+          modelValue: n(d).generationMode,
+          "onUpdate:modelValue": r[0] || (r[0] = (C) => n(d).generationMode = C),
+          orientation: "vertical",
+          class: "mb-6"
+        }, {
+          default: t(() => [
+            s("div", De, [
+              e(f, {
+                id: "generation_mode_generate",
+                value: "generate"
+              }),
+              e(c, { for: "generation_mode_generate" }, {
+                default: t(() => [...r[3] || (r[3] = [
+                  a("Generate random codes", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            s("div", ke, [
+              e(f, {
+                id: "generation_mode_input",
+                value: "input"
+              }),
+              e(c, { for: "generation_mode_input" }, {
+                default: t(() => [...r[4] || (r[4] = [
+                  a("Provide specific codes", -1)
+                ])]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        n(d).generationMode == "generate" ? (p(), $("div", $e, [
+          e(y, {
+            id: "age",
+            "default-value": 1,
+            min: 1,
+            class: "w-full"
+          }, {
+            default: t(() => [
+              e(c, {
+                for: "age",
+                class: "text-muted-foreground mb-2"
+              }, {
+                default: t(() => [...r[5] || (r[5] = [
+                  a("Number of codes to generate", -1)
+                ])]),
+                _: 1
+              }),
+              e(i, null, {
+                default: t(() => [
+                  e(x),
+                  e(k),
+                  e(_)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          s("div", Se, [
+            e(w, {
+              modelValue: n(d).prefix,
+              "onUpdate:modelValue": r[1] || (r[1] = (C) => n(d).prefix = C),
+              placeholder: "Prefix",
+              class: "pr-42"
+            }, null, 8, ["modelValue"]),
+            r[6] || (r[6] = s("span", { class: "absolute right-2 top-1/2 transform -translate-y-1/2 text-muted-foreground/80 pointer-events-none" }, "- GENERATED CODE", -1))
+          ])
+        ])) : (p(), $("div", Te, [
+          e(c, {
+            class: "text-muted-foreground mb-2",
+            for: "codes"
+          }, {
+            default: t(() => [...r[7] || (r[7] = [
+              a("Enter the codes you want to create (one per line)", -1)
+            ])]),
+            _: 1
+          }),
+          e(m, {
+            modelValue: n(d).codes,
+            "onUpdate:modelValue": r[2] || (r[2] = (C) => n(d).codes = C),
+            id: "codes",
+            class: "max-h-48"
+          }, null, 8, ["modelValue"])
+        ]))
+      ], 64);
+    };
+  }
+}), Fe = { class: "grid gap-6 py-4" }, Ae = { class: "flex items-center" }, Me = { class: "flex items-center gap-2" }, Ne = { class: "flex items-center gap-2" }, Ie = { class: "flex items-center gap-2" }, Le = { class: "flex items-center gap-2" }, ze = { class: "flex items-center space-x-2 mb-2" }, Oe = {
+  key: 0,
+  class: "text-xs text-blue-600 bg-blue-500/10 p-2 rounded border border-blue-500 mt-1 flex items-start gap-1"
+}, Be = { class: "flex items-center space-x-2 mb-2" }, Ge = /* @__PURE__ */ z({
+  __name: "TypeDetailDialog",
+  setup(N, { expose: d }) {
+    const { isAdmin: S } = j(), { getModuleData: r, setModuleData: f } = W(), c = L("promoTypes", A([])), u = A({
+      id: "",
+      label: "",
+      key: "",
+      allowUnlimitedUses: !1,
+      hasValueField: !1,
+      valueLabel: "",
+      valuePrefix: "",
+      valueSuffix: ""
+    }), x = A(!1), k = A("add"), _ = A(!1), i = (b) => {
+      x.value = !0, _.value = !1, b ? (k.value = "edit", u.value = JSON.parse(JSON.stringify(b))) : (k.value = "add", u.value = {
+        id: crypto.randomUUID(),
+        label: "",
+        key: "",
+        allowUnlimitedUses: !1,
+        hasValueField: !1,
+        valueLabel: "",
+        valuePrefix: "",
+        valueSuffix: ""
+      });
+    }, y = (b) => {
+      x.value = !0, _.value = !1, k.value = "add", C(b);
+    }, w = async () => {
+      _.value = !0;
+      let b = await r("promo-types") || [];
+      b.push(JSON.parse(JSON.stringify(u.value))), f("promo-types", b), c.value = JSON.parse(JSON.stringify(b)), x.value = !1;
+    }, m = async () => {
+      _.value = !0;
+      let b = await r("promo-types") || [];
+      b = b.map((l) => l.id === u.value.id ? u.value : l), f("promo-types", b), c.value = JSON.parse(JSON.stringify(b)), x.value = !1;
+    }, C = (b) => {
+      switch (b) {
+        case "fixed":
+          u.value = {
+            id: crypto.randomUUID(),
+            label: "Fixed Amount",
+            key: "fixed",
+            allowUnlimitedUses: !1,
+            hasValueField: !0,
+            valueLabel: "Amount",
+            valuePrefix: "$",
+            valueSuffix: ""
+          };
+          break;
+        case "percentage":
+          u.value = {
+            id: crypto.randomUUID(),
+            label: "Percentage",
+            key: "percentage",
+            allowUnlimitedUses: !1,
+            hasValueField: !0,
+            valueLabel: "Percentage",
+            valuePrefix: "",
+            valueSuffix: "%"
+          };
+          break;
+        case "free_shipping":
+          u.value = {
+            id: crypto.randomUUID(),
+            label: "Free Shipping",
+            key: "free_shipping",
+            allowUnlimitedUses: !1,
+            hasValueField: !1,
+            valueLabel: "",
+            valuePrefix: "",
+            valueSuffix: ""
+          };
+          break;
+      }
+    };
+    return d({
+      open: i,
+      openFromTemplate: y
+    }), (b, l) => {
+      const V = o("DialogTitle"), g = o("DialogHeader"), M = o("Button"), B = o("DropdownMenuTrigger"), P = o("DropdownMenuItem"), G = o("DropdownMenuContent"), R = o("DropdownMenu"), D = o("Label"), O = o("Input"), J = o("Switch"), H = o("DialogFooter"), Y = o("DialogScrollContent"), q = o("Dialog");
+      return p(), U(q, {
+        open: x.value,
+        "onUpdate:open": l[11] || (l[11] = (v) => x.value = v)
+      }, {
+        default: t(() => [
+          n(S)() ? (p(), U(Y, {
+            key: 0,
+            class: "sm:max-w-[475px]"
+          }, {
+            default: t(() => [
+              e(g, null, {
+                default: t(() => [
+                  e(V, null, {
+                    default: t(() => [
+                      a(T(k.value === "add" ? "Add Promo Type" : "Edit Promo Type"), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              s("div", Fe, [
+                s("div", Ae, [
+                  k.value === "add" ? (p(), U(R, { key: 0 }, {
+                    default: t(() => [
+                      e(B, null, {
+                        default: t(() => [
+                          e(M, { variant: "outline" }, {
+                            default: t(() => [
+                              s("div", Me, [
+                                e(n(re), { class: "size-4" }),
+                                l[12] || (l[12] = a(" Load pre-defined type ", -1))
+                              ])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }),
+                      e(G, null, {
+                        default: t(() => [
+                          e(P, {
+                            onClick: l[0] || (l[0] = (v) => C("fixed"))
+                          }, {
+                            default: t(() => [
+                              s("div", Ne, [
+                                e(n(oe), { class: "size-4" }),
+                                l[13] || (l[13] = a(" Fixed Amount ", -1))
+                              ])
+                            ]),
+                            _: 1
+                          }),
+                          e(P, {
+                            onClick: l[1] || (l[1] = (v) => C("percentage"))
+                          }, {
+                            default: t(() => [
+                              s("div", Ie, [
+                                e(n(ne), { class: "size-4" }),
+                                l[14] || (l[14] = a(" Percentage ", -1))
+                              ])
+                            ]),
+                            _: 1
+                          }),
+                          e(P, {
+                            onClick: l[2] || (l[2] = (v) => C("free_shipping"))
+                          }, {
+                            default: t(() => [
+                              s("div", Le, [
+                                e(n(se), { class: "size-4" }),
+                                l[15] || (l[15] = a(" Free Shipping ", -1))
+                              ])
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })) : F("", !0)
+                ]),
+                s("div", null, [
+                  e(D, {
+                    for: "label",
+                    class: "mb-2"
+                  }, {
+                    default: t(() => [...l[16] || (l[16] = [
+                      a("Display Name", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(O, {
+                    modelValue: u.value.label,
+                    "onUpdate:modelValue": l[3] || (l[3] = (v) => u.value.label = v),
+                    id: "label"
+                  }, null, 8, ["modelValue"]),
+                  l[17] || (l[17] = s("p", { class: "text-xs text-muted-foreground mt-1" }, 'Shown in the Studio UI. e.g. "VIP Shipping"', -1))
+                ]),
+                s("div", null, [
+                  e(D, {
+                    for: "key",
+                    class: "mb-2"
+                  }, {
+                    default: t(() => [...l[18] || (l[18] = [
+                      a("Internal Key", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(O, {
+                    modelValue: u.value.key,
+                    "onUpdate:modelValue": l[4] || (l[4] = (v) => u.value.key = v),
+                    id: "key"
+                  }, null, 8, ["modelValue"]),
+                  l[19] || (l[19] = s("p", { class: "text-xs text-muted-foreground mt-1" }, [
+                    a("Used in logic. Must be unique, lowercase, no spaces. e.g. "),
+                    s("span", { class: "font-mono bg-muted-foreground/20 px-1 py-0.5 rounded" }, "vip_shipping")
+                  ], -1))
+                ]),
+                s("div", null, [
+                  e(D, {
+                    for: "allowUnlimitedUses",
+                    class: "mb-4"
+                  }, {
+                    default: t(() => [...l[20] || (l[20] = [
+                      a("Allow Unlimited Uses", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  s("div", ze, [
+                    e(J, {
+                      id: "allowUnlimitedUses",
+                      modelValue: u.value.allowUnlimitedUses,
+                      "onUpdate:modelValue": l[5] || (l[5] = (v) => u.value.allowUnlimitedUses = v)
+                    }, null, 8, ["modelValue"]),
+                    e(D, { for: "allowUnlimitedUses" }, {
+                      default: t(() => [
+                        a(T(u.value.allowUnlimitedUses ? "Yes" : "No"), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  l[22] || (l[22] = s("p", { class: "text-xs text-muted-foreground mt-1" }, 'Show the "Unlimited uses" toggle when creating a promo code.', -1)),
+                  u.value.allowUnlimitedUses ? (p(), $("p", Oe, [
+                    e(n(me), { class: "size-4" }),
+                    l[21] || (l[21] = a(" This option is always hidden when generating multiple codes. ", -1))
+                  ])) : F("", !0)
+                ]),
+                s("div", null, [
+                  e(D, {
+                    for: "hasValueField",
+                    class: "mb-4"
+                  }, {
+                    default: t(() => [...l[23] || (l[23] = [
+                      a("Has Value Field", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  s("div", Be, [
+                    e(J, {
+                      id: "hasValueField",
+                      modelValue: u.value.hasValueField,
+                      "onUpdate:modelValue": l[6] || (l[6] = (v) => u.value.hasValueField = v)
+                    }, null, 8, ["modelValue"]),
+                    e(D, { for: "hasValueField" }, {
+                      default: t(() => [
+                        a(T(u.value.hasValueField ? "Yes" : "No"), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  l[24] || (l[24] = s("p", { class: "text-xs text-muted-foreground mt-1" }, "Show a numeric value input when using this type.", -1))
+                ]),
+                s("div", null, [
+                  e(D, {
+                    for: "valueLabel",
+                    class: "mb-2"
+                  }, {
+                    default: t(() => [...l[25] || (l[25] = [
+                      a("Value Field Label", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(O, {
+                    modelValue: u.value.valueLabel,
+                    "onUpdate:modelValue": l[7] || (l[7] = (v) => u.value.valueLabel = v),
+                    id: "valueLabel"
+                  }, null, 8, ["modelValue"]),
+                  l[26] || (l[26] = s("p", { class: "text-xs text-muted-foreground mt-1" }, 'e.g. "Gift amount", "Shipping cost"', -1))
+                ]),
+                s("div", null, [
+                  e(D, {
+                    for: "valuePrefix",
+                    class: "mb-2"
+                  }, {
+                    default: t(() => [...l[27] || (l[27] = [
+                      a("Value Field Prefix", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(O, {
+                    modelValue: u.value.valuePrefix,
+                    "onUpdate:modelValue": l[8] || (l[8] = (v) => u.value.valuePrefix = v),
+                    id: "valuePrefix"
+                  }, null, 8, ["modelValue"]),
+                  l[28] || (l[28] = s("p", { class: "text-xs text-muted-foreground mt-1" }, "e.g. € or $", -1))
+                ]),
+                s("div", null, [
+                  e(D, {
+                    for: "valueSuffix",
+                    class: "mb-2"
+                  }, {
+                    default: t(() => [...l[29] || (l[29] = [
+                      a("Value Field Suffix", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  e(O, {
+                    modelValue: u.value.valueSuffix,
+                    "onUpdate:modelValue": l[9] || (l[9] = (v) => u.value.valueSuffix = v),
+                    id: "valueSuffix"
+                  }, null, 8, ["modelValue"]),
+                  l[30] || (l[30] = s("p", { class: "text-xs text-muted-foreground mt-1" }, "e.g. %, credits", -1))
+                ])
+              ]),
+              e(H, null, {
+                default: t(() => [
+                  e(M, {
+                    variant: "outline",
+                    onClick: l[10] || (l[10] = (v) => x.value = !1)
+                  }, {
+                    default: t(() => [...l[31] || (l[31] = [
+                      a("Cancel", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  k.value === "add" ? (p(), U(M, {
+                    key: 0,
+                    disabled: _.value,
+                    onClick: w
+                  }, {
+                    default: t(() => [
+                      _.value ? (p(), U(n(K), {
+                        key: 0,
+                        class: "size-4 animate-spin"
+                      })) : F("", !0),
+                      l[32] || (l[32] = a(" Add Type ", -1))
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"])) : (p(), U(M, {
+                    key: 1,
+                    disabled: _.value,
+                    onClick: m
+                  }, {
+                    default: t(() => [
+                      _.value ? (p(), U(n(K), {
+                        key: 0,
+                        class: "size-4 animate-spin"
+                      })) : F("", !0),
+                      l[33] || (l[33] = a(" Save Changes ", -1))
+                    ]),
+                    _: 1
+                  }, 8, ["disabled"]))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : F("", !0)
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+}), Re = { class: "grid gap-4 py-4" }, Ee = {
+  key: 0,
+  class: "flex flex-col gap-2 items-center text-muted-foreground border rounded p-4"
+}, Je = { class: "flex gap-2 items-center" }, je = { key: 1 }, He = { class: "flex justify-end w-full mb-2" }, Ye = { class: "flex items-center gap-2" }, qe = { class: "flex items-center gap-2" }, Ke = { class: "flex items-center gap-2" }, We = { class: "flex items-center gap-2" }, Qe = { class: "flex items-center gap-2" }, Xe = { class: "font-mono bg-muted-foreground/20 px-1 py-0.5 rounded" }, Ze = /* @__PURE__ */ z({
+  __name: "TypeManageDialog",
+  setup(N) {
+    const { isAdmin: d } = j(), { getModuleData: S, setModuleData: r } = W(), { confirm: f } = _e(), c = L("promoTypes", A([])), u = ue("typeDetailDialog"), x = async (_) => {
+      if (!await f(`Are you sure you want to delete the type "${_.label}"?`)) return;
+      let y = await S("promo-types") || [];
+      y = y.filter((w) => w.id !== _.id), r("promo-types", y), c.value = JSON.parse(JSON.stringify(y));
+    }, k = async () => {
+      const _ = [
+        {
+          id: crypto.randomUUID(),
+          label: "Fixed Amount",
+          key: "fixed",
+          allowUnlimitedUses: !1,
+          hasValueField: !0,
+          valueLabel: "Amount",
+          valuePrefix: "$",
+          valueSuffix: ""
+        },
+        {
+          id: crypto.randomUUID(),
+          label: "Percentage",
+          key: "percentage",
+          allowUnlimitedUses: !1,
+          hasValueField: !0,
+          valueLabel: "Percentage",
+          valuePrefix: "",
+          valueSuffix: "%"
+        },
+        {
+          id: crypto.randomUUID(),
+          label: "Free Shipping",
+          key: "free_shipping",
+          allowUnlimitedUses: !1,
+          hasValueField: !1,
+          valueLabel: "",
+          valuePrefix: "",
+          valueSuffix: ""
+        }
+      ];
+      r("promo-types", _), c.value = JSON.parse(JSON.stringify(_));
+    };
+    return (_, i) => {
+      const y = o("Button"), w = o("DialogTrigger"), m = o("DialogTitle"), C = o("DialogDescription"), b = o("DialogHeader"), l = o("DropdownMenuTrigger"), V = o("DropdownMenuItem"), g = o("DropdownMenuSeparator"), M = o("DropdownMenuContent"), B = o("DropdownMenu"), P = o("TableHead"), G = o("TableRow"), R = o("TableHeader"), D = o("TableCell"), O = o("TableBody"), J = o("Table"), H = o("DialogFooter"), Y = o("DialogScrollContent"), q = o("Dialog");
+      return p(), $(E, null, [
+        e(q, null, {
+          default: t(() => [
+            e(w, { "as-child": "" }, {
+              default: t(() => [
+                e(y, null, {
+                  default: t(() => [
+                    e(n(pe), { class: "size-4" }),
+                    i[6] || (i[6] = a(" Edit Promo Types ", -1))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            n(d)() ? (p(), U(Y, {
+              key: 0,
+              class: "sm:max-w-2xl"
+            }, {
+              default: t(() => [
+                e(b, null, {
+                  default: t(() => [
+                    e(m, null, {
+                      default: t(() => [...i[7] || (i[7] = [
+                        a("Edit Promo Types", -1)
+                      ])]),
+                      _: 1
+                    }),
+                    e(C, null, {
+                      default: t(() => [...i[8] || (i[8] = [
+                        a(" Define reusable custom promo types to use in discount codes. You can configure how they behave and what fields are shown. ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                s("div", Re, [
+                  n(c).length === 0 ? (p(), $("div", Ee, [
+                    i[12] || (i[12] = s("p", null, "You haven't created any custom types yet.", -1)),
+                    s("p", Je, [
+                      e(y, {
+                        variant: "link",
+                        onClick: i[0] || (i[0] = (v) => u.value?.open())
+                      }, {
+                        default: t(() => [...i[9] || (i[9] = [
+                          a("Create a custom type", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      i[11] || (i[11] = a(" or ", -1)),
+                      e(y, {
+                        variant: "link",
+                        onClick: i[1] || (i[1] = (v) => k())
+                      }, {
+                        default: t(() => [...i[10] || (i[10] = [
+                          a("Import Default Types", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ])
+                  ])) : (p(), $("div", je, [
+                    s("div", He, [
+                      e(B, null, {
+                        default: t(() => [
+                          e(l, null, {
+                            default: t(() => [
+                              e(y, { variant: "outline" }, {
+                                default: t(() => [
+                                  s("div", Ye, [
+                                    e(n(Z), { class: "size-4" }),
+                                    i[13] || (i[13] = a(" Create new Promo Type ", -1))
+                                  ])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          }),
+                          e(M, null, {
+                            default: t(() => [
+                              e(V, {
+                                onClick: i[2] || (i[2] = (v) => u.value?.open())
+                              }, {
+                                default: t(() => [
+                                  s("div", qe, [
+                                    e(n(Z), { class: "size-4" }),
+                                    i[14] || (i[14] = a(" New Type ", -1))
+                                  ])
+                                ]),
+                                _: 1
+                              }),
+                              e(g),
+                              e(V, {
+                                onClick: i[3] || (i[3] = (v) => u.value?.openFromTemplate("fixed"))
+                              }, {
+                                default: t(() => [
+                                  s("div", Ke, [
+                                    e(n(oe), { class: "size-4" }),
+                                    i[15] || (i[15] = a(" Fixed Amount ", -1))
+                                  ])
+                                ]),
+                                _: 1
+                              }),
+                              e(V, {
+                                onClick: i[4] || (i[4] = (v) => u.value?.openFromTemplate("percentage"))
+                              }, {
+                                default: t(() => [
+                                  s("div", We, [
+                                    e(n(ne), { class: "size-4" }),
+                                    i[16] || (i[16] = a(" Percentage ", -1))
+                                  ])
+                                ]),
+                                _: 1
+                              }),
+                              e(V, {
+                                onClick: i[5] || (i[5] = (v) => u.value?.openFromTemplate("free_shipping"))
+                              }, {
+                                default: t(() => [
+                                  s("div", Qe, [
+                                    e(n(se), { class: "size-4" }),
+                                    i[17] || (i[17] = a(" Free Shipping ", -1))
+                                  ])
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    e(J, null, {
+                      default: t(() => [
+                        e(R, null, {
+                          default: t(() => [
+                            e(G, null, {
+                              default: t(() => [
+                                e(P, null, {
+                                  default: t(() => [...i[18] || (i[18] = [
+                                    a("Name (label)", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                e(P, null, {
+                                  default: t(() => [...i[19] || (i[19] = [
+                                    a("Key", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                e(P, null, {
+                                  default: t(() => [...i[20] || (i[20] = [
+                                    a("Value Field", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                e(P, null, {
+                                  default: t(() => [...i[21] || (i[21] = [
+                                    a("Unlimited Uses", -1)
+                                  ])]),
+                                  _: 1
+                                }),
+                                e(P, { class: "text-right" }, {
+                                  default: t(() => [...i[22] || (i[22] = [
+                                    a("Actions", -1)
+                                  ])]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }),
+                        e(O, null, {
+                          default: t(() => [
+                            (p(!0), $(E, null, le(n(c), (v) => (p(), U(G, {
+                              key: v.key
+                            }, {
+                              default: t(() => [
+                                e(D, null, {
+                                  default: t(() => [
+                                    a(T(v.label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1024),
+                                e(D, null, {
+                                  default: t(() => [
+                                    s("span", Xe, T(v.key), 1)
+                                  ]),
+                                  _: 2
+                                }, 1024),
+                                e(D, null, {
+                                  default: t(() => [
+                                    a(T(v.hasValueField ? "Yes" : "No"), 1)
+                                  ]),
+                                  _: 2
+                                }, 1024),
+                                e(D, null, {
+                                  default: t(() => [
+                                    a(T(v.allowUnlimitedUses ? "Yes" : "No"), 1)
+                                  ]),
+                                  _: 2
+                                }, 1024),
+                                e(D, { class: "text-right" }, {
+                                  default: t(() => [
+                                    e(y, {
+                                      variant: "ghost",
+                                      size: "icon",
+                                      onClick: (ae) => u.value?.open(v)
+                                    }, {
+                                      default: t(() => [
+                                        e(n(fe), { class: "size-4" })
+                                      ]),
+                                      _: 1
+                                    }, 8, ["onClick"]),
+                                    e(y, {
+                                      variant: "ghost",
+                                      size: "icon",
+                                      onClick: (ae) => x(v)
+                                    }, {
+                                      default: t(() => [
+                                        e(n(ve), { class: "size-4 text-red-500" })
+                                      ]),
+                                      _: 1
+                                    }, 8, ["onClick"])
+                                  ]),
+                                  _: 2
+                                }, 1024)
+                              ]),
+                              _: 2
+                            }, 1024))), 128))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]))
+                ]),
+                e(H, null, {
+                  default: t(() => [
+                    e(y, {
+                      variant: "outline",
+                      disabled: ""
+                    }, {
+                      default: t(() => [...i[23] || (i[23] = [
+                        a(" Auto-saved ", -1)
+                      ])]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : F("", !0)
+          ]),
+          _: 1
+        }),
+        e(Ge, {
+          ref_key: "typeDetailDialog",
+          ref: u
+        }, null, 512)
+      ], 64);
+    };
+  }
+}), he = { class: "flex justify-between items-center" }, et = { class: "grid gap-2" }, tt = { class: "flex flex-wrap gap-12" }, lt = {
+  key: 0,
+  class: "grid gap-2"
+}, ot = { class: "flex items-center gap-2" }, nt = {
+  key: 1,
+  class: "grid gap-2"
+}, st = { class: "flex items-center space-x-2" }, at = /* @__PURE__ */ z({
+  __name: "index",
+  setup(N) {
+    const d = L("newCoupon"), S = L("promoTypes", A([])), r = ie(() => S.value.find((c) => c.key === d.value?.type) || null), { isAdmin: f } = j();
+    return (c, u) => {
+      const x = o("Label"), k = o("SelectValue"), _ = o("SelectTrigger"), i = o("SelectItem"), y = o("SelectGroup"), w = o("SelectContent"), m = o("Select"), C = o("Input"), b = o("Switch"), l = o("Card");
+      return p(), U(l, { class: "p-4" }, {
+        default: t(() => [
+          s("div", he, [
+            u[3] || (u[3] = s("h2", { class: "font-medium" }, "Value", -1)),
+            n(f)() ? (p(), U(Ze, { key: 0 })) : F("", !0)
+          ]),
+          s("div", et, [
+            e(x, { class: "text-muted-foreground" }, {
+              default: t(() => [...u[4] || (u[4] = [
+                a("Promo Type", -1)
+              ])]),
+              _: 1
+            }),
+            e(m, {
+              modelValue: n(d).type,
+              "onUpdate:modelValue": u[0] || (u[0] = (V) => n(d).type = V)
+            }, {
+              default: t(() => [
+                e(_, { class: "w-[200px]" }, {
+                  default: t(() => [
+                    e(k, { placeholder: "Select a promo type" })
+                  ]),
+                  _: 1
+                }),
+                e(w, null, {
+                  default: t(() => [
+                    e(y, null, {
+                      default: t(() => [
+                        (p(!0), $(E, null, le(n(S), (V) => (p(), U(i, {
+                          key: V.key,
+                          value: V.key
+                        }, {
+                          default: t(() => [
+                            a(T(V.label), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["value"]))), 128))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          s("div", tt, [
+            r.value?.hasValueField ? (p(), $("div", lt, [
+              e(x, {
+                for: "discountValue",
+                class: "text-muted-foreground"
+              }, {
+                default: t(() => [
+                  a(T(r.value?.valueLabel || "Value"), 1)
+                ]),
+                _: 1
+              }),
+              s("div", ot, [
+                r.value?.valuePrefix ? (p(), U(x, {
+                  key: 0,
+                  for: "discountValue",
+                  class: "text-lg"
+                }, {
+                  default: t(() => [
+                    a(T(r.value?.valuePrefix), 1)
+                  ]),
+                  _: 1
+                })) : F("", !0),
+                e(C, {
+                  modelValue: n(d).value,
+                  "onUpdate:modelValue": u[1] || (u[1] = (V) => n(d).value = V),
+                  id: "discountValue"
+                }, null, 8, ["modelValue"]),
+                r.value?.valueSuffix ? (p(), U(x, {
+                  key: 1,
+                  for: "discountValue",
+                  class: "text-lg"
+                }, {
+                  default: t(() => [
+                    a(T(r.value?.valueSuffix), 1)
+                  ]),
+                  _: 1
+                })) : F("", !0)
+              ])
+            ])) : F("", !0),
+            r.value?.allowUnlimitedUses && n(d).creationMode !== "multi" ? (p(), $("div", nt, [
+              e(x, {
+                for: "unlimitedUses",
+                class: "text-muted-foreground"
+              }, {
+                default: t(() => [...u[5] || (u[5] = [
+                  a("Unlimited Uses", -1)
+                ])]),
+                _: 1
+              }),
+              s("div", st, [
+                e(b, {
+                  id: "unlimitedUses",
+                  modelValue: n(d).unlimitedUses,
+                  "onUpdate:modelValue": u[2] || (u[2] = (V) => n(d).unlimitedUses = V)
+                }, null, 8, ["modelValue"]),
+                e(x, { for: "unlimitedUses" }, {
+                  default: t(() => [
+                    a(T(n(d).unlimitedUses ? "Yes" : "No"), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ])) : F("", !0)
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ut = { class: "flex gap-4" }, it = { class: "flex flex-col" }, dt = {
+  key: 0,
+  class: "-ml-2"
+}, rt = {
+  key: 1,
+  class: "text-xs text-muted-foreground mt-2"
+}, mt = { class: "flex flex-col" }, pt = {
+  key: 0,
+  class: "-ml-2"
+}, ft = {
+  key: 1,
+  class: "text-xs text-muted-foreground mt-2"
+}, vt = /* @__PURE__ */ z({
+  __name: "DateRange",
+  setup(N) {
+    const d = L("newCoupon"), S = new Ue("en-US", {
+      dateStyle: "long"
+    });
+    return (r, f) => {
+      const c = o("Label"), u = o("Button"), x = o("PopoverTrigger"), k = o("Calendar"), _ = o("PopoverContent"), i = o("Popover"), y = o("Card");
+      return p(), U(y, { class: "p-4" }, {
+        default: t(() => [
+          f[8] || (f[8] = s("div", null, [
+            s("h2", { class: "font-medium mb-2" }, "Availability"),
+            s("p", { class: "text-muted-foreground" }, "When will this code be available?")
+          ], -1)),
+          s("div", ut, [
+            s("div", it, [
+              e(c, { class: "text-muted-foreground mb-2" }, {
+                default: t(() => [...f[4] || (f[4] = [
+                  a("Available from", -1)
+                ])]),
+                _: 1
+              }),
+              e(i, null, {
+                default: t(() => [
+                  e(x, { "as-child": "" }, {
+                    default: t(() => [
+                      e(u, {
+                        variant: "outline",
+                        class: Q(n(ee)(
+                          "w-[280px] justify-start text-left font-normal",
+                          !n(d).startsAt && "text-muted-foreground"
+                        ))
+                      }, {
+                        default: t(() => [
+                          e(n(h), { class: "mr-2 h-4 w-4" }),
+                          a(" " + T(n(d).startsAt ? n(S).format(n(d).startsAt.toDate(n(te)())) : "Pick a date"), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["class"])
+                    ]),
+                    _: 1
+                  }),
+                  e(_, { class: "w-auto p-0" }, {
+                    default: t(() => [
+                      e(k, {
+                        modelValue: n(d).startsAt,
+                        "onUpdate:modelValue": f[0] || (f[0] = (w) => n(d).startsAt = w),
+                        "initial-focus": "",
+                        minValue: n(Ve)()
+                      }, null, 8, ["modelValue", "minValue"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              n(d).startsAt ? (p(), $("div", dt, [
+                e(u, {
+                  onClick: f[1] || (f[1] = (w) => n(d).startsAt = void 0),
+                  variant: "link"
+                }, {
+                  default: t(() => [...f[5] || (f[5] = [
+                    a("Clear", -1)
+                  ])]),
+                  _: 1
+                })
+              ])) : (p(), $("p", rt, "Not set - codes will be available immediately"))
+            ]),
+            s("div", mt, [
+              e(c, { class: "text-muted-foreground mb-2" }, {
+                default: t(() => [...f[6] || (f[6] = [
+                  a("Until", -1)
+                ])]),
+                _: 1
+              }),
+              e(i, null, {
+                default: t(() => [
+                  e(x, { "as-child": "" }, {
+                    default: t(() => [
+                      e(u, {
+                        variant: "outline",
+                        class: Q(n(ee)(
+                          "w-[280px] justify-start text-left font-normal",
+                          !n(d).expiresAt && "text-muted-foreground"
+                        ))
+                      }, {
+                        default: t(() => [
+                          e(n(h), { class: "mr-2 h-4 w-4" }),
+                          a(" " + T(n(d).expiresAt ? n(S).format(n(d).expiresAt.toDate(n(te)())) : "Pick a date"), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["class"])
+                    ]),
+                    _: 1
+                  }),
+                  e(_, { class: "w-auto p-0" }, {
+                    default: t(() => [
+                      e(k, {
+                        modelValue: n(d).expiresAt,
+                        "onUpdate:modelValue": f[2] || (f[2] = (w) => n(d).expiresAt = w),
+                        "initial-focus": "",
+                        minValue: n(d).startsAt
+                      }, null, 8, ["modelValue", "minValue"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              n(d).expiresAt ? (p(), $("div", pt, [
+                e(u, {
+                  onClick: f[3] || (f[3] = (w) => n(d).expiresAt = void 0),
+                  variant: "link"
+                }, {
+                  default: t(() => [...f[7] || (f[7] = [
+                    a("Clear", -1)
+                  ])]),
+                  _: 1
+                })
+              ])) : (p(), $("p", ft, "Not set - codes will never expire"))
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), ct = /* @__PURE__ */ z({
+  __name: "Note",
+  setup(N) {
+    const d = L("newCoupon");
+    return (S, r) => {
+      const f = o("Textarea"), c = o("Card");
+      return p(), U(c, { class: "p-4" }, {
+        default: t(() => [
+          s("div", null, [
+            r[1] || (r[1] = s("h2", { class: "font-medium mb-2" }, "Note", -1)),
+            r[2] || (r[2] = s("p", { class: "text-sm text-muted-foreground mb-2" }, "Used internally. It's a good idea to write down why you're creating this promo code.", -1)),
+            e(f, {
+              modelValue: n(d).note,
+              "onUpdate:modelValue": r[0] || (r[0] = (u) => n(d).note = u)
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), _t = { class: "relative" }, gt = {
+  ref: "container",
+  class: "flex flex-col gap-4 w-full max-w-5xl mx-auto"
+}, xt = { class: "flex justify-between items-center mb-4" }, yt = { class: "w-full max-w-2xl" }, bt = { class: "flex items-center space-x-2" }, wt = { class: "flex items-center space-x-2" }, Vt = { class: "flex justify-end w-full" }, Pt = /* @__PURE__ */ z({
+  __name: "Create",
+  props: {
+    config: {
+      type: Object,
+      required: !0
+    }
+  },
+  async setup(N) {
+    let d, S;
+    const r = N, { hasPermission: f } = j(), { navigateTo: c } = ge(), { getTimezone: u } = xe(), { log: x, logError: k } = ye(), { getModuleData: _, setModuleData: i } = W();
+    be(() => []);
+    const y = we(r.config.project), w = A(!1), m = A({
+      creationMode: "single",
+      generationMode: "generate",
+      quantity: 1,
+      prefix: "",
+      codes: "",
+      code: "",
+      type: void 0,
+      value: void 0,
+      unlimitedUses: !1,
+      startsAt: void 0,
+      expiresAt: void 0,
+      minOrderAmount: 0,
+      note: ""
+    }), C = A([]);
+    C.value = ([d, S] = de(() => _("promo-types")), d = await d, S(), d || []), X("newCoupon", m), X("promoTypes", C);
+    const b = () => {
+      if (m.value.creationMode == "single") {
+        if (m.value.code = m.value.code?.trim().toUpperCase(), !m.value.code)
+          return I.error("Please enter a code"), !1;
+      } else if (m.value.generationMode == "generate") {
+        if (m.value.prefix = m.value.prefix?.trim().toUpperCase(), !m.value.prefix)
+          return I.error("Please enter a prefix"), !1;
+        if (!m.value.quantity || m.value.quantity < 1)
+          return I.error("Generate at least 1 code"), !1;
+      } else if (m.value.generationMode == "input" && (m.value.codes = m.value.codes?.trim().toUpperCase(), !m.value.codes || m.value.codes.length < 1))
+        return I.error("Please enter some codes"), !1;
+      return m.value.type ? C.value.find((V) => V.key === m.value.type)?.hasValueField && !m.value.value ? (I.error("Please enter a value"), !1) : (m.value.creationMode === "multi" && (m.value.unlimitedUses = !1), !0) : (I.error("Please select a type"), !1);
+    }, l = async () => {
+      try {
+        if (!b()) return;
+        if (w.value = !0, m.value.creationMode == "single") {
+          let V = {
+            code: m.value.code,
+            type: m.value.type,
+            value: m.value.value,
+            minOrderAmount: m.value.minOrderAmount,
+            usageLimit: m.value.unlimitedUses ? 0 : 1,
+            usageCount: 0,
+            lastUsedAt: null,
+            startsAt: m.value.startsAt ? m.value.startsAt.toDate(u()) : null,
+            expiresAt: m.value.expiresAt ? m.value.expiresAt.toDate(u()) : null,
+            disabled: !1,
+            note: m.value.note,
+            createdAt: /* @__PURE__ */ new Date(),
+            updatedAt: /* @__PURE__ */ new Date()
+          };
+          const g = await y.add(r.config.promoCodeCollection, V);
+          x("Promo code created", { id: g.id, code: g.code, note: g.note }), I.success("Promo code created");
+        }
+      } catch {
+        k("Failed to create promo code"), I.error("Failed to create promo code");
+      } finally {
+        w.value = !1;
+      }
+    };
+    return (V, g) => {
+      const M = o("Button"), B = o("RadioGroupItem"), P = o("Label"), G = o("RadioGroup"), R = o("Card");
+      return p(), $("div", _t, [
+        s("div", gt, [
+          s("div", xt, [
+            g[3] || (g[3] = s("h1", { class: "text-2xl font-bold" }, "New Promo Code", -1)),
+            e(M, {
+              onClick: g[0] || (g[0] = (D) => n(c)("promo-codes")),
+              variant: "outline",
+              disabled: w.value
+            }, {
+              default: t(() => [
+                e(n(ce), { class: "size-4" }),
+                g[2] || (g[2] = a(" View Promo Codes ", -1))
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          e(R, { class: "p-4" }, {
+            default: t(() => [
+              s("div", yt, [
+                g[6] || (g[6] = s("h2", { class: "font-medium mb-4" }, "Codes", -1)),
+                e(G, {
+                  modelValue: m.value.creationMode,
+                  "onUpdate:modelValue": g[1] || (g[1] = (D) => m.value.creationMode = D),
+                  orientation: "horizontal",
+                  class: "mb-6"
+                }, {
+                  default: t(() => [
+                    s("div", bt, [
+                      e(B, {
+                        id: "creation_mode_single",
+                        value: "single"
+                      }),
+                      e(P, { for: "creation_mode_single" }, {
+                        default: t(() => [...g[4] || (g[4] = [
+                          a("Create 1 code", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    s("div", wt, [
+                      e(B, {
+                        id: "creation_mode_multi",
+                        value: "multi"
+                      }),
+                      e(P, { for: "creation_mode_multi" }, {
+                        default: t(() => [...g[5] || (g[5] = [
+                          a("Create multiple codes", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"]),
+                m.value.creationMode == "single" ? (p(), U(Ce, { key: 0 })) : (p(), U(Pe, { key: 1 }))
+              ])
+            ]),
+            _: 1
+          }),
+          e(at),
+          e(vt),
+          e(ct),
+          s("div", Vt, [
+            e(M, {
+              disabled: w.value,
+              onClick: l
+            }, {
+              default: t(() => [
+                w.value ? (p(), U(n(K), {
+                  key: 0,
+                  class: "size-4 animate-spin"
+                })) : F("", !0),
+                g[7] || (g[7] = a(" Create Promo Code ", -1))
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ], 512)
+      ]);
+    };
+  }
+});
+export {
+  Pt as default
+};