appmax-client-vue3 5.2.0 → 5.3.0

package/dist/chat.page-rqBTjKL8.js

@@ -0,0 +1,424 @@
+import { ad as defineComponent, g as createElementBlock, h as openBlock, n as normalizeClass, i as createVNode, w as withCtx, m as createTextVNode, t as toDisplayString, l as unref, y, c as useRouter, r as ref, o as onMounted, Q as onUnmounted, b as useRoute, cu as InternetBankingChatService, L as nextTick, e as computed, q as createBlock, j as createBaseVNode, P, K as script, cr as useMaxAccounts, F as Fragment, p as renderList, at as isRef } from "./main-CJqq8LV_.js";
+import { u as usePendingMessage, _ as _sfc_main$3 } from "./usePendingMessage-CMe39stE.js";
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "MessageCard",
+  props: {
+    message: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["max-w-xs lg:max-w-md rounded-2xl py-4 px-6", {
+          "self-end": __props.message.isUser,
+          "self-start": !__props.message.isUser,
+          "bg-surface-300": !__props.message.isUser,
+          "bg-surface-800": __props.message.isUser,
+          "rounded-tl-none": !__props.message.isUser,
+          "rounded-br-none": __props.message.isUser
+        }])
+      }, [
+        createVNode(unref(y), {
+          class: normalizeClass(["font-medium", { "text-surface-50": __props.message.isUser }])
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.message.text), 1)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 2);
+    };
+  }
+});
+function useSingleInstance(instanceKey, channelName, redirectPath = "/v2/client") {
+  const router = useRouter();
+  const broadcastChannel = ref(null);
+  const instanceId = ref("");
+  const generateInstanceId = () => {
+    return `${instanceKey}_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
+  };
+  const redirectToPage = () => {
+    router.replace(redirectPath);
+  };
+  const manageSingleInstance = () => {
+    instanceId.value = generateInstanceId();
+    if (typeof BroadcastChannel !== "undefined") {
+      broadcastChannel.value = new BroadcastChannel(channelName);
+      if (broadcastChannel.value) {
+        broadcastChannel.value.onmessage = (event) => {
+          if (event.data.type === "NEW_INSTANCE" && event.data.instanceId !== instanceId.value) {
+            redirectToPage();
+          }
+        };
+        broadcastChannel.value.postMessage({
+          type: "NEW_INSTANCE",
+          instanceId: instanceId.value,
+          timestamp: Date.now()
+        });
+      }
+    } else {
+      const handleStorageChange = (e) => {
+        if (e.key === instanceKey && e.newValue && e.newValue !== instanceId.value) {
+          redirectToPage();
+        }
+      };
+      window.addEventListener("storage", handleStorageChange);
+      localStorage.setItem(instanceKey, instanceId.value);
+      return () => {
+        window.removeEventListener("storage", handleStorageChange);
+      };
+    }
+  };
+  const cleanup = () => {
+    if (broadcastChannel.value) {
+      broadcastChannel.value.close();
+      broadcastChannel.value = null;
+    }
+    if (localStorage.getItem(instanceKey) === instanceId.value) {
+      localStorage.removeItem(instanceKey);
+    }
+  };
+  onMounted(() => {
+    const localStorageCleanup = manageSingleInstance();
+    if (localStorageCleanup && typeof localStorageCleanup === "function") {
+      onUnmounted(() => {
+        cleanup();
+        localStorageCleanup();
+      });
+    } else {
+      onUnmounted(cleanup);
+    }
+  });
+  return {
+    instanceId: instanceId.value,
+    cleanup,
+    redirectToPage
+  };
+}
+const whiteListActions = [
+  "account|balance|read",
+  "account|summary|read",
+  "payment|pix|create",
+  "payment|billet_multiple|create",
+  "payment|billet_multiple|confirm",
+  "payment|pix|dict",
+  "profile|password|biometric"
+];
+const flowListActions = [
+  "payment|pix|create",
+  "payment|billet_multiple|create",
+  "payment|billet_multiple|confirm",
+  "payment|pix|dict",
+  "profile|password|biometric"
+];
+const useChatFilter = () => {
+  const isActionWhitelisted = (action) => {
+    return whiteListActions.includes(action);
+  };
+  const isActionInFlowList = (action) => {
+    return flowListActions.includes(action);
+  };
+  return {
+    isActionWhitelisted,
+    isActionInFlowList
+  };
+};
+const useInternetBankingChat = () => {
+  useRoute();
+  const { getPendingMessage, getPendingMessageWithResponse } = usePendingMessage();
+  const { isActionWhitelisted, isActionInFlowList } = useChatFilter();
+  const userMessage = ref("");
+  const isSendingMessage = ref(false);
+  const showFlowModal = ref(false);
+  const hasHistory = () => {
+    try {
+      const storageKey = "__chat_history__";
+      const stored = localStorage.getItem(storageKey);
+      if (!stored) return false;
+      const data = JSON.parse(stored);
+      if (typeof data === "object" && data !== null) {
+        const hasMessages = Object.values(data).some(
+          (messages2) => Array.isArray(messages2) && messages2.length > 0
+        );
+        return hasMessages;
+      }
+      return false;
+    } catch (error) {
+      console.error("Erro ao verificar histórico:", error);
+      return false;
+    }
+  };
+  const initializeMessages = () => {
+    const hasExistingHistory = hasHistory();
+    if (hasExistingHistory) {
+      console.log("Histórico encontrado, não adicionando mensagem inicial");
+      return [];
+    }
+    console.log("Nenhum histórico encontrado, adicionando mensagem inicial");
+    return [
+      {
+        id: 1,
+        text: "Olá! Como posso ajudá-lo hoje?",
+        isUser: false
+      }
+    ];
+  };
+  const messages = ref(initializeMessages());
+  const userData = ref({
+    name: "Usuário",
+    avatar: ""
+  });
+  const isLoadingPendingMessages = ref(false);
+  const sendMessage = async (account_type = "pf") => {
+    var _a;
+    if (!userMessage.value.trim() || isSendingMessage.value) return;
+    const messageText = userMessage.value.trim();
+    messages.value.push({
+      id: Date.now(),
+      text: messageText,
+      isUser: true
+    });
+    userMessage.value = "";
+    isSendingMessage.value = true;
+    try {
+      const response = await InternetBankingChatService.sendMessage(messageText, "text", account_type);
+      console.log("Resposta da API recebida:", response);
+      if (!((_a = response.response) == null ? void 0 : _a.content)) {
+        throw new Error("Resposta da API está vazia");
+      }
+      if (response.response.action && !isActionWhitelisted(response.response.action)) {
+        messages.value.push({
+          id: Date.now() + 1,
+          text: "Tipo de mensagem não é suportado pelo internet banking.",
+          isUser: false
+        });
+        return;
+      }
+      if (response.response.action && isActionInFlowList(response.response.action)) {
+        messages.value.push({
+          id: Date.now() + 1,
+          text: "Abre um modal do flow.",
+          isUser: false
+        });
+        showFlowModal.value = true;
+        return;
+      }
+      messages.value.push({
+        id: Date.now() + 1,
+        text: response.response.content,
+        isUser: false
+      });
+    } catch (error) {
+      console.error("Erro ao enviar mensagem:", error);
+      messages.value.push({
+        id: Date.now() + 1,
+        text: "Desculpe, ocorreu um erro ao processar sua mensagem. Tente novamente.",
+        isUser: false
+      });
+    } finally {
+      isSendingMessage.value = false;
+    }
+  };
+  const loadPendingMessages = () => {
+    if (isLoadingPendingMessages.value) {
+      console.log("loadPendingMessages já está em execução, ignorando chamada duplicada");
+      return false;
+    }
+    isLoadingPendingMessages.value = true;
+    console.log("loadPendingMessages chamado");
+    try {
+      const pendingWithResponse = getPendingMessageWithResponse();
+      console.log("Loading pending messages - pendingWithResponse:", pendingWithResponse);
+      if (pendingWithResponse) {
+        console.log("Adicionando mensagens ao chat:", pendingWithResponse);
+        const newMessages = [...messages.value];
+        const userMsg = {
+          id: Date.now(),
+          text: pendingWithResponse.message,
+          isUser: true
+        };
+        newMessages.push(userMsg);
+        console.log("Mensagem do usuário adicionada:", userMsg);
+        if (pendingWithResponse.response && pendingWithResponse.response.trim()) {
+          const botMsg = {
+            id: Date.now() + 1,
+            text: pendingWithResponse.response,
+            isUser: false
+          };
+          newMessages.push(botMsg);
+          console.log("Mensagem do bot adicionada:", botMsg);
+        }
+        messages.value = newMessages;
+        console.log("Mensagens após adicionar. Total:", messages.value.length);
+        return true;
+      }
+      const pendingMessage = getPendingMessage();
+      if (pendingMessage) {
+        console.log("Mensagem pendente simples encontrada:", pendingMessage);
+        userMessage.value = pendingMessage;
+        setTimeout(() => {
+          sendMessage();
+        }, 100);
+        return true;
+      }
+      console.log("Nenhuma mensagem pendente encontrada");
+      return false;
+    } finally {
+      setTimeout(() => {
+        isLoadingPendingMessages.value = false;
+      }, 500);
+    }
+  };
+  const initialize = async () => {
+    console.log("Chat page mounted - inicializando");
+    await nextTick();
+    await nextTick();
+    await nextTick();
+    setTimeout(() => {
+      console.log("Tentando carregar mensagens pendentes após delay");
+      const loaded = loadPendingMessages();
+      if (!loaded) {
+        console.log("Nenhuma mensagem pendente encontrada");
+      }
+    }, 300);
+  };
+  const watchRoute = () => {
+  };
+  const handleUserUploadFile = async (uploadData) => {
+    console.log("Arquivo enviado pelo usuário:", uploadData.file.name);
+    const uploadResult = await InternetBankingChatService.uploadFile(uploadData.file, "account_id_placeholder");
+    console.log("Upload Result:", uploadResult);
+    userMessage.value = uploadData.message.trim();
+    const messageContent = uploadData.message.trim() ? `${uploadData.message.trim()} [Arquivo: ${uploadData.file.name}]` : `[Arquivo enviado: ${uploadData.file.name}]`;
+    const messageResult = await InternetBankingChatService.sendMessage(messageContent, "file", uploadResult.data.file_url);
+    console.log("Message Result after file upload:", messageResult);
+  };
+  return {
+    // Estados
+    userMessage,
+    isSendingMessage,
+    messages,
+    userData,
+    showFlowModal,
+    // Métodos
+    sendMessage,
+    loadPendingMessages,
+    initialize,
+    watchRoute,
+    handleUserUploadFile
+  };
+};
+const _hoisted_1$1 = { class: "flex items-center gap-2" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "flowModal",
+  props: {
+    show: Boolean
+  },
+  emits: ["update:show"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = computed({
+      get: () => props.show,
+      set: (value) => emit("update:show", value)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script), {
+        visible: visible.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        modal: true,
+        style: { maxWidth: "500px", width: "90%" },
+        "pt:root": "!bg-graphite-700",
+        "pt:content": "!p-6 !bg-graphite-700 !flex !flex-col !gap-6 text-white",
+        "pt:header": "!hidden"
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", _hoisted_1$1, [
+            createVNode(unref(P), {
+              name: "info-circle",
+              size: "lg"
+            }),
+            createVNode(unref(y), {
+              variant: "h5",
+              weight: "bold"
+            }, {
+              default: withCtx(() => _cache[1] || (_cache[1] = [
+                createTextVNode("Fluxo de Atendimento")
+              ])),
+              _: 1
+            })
+          ]),
+          createVNode(unref(y), null, {
+            default: withCtx(() => _cache[2] || (_cache[2] = [
+              createTextVNode("Este é um modal de fluxo de atendimento acionado pelo chat.")
+            ])),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+const _hoisted_1 = { class: "flex flex-col h-full gap-6" };
+const _hoisted_2 = { class: "flex-1 overflow-y-auto" };
+const _hoisted_3 = { class: "flex flex-col gap-2 max-w-[800px] w-full mx-auto p-6" };
+const _hoisted_4 = { class: "max-w-[800px] w-full mx-auto" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "MaxChatPage"
+  },
+  __name: "chat.page",
+  setup(__props) {
+    const { selectedAccountForPassword, hasSelectedAccount } = useMaxAccounts();
+    useSingleInstance("max_chat_instance", "max_chat_channel", "/v2/client");
+    const {
+      userMessage,
+      isSendingMessage,
+      messages,
+      userData,
+      sendMessage,
+      initialize,
+      handleUserUploadFile,
+      showFlowModal
+    } = useInternetBankingChat();
+    onMounted(() => {
+      initialize();
+    });
+    const sendMessageHandler = async () => {
+      var _a, _b;
+      console.log("Enviando mensagem do tipo de conta:", (_a = selectedAccountForPassword.value) == null ? void 0 : _a.type, hasSelectedAccount.value);
+      sendMessage(((_b = selectedAccountForPassword.value) == null ? void 0 : _b.type) || "pf");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("div", _hoisted_2, [
+          createBaseVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(messages), (message) => {
+              return openBlock(), createBlock(unref(_sfc_main$2), {
+                key: message.id,
+                message
+              }, null, 8, ["message"]);
+            }), 128))
+          ])
+        ]),
+        createBaseVNode("div", _hoisted_4, [
+          createVNode(_sfc_main$3, {
+            "user-message": unref(userMessage),
+            "onUpdate:userMessage": _cache[0] || (_cache[0] = ($event) => isRef(userMessage) ? userMessage.value = $event : null),
+            "is-sending-message": unref(isSendingMessage),
+            "user-data": unref(userData),
+            onSendMessage: sendMessageHandler,
+            "onUpdate:userUploadFile": unref(handleUserUploadFile)
+          }, null, 8, ["user-message", "is-sending-message", "user-data", "onUpdate:userUploadFile"])
+        ]),
+        createVNode(_sfc_main$1, { show: unref(showFlowModal) }, null, 8, ["show"])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/credit_card-CGrPYCJP-BkQ1N-Ne.js

@@ -0,0 +1,15 @@
+import { g as createElementBlock, h as openBlock, bV as createStaticVNode } from "./main-CJqq8LV_.js";
+const i = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 32 32"
+};
+function c(l, t) {
+  return openBlock(), createElementBlock("svg", i, t[0] || (t[0] = [
+    createStaticVNode('<rect width="30" height="22" x="1" y="5" fill="#4D5569" rx="3"></rect><path fill="#FFD100" d="M19 11a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1z"></path><path fill="#FF9500" d="M21 10h1v6h-1z"></path><path stroke="#FF9500" d="M21 12h6m-6 2h6"></path><rect width="5" height="5" x="5" y="11" fill="#28D9EC" rx="1"></rect><rect width="5" height="5" x="7" y="9" fill="#9B6AFA" rx="1"></rect><rect width="6" height="2" x="5" y="19" fill="#D6D6D6" rx="1"></rect><rect width="8" height="1" x="5" y="22" fill="#858585" rx=".5"></rect><rect width="5" height="1" x="14" y="22" fill="#858585" rx=".5"></rect><rect width="6" height="1" x="20" y="22" fill="#858585" rx=".5"></rect><rect width="9" height="2" x="12" y="19" fill="#D6D6D6" rx="1"></rect>', 11)
+  ]));
+}
+const d = { render: c };
+export {
+  d as default,
+  c as render
+};

package/dist/csv-CYa6aPS5-DwXPZNzo.js

@@ -0,0 +1,18 @@
+import { g as createElementBlock, h as openBlock, j as createBaseVNode } from "./main-CJqq8LV_.js";
+const o = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16"
+};
+function r(n, e) {
+  return openBlock(), createElementBlock("svg", o, e[0] || (e[0] = [
+    createBaseVNode("path", {
+      fill: "currentColor",
+      d: "M9.6.8 0 2.4v11.2l9.6 1.6v-1.6h5.6a.8.8 0 0 0 .8-.8V3.2a.8.8 0 0 0-.8-.8H9.6zM8 2.69v10.62l-6.4-1.065v-8.49zM9.6 4h1.6v1.6H9.6zm3.2 0h1.6v1.6h-1.6zM2.54 5.037l1.508 2.958L2.4 10.963h1.39l.898-1.916q.09-.274.12-.411h.012c.033.19.073.326.107.394l.89 1.93H7.2L5.605 7.974l1.55-2.935H5.858l-.824 1.757a6 6 0 0 0-.16.518h-.02a4 4 0 0 0-.152-.504l-.74-1.772zM9.6 7.2h1.6v1.6H9.6zm3.2 0h1.6v1.6h-1.6zm-3.2 3.2h1.6V12H9.6zm3.2 0h1.6V12h-1.6z"
+    }, null, -1)
+  ]));
+}
+const c = { render: r };
+export {
+  c as default,
+  r as render
+};