@feedmepos/mf-connect 0.0.39-prod → 0.1.0-beta.2

package/dist/Card-C1K7ULPo.js

@@ -0,0 +1,825 @@
+import { defineComponent as ee, ref as b, computed as G, watch as he, onMounted as ne, resolveComponent as f, openBlock as _, createBlock as I, unref as n, isRef as Q, withCtx as k, createElementVNode as c, createVNode as d, createElementBlock as x, Fragment as M, renderList as Z, createCommentVNode as O, normalizeClass as Ee, createSlots as ye, h as X, toDisplayString as q, withModifiers as Se } from "vue";
+import { _ as ke } from "./campaign-CpzFl8Vr.js";
+import { h as ie } from "./moment-BWErdI6_.js";
+import { useDialog as Te, components as Re } from "@feedmepos/ui-library";
+import { p as Ae, u as te, f as le } from "./loading-Ds-yFYhc.js";
+import { u as Ce } from "./app-wDQR6dpb.js";
+import { u as oe } from "./membership-DaiVw9qF.js";
+import { _ as de } from "./index-z0IfdrZk.js";
+import { m as ae } from "./index-C3_4GUiI.js";
+import { _ as pe } from "./ImageInput.vue_vue_type_script_setup_true_lang-rWUkV9gn.js";
+import "./index-DBMaUGYI.js";
+import "./index-_3qBsogG.js";
+import { l as Oe } from "./index-D-2nFLsg.js";
+import "./index-DH_1nOJ_.js";
+import "./index-BQm0C3Jm.js";
+import "./index-C0lpADCo.js";
+import { g as Ie } from "./_commonjsHelpers-BkfeUUK-.js";
+import { a as xe } from "./object-qECH92oz.js";
+import { u as Ne } from "./business-DSv8zM8C.js";
+import { w as De } from "./xlsx-SahfXQ70.js";
+import { e as Ue, C as we } from "./export-C9tDplkA.js";
+import { u as He, _ as Fe } from "./usePagination-BeF5K3M7.js";
+import { u as Pe } from "./vue-i18n-BTlOChXs.js";
+import { o as Be } from "./objectId-dwaoBfJX.js";
+const Me = { class: "space-y-16" }, Ve = { class: "gap-16 grid grid-cols-2" }, Ge = { class: "space-y-16" }, Le = {
+  key: 0,
+  class: "flex flex-col gap-[16px] w-full"
+}, je = { class: "flex flex-col gap-[8px]" }, $e = ["src"], Ke = { class: "flex pt-[24px] gap-[24px]" }, Ye = ["src", "onClick", "alt"], We = { class: "flex items-center gap-8" }, Xe = /* @__PURE__ */ ee({
+  __name: "CreateCardSheet",
+  emits: ["success", "export"],
+  setup(e, { expose: i, emit: N }) {
+    const { minor: U } = te, E = oe(), R = b(), v = b(!1), m = N, h = b(!1);
+    function L(l) {
+      h.value = l, l && (r.value = {
+        quantity: 1,
+        code: "",
+        codeConfig: {
+          length: 12,
+          charset: "1234567890",
+          prefix: "",
+          suffix: "",
+          pattern: "####-####-####-####"
+        }
+      });
+    }
+    const r = b({
+      quantity: 1,
+      code: "",
+      codeConfig: {
+        length: 12,
+        charset: "1234567890",
+        prefix: "",
+        suffix: "",
+        pattern: "####-####-####-####"
+      },
+      setCardOnBind: !1,
+      bundle: void 0
+    }), S = [
+      {
+        label: "Bulk number",
+        value: "bulk",
+        sublabel: "Bulk generate unique number"
+      },
+      {
+        label: "Custom number",
+        value: "single",
+        sublabel: "Enter your own custom number"
+      }
+    ], V = [
+      {
+        label: "Alphanumeric",
+        value: "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
+      },
+      {
+        label: "Alphabetic",
+        value: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"
+      },
+      { label: "Alphabetic Lowercase", value: "abcdefghijklmnopqrstuvwxyz" },
+      { label: "Alphabetic Uppercase", value: "ABCDEFGHIJKLMNOPQRSTUVWXYZ" },
+      { label: "Numbers", value: "0123456789" },
+      { label: "Custom", value: "" }
+    ], w = b(V[0].value), T = b("bulk"), A = b(0), P = G(
+      () => {
+        var l;
+        return (l = E.membership.design) == null ? void 0 : l[A.value];
+      }
+    ), u = b(!1), s = G(
+      () => E.sortedStoreCategories.flatMap((l) => l.bundles)
+    );
+    async function o(l) {
+      var D, H;
+      if (await ((D = R.value) == null ? void 0 : D.validateInputs()), !v.value) return;
+      l.design = (H = P.value) == null ? void 0 : H.image;
+      const t = await Ae.confirm(
+        "",
+        "Do you want to export generated card(s)?",
+        "Export",
+        "Generate and without export"
+      );
+      console.log(t), await U(
+        async () => {
+          const B = await ae.createCards(l);
+          console.log(B), await m("success"), t && await m("export", B);
+        },
+        {
+          message: "Creating card(s)",
+          successMessage: "Card(s) created"
+        }
+      );
+    }
+    return i({
+      showSheet: L
+    }), he(
+      () => r.value.codeConfig.length,
+      (l, t) => {
+        l != t && (r.value.codeConfig.pattern = "#".repeat(Number(l)));
+      }
+    ), ne(async () => {
+      await E.readMemberStore();
+    }), (l, t) => {
+      const D = f("FmRadio"), H = f("FmRadioGroup"), B = f("FmSwitch"), g = f("FmStepperField"), $ = f("FmSelect"), F = f("FmTextField"), ge = f("FmTextarea"), K = f("FmButton"), be = f("FmForm"), ve = f("FmSideSheet");
+      return _(), I(ve, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Create collection",
+        modelValue: n(h),
+        "onUpdate:modelValue": [
+          t[19] || (t[19] = (C) => Q(h) ? h.value = C : null),
+          t[20] || (t[20] = (C) => h.value = C)
+        ]
+      }, {
+        "side-sheet-footer": k(() => [
+          c("div", We, [
+            d(K, {
+              label: "Save",
+              onClick: t[17] || (t[17] = (C) => o(n(r))),
+              loading: n(Ce)().isLoading
+            }, null, 8, ["loading"]),
+            d(K, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: t[18] || (t[18] = (C) => h.value = !1)
+            })
+          ])
+        ]),
+        default: k(() => [
+          d(be, {
+            ref_key: "form",
+            ref: R,
+            class: "space-y-40",
+            onValidationSuccess: t[15] || (t[15] = (C) => v.value = !0),
+            onValidationFailed: t[16] || (t[16] = (C) => v.value = !1)
+          }, {
+            default: k(() => {
+              var C, se, re;
+              return [
+                c("div", null, [
+                  t[21] || (t[21] = c("div", { class: "fm-typo-en-body-lg-600" }, "Number type", -1)),
+                  d(H, {
+                    modelValue: n(T),
+                    "onUpdate:modelValue": t[0] || (t[0] = (a) => Q(T) ? T.value = a : null),
+                    inline: !1
+                  }, {
+                    default: k(() => [
+                      (_(), x(M, null, Z(S, (a) => d(D, {
+                        key: a.value,
+                        value: a.value,
+                        label: a.label,
+                        sublabel: a.sublabel
+                      }, null, 8, ["value", "label", "sublabel"])), 64))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                c("div", Me, [
+                  t[22] || (t[22] = c("div", { class: "fm-typo-en-body-lg-600" }, "Number Settings", -1)),
+                  n(T) === "bulk" ? (_(), x(M, { key: 0 }, [
+                    d(B, {
+                      "model-value": n(u),
+                      "label-placement": "right",
+                      value: "true",
+                      label: "Advance number setting",
+                      required: !0,
+                      "onUpdate:modelValue": t[1] || (t[1] = () => u.value = !n(u))
+                    }, null, 8, ["model-value"]),
+                    n(u) ? (_(), x(M, { key: 0 }, [
+                      d(g, {
+                        "model-value": n(r).codeConfig.length || null,
+                        "onUpdate:modelValue": t[2] || (t[2] = (a) => n(r).codeConfig.length = a),
+                        label: "Code length",
+                        rules: [(a) => Number(a) >= 1 || "Code length must at least 1"],
+                        required: !0
+                      }, null, 8, ["model-value", "rules"]),
+                      d($, {
+                        label: "Charset",
+                        "model-value": n(w),
+                        items: V,
+                        "helper-text": n(r).codeConfig.charset.length > 62 ? `${n(r).codeConfig.charset.substring(0, 62)}...` : n(r).codeConfig.charset,
+                        "onUpdate:modelValue": t[3] || (t[3] = (a) => {
+                          w.value = a, n(r).codeConfig.charset = a;
+                        })
+                      }, null, 8, ["model-value", "helper-text"]),
+                      n(w) === "" ? (_(), I(F, {
+                        key: 0,
+                        modelValue: n(r).codeConfig.charset,
+                        "onUpdate:modelValue": t[4] || (t[4] = (a) => n(r).codeConfig.charset = a),
+                        label: "Custom Charset",
+                        required: ""
+                      }, null, 8, ["modelValue"])) : O("", !0),
+                      c("div", Ve, [
+                        d(F, {
+                          modelValue: n(r).codeConfig.prefix,
+                          "onUpdate:modelValue": t[5] || (t[5] = (a) => n(r).codeConfig.prefix = a),
+                          label: "Prefix (Optional)"
+                        }, null, 8, ["modelValue"]),
+                        d(F, {
+                          modelValue: n(r).codeConfig.suffix,
+                          "onUpdate:modelValue": t[6] || (t[6] = (a) => n(r).codeConfig.suffix = a),
+                          label: "Suffix (Optional)"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      d(F, {
+                        modelValue: n(r).codeConfig.pattern,
+                        "onUpdate:modelValue": t[7] || (t[7] = (a) => n(r).codeConfig.pattern = a),
+                        label: "Pattern",
+                        required: !0
+                      }, null, 8, ["modelValue"])
+                    ], 64)) : O("", !0),
+                    d(F, {
+                      modelValue: n(r).quantity,
+                      "onUpdate:modelValue": t[8] || (t[8] = (a) => n(r).quantity = a),
+                      label: "Number of code",
+                      rules: [
+                        (a) => a >= 1 || "Quantity cannot be less than 1",
+                        (a) => a <= 1e4 || "Quantity cannot more than 10,000"
+                      ],
+                      required: !0,
+                      "helper-text": `${n(r).quantity} card will be created`
+                    }, null, 8, ["modelValue", "rules", "helper-text"])
+                  ], 64)) : O("", !0),
+                  n(T) !== "bulk" ? (_(), I(ge, {
+                    key: 1,
+                    modelValue: n(r).code,
+                    "onUpdate:modelValue": t[9] || (t[9] = (a) => n(r).code = a),
+                    label: "Custom Card Number",
+                    rules: [(a) => n(T) != "single" || !!a || "Custom code is required"],
+                    placeholder: "(For multiple numbers, please enter in the new row.)"
+                  }, null, 8, ["modelValue", "rules"])) : O("", !0)
+                ]),
+                c("div", Ge, [
+                  t[23] || (t[23] = c("div", { class: "fm-typo-en-body-lg-600" }, "Card Settings", -1)),
+                  d(B, {
+                    "label-placement": "right",
+                    label: "Set card number on bind",
+                    "model-value": n(r).setCardOnBind || !1,
+                    "onUpdate:modelValue": t[10] || (t[10] = (a) => n(r).setCardOnBind = a)
+                  }, null, 8, ["model-value"]),
+                  d(de, {
+                    label: "Activate bundle on bind",
+                    placeholder: "Select bundle",
+                    items: n(s).filter((a) => !a.stripePriceId).map((a) => ({ label: a.name, value: a._id })),
+                    modelValue: n(r).bundle,
+                    "onUpdate:modelValue": t[12] || (t[12] = (a) => n(r).bundle = a)
+                  }, {
+                    append: k(() => [
+                      n(r).bundle ? (_(), I(K, {
+                        key: 0,
+                        icon: "link_off",
+                        variant: "plain",
+                        onClick: t[11] || (t[11] = (a) => n(r).bundle = void 0)
+                      })) : O("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["items", "modelValue"]),
+                  (se = (C = n(E).store) == null ? void 0 : C.stripe) != null && se.apiKey ? (_(), I(de, {
+                    key: 0,
+                    label: "Linked subscription bundle",
+                    placeholder: "Select bundle",
+                    items: n(s).filter((a) => a.stripePriceId).map((a) => ({ label: a.name, value: a._id })),
+                    modelValue: n(r).subscriptionBundle,
+                    "onUpdate:modelValue": t[14] || (t[14] = (a) => n(r).subscriptionBundle = a)
+                  }, {
+                    append: k(() => [
+                      n(r).subscriptionBundle ? (_(), I(K, {
+                        key: 0,
+                        icon: "link_off",
+                        variant: "plain",
+                        onClick: t[13] || (t[13] = (a) => n(r).subscriptionBundle = void 0)
+                      })) : O("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["items", "modelValue"])) : O("", !0)
+                ]),
+                n(E).membership.design ? (_(), x("div", Le, [
+                  c("div", je, [
+                    t[24] || (t[24] = c("p", { class: "fm-typo-en-title-sm-800" }, "Design preview", -1)),
+                    c("img", {
+                      src: (re = n(P)) == null ? void 0 : re.image,
+                      class: "aspect-[16/9]"
+                    }, null, 8, $e),
+                    c("div", Ke, [
+                      (_(!0), x(M, null, Z(n(E).membership.design, (a, Y) => (_(), x("img", {
+                        src: a.image,
+                        key: `image_${Y}`,
+                        class: Ee(["w-[112px] h-[63px] cursor-pointer", `${n(A) === Y ? "border-[2px] border-fm-color-primary" : ""}`]),
+                        onClick: (_n) => A.value = Y,
+                        alt: `ai_image_predict_${Y}`,
+                        style: { objectFit: "cover" }
+                      }, null, 10, Ye))), 128))
+                    ])
+                  ])
+                ])) : O("", !0)
+              ];
+            }),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+var z = { env: { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_936fd623-7c36-4137-aca7-24b5357f2ab3", npm_package_dependencies_zod: "3.22.4", npm_package_devDependencies__types_node: "^18.19.41", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_pinia: "^2.1.7", npm_package_dependencies_vite_plugin_vue_devtools: "^7.6.4", USER: "runner", npm_config_user_agent: "pnpm/9.15.6 npm/? node/v20.18.3 linux x64", CI: "true", npm_package_dependencies_vue: "^3.4.33", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_936fd623-7c36-4137-aca7-24b5357f2ab3", PIPX_HOME: "/opt/pipx", npm_package_devDependencies_vite: "^5.3.4", npm_node_execpath: "/opt/hostedtoolcache/node/20.18.3/x64/bin/node", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", SHLVL: "1", npm_package_files_0: "dist", HOME: "/home/runner", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_build_mf_dev: "vite build --mode fmmf", npm_package_dependencies__types_qrcode: "^1.5.5", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "feedmepos", npm_package_scripts_build_mf_prod: "vite build --mode fmmf:prod", npm_package_dependencies_change_case: "^5.4.4", NODE_OPTIONS: "--max-old-space-size=8096", GRADLE_HOME: "/usr/share/gradle-8.12.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/28.0.13004108", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", npm_package_dependencies__feedmepos_mf_common: "1.12.5", npm_package_dependencies_fabric: "^6.4.2", npm_package_dependencies_zod_i18n_map: "2.27.0", GITHUB_REPOSITORY_OWNER_ID: "54831515", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu24", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", SYSTEMD_EXEC_PID: "721", npm_package_dependencies__feedmepos_ui_library: "1.3.5", npm_package_dependencies_dayjs: "^1.11.12", npm_package_dependencies_dotenv: "^16.4.5", npm_package_dependencies_moment: "^2.30.1", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_scripts_build_only_dev: "pnpm build:mf:dev", npm_package_dependencies_i18next: "24.2.1", npm_package_devDependencies_tailwindcss: "^3.4.6", npm_package_devDependencies_typescript: "^5.5.3", NVM_DIR: "/home/runner/.nvm", npm_package_scripts_build_dev: "cross-env NODE_OPTIONS=--max-old-space-size=4096 vite build --mode development", npm_package_scripts_build_only_prod: "pnpm build:mf:prod", npm_package_dependencies_xlsx: "^0.18.5", npm_package_devDependencies_vue_tsc: "^2.0.26", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20250223.1.0", npm_package_scripts_dev: "vite", npm_package_scripts_build_prod: "cross-env NODE_OPTIONS=--max-old-space-size=4096 vite build --mode production", npm_package_dependencies_unplugin_auto_import: "^0.17.8", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.12/x64", STORE_PATH: "/home/runner/setup-pnpm/node_modules/.bin/store/v3", SWIFT_PATH: "/usr/share/swift/usr/bin", npm_package_type: "module", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.6/x64", JOURNAL_STREAM: "8:6579", GITHUB_WORKFLOW: "Publish mf-connect - dev", _: "/home/runner/setup-pnpm/node_modules/.bin/pnpm", npm_package_module: "./dist/app.js", npm_package_devDependencies_autoprefixer: "^10.4.19", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/runner-provisioner.service/memory.pressure", npm_package_devDependencies__types_uuid: "^9.0.8", npm_package_devDependencies_unlayer_types: "^1.157.0", npm_config_registry: "https://registry.npmjs.org/", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "13652771354", STATS_VMFE: "true", npm_package_dependencies_bson_objectid: "^2.0.4", npm_package_devDependencies__types_lodash: "^4.17.7", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "b5d8f5536faa172aa8affb49ff88dc3779b659f7", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_exports___import: "./dist/app.js", npm_package_devDependencies__vitejs_plugin_vue: "^5.0.5", GITHUB_WORKFLOW_REF: "feedmepos/marketing-services/.github/workflows/[DEV] publish-mf-connect.yml@refs/heads/dev", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_dependencies_axios: "^1.7.2", npm_config_node_gyp: "/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.6/node_modules/pnpm/dist/node_modules/node-gyp/bin/node-gyp.js", PATH: "/home/runner/work/marketing-services/marketing-services/packages/connect/node_modules/.bin:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.6/node_modules/pnpm/dist/node-gyp-bin:/home/runner/work/marketing-services/marketing-services/packages/connect/node_modules/.bin:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.6/node_modules/pnpm/dist/node-gyp-bin:/home/runner/setup-pnpm/node_modules/.bin:/opt/hostedtoolcache/node/20.18.3/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_33a3584c-7838-41a5-8e13-7a3727a2f5e2", INVOCATION_ID: "220bf1c3de2a43998caf4efb068d5a2b", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", NODE: "/opt/hostedtoolcache/node/20.18.3/x64/bin/node", npm_package_name: "@feedmepos/mf-connect", npm_package_scripts_deploy_dev: "pnpm run build-only:dev && pnpm publish --no-git-checks .", npm_package_dependencies_cross_env: "^7.0.3", GITHUB_ACTION: "__run_5", GITHUB_RUN_NUMBER: "58", GITHUB_TRIGGERING_ACTOR: "qaijunse", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_scripts_deploy_prod: "pnpm run build-only:prod && pnpm publish --no-git-checks .", npm_config_frozen_lockfile: "", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_dependencies__feedmepos_mf_core_ui: "1.0.18", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 290", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "dev", GITHUB_REPOSITORY: "feedmepos/marketing-services", STATS_D_D: "false", npm_package_scripts_build_dts: "vue-tsc --declaration --noEmit false --emitDeclarationOnly -p tsconfig.json --outDir ./dist && mv ./dist/src/* dist", npm_package_scripts_build_types: "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.json --outDir dist --composite false", npm_package_dependencies__feedmepos_core: "^2.10.6", npm_lifecycle_script: "vite build --mode fmmf", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_dependencies_rrule: "^2.8.1", npm_package_dependencies_vue3_lottie: "^3.3.0", GITHUB_REPOSITORY_ID: "615151795", GITHUB_ACTIONS: "true", STATS_PIP: "false", NODE_PATH: "/home/runner/work/marketing-services/marketing-services/packages/connect/node_modules/.pnpm/vite@5.3.4_@types+node@18.19.41/node_modules/vite/bin/node_modules:/home/runner/work/marketing-services/marketing-services/packages/connect/node_modules/.pnpm/vite@5.3.4_@types+node@18.19.41/node_modules/vite/node_modules:/home/runner/work/marketing-services/marketing-services/packages/connect/node_modules/.pnpm/vite@5.3.4_@types+node@18.19.41/node_modules:/home/runner/work/marketing-services/marketing-services/packages/connect/node_modules/.pnpm/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.6/node_modules/pnpm/bin/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.6/node_modules/pnpm/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.6/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.6/node_modules/pnpm/bin/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.6/node_modules/pnpm/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.6/node_modules:/home/runner/setup-pnpm/node_modules/.pnpm/node_modules", npm_package_version: "0.1.0-beta.2", npm_lifecycle_event: "build:mf:dev", GITHUB_REF_PROTECTED: "false", npm_package_scripts_build: "vue-tsc && vite build", npm_package_dependencies_uuid: "^10.0.0", npm_package_dependencies_vue_i18n: "10.0.5", GITHUB_WORKSPACE: "/home/runner/work/marketing-services/marketing-services", ACCEPT_EULA: "Y", GITHUB_JOB: "deploy", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_dependencies_lodash: "^4.17.21", GITHUB_SHA: "b5d8f5536faa172aa8affb49ff88dc3779b659f7", GITHUB_RUN_ATTEMPT: "1", STATS_D_TC: "true", npm_package_exports___style: "./dist/style.css", npm_package_dependencies_vue_router: "^4.4.0", GITHUB_REF: "refs/heads/dev", GITHUB_ACTOR: "qaijunse", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "UNLICENSED", npm_package_dependencies_email_addresses: "^5.0.0", npm_package_dependencies_firebase: "^10.12.4", npm_package_dependencies_qrcode: "^1.5.3", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_936fd623-7c36-4137-aca7-24b5357f2ab3", JAVA_HOME: "/usr/lib/jvm/temurin-17-jdk-amd64", PWD: "/home/runner/work/marketing-services/marketing-services/packages/connect", GITHUB_ACTOR_ID: "39590157", RUNNER_WORKSPACE: "/home/runner/work/marketing-services", npm_execpath: "/home/runner/setup-pnpm/node_modules/.pnpm/pnpm@9.15.6/node_modules/pnpm/bin/pnpm.cjs", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_936fd623-7c36-4137-aca7-24b5357f2ab3", npm_package_exports___types: "./dist/packages/connect/src/app.d.ts", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", PNPM_SCRIPT_SRC_DIR: "/home/runner/work/marketing-services/marketing-services/packages/connect", npm_package_devDependencies_postcss: "^8.4.39", npm_command: "run-script", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.2.12479018", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_preview: "vite preview", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", PNPM_HOME: "/home/runner/setup-pnpm/node_modules/.bin", STATS_EXTP: "https://provjobdprod.z13.web.core.windows.net/settings/provjobdsettings-latest/provjobd.data", npm_package_pnpm_overrides__feedmepos_mf_common: "1.15.0-beta.6", npm_package_dependencies__feedmepos_menu: "1.0.34", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_936fd623-7c36-4137-aca7-24b5357f2ab3", INIT_CWD: "/home/runner/work/marketing-services/marketing-services/packages/connect", NODE_ENV: "production", FEEDME_NAMESPACE: "dev", FIREBASE_API_KEY: "AIzaSyAj8JdCHtP0Vc5vZobCfgoLzWxPIn0WUG4", FIREBASE_AUTH_DOMAIN: "feedme-dev-4c3ef.firebaseapp.com", FIREBASE_DATABASE_URL: "https://feedme-dev-4c3ef.firebaseio.com", FIREBASE_PROJECT_ID: "feedme-dev-4c3ef", FIREBASE_STORAGE_BUCKET: "feedme-dev-4c3ef.appspot.com", FIREBASE_MESSAGING_SENDER_ID: "458797803788", FIREBASE_APP_ID: "1:458797803788:web:37f2af2926a84288f0c129", FIREBASE_MEASUREMENT_ID: "G-J2QG09D2Q7", ASSET_STORAGE_BUCKET: "feedme-dev-4c3ef.appspot.com", AUTH_URL: "https://portal-v2-dev.feedmeapi.com/", SLACK_WEBHOOK_URL: "https://hooks.slack.com/services/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", MEMBER_APP_URL: "member.feedmedev.cc", CRM_APP_URL: "crm.feedmedev.cc", MARKETING_V1_PORTAL: "https://marketing-v1.feedmedev.cc", CLIENT_ID: "1a362d621873497b277ea55258cc82594ba148d235257f7bd44ea2acc132d8a4", PAYMENT_PORTAL_URL: "https://portal.feedmedev.cc/payment/payout-account" } }, J = Math.floor(Math.random() * 16777215), me = p.index = parseInt(Math.random() * 16777215, 10), ce = (typeof z > "u" || typeof z.pid != "number" ? Math.floor(Math.random() * 1e5) : z.pid) % 65535, ue = (() => {
+  try {
+    return _Buffer;
+  } catch {
+    try {
+      return Buffer;
+    } catch {
+      return null;
+    }
+  }
+})(), W = function(e) {
+  return !!(e != null && e.constructor && typeof e.constructor.isBuffer == "function" && e.constructor.isBuffer(e));
+}, fe = [];
+for (var y = 0; y < 256; y++)
+  fe[y] = (y <= 15 ? "0" : "") + y.toString(16);
+var _e = new RegExp("^[0-9a-fA-F]{24}$"), j = [];
+y = 0;
+for (; y < 10; ) j[48 + y] = y++;
+for (; y < 16; ) j[55 + y] = j[87 + y] = y++;
+function p(e) {
+  if (!(this instanceof p)) return new p(e);
+  if (e && (e instanceof p || e._bsontype === "ObjectID"))
+    return e;
+  if (this._bsontype = "ObjectID", e == null || typeof e == "number") {
+    this.id = this.generate(e);
+    return;
+  }
+  var i = p.isValid(e);
+  if (!i && e != null)
+    throw new Error(
+      "Argument passed in must be a single String of 12 bytes or a string of 24 hex characters"
+    );
+  if (i && typeof e == "string" && e.length === 24)
+    return p.createFromHexString(e);
+  if (e != null && e.length === 12)
+    this.id = e;
+  else {
+    if (e != null && typeof e.toHexString == "function")
+      return e;
+    throw new Error(
+      "Argument passed in must be a single String of 12 bytes or a string of 24 hex characters"
+    );
+  }
+}
+var qe = p;
+p.default = p;
+p.createFromTime = function(e) {
+  return e = parseInt(e, 10) % 4294967295, new p(Je(8, e) + "0000000000000000");
+};
+p.createFromHexString = function(e) {
+  if (typeof e > "u" || e != null && e.length !== 24)
+    throw new Error(
+      "Argument passed in must be a single String of 12 bytes or a string of 24 hex characters"
+    );
+  for (var i = "", N = 0; N < 24; )
+    i += String.fromCharCode(j[e.charCodeAt(N++)] << 4 | j[e.charCodeAt(N++)]);
+  return new p(i);
+};
+p.isValid = function(e) {
+  return e == null ? !1 : typeof e == "number" ? !0 : typeof e == "string" ? e.length === 12 || e.length === 24 && _e.test(e) : e instanceof p ? !0 : W(e) ? p.isValid(e.toString("hex")) : typeof e.toHexString == "function" && ue && (e.id instanceof ue || typeof e.id == "string") ? e.id.length === 12 || e.id.length === 24 && _e.test(e.id) : !1;
+};
+p.prototype = {
+  constructor: p,
+  /**
+   * Return the ObjectID id as a 24 byte hex string representation
+   *
+   * @return {String} return the 24 byte hex string representation.
+   * @api public
+   */
+  toHexString: function() {
+    if (!this.id || !this.id.length)
+      throw new Error(
+        "invalid ObjectId, ObjectId.id must be either a string or a Buffer, but is [" + JSON.stringify(this.id) + "]"
+      );
+    if (this.id.length === 24)
+      return this.id;
+    if (W(this.id))
+      return this.id.toString("hex");
+    for (var e = "", i = 0; i < this.id.length; i++)
+      e += fe[this.id.charCodeAt(i)];
+    return e;
+  },
+  /**
+   * Compares the equality of this ObjectID with `otherID`.
+   *
+   * @param {Object} otherId ObjectID instance to compare against.
+   * @return {Boolean} the result of comparing two ObjectID's
+   * @api public
+   */
+  equals: function(e) {
+    return e instanceof p ? this.toString() === e.toString() : typeof e == "string" && p.isValid(e) && e.length === 12 && W(this.id) ? e === this.id.toString("binary") : typeof e == "string" && p.isValid(e) && e.length === 24 ? e.toLowerCase() === this.toHexString() : typeof e == "string" && p.isValid(e) && e.length === 12 ? e === this.id : e != null && (e instanceof p || e.toHexString) ? e.toHexString() === this.toHexString() : !1;
+  },
+  /**
+   * Returns the generation date (accurate up to the second) that this ID was generated.
+   *
+   * @return {Date} the generation date
+   * @api public
+   */
+  getTimestamp: function() {
+    var e = /* @__PURE__ */ new Date(), i;
+    return W(this.id) ? i = this.id[3] | this.id[2] << 8 | this.id[1] << 16 | this.id[0] << 24 : i = this.id.charCodeAt(3) | this.id.charCodeAt(2) << 8 | this.id.charCodeAt(1) << 16 | this.id.charCodeAt(0) << 24, e.setTime(Math.floor(i) * 1e3), e;
+  },
+  /**
+  * Generate a 12 byte id buffer used in ObjectID's
+  *
+  * @method
+  * @param {number} [time] optional parameter allowing to pass in a second based timestamp.
+  * @return {string} return the 12 byte id buffer string.
+  */
+  generate: function(e) {
+    typeof e != "number" && (e = ~~(Date.now() / 1e3)), e = parseInt(e, 10) % 4294967295;
+    var i = ze();
+    return String.fromCharCode(
+      e >> 24 & 255,
+      e >> 16 & 255,
+      e >> 8 & 255,
+      e & 255,
+      J >> 16 & 255,
+      J >> 8 & 255,
+      J & 255,
+      ce >> 8 & 255,
+      ce & 255,
+      i >> 16 & 255,
+      i >> 8 & 255,
+      i & 255
+    );
+  }
+};
+function ze() {
+  return me = (me + 1) % 16777215;
+}
+function Je(e, i) {
+  return i = i.toString(16), i.length === e ? i : "00000000".substring(i.length, e) + i;
+}
+var Qe = Symbol && Symbol.for && Symbol.for("nodejs.util.inspect.custom") || "inspect";
+p.prototype[Qe] = function() {
+  return "ObjectID(" + this + ")";
+};
+p.prototype.toJSON = p.prototype.toHexString;
+p.prototype.toString = p.prototype.toHexString;
+const Ze = /* @__PURE__ */ Ie(qe), en = {
+  key: 0,
+  class: "grid grid-cols-1 gap-8"
+}, nn = { class: "flex items-center gap-8" }, tn = { class: "flex items-center gap-8" }, on = 5, an = /* @__PURE__ */ ee({
+  __name: "CardDesignSheet",
+  emits: ["success"],
+  setup(e, { expose: i, emit: N }) {
+    const { minor: U } = te, E = oe(), R = Te(), v = b(!1);
+    b(), b(!1);
+    const m = b(), h = b(null);
+    G(() => {
+      var u, s;
+      return Math.min((((s = (u = m.value) == null ? void 0 : u.design) == null ? void 0 : s.length) ?? 0) + 1, on);
+    });
+    const L = N, r = G(() => {
+      var u, s;
+      return ((s = (u = E.membership) == null ? void 0 : u.design) == null ? void 0 : s.filter((o) => o.image)) || [];
+    }), S = b(!1);
+    function V(u) {
+      S.value = u;
+    }
+    function w() {
+      v.value = !0;
+    }
+    async function T() {
+      await U(
+        async () => {
+          var o;
+          const u = xe(m.value), s = Oe.parse(u);
+          if (s.design = (s == null ? void 0 : s.design) || [], h.value) {
+            const l = Ze().toHexString(), t = await le.update(
+              le.designPath(l, h.value),
+              h.value
+            );
+            (o = s.design) == null || o.push({
+              _id: l,
+              image: t
+            });
+          }
+          await ae.update(s), await P(), await L("success"), h.value = null, v.value = !1;
+        },
+        {
+          message: "Saving card design",
+          successMessage: "Card design saved"
+        }
+      );
+    }
+    async function A(u, s) {
+      u ? h.value = u : s && R.open({
+        title: "Delete Design",
+        message: "Are you sure you want to delete this design?",
+        primaryActions: { text: "Delete", close: !0 },
+        secondaryActions: { text: "Cancel", close: !1 }
+      }).onPrimary(async () => {
+        var l, t;
+        const o = (l = m.value.design) == null ? void 0 : l.findIndex((D) => D._id == s);
+        console.log(o), o !== -1 && ((t = m.value.design) == null || t.splice(o, 1)), await T();
+      }).onSecondary(() => {
+        R.close();
+      });
+    }
+    async function P() {
+      await E.readMembership(), m.value = E.membership;
+    }
+    return i({
+      showSheet: V
+    }), ne(async () => {
+      await P(), r.value.length || (v.value = !0);
+    }), (u, s) => {
+      const o = f("FmButton"), l = f("FmSideSheet");
+      return _(), I(l, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Manage Design",
+        modelValue: n(S),
+        "onUpdate:modelValue": [
+          s[2] || (s[2] = (t) => Q(S) ? S.value = t : null),
+          s[3] || (s[3] = (t) => S.value = t)
+        ]
+      }, ye({
+        default: k(() => [
+          n(v) ? O("", !0) : (_(), x("div", en, [
+            (_(!0), x(M, null, Z(n(r), (t) => (_(), I(pe, {
+              key: String(t._id),
+              "image-fit": "cover",
+              label: "",
+              "aspect-ratio": "16/9",
+              thumbnail: t.image,
+              accept: ".png, .jpg, .jpeg, .gif",
+              "recommended-size": "Recommended 16:9 ratio / 1280px x 720px",
+              file: void 0,
+              "delete-button": !1
+            }, {
+              "delete-button": k(() => [
+                d(o, {
+                  class: "!text-neutral-50 !bg-neutral-700",
+                  icon: "delete",
+                  variant: "tertiary",
+                  onClick: (D) => A(null, t._id)
+                }, null, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1032, ["thumbnail"]))), 128))
+          ])),
+          n(v) ? (_(), I(pe, {
+            key: 1,
+            "image-fit": "cover",
+            label: "",
+            "aspect-ratio": "16/9",
+            accept: ".png, .jpg, .jpeg, .gif",
+            "recommended-size": "Recommended 16:9 ratio / 1280px x 720px",
+            "onUpdate:file": A
+          })) : O("", !0)
+        ]),
+        _: 2
+      }, [
+        n(v) ? {
+          name: "side-sheet-footer",
+          fn: k(() => [
+            c("div", tn, [
+              d(o, {
+                label: "Save",
+                onClick: T,
+                disabled: !n(h)
+              }, null, 8, ["disabled"]),
+              d(o, {
+                label: "Cancel",
+                type: "button",
+                variant: "tertiary",
+                onClick: s[1] || (s[1] = (t) => v.value = !1)
+              })
+            ])
+          ]),
+          key: "1"
+        } : {
+          name: "side-sheet-footer",
+          fn: k(() => [
+            c("div", nn, [
+              d(o, {
+                label: "Add Design",
+                onClick: w
+              }),
+              d(o, {
+                label: "Cancel",
+                type: "button",
+                variant: "tertiary",
+                onClick: s[0] || (s[0] = (t) => S.value = !1)
+              })
+            ])
+          ]),
+          key: "0"
+        }
+      ]), 1032, ["modelValue"]);
+    };
+  }
+}), sn = { class: "flex items-center" }, rn = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2 mr-8" }, ln = { class: "px-24 flex flex-col pb-24 gap-y-16" }, dn = { class: "flex items-center justify-end" }, pn = { class: "flex flex-col gap-16 text-center" }, mn = { class: "fm-typo-en-title-sm-800" }, cn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, un = { class: "flex gap-x-8" }, Mn = /* @__PURE__ */ ee({
+  __name: "Card",
+  setup(e) {
+    const { minor: i, global: N } = te, U = b(), E = b(), R = Ne(), v = oe(), { t: m } = Pe(), h = G(
+      () => v.sortedStoreCategories.flatMap((s) => s.bundles)
+    ), L = [
+      {
+        header: m("connect.loyalty.card.table.card_number"),
+        accessorFn: (s) => s.serialNumber
+      },
+      {
+        header: m("connect.loyalty.card.table.redeemed_by"),
+        accessorKey: "user",
+        enableSorting: !1,
+        cell(s) {
+          const o = s.row.original.pf_member;
+          return X(
+            "div",
+            {
+              class: "flex items-center gap-x-8"
+            },
+            [
+              X(Re.FmAvatar, {
+                name: o != null && o.photoUrl || o == null ? void 0 : o.name,
+                src: (o == null ? void 0 : o.photoUrl) ?? void 0,
+                size: "sm"
+              }),
+              X("span", { class: "fm-typo-en-body-sm-400" }, o == null ? void 0 : o.name)
+            ]
+          );
+        }
+      },
+      {
+        header: m("connect.loyalty.card.table.phone"),
+        accessorFn: (s) => {
+          var o;
+          return ((o = s.pf_member) == null ? void 0 : o.phoneNumber) || "-";
+        },
+        accessorKey: "pf_member.phoneNumber"
+      },
+      {
+        header: m("connect.loyalty.card.table.created_at"),
+        accessorKey: "_id",
+        accessorFn: (s) => ie(Be(s._id.toString())).format("DD MMM YYYY hh:mmA")
+      },
+      {
+        header: m("connect.loyalty.card.table.bundle"),
+        accessorFn: (s) => {
+          var o;
+          return ((o = h.value.find((l) => l._id === s.bundle)) == null ? void 0 : o.name) || "-";
+        }
+      },
+      {
+        header: m("connect.loyalty.card.table.redeemed_at"),
+        accessorKey: "redeemedAt",
+        accessorFn: (s) => s.redeemedAt ? ie(s.redeemedAt).format("DD MMM YYYY hh:mmA") : "-"
+      }
+    ], { tableMeta: r, rowData: S, onSort: V, debouncedFetchData: w, onSearch: T } = He(ae.readCards);
+    async function A() {
+      var s;
+      await w(), (s = U.value) == null || s.showSheet(!1);
+    }
+    const P = G(() => R.isPremium ? [
+      {
+        label: m("connect.loyalty.card.actions.create"),
+        value: "create",
+        isPrimary: !0
+      },
+      {
+        label: m("connect.loyalty.card.actions.manage_design"),
+        value: "design",
+        isPrimary: !0
+      }
+    ] : []);
+    async function u(s) {
+      const o = new we(), l = s.map((t) => ({
+        CardNumber: t
+      }));
+      o.addRecords(l), await De(
+        o.buildExcel(),
+        `cards-${(/* @__PURE__ */ new Date()).toISOString()}.xlsx`,
+        {
+          bookType: "xlsx",
+          bookSST: !1,
+          type: "array"
+        }
+      );
+    }
+    return ne(async () => {
+      await N(async () => {
+        await R.readPremium(), await v.readMemberStore(), await v.readMembership(), await A();
+      });
+    }), (s, o) => {
+      const l = f("FmPill"), t = f("FmPageHead"), D = f("FmSearch"), H = f("FmButton"), B = f("FmCard");
+      return _(), x(M, null, [
+        d(t, {
+          title: n(m)("connect.loyalty.card.title"),
+          actions: n(P),
+          "onClick:action": o[0] || (o[0] = (g) => {
+            var $, F;
+            console.log(g), g === "design" && (($ = n(E)) == null || $.showSheet(!0)), g === "create" && ((F = n(U)) == null || F.showSheet(!0));
+          })
+        }, {
+          title: k(() => [
+            c("div", sn, [
+              c("span", rn, q(n(m)("connect.loyalty.card.title")), 1),
+              d(l, {
+                class: "ml-8",
+                variant: "premium"
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["title", "actions"]),
+        c("div", ln, [
+          n(S).length > 0 || n(S).length <= 0 && n(r).searchValue || n(r).pageCount > 0 ? (_(), x(M, { key: 0 }, [
+            c("div", dn, [
+              d(D, {
+                class: "mt-4",
+                modelValue: n(r).searchValue,
+                "onUpdate:modelValue": [
+                  o[1] || (o[1] = (g) => n(r).searchValue = g),
+                  n(T)
+                ],
+                placeholder: "Search",
+                collapsible: ""
+              }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+              d(H, {
+                icon: "ios_share",
+                variant: "tertiary",
+                onClick: Se(n(Ue), ["prevent"])
+              }, null, 8, ["onClick"])
+            ]),
+            d(Fe, {
+              loading: n(r).isLoading,
+              "row-data": n(S),
+              "row-count": n(r).totalRows,
+              "column-defs": L,
+              "shrink-at": !1,
+              "page-count": n(r).pageCount,
+              "page-index": n(r).pageIndex,
+              "page-size": n(r).pageSize,
+              onSortChange: n(V),
+              onPageChange: o[2] || (o[2] = (g) => {
+                n(w)({
+                  pageSize: g.pageSize,
+                  pageIndex: g.pageIndex
+                });
+              })
+            }, null, 8, ["loading", "row-data", "row-count", "page-count", "page-index", "page-size", "onSortChange"])
+          ], 64)) : (_(), I(B, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: k(() => [
+              o[5] || (o[5] = c("img", {
+                src: ke,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              c("div", pn, [
+                c("div", mn, q(n(m)("connect.loyalty.card.empty_state.title")), 1),
+                c("div", cn, q(n(m)("connect.loyalty.card.empty_state.description")), 1)
+              ]),
+              c("div", un, [
+                d(H, {
+                  variant: "primary",
+                  label: n(m)("connect.loyalty.card.actions.add"),
+                  icon: "add",
+                  disabled: !n(R).isPremium,
+                  onClick: o[3] || (o[3] = () => {
+                    var g;
+                    return (g = n(U)) == null ? void 0 : g.showSheet(!0);
+                  })
+                }, null, 8, ["label", "disabled"]),
+                d(H, {
+                  variant: "secondary",
+                  label: n(m)("connect.loyalty.card.actions.manage_design"),
+                  disabled: !n(R).isPremium,
+                  onClick: o[4] || (o[4] = () => {
+                    var g;
+                    return (g = n(E)) == null ? void 0 : g.showSheet(!0);
+                  })
+                }, null, 8, ["label", "disabled"])
+              ])
+            ]),
+            _: 1
+          })),
+          d(Xe, {
+            ref_key: "sheetRef",
+            ref: U,
+            onSuccess: A,
+            onExport: u
+          }, null, 512),
+          d(an, {
+            ref_key: "designSheetRef",
+            ref: E,
+            onSuccess: A
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Mn as default
+};