{"version":3,"mappings":"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","names":["dynamicFormStore","defineStore","key","value","payload","field","state","_b","_a","f","carry","_sfc_main","mapStores","mapState","_hoisted_1","_hoisted_2","_createElementVNode","_toDisplayString","_ctx","_hoisted_5","_createElementBlock","$options","args","_normalizeClass","_openBlock","_hoisted_3","_c","_e","_d","_hoisted_4","validName","name","validPhone","numberObject","validCountryCodes","minDigits","maxDigits","actualNumberLength","attachValidations","validation","required","email","lengthMax","x","maxLength","lengthMin","minLength","Validations","validations","formState","useVuelidate","computed","Header","Footer","defineAsyncComponent","__variableDynamicImportRuntimeHelper","__vitePreload","Loading","mapActions","data","_createVNode","_component_Header","_createBlock","_resolveDynamicComponent","_component_Footer","injections","generateAxiosInstance","formContainers","element","id","props","generateApplication","App","VueSweetalert2","autoAnimatePlugin","createPinia"],"sources":["../../../../../app/javascript/mints-components/cali-dynamic-form/stores/store.js","../../../../../app/javascript/mints-components/cali-dynamic-form/components/Header&Footer/Header.vue","../../../../../app/javascript/mints-components/cali-dynamic-form/components/Header&Footer/Footer.vue","../../../../../app/javascript/helpers/validator_provider.js","../../../../../app/javascript/mints-components/cali-dynamic-form/mixins/validations.js","../../../../../app/javascript/mints-components/cali-dynamic-form/App.vue","../../../../../app/components/global/Form/dynamic_form_component.js"],"sourcesContent":["import { defineStore } from 'pinia'\r\n\r\nexport const dynamicFormStore = defineStore('dynamicForm', {\r\n  state: () => ({\r\n    form: {}, answers: {},\r\n    step: 1, status: {}\r\n  }),\r\n  actions: {\r\n    updateAnswer({ key, value }) {\r\n      this.answers[key] = value\r\n    },\r\n    setFormData(payload) {\r\n      this.form = payload\r\n    },\r\n    nextStep() {\r\n      this.step ++;\r\n    },\r\n    resetStep() {\r\n      this.step = 1\r\n    },\r\n    changeStatus({ key, value }) {\r\n      this.status[key] = value\r\n    },\r\n    resetAnswers() {\r\n      this.answers = {}\r\n    },\r\n    verifyIfKeysHasValue() {\r\n      return this.currentInputs.every(field => Boolean(this.answers[field.slug]))\r\n    }\r\n  },\r\n  getters: {\r\n    // Global getters\r\n    formType: (state) => state.form?.config_json?.is_progressive_form ? 'Progressive' : 'Static',\r\n    isProgressive() { return this.formType === 'Progressive' },\r\n    title: (state) => state.form?.config_json?.form_title,\r\n    description: (state) => state.form?.description,\r\n    fields: (state) => state.form?.config_json?.fields,\r\n    inputFields() { return this.fields?.filter(f => f.data_type_enum !== 16) },\r\n    labelFields() { return this.fields?.filter(f => f.data_type_enum === 16) || [] },\r\n    buttonField() { return this.labelFields.find(f => f?.extra_parameters?.is_footer_button) },\r\n    defaultApi: (state) => state.form?.slug ? '/api/v1/forms/' + state.form.slug : '',\r\n    submitStatus: (state) => state.status?.submit,\r\n    // Progressive form getters\r\n    maxStep() {\r\n      return this.inputFields?.reduce((carry, field) => {\r\n        return field?.extra_parameters?.step > carry ? field.extra_parameters.step : carry\r\n      }, 1)\r\n    },\r\n    currentInputs(state) { return this.inputFields.filter(field => field.extra_parameters?.step === state.step) },\r\n    currentLabels(state) { return this.labelFields.filter(field => field.extra_parameters?.step === state.step) },\r\n  }\r\n});\r\n","<template>\r\n    <h1 class=\"header__title\"> {{ title }} </h1>\r\n    <p class=\"header__description\"> {{ description }} </p>\r\n</template>\r\n<script>\r\n// Store\r\nimport { dynamicFormStore } from \"../../stores/store\";\r\nimport { mapStores, mapState } from 'pinia'\r\nexport default {\r\n  computed: {\r\n    ...mapStores(dynamicFormStore),\r\n    ...mapState(dynamicFormStore, ['title', 'description'])\r\n  }\r\n}\r\n</script>","<template>\r\n  <div>\r\n    <div class=\"d-flex justify-content-end\">\r\n      <button type=\"submit\" @click.prevent=\"submit\" :disabled=\"submitStatus\" :class=\"buttonField?.extra_parameters?.styles || 'btn btn-success'\">\r\n        <span v-if=\"submitStatus\" class=\"spinner-border text-light spinner-border-sm mx-1\" role=\"status\"></span>\r\n        {{ buttonField?.help }}\r\n      </button>\r\n    </div>\r\n\r\n    <div class=\"d-flex justify-content-end\" v-if=\"buttonField?.extra_parameters?.help_text\">\r\n      <span class=\"\"> {{ buttonField.extra_parameters.help_text }} </span>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\n// Store\r\nimport { dynamicFormStore } from \"../../stores/store\";\r\nimport { mapStores, mapState } from 'pinia'\r\n\r\nexport default {\r\n    methods: {\r\n        submit() {\r\n            this.$emit('submit')\r\n        }\r\n    },\r\n  computed: {\r\n      ...mapStores(dynamicFormStore),\r\n      ...mapState(dynamicFormStore, ['buttonField', 'submitStatus'])\r\n  }\r\n}\r\n</script>","import { computed, reactive } from 'vue'\r\nimport useVuelidate from \"@vuelidate/core\";\r\nimport { email, required, minLength, maxLength } from \"@vuelidate/validators\";\r\n// export { required, email, minLength, maxLength } from '@vuelidate/validators'\r\n\r\nexport function validName(name) {\r\n    let validNamePattern = new RegExp(\"^[a-zA-Z]+(?:[-'\\\\s][a-zA-Z]+)*$\");\r\n    if (validNamePattern.test(name)) {\r\n        return true;\r\n    }\r\n    return false\r\n}\r\n\r\nexport function validPhone(numberObject) {\r\n    const validCountryCodes = {\r\n        'MX': { minDigits: 9, maxDigits: 10 }, // For Mexico, phone numbers have exactly 10 digits\r\n        'US': { minDigits: 9, maxDigits: 10 }, // For the USA, phone numbers have exactly 10 digits\r\n        // Add more valid country codes and digit ranges as needed\r\n    };\r\n    if (numberObject.country in validCountryCodes) {\r\n        const { minDigits, maxDigits } = validCountryCodes[numberObject.country];\r\n        const actualNumberLength = numberObject.number.length;\r\n\r\n        // Check if the 'number' has a valid length within the specified range for the given country\r\n        if (actualNumberLength >= minDigits && actualNumberLength <= maxDigits) {\r\n            return true; // Both country code and number are valid\r\n        }\r\n    }\r\n    return false\r\n}\r\n\r\nexport function attachValidations(field) {\r\n    let validation = {}\r\n\r\n    if (field.required) {\r\n        validation = {...validation, required }\r\n    }\r\n\r\n    if ((field.validations || []).includes('email')) {\r\n        validation = {...validation, email }\r\n    }\r\n\r\n    if ((field.validations || []).includes('max:')) {\r\n        let lengthMax = field.validations.find(x => x.includes('max:')).split(':')\r\n        validation = {...validation, ...maxLength(lengthMax[lengthMax.length - 1]) }\r\n    }\r\n\r\n    if ((field.validations || []).includes('min:')) {\r\n        let lengthMin = field.validations.find(x => x.includes('min:')).split(':')\r\n        validation = {...validation, ...minLength(lengthMin[lengthMin.length - 1]) }\r\n\r\n    }\r\n\r\n    if (field.validName) {\r\n        validation = {...validation,\r\n            ... {\r\n                name_validation: {\r\n                    $validator: validName,\r\n                    $message: 'Invalid Name. Valid name only contain letters, dashes (-) and spaces'\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    if ((field.validations || []).includes('phone')) {\r\n        validation = {...validation,\r\n            ... {\r\n                phone_valid: {\r\n                    $validator: validPhone,\r\n                    $message: 'El formato del número de teléfono es incorrecto'\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    return validation\r\n}\r\n\r\nexport const generateValidatorInstance = (form) => {\r\n    const fields = form && form.config_json ? form.config_json.fields : [];\r\n\r\n    let validations = {}\r\n    let formState = {}\r\n    fields.forEach(field => {\r\n        validations[field.slug] = attachValidations(field)\r\n        formState[field.slug] = null\r\n    });\r\n\r\n    const rules = computed(() => ({\r\n        formFilled: validations,\r\n    }))\r\n\r\n    const state = reactive({\r\n        formFilled: formState\r\n    })\r\n\r\n    return useVuelidate(rules, state);\r\n};","// Store\r\nimport { dynamicFormStore } from \"../stores/store\";\r\nimport { mapStores, mapState } from 'pinia'\r\nimport { attachValidations } from '@helpers/validator_provider.js';\r\n\r\nexport default {\r\n  computed: {\r\n    ...mapStores(dynamicFormStore),\r\n    ...mapState(dynamicFormStore, ['isProgressive', 'currentInputs', 'inputFields']),\r\n    validatableFields() {\r\n      return this.isProgressive ? this.currentInputs : this.inputFields\r\n    },\r\n    customValidations() {\r\n      if (!this.validatableFields) return {};\r\n      \r\n      let validations = {}\r\n      let formState = {}\r\n      \r\n      \r\n      this.validatableFields.forEach(field => {\r\n        validations[field.slug] = attachValidations(field)\r\n        formState[field.slug] = null\r\n      });\r\n  \r\n      return { answers: validations }\r\n    }\r\n  },\r\n  validations() {\r\n    return this.customValidations\r\n  }\r\n}","<template>\r\n  <div v-auto-animate>\r\n    <Header />\r\n\r\n    <component ref=\"formLayout\" :is=\"component\" @resetVErrors=\"resetVErrors\"/>\r\n\r\n    <Footer @submit=\"submit\"/>\r\n  </div>\r\n</template>\r\n<script>\r\n// Components\r\nimport Header from './components/Header&Footer/Header.vue';\r\nimport Footer from './components/Header&Footer/Footer.vue';\r\nimport Loading from './components/Layouts/Loading.vue';\r\n\r\n// Packages\r\nimport { defineAsyncComponent } from \"vue\";\r\nimport { computed } from 'vue'\r\nimport Validations from './mixins/validations.js'\r\nimport useVuelidate from \"@vuelidate/core\";\r\n\r\n// Store\r\nimport { dynamicFormStore } from \"./stores/store\";\r\nimport { mapStores, mapState, mapActions } from 'pinia'\r\nexport default {\r\n  name: 'DynamicForm',\r\n  inject: ['$axios'],\r\n  mixins: [Validations],\r\n  setup() {\r\n    return { v$: useVuelidate() };\r\n  },\r\n  provide() {\r\n    // use function syntax so that we can access `this`\r\n    return {\r\n      errors: computed(() => this.v$?.answers),\r\n      submit: computed(() => this.submit),\r\n      onFinished: computed(() => this.onFinished),\r\n    }\r\n  },\r\n  props:{\r\n    data: Object\r\n  },\r\n  components: {\r\n    Header, Footer\r\n  },\r\n    beforeMount() {\r\n        this.setFormData(this.data)\r\n        this.data?.config_json?.fields?.forEach((field) => {\r\n            if (field.slug.includes('phone')) {\r\n                field.validations = [...field.validations, 'phone']\r\n            }\r\n        })\r\n    },\r\n  computed: {\r\n    ...mapStores(dynamicFormStore),\r\n    ...mapState(dynamicFormStore, ['answers', 'status', 'formType']),\r\n    component() {\r\n      return defineAsyncComponent({\r\n        loader: () =>\r\n            import (`./components/Layouts/${this.formType + 'Form'}.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      });\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapActions(dynamicFormStore, ['setFormData']),\r\n    submit() {\r\n      if (this.status.submit) return;\r\n\r\n      this.v$.$validate().then(value => {\r\n        if (value) {\r\n          this.$refs.formLayout.submit()\r\n        }\r\n      })\r\n    },\r\n    resetVErrors() {\r\n      this.v$.$reset();\r\n    },\r\n    onFinished(data) {\r\n      this.$emit('onFinished', data)\r\n    }\r\n  }\r\n}\r\n</script>","import App from '@mints-components/cali-dynamic-form/App.vue';\r\nimport { generateApplication } from '@helpers/generate_component.js';\r\nimport { generateAxiosInstance } from '@helpers/axios_provider.js';\r\n\r\n// Packages\r\nimport { autoAnimatePlugin } from \"@formkit/auto-animate/vue\"\r\nimport VueSweetalert2 from 'vue-sweetalert2';\r\nimport 'sweetalert2/dist/sweetalert2.min.css';\r\nimport { createPinia } from 'pinia'\r\n\r\nconst injections = [{\r\n    name: '$axios',\r\n    module: generateAxiosInstance()\r\n}, {\r\n    name: '$contact',\r\n    module: typeof contact !== 'undefined' ? contact : null\r\n}]\r\nlet formContainers = document.querySelectorAll(`div[id^=\"dynamic-form-\"]`);\r\n\r\nformContainers.forEach(element => {\r\n    let id = element.id;\r\n    const props = { data: JSON.parse(element.dataset.form) }\r\n    generateApplication(App, `#${id}`, {\r\n        injections,\r\n        props,\r\n        packages: [VueSweetalert2, autoAnimatePlugin, createPinia()]\r\n    })\r\n})"],"file":"assets/js/entrypoints/team_message.js-3339cc22.js"}