appmax-client-vue3 5.2.0 → 5.3.0

package/dist/ChargebackRate-DxLt0toi.js

@@ -0,0 +1,77 @@
+import { ad as defineComponent, c as useRouter, g as createElementBlock, h as openBlock, j as createBaseVNode, i as createVNode, w as withCtx, m as createTextVNode, t as toDisplayString, l as unref, y, O as formatPercentages, _ as _export_sfc } from "./main-CJqq8LV_.js";
+import { H } from "./AmHelper.vue_vue_type_script_setup_true_lang-4vSpYa8P-BtpOAA4k.js";
+const _hoisted_1 = { class: "chargeback-rate" };
+const _hoisted_2 = { class: "header" };
+const _hoisted_3 = { class: "d-flex justify-content-end" };
+const _hoisted_4 = { class: "w-50" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChargebackRate",
+  props: {
+    count_chargeback: {},
+    valor_chargeback_vencido: {},
+    valor_chargeback: {},
+    count_chargeback_vencido: {},
+    porcentagem_cbk: {},
+    porcentagem_recuperado: {},
+    user_id: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const router = useRouter();
+    const redirectToChargeback = () => {
+      router.push("/v2/client/integration/chargeback-analytics");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("div", _hoisted_2, [
+          createBaseVNode("div", _hoisted_3, [
+            createVNode(unref(y), {
+              class: "overflow-title",
+              variant: "subtitle",
+              isStrong: ""
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("chargebackCard.chargeback")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(H), {
+              text: _ctx.$t("chargebackCard.cardDescription"),
+              class: "bg-surface-600 text-surface-50",
+              size: "sm"
+            }, null, 8, ["text"])
+          ])
+        ]),
+        createBaseVNode("div", {
+          class: "mb-5 cursor-pointer body-card",
+          "data-test": "chargeback-rate-redirect-container",
+          onClick: redirectToChargeback
+        }, [
+          createVNode(unref(y), {
+            class: "mb-6",
+            "data-test": "chargeback-rate-label",
+            variant: "title",
+            isStrong: ""
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(formatPercentages)(props.porcentagem_cbk)), 1)
+            ]),
+            _: 1
+          }),
+          createBaseVNode("div", _hoisted_4, [
+            createVNode(unref(y), { variant: "caption" }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("chargebackCard.perArrivalDate")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const ChargebackRate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d214d417"]]);
+export {
+  ChargebackRate as default
+};

package/dist/ChatPlayground.page-Da2uFY-m.js

@@ -0,0 +1,508 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { bK as axios, o as onMounted, cX as readonly, r as ref, bH as shallowRef, ad as defineComponent, Q as onUnmounted, g as createElementBlock, h as openBlock, j as createBaseVNode, l as unref, a5 as withDirectives, cY as vModelText, k as createCommentVNode, cZ as vModelSelect, bV as createStaticVNode, t as toDisplayString } from "./main-CJqq8LV_.js";
+class ChatService {
+  constructor(deps, cfg) {
+    this.deps = deps;
+    this.cfg = cfg;
+  }
+  genId() {
+    return `msg-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
+  }
+  stamp(m, isMe) {
+    return {
+      id: m.id ?? this.genId(),
+      created_at: m.created_at ?? (/* @__PURE__ */ new Date()).toISOString(),
+      isMe,
+      ...m
+    };
+  }
+  async sendText(content, action = "none") {
+    const user = this.stamp({ type: "text", content, action, payload: {} }, true);
+    await this.deps.history.save(user);
+    const req = { type: "text", content, action, payload: {} };
+    const res = await this.deps.http.postJson(
+      this.cfg.mrEndpoint,
+      req
+    );
+    const bot = this.stamp({ ...res, isMe: false }, false);
+    await this.deps.history.save(bot);
+    return bot;
+  }
+  async sendAction(action, payload = {}) {
+    const req = { type: "action", action, payload };
+    const res = await this.deps.http.postJson(
+      this.cfg.mrEndpoint,
+      req
+    );
+    const bot = this.stamp({ ...res, isMe: false }, false);
+    await this.deps.history.save(bot);
+    return bot;
+  }
+  async sendImage(file) {
+    const fd = new FormData();
+    fd.append("file", file);
+    const up = await this.deps.uploaderHttp.postFormData(
+      this.cfg.uploadEndpoint,
+      fd
+    );
+    const user = this.stamp({ type: "image", action: "none", media_link: up.url }, true);
+    await this.deps.history.save(user);
+    const req = { type: "image", action: "none", media_link: up.url };
+    const res = await this.deps.http.postJson(
+      this.cfg.mrEndpoint,
+      req
+    );
+    const bot = this.stamp({ ...res, isMe: false }, false);
+    await this.deps.history.save(bot);
+    return { upload: up, response: bot };
+  }
+  async confirmPassword(action, password, confirmation_token) {
+    return this.sendAction(action, { password, confirmation_token });
+  }
+  historyList(limit = 50) {
+    return this.deps.history.list(limit);
+  }
+  clearHistory() {
+    return this.deps.history.clear();
+  }
+}
+function createMessageRouterApiService(opts) {
+  const instance = axios.create({
+    baseURL: void 0,
+    headers: {
+      Accept: "application/json",
+      "X-Requested-With": "XMLHttpRequest"
+    }
+  });
+  return instance;
+}
+function createBankingRouterApiService(opts) {
+  const instance = axios.create({
+    baseURL: "https://homolog-br.maxbank.ai",
+    headers: {
+      Accept: "application/json",
+      "X-Requested-With": "XMLHttpRequest"
+    }
+  });
+  return instance;
+}
+class MockFirebaseService {
+  constructor(userId, enableSync = true) {
+    __publicField(this, "STORAGE_KEY", "__chat_history__");
+    __publicField(this, "listeners", /* @__PURE__ */ new Set());
+    this.userId = userId;
+    this.enableSync = enableSync;
+    if (this.enableSync && typeof window !== "undefined") {
+      window.addEventListener("storage", (e) => {
+        if (e.key === this.STORAGE_KEY) {
+          this.notify();
+        }
+      });
+    }
+  }
+  async save(message) {
+    const all = this.readAll();
+    const list = all[this.userId] ?? [];
+    const stamped = {
+      created_at: message.created_at ?? (/* @__PURE__ */ new Date()).toISOString(),
+      id: message.id ?? `fb-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`,
+      ...message
+    };
+    all[this.userId] = [...list, stamped];
+    this.writeAll(all);
+    this.notify();
+  }
+  async list(limit = 100) {
+    const all = this.readAll();
+    const list = [...all[this.userId] ?? []];
+    list.sort((a, b) => {
+      const ta = new Date(a.created_at ?? 0).getTime();
+      const tb = new Date(b.created_at ?? 0).getTime();
+      return ta - tb;
+    });
+    return limit > 0 ? list.slice(-limit) : list;
+  }
+  async clear() {
+    const all = this.readAll();
+    if (all[this.userId]) {
+      delete all[this.userId];
+      this.writeAll(all);
+      this.notify();
+    }
+  }
+  onChange(cb) {
+    this.listeners.add(cb);
+    this.list().then(cb).catch(() => void 0);
+    return () => {
+      this.listeners.delete(cb);
+    };
+  }
+  // ===== helpers =====
+  readAll() {
+    try {
+      const raw = localStorage.getItem(this.STORAGE_KEY);
+      if (!raw) return {};
+      const parsed = JSON.parse(raw);
+      return typeof parsed === "object" && parsed ? parsed : {};
+    } catch {
+      return {};
+    }
+  }
+  writeAll(all) {
+    try {
+      localStorage.setItem(this.STORAGE_KEY, JSON.stringify(all));
+    } catch {
+    }
+  }
+  async notify() {
+    if (!this.listeners.size) return;
+    const snapshot = await this.list().catch(() => []);
+    this.listeners.forEach((fn) => {
+      try {
+        fn(snapshot);
+      } catch {
+      }
+    });
+  }
+}
+function makeChatService() {
+  const mrAxios = createMessageRouterApiService();
+  const uploaderAxios = createBankingRouterApiService();
+  const httpMR = {
+    async postJson(url, body, headers = {}) {
+      const res = await mrAxios.post(url, body, { headers });
+      return res.data;
+    },
+    async postFormData(_url) {
+      throw new Error("postFormData não suportado neste client");
+    }
+  };
+  const httpUpload = {
+    async postJson(_url) {
+      throw new Error("postJson não suportado neste client de upload");
+    },
+    async postFormData(url, formData, headers = {}) {
+      const res = await uploaderAxios.post(url, formData, { headers });
+      return res.data;
+    }
+  };
+  const history = new MockFirebaseService("user-123");
+  return new ChatService(
+    { http: httpMR, uploaderHttp: httpUpload, history },
+    {
+      mrEndpoint: "/v2/message/in/internal",
+      uploadEndpoint: "/api/v1/files/upload"
+    }
+  );
+}
+const chatService = makeChatService();
+const _messages = shallowRef([]);
+const _isLoading = ref(false);
+const _initialized = ref(false);
+const _currentToken = ref(void 0);
+async function loadHistory(limit = 50) {
+  const list = await chatService.historyList(limit);
+  _messages.value = list;
+}
+function bindHistoryRealtime() {
+  var _a, _b;
+  if (typeof ((_b = (_a = chatService["deps"]) == null ? void 0 : _a.history) == null ? void 0 : _b.onChange) === "function") {
+    const off = chatService.deps.history.onChange((rows) => {
+      _messages.value = rows;
+    });
+    return off;
+  }
+  return () => {
+  };
+}
+function useChat() {
+  async function init() {
+    if (_initialized.value) return;
+    await loadHistory();
+    const off = bindHistoryRealtime();
+    _initialized.value = true;
+    return off;
+  }
+  async function sendText(content, action = "none") {
+    var _a, _b;
+    _isLoading.value = true;
+    try {
+      const bot = await chatService.sendText(content, action);
+      if ((bot == null ? void 0 : bot.payload) && "confirmation_token" in bot.payload) {
+        _currentToken.value = String(bot.payload.confirmation_token);
+      }
+      if (typeof ((_b = (_a = chatService["deps"]) == null ? void 0 : _a.history) == null ? void 0 : _b.onChange) !== "function") {
+        const list = await chatService.historyList();
+        _messages.value = list;
+      }
+      return bot;
+    } finally {
+      _isLoading.value = false;
+    }
+  }
+  async function sendAction(action, payload = {}) {
+    var _a, _b;
+    _isLoading.value = true;
+    try {
+      const bot = await chatService.sendAction(action, payload);
+      if ((bot == null ? void 0 : bot.payload) && "confirmation_token" in bot.payload) {
+        _currentToken.value = String(bot.payload.confirmation_token);
+      }
+      if (typeof ((_b = (_a = chatService["deps"]) == null ? void 0 : _a.history) == null ? void 0 : _b.onChange) !== "function") {
+        const list = await chatService.historyList();
+        _messages.value = list;
+      }
+      return bot;
+    } finally {
+      _isLoading.value = false;
+    }
+  }
+  async function sendImage(file) {
+    var _a, _b;
+    _isLoading.value = true;
+    try {
+      const { upload, response } = await chatService.sendImage(file);
+      if ((response == null ? void 0 : response.payload) && "confirmation_token" in response.payload) {
+        _currentToken.value = String(response.payload.confirmation_token);
+      }
+      if (typeof ((_b = (_a = chatService["deps"]) == null ? void 0 : _a.history) == null ? void 0 : _b.onChange) !== "function") {
+        const list = await chatService.historyList();
+        _messages.value = list;
+      }
+      return { upload, response };
+    } finally {
+      _isLoading.value = false;
+    }
+  }
+  async function confirmPassword(action, password, token) {
+    const confirmation_token = token ?? _currentToken.value ?? "";
+    return sendAction(action, { password, confirmation_token });
+  }
+  async function clear() {
+    await chatService.clearHistory();
+    _messages.value = [];
+    _currentToken.value = void 0;
+    _initialized.value = false;
+  }
+  onMounted(() => {
+    init().catch(() => {
+    });
+  });
+  return {
+    // estado somente leitura
+    messages: readonly(_messages),
+    isLoading: readonly(_isLoading),
+    isInitialized: readonly(_initialized),
+    currentToken: readonly(_currentToken),
+    // ações
+    init,
+    sendText,
+    sendAction,
+    sendImage,
+    confirmPassword,
+    clear
+  };
+}
+const _hoisted_1 = { class: "p-4 space-y-4" };
+const _hoisted_2 = { class: "flex items-center gap-2" };
+const _hoisted_3 = ["disabled"];
+const _hoisted_4 = ["disabled"];
+const _hoisted_5 = { class: "space-y-2 border p-3 rounded" };
+const _hoisted_6 = { class: "flex items-center gap-2" };
+const _hoisted_7 = ["disabled"];
+const _hoisted_8 = { class: "space-y-2 border p-3 rounded" };
+const _hoisted_9 = ["disabled"];
+const _hoisted_10 = {
+  key: 0,
+  class: "mt-3 border-t pt-3"
+};
+const _hoisted_11 = {
+  class: "bg-gray-100 p-2 rounded text-xs overflow-auto",
+  style: { "max-height": "200px" }
+};
+const _hoisted_12 = { class: "space-y-2 border p-3 rounded" };
+const _hoisted_13 = ["disabled"];
+const _hoisted_14 = { class: "border p-3 rounded" };
+const _hoisted_15 = { class: "text-sm text-gray-600 mb-2" };
+const _hoisted_16 = {
+  class: "bg-gray-100 p-2 rounded text-xs overflow-auto",
+  style: { "max-height": "280px" }
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChatPlayground.page",
+  setup(__props) {
+    const {
+      messages,
+      isLoading,
+      isInitialized,
+      currentToken,
+      init,
+      sendText,
+      sendAction,
+      confirmPassword,
+      clear
+    } = useChat();
+    const text = ref("Qual é meu saldo?");
+    const action = ref("");
+    const rawAction = ref("account|balance|read");
+    const rawPayload = ref("{}");
+    const actionResponse = ref(null);
+    const pwd = ref("1234");
+    const pwdAction = ref(
+      "pix|confirmation|password"
+    );
+    const tokenOverride = ref("");
+    let off;
+    onMounted(async () => {
+      off = await init();
+    });
+    onUnmounted(() => {
+      off == null ? void 0 : off();
+    });
+    async function handleInit() {
+      off == null ? void 0 : off();
+      off = await init();
+    }
+    async function handleClear() {
+      await clear();
+    }
+    async function handleSendText() {
+      console.log("Sending text:", text.value, "with action:", action.value);
+      await sendText(text.value, action.value.trim() || "none");
+    }
+    async function handleSendAction() {
+      try {
+        const payload = rawPayload.value.trim() ? JSON.parse(rawPayload.value) : {};
+        console.log("Sending action:", rawAction.value, "with payload:", payload);
+        const result = await sendAction(rawAction.value.trim(), payload);
+        actionResponse.value = result;
+        console.log("Action response:", result);
+      } catch (e) {
+        alert("Payload inválido (JSON).");
+        actionResponse.value = null;
+      }
+    }
+    async function handleConfirm() {
+      const token = tokenOverride.value.trim() || void 0;
+      console.log(
+        "Confirming password for action:",
+        pwdAction.value,
+        "with password:",
+        pwd.value,
+        "token:",
+        token
+      );
+      await confirmPassword(pwdAction.value, pwd.value, token);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _cache[14] || (_cache[14] = createBaseVNode("h1", { class: "text-xl font-semibold" }, "Chat Playground", -1)),
+        createBaseVNode("div", _hoisted_2, [
+          createBaseVNode("button", {
+            class: "px-3 py-2 bg-blue-600 text-white rounded",
+            onClick: handleInit,
+            disabled: unref(isLoading)
+          }, " Init (carregar histórico) ", 8, _hoisted_3),
+          createBaseVNode("button", {
+            class: "px-3 py-2 bg-gray-700 text-white rounded",
+            onClick: handleClear,
+            disabled: unref(isLoading)
+          }, " Clear history ", 8, _hoisted_4)
+        ]),
+        createBaseVNode("div", _hoisted_5, [
+          _cache[7] || (_cache[7] = createBaseVNode("h2", { class: "font-medium" }, "Send Text", -1)),
+          withDirectives(createBaseVNode("input", {
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => text.value = $event),
+            class: "border px-2 py-1 rounded w-full",
+            placeholder: "Mensagem..."
+          }, null, 512), [
+            [vModelText, text.value]
+          ]),
+          createBaseVNode("div", _hoisted_6, [
+            withDirectives(createBaseVNode("input", {
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => action.value = $event),
+              class: "border px-2 py-1 rounded w-full",
+              placeholder: "action opcional (ex.: account|balance|read)"
+            }, null, 512), [
+              [vModelText, action.value]
+            ]),
+            createBaseVNode("button", {
+              class: "px-3 py-2 bg-green-600 text-white rounded",
+              onClick: handleSendText,
+              disabled: unref(isLoading)
+            }, " Enviar ", 8, _hoisted_7)
+          ])
+        ]),
+        createBaseVNode("div", _hoisted_8, [
+          _cache[10] || (_cache[10] = createBaseVNode("h2", { class: "font-medium" }, "Send Action", -1)),
+          withDirectives(createBaseVNode("select", {
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => rawAction.value = $event),
+            class: "border px-2 py-1 rounded w-full"
+          }, _cache[8] || (_cache[8] = [
+            createStaticVNode('<option value="account|balance|read">account|balance|read</option><option value="account|summary|read">account|summary|read</option><option value="account|pix_key|read">account|pix_key|read</option><option value="account|ddanotifications|read">account|ddanotifications|read</option><option value="profile|contacts|read">profile|contacts|read</option><option value="profile|limit|read">profile|limit|read</option><option value="profile|limit|biometric">profile|limit|biometric</option><option value="profile|limit|update">profile|limit|update</option><option value="profile|password|update">profile|password|update</option><option value="profile|password|biometric">profile|password|biometric</option><option value="password|update|biometric">password|update|biometric</option><option value="payment|pix|dict">payment|pix|dict</option><option value="payment|pix|create">payment|pix|create</option><option value="payment|pix|confirm">payment|pix|confirm</option><option value="payment|billet|create">payment|billet|create</option><option value="payment|bill|confirm">payment|bill|confirm</option><option value="payment|bill|password">payment|bill|password</option><option value="payment|billet_multiple|create">payment|billet_multiple|create</option><option value="payment|billet_multiple|confirm">payment|billet_multiple|confirm</option><option value="pix|confirmation|password">pix|confirmation|password</option><option value="pix|biometric|request">pix|biometric|request</option><option value="bill|confirmation|password">bill|confirmation|password</option><option value="bill|biometric|request">bill|biometric|request</option><option value="dda|change|enable">dda|change|enable</option><option value="dda|change|disable">dda|change|disable</option><option value="appmax|withdraw|confirm">appmax|withdraw|confirm</option>', 26)
+          ]), 512), [
+            [vModelSelect, rawAction.value]
+          ]),
+          withDirectives(createBaseVNode("textarea", {
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => rawPayload.value = $event),
+            class: "border px-2 py-1 rounded w-full",
+            rows: "4",
+            placeholder: 'payload JSON (ex.: {"digitable":"3419..."} )'
+          }, null, 512), [
+            [vModelText, rawPayload.value]
+          ]),
+          createBaseVNode("button", {
+            class: "px-3 py-2 bg-indigo-600 text-white rounded",
+            onClick: handleSendAction,
+            disabled: unref(isLoading)
+          }, " Executar Action ", 8, _hoisted_9),
+          actionResponse.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            _cache[9] || (_cache[9] = createBaseVNode("h3", { class: "font-medium mb-2" }, "Resposta:", -1)),
+            createBaseVNode("pre", _hoisted_11, toDisplayString(actionResponse.value), 1)
+          ])) : createCommentVNode("", true)
+        ]),
+        createBaseVNode("div", _hoisted_12, [
+          _cache[12] || (_cache[12] = createBaseVNode("h2", { class: "font-medium" }, "Confirm Password", -1)),
+          withDirectives(createBaseVNode("input", {
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => pwd.value = $event),
+            class: "border px-2 py-1 rounded w-full",
+            placeholder: "senha de 4 dígitos"
+          }, null, 512), [
+            [vModelText, pwd.value]
+          ]),
+          withDirectives(createBaseVNode("select", {
+            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => pwdAction.value = $event),
+            class: "border px-2 py-1 rounded w-full"
+          }, _cache[11] || (_cache[11] = [
+            createBaseVNode("option", { value: "pix|confirmation|password" }, "pix|confirmation|password", -1),
+            createBaseVNode("option", { value: "payment|bill|password" }, "payment|bill|password", -1)
+          ]), 512), [
+            [vModelSelect, pwdAction.value]
+          ]),
+          withDirectives(createBaseVNode("input", {
+            "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => tokenOverride.value = $event),
+            class: "border px-2 py-1 rounded w-full",
+            placeholder: "confirmation_token (opcional)"
+          }, null, 512), [
+            [vModelText, tokenOverride.value]
+          ]),
+          createBaseVNode("button", {
+            class: "px-3 py-2 bg-purple-600 text-white rounded",
+            onClick: handleConfirm,
+            disabled: unref(isLoading)
+          }, " Confirmar ", 8, _hoisted_13)
+        ]),
+        createBaseVNode("div", _hoisted_14, [
+          _cache[13] || (_cache[13] = createBaseVNode("h2", { class: "font-medium mb-2" }, "State", -1)),
+          createBaseVNode("div", _hoisted_15, " Loading: " + toDisplayString(unref(isLoading)) + " • Initialized: " + toDisplayString(unref(isInitialized)) + " • Token: " + toDisplayString(unref(currentToken) || "-"), 1),
+          createBaseVNode("pre", _hoisted_16, toDisplayString(unref(messages)), 1)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/ConfirmationModal-EylgN11q.js

@@ -0,0 +1,105 @@
+import { ad as defineComponent, d as useBreakpoint, u as useI18n, e as computed, q as createBlock, h as openBlock, l as unref, K as script, w as withCtx, j as createBaseVNode, i as createVNode, y, m as createTextVNode, t as toDisplayString, g as createElementBlock, F as Fragment, $, n as normalizeClass, _ as _export_sfc } from "./main-CJqq8LV_.js";
+const _hoisted_1 = { class: "flex flex-col w-full gap-4" };
+const __default__ = { name: "ConfirmationModal" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    visible: {
+      type: Boolean,
+      required: true
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    customerName: {
+      type: String,
+      required: true
+    }
+  },
+  emits: ["update:visible", "confirm"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isMobileSize = useBreakpoint("mobile");
+    const { t } = useI18n();
+    const isVisible = computed({
+      get: () => props.visible,
+      set: (value) => emit("update:visible", value)
+    });
+    const onHide = () => {
+      emit("update:visible", false);
+    };
+    const onConfirm = () => {
+      emit("confirm");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script), {
+        visible: isVisible.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isVisible.value = $event),
+        modal: "",
+        style: { width: "450px" },
+        header: unref(t)("subscription.list.modal.title"),
+        closable: false,
+        position: "center",
+        onHide
+      }, {
+        footer: withCtx(() => [
+          createBaseVNode("div", {
+            class: normalizeClass([
+              "flex gap-3 w-full",
+              unref(isMobileSize) ? "flex-col" : "flex-row justify-end"
+            ])
+          }, [
+            unref(isMobileSize) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createVNode(unref($), {
+                label: unref(t)("subscription.list.modal.confirmButton"),
+                loading: __props.loading,
+                class: "w-full",
+                onClick: onConfirm
+              }, null, 8, ["label", "loading"]),
+              createVNode(unref($), {
+                label: unref(t)("subscription.list.modal.backButton"),
+                text: "",
+                class: "w-full",
+                onClick: onHide
+              }, null, 8, ["label"])
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createVNode(unref($), {
+                label: unref(t)("subscription.list.modal.backButton"),
+                text: "",
+                onClick: onHide
+              }, null, 8, ["label"]),
+              createVNode(unref($), {
+                label: unref(t)("subscription.list.modal.confirmButton"),
+                loading: __props.loading,
+                onClick: onConfirm
+              }, null, 8, ["label", "loading"])
+            ], 64))
+          ], 2)
+        ]),
+        default: withCtx(() => [
+          createBaseVNode("div", _hoisted_1, [
+            createVNode(unref(y), { "is-strong": "" }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("subscription.list.modal.message", { customerName: __props.customerName })), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(y), null, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("subscription.list.modal.warning")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "header"]);
+    };
+  }
+});
+const ConfirmationModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bcbc9e2d"]]);
+export {
+  ConfirmationModal as C
+};