{"version":3,"mappings":"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","names":["_sfc_main","mapStores","dynamicFormStore","mapState","_b","_a","_d","_c","defineAsyncComponent","__variableDynamicImportRuntimeHelper","Loading","newValue","mapActions","_openBlock","_createBlock","_resolveDynamicComponent","$options","$event","$props","ApiMethods","url","successConfig","e","errorConfig","title","text","icon","redirect","response","LayoutMethods","key"],"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 'SelectField';\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\nexport default {\r\n inject: ['onFinished'],\r\n computed: {\r\n  ...mapStores(dynamicFormStore),\r\n  ...mapState(dynamicFormStore, ['answers', 'buttonField', 'defaultApi']),\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.buttonField?.extra_parameters?.api || this.defaultApi\r\n\r\n    this.$axios.post(url, { data: this.answers }).then(() => {\r\n      const successConfig = this.buttonField?.extra_parameters?.success_message;\r\n      \r\n      if (successConfig) {\r\n       this.callSweetAlert(successConfig.title, successConfig.text, successConfig.icon, successConfig.redirect)\r\n      }\r\n      \r\n      this.resetStep();\r\n      this.resetAnswers();\r\n      this.onFinished(this.answers);\r\n      \r\n      setTimeout(async () => {\r\n        if (typeof this.updateStepByAutofill === 'function') {\r\n         await this.initializeContact();\r\n         await this.updateStepByAutofill();\r\n         this.$emit('resetVErrors');\r\n        }\r\n      })\r\n    }).catch(e => {\r\n      const errorConfig = this.buttonField?.extra_parameters?.error_message;\r\n   \r\n      if (errorConfig) {\r\n       this.callSweetAlert(errorConfig.title, errorConfig.text, errorConfig.icon)\r\n      }\r\n    }).finally(() => {\r\n      this.changeStatus({ key: 'submit', value: false });\r\n    })\r\n  },\r\n  callSweetAlert(title, text, icon, redirect=null) {\r\n   this.$swal.fire({ title, text, icon })\r\n       .then( response =>{\r\n           if (redirect) window.location.replace(redirect)\r\n       })\r\n  }\r\n }\r\n}","// Store\r\nimport { dynamicFormStore } from \"../stores/store\";\r\nimport { mapStores, mapActions } from 'pinia'\r\n\r\nexport default {\r\n  inject: ['$contact'],\r\n  computed: {\r\n    ...mapStores(dynamicFormStore),\r\n  },\r\n  methods: {\r\n    ...mapActions(dynamicFormStore, ['updateAnswer']),\r\n    initializeContact() {\r\n      if (this.$contact) {\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/js/layout_methods-838dc53e-chunk.js"}