{"version":3,"mappings":"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","names":["_sfc_main","mapStores","dynamicFormStore","mapState","_b","_a","_d","_c","defineAsyncComponent","__variableDynamicImportRuntimeHelper","__vitePreload","n","Loading","newValue","mapActions","_openBlock","_createBlock","_resolveDynamicComponent","$options","$event","$props","redirectToThankYouPageForms","ApiMethods","url","errorConfig","successConfig","_f","_e","response","e","title","text","icon","LayoutMethods","key"],"ignoreList":[],"sources":["../../../app/javascript/mints-components/cali-dynamic-form/components/Layouts/Field.vue","../../../app/javascript/mints-components/cali-dynamic-form/mixins/api_methods.js","../../../app/javascript/mints-components/cali-dynamic-form/mixins/layout_methods.js"],"sourcesContent":["<template>\r\n  <component :is=\"componentField\" v-model=\"localValue\" :field=\"field\" :hasError=\"hasError\"/>\r\n</template>\r\n<script>\r\nimport { defineAsyncComponent } from 'vue'\r\nimport Loading from \"./Loading.vue\";\r\n\r\n// Store\r\nimport { dynamicFormStore } from \"../../stores/store\";\r\nimport { mapStores, mapState, mapActions } from 'pinia'\r\n\r\nexport default {\r\n  props: {\r\n    field: {\r\n      type: Object\r\n    },\r\n    hasError: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapStores(dynamicFormStore),\r\n    ...mapState(dynamicFormStore, ['answers']),\r\n    componentName() {\r\n      // Fields by data_type_enum\r\n      if (this.field.data_type_enum >= 10 && this.field.data_type_enum < 15 && this.field.slug !== 'email') return 'TextField';\r\n      if (this.field.data_type_enum === 15) return 'PhoneField';\r\n      if (this.field.data_type_enum === 16 && [false, undefined].includes(this.field?.extra_parameters?.is_button || this.field?.extra_parameters?.is_footer_button)) return 'LabelField';\r\n      if (this.field.data_type_enum === 21) return 'BooleanField';\r\n      if (this.field.data_type_enum === 40) return 'ListField';\r\n\r\n      // Field by slug\r\n      if (this.field.slug === 'email') return 'EmailField';\r\n\r\n      return null\r\n    },\r\n    componentField() {\r\n      return this.componentName ? defineAsyncComponent({\r\n        loader: () =>\r\n            import (`../Fields/${this.componentName}.vue`),\r\n        loadingComponent: Loading /* shows while loading */ ,\r\n        delay: 0 /* delay in ms before showing loading component */ ,\r\n        timeout: 3000 /* timeout after this many ms */ ,\r\n      }) : null;\r\n    },\r\n    localValue: {\r\n      get() {\r\n        return this.answers[this.field.slug]\r\n      },\r\n      set(newValue) {\r\n        this.updateAnswer({ key: this.field.slug, value: newValue })\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions(dynamicFormStore, ['updateAnswer'])\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.register-form {\r\n  .vue-phone-number-input {\r\n    border-color: rgb(216, 216, 216) !important;\r\n    background-color: transparent !important;\r\n    border: 1px solid;\r\n    height: 26px !important;\r\n  }\r\n\r\n  .input-tel__input,\r\n  .country-selector__input {\r\n    height: 26px !important;\r\n    max-height: 26px !important;\r\n    min-height: 26px !important;\r\n    border-radius: 0;\r\n    border: 1px solid white !important;\r\n  }\r\n\r\n  .country-selector {\r\n    .country-selector__country-flag {\r\n      top: 14px !important;\r\n      left: 40px !important;\r\n    }\r\n\r\n    .country-selector__label {\r\n      font-size: 10px !important;\r\n    }\r\n\r\n    .country-selector__toggle {\r\n      top: calc(40% - 11px) !important;\r\n    }\r\n  }\r\n\r\n  .input-tel {\r\n    left: 1px;\r\n\r\n    .input-tel__label {\r\n      font-size: 9px;\r\n      top: 0px;\r\n    }\r\n  }\r\n}\r\n</style>","// Store\r\nimport { dynamicFormStore } from \"../stores/store\";\r\nimport { mapStores, mapState, mapActions } from 'pinia'\r\n\r\nconst redirectToThankYouPageForms = [\r\n  'home-conversation-contact-register-es',\r\n  'home-conversation-contact-register-en',\r\n  'promos-contact-register-es',\r\n  'promos-contact-register-en'\r\n];\r\n\r\nexport default {\r\n inject: ['onSubmit','handleKnownError'],\r\n computed: {\r\n  ...mapStores(dynamicFormStore),\r\n  ...mapState(dynamicFormStore, ['answers', 'submitField', 'defaultApi', 'slug', 'displayAlerts']),\r\n },\r\n methods: {\r\n  ...mapActions(dynamicFormStore, ['resetStep', 'changeStatus', 'resetAnswers']),\r\n  callApi() {\r\n    this.changeStatus({ key: 'submit', value: true });\r\n   \r\n    const url = this.submitField?.extra_parameters?.api || this.defaultApi\r\n\r\n    const errorConfig = this.submitField?.extra_parameters?.error_message;\r\n    const successConfig = this.submitField?.extra_parameters?.success_message;\r\n\r\n    this.$axios.post(url, { data: this.answers }).then((response) => {\r\n      // Handle known errors\r\n      if (response.data.hasOwnProperty('error')) {\r\n        if (response.data.error === 'weekpass_error') {\r\n          this.handleKnownError(response.data);\r\n          this.$emit('resetVErrors');\r\n          this.changeStatus({ key: 'submit', value: false });\r\n        }\r\n      } else {\r\n        if (response.data.data?.success === true) {\r\n          // Redirect to thank you page if form slug exists in constant\r\n          if (redirectToThankYouPageForms.includes(this.slug)) {\r\n            window.location.href =  '/' + locale + \"/tp-general\";\r\n          } else {\r\n            this.callSweetAlert(successConfig?.title, successConfig?.text, successConfig?.icon)\r\n            this.onSubmit(this.answers);\r\n            this.resetStep();\r\n            this.$emit('resetVErrors');\r\n        \r\n            setTimeout(async () => {\r\n            await this.initializeContact();\r\n              if (typeof this.updateStepByAutofill === 'function') {\r\n              await this.updateStepByAutofill();\r\n              }\r\n            });\r\n  \r\n            // Display alert if option is enabled, otherwise, do nothing and keep submit status loading\r\n            if (this.displayAlerts === true) {\r\n              this.resetAnswers();\r\n              this.changeStatus({ key: 'submit', value: false });\r\n            }\r\n          }\r\n        } else {\r\n          // If error exists\r\n          this.callSweetAlert(errorConfig.title, errorConfig.text, errorConfig.icon)\r\n        }\r\n      }\r\n    }).catch(e => {\r\n      if (errorConfig) {\r\n       this.callSweetAlert(errorConfig.title, errorConfig.text, errorConfig.icon)\r\n          this.handleKnownError(e);\r\n      }\r\n      this.changeStatus({ key: 'submit', value: false });\r\n    })\r\n  },\r\n  callSweetAlert(title=null, text=null, icon=null) {\r\n    if (this.displayAlerts === true) {\r\n      this.$swal.fire({ title, text, icon })\r\n    }\r\n  }\r\n }\r\n}","// Store\r\nimport { dynamicFormStore } from \"../stores/store\";\r\nimport {mapStores, mapActions, mapState} from 'pinia'\r\n\r\nexport default {\r\n  inject: ['$contact'],\r\n  \r\n  computed: {\r\n    ...mapStores(dynamicFormStore),\r\n    ...mapState(dynamicFormStore, ['allowPreFill']),\r\n    \r\n  },\r\n  \r\n  created() {\r\n    this.initializeContact()\r\n  },\r\n  \r\n  methods: {\r\n    ...mapActions(dynamicFormStore, ['updateAnswer']),\r\n    \r\n    initializeContact() {\r\n      if (this.$contact && this.allowPreFill) {\r\n        Object.keys(this.$contact).forEach(key => {\r\n          this.updateAnswer({key, value: this.$contact[key]});\r\n        })\r\n      }\r\n    }\r\n  }\r\n}"],"file":"assets/layout_methods-CoHFsqhG.js"}