appmax-client-vue3 5.0.2 → 5.0.4

package/dist/WithdrawRequestDetail-CNp0KDNX.js

@@ -0,0 +1,284 @@
+import { _ as _export_sfc, g as createElementBlock, h as openBlock, i as createVNode, l as unref, p as _, w as withCtx, m as createTextVNode, t as toDisplayString, y, v as createBlock, k as createCommentVNode, u as useI18n, r as ref, e as computed, o as onMounted, D as normalizeProps, E as mergeProps, j as createBaseVNode, N as guardReactiveProps, G as ApiService, x as formatMoney, O as formatPercentages } from "./main-BxSNdVUz.js";
+import { A as AmSkeleton } from "./AmSkeleton-yk6Pzn4C.js";
+import { S as StatusDescriptionModal } from "./StatusDescriptionModal-C1st_TVR.js";
+import { _ as _sfc_main$3 } from "./AmLayoutFeedbackState-Cv5RUrw6.js";
+import { A as AmLayoutInnerData } from "./AmLayoutInnerData-rTP3FKmu.js";
+import { A as AmOutlineCard } from "./AmOutlineCard-BOdCaVzb.js";
+import { A as AmCardV3 } from "./AmCardV3-Bay9-BBN.js";
+import { E as EMPTY_VALUE } from "./constants-DyV6VktQ.js";
+const _hoisted_1$2 = { class: "am-withdraw-request-detail-heading" };
+const _sfc_main$2 = {
+  __name: "WithdrawRequestDetailHeading",
+  props: {
+    iconName: { type: String, required: true },
+    text: { type: String, required: true }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("h3", _hoisted_1$2, [
+        createVNode(unref(_), {
+          icon: __props.iconName,
+          size: "md",
+          class: "text-appmaxPurple"
+        }, null, 8, ["icon"]),
+        createVNode(unref(y), {
+          "data-test": "request-detail-heading",
+          class: "text-appmaxPurple font-medium text-lg"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.text), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+const WithdrawRequestDetailHeading = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1a12db66"]]);
+const _hoisted_1$1 = { class: "withdraw-request-detail-option" };
+const _sfc_main$1 = {
+  __name: "WithdrawRequestDetailOption",
+  props: {
+    label: { type: String, required: true, default: void 0 },
+    value: { type: String, default: void 0 },
+    isLoading: { type: Boolean, default: false },
+    statusTag: { type: String, default: void 0 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(unref(y), {
+          class: "font-medium",
+          "data-test": "option-label"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.label), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(AmSkeleton, { "is-loading": __props.isLoading }, {
+          default: withCtx(() => [
+            __props.statusTag ? (openBlock(), createBlock(StatusDescriptionModal, {
+              key: 0,
+              "status-tag": __props.statusTag,
+              "data-test": "option-status"
+            }, null, 8, ["status-tag"])) : createCommentVNode("", true),
+            createVNode(unref(y), {
+              class: "text-text80",
+              "data-test": "option-value"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.value), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(y), {
+              class: "text-text80",
+              "data-test": "option-value"
+            })
+          ]),
+          _: 1
+        }, 8, ["is-loading"])
+      ]);
+    };
+  }
+};
+const WithdrawRequestDetailOption = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4dee13fd"]]);
+const _hoisted_1 = {
+  key: 1,
+  class: "withdraw-request-detail"
+};
+const _hoisted_2 = {
+  class: "withdraw-request-detail__section",
+  "data-test": "request-detail-solicitation-section"
+};
+const _hoisted_3 = { class: "withdraw-request-detail__options" };
+const _hoisted_4 = {
+  class: "withdraw-request-detail__section",
+  "data-test": "request-detail-banking-section"
+};
+const _hoisted_5 = { class: "withdraw-request-detail__options" };
+const _sfc_main = {
+  __name: "WithdrawRequestDetail",
+  setup(__props) {
+    const { t } = useI18n();
+    const isLoading = ref(true);
+    const error = ref(false);
+    const requestAt = ref(void 0);
+    const requestType = ref(void 0);
+    const requestStatus = ref(void 0);
+    const bankAccountType = ref("Pix");
+    const pixKey = ref(void 0);
+    const pixKeyType = ref(void 0);
+    const dataTable = ref([]);
+    const errorProps = {
+      iconName: t("withdrawRequestDetails.notFound.iconName"),
+      title: t("withdrawRequestDetails.notFound.title"),
+      text: t("withdrawRequestDetails.notFound.text")
+    };
+    const requestId = computed(
+      () => (
+        // @info: pegar id via params do router quando corrigir o router do vue
+        window.location.pathname.replace(/.*\/(\D*)/, "$1")
+      )
+    );
+    const requestHeading = computed(() => {
+      const heading = t("withdrawRequestDetails.requestHeading");
+      return { iconName: "description", text: `${heading} #${requestId.value}` };
+    });
+    const bankHeading = computed(() => ({
+      iconName: "account_balance",
+      text: t("withdrawRequestDetails.bankHeading")
+    }));
+    const setWithdrawDataTable = (request) => {
+      dataTable.value = [
+        {
+          title: request.title,
+          label: t("withdrawRequestDetails.withdraw.label"),
+          labelInfo: t("withdrawRequestDetails.withdraw.info"),
+          value: request.taxAmount ? formatMoney(request.taxAmount) : t("withdraw.notApplicable")
+        },
+        {
+          label: t("withdrawRequestDetails.withdraw.amountWithTax"),
+          value: formatMoney(request.amountWithTax, request.currency)
+        },
+        {
+          withEmphasis: true,
+          label: t("withdrawRequestDetails.total"),
+          value: formatMoney(request.amount, request.currency)
+        }
+      ];
+    };
+    const setAdvanceDataTable = (request) => {
+      dataTable.value = [
+        {
+          title: request.title,
+          label: t("withdrawRequestDetails.advance.label"),
+          labelInfo: t("withdrawRequestDetails.advance.info"),
+          value: formatPercentages(request.taxPercent),
+          collapsed: true,
+          children: [
+            {
+              label: t("withdrawRequestDetails.advance.amount"),
+              value: formatMoney(request.taxAmount, request.currency)
+            },
+            {
+              label: t("withdrawRequestDetails.advance.amountWithTax"),
+              value: formatMoney(request.amountWithTax, request.currency)
+            }
+          ]
+        },
+        {
+          withEmphasis: true,
+          label: t("withdrawRequestDetails.total"),
+          value: formatMoney(request.amount, request.currency)
+        }
+      ];
+    };
+    const getRequest = async () => {
+      isLoading.value = true;
+      error.value = false;
+      try {
+        const route = `/withdraw/v3/request?request_id=${requestId.value}`;
+        const { data } = await ApiService.get(route);
+        requestAt.value = data.request.date;
+        requestType.value = data.request.type.label;
+        requestStatus.value = data.request.status;
+        pixKey.value = data.bank_account.pix_key;
+        pixKeyType.value = data.bank_account.pix_key_type;
+        const WITHDRAW_ID = 1;
+        const isWithdrawRequest = data.request.type.id === WITHDRAW_ID;
+        const amountWithTax = data.request.amount + data.request.tax_amount;
+        const request = {
+          amount: data.request.amount,
+          amountWithTax,
+          currency: data.request.currency,
+          title: data.request.type.label,
+          taxAmount: data.request.tax_amount,
+          taxPercent: data.request.tax_percent
+        };
+        if (isWithdrawRequest) setWithdrawDataTable(request);
+        else setAdvanceDataTable(request);
+      } catch {
+        error.value = true;
+      } finally {
+        isLoading.value = false;
+      }
+    };
+    onMounted(() => {
+      getRequest();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmCardV3, null, {
+        default: withCtx(() => [
+          error.value ? (openBlock(), createBlock(_sfc_main$3, normalizeProps(mergeProps({ key: 0 }, errorProps)), null, 16)) : (openBlock(), createElementBlock("div", _hoisted_1, [
+            createBaseVNode("section", _hoisted_2, [
+              createVNode(WithdrawRequestDetailHeading, normalizeProps(guardReactiveProps(requestHeading.value)), null, 16),
+              createBaseVNode("div", _hoisted_3, [
+                createVNode(WithdrawRequestDetailOption, {
+                  isLoading: isLoading.value,
+                  label: unref(t)("withdraw.requestedAt"),
+                  value: requestAt.value || unref(EMPTY_VALUE),
+                  "data-test": "requestedAt"
+                }, null, 8, ["isLoading", "label", "value"]),
+                createVNode(WithdrawRequestDetailOption, {
+                  isLoading: isLoading.value,
+                  label: unref(t)("withdraw.type"),
+                  value: requestType.value || unref(EMPTY_VALUE),
+                  "data-test": "requestedType"
+                }, null, 8, ["isLoading", "label", "value"]),
+                createVNode(WithdrawRequestDetailOption, {
+                  isLoading: isLoading.value,
+                  label: unref(t)("withdraw.status"),
+                  statusTag: requestStatus.value || unref(EMPTY_VALUE),
+                  "data-test": "requestedStatus"
+                }, null, 8, ["isLoading", "label", "statusTag"])
+              ])
+            ]),
+            createBaseVNode("section", _hoisted_4, [
+              createVNode(WithdrawRequestDetailHeading, normalizeProps(guardReactiveProps(bankHeading.value)), null, 16),
+              createBaseVNode("div", _hoisted_5, [
+                createVNode(WithdrawRequestDetailOption, {
+                  isLoading: isLoading.value,
+                  label: unref(t)("withdraw.typeAccount"),
+                  value: bankAccountType.value || unref(EMPTY_VALUE),
+                  "data-test": "pixKey"
+                }, null, 8, ["isLoading", "label", "value"]),
+                createVNode(WithdrawRequestDetailOption, {
+                  isLoading: isLoading.value,
+                  label: unref(t)("withdraw.pixType"),
+                  value: pixKeyType.value || unref(EMPTY_VALUE),
+                  "data-test": "bankAccountPixType"
+                }, null, 8, ["isLoading", "label", "value"]),
+                createVNode(WithdrawRequestDetailOption, {
+                  isLoading: isLoading.value,
+                  label: unref(t)("withdraw.pixKey"),
+                  value: pixKey.value || unref(EMPTY_VALUE),
+                  "data-test": "bankAccountPixKey"
+                }, null, 8, ["isLoading", "label", "value"])
+              ])
+            ]),
+            createVNode(AmOutlineCard, {
+              as: "section",
+              class: "withdraw-request-detail__section",
+              "data-test": "request-detail-table-section"
+            }, {
+              default: withCtx(() => [
+                createVNode(AmLayoutInnerData, {
+                  isLoading: isLoading.value,
+                  dataTable: dataTable.value
+                }, null, 8, ["isLoading", "dataTable"])
+              ]),
+              _: 1
+            })
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+const WithdrawRequestDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2014ae4c"]]);
+export {
+  WithdrawRequestDetail as default
+};