@feedmepos/mf-connect 0.1.98-beta.40 → 0.1.98-beta.41

package/dist/EffectSheet.vue_vue_type_style_index_0_lang-CrGHTNhg.js

@@ -0,0 +1,351 @@
+import { defineComponent as B, ref as O, onMounted as Q, computed as G, resolveComponent as x, openBlock as d, createElementBlock as b, renderSlot as W, toDisplayString as V, createCommentVNode as f, createBlock as u, unref as e, isRef as q, createVNode as h, normalizeClass as Z, watch as X, withCtx as w, resolveDynamicComponent as P, Fragment as _, createElementVNode as k, createTextVNode as ee } from "vue";
+import { z as te, l as le } from "./app-CE5hQ4Uq.js";
+import { Z as r } from "./zod-DHH42rXG.js";
+import { d as oe, c as ae } from "./index-CSVhIZSY.js";
+import { u as I } from "./vue-i18n-BYz7XAr_.js";
+import { s as g } from "./effect-CLI8NI4O.js";
+import { p as ne } from "./plugins-ur-FAoye.js";
+const ie = { class: "flex flex-col gap-8" }, de = {
+  key: 0,
+  class: "fm-typo-en-body-lg-600"
+}, se = { key: 1 }, me = {
+  key: 2,
+  class: "space-y-16"
+}, re = /* @__PURE__ */ B({
+  __name: "ValidityInput",
+  props: {
+    label: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    type: {
+      type: String,
+      default: void 0
+    },
+    modelValue: {
+      type: Object,
+      required: !0
+    },
+    forCredit: {
+      type: Boolean,
+      default: !1
+    },
+    helperText: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: C }) {
+    var A, U;
+    const { t: n } = I(), i = t, v = C, a = [
+      { label: n("connect.template.validity_option.date_range"), value: "range" },
+      { label: n("connect.template.validity_option.custom"), value: "custom" }
+    ], c = O(!1);
+    Q(() => {
+      c.value = i.modelValue && Object.entries(i.modelValue).filter(
+        ([m, s]) => m != "followFirstReceive" && s != null
+      ).length > 0;
+    });
+    const l = O(
+      i.type ? a.find((m) => m.value === i.type) : (A = i.modelValue) != null && A.validBefore || (U = i.modelValue) != null && U.validAfter ? a[0] : a[1]
+    ), S = G(
+      () => i.forCredit ? oe : ae
+    ), y = G(() => {
+      const m = S.value.safeParse(i.modelValue);
+      return m.success ? [] : m.error.errors;
+    });
+    function o(m) {
+      v("update:model-value", m);
+    }
+    function D(m) {
+      var s, R;
+      if (m.value == "range")
+        return o({
+          followFirstReceive: (s = i.modelValue) == null ? void 0 : s.followFirstReceive,
+          validAfter: void 0,
+          validBefore: void 0
+        });
+      if (m.value == "custom")
+        return c.value = !1, o({
+          validForDay: (R = i.modelValue) == null ? void 0 : R.validForDay
+        });
+    }
+    return (m, s) => {
+      var E, $, j, M, H, N, L, z;
+      const R = x("FmButtonGroup"), Y = x("FmSimpleDateRangePicker"), J = x("FmSwitch"), K = x("FmStepperField"), T = x("FmHelperText");
+      return d(), b("div", ie, [
+        W(m.$slots, "label", {}, () => [
+          t.label ? (d(), b("div", de, V(t.label), 1)) : f("", !0)
+        ]),
+        t.type ? f("", !0) : (d(), u(R, {
+          key: 0,
+          modelValue: e(l),
+          "onUpdate:modelValue": [
+            s[0] || (s[0] = (p) => q(l) ? l.value = p : null),
+            s[1] || (s[1] = (p) => D(p))
+          ],
+          items: a
+        }, null, 8, ["modelValue"])),
+        e(l).value === "range" ? (d(), b("div", se, [
+          h(Y, {
+            "model-value": {
+              startDate: (E = t.modelValue) != null && E.validAfter ? new Date(($ = t.modelValue) == null ? void 0 : $.validAfter).toISOString() : null,
+              endDate: (j = t.modelValue) != null && j.validAfter ? new Date(((M = t.modelValue) == null ? void 0 : M.validBefore) || "").toISOString() : null
+            },
+            "onUpdate:modelValue": s[2] || (s[2] = (p) => {
+              var F;
+              o({
+                followFirstReceive: (F = i.modelValue) == null ? void 0 : F.followFirstReceive,
+                validAfter: new Date(p.startDate).toISOString(),
+                validBefore: new Date(p.endDate).toISOString()
+              });
+            })
+          }, null, 8, ["model-value"])
+        ])) : e(l).value === "custom" ? (d(), b("div", me, [
+          t.forCredit ? f("", !0) : (d(), u(J, {
+            key: 0,
+            "model-value": e(c),
+            label: e(n)("connect.template.validity_option.expire"),
+            "label-placement": "right",
+            "onUpdate:modelValue": s[3] || (s[3] = (p) => {
+              var F;
+              c.value = p, o({
+                validForDay: p ? 1 : void 0,
+                followFirstReceive: (F = i.modelValue) == null ? void 0 : F.followFirstReceive
+              });
+            })
+          }, null, 8, ["model-value", "label"])),
+          e(c) || t.forCredit ? (d(), u(K, {
+            key: 1,
+            label: e(n)("connect.template.validity_option.after_day"),
+            class: Z([{
+              "opacity-50 pointer-events-none": !e(c) && !t.forCredit
+            }, "mt-[-4px]"]),
+            "max-fraction-digits": 0,
+            disabled: !e(c) && !t.forCredit,
+            "show-steppers": !1,
+            max: 99999,
+            "append-text": e(n)("connect.template.validity_option.days"),
+            "model-value": ((H = i.modelValue) == null ? void 0 : H.validForDay) ?? null,
+            "onUpdate:modelValue": s[4] || (s[4] = (p) => {
+              var F;
+              return o({
+                validForDay: p == null ? void 0 : parseInt(p.toString()),
+                followFirstReceive: (F = i.modelValue) == null ? void 0 : F.followFirstReceive
+              });
+            })
+          }, null, 8, ["label", "class", "disabled", "append-text", "model-value"])) : f("", !0)
+        ])) : f("", !0),
+        ((N = i.modelValue) == null ? void 0 : N.followFirstReceive) === !0 && e(c) ? (d(), u(T, {
+          key: 3,
+          text: e(n)("connect.template.validity_option.expire_follow_first_receive")
+        }, null, 8, ["text"])) : f("", !0),
+        h(T, {
+          text: t.helperText || (((L = i.modelValue) == null ? void 0 : L.validForDay) === 0 ? e(n)("connect.template.validity_option.expires_on_same_day") : e(r).helperText(e(y), "")),
+          state: t.helperText ? "error" : ((z = i.modelValue) == null ? void 0 : z.validForDay) === 0 ? "warning" : e(r).helperState(e(y), "")
+        }, null, 8, ["text", "state"])
+      ]);
+    };
+  }
+}), ue = { class: "space-y-8" }, Ce = /* @__PURE__ */ B({
+  __name: "CollectibleOptionInput",
+  props: {
+    modelValue: {
+      type: Object
+    },
+    noCampaign: {
+      type: Boolean
+    },
+    schema: {
+      type: Object,
+      default: () => te.any()
+    },
+    isMission: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: C }) {
+    const { t: n } = I(), i = t, v = C, a = O(i.modelValue ?? {});
+    return X(a, () => v("update:model-value", a.value)), (c, l) => {
+      const S = x("FmSwitch"), y = x("FmStepperField");
+      return d(), b("div", ue, [
+        t.isMission ? f("", !0) : (d(), u(S, {
+          key: 0,
+          label: e(n)("connect.template.enable_transfer"),
+          "label-placement": "right",
+          modelValue: e(a).enableTransfer,
+          "onUpdate:modelValue": l[0] || (l[0] = (o) => e(a).enableTransfer = o)
+        }, null, 8, ["label", "modelValue"])),
+        t.noCampaign ? f("", !0) : (d(), b("div", {
+          key: 1,
+          class: Z(["grid gap-16", t.isMission ? "" : "grid-cols-2"])
+        }, [
+          h(y, {
+            modelValue: e(a).maxPerUser,
+            "onUpdate:modelValue": l[1] || (l[1] = (o) => e(a).maxPerUser = o),
+            "show-steppers": !1,
+            rules: [e(r).ruleAtPath(t.schema, "maxPerUser")],
+            "helper-text": e(n)("connect.template.leave_empty_unlimited")
+          }, {
+            label: w(() => [
+              (d(), u(P(
+                e(r).toInputLabel(
+                  e(r).typeAtPath(t.schema, "maxPerUser"),
+                  e(n)("connect.template.max_per_user")
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules", "helper-text"]),
+          t.isMission ? f("", !0) : (d(), u(y, {
+            key: 0,
+            modelValue: e(a).maxReceive,
+            "onUpdate:modelValue": l[2] || (l[2] = (o) => e(a).maxReceive = o),
+            "show-steppers": !1,
+            rules: [e(r).ruleAtPath(t.schema, "maxReceive")],
+            "helper-text": e(n)("connect.template.leave_empty_unlimited")
+          }, {
+            label: w(() => [
+              (d(), u(P(
+                e(r).toInputLabel(
+                  e(r).typeAtPath(t.schema, "maxReceive"),
+                  e(n)("connect.template.max_distribute")
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules", "helper-text"]))
+        ], 2)),
+        t.isMission ? f("", !0) : (d(), b(_, { key: 2 }, [
+          h(y, {
+            modelValue: e(a).maxUse,
+            "onUpdate:modelValue": l[3] || (l[3] = (o) => e(a).maxUse = o),
+            "append-text": "use(s)",
+            "show-steppers": !1,
+            rules: [e(r).ruleAtPath(t.schema, "maxUse")]
+          }, {
+            label: w(() => [
+              (d(), u(P(
+                e(r).toInputLabel(
+                  e(r).typeAtPath(t.schema, "maxUse"),
+                  e(n)("connect.template.usage_count")
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          e(a).maxUse && e(a).maxUse > 1 ? (d(), u(y, {
+            key: 0,
+            modelValue: e(a).cooldown,
+            "onUpdate:modelValue": l[4] || (l[4] = (o) => e(a).cooldown = o),
+            "append-text": "minute(s)",
+            "show-steppers": !1,
+            rules: [e(r).ruleAtPath(t.schema, "cooldown")]
+          }, {
+            label: w(() => [
+              (d(), u(P(
+                e(r).toInputLabel(
+                  e(r).typeAtPath(t.schema, "cooldown"),
+                  e(n)("connect.template.cooldown")
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"])) : f("", !0),
+          h(re, {
+            modelValue: e(a).validityOption,
+            "onUpdate:modelValue": l[5] || (l[5] = (o) => e(a).validityOption = o),
+            label: e(n)("connect.template.validity_option.title")
+          }, null, 8, ["modelValue", "label"])
+        ], 64))
+      ]);
+    };
+  }
+}), ce = { class: "space-y-8" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fe = {
+  key: 1,
+  class: "border-1 rounded-md flex gap-16 items-center justify-between px-16 py-12"
+}, ve = { class: "fm-typo-en-body-lg-400" }, ye = { class: "text-fm-color-typo-secondary" }, Ve = {
+  key: 0,
+  class: "fm-typo-en-body-md-500 text-fm-color-typo-error mt-4"
+}, Ae = /* @__PURE__ */ B({
+  __name: "EffectSheet",
+  props: {
+    modelValue: { type: Object },
+    canSetAutoApply: {
+      type: Boolean
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: C }) {
+    const { t: n } = I(), i = C, v = O(!1);
+    async function a(c) {
+      c.stopPropagation(), await ne.remove(n("connect.effect.removeConfirm")) && i("update:model-value", null);
+    }
+    return (c, l) => {
+      const S = x("FmButton"), y = x("FmSideSheet");
+      return d(), u(y, {
+        "max-width": 550,
+        header: e(n)("connect.effect.title"),
+        modelValue: e(v),
+        "onUpdate:modelValue": [
+          l[2] || (l[2] = (o) => q(v) ? v.value = o : null),
+          l[3] || (l[3] = (o) => v.value = o)
+        ]
+      }, {
+        "side-sheet-button": w(() => {
+          var o, D, A, U, m, s;
+          return [
+            k("div", ce, [
+              k("div", pe, V(e(n)("connect.effect.description")), 1),
+              t.modelValue ? (d(), b("div", fe, [
+                k("div", ve, [
+                  k("div", null, V((o = e(g)(t.modelValue)) == null ? void 0 : o.type), 1),
+                  k("div", ye, V((D = e(g)(t.modelValue)) == null ? void 0 : D.adjustment) + " " + V(e(n)("connect.effect.with")) + " " + V((A = e(g)(t.modelValue)) == null ? void 0 : A.requirements) + " " + V((U = e(g)(t.modelValue)) == null ? void 0 : U.maxCap), 1),
+                  (m = e(g)(t.modelValue)) != null && m.posHint ? (d(), b("div", Ve, V((s = e(g)(t.modelValue)) == null ? void 0 : s.posHint), 1)) : f("", !0)
+                ]),
+                h(S, {
+                  icon: "delete",
+                  "icon-color": "neutral-gray-400",
+                  variant: "tertiary",
+                  onClick: a
+                })
+              ])) : (d(), u(S, {
+                key: 0,
+                label: e(n)("connect.effect.title"),
+                icon: "add",
+                "icon-color": "primary",
+                variant: "secondary",
+                class: "border-fm-color-primary text-fm-color-primary"
+              }, null, 8, ["label"]))
+            ])
+          ];
+        }),
+        "side-sheet-footer": w(() => [...l[4] || (l[4] = [
+          ee(V(void 0), -1)
+        ])]),
+        default: w(() => [
+          h(e(le), {
+            class: "fm-effect-sheet",
+            title: "",
+            "can-set-auto-apply": t.canSetAutoApply,
+            "disable-effects": t.canSetAutoApply ? ["PAYMENT"] : ["PRICE_CHANGE"],
+            "initial-value": t.modelValue,
+            onOnConfirm: l[0] || (l[0] = (o) => (i("update:model-value", o), v.value = !1)),
+            onOnCancel: l[1] || (l[1] = (o) => v.value = !1)
+          }, null, 8, ["can-set-auto-apply", "disable-effects", "initial-value"])
+        ]),
+        _: 1
+      }, 8, ["header", "modelValue"]);
+    };
+  }
+});
+export {
+  Ae as _,
+  Ce as a,
+  re as b
+};

package/dist/Experience-CPGMg847.js

@@ -0,0 +1,285 @@
+import { defineComponent as q, ref as B, computed as G, onMounted as X, resolveComponent as m, openBlock as u, createElementBlock as C, Fragment as v, createVNode as s, unref as o, createElementVNode as n, withCtx as b, renderList as Y, createBlock as k, resolveDynamicComponent as z, toDisplayString as h, h as w } from "vue";
+import { _ as J } from "./campaign-CpzFl8Vr.js";
+import { useDialog as Q, components as F } from "@feedmepos/ui-library";
+import { p as W } from "./plugins-ur-FAoye.js";
+import { u as Z } from "./loading-NY-FPxVY.js";
+import { u as ee } from "./business-CE_4siXc.js";
+import { u as te } from "./campaign-CXQtKpeb.js";
+import { b as V, c as T, a as oe } from "./campaign-BP6rvSpg.js";
+import { c as ae, p as ne } from "./duplicateCampaign-DbtVAGsT.js";
+import { u as re } from "./vue-i18n-BYz7XAr_.js";
+import { _ as ie } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+import { _ as se } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-ClNieHSo.js";
+import { u as ce } from "./template-CUV3AMFI.js";
+import "./index-Dx9h0FNH.js";
+import { useRouter as le } from "vue-router";
+import { c as f } from "./index-D06n1h1b.js";
+import { R as me } from "./app-CE5hQ4Uq.js";
+const pe = { class: "px-24 flex flex-col gap-y-16" }, de = { class: "flex items-center justify-between w-full" }, ue = { class: "flex gap-8 overflow-x-auto" }, fe = { class: "space-y-8" }, ge = { class: "flex w-full gap-4 items-center" }, ye = { class: "space-y-4" }, _e = { class: "fm-typo-en-body-lg-600" }, he = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, we = { class: "flex items-center gap-8" }, xe = { class: "flex flex-col gap-16 text-center" }, Ce = { class: "fm-typo-en-title-sm-800" }, ve = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Me = /* @__PURE__ */ q({
+  __name: "Experience",
+  setup(be) {
+    const { t: r } = re(), A = le(), N = {
+      label: r("connect.program.common.actions.create", {
+        type: r("connect.program.experience.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, R = ce("POINT", Q()), E = ee(), p = te(), { global: O, minor: P } = Z, c = B({
+      searchKey: "",
+      location: []
+    });
+    function $(e) {
+      const t = c.value.location;
+      return !t || t.length === 0 || !e.targetLocation ? !0 : Array.isArray(t) ? t.some((l) => {
+        var i;
+        return (i = e == null ? void 0 : e.targetLocation) == null ? void 0 : i.includes(l);
+      }) : e.targetLocation.includes(t);
+    }
+    const g = G(
+      () => p.campaigns.experience.filter((e) => $(e))
+    ), D = [
+      {
+        header: "Program title",
+        accessorFn: (e) => e.name
+      },
+      {
+        header: "Status",
+        accessorFn: (e) => oe(e),
+        cell(e) {
+          return V(e.row.original);
+        }
+      },
+      {
+        header: "Summary",
+        accessorFn: (e) => T(e)
+        //v.effect,
+      },
+      {
+        header: "Actions",
+        cell(e) {
+          return w("div", { class: "flex items-center gap-8 justify-end" }, [
+            w(F.FmButton, {
+              variant: "tertiary",
+              icon: "insights",
+              iconColor: "neutral-gray-400",
+              onClick: async (t) => {
+                t.stopPropagation(), await L(e.row.original);
+              }
+            }),
+            w(F.FmButton, {
+              variant: "tertiary",
+              icon: "content_copy",
+              iconColor: "neutral-gray-400",
+              onClick: async (t) => {
+                t.stopPropagation(), await I(e.row.original);
+              }
+            }),
+            w(F.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (t) => {
+                t.stopPropagation(), S(e.row.original);
+              }
+            })
+          ]);
+        }
+      }
+    ], x = B();
+    async function S(e) {
+      await W.remove(`Are you sure you want to remove ${e.name}?`) && await P(
+        async () => {
+          await f.delete(e._id), await p.read("POINT");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function y(e) {
+      e ? await t() : R.open(async (l) => {
+        await t(l);
+      });
+      async function t(l) {
+        var i;
+        (i = x.value) == null || i.showSheet(
+          !0,
+          "POINT",
+          e ? await f.readById(e._id) : void 0,
+          l
+        );
+      }
+    }
+    async function L(e) {
+      await A.push({
+        name: me["$connect-PROGRAM_EXPERIENCE_ANALYTIC"],
+        params: { id: e._id }
+      });
+    }
+    async function I(e) {
+      var i;
+      if (!await ae(e.name))
+        return;
+      const t = await f.readById(e._id), l = ne(t, {
+        keepCollectible: !0
+      });
+      (i = x.value) == null || i.showSheet(
+        !0,
+        "POINT",
+        l,
+        t.template
+      );
+    }
+    async function K(e) {
+      await P(
+        async () => {
+          e.campaign._id ? await f.update(e.campaign._id, e) : await f.create(e), await p.read("POINT");
+        },
+        {
+          message: r("connect.program.common.update.updating", {
+            type: r("connect.program.experience.title")
+          }),
+          successMessage: r("connect.program.common.update.success", {
+            type: r("connect.program.experience.title"),
+            action: e.campaign._id ? "updated" : "created"
+          })
+        }
+      );
+    }
+    return X(async () => {
+      await O(async () => {
+        await p.read("POINT");
+      });
+    }), (e, t) => {
+      const l = m("FmPageHead"), i = m("FmSearch"), M = m("FmTable"), _ = m("FmButton"), U = m("FmListItem"), j = m("FmList"), H = m("FmCard");
+      return u(), C(v, null, [
+        s(l, {
+          title: o(r)("connect.program.experience.title"),
+          actions: o(g).length > 0 ? [N] : [],
+          "onClick:action": t[0] || (t[0] = () => y())
+        }, null, 8, ["title", "actions"]),
+        n("div", pe, [
+          s(i, {
+            modelValue: o(c).searchKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => o(c).searchKey = a),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: o(r)("connect.program.common.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          o(p).campaigns.experience && o(p).campaigns.experience.length > 0 ? (u(), C(v, { key: 0 }, [
+            n("div", de, [
+              n("div", ue, [
+                s(ie, {
+                  label: `${o(r)("connect.common.location")}: `,
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: o(c).location,
+                  "onUpdate:modelValue": t[2] || (t[2] = (a) => o(c).location = a),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: o(E).locationOptions
+                }, null, 8, ["label", "modelValue", "items"])
+              ]),
+              s(i, {
+                modelValue: o(c).searchKey,
+                "onUpdate:modelValue": t[3] || (t[3] = (a) => o(c).searchKey = a),
+                class: "xs:hidden sm:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            s(M, {
+              class: "xs:hidden sm:hidden",
+              "row-data": o(g),
+              "column-defs": D,
+              "search-value": o(c).searchKey,
+              "column-filter": [],
+              onRowClick: t[4] || (t[4] = (a) => y(a.original)),
+              "hide-footer": o(g).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            s(j, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: b(() => [
+                (u(!0), C(v, null, Y(o(g).filter(
+                  (a) => a.name.toLowerCase().includes(o(c).searchKey.toLowerCase())
+                ), (a) => (u(), k(U, {
+                  key: a._id.toString(),
+                  onClick: (d) => y(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: b(() => [
+                    n("div", fe, [
+                      n("div", ge, [
+                        (u(), k(z(o(V)(a))))
+                      ]),
+                      n("div", ye, [
+                        n("div", _e, h(a.name), 1),
+                        n("div", he, h(o(T)(a)), 1)
+                      ])
+                    ]),
+                    n("div", we, [
+                      s(_, {
+                        icon: "insights",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: async (d) => {
+                          d.stopPropagation(), await L(a);
+                        }
+                      }, null, 8, ["onClick"]),
+                      s(_, {
+                        icon: "content_copy",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: async (d) => {
+                          d.stopPropagation(), await I(a);
+                        }
+                      }, null, 8, ["onClick"]),
+                      s(_, {
+                        icon: "delete",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: (d) => (d.stopPropagation(), S(a))
+                      }, null, 8, ["onClick"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (u(), k(H, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: b(() => [
+              t[6] || (t[6] = n("img", {
+                src: J,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", xe, [
+                n("div", Ce, h(o(r)("connect.program.experience.empty_state.title")), 1),
+                n("div", ve, h(o(r)("connect.program.experience.empty_state.description")), 1)
+              ]),
+              s(_, {
+                variant: "primary",
+                label: "Create experience program",
+                icon: "add",
+                onClick: t[5] || (t[5] = (a) => y())
+              })
+            ]),
+            _: 1
+          })),
+          s(se, {
+            ref_key: "sheetRef",
+            ref: x,
+            "onSubmit:modelValue": K
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Me as default
+};