@feedmepos/mf-connect 0.0.3-beta.0

package/dist/Card-BqgQuGNe.js

@@ -0,0 +1,775 @@
+import { defineComponent as X, ref as b, computed as O, watch as pe, onMounted as J, resolveComponent as v, openBlock as _, createBlock as V, unref as t, isRef as K, withCtx as E, createElementVNode as f, createVNode as u, createElementBlock as M, Fragment as N, renderList as Y, createCommentVNode as k, normalizeClass as he, createSlots as ye, h as G } from "vue";
+import { h as ne } from "./moment-BWErdI6_.js";
+import { useDialog as Se, components as Ce } from "@feedmepos/ui-library";
+import "./index-y3taWZm8.js";
+import { u as ce, f as ae } from "./loading-Dy-VtOFu.js";
+import { u as ke, g as xe, a as Ee } from "./app-DRUbn5GO.js";
+import { u as Q } from "./membership-28vBGpTw.js";
+import { _ as se } from "./index-DkxEfDKI.js";
+import { m as W } from "./index-ChAaKnz9.js";
+import { _ as oe } from "./ImageInput.vue_vue_type_script_setup_true_lang-DMsxZkxf.js";
+import "./index-DGFTGZj1.js";
+import "./index-Iej6yAF2.js";
+import { g as we } from "./index-C4AxDwBx.js";
+import "./index-Ix0P1Q7X.js";
+import "./index-CKhgwiA8.js";
+import "./index-DzrgTguB.js";
+import { a as Fe } from "./object-qECH92oz.js";
+import { l as Ae } from "./lodash-BnddClG8.js";
+import { o as De } from "./objectId-dwaoBfJX.js";
+const Re = /* @__PURE__ */ f("div", { class: "fm-typo-en-body-lg-600" }, "Number type", -1), Ve = { class: "space-y-16" }, Me = /* @__PURE__ */ f("div", { class: "fm-typo-en-body-lg-600" }, "Number Settings", -1), Te = { class: "gap-16 grid grid-cols-2" }, Ue = { class: "space-y-16" }, Be = /* @__PURE__ */ f("div", { class: "fm-typo-en-body-lg-600" }, "Card Settings", -1), Ie = {
+  key: 0,
+  class: "flex flex-col gap-[16px] w-full"
+}, Ne = { class: "flex flex-col gap-[8px]" }, Oe = /* @__PURE__ */ f("p", { class: "fm-typo-en-title-sm-800" }, "Design preview", -1), Pe = ["src"], Le = { class: "flex pt-[24px] gap-[24px]" }, je = ["src", "onClick", "alt"], He = { class: "flex items-center gap-8" }, $e = /* @__PURE__ */ X({
+  __name: "CreateCardSheet",
+  emits: ["success"],
+  setup(e, { expose: r, emit: w }) {
+    const { minor: U } = ce, h = Q(), B = b(), S = b(!1), F = w, l = b(!1);
+    function T(c) {
+      l.value = c, c && (s.value = {
+        quantity: 1,
+        code: "",
+        codeConfig: {
+          length: 12,
+          charset: "1234567890",
+          prefix: "",
+          suffix: "",
+          pattern: "####-####-####-####"
+        }
+      });
+    }
+    const s = b({
+      quantity: 1,
+      code: "",
+      codeConfig: {
+        length: 12,
+        charset: "1234567890",
+        prefix: "",
+        suffix: "",
+        pattern: "####-####-####-####"
+      },
+      setCardOnBind: !1,
+      bundle: void 0
+    }), A = [
+      {
+        label: "Bulk number",
+        value: "bulk",
+        sublabel: "Bulk generate unique number"
+      },
+      {
+        label: "Custom number",
+        value: "single",
+        sublabel: "Enter your own custom number"
+      }
+    ], p = [
+      {
+        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: "" }
+    ], o = b(p[0].value), y = b("bulk"), x = b(0), D = O(
+      () => {
+        var c;
+        return (c = h.membership.design) == null ? void 0 : c[x.value];
+      }
+    ), m = b(!1), i = O(
+      () => h.sortedStoreCategories.flatMap((c) => c.bundles)
+    );
+    async function g(c) {
+      var n, I;
+      await ((n = B.value) == null ? void 0 : n.validateInputs()), S.value && (c.design = (I = D.value) == null ? void 0 : I.image, await U(
+        async () => {
+          await W.createCards(c), await F("success");
+        },
+        {
+          message: "Creating card(s)",
+          successMessage: "Card(s) created"
+        }
+      ));
+    }
+    return r({
+      showSheet: T
+    }), pe(
+      () => s.value.codeConfig.length,
+      (c, n) => {
+        c != n && (s.value.codeConfig.pattern = "#".repeat(Number(c)));
+      }
+    ), J(async () => {
+      await h.readMemberStore();
+    }), (c, n) => {
+      const I = v("FmRadio"), me = v("FmRadioGroup"), Z = v("FmSwitch"), _e = v("FmStepperField"), fe = v("FmSelect"), P = v("FmTextField"), ge = v("FmTextarea"), j = v("FmButton"), be = v("FmForm"), ve = v("FmSideSheet");
+      return _(), V(ve, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Create collection",
+        modelValue: t(l),
+        "onUpdate:modelValue": [
+          n[19] || (n[19] = (R) => K(l) ? l.value = R : null),
+          n[20] || (n[20] = (R) => l.value = R)
+        ]
+      }, {
+        "side-sheet-footer": E(() => [
+          f("div", He, [
+            u(j, {
+              label: "Save",
+              onClick: n[17] || (n[17] = (R) => g(t(s))),
+              loading: t(ke)().isLoading
+            }, null, 8, ["loading"]),
+            u(j, {
+              label: "Cancel",
+              type: "button",
+              variant: "tertiary",
+              onClick: n[18] || (n[18] = (R) => l.value = !1)
+            })
+          ])
+        ]),
+        default: E(() => [
+          u(be, {
+            ref_key: "form",
+            ref: B,
+            class: "space-y-40",
+            onValidationSuccess: n[15] || (n[15] = (R) => S.value = !0),
+            onValidationFailed: n[16] || (n[16] = (R) => S.value = !1)
+          }, {
+            default: E(() => {
+              var R, ee, te;
+              return [
+                f("div", null, [
+                  Re,
+                  u(me, {
+                    modelValue: t(y),
+                    "onUpdate:modelValue": n[0] || (n[0] = (a) => K(y) ? y.value = a : null),
+                    inline: !1
+                  }, {
+                    default: E(() => [
+                      (_(), M(N, null, Y(A, (a) => u(I, {
+                        key: a.value,
+                        value: a.value,
+                        label: a.label,
+                        sublabel: a.sublabel
+                      }, null, 8, ["value", "label", "sublabel"])), 64))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue"])
+                ]),
+                f("div", Ve, [
+                  Me,
+                  t(y) === "bulk" ? (_(), M(N, { key: 0 }, [
+                    u(Z, {
+                      "model-value": t(m),
+                      "label-placement": "right",
+                      value: "true",
+                      label: "Advance number setting",
+                      required: !0,
+                      "onUpdate:modelValue": n[1] || (n[1] = () => m.value = !t(m))
+                    }, null, 8, ["model-value"]),
+                    t(m) ? (_(), M(N, { key: 0 }, [
+                      u(_e, {
+                        "model-value": t(s).codeConfig.length || null,
+                        "onUpdate:modelValue": n[2] || (n[2] = (a) => t(s).codeConfig.length = a),
+                        label: "Code length",
+                        rules: [(a) => Number(a) >= 1 || "Code length must at least 1"],
+                        required: !0
+                      }, null, 8, ["model-value", "rules"]),
+                      u(fe, {
+                        label: "Charset",
+                        "model-value": t(o),
+                        items: p,
+                        "helper-text": t(s).codeConfig.charset.length > 62 ? `${t(s).codeConfig.charset.substring(0, 62)}...` : t(s).codeConfig.charset,
+                        "onUpdate:modelValue": n[3] || (n[3] = (a) => {
+                          o.value = a, t(s).codeConfig.charset = a;
+                        })
+                      }, null, 8, ["model-value", "helper-text"]),
+                      t(o) === "" ? (_(), V(P, {
+                        key: 0,
+                        modelValue: t(s).codeConfig.charset,
+                        "onUpdate:modelValue": n[4] || (n[4] = (a) => t(s).codeConfig.charset = a),
+                        label: "Custom Charset",
+                        required: ""
+                      }, null, 8, ["modelValue"])) : k("", !0),
+                      f("div", Te, [
+                        u(P, {
+                          modelValue: t(s).codeConfig.prefix,
+                          "onUpdate:modelValue": n[5] || (n[5] = (a) => t(s).codeConfig.prefix = a),
+                          label: "Prefix (Optional)"
+                        }, null, 8, ["modelValue"]),
+                        u(P, {
+                          modelValue: t(s).codeConfig.suffix,
+                          "onUpdate:modelValue": n[6] || (n[6] = (a) => t(s).codeConfig.suffix = a),
+                          label: "Suffix (Optional)"
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      u(P, {
+                        modelValue: t(s).codeConfig.pattern,
+                        "onUpdate:modelValue": n[7] || (n[7] = (a) => t(s).codeConfig.pattern = a),
+                        label: "Pattern",
+                        required: !0
+                      }, null, 8, ["modelValue"])
+                    ], 64)) : k("", !0),
+                    u(P, {
+                      modelValue: t(s).quantity,
+                      "onUpdate:modelValue": n[8] || (n[8] = (a) => t(s).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": `${t(s).quantity} card will be created`
+                    }, null, 8, ["modelValue", "rules", "helper-text"])
+                  ], 64)) : k("", !0),
+                  t(y) !== "bulk" ? (_(), V(ge, {
+                    key: 1,
+                    modelValue: t(s).code,
+                    "onUpdate:modelValue": n[9] || (n[9] = (a) => t(s).code = a),
+                    label: "Custom Card Number",
+                    rules: [(a) => t(y) != "single" || !!a || "Custom code is required"],
+                    placeholder: "(For multiple numbers, please enter in the new row.)"
+                  }, null, 8, ["modelValue", "rules"])) : k("", !0)
+                ]),
+                f("div", Ue, [
+                  Be,
+                  u(Z, {
+                    "label-placement": "right",
+                    label: "Set card number on bind",
+                    "model-value": t(s).setCardOnBind || !1,
+                    "onUpdate:modelValue": n[10] || (n[10] = (a) => t(s).setCardOnBind = a)
+                  }, null, 8, ["model-value"]),
+                  u(se, {
+                    label: "Activate bundle on bind",
+                    placeholder: "Select bundle",
+                    items: t(i).filter((a) => !a.stripePriceId).map((a) => ({ label: a.name, value: a._id })),
+                    modelValue: t(s).bundle,
+                    "onUpdate:modelValue": n[12] || (n[12] = (a) => t(s).bundle = a)
+                  }, {
+                    append: E(() => [
+                      t(s).bundle ? (_(), V(j, {
+                        key: 0,
+                        icon: "link_off",
+                        variant: "plain",
+                        onClick: n[11] || (n[11] = (a) => t(s).bundle = void 0)
+                      })) : k("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["items", "modelValue"]),
+                  (ee = (R = t(h).store) == null ? void 0 : R.stripe) != null && ee.apiKey ? (_(), V(se, {
+                    key: 0,
+                    label: "Linked subscription bundle",
+                    placeholder: "Select bundle",
+                    items: t(i).filter((a) => a.stripePriceId).map((a) => ({ label: a.name, value: a._id })),
+                    modelValue: t(s).subscriptionBundle,
+                    "onUpdate:modelValue": n[14] || (n[14] = (a) => t(s).subscriptionBundle = a)
+                  }, {
+                    append: E(() => [
+                      t(s).subscriptionBundle ? (_(), V(j, {
+                        key: 0,
+                        icon: "link_off",
+                        variant: "plain",
+                        onClick: n[13] || (n[13] = (a) => t(s).subscriptionBundle = void 0)
+                      })) : k("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["items", "modelValue"])) : k("", !0)
+                ]),
+                t(h).membership.design ? (_(), M("div", Ie, [
+                  f("div", Ne, [
+                    Oe,
+                    f("img", {
+                      src: (te = t(D)) == null ? void 0 : te.image,
+                      class: "aspect-[16/9]"
+                    }, null, 8, Pe),
+                    f("div", Le, [
+                      (_(!0), M(N, null, Y(t(h).membership.design, (a, H) => (_(), M("img", {
+                        src: a.image,
+                        key: `image_${H}`,
+                        class: he(["w-[112px] h-[63px] cursor-pointer", `${t(x) === H ? "border-[2px] border-fm-color-primary" : ""}`]),
+                        onClick: (lt) => x.value = H,
+                        alt: `ai_image_predict_${H}`,
+                        style: { objectFit: "cover" }
+                      }, null, 10, je))), 128))
+                    ])
+                  ])
+                ])) : k("", !0)
+              ];
+            }),
+            _: 1
+          }, 512)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+var q = { env: { npm_package_dependencies_change_case: "^5.4.4", TERM_PROGRAM: "iTerm.app", NODE: "/opt/homebrew/Cellar/node@18/18.20.4/bin/node", npm_package_dependencies_vue3_lottie: "^3.3.0", INIT_CWD: "/Users/binbinliao/project/marketing-services/packages/connect", npm_package_dependencies__feedmepos_mf_core_ui: "1.0.8", npm_package_dependencies_axios: "^1.7.2", npm_package_dependencies_moment: "^2.30.1", npm_package_devDependencies_typescript: "^5.4.5", TERM: "xterm-256color", SHELL: "/opt/homebrew/bin/fish", npm_package_devDependencies_vite: "^5.3.1", TMPDIR: "/var/folders/59/2m_9ylk979b57yvk040bv3f00000gn/T/", npm_package_scripts_build_mf: "vite build --mode fmmf", TERM_PROGRAM_VERSION: "3.5.3", npm_package_exports___style: "./dist/style.css", npm_package_scripts_dev: "vite", npm_package_devDependencies__vitejs_plugin_vue: "^5.0.5", npm_package_dependencies_uuid: "^10.0.0", TERM_SESSION_ID: "w0t1p1:0C3F2493-727D-4ABC-81BC-0431EA82AE4B", npm_config_registry: "https://registry.npmjs.org/", npm_package_dependencies_dayjs: "^1.11.11", npm_package_dependencies_xlsx: "^0.18.5", USER: "binbinliao", npm_package_scripts_build_dev: "vite build --mode development", npm_package_dependencies__feedmepos_mf_common: "1.8.8", npm_package_dependencies_email_addresses: "^5.0.0", npm_package_dependencies_fabric: "^6.4.2", COMMAND_MODE: "unix2003", npm_package_scripts_deploy: "pnpm run build-only && pnpm publish --no-git-checks .", npm_package_dependencies_rrule: "^2.8.1", PNPM_SCRIPT_SRC_DIR: "/Users/binbinliao/project/marketing-services/packages/connect", npm_package_exports___import: "./dist/app.js", npm_package_scripts_build_dts: "vue-tsc --declaration --noEmit false --emitDeclarationOnly -p tsconfig.json --outDir ./dist && mv ./dist/src/* dist", SSH_AUTH_SOCK: "/private/tmp/com.apple.launchd.6aiVOgxsRg/Listeners", npm_package_dependencies_lodash: "^4.17.21", __CF_USER_TEXT_ENCODING: "0x1F5:0x0:0x0", npm_package_devDependencies_postcss: "^8.4.38", TERM_FEATURES: "T3LrMSc7UUw9Ts3BFGsSyHNoSxF", npm_config__feedmepos_registry: "https://registry.npmjs.org/", npm_execpath: "/opt/homebrew/lib/node_modules/pnpm/bin/pnpm.cjs", npm_package_module: "./dist/app.js", npm_package_dependencies__feedmepos_core: "^2.10.4", npm_config_frozen_lockfile: "", npm_package_scripts_build_types: "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.json --outDir dist --composite false", TERMINFO_DIRS: "/Applications/iTerm.app/Contents/Resources/terminfo:/usr/share/terminfo", PATH: "/Users/binbinliao/project/marketing-services/packages/connect/node_modules/.bin:/opt/homebrew/lib/node_modules/pnpm/dist/node-gyp-bin:/Users/binbinliao/project/marketing-services/packages/connect/node_modules/.bin:/opt/homebrew/lib/node_modules/pnpm/dist/node-gyp-bin:/opt/homebrew/opt/node@18/bin:/opt/homebrew/lib/ruby/gems/3.3.0/bin:/Users/binbinliao/development/flutter/flutter/bin:/opt/homebrew/bin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin:/Library/Apple/usr/bin:/Applications/iTerm.app/Contents/Resources/utilities", LaunchInstanceID: "1A50A9F5-C8E4-43DF-A061-52C25B2FDDDD", npm_package_dependencies_vue: "^3.4.29", __CFBundleIdentifier: "com.googlecode.iterm2", PWD: "/Users/binbinliao/project/marketing-services/packages/connect", npm_package_devDependencies_tailwindcss: "^3.4.4", npm_command: "run-script", npm_package_scripts_preview: "vite preview", npm_package_devDependencies__types_lodash: "^4.17.5", npm_package_scripts_build_only: "pnpm build:mf && pnpm build:dts && pnpm build-types", npm_lifecycle_event: "build:mf", LANG: "en_US.UTF-8", npm_package_name: "@feedmepos/mf-connect", ITERM_PROFILE: "Default", NODE_PATH: "/Users/binbinliao/project/marketing-services/packages/connect/node_modules/.pnpm/vite@5.3.4_@types+node@18.19.41/node_modules/vite/bin/node_modules:/Users/binbinliao/project/marketing-services/packages/connect/node_modules/.pnpm/vite@5.3.4_@types+node@18.19.41/node_modules/vite/node_modules:/Users/binbinliao/project/marketing-services/packages/connect/node_modules/.pnpm/vite@5.3.4_@types+node@18.19.41/node_modules:/Users/binbinliao/project/marketing-services/packages/connect/node_modules/.pnpm/node_modules", npm_package_exports___types: "./dist/packages/connect/src/app.d.ts", npm_package_scripts_build: "vue-tsc && vite build", XPC_FLAGS: "0x0", npm_package_dependencies_bson_objectid: "^2.0.4", npm_package_scripts_build_prod: "vite build --mode production", npm_config_node_gyp: "/opt/homebrew/lib/node_modules/pnpm/dist/node_modules/node-gyp/bin/node-gyp.js", XPC_SERVICE_NAME: "0", npm_package_version: "0.0.3-beta.0", npm_package_dependencies_pinia: "^2.1.7", npm_package_devDependencies_autoprefixer: "^10.4.19", HOME: "/Users/binbinliao", SHLVL: "3", COLORFGBG: "15;0", npm_package_type: "module", LC_TERMINAL_VERSION: "3.5.3", npm_package_dependencies_dotenv: "^16.4.5", npm_package_dependencies__types_qrcode: "^1.5.5", ITERM_SESSION_ID: "w0t1p1:0C3F2493-727D-4ABC-81BC-0431EA82AE4B", npm_package_dependencies_firebase: "^10.12.2", LOGNAME: "binbinliao", npm_package_dependencies_unplugin_auto_import: "^0.17.6", npm_package_dependencies_zod: "3.22.4", npm_lifecycle_script: "vite build --mode fmmf", npm_package_devDependencies__types_uuid: "^9.0.8", npm_config_user_agent: "pnpm/9.6.0 npm/? node/v18.20.4 darwin arm64", npm_package_devDependencies__types_node: "^18.19.36", LC_TERMINAL: "iTerm2", npm_package_files_0: "dist", SECURITYSESSIONID: "186a3", npm_package_dependencies__feedmepos_ui_library: "1.2.40", npm_package_dependencies_vue_router: "^4.3.3", COLORTERM: "truecolor", npm_package_dependencies_qrcode: "^1.5.3", npm_package_devDependencies_vue_tsc: "^2.0.21", npm_node_execpath: "/opt/homebrew/Cellar/node@18/18.20.4/bin/node", 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", CLIENT_ID: "1a362d621873497b277ea55258cc82594ba148d235257f7bd44ea2acc132d8a4" } }, z = Math.floor(Math.random() * 16777215), ie = d.index = parseInt(Math.random() * 16777215, 10), re = (typeof q > "u" || typeof q.pid != "number" ? Math.floor(Math.random() * 1e5) : q.pid) % 65535, le = (() => {
+  try {
+    return _Buffer;
+  } catch {
+    try {
+      return Buffer;
+    } catch {
+      return null;
+    }
+  }
+})(), $ = function(e) {
+  return !!(e != null && e.constructor && typeof e.constructor.isBuffer == "function" && e.constructor.isBuffer(e));
+}, ue = [];
+for (var C = 0; C < 256; C++)
+  ue[C] = (C <= 15 ? "0" : "") + C.toString(16);
+var de = new RegExp("^[0-9a-fA-F]{24}$"), L = [];
+C = 0;
+for (; C < 10; ) L[48 + C] = C++;
+for (; C < 16; ) L[55 + C] = L[87 + C] = C++;
+function d(e) {
+  if (!(this instanceof d)) return new d(e);
+  if (e && (e instanceof d || e._bsontype === "ObjectID"))
+    return e;
+  if (this._bsontype = "ObjectID", e == null || typeof e == "number") {
+    this.id = this.generate(e);
+    return;
+  }
+  var r = d.isValid(e);
+  if (!r && e != null)
+    throw new Error(
+      "Argument passed in must be a single String of 12 bytes or a string of 24 hex characters"
+    );
+  if (r && typeof e == "string" && e.length === 24)
+    return d.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 Ge = d;
+d.default = d;
+d.createFromTime = function(e) {
+  return e = parseInt(e, 10) % 4294967295, new d(ze(8, e) + "0000000000000000");
+};
+d.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 r = "", w = 0; w < 24; )
+    r += String.fromCharCode(L[e.charCodeAt(w++)] << 4 | L[e.charCodeAt(w++)]);
+  return new d(r);
+};
+d.isValid = function(e) {
+  return e == null ? !1 : typeof e == "number" ? !0 : typeof e == "string" ? e.length === 12 || e.length === 24 && de.test(e) : e instanceof d ? !0 : $(e) ? d.isValid(e.toString("hex")) : typeof e.toHexString == "function" && le && (e.id instanceof le || typeof e.id == "string") ? e.id.length === 12 || e.id.length === 24 && de.test(e.id) : !1;
+};
+d.prototype = {
+  constructor: d,
+  /**
+   * 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 ($(this.id))
+      return this.id.toString("hex");
+    for (var e = "", r = 0; r < this.id.length; r++)
+      e += ue[this.id.charCodeAt(r)];
+    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 d ? this.toString() === e.toString() : typeof e == "string" && d.isValid(e) && e.length === 12 && $(this.id) ? e === this.id.toString("binary") : typeof e == "string" && d.isValid(e) && e.length === 24 ? e.toLowerCase() === this.toHexString() : typeof e == "string" && d.isValid(e) && e.length === 12 ? e === this.id : e != null && (e instanceof d || 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(), r;
+    return $(this.id) ? r = this.id[3] | this.id[2] << 8 | this.id[1] << 16 | this.id[0] << 24 : r = this.id.charCodeAt(3) | this.id.charCodeAt(2) << 8 | this.id.charCodeAt(1) << 16 | this.id.charCodeAt(0) << 24, e.setTime(Math.floor(r) * 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 r = qe();
+    return String.fromCharCode(
+      e >> 24 & 255,
+      e >> 16 & 255,
+      e >> 8 & 255,
+      e & 255,
+      z >> 16 & 255,
+      z >> 8 & 255,
+      z & 255,
+      re >> 8 & 255,
+      re & 255,
+      r >> 16 & 255,
+      r >> 8 & 255,
+      r & 255
+    );
+  }
+};
+function qe() {
+  return ie = (ie + 1) % 16777215;
+}
+function ze(e, r) {
+  return r = r.toString(16), r.length === e ? r : "00000000".substring(r.length, e) + r;
+}
+var Ke = Symbol && Symbol.for && Symbol.for("nodejs.util.inspect.custom") || "inspect";
+d.prototype[Ke] = function() {
+  return "ObjectID(" + this + ")";
+};
+d.prototype.toJSON = d.prototype.toHexString;
+d.prototype.toString = d.prototype.toHexString;
+const Ye = /* @__PURE__ */ xe(Ge), Xe = {
+  key: 0,
+  class: "grid grid-cols-1 gap-8"
+}, Je = { class: "flex items-center gap-8" }, Qe = { class: "flex items-center gap-8" }, We = 5, Ze = /* @__PURE__ */ X({
+  __name: "CardDesignSheet",
+  emits: ["success"],
+  setup(e, { expose: r, emit: w }) {
+    const { minor: U } = ce, h = Q(), B = Se(), S = b(!1);
+    b(), b(!1);
+    const F = b(), l = b(null);
+    O(() => {
+      var m, i;
+      return Math.min((((i = (m = F.value) == null ? void 0 : m.design) == null ? void 0 : i.length) ?? 0) + 1, We);
+    });
+    const T = w, s = O(() => {
+      var m, i;
+      return ((i = (m = h.membership) == null ? void 0 : m.design) == null ? void 0 : i.filter((g) => g.image)) || [];
+    }), A = b(!1);
+    function p(m) {
+      A.value = m;
+    }
+    function o() {
+      S.value = !0;
+    }
+    async function y() {
+      await U(
+        async () => {
+          var g;
+          const m = Fe(F.value), i = we.parse(m);
+          if (i.design = (i == null ? void 0 : i.design) || [], l.value) {
+            const c = Ye().toHexString(), n = await ae.update(
+              ae.designPath(c, l.value),
+              l.value
+            );
+            (g = i.design) == null || g.push({
+              _id: c,
+              image: n
+            });
+          }
+          await W.update(i), await D(), await T("success"), l.value = null, S.value = !1;
+        },
+        {
+          message: "Saving card design",
+          successMessage: "Card design saved"
+        }
+      );
+    }
+    async function x(m, i) {
+      m ? l.value = m : i && B.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 c, n;
+        const g = (c = F.value.design) == null ? void 0 : c.findIndex((I) => I._id == i);
+        console.log(g), g !== -1 && ((n = F.value.design) == null || n.splice(g, 1)), await y();
+      }).onSecondary(() => {
+        B.close();
+      });
+    }
+    async function D() {
+      await h.readMembership(), F.value = h.membership;
+    }
+    return r({
+      showSheet: p
+    }), J(async () => {
+      await D(), s.value.length || (S.value = !0);
+    }), (m, i) => {
+      const g = v("FmButton"), c = v("FmSideSheet");
+      return _(), V(c, {
+        "max-width": 560,
+        "dismiss-away": !0,
+        header: "Manage Design",
+        modelValue: t(A),
+        "onUpdate:modelValue": [
+          i[2] || (i[2] = (n) => K(A) ? A.value = n : null),
+          i[3] || (i[3] = (n) => A.value = n)
+        ]
+      }, ye({
+        default: E(() => [
+          t(S) ? k("", !0) : (_(), M("div", Xe, [
+            (_(!0), M(N, null, Y(t(s), (n) => (_(), V(oe, {
+              key: String(n._id),
+              "image-fit": "cover",
+              label: "",
+              "aspect-ratio": "16/9",
+              thumbnail: n.image,
+              accept: ".png, .jpg, .jpeg, .gif",
+              "recommended-size": "Recommended 16:9 ratio / 1280px x 720px",
+              file: void 0,
+              "delete-button": !1
+            }, {
+              "delete-button": E(() => [
+                u(g, {
+                  class: "!text-neutral-50 !bg-neutral-700",
+                  icon: "delete",
+                  variant: "tertiary",
+                  onClick: (I) => x(null, n._id)
+                }, null, 8, ["onClick"])
+              ]),
+              _: 2
+            }, 1032, ["thumbnail"]))), 128))
+          ])),
+          t(S) ? (_(), V(oe, {
+            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": x
+          })) : k("", !0)
+        ]),
+        _: 2
+      }, [
+        t(S) ? {
+          name: "side-sheet-footer",
+          fn: E(() => [
+            f("div", Qe, [
+              u(g, {
+                label: "Save",
+                onClick: y,
+                disabled: !t(l)
+              }, null, 8, ["disabled"]),
+              u(g, {
+                label: "Cancel",
+                type: "button",
+                variant: "tertiary",
+                onClick: i[1] || (i[1] = (n) => S.value = !1)
+              })
+            ])
+          ]),
+          key: "1"
+        } : {
+          name: "side-sheet-footer",
+          fn: E(() => [
+            f("div", Je, [
+              u(g, {
+                label: "Add Design",
+                onClick: o
+              }),
+              u(g, {
+                label: "Cancel",
+                type: "button",
+                variant: "tertiary",
+                onClick: i[0] || (i[0] = (n) => A.value = !1)
+              })
+            ])
+          ]),
+          key: "0"
+        }
+      ]), 1032, ["modelValue"]);
+    };
+  }
+}), et = { class: "flex items-center" }, tt = /* @__PURE__ */ f("span", { class: "fm-typo-en-title-sm-800" }, " Card ", -1), nt = { class: "px-24 flex flex-col gap-y-32 pb-24" }, at = { class: "flex items-center justify-end py-4 xs:hidden" }, st = {
+  key: 0,
+  class: "w-full flex flex-col gap-16 items-center pt-16"
+}, ot = /* @__PURE__ */ f("div", { class: "fm-typo-en-body-lg-600" }, "No data found", -1), it = /* @__PURE__ */ f("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " No data to show at the current moment. ", -1), rt = [
+  ot,
+  it
+], At = /* @__PURE__ */ X({
+  __name: "Card",
+  setup(e) {
+    const r = b(), w = b(), U = Ee(), h = Q(), B = O(
+      () => h.sortedStoreCategories.flatMap((p) => p.bundles)
+    ), S = [
+      {
+        header: "Card Number",
+        accessorFn: (p) => p.serialNumber
+      },
+      {
+        header: "Redeemed by",
+        accessorKey: "user",
+        enableSorting: !1,
+        cell(p) {
+          const o = p.row.original.pf_member;
+          return G(
+            "div",
+            {
+              class: "flex items-center gap-x-8"
+            },
+            [
+              G(Ce.FmAvatar, {
+                name: o != null && o.photoUrl || o == null ? void 0 : o.name,
+                src: (o == null ? void 0 : o.photoUrl) ?? void 0,
+                size: "sm"
+              }),
+              G("span", { class: "fm-typo-en-body-sm-400" }, o == null ? void 0 : o.name)
+            ]
+          );
+        }
+      },
+      {
+        header: "Phone",
+        accessorFn: (p) => {
+          var o;
+          return ((o = p.pf_member) == null ? void 0 : o.phoneNumber) || "-";
+        }
+      },
+      {
+        header: "Created at",
+        accessorKey: "_id",
+        accessorFn: (p) => ne(De(p._id.toString())).format("DD MMM YYYY hh:mmA")
+      },
+      {
+        header: "Bundle",
+        accessorFn: (p) => {
+          var o, y, x;
+          return ((y = (o = p.pf_transaction) == null ? void 0 : o.bundle) == null ? void 0 : y.name) || ((x = B.value.find((D) => D._id === p.bundle)) == null ? void 0 : x.name) || "-";
+        }
+      },
+      {
+        header: "Redeemed at",
+        accessorFn: (p) => p.redeemedAt ? ne(p.redeemedAt).format("DD MMM YYYY hh:mmA") : "-"
+      }
+    ], F = async (p) => {
+      T.value = [], l.value.isLoading = !0;
+      const o = await W.readCards({
+        limit: p.pageSize,
+        skip: p.pageIndex ?? 0,
+        sortBy: "_id",
+        search: l.value.searchValue,
+        descending: !0
+      });
+      T.value = o.resources, l.value.totalRows = o.meta.totalResources ?? 0, l.value.pageCount = o.meta.totalPages ?? 0, l.value.isLoading = !1;
+    }, l = b({
+      searchValue: "",
+      pageSize: 10,
+      pageCount: 0,
+      pageIndex: 0,
+      totalRows: 0,
+      isLoading: !1
+    }), T = b([]);
+    async function s() {
+      var p;
+      await F({ pageSize: 10, pageIndex: 0 }), (p = r.value) == null || p.showSheet(!1);
+    }
+    const A = O(() => U.isPremium ? [
+      {
+        label: "Create cards",
+        value: "create",
+        isPrimary: !0
+      },
+      {
+        label: "Manage Design",
+        value: "design",
+        isPrimary: !0
+      }
+    ] : []);
+    return J(async () => {
+      await U.readPremium(), await h.readMemberStore(), await h.readMembership();
+    }), pe(
+      () => l.value.searchValue,
+      Ae.debounce(async () => {
+        await s();
+      }, 500)
+    ), (p, o) => {
+      const y = v("FmChip"), x = v("FmPageHead"), D = v("FmSearch"), m = v("FmTable");
+      return _(), M(N, null, [
+        u(x, {
+          title: "Card",
+          actions: t(A),
+          "onClick:action": o[0] || (o[0] = (i) => {
+            var g, c;
+            console.log(i), i === "design" && ((g = t(w)) == null || g.showSheet(!0)), i === "create" && ((c = t(r)) == null || c.showSheet(!0));
+          })
+        }, {
+          title: E(() => [
+            f("div", et, [
+              tt,
+              t(U).isPremium ? k("", !0) : (_(), V(y, {
+                key: 0,
+                class: "ml-8",
+                label: "Premium"
+              }))
+            ])
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        f("div", nt, [
+          u(D, {
+            class: "hidden xs:flex border-b border-fm-color-neutral-gray-100",
+            modelValue: t(l).searchValue,
+            "onUpdate:modelValue": o[1] || (o[1] = (i) => t(l).searchValue = i),
+            placeholder: "Search Table",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          f("div", at, [
+            u(D, {
+              modelValue: t(l).searchValue,
+              "onUpdate:modelValue": o[2] || (o[2] = (i) => t(l).searchValue = i),
+              placeholder: "Search Table",
+              collapsible: ""
+            }, null, 8, ["modelValue"])
+          ]),
+          u(m, {
+            loading: t(l).isLoading,
+            "row-data": t(T),
+            "column-defs": S,
+            "row-count": t(l).totalRows,
+            "page-count": t(l).pageCount,
+            "hide-footer": t(l).totalRows < 10,
+            "fetch-fn": F,
+            "shrink-at": !1,
+            "page-size": t(l).pageSize
+          }, null, 8, ["loading", "row-data", "row-count", "page-count", "hide-footer", "page-size"]),
+          t(T).length == 0 && t(l).isLoading == !1 ? (_(), M("div", st, rt)) : k("", !0),
+          u($e, {
+            ref_key: "sheetRef",
+            ref: r,
+            onSuccess: s
+          }, null, 512),
+          u(Ze, {
+            ref_key: "designSheetRef",
+            ref: w,
+            onSuccess: s
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  At as default
+};