appmax-client-vue3 5.2.0 → 5.3.0

package/dist/CreatePaymentLink-DJPu_ENI.js

@@ -0,0 +1,856 @@
+import { aP as s, aV as fe, a9 as resolveComponent, q as createBlock, h as openBlock, r as ref, e as computed, z as watch, u as useI18n, o as onMounted, g as createElementBlock, k as createCommentVNode, l as unref, a$ as M, V as C, aW as G, _ as _export_sfc, al as common, b2 as maxLength, b3 as minLength, am as required, an as useVuelidate, i as createVNode, j as createBaseVNode, W as w, n as normalizeClass, b4 as B, I as script, c as useRouter, a5 as withDirectives, ax as vShow, H as withModifiers, aU as D, ag as toaster, E as ApiService, w as withCtx } from "./main-CJqq8LV_.js";
+import { a as api } from "./api-BxbRn45X.js";
+import { A } from "./ds-appmax-v322-CytdpjPz.js";
+import { A as AmCardV3 } from "./AmCardV3-CvAuzYKv.js";
+const g = {
+  name: "AmTextArea",
+  components: {
+    AmInput: fe
+  },
+  props: {
+    dataTestName: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (a) => ["sm", "md", "lg", "fullWidth"].includes(a)
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readOnly: {
+      type: Boolean,
+      default: false
+    },
+    feedbackType: {
+      type: String,
+      default: "",
+      validator: (a) => ["", "success", "warning", "error"].includes(a)
+    },
+    feedbackMessage: {
+      type: String,
+      default: ""
+    },
+    hintText: {
+      type: String,
+      default: ""
+    },
+    validations: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      focus: false
+    };
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: n }) {
+    const e = ref(a.modelValue), l = (t) => {
+      e.value = t.target.value, n("update:modelValue", e.value);
+    }, d = computed(() => ({
+      success: {
+        icon: "check_circle",
+        color: "success",
+        class: "am-v3-text-area__container--feedback-success"
+      },
+      warning: {
+        icon: "warning",
+        color: "warning",
+        class: "am-v3-text-area__container--feedback-warning"
+      },
+      error: {
+        icon: "error",
+        color: "error",
+        class: "am-v3-text-area__container--feedback-error"
+      }
+    })[a.feedbackType]), r = computed(() => a.feedbackType ? d.value.class : {});
+    return watch(
+      () => a.modelValue,
+      (t) => {
+        e.value = t;
+      }
+    ), {
+      value: e,
+      updateValue: l,
+      feedback: d,
+      feedbackClasses: r
+    };
+  }
+};
+function k(a, n, e, l, d, r) {
+  const t = resolveComponent("AmInput");
+  return openBlock(), createBlock(t, {
+    modelValue: l.value,
+    "onUpdate:modelValue": n[0] || (n[0] = (o) => l.value = o),
+    tagType: "textarea",
+    label: e.label,
+    placeholder: e.placeholder,
+    size: e.size,
+    disabled: e.disabled,
+    readOnly: e.readOnly,
+    feedbackType: e.feedbackType,
+    feedbackMessage: e.feedbackMessage,
+    validations: e.validations,
+    hintText: e.hintText,
+    dataTestName: e.dataTestName,
+    onInput: l.updateValue
+  }, null, 8, ["modelValue", "label", "placeholder", "size", "disabled", "readOnly", "feedbackType", "feedbackMessage", "validations", "hintText", "dataTestName", "onInput"]);
+}
+const _ = /* @__PURE__ */ s(g, [["render", k]]);
+async function getCompaniesData() {
+  try {
+    const { data } = await api.getCompanies();
+    if (!data || !Array.isArray(data.companies)) {
+      throw new Error("No companies data available");
+    }
+    const hasDefaultCompany = Boolean(data.defaultCompanyId);
+    const hasMultipleCompanies = data.companies.length > 1;
+    const shouldShowSelect = hasDefaultCompany === false && hasMultipleCompanies;
+    return {
+      companies: data.companies,
+      defaultCompanyId: data.defaultCompanyId,
+      shouldDisableSelect: hasMultipleCompanies === false,
+      shouldShowSelect
+    };
+  } catch (error) {
+    console.error("Error fetching companies:", error);
+    return {
+      companies: [],
+      defaultCompanyId: null,
+      shouldShowSelect: false,
+      shouldDisableSelect: false
+    };
+  }
+}
+const _sfc_main$4 = {
+  __name: "CompanyStep",
+  props: ["companyOptionSelected"],
+  emits: ["update:companyOptionSelected"],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const emit = __emit;
+    const companiesOptions = ref([]);
+    const companySelected = ref("");
+    const loading = ref(false);
+    const shouldShowSelect = ref(false);
+    const shouldDisableSelect = ref(false);
+    const showAlert = ref(false);
+    const alert = ref({
+      type: "",
+      title: "",
+      description: ""
+    });
+    watch(
+      () => companySelected,
+      () => {
+        emit("update:companyOptionSelected", companySelected.value);
+      },
+      { deep: true }
+    );
+    async function getCompanies() {
+      var _a;
+      try {
+        loading.value = true;
+        const result = await getCompaniesData();
+        companiesOptions.value = result.companies;
+        shouldShowSelect.value = result.shouldShowSelect;
+        shouldDisableSelect.value = result.shouldDisableSelect;
+        if (result.defaultCompanyId) {
+          companySelected.value = result.defaultCompanyId;
+        } else {
+          companySelected.value = ((_a = result.companies[result.companies.length - 1]) == null ? void 0 : _a.value) ?? "";
+        }
+      } catch (error) {
+        showAlert.value = true;
+        alert.value.type = "error";
+        alert.value.title = t("form.companyAlert");
+      } finally {
+        loading.value = false;
+      }
+    }
+    onMounted(() => {
+      getCompanies();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        showAlert.value ? (openBlock(), createBlock(unref(M), {
+          key: 0,
+          type: alert.value.type,
+          title: alert.value.title,
+          size: "md",
+          "data-test": "steps-company-alert"
+        }, null, 8, ["type", "title"])) : createCommentVNode("", true),
+        loading.value ? (openBlock(), createBlock(unref(C), {
+          key: 1,
+          "is-loading": loading.value,
+          "data-test": "steps-view-loading"
+        }, null, 8, ["is-loading"])) : createCommentVNode("", true),
+        shouldShowSelect.value && !loading.value ? (openBlock(), createBlock(unref(G), {
+          key: 2,
+          modelValue: companySelected.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => companySelected.value = $event),
+          class: "mb-6 min-w-full",
+          absolute: false,
+          "icon-controller": false,
+          label: unref(t)("form.companyOption"),
+          location: "bottom",
+          options: companiesOptions.value,
+          placeholder: "Placeholder",
+          "disable-null-selected": "",
+          "read-only": shouldDisableSelect.value
+        }, null, 8, ["modelValue", "label", "options", "read-only"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+const _hoisted_1$2 = { class: "product-step__content" };
+const _hoisted_2$2 = { class: "product-step__content--group" };
+const _hoisted_3$2 = { class: "product-step__content--group--name" };
+const _hoisted_4$2 = { class: "product-step__content--group--price" };
+const _sfc_main$3 = {
+  __name: "ProductStep",
+  props: ["productStepForm", "isValidForm", "loadingCreateLink", "validCompany"],
+  emits: [
+    "update",
+    "update:isValidForm",
+    "update:isDigital",
+    "update:clearInstallments"
+  ],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const { t } = useI18n();
+    const props = __props;
+    const handleDropdownAnimation = ref(false);
+    const editRules = computed(() => ({
+      name: {
+        required: common.withMessage(t("form.requiredFieldLabel"), required),
+        minLength: common.withMessage(t("form.minimumChar"), minLength(2)),
+        maxLength: common.withMessage(t("form.maximumChar"), maxLength(255))
+      },
+      price: {
+        requiredIf: common.withMessage(t("form.requiredFieldLabel"), (value) => value !== "R$ 0,00"),
+        minValue: common.withMessage(
+          t("form.minimumValuePaymentLink"),
+          (value) => parseFloat(value.replace("R$ ", "").replace(".", "").replace(",", ".")) >= 5
+        )
+      },
+      description: {
+        required: common.withMessage(t("form.requiredFieldLabel"), required),
+        minLength: common.withMessage(t("form.minimumCharTextArea"), minLength(25)),
+        maxLength: common.withMessage(t("form.maximumChar"), maxLength(1e3))
+      }
+    }));
+    const rules = editRules.value;
+    const v$ = useVuelidate(rules, props.productStepForm);
+    const isDigital = ref(false);
+    const infoproductInput = ref(null);
+    const moneyConfig = {
+      decimal: ",",
+      thousands: ".",
+      prefix: "R$ ",
+      precision: 2
+    };
+    function toggleDigitalProduct(visible) {
+      if (!visible) {
+        handleDropdownAnimation.value = false;
+        return;
+      }
+      handleDropdownAnimation.value = true;
+    }
+    watch(
+      () => props.productStepForm,
+      async () => {
+        emit("update:isValidForm", await validForm());
+      },
+      { deep: true }
+    );
+    watch(
+      () => props.productStepForm.price,
+      async () => {
+        emit("update:clearInstallments");
+      }
+    );
+    const validForm = async () => {
+      let validations = {};
+      validations = {
+        name: await v$.value.name.$validate(),
+        price: await v$.value.price.$validate(),
+        description: await v$.value.description.$validate()
+      };
+      return Object.values(validations).every((validation) => validation);
+    };
+    function updateModelValue() {
+      isDigital.value = !isDigital.value;
+      emit("update:isDigital", isDigital.value);
+      toggleDigitalProduct(isDigital.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["product-step", {
+          "info-enable": isDigital.value && !__props.loadingCreateLink
+        }])
+      }, [
+        createVNode(unref(w), {
+          text: unref(t)("form.productStep.title"),
+          typographyStyle: "l4",
+          class: "mb-4",
+          "data-test": "product-step-title"
+        }, null, 8, ["text"]),
+        createBaseVNode("div", _hoisted_1$2, [
+          createBaseVNode("div", _hoisted_2$2, [
+            createBaseVNode("div", _hoisted_3$2, [
+              createVNode(unref(fe), {
+                modelValue: __props.productStepForm.name,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.productStepForm.name = $event),
+                size: "fullWidth",
+                "data-test": "product-step-name-input",
+                label: unref(t)("form.productStep.inputs.name.label"),
+                placeholder: unref(t)("form.productStep.inputs.name.placeholder"),
+                validations: unref(rules).name,
+                feedbackType: "error",
+                rounded: "",
+                class: "mb-4"
+              }, null, 8, ["modelValue", "label", "placeholder", "validations"])
+            ]),
+            createBaseVNode("div", _hoisted_4$2, [
+              createVNode(unref(fe), {
+                modelValue: __props.productStepForm.price,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.productStepForm.price = $event),
+                size: "fullWidth",
+                "data-test": "product-step-price-input",
+                ref: "price",
+                validations: unref(rules).price,
+                feedbackType: "error",
+                label: unref(t)("form.productStep.inputs.value.label"),
+                placeholder: unref(t)("form.productStep.inputs.value.placeholder"),
+                rounded: "",
+                class: "mb-4",
+                moneyConfig,
+                readOnly: props.validCompany
+              }, null, 8, ["modelValue", "validations", "label", "placeholder", "readOnly"])
+            ])
+          ]),
+          createVNode(unref(_), {
+            modelValue: __props.productStepForm.description,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.productStepForm.description = $event),
+            "data-test": "product-step-description-input",
+            validations: unref(rules).description,
+            label: unref(t)("form.productStep.inputs.description.label"),
+            size: "fullWidth",
+            feedbackType: "error",
+            placeholder: unref(t)("form.productStep.inputs.description.placeholder"),
+            class: "mb-4",
+            hintText: unref(t)("form.productStep.inputs.description.hint")
+          }, null, 8, ["modelValue", "validations", "label", "placeholder", "hintText"]),
+          createVNode(unref(A), {
+            modelValue: isDigital.value,
+            label: unref(t)("form.productStep.digital.switchLabel"),
+            onInput: updateModelValue
+          }, null, 8, ["modelValue", "label"]),
+          createVNode(unref(w), {
+            text: unref(t)("form.productStep.digital.description"),
+            "data-test": "product-step-digital-description",
+            typographyStyle: "l7",
+            textColor: "text60",
+            class: "switch-text"
+          }, null, 8, ["text"]),
+          isDigital.value && !__props.loadingCreateLink ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "infoproductInput",
+            ref: infoproductInput,
+            class: normalizeClass(["infoproduct", { "infoproduct--visible": handleDropdownAnimation.value }])
+          }, [
+            createVNode(unref(fe), {
+              modelValue: __props.productStepForm.infoproduct_link_url,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.productStepForm.infoproduct_link_url = $event),
+              "data-test": "product-step-info-product-link-url-input",
+              size: "fullWidth",
+              label: unref(t)("form.productStep.digital.input.label"),
+              disabled: !isDigital.value,
+              placeholder: unref(t)("form.productStep.digital.input.placeholder"),
+              rounded: "",
+              class: "mt-4"
+            }, null, 8, ["modelValue", "label", "disabled", "placeholder"])
+          ], 2)) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+};
+const ProductStep = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-ef46060c"]]);
+const _hoisted_1$1 = { class: "payment-step" };
+const _hoisted_2$1 = { class: "payment-step__content" };
+const _hoisted_3$1 = { class: "creditcard" };
+const _hoisted_4$1 = {
+  key: 0,
+  class: "loading"
+};
+const _hoisted_5$1 = {
+  key: 1,
+  class: "switch-content"
+};
+const _hoisted_6 = { class: "switch-content" };
+const _sfc_main$2 = {
+  __name: "PaymentStep",
+  props: ["paymentStepForm", "validPrice", "loading"],
+  emits: [
+    "update:isValidPaymentForm",
+    "update:switchFeePass",
+    "update:isMultipleSales"
+  ],
+  setup(__props, { emit: __emit }) {
+    const { t } = useI18n();
+    const props = __props;
+    const emit = __emit;
+    const activeFeePass = ref(true);
+    const isMultipleSales = ref(false);
+    const validOptions = computed(() => {
+      let installmentsValid = props.paymentStepForm.installments !== null && props.paymentStepForm.installments !== void 0 && props.paymentStepForm.installments !== "";
+      if (props.paymentStepForm.creditcard && !installmentsValid) {
+        return false;
+      }
+      return props.paymentStepForm.creditcard && installmentsValid || props.paymentStepForm.boleto || props.paymentStepForm.pix;
+    });
+    const requiredCheckbox = common.withMessage(
+      t("form.requiredFieldLabel"),
+      () => validOptions.value
+    );
+    const rules = computed(() => ({
+      creditcard: {
+        required: requiredCheckbox
+      },
+      billet: {
+        required: requiredCheckbox
+      },
+      pix: {
+        required: requiredCheckbox
+      }
+    }));
+    const v$ = useVuelidate(rules.value, props.paymentStepForm);
+    const validForm = async () => {
+      let validations = {};
+      validations = {
+        creditcard: await v$.value.creditcard.$validate(),
+        billet: await v$.value.billet.$validate(),
+        pix: await v$.value.pix.$validate()
+      };
+      return Object.values(validations).every((validation) => validation);
+    };
+    watch(
+      () => props.paymentStepForm,
+      async () => {
+        emit("update:isValidPaymentForm", await validForm());
+      },
+      { deep: true }
+    );
+    watch(
+      () => activeFeePass,
+      async () => {
+        emit("update:switchFeePass", activeFeePass.value);
+      },
+      { deep: true }
+    );
+    function updateValueSwitchFeesPass() {
+      activeFeePass.value = !activeFeePass.value;
+    }
+    function updateValueAllowMultipleSales() {
+      isMultipleSales.value = !isMultipleSales.value;
+      emit("update:isMultipleSales", isMultipleSales.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(unref(w), {
+          text: unref(t)("form.paymentStep.title"),
+          typographyStyle: "l4",
+          class: "mb-4",
+          "data-test": "payment-step-title"
+        }, null, 8, ["text"]),
+        createBaseVNode("div", _hoisted_2$1, [
+          createVNode(unref(B), {
+            modelValue: __props.paymentStepForm.boleto,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.paymentStepForm.boleto = $event),
+            label: unref(t)("form.paymentStep.inputs.billet.checkbox"),
+            class: "payment-step__content__checkbox",
+            disabled: props.validPrice,
+            "data-test": "payment-step-billet"
+          }, null, 8, ["modelValue", "label", "disabled"]),
+          createVNode(unref(B), {
+            modelValue: __props.paymentStepForm.pix,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => __props.paymentStepForm.pix = $event),
+            label: unref(t)("form.paymentStep.inputs.pix.checkbox"),
+            class: "payment-step__content__checkbox",
+            disabled: props.validPrice,
+            "data-test": "payment-step-pix"
+          }, null, 8, ["modelValue", "label", "disabled"]),
+          createBaseVNode("div", _hoisted_3$1, [
+            createVNode(unref(B), {
+              modelValue: __props.paymentStepForm.creditcard,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => __props.paymentStepForm.creditcard = $event),
+              label: unref(t)("form.paymentStep.inputs.creditcard.checkbox"),
+              class: "payment-step__content__checkbox",
+              disabled: props.validPrice || props.loading,
+              "data-test": "payment-step-creditcard"
+            }, null, 8, ["modelValue", "label", "disabled"]),
+            !props.validPrice && props.loading ? (openBlock(), createElementBlock("div", _hoisted_4$1)) : createCommentVNode("", true)
+          ]),
+          __props.paymentStepForm.creditcard && !props.validPrice ? (openBlock(), createBlock(unref(G), {
+            key: 0,
+            class: "mb-4",
+            size: "fullWidth",
+            modelValue: __props.paymentStepForm.installments,
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => __props.paymentStepForm.installments = $event),
+            label: unref(t)("form.paymentStep.inputs.creditcard.label"),
+            placeholder: unref(t)("form.paymentStep.inputs.creditcard.placeholder"),
+            readOnly: !props.validPrice && props.loading,
+            options: __props.paymentStepForm.selectedInstallment,
+            disableNullSelected: "",
+            "data-test": "payment-step-installments"
+          }, null, 8, ["modelValue", "label", "placeholder", "readOnly", "options"])) : createCommentVNode("", true),
+          __props.paymentStepForm.hasFeePass && __props.paymentStepForm.creditcard && !props.validPrice ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+            createVNode(unref(A), {
+              modelValue: activeFeePass.value,
+              label: unref(t)("form.paymentStep.feePass.switchLabel"),
+              onInput: updateValueSwitchFeesPass
+            }, null, 8, ["modelValue", "label"]),
+            createVNode(unref(w), {
+              text: unref(t)("form.paymentStep.feePass.switchDescription"),
+              "data-test": "payment-step-feepass-description",
+              typographyStyle: "l7",
+              textColor: "text60",
+              class: "switch-text"
+            }, null, 8, ["text"])
+          ])) : createCommentVNode("", true),
+          activeFeePass.value && __props.paymentStepForm.creditcard && __props.paymentStepForm.hasFeePass && !props.validPrice && !props.loading ? (openBlock(), createBlock(unref(script), {
+            key: 2,
+            class: "mb-4",
+            modelValue: __props.paymentStepForm.feeTransferFromInstallment,
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => __props.paymentStepForm.feeTransferFromInstallment = $event),
+            options: __props.paymentStepForm.optionsFeeTransferFromInstallment,
+            size: "small",
+            fluid: "",
+            "option-value": "value",
+            "option-label": "title",
+            disabled: !props.validPrice && props.loading,
+            "data-test": "payment-step-installments-fees",
+            placeholder: unref(t)("form.paymentStep.inputs.creditcard.placeholder")
+          }, null, 8, ["modelValue", "options", "disabled", "placeholder"])) : createCommentVNode("", true),
+          _cache[5] || (_cache[5] = createBaseVNode("div", { class: "line" }, null, -1)),
+          createBaseVNode("div", _hoisted_6, [
+            createVNode(unref(A), {
+              "data-test": "payment-step-multiple-sales",
+              modelValue: isMultipleSales.value,
+              label: unref(t)("form.paymentStep.allowMultipleSales.title"),
+              onInput: updateValueAllowMultipleSales
+            }, null, 8, ["modelValue", "label"]),
+            createVNode(unref(w), {
+              text: unref(t)("form.paymentStep.allowMultipleSales.description"),
+              "data-test": "payment-step-multiple-sales-description",
+              typographyStyle: "l7",
+              textColor: "text60",
+              class: "switch-text"
+            }, null, 8, ["text"])
+          ])
+        ])
+      ]);
+    };
+  }
+};
+const PaymentStep = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-adcd5dae"]]);
+const _hoisted_1 = { class: "alert-container" };
+const _hoisted_2 = { class: "position-relative" };
+const _hoisted_3 = { class: "loading-wrapper" };
+const _hoisted_4 = { class: "button-wrapper" };
+const _hoisted_5 = { class: "button-wrapper__content" };
+const _sfc_main$1 = {
+  __name: "StepsForm",
+  setup(__props) {
+    const { t } = useI18n();
+    const router = useRouter();
+    const productStepForm = ref({
+      name: "",
+      price: "",
+      description: "",
+      infoproduct_link_url: ""
+    });
+    const paymentStepForm = ref({
+      creditcard: false,
+      boleto: false,
+      pix: false,
+      selectedInstallment: [],
+      installments: "",
+      feeTransferFromInstallment: "",
+      optionsFeeTransferFromInstallment: [],
+      hasFeePass: false,
+      allowMultipleSales: false
+    });
+    const alert = ref({
+      type: "",
+      title: "",
+      description: ""
+    });
+    const payments = ref({});
+    const showAlert = ref(false);
+    const isDigital = ref(false);
+    const isMultipleSales = ref(false);
+    const isValidForm = ref(false);
+    const isValidPaymentForm = ref(false);
+    const loading = ref(false);
+    const appData = ref(false);
+    const switchFeePass = ref(true);
+    const companyOptionSelected = ref([]);
+    const isButtonDisabled = computed(() => {
+      let isValidCompany = companyOptionSelected.value !== null && companyOptionSelected.value !== "";
+      return !(isValidPaymentForm.value && isValidForm.value && !loading.value && isValidCompany);
+    });
+    const isValidCompanydefault = computed(() => {
+      return companyOptionSelected.value == null || companyOptionSelected.value === "";
+    });
+    const getInstallments = computed(() => {
+      return paymentStepForm.value.creditcard ? paymentStepForm.value.installments : 1;
+    });
+    const getFeeTransferFromInstallment = computed(() => {
+      return !paymentStepForm.value.hasFeePass ? 0 : paymentStepForm.value.feeTransferFromInstallment;
+    });
+    function handleProhibitedWords() {
+      const data = {
+        ...productStepForm.value,
+        is_info: isDigital.value ? 1 : 0,
+        payments: payments.value,
+        installments: getInstallments.value,
+        fee_transfer_from_installment: getFeeTransferFromInstallment.value,
+        company_id: companyOptionSelected.value,
+        allow_multiple_sales: isMultipleSales.value ? 1 : 0
+      };
+      if (!isDigital.value) {
+        delete data.infoproduct_link_url;
+      }
+      if (!switchFeePass.value || !paymentStepForm.value.creditcard) {
+        delete data.fee_transfer_from_installment;
+      }
+      appData.value = true;
+      api.create(data).then(() => {
+        router.push({
+          name: "paymentsLinks.list"
+        });
+        toaster.success(t("form.linkCreatedSuccesfully"));
+      }).catch((error) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
+        appData.value = false;
+        if ((_c = (_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.infoproduct_link_url) == null ? void 0 : _c[0]) {
+          toaster.error((_f = (_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.infoproduct_link_url) == null ? void 0 : _f[0]);
+          return;
+        }
+        if ((_h = (_g = error == null ? void 0 : error.response) == null ? void 0 : _g.data) == null ? void 0 : _h.error) {
+          toaster.error((_j = (_i = error == null ? void 0 : error.response) == null ? void 0 : _i.data) == null ? void 0 : _j.error);
+          return;
+        }
+        if ((_l = (_k = error == null ? void 0 : error.response) == null ? void 0 : _k.data) == null ? void 0 : _l.price) {
+          toaster.error((_o = (_n = (_m = error == null ? void 0 : error.response) == null ? void 0 : _m.data) == null ? void 0 : _n.price) == null ? void 0 : _o[0]);
+          return;
+        }
+        if ((_q = (_p = error == null ? void 0 : error.response) == null ? void 0 : _p.data) == null ? void 0 : _q.fee_transfer_from_installment) {
+          if (paymentStepForm.value.feeTransferFromInstallment > paymentStepForm.value.installments) {
+            toaster.error("O Repasse não pode ser maior que o parcelamento!");
+            return;
+          }
+          toaster.error((_t = (_s = (_r = error == null ? void 0 : error.response) == null ? void 0 : _r.data) == null ? void 0 : _s.fee_transfer_from_installment) == null ? void 0 : _t[0]);
+          return;
+        }
+        toaster.error(t("form.errorGeneric"));
+      });
+    }
+    function debounce(func, wait) {
+      let timeout;
+      return function(...args) {
+        const context = this;
+        clearTimeout(timeout);
+        timeout = setTimeout(async () => {
+          await func.apply(context, args);
+          loading.value = false;
+        }, wait);
+      };
+    }
+    const getInstallmentsWithPrice = async (price) => {
+      try {
+        if (isValidCompanydefault.value) {
+          throw new Error("A valid company default is required.");
+        }
+        const url = `/api/payment-link/display-installments/${companyOptionSelected.value}/${price}`;
+        const { data } = await ApiService.get(url);
+        paymentStepForm.value.selectedInstallment = data.data;
+        paymentStepForm.value.installments = data.default_installment.value;
+        paymentStepForm.value.optionsFeeTransferFromInstallment = data.installments_fees;
+        paymentStepForm.value.feeTransferFromInstallment = data.default_installments_fees.value;
+        paymentStepForm.value.hasFeePass = data.has_fee_pass;
+        if (cleanPrice(productStepForm.value.price) >= 5) {
+          paymentStepForm.value.creditcard = true;
+        }
+      } catch {
+        clearData();
+      }
+    };
+    const debouncedGetInstallmentsWithPrice = debounce(
+      getInstallmentsWithPrice,
+      2e3
+    );
+    function cleanPrice(price) {
+      const cleanedPrice = price.replace(/[^\d,]/g, "");
+      return parseFloat(cleanedPrice.replace(",", "."));
+    }
+    function clearData() {
+      paymentStepForm.value.selectedInstallment = [];
+      paymentStepForm.value.installments = "";
+      paymentStepForm.value.creditcard = false;
+      paymentStepForm.value.feeTransferFromInstallment = "";
+      paymentStepForm.value.optionsFeeTransferFromInstallment = [];
+      paymentStepForm.value.hasFeePass = false;
+      paymentStepForm.value.allowMultipleSales = false;
+    }
+    const validPrice = computed(() => {
+      const cleanedPrice = cleanPrice(productStepForm.value.price);
+      return !isNaN(cleanedPrice) && cleanedPrice < 5;
+    });
+    watch(
+      () => productStepForm.value.price,
+      async (newPrice) => {
+        if (newPrice) {
+          loading.value = true;
+          const cleanedPrice = cleanPrice(newPrice);
+          if (cleanedPrice >= 5) {
+            paymentStepForm.value.boleto = true;
+            paymentStepForm.value.pix = true;
+            await debouncedGetInstallmentsWithPrice(cleanedPrice);
+          }
+          if (cleanedPrice < 5) {
+            paymentStepForm.value.boleto = false;
+            paymentStepForm.value.pix = false;
+            paymentStepForm.value.creditcard = false;
+            paymentStepForm.value.selectedInstallment = [];
+          }
+        }
+      },
+      { deep: true }
+    );
+    const clearInstallments = () => {
+      paymentStepForm.value.installments = "";
+      paymentStepForm.value.creditcard = false;
+    };
+    watch(
+      paymentStepForm,
+      (newValue, oldValue) => {
+        const methods = ["creditcard", "boleto", "pix"];
+        payments.value = methods.filter((method) => newValue[method]);
+      },
+      { deep: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createBaseVNode("div", _hoisted_1, [
+          showAlert.value ? (openBlock(), createBlock(unref(M), {
+            key: 0,
+            type: alert.value.type,
+            title: alert.value.title,
+            description: alert.value.description,
+            size: _ctx.md,
+            closable: true,
+            "data-test": "steps-form-alert"
+          }, null, 8, ["type", "title", "description", "size"])) : createCommentVNode("", true)
+        ]),
+        createBaseVNode("div", _hoisted_2, [
+          createBaseVNode("div", _hoisted_3, [
+            withDirectives(createVNode(unref(C), {
+              "is-loading": appData.value,
+              "data-test": "steps-form-loading"
+            }, null, 8, ["is-loading"]), [
+              [vShow, appData.value]
+            ]),
+            withDirectives(createVNode(unref(w), {
+              text: unref(t)("form.loadingPaymentLink"),
+              "typography-style": "l5",
+              "text-color": "textblue",
+              class: "mt-4 text-center",
+              "data-test": "steps-form-loading-text"
+            }, null, 8, ["text"]), [
+              [vShow, appData.value]
+            ])
+          ]),
+          createBaseVNode("form", {
+            class: normalizeClass(["steps-form", { invisible: appData.value }]),
+            onSubmit: withModifiers(handleProhibitedWords, ["prevent"])
+          }, [
+            createVNode(_sfc_main$4, {
+              "company-option-selected": companyOptionSelected.value,
+              "onUpdate:companyOptionSelected": _cache[0] || (_cache[0] = ($event) => companyOptionSelected.value = $event)
+            }, null, 8, ["company-option-selected"]),
+            createVNode(ProductStep, {
+              "loading-create-link": appData.value,
+              "product-step-form": productStepForm.value,
+              "is-valid-form": isValidForm.value,
+              "valid-company": isValidCompanydefault.value,
+              "onUpdate:productStepForm": _cache[1] || (_cache[1] = ($event) => productStepForm.value = $event),
+              "onUpdate:isDigital": _cache[2] || (_cache[2] = ($event) => isDigital.value = $event),
+              "onUpdate:isValidForm": _cache[3] || (_cache[3] = ($event) => isValidForm.value = $event),
+              "onUpdate:clearInstallments": clearInstallments
+            }, null, 8, ["loading-create-link", "product-step-form", "is-valid-form", "valid-company"]),
+            _cache[8] || (_cache[8] = createBaseVNode("div", { class: "line" }, null, -1)),
+            createVNode(PaymentStep, {
+              "payment-step-form": paymentStepForm.value,
+              "is-valid-payment-form": isValidPaymentForm.value,
+              "valid-price": validPrice.value,
+              loading: loading.value,
+              "onUpdate:paymentStepForm": _cache[4] || (_cache[4] = ($event) => paymentStepForm.value = $event),
+              "onUpdate:isValidPaymentForm": _cache[5] || (_cache[5] = ($event) => isValidPaymentForm.value = $event),
+              "onUpdate:switchFeePass": _cache[6] || (_cache[6] = ($event) => switchFeePass.value = $event),
+              "onUpdate:isMultipleSales": _cache[7] || (_cache[7] = ($event) => isMultipleSales.value = $event)
+            }, null, 8, ["payment-step-form", "is-valid-payment-form", "valid-price", "loading"]),
+            createBaseVNode("div", _hoisted_4, [
+              createBaseVNode("div", _hoisted_5, [
+                createVNode(unref(D), {
+                  variant: "maxPrimary",
+                  size: "fullWidth",
+                  disabled: isButtonDisabled.value,
+                  label: unref(t)("form.generateLink"),
+                  "data-test": "steps-form-button"
+                }, null, 8, ["disabled", "label"])
+              ])
+            ])
+          ], 34)
+        ])
+      ]);
+    };
+  }
+};
+const StepsForm = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-402a59ec"]]);
+const _sfc_main = {
+  __name: "CreatePaymentLink",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmCardV3, null, {
+        default: withCtx(() => [
+          createVNode(StepsForm)
+        ]),
+        _: 1
+      });
+    };
+  }
+};
+export {
+  _sfc_main as default
+};