{"version":3,"file":"PublicModalButtonPrev.f852a3b0.js","sources":["../../../resources/js/modules/PublicModal/components/button/PublicModalButtonNext.vue","../../../resources/js/modules/PublicModal/components/typography/PublicModalTitle.vue","../../../resources/js/common/components/Forms/DefaultPasswordInput.vue","../../../resources/js/modules/PublicModal/components/flow/fields/AuthorizationDynamicFields.vue","../../../resources/js/modules/PublicModal/components/button/PublicModalButtonPrev.vue"],"sourcesContent":["<template>\n    <button @click=\"$emit('click')\" :class=\"{ disabled }\" class=\"button-next\">\n        {{ text }}\n    </button>\n</template>\n\n<script>\nexport default {\n    props: {\n        text: {\n            type: String,\n            default: \"\"\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        }\n    },\n    name: \"PublicModalButtonNext\"\n}\n</script>\n\n<style scoped lang=\"sass\">\n.button-next\n    background: #3965FF\n    width: 100%\n    border-radius: 7px\n    font-family: 'Ubuntu', serif\n    font-size: 15px\n    line-height: 22px\n    font-weight: 500\n    height: 45px\n    color: #fff\n    display: flex\n    align-items: center\n    justify-content: center\n    transition: background .2s\n    &:hover\n        background: #1C47DF\n</style>\n","<template>\n    <h3 class=\"public-modal-title\">\n        <slot></slot>\n    </h3>\n</template>\n\n<script>\nexport default {\n    name: \"PublicModalTitle\"\n}\n</script>\n\n<style scoped lang=\"sass\">\n.public-modal-title\n    color: #151515\n    font-size: 20px\n    line-height: 26px\n    text-align: center\n    font-family: 'Ubuntu', serif\n    font-weight: 500\n    @media (max-width: 480px)\n        font-size: 16px\n        line-height: 21px\n</style>\n","<template>\n    <div class=\"default-password-input\">\n        <DefaultInput\n            @input=\"$emit('input', $event)\"\n            :type=\"isHidden ? 'password' : 'text'\"\n            :name=\"name\"\n            :placeholder=\"placeholder\"\n            :errors=\"errors\"\n            :value=\"value\"\n            :required=\"required\"\n            :use-focus=\"useFocus\"\n            :autocomplete=\"autocomplete\"\n            :label=\"label\"\n        />\n        <button\n            @keydown.enter.prevent\n            tabindex=\"-1\"\n            type=\"button\"\n            @click=\"isHidden = !isHidden\"\n            class=\"default-password-input__handler\"\n        >\n            <EyeStrokedIcon width=\"20\" height=\"20\" v-if=\"isHidden\" />\n            <EyeIcon fill=\"#3965FF\" width=\"20\" height=\"20\" v-else />\n        </button>\n    </div>\n</template>\n\n<script>\nimport DefaultInput from \"@components/Forms/DefaultInput\"\nimport EyeIcon from \"@icons/EyeIcon\"\nimport EyeStrokedIcon from \"@icons/EyeStrokedIcon\"\n\nexport default {\n    props: {\n        value: {\n            type: [String, Number],\n            default: \"\"\n        },\n        label: {\n            type: String,\n            default: \"\"\n        },\n        useFocus: {\n            type: Boolean,\n            default: false\n        },\n        name: {\n            type: String,\n            default: \"password\"\n        },\n        autocomplete: {\n            type: String,\n            default: \"password\"\n        },\n        placeholder: {\n            type: String,\n            default: \"\"\n        },\n        errors: {\n            type: Array,\n            default: () => []\n        },\n        required: {\n            type: Boolean,\n            default: false\n        }\n    },\n    model: {\n        prop: \"value\",\n        event: \"input\"\n    },\n    name: \"DefaultPasswordInput\",\n    components: { EyeStrokedIcon, EyeIcon, DefaultInput },\n    data() {\n        return {\n            isHidden: true\n        }\n    }\n}\n</script>\n\n<style scoped lang=\"sass\">\n.default-password-input\n    position: relative\n    &__handler\n        position: absolute\n        top: 0\n        height: 45px\n        padding: 13px\n        right: 0\n    &::v-deep\n        .default-input__input\n            padding-right: 40px\n</style>\n","<template>\n    <div class=\"dynamic-fields\">\n        <div class=\"mt-10\"></div>\n        <div\n            class=\"dynamic-field\"\n            :class=\"{\n                disabled: field.is_disabled,\n                'dynamic-field_dropdown':\n                    fields.length > 5 &&\n                    (field.type === 'timezone' ||\n                        field.type === 'currency' ||\n                        field.type === 'dropdown' ||\n                        field.type === 'country')\n            }\"\n            v-for=\"(field, index) in fields.filter(f => !f.is_hidden)\"\n            :key=\"index\"\n        >\n            <errors-container\n                v-if=\"field.type === 'checkbox'\"\n                :color=\"field.validation && field.validation.color\"\n                :errors=\"errors[field.name]\"\n            >\n                <flex-container\n                    align=\"flex-start\"\n                    :errors=\"errors[field.name]\"\n                    :required=\"field.is_required\"\n                    class=\"checkbox-container\"\n                >\n                    <DefaultCheck class=\"mr-10 mt-1\" @update=\"field.value = $event\" :checked=\"!!field.value\" />\n                    <p class=\"cursor-pointer\" @click=\"field.value = !field.value\">\n                        <span v-html=\"field.title\" class=\"text-view\"></span>\n                    </p>\n                </flex-container>\n            </errors-container>\n\n            <DefaultInput\n                v-model=\"field.value\"\n                v-else-if=\"field.type === 'email'\"\n                :errors=\"errors[field.name]\"\n                :required=\"field.is_required\"\n                :format=\"field.format\"\n                :validation=\"field.validation\"\n                :label=\"$t('enter_email')\"\n                autocomplete=\"email\"\n                type=\"email\"\n                name=\"email\"\n            />\n            <DefaultInput\n                v-model=\"field.value\"\n                v-if=\"field.type === 'text'\"\n                :name=\"field.name\"\n                :format=\"field.format\"\n                :validation=\"field.validation\"\n                :errors=\"errors[field.name]\"\n                :autocomplete=\"field.is_disabled ? 'off' : 'on'\"\n                :type=\"field.type\"\n                :required=\"field.is_required\"\n                :label=\"field.title\"\n                :placeholder=\"field.input_title || field.text\"\n            />\n            <DefaultInput\n                v-model=\"field.value\"\n                v-if=\"\n                    field.type === 'name' ||\n                    field.type === 'first_name' ||\n                    field.type === 'full_name' ||\n                    field.type === 'last_name' ||\n                    field.type === 'skip' ||\n                    field.type === 'city' ||\n                    field.type === 'textarea' ||\n                    field.type === 'code'\n                \"\n                :format=\"field.format\"\n                :validation=\"field.validation\"\n                :is-area=\"field.type === 'textarea'\"\n                :name=\"field.name\"\n                :errors=\"errors[field.name]\"\n                :required=\"field.is_required\"\n                :autocomplete=\"field.type === 'name' ? '' : 'on'\"\n                :label=\"field.input_title || field.text\"\n            />\n            <DefaultPhoneInput\n                v-if=\"field.type === 'phone'\"\n                v-model=\"field.value\"\n                :format=\"field.format\"\n                :validation=\"field.validation\"\n                :name=\"field.name\"\n                :errors=\"errors[field.name]\"\n                :required=\"field.is_required\"\n                :label=\"field.input_title || field.text\"\n            />\n\n            <DefaultPasswordInput\n                v-if=\"field.type === 'password' || field.type === 'password_confirmation'\"\n                v-model=\"field.value\"\n                :name=\"field.name\"\n                :format=\"field.format\"\n                :validation=\"field.validation\"\n                autocomplete=\"new-password\"\n                :errors=\"errors[field.name]\"\n                :required=\"field.is_required\"\n                :label=\"field.input_title || field.text\"\n            />\n            <errors-container\n                v-if=\"field.type === 'date'\"\n                :color=\"field.validation && field.validation.color\"\n                :errors=\"errors[field.name]\"\n            >\n                <DefaultDateDropdown\n                    :format=\"field.format\"\n                    :validation=\"field.validation\"\n                    :border-color=\"errors[field.name] ? field.validation.color : '#E0E0EC'\"\n                    flexible-label\n                    style-modifier=\"bottom\"\n                    @update=\"field.value = $event\"\n                    :loading=\"field.loading\"\n                    :cases=\"field.values\"\n                    :active-case=\"field.value || ''\"\n                    :label=\"field.input_title || field.text\"\n                    :required=\"field.is_required\"\n                />\n            </errors-container>\n            <!--|| field.type === 'tag'-->\n            <errors-container\n                v-if=\"\n                    field.type === 'timezone' ||\n                    field.type === 'currency' ||\n                    field.type === 'dropdown' ||\n                    field.type === 'country'\n                \"\n                :color=\"field.validation && field.validation.color\"\n                :errors=\"errors[field.name]\"\n            >\n                <DefaultCountriesDropdown\n                    :format=\"field.format\"\n                    :validation=\"field.validation\"\n                    :border-color=\"errors[field.name] ? field.validation.color : '#E0E0EC'\"\n                    flexible-label\n                    @update=\"field.value = $event\"\n                    :loading=\"field.loading\"\n                    :cases=\"field.values\"\n                    :country=\"field.value || ''\"\n                    :label=\"field.input_title || field.text\"\n                    :required=\"field.is_required\"\n                    v-if=\"field.type === 'country'\"\n                />\n                <DefaultDropdown\n                    v-else\n                    :format=\"field.format\"\n                    :validation=\"field.validation\"\n                    :border-color=\"errors[field.name] ? field.validation.color : '#E0E0EC'\"\n                    flexible-label\n                    @update=\"field.value = $event\"\n                    :loading=\"field.loading\"\n                    :active-case=\"field.value || ''\"\n                    :label=\"field.input_title || field.text\"\n                    :required=\"field.is_required\"\n                    :cases=\"field.values\"\n                />\n            </errors-container>\n        </div>\n    </div>\n</template>\n\n<script>\nimport ErrorsContainer from \"@components/Containers/ErrorsContainer.vue\"\nimport FlexContainer from \"@components/Containers/FlexContainer.vue\"\nimport DefaultCountriesDropdown from \"@components/Forms/country/DefaultCountriesDropdown.vue\"\nimport DefaultCheck from \"@components/Forms/DefaultCheck.vue\"\nimport DefaultDateDropdown from \"@components/Forms/DefaultDateDropdown.vue\"\nimport DefaultInput from \"@components/Forms/DefaultInput\"\nimport DefaultPhoneInput from \"@components/Forms/phone/DefaultPhoneInput\"\nimport DefaultPasswordInput from \"@components/Forms/DefaultPasswordInput\"\nimport DefaultDropdown from \"@components/Forms/DefaultDropdown\"\nimport axios from \"~axios\"\n\nexport default {\n    components: {\n        DefaultCheck,\n        FlexContainer,\n        DefaultDateDropdown,\n        DefaultCountriesDropdown,\n        ErrorsContainer,\n        DefaultDropdown,\n        DefaultPasswordInput,\n        DefaultPhoneInput,\n        DefaultInput\n    },\n    props: {\n        errors: {\n            type: Object,\n            default: () => {}\n        },\n        fields: {\n            type: Array,\n            default: () => []\n        }\n    },\n    name: \"AuthorizationDynamicFields\",\n    created() {\n        const toPreloadFieldsMap = {\n            timezone: this.getTimezones,\n            currency: this.getCurrencies,\n            country: this.getCountries\n        }\n        setTimeout(async () => {\n            for (let field of this.fields) {\n                if (toPreloadFieldsMap[field.type]) {\n                    field.laoding = true\n                    field.values = await toPreloadFieldsMap[field.type]()\n\n                    if (field.type === \"country\" && field.format && field.format.default_country) {\n                        let defaultCountry = null\n\n                        if (field.format.default_country.iso2 === \"auto\") {\n                            defaultCountry = field.values.find(\n                                c => c.iso_2 && c.iso_2.toLowerCase() === window.country.toLowerCase()\n                            )\n                        } else {\n                            defaultCountry = field.values.find(\n                                c => c.iso_2 && c.iso_2.toLowerCase() === field.format.default_country.iso2\n                            )\n                        }\n\n                        if (defaultCountry) {\n                            field.value = defaultCountry\n                        }\n                    }\n\n                    field.laoding = false\n                }\n            }\n        })\n        for (const field of this.fields) {\n            if (field.type === \"dropdown\") {\n                for (const value of field.values) {\n                    value.name = value.value\n                }\n            }\n\n            if (field.type === \"date\" && field.format && field.format.default_date) {\n                if (field.format.default_date === \"now\") {\n                    field.value = new Date()\n                } else {\n                    field.value = new Date(field.format.default_date)\n                }\n            }\n\n            if (field.type === \"text\" || field.type === \"textarea\" || field.type === \"phone\") {\n                if (field.default_value) {\n                    field.value = field.default_value\n                }\n            }\n\n            if (field.type === \"dropdown\") {\n                if (field.default_value) {\n                    field.value = field.values.find(f => f.value == field.default_value)\n                }\n            }\n        }\n    },\n    methods: {\n        async getCurrencies() {\n            const result = await axios.get(\"/currencies\")\n            if (result) {\n                return result.data.data.map(c => {\n                    return {\n                        ...c,\n                        name: `${c.code} ${c.code ? \"- \" : \"\"}${c.html_code}`\n                    }\n                })\n            }\n            return []\n        },\n        async getTimezones() {\n            const result = await axios.get(\"/timezones\")\n            if (result) {\n                return result.data.data.map(t => {\n                    let utc = t.value.replace(/UTC/g, \"\")\n                    t.originalName = t.name\n                    t.name = `${utc} ${t.name}`\n                    return t\n                })\n            }\n            return []\n        },\n        async getCountries() {\n            const result = await axios.get(\"/countries\")\n            if (result) {\n                return result.data.data\n            }\n            return []\n        }\n    }\n}\n</script>\n\n<style scoped lang=\"sass\">\n.checkbox-container\n    .text-view\n        font-size: 13px\n        &::v-deep\n            p\n                display: inline-block\n.dynamic-field\n    &:not(&:last-child)\n        margin-bottom: 17px\n    &:last-child\n       &.dynamic-field_dropdown\n           margin-bottom: 50px\n.dynamic-fields\n    &::v-deep\n        .simplebar-vertical\n            width: 4px !important\n</style>\n","<template>\n    <button\n        type=\"button\"\n        @keydown.prevent.stop\n        tabindex=\"-1\"\n        @click=\"$emit('click')\"\n        :class=\"{ disabled }\"\n        class=\"button-prev\"\n    >\n        {{ text }}\n    </button>\n</template>\n\n<script>\nexport default {\n    props: {\n        text: {\n            type: String,\n            default: \"\"\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        }\n    },\n    name: \"PublicModalButtonPrev\"\n}\n</script>\n\n<style scoped lang=\"sass\">\n.button-prev\n    background: #fff\n    width: 100%\n    border-radius: 7px\n    font-family: 'Ubuntu', serif\n    font-size: 15px\n    line-height: 22px\n    font-weight: 500\n    height: 45px\n    color: #151515\n    display: flex\n    align-items: center\n    justify-content: center\n    transition: .2s\n    text-underline-offset: 4px\n    &:hover\n        text-decoration: underline\n</style>\n"],"names":["_sfc_main","EyeStrokedIcon","EyeIcon","DefaultInput","DefaultCheck","FlexContainer","DefaultDateDropdown","DefaultCountriesDropdown","ErrorsContainer","DefaultDropdown","DefaultPasswordInput","DefaultPhoneInput","toPreloadFieldsMap","__async","field","defaultCountry","c","value","f","result","axios","__spreadProps","__spreadValues","t","utc"],"mappings":"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"}