appmax-client-vue3 5.0.5 → 5.0.6

package/dist/Form.page-PuqDs_X7.js

@@ -0,0 +1,624 @@
+import { b as useRoute, c as useRouter, e as computed, r as ref, z as reactive, az as toRefs, ap as t, aq as toaster, cV as GIFTMAX_ROUTE_NAMES, bP as camelToSnakeCase, ab as defineComponent, v as createBlock, h as openBlock, w as withCtx, l as unref, C as w, y, m as createTextVNode, t as toDisplayString, j as createBaseVNode, i as createVNode, $, K as script, o as onMounted, Q as onUnmounted, g as createElementBlock, F as Fragment, k as createCommentVNode, aw as C, J as script$2, aB as script$3, R } from "./main-ByGSHXk8.js";
+import { s as script$4 } from "./index-BmcmU6h2.js";
+import { s as script$1 } from "./index-Cz7X93CO.js";
+import { g as giftmaxService } from "./index-DctdjrrX.js";
+import { z } from "./index-Dq110QZ7.js";
+import { h as handleError } from "./handle-error.helper-B3tBQ-No.js";
+import { u as useGiftmaxSites, _ as _sfc_main$3 } from "./WhatsappPreview.vue_vue_type_script_setup_true_lang-_qUyhaRu.js";
+const VALIDATION_LIMITS = {
+  CASHBACK_PERCENTAGE: { MIN: 0, MAX: 100 },
+  MAX_CASHBACK_LIMIT: { MIN: 0, MAX: 100 },
+  MIN_PURCHASE_AMOUNT: { MIN: 0 },
+  EXPIRATION_DAYS: { MIN: 7 },
+  STORE_DISPLAY_NAME: { MAX_LENGTH: 255 },
+  STORE_ID: { MIN: 1 }
+};
+const createSchema = z.object({
+  cashbackPercentage: z.number({
+    required_error: "required",
+    invalid_type_error: "required"
+  }).min(VALIDATION_LIMITS.CASHBACK_PERCENTAGE.MIN).max(VALIDATION_LIMITS.CASHBACK_PERCENTAGE.MAX),
+  minPurchaseAmount: z.number().min(VALIDATION_LIMITS.MIN_PURCHASE_AMOUNT.MIN).optional().nullable(),
+  maxCashbackLimit: z.number({
+    required_error: "required",
+    invalid_type_error: "required"
+  }).min(VALIDATION_LIMITS.MAX_CASHBACK_LIMIT.MIN).max(VALIDATION_LIMITS.MAX_CASHBACK_LIMIT.MAX),
+  expirationDays: z.number({
+    required_error: "required",
+    invalid_type_error: "required"
+  }).min(VALIDATION_LIMITS.EXPIRATION_DAYS.MIN),
+  storeId: z.number({
+    required_error: "required",
+    invalid_type_error: "required"
+  }).min(VALIDATION_LIMITS.STORE_ID.MIN, { message: "required" }),
+  storeDisplayName: z.string().max(VALIDATION_LIMITS.STORE_DISPLAY_NAME.MAX_LENGTH, { message: "max255" }).optional().nullable()
+});
+const validateField = (fieldName, formFields2, formErrors2) => {
+  formErrors2[fieldName] = null;
+  const fieldSchema = createSchema.shape[fieldName];
+  if (!fieldSchema) return;
+  const result = fieldSchema.safeParse(formFields2[fieldName]);
+  if (!result.success && result.error.errors.length > 0) {
+    formErrors2[fieldName] = result.error.errors[0].message;
+  }
+};
+const validateForm = (formFields2, formErrors2) => {
+  Object.keys(formErrors2).forEach((key) => {
+    formErrors2[key] = null;
+  });
+  const validationResult = createSchema.safeParse(formFields2);
+  if (!validationResult.success) {
+    const formattedErrors = validationResult.error.format();
+    Object.keys(formErrors2).forEach((key) => {
+      const errorField = formattedErrors[key];
+      if (errorField && "_errors" in errorField && errorField._errors.length > 0) {
+        formErrors2[key] = errorField._errors[0];
+      }
+    });
+    return false;
+  }
+  return true;
+};
+const state = reactive({
+  type: null,
+  campaignId: null,
+  isLoading: true,
+  isSubmiting: false,
+  hasError: false
+});
+const blacklistState = ref([]);
+const formFields = reactive({
+  cashbackPercentage: null,
+  minPurchaseAmount: null,
+  maxCashbackLimit: null,
+  expirationDays: null,
+  storeId: null,
+  storeDisplayName: null
+});
+const formErrors = reactive({
+  cashbackPercentage: null,
+  minPurchaseAmount: null,
+  maxCashbackLimit: null,
+  expirationDays: null,
+  storeId: null,
+  storeDisplayName: null
+});
+const giftmaxConfirmModalState = reactive({
+  visible: false,
+  isLoading: false,
+  header: "",
+  message: "",
+  acceptLabel: "",
+  rejectLabel: "",
+  onAccept: () => {
+  }
+});
+const useGiftmaxForm = () => {
+  const route = useRoute();
+  const router = useRouter();
+  const { sites, isLoadingSites, loadSites, onScrollEndSites, resetSites } = useGiftmaxSites();
+  const showConfirmDialog = (config) => {
+    Object.assign(giftmaxConfirmModalState, config, { visible: true });
+  };
+  const hideConfirmDialog = () => {
+    giftmaxConfirmModalState.visible = false;
+  };
+  const setFormType = () => {
+    const { name: routeName, params } = route;
+    state.type = routeName === GIFTMAX_ROUTE_NAMES.EDIT ? "edit" : "create";
+    state.campaignId = (params == null ? void 0 : params.id) ? params.id : null;
+  };
+  const loadCampaignData = async () => {
+    if (state.type !== "edit" || !state.campaignId) return;
+    const campaign = await giftmaxService.getGiftmaxCampaign(state.campaignId);
+    setEditData(campaign);
+  };
+  const loadFormDataFromState = () => {
+    const historyState = window.history.state;
+    if (historyState == null ? void 0 : historyState.formData) {
+      Object.assign(formFields, historyState.formData);
+    }
+  };
+  const initialize = async () => {
+    try {
+      state.isLoading = true;
+      setFormType();
+      await loadCampaignData();
+      await loadSites();
+      loadFormDataFromState();
+    } catch (error) {
+      const errorCode = handleError(error);
+      if (errorCode) {
+        toaster.error(t(`giftmax.feedback.toast.error.${errorCode}`));
+      }
+      router.push({ name: GIFTMAX_ROUTE_NAMES.HOME });
+    } finally {
+      state.isLoading = false;
+    }
+  };
+  const addStoreToBlacklist = (storeId) => {
+    if (!blacklistState.value.includes(storeId)) blacklistState.value.push(storeId);
+  };
+  const saveDraftCampaign = async () => {
+    const payload = camelToSnakeCase(formFields);
+    if (state.type === "create") return await giftmaxService.createDraftGiftmaxCampaign(payload);
+    if (state.type === "edit" && state.campaignId)
+      return await giftmaxService.updateDraftGiftmaxCampaign(state.campaignId, payload);
+  };
+  const activateCampaign = async () => {
+    const payload = camelToSnakeCase(formFields);
+    if (state.type === "create") return await giftmaxService.createActiveGiftmaxCampaign(payload);
+    if (state.type === "edit" && state.campaignId)
+      return await giftmaxService.updateAndActiveGiftmaxCampaign(state.campaignId, payload);
+  };
+  const onSaveDraft = async () => {
+    var _a;
+    try {
+      giftmaxConfirmModalState.isLoading = true;
+      state.isSubmiting = true;
+      const isValid = validateForm$1();
+      if (!isValid) return false;
+      await saveDraftCampaign();
+      toaster.success(t("giftmax.feedback.toast.success.draft"));
+      router.push({ name: GIFTMAX_ROUTE_NAMES.HOME });
+      return true;
+    } catch (error) {
+      if (((_a = error.response) == null ? void 0 : _a.status) === 422) {
+        const errors = error.response.data;
+        if (errors.max_cashback_limit && Array.isArray(errors.max_cashback_limit)) {
+          toaster.error(errors.max_cashback_limit[0]);
+          return false;
+        }
+      }
+      toaster.error(t("giftmax.feedback.toast.error.draft"));
+      return false;
+    } finally {
+      giftmaxConfirmModalState.isLoading = false;
+      state.isSubmiting = false;
+      hideConfirmDialog();
+    }
+  };
+  const onActivate = async () => {
+    var _a;
+    try {
+      giftmaxConfirmModalState.isLoading = true;
+      state.isSubmiting = true;
+      const isValid = validateForm$1();
+      if (!isValid) return;
+      await activateCampaign();
+      toaster.success(t("giftmax.feedback.toast.success.activate"));
+      router.push({ name: GIFTMAX_ROUTE_NAMES.HOME });
+    } catch (error) {
+      if (((_a = error.response) == null ? void 0 : _a.status) === 422) {
+        const errors = error.response.data;
+        if (errors.max_cashback_limit && Array.isArray(errors.max_cashback_limit)) {
+          toaster.error(errors.max_cashback_limit[0]);
+          return;
+        }
+      }
+      const errorCode = handleError(error);
+      if (errorCode === "siteAlreadyHasActiveCampaign" && formFields.storeId) {
+        addStoreToBlacklist(formFields.storeId);
+      }
+      const errorMessage = errorCode ? `giftmax.feedback.toast.error.${errorCode}` : "giftmax.feedback.toast.error.activate";
+      toaster.error(t(errorMessage));
+    } finally {
+      giftmaxConfirmModalState.isLoading = false;
+      state.isSubmiting = false;
+      hideConfirmDialog();
+    }
+  };
+  const handleSaveDraft = () => {
+    const isValid = validateForm$1();
+    if (!isValid) return;
+    showConfirmDialog({
+      header: t("giftmax.confirm.saveDraft.header"),
+      message: t("giftmax.confirm.saveDraft.message"),
+      acceptLabel: t("giftmax.confirm.saveDraft.accept"),
+      rejectLabel: t("giftmax.confirm.saveDraft.reject"),
+      isLoading: false,
+      onAccept: onSaveDraft
+    });
+  };
+  const handleActivate = () => {
+    const isValid = validateForm$1();
+    if (!isValid) return;
+    showConfirmDialog({
+      header: t("giftmax.confirm.activate.header"),
+      message: t("giftmax.confirm.activate.message"),
+      acceptLabel: t("giftmax.confirm.activate.accept"),
+      rejectLabel: t("giftmax.confirm.activate.reject"),
+      isLoading: false,
+      onAccept: onActivate
+    });
+  };
+  const setEditData = (campaign) => {
+    formFields.cashbackPercentage = campaign.cashbackPercentage;
+    formFields.minPurchaseAmount = campaign.minPurchaseAmount;
+    formFields.maxCashbackLimit = campaign.maxCashbackLimit;
+    formFields.expirationDays = campaign.expirationDays;
+    formFields.storeId = campaign.storeId;
+    formFields.storeDisplayName = campaign.storeDisplayName;
+  };
+  const resetErrors = () => {
+    Object.keys(formErrors).forEach((key) => {
+      formErrors[key] = null;
+    });
+  };
+  const resetForm = () => {
+    Object.keys(formFields).forEach((key) => {
+      formFields[key] = null;
+    });
+    blacklistState.value = [];
+  };
+  const resetState = () => {
+    resetForm();
+    resetErrors();
+    resetSites();
+  };
+  const validateField$1 = (fieldName) => {
+    validateField(fieldName, formFields, formErrors);
+  };
+  const validateForm$1 = () => {
+    return validateForm(formFields, formErrors);
+  };
+  const isStoreInBlacklist = computed(() => {
+    return formFields.storeId !== null && blacklistState.value.includes(formFields.storeId);
+  });
+  const showBlacklistNotification = computed(() => {
+    return isStoreInBlacklist.value;
+  });
+  const disableActivateButton = computed(() => {
+    return state.isLoading || state.isSubmiting || isStoreInBlacklist.value;
+  });
+  return {
+    ...toRefs(state),
+    sites,
+    isLoadingSites,
+    initialize,
+    resetState,
+    disabledForm: computed(() => state.isLoading || state.isSubmiting),
+    disableActivateButton,
+    showBlacklistNotification,
+    handleActivate,
+    handleSaveDraft,
+    confirmDialog: giftmaxConfirmModalState,
+    formFields,
+    formErrors,
+    onScrollEndSites,
+    validateField: validateField$1
+  };
+};
+const _hoisted_1$2 = { class: "flex justify-end gap-3" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{ name: "GiftmaxFormConfirmDialog" },
+  __name: "GiftmaxFormConfirmDialog",
+  setup(__props) {
+    const { confirmDialog } = useGiftmaxForm();
+    const handleReject = () => {
+      confirmDialog.visible = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script), {
+        visible: unref(confirmDialog).visible,
+        header: unref(confirmDialog).header,
+        modal: true,
+        closable: false,
+        style: { maxWidth: "90%", width: "600px" }
+      }, {
+        footer: withCtx(() => [
+          createBaseVNode("div", _hoisted_1$2, [
+            createVNode(unref($), {
+              label: unref(confirmDialog).rejectLabel,
+              text: "",
+              onClick: handleReject,
+              disabled: unref(confirmDialog).isLoading
+            }, null, 8, ["label", "disabled"]),
+            createVNode(unref($), {
+              label: unref(confirmDialog).acceptLabel,
+              onClick: unref(confirmDialog).onAccept,
+              disabled: unref(confirmDialog).isLoading,
+              loading: unref(confirmDialog).isLoading
+            }, null, 8, ["label", "onClick", "disabled", "loading"])
+          ])
+        ]),
+        default: withCtx(() => [
+          unref(confirmDialog).isLoading ? (openBlock(), createBlock(unref(w), {
+            key: 0,
+            class: "m-auto"
+          })) : (openBlock(), createBlock(unref(y), {
+            key: 1,
+            variant: "body"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(confirmDialog).message), 1)
+            ]),
+            _: 1
+          }))
+        ]),
+        _: 1
+      }, 8, ["visible", "header"]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "flex flex-1 flex-col gap-4 w-full" };
+const _hoisted_2 = { class: "flex flex-col xl:!flex-row-reverse gap-4 mt-auto" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "GiftmaxForm" },
+  __name: "GiftmaxForm",
+  setup(__props) {
+    const {
+      formFields: formFields2,
+      formErrors: formErrors2,
+      initialize,
+      disabledForm,
+      disableActivateButton,
+      showBlacklistNotification,
+      handleActivate,
+      sites,
+      handleSaveDraft,
+      resetState,
+      onScrollEndSites,
+      isLoadingSites,
+      validateField: validateField2
+    } = useGiftmaxForm();
+    const getFeedbackErrorMessage = (field) => {
+      if (!field || !formErrors2[field]) return "";
+      const errorField = formErrors2[field];
+      return t(`giftmax.feedback.form.${errorField}`);
+    };
+    onMounted(async () => {
+      await initialize();
+    });
+    onUnmounted(() => {
+      resetState();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createBaseVNode("form", _hoisted_1$1, [
+          createVNode(unref(C), {
+            "data-test-prefix": "giftmax-form",
+            label: unref(t)("giftmax.form.fields.cashbackPercentage.label"),
+            error: getFeedbackErrorMessage("cashbackPercentage")
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(script$1), {
+                fluid: "",
+                modelValue: unref(formFields2).cashbackPercentage,
+                "onUpdate:modelValue": [
+                  _cache[0] || (_cache[0] = ($event) => unref(formFields2).cashbackPercentage = $event),
+                  _cache[1] || (_cache[1] = ($event) => unref(validateField2)("cashbackPercentage"))
+                ],
+                min: 0,
+                max: 100,
+                minFractionDigits: 2,
+                maxFractionDigits: 2,
+                placeholder: unref(t)("giftmax.form.fields.cashbackPercentage.placeholder"),
+                suffix: "%",
+                disabled: unref(disabledForm)
+              }, null, 8, ["modelValue", "placeholder", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          createVNode(unref(C), {
+            label: unref(t)("giftmax.form.fields.minPurchaseAmount.label"),
+            error: getFeedbackErrorMessage("minPurchaseAmount"),
+            "data-test-prefix": "giftmax-form"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(script$1), {
+                fluid: "",
+                modelValue: unref(formFields2).minPurchaseAmount,
+                "onUpdate:modelValue": [
+                  _cache[2] || (_cache[2] = ($event) => unref(formFields2).minPurchaseAmount = $event),
+                  _cache[3] || (_cache[3] = ($event) => unref(validateField2)("minPurchaseAmount"))
+                ],
+                min: 0,
+                minFractionDigits: 2,
+                maxFractionDigits: 2,
+                placeholder: unref(t)("giftmax.form.fields.minPurchaseAmount.placeholder"),
+                prefix: "R$",
+                disabled: unref(disabledForm)
+              }, null, 8, ["modelValue", "placeholder", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          createVNode(unref(C), {
+            error: getFeedbackErrorMessage("maxCashbackLimit"),
+            label: unref(t)("giftmax.form.fields.maxCashbackLimit.label"),
+            "data-test-prefix": "giftmax-form"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(script$1), {
+                fluid: "",
+                modelValue: unref(formFields2).maxCashbackLimit,
+                "onUpdate:modelValue": [
+                  _cache[4] || (_cache[4] = ($event) => unref(formFields2).maxCashbackLimit = $event),
+                  _cache[5] || (_cache[5] = ($event) => unref(validateField2)("maxCashbackLimit"))
+                ],
+                min: 0,
+                max: 100,
+                minFractionDigits: 2,
+                maxFractionDigits: 2,
+                placeholder: unref(t)("giftmax.form.fields.maxCashbackLimit.placeholder"),
+                suffix: "%",
+                disabled: unref(disabledForm)
+              }, null, 8, ["modelValue", "placeholder", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["error", "label"]),
+          createVNode(unref(C), {
+            error: getFeedbackErrorMessage("expirationDays"),
+            label: unref(t)("giftmax.form.fields.expirationDays.label"),
+            "data-test-prefix": "giftmax-form"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(script$1), {
+                fluid: "",
+                modelValue: unref(formFields2).expirationDays,
+                "onUpdate:modelValue": [
+                  _cache[6] || (_cache[6] = ($event) => unref(formFields2).expirationDays = $event),
+                  _cache[7] || (_cache[7] = ($event) => unref(validateField2)("expirationDays"))
+                ],
+                min: 7,
+                minFractionDigits: 0,
+                maxFractionDigits: 0,
+                placeholder: unref(t)("giftmax.form.fields.expirationDays.placeholder"),
+                disabled: unref(disabledForm)
+              }, null, 8, ["modelValue", "placeholder", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["error", "label"]),
+          createVNode(unref(C), {
+            label: unref(t)("giftmax.form.fields.storeId.label"),
+            "data-test-prefix": "giftmax-form",
+            error: getFeedbackErrorMessage("storeId")
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(script$2), {
+                fluid: "",
+                modelValue: unref(formFields2).storeId,
+                "onUpdate:modelValue": [
+                  _cache[8] || (_cache[8] = ($event) => unref(formFields2).storeId = $event),
+                  _cache[9] || (_cache[9] = ($event) => unref(validateField2)("storeId"))
+                ],
+                options: unref(sites),
+                placeholder: unref(t)("giftmax.form.fields.storeId.placeholder"),
+                disabled: unref(disabledForm),
+                loading: unref(isLoadingSites),
+                optionLabel: "name",
+                optionValue: "id",
+                virtualScrollerOptions: {
+                  itemSize: 44,
+                  lazy: true,
+                  onLazyLoad: unref(onScrollEndSites),
+                  showLoader: true,
+                  loading: unref(isLoadingSites)
+                }
+              }, null, 8, ["modelValue", "options", "placeholder", "disabled", "loading", "virtualScrollerOptions"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          createVNode(unref(C), {
+            label: unref(t)("giftmax.form.fields.storeDisplayName.label"),
+            "data-test-prefix": "giftmax-form",
+            error: unref(formErrors2).storeDisplayName
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(script$3), {
+                fluid: "",
+                modelValue: unref(formFields2).storeDisplayName,
+                "onUpdate:modelValue": [
+                  _cache[10] || (_cache[10] = ($event) => unref(formFields2).storeDisplayName = $event),
+                  _cache[11] || (_cache[11] = ($event) => unref(validateField2)("storeDisplayName"))
+                ],
+                placeholder: unref(t)("giftmax.form.fields.storeDisplayName.placeholder"),
+                disabled: unref(disabledForm)
+              }, null, 8, ["modelValue", "placeholder", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          unref(showBlacklistNotification) ? (openBlock(), createBlock(unref(R), {
+            key: 0,
+            title: unref(t)("giftmax.form.notification.existingCampaign.title"),
+            message: unref(t)("giftmax.form.notification.existingCampaign.message")
+          }, null, 8, ["title", "message"])) : createCommentVNode("", true),
+          createBaseVNode("div", _hoisted_2, [
+            createVNode(unref($), {
+              disabled: unref(disableActivateButton),
+              label: unref(t)("giftmax.form.buttons.activate"),
+              onClick: unref(handleActivate)
+            }, null, 8, ["disabled", "label", "onClick"]),
+            createVNode(unref($), {
+              disabled: unref(disabledForm),
+              outlined: "",
+              label: unref(t)("giftmax.form.buttons.saveDraft"),
+              onClick: unref(handleSaveDraft)
+            }, null, 8, ["disabled", "label", "onClick"]),
+            createVNode(unref($), {
+              text: "",
+              to: "/v2/client/integration/giftmax",
+              label: unref(t)("giftmax.form.buttons.cancel")
+            }, null, 8, ["label"])
+          ])
+        ]),
+        createVNode(_sfc_main$2)
+      ], 64);
+    };
+  }
+});
+const _hoisted_1 = { class: "flex flex-col lg:!flex-row gap-4" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "GiftmaxFormPage" },
+  __name: "Form.page",
+  setup(__props) {
+    const { sites, type, formFields: formFields2 } = useGiftmaxForm();
+    const formTitle = computed(() => {
+      return type.value === "edit" ? t("giftmax.form.title.edit") : t("giftmax.form.title.create");
+    });
+    const storeName = computed(() => {
+      if (formFields2.storeDisplayName) return formFields2.storeDisplayName;
+      if (formFields2.storeId) {
+        const selectedSite = sites.value.find((site) => site.id === formFields2.storeId);
+        if (selectedSite) return selectedSite.name;
+      }
+      return "";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(script$4), {
+          class: "flex-1",
+          "pt:body": "h-full",
+          "pt:content": "h-full flex flex-col gap-4"
+        }, {
+          content: withCtx(() => [
+            createVNode(unref(y), {
+              variant: "title",
+              size: "small",
+              isStrong: ""
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(formTitle.value), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(_sfc_main$1)
+          ]),
+          _: 1
+        }),
+        createVNode(unref(script$4), {
+          "pt:body": "h-full",
+          "pt:content": "h-full flex flex-col gap-4 lg:!w-min"
+        }, {
+          content: withCtx(() => [
+            createVNode(unref(y), {
+              variant: "title",
+              size: "small",
+              isStrong: ""
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("giftmax.whatsappPreview.title")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(y), {
+              variant: "caption",
+              innerHTML: unref(t)("giftmax.whatsappPreview.subtitle")
+            }, null, 8, ["innerHTML"]),
+            createVNode(_sfc_main$3, {
+              class: "m-auto",
+              "cashback-percentage": unref(formFields2).cashbackPercentage,
+              "min-purchase-amount": unref(formFields2).minPurchaseAmount,
+              "expiration-days": unref(formFields2).expirationDays,
+              "store-name": storeName.value
+            }, null, 8, ["cashback-percentage", "min-purchase-amount", "expiration-days", "store-name"])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/GA-D3NTxgTl-DvcNJ6mb.js

@@ -0,0 +1,16 @@
+import { g as createElementBlock, h as openBlock, ci as createStaticVNode } from "./main-ByGSHXk8.js";
+const i = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 16 12"
+};
+function p(f, e) {
+  return openBlock(), createElementBlock("svg", i, e[0] || (e[0] = [
+    createStaticVNode('<g clip-path="url(#a)"><path fill="#fff" d="M0 0h16v12H0z"></path><path fill="#40A8FF" fill-rule="evenodd" d="M0 8h16v4H0z" clip-rule="evenodd"></path><path fill="#FECA00" fill-rule="evenodd" d="M0 4h16v4H0z" clip-rule="evenodd"></path><path fill="#73BE4A" fill-rule="evenodd" d="M0 0h16v4H0z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v12H0z"></path></clipPath></defs>', 2)
+  ]));
+}
+const a = { render: p };
+export {
+  a as default,
+  p as render
+};

package/dist/GB-ENG-Cmkg6Zq8-DWXBOxrA.js

@@ -0,0 +1,16 @@
+import { g as createElementBlock, h as openBlock, ci as createStaticVNode } from "./main-ByGSHXk8.js";
+const f = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 16 12"
+};
+function h(p, t) {
+  return openBlock(), createElementBlock("svg", f, t[0] || (t[0] = [
+    createStaticVNode('<g clip-path="url(#a)"><path fill="#fff" d="M0 0h16v12H0z"></path><path fill="#F7FCFF" d="M0 0h16v12H0z"></path><path fill="#F50302" fill-rule="evenodd" d="M8.875 0H7.097v5H0v2h7.097v5h1.778V7H16V5H8.875z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v12H0z"></path></clipPath></defs>', 2)
+  ]));
+}
+const i = { render: h };
+export {
+  i as default,
+  h as render
+};

package/dist/GB-NIR-DKszcfHi-DS25CVF2.js

@@ -0,0 +1,16 @@
+import { g as createElementBlock, h as openBlock, ci as createStaticVNode } from "./main-ByGSHXk8.js";
+const v = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 16 12"
+};
+function f(a, h) {
+  return openBlock(), createElementBlock("svg", v, h[0] || (h[0] = [
+    createStaticVNode('<g clip-path="url(#a)"><path fill="#fff" d="M0 0h16v12H0z"></path><path fill="#2E42A5" fill-rule="evenodd" d="M0 0v12h16V0z" clip-rule="evenodd"></path><mask id="b" width="16" height="12" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance;"><path fill="#fff" fill-rule="evenodd" d="M0 0v12h16V0z" clip-rule="evenodd"></path></mask><g mask="url(#b)"><path fill="#fff" d="m-1.782 11.143 3.521 1.489L16.08 1.619l1.858-2.213-3.765-.497-5.85 4.745-4.707 3.198z"></path><path fill="#F50100" d="m-1.3 12.186 1.794.864L17.27-.8h-2.518z"></path><path fill="#fff" d="m17.782 11.143-3.521 1.489L-.08 1.619-1.938-.594l3.765-.497 5.85 4.745 4.707 3.198z"></path><path fill="#F50100" d="m17.661 11.891-1.793.865-7.144-5.93-2.118-.663-8.722-6.75H.403l8.717 6.59 2.316.795z"></path><mask id="c" fill="#fff"><path fill-rule="evenodd" d="M9.889-1H6.11v5H-.986v4H6.11v5H9.89V8h7.125V4H9.889z" clip-rule="evenodd"></path></mask><path fill="#F50100" fill-rule="evenodd" d="M9.889-1H6.11v5H-.986v4H6.11v5H9.89V8h7.125V4H9.889z" clip-rule="evenodd"></path><path fill="#fff" d="M6.111-1v-1h-1v1zM9.89-1h1v-1h-1zM6.11 4v1h1V4zM-.986 4V3h-1v1zm0 4h-1v1h1zM6.11 8h1V7h-1zm0 5h-1v1h1zm3.778 0v1h1v-1zm0-5V7h-1v1zm7.125 0v1h1V8zm0-4h1V3h-1zM9.889 4h-1v1h1zM6.11 0H9.89v-2H6.11zm1 4v-5h-2v5zM-.986 5H6.11V3H-.986zm1 3V4h-2v4zM6.11 7H-.986v2H6.11zm1 6V8h-2v5zm2.778-1H6.11v2H9.89zm-1-4v5h2V8zm8.125-1H9.889v2h7.125zm-1-3v4h2V4zM9.889 5h7.125V3H9.889zm-1-6v5h2v-5z" mask="url(#c)"></path></g></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v12H0z"></path></clipPath></defs>', 2)
+  ]));
+}
+const p = { render: f };
+export {
+  p as default,
+  f as render
+};