{"version":3,"file":"js/4758.cf0fa128.js","sources":["webpack://gateway-spa/./src/components/icons/ChevronRight.vue","webpack://gateway-spa/./src/components/sections/InfoBox.vue","webpack://gateway-spa/./src/components/sections/InfoBox.vue?f140","webpack://gateway-spa/./src/components/icons/CircleInfo.vue","webpack://gateway-spa/./src/components/icons/Lock.vue","webpack://gateway-spa/./src/components/icons/Lock.vue?23b0","webpack://gateway-spa/./src/views/admin/members/partials/InvitationRequiredFields.vue","webpack://gateway-spa/./src/views/admin/members/partials/InvitationRequiredFields.vue?05d5","webpack://gateway-spa/./src/views/admin/members/InviteUser.vue","webpack://gateway-spa/./src/views/admin/members/InviteUser.vue?01c8","webpack://gateway-spa/./src/composables/formatToastNotificationContent.js"],"sourceRoot":"","sourcesContent":["import script from \"./ChevronRight.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ChevronRight.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n    <div v-if=\"show\" class=\"py-5 px-8 rounded items-top\"\n         :class=\"[type === 'success' && 'bg-semitone-color-1', type === 'error' && 'bg-semitone-color-3', type === 'default' && 'bg-semitone-primary-1']\">\n        <img\n            v-if=\"showCloseButton\"\n            src=\"../../assets/icons/close.svg\"\n            class=\"h-2.5 w-2.5  ml-auto cursor-pointer\"\n            aria-hidden=\"true\"\n            @click=\"show = false\" alt=\"close\"\n        />\n        <slot/>\n    </div>\n</template>\n<script setup>\nimport {ref} from 'vue'\n\nconst props = defineProps({\n    type: {\n        type: String,\n        validator: function (value) {\n            return ['success', 'error', 'default'].indexOf(value) !== -1;\n        }\n    },\n    showCloseButton: {\n        type: Boolean,\n        default: true,\n    }\n});\n\nconst show = ref(true);\n</script>","import script from \"./InfoBox.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./InfoBox.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./CircleInfo.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CircleInfo.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n    <svg width=\"18\" height=\"21\" viewBox=\"0 0 18 21\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M3 7V6C3 4.4087 3.63214 2.88258 4.75736 1.75736C5.88258 0.632141 7.4087 0 9 0C10.5913 0 12.1174 0.632141 13.2426 1.75736C14.3679 2.88258 15 4.4087 15 6V7H17C17.2652 7 17.5196 7.10536 17.7071 7.29289C17.8946 7.48043 18 7.73478 18 8V20C18 20.2652 17.8946 20.5196 17.7071 20.7071C17.5196 20.8946 17.2652 21 17 21H1C0.734784 21 0.48043 20.8946 0.292893 20.7071C0.105357 20.5196 0 20.2652 0 20V8C0 7.73478 0.105357 7.48043 0.292893 7.29289C0.48043 7.10536 0.734784 7 1 7H3ZM16 9H2V19H16V9ZM8 14.732C7.61872 14.5119 7.32072 14.1721 7.15224 13.7653C6.98376 13.3586 6.9542 12.9076 7.06815 12.4823C7.1821 12.057 7.43319 11.6813 7.78248 11.4132C8.13177 11.1452 8.55973 10.9999 9 10.9999C9.44027 10.9999 9.86823 11.1452 10.2175 11.4132C10.5668 11.6813 10.8179 12.057 10.9319 12.4823C11.0458 12.9076 11.0162 13.3586 10.8478 13.7653C10.6793 14.1721 10.3813 14.5119 10 14.732V17H8V14.732ZM5 7H13V6C13 4.93913 12.5786 3.92172 11.8284 3.17157C11.0783 2.42143 10.0609 2 9 2C7.93913 2 6.92172 2.42143 6.17157 3.17157C5.42143 3.92172 5 4.93913 5 6V7Z\" :fill=\"props.color\"/>\n    </svg>\n</template>\n\n<script setup>\nconst props = defineProps({\n    color: {\n        type: String,\n        required: true\n    }\n});\n</script>","import script from \"./Lock.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Lock.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n    <div class=\"p-6 box-border w-full mt-4 shadow-[0_10px_20px_0px_rgba(0,0,0,0.03)] rounded\">\n        <div class=\"w-full mb-5 flex items-center\">\n\n            <Lock :color=\"props.color\" />\n            <h2 class=\"text-body-3 text-default-1 ml-4\">Required fields</h2>\n        </div>\n        <div class=\"xxs:px-0 md:px-8\">\n            <CoreInput\n                name=\"first_name\"\n                label=\"First Name\"\n                label-position=\"above\"\n                placeholder=\"First Name\"\n                :modelValue=\"props.firstName\"\n                @update:modelValue=\"emit('updateFirstName', $event)\"\n                :has-error=\"!!errors.firstName\"\n                :hint-text=\"errors.firstName\"\n            />\n            <CoreInput\n                name=\"last_name\"\n                label=\"Last Name\"\n                label-position=\"above\"\n                placeholder=\"Last Name\"\n                :modelValue=\"props.lastName\"\n                @update:modelValue=\"emit('updateLastName', $event)\"\n                :has-error=\"!!errors.lastName\"\n                :hint-text=\"errors.lastName\"\n                class=\"mt-7\"\n            />\n            <CoreInput\n                name=\"email\"\n                label=\"Email\"\n                label-position=\"above\"\n                placeholder=\"Email\"\n                :modelValue=\"props.email\"\n                @update:modelValue=\"emit('updateEmail', $event)\"\n                :has-error=\"!!errors.email\"\n                :hint-text=\"errors.email\"\n                class=\"mt-7\"\n            />\n            <CoreInput\n                name=\"phone_number\"\n                label=\"Phone Number\"\n                label-position=\"above\"\n                placeholder=\"Phone Number\"\n                :modelValue=\"props.phoneNumber\"\n                @update:modelValue=\"emit('updatePhoneNumber', $event)\"\n                :has-error=\"!!errors.phoneNumber\"\n                :hint-text=\"errors.phoneNumber\"\n                class=\"mt-7\"\n            />\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport CoreInput from \"@/components/core/InputGroup\";\nimport Lock from \"@/components/icons/Lock\";\n\nconst props = defineProps({\n    firstName: {\n        type: String,\n        required: true,\n    },\n    lastName: {\n        type: String,\n        required: true,\n    },\n    email: {\n        type: String,\n        required: true,\n    },\n    phoneNumber: {\n        type: String,\n        required: true,\n    },\n    errors: {\n        type: Object,\n        required: true,\n    },\n    color: {\n        type: String,\n        required: true\n    }\n})\n\nconst emit = defineEmits(['updateFirstName', 'updateLastName', 'updateEmail', 'updatePhoneNumber'])\n</script>","import script from \"./InvitationRequiredFields.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./InvitationRequiredFields.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n    <div class=\"mb-4\">\n        <h1 class=\"font-body-6 text-default-2 xxs:pl-4 lg:pl-0 flex items-center\">\n            <span>Import and Invite</span>\n            <ChevronRight :color=\"colorInteractive6\" class=\"ml-4 mr-4\"/>\n            <span>Invite User</span>\n        </h1>\n        <div class=\"xxs:p-4 bg-white rounded border border-white lg:px-6 lg:pt-4 lg:pb-6 mt-4 box-border xxs:w-full md:w-3/4 xl:w-1/2\">\n            <h2 class=\"text-body-3 text-default-1 font-medium\">Add and invite user</h2>\n            <p class=\"mt-4 text-default-2 text-body-5\">\n                Use a form below to add a new member to your organization. After you fill the fields and send\n                the invitation, the new member will receive an email to join your organization.\n                You can add only members by one. To add several members, use the mass import via CSV file.\n            </p>\n            <div v-if=\"currentStep === 1\">\n                <RequiredFields\n                    :color=\"color.hex\"\n                    :first-name=\"firstName\"\n                    @updateFirstName=\"($event) => firstName = $event\"\n                    :last-name=\"lastName\"\n                    @updateLastName=\"($event) => lastName = $event\"\n                    :email=\"email\"\n                    @updatePhoneNumber=\"($event) => phoneNumber = $event\"\n                    :phone-number=\"phoneNumber\"\n                    @updateEmail=\"($event) => email = $event\"\n                    :errors=\"errors\"\n                />\n                <AssignGroupPreloader\n                    v-if=\"groupsPreloaderVisibility\"\n                />\n                <AssignGroups\n                    title=\"Assign groups\"\n                    description=\"Choose the groups you would like to invite the member to.\"\n                    :icon=\"GroupIcon\"\n                    :items=\"groupsList\"\n                    @change=\"selectGroups\"\n                    :searchLoading=\"searchLoading\"\n                    :infiniteLoading=\"infiniteLoading\"\n                    @search=\"doSearchGroups\"\n                    @loadMoreItems=\"loadMoreGroups\"\n                    :total=\"totalGroups\"\n                />\n                <UserPermission\n                    :color=\"color.hex\"\n                    :permissions=\"organizationStore.permissions\"\n                    :selectedPermission=\"selectedPermission\"\n                    radio-name=\"user-permission\"\n                    @updatePermissions=\"($event) => selectedPermission = $event\"\n                    :loading=\"organizationStore.loading\"\n                />\n                <div class=\"px-7 py-6 box-border w-full mt-4 shadow-[0_10px_20px_0px_rgba(0,0,0,0.03)] rounded relative\">\n                    <div class=\"w-full mb-5 flex items-center\">\n                        <!--  todo: add icon-->\n                        <h2 class=\"text-body-3 text-default-1 ml-4\">Work status</h2>\n                    </div>\n                    <Select\n                        label=\"\"\n                        :options=\"workStatuses\"\n                        fieldName=\"work_status\"\n                        v-model=\"workStatus\"\n                        :isEditing=\"true\"\n                        label-prop=\"label\"\n                        value-prop=\"value\"\n                        :is-disabled=\"false\"\n                        label-position=\"top\"\n                    />\n\n                    <CoreInput\n                        class=\"mt-6\"\n                        name=\"middle_name\"\n                        label=\"Middle Name\"\n                        label-position=\"above\"\n                        placeholder=\"Middle Name\"\n                        :modelValue=\"middleName\"\n                        @update:modelValue=\"($event) => middleName = $event\"\n                        :has-error=\"!!errors.middleName\"\n                        :hint-text=\"errors.middleName\"\n                    />\n\n                </div>\n                <div class=\"px-7 py-6 box-border w-full mt-4 shadow-[0_10px_20px_0px_rgba(0,0,0,0.03)] rounded relative\">\n                    <div class=\"w-full mb-5 flex items-center\">\n                        <Checkbox v-model=\"addOrganizationInfo\" class=\"mr-2\" label=\"Add organization info (optional)\"/>\n                    </div>\n                </div>\n                <InfoBox\n                    v-if=\"isPermissionAdmin\"\n                    type=\"default\"\n                    :show-close-button=\"showClose\"\n                    class=\"mt-8\"\n                >\n                    <div class=\"flex flex-row\">\n                        <CircleInfo :color=\"color.hex\" class=\"min-w-fit\"/>\n                        <p class=\"text-body-6 mt-0 ml-4\" style=\"color: #2C3978\">\n                            A user will be added to your Organization as a <span\n                            class=\"underline font-bold\">{{ selectedPermissionFormattedName }}</span>. You can change the\n                            user permission\n                            afterwards in the membership area.\n                        </p>\n                    </div>\n                </InfoBox>\n                <div class=\"flex flex-row mt-6\">\n                    <CoreButton\n                        buttonType=\"primary\"\n                        size=\"default\"\n                        class=\"mr-2\"\n                        @click=\"inviteUser\"\n                        :disabled=\"!meta.valid\"\n                    >\n                        <span v-if=\"!buttonLoader\">Invite User</span>\n                        <img v-else src=\"@/assets/icons/white-spinner.svg\" alt=\"white-spinner\"/>\n                    </CoreButton>\n                    <CoreButton\n                        label=\"Cancel\"\n                        buttonType=\"text\"\n                        size=\"default\"\n                        class=\"mr-2\"\n                        @click=\"cancel\"\n                    />\n                </div>\n            </div>\n            <div v-else-if=\"currentStep === 2\">\n                <div class=\"px-7 py-6 box-border w-full mt-4 shadow-[0_10px_20px_0px_rgba(0,0,0,0.03)] rounded relative\">\n                    <div class=\"w-full mb-5 flex items-center\">\n                        <!--  todo: add icon-->\n                        <h2 class=\"text-body-3 text-default-1 ml-4\">Organization info</h2>\n                    </div>\n                    <DynamicForm\n                        v-if=\"hasOrganizationFields\"\n                        :items=\"items\"\n                        :preview=\"false\"\n                        submit-button-label=\"Save\"\n                        :submitting=\"submittingOrganizationInfo\"\n                        @submit=\"handleOrganizationInfoSubmit\"\n                    >\n                    </DynamicForm>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport {api, routes} from \"@/plugins/axios\";\nimport {computed, onBeforeMount, onMounted, ref} from \"vue\";\nimport ChevronRight from \"@/components/icons/ChevronRight\";\nimport resolveConfig from 'tailwindcss/resolveConfig'\nimport tailwindConfig from '../../../../tailwind.config'\nimport InfoBox from \"@/components/sections/InfoBox\";\nimport CircleInfo from \"@/components/icons/CircleInfo\";\nimport RequiredFields from \"@/views/admin/members/partials/InvitationRequiredFields\";\nimport CoreButton from \"@/components/core/Button\"\nimport {useGroups} from \"@/composables/useGroups\";\nimport GroupIcon from \"@/components/icons/Group.vue\";\nimport {useTheme} from \"@/stores/ThemeStore\";\nimport {useOrganization} from \"@/stores/OrganizationStore\";\nimport {useAuth} from \"@/stores/AuthStore\"\nimport {useField, useForm} from 'vee-validate';\nimport * as yup from 'yup';\nimport {phone} from \"@/yup/validations\";\nimport UserPermission from \"@/views/admin/members/partials/UserPermission\";\nimport {useRouter} from \"vue-router/dist/vue-router.node.mjs\";\nimport AssignGroups from \"@/views/admin/partials/AssignationList.vue\";\nimport {toast} from \"vue3-toastify\";\nimport AssignGroupPreloader from \"@/components/preloader/ListPreloader.vue\";\nimport {useFormatToastNotificationContent} from \"@/composables/formatToastNotificationContent\";\nimport {useMembers} from \"@/composables/useMembers\";\nimport Select from \"@/components/core/Select/Select.vue\";\nimport DynamicForm from \"@/components/custom/DynamicForm.vue\";\nimport {useFields} from \"@/composables/useFields\";\nimport {useMemberFields} from \"@/composables/useMemberFields\";\nimport {storeToRefs} from \"pinia\";\nimport Checkbox from \"@/components/core/Checkbox.vue\";\nimport CoreInput from \"@/components/core/InputGroup.vue\";\n\n\nconst {getGroups} = useGroups();\nconst buttonLoader = ref(false);\nconst {color} = useTheme();\nconst organizationStore = useOrganization()\nconst authStore = useAuth()\nconst { getOrganizationHeadlinesAndFields } = useFields();\nconst { updateMemberFields } = useMemberFields();\n\nconst showClose = false;\nconst fullConfig = resolveConfig(tailwindConfig)\n\nconst router = useRouter();\n\nconst totalGroups = ref(7);\nconst currentGroupsPage = ref(1);\nconst groupsList = ref([]);\nconst selectedGroups = ref({included: [], excluded: []});\nconst groupsPreloaderVisibility = ref(false)\nconst searchLoading = ref(false);\nconst infiniteLoading = ref(false);\n\nconst fetchingOrganizationFields = ref(false);\nconst items = ref([]);\nconst currentStep = ref(1);\nconst submittingOrganizationInfo = ref(false);\nconst addOrganizationInfo = ref(false);\nconst memberUid = ref(null);\n\nconst {\n    organization,\n    hasOrganizationFields,\n} = storeToRefs(useAuth());\n\nconst selectedPermission = ref('member');\n\nconst workStatuses = ref([]);\nconst { getAvailableWorkStatuses } = useMembers();\n\nconst {meta, setErrors} = useForm({\n    initialValues: {\n        first_name: '',\n        last_name: '',\n        middle_name: '',\n        email: '',\n        phone_number: '',\n        work_status: '',\n    },\n});\n\nyup.addMethod(yup.StringSchema, 'phone', phone);\n\nconst firstNameField = useField('first_name', yup.string().required().matches(/^[A-Za-z-'\" ]*$/, 'Please enter a valid name').label('First name'));\nconst lastNameField = useField('last_name', yup.string().required().matches(/^[A-Za-z-'\" ]*$/, 'Please enter a valid name').label('Last name'));\nconst middleNameField = useField('middle_name', yup.string().nullable().max(255).matches(/^[A-Za-z-.']*$/, 'Please enter a valid middle name').label('Middle name'));\nconst emailField = useField('email', yup.string().required().label('Email'));\nconst phoneNumberField = useField('phone_number', yup.string().phone().required().label('Phone number'));\nconst workStatusField = useField('work_status', yup.string().nullable().label('Work status'));\n\nconst errors = computed(() => {\n    return {\n        firstName: firstNameField.errorMessage.value ?? null,\n        lastName: lastNameField.errorMessage.value ?? null,\n        middleName: middleNameField.errorMessage.value ?? null,\n        email: emailField.errorMessage.value ?? null,\n        phoneNumber: phoneNumberField.errorMessage.value ?? null,\n        workStatus: workStatusField.errorMessage.value ?? null,\n    };\n});\n\nconst firstName = computed({\n    get: () => {\n        return firstNameField.value.value;\n    },\n    set: (value) => {\n        firstNameField.value.value = value;\n    }\n})\n\nconst lastName = computed({\n    get: () => {\n        return lastNameField.value.value;\n    },\n    set: (value) => {\n        lastNameField.value.value = value;\n    }\n})\n\nconst middleName = computed({\n    get: () => {\n        return middleNameField.value.value;\n    },\n    set: (value) => {\n        middleNameField.value.value = value;\n    }\n})\n\nconst email = computed({\n    get: () => {\n        return emailField.value.value;\n    },\n    set: (value) => {\n        emailField.value.value = value;\n    }\n})\n\nconst phoneNumber = computed({\n    get: () => {\n        return phoneNumberField.value.value;\n    },\n    set: (value) => {\n        phoneNumberField.value.value = value;\n    }\n})\n\nconst workStatus = computed({\n    get: () => {\n        return workStatusField.value.value;\n    },\n    set: (value) => {\n        workStatusField.value.value = value;\n    }\n})\n\nconst selectedPermissionFormattedName = computed(() => {\n    let index = organizationStore.permissions.findIndex(item => item.name === selectedPermission.value);\n    return organizationStore.permissions[index].formattedName || ''\n})\n\nconst isPermissionAdmin = computed(() => {\n    return selectedPermission.value.includes('admin');\n})\n\nconst colorInteractive6 = computed(() => {\n    if (fullConfig.theme.colors.interactive[6]) {\n        return fullConfig.theme.colors.interactive[6]\n    }\n    return '';\n})\n\n\nconst handleOrganizationInfoSubmit = async (fields) => {\n    submittingOrganizationInfo.value = true;\n    try {\n        await updateMemberFields(organization.value.slug, memberUid.value, fields).then(() => {\n            toast.success('Member fields have been added successfully.');\n            router.push({name: 'members'});\n        })\n    } catch (err) {\n        toast.error('Something went wrong, please try again later.');\n    }\n}\n\nasync function inviteUser() {\n    if (!meta.value.valid) {\n        return\n    }\n    buttonLoader.value = true;\n\n    const auxSelectedPermission = [];\n    const index = organizationStore.permissions.findIndex(item => item.name === selectedPermission.value)\n    auxSelectedPermission.push(organizationStore.permissions[index].name);\n\n    const data = {\n        first_name: firstName.value,\n        last_name: lastName.value,\n        middle_name: middleName.value,\n        email: email.value,\n        phone_number: phoneNumber.value,\n        roles: auxSelectedPermission,\n        groups: {include: selectedGroups.value.included, exclude: selectedGroups.value.excluded},\n        status: 'invited',\n        work_status: workStatus.value,\n    }\n\n    try {\n        await api.post(routes.members.createMember(authStore.organization.slug), data).then(async (response) => {\n            memberUid.value = response.data.uid;\n            if(currentStep.value === 1 && addOrganizationInfo.value) {\n                currentStep.value++;\n                return;\n            }\n            router.push('members').then(() => {\n                toast.success('Member was successfully approved to your organization');\n            });\n        });\n\n    } catch (error) {\n        if (error.response.status === 422) {\n            const auxErrors = {};\n\n            if(error.response.data.errors.email) {\n                auxErrors.email = error.response.data.errors.email;\n            }\n            if(error.response.data.errors.phone_number) {\n                auxErrors.phone_number = error.response.data.errors.phone_number;\n            }\n\n            setErrors(auxErrors);\n\n            toast.error(useFormatToastNotificationContent('Error', 'Invalid data. Please check the fields and try again.'));\n        } else {\n            toast.error('Something went wrong, please try again later.');\n        }\n    } finally {\n        buttonLoader.value = false\n    }\n}\n\nfunction cancel() {\n    router.push('import');\n}\n\nasync function doSearchGroups(searchQuery) {\n    currentGroupsPage.value = 1;\n    searchLoading.value = true;\n\n    const request = await getGroups(authStore.organization.slug, currentGroupsPage.value, 10, searchQuery);\n    groupsList.value = request.data;\n    totalGroups.value = request.meta.total;\n\n    searchLoading.value = false;\n}\n\nasync function loadMoreGroups(searchQuery) {\n    currentGroupsPage.value++;\n\n    infiniteLoading.value = true;\n    const request = await getGroups(authStore.organization.slug, currentGroupsPage.value, 10, searchQuery);\n    groupsList.value = [...groupsList.value, ...request.data];\n    infiniteLoading.value = false;\n}\n\nfunction selectGroups(groups) {\n    selectedGroups.value = groups\n}\n\nonMounted(async () => {\n    if (organizationStore.permissions.length === 0) {\n        await organizationStore.getPermissions(authStore.organization.slug);\n        selectedPermission.value = organizationStore.permissions.length > 0 ? organizationStore.permissions[0].name : 'member';\n    }\n\n    groupsPreloaderVisibility.value = true;\n\n    const request = await getGroups(authStore.organization.slug);\n    groupsList.value = request.data;\n    totalGroups.value = request.meta.total;\n\n    groupsPreloaderVisibility.value = false;\n})\n\nonBeforeMount(() => {\n    getAvailableWorkStatuses(authStore.organization.slug)\n        .then((response) => {\n            workStatuses.value = Object.entries(response.data).map(([value, label]) => ({\n                value,\n                label,\n            }));\n        })\n        .catch((error) => {\n            toast.error(useFormatToastNotificationContent(\"Error\", error));\n        });\n\n    fetchingOrganizationFields.value = true;\n\n    getOrganizationHeadlinesAndFields(organization.value.slug)\n        .then((responses) => {\n            const values = [];\n\n            responses[0].data.data.forEach((headline) => {\n                headline.fields = headline.fields.map((field) => {\n                    let memberValue = field.input_type === \"multiselect\" ? [] : \"\";\n\n                    if (values[field.uid]) {\n                        if (field.input_type === \"multiselect\") {\n                            memberValue = values[field.uid];\n                        } else {\n                            memberValue = values[field.uid][0];\n                        }\n                    }\n\n                    return {\n                        ...field,\n                        member_field_value: memberValue,\n                    };\n                });\n\n                items.value.push({\n                    type: \"headline\",\n                    ...headline,\n                });\n            });\n\n            const auxTab = {\n                type: \"headline\",\n                id: null,\n                label: \"General\",\n                order: 0,\n                uid: \"general\",\n                fields: []\n            };\n\n            items.value.unshift(auxTab);\n\n            responses[1].data.data.forEach((field) => {\n                let memberValue = field.input_type === \"multiselect\" ? [] : \"\";\n\n                if (values[field.uid]) {\n                    if (field.input_type === \"multiselect\") {\n                        memberValue = values[field.uid];\n                    } else {\n                        memberValue = values[field.uid][0];\n                    }\n                }\n                if (!field.field_headline_id) {\n                    auxTab.fields.push({\n                        type: \"field\",\n                        member_field_value: memberValue,\n                        ...field,\n                    });\n                } else {\n                    items.value.push({\n                        type: \"field\",\n                        member_field_value: memberValue,\n                        ...field,\n                    });\n                }\n            });\n        })\n        .finally(() => (fetchingOrganizationFields.value = false));\n})\n</script>","import script from \"./InviteUser.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./InviteUser.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","/* Toast examples\nimport {toast} from 'vue3-toastify'\n\nSuccess\ntoast.success(useFormatToastNotificationContent('Hooray', 'All the changes saved'));\n\nError\ntoast.error(useFormatToastNotificationContent('Ooops!', 'It seems that not all cells in the table are filled'));\n */\n\nexport function useFormatToastNotificationContent(title, subtitle = '') {\n    if(subtitle.length !== 0) {\n        return `${title}<span class=\"subtitle\">${subtitle}</span>`\n    }\n    return title;\n}"],"names":["__exports__","show","ref","props","__props","emit","__emit","showClose","getGroups","useGroups","buttonLoader","color","useTheme","organizationStore","useOrganization","authStore","useAuth","getOrganizationHeadlinesAndFields","useFields","updateMemberFields","useMemberFields","fullConfig","resolveConfig","tailwindConfig","router","useRouter","totalGroups","currentGroupsPage","groupsList","selectedGroups","included","excluded","groupsPreloaderVisibility","searchLoading","infiniteLoading","fetchingOrganizationFields","items","currentStep","submittingOrganizationInfo","addOrganizationInfo","memberUid","organization","hasOrganizationFields","storeToRefs","selectedPermission","workStatuses","getAvailableWorkStatuses","useMembers","meta","setErrors","useForm","initialValues","first_name","last_name","middle_name","email","phone_number","work_status","yup","phone","firstNameField","useField","required","matches","label","lastNameField","middleNameField","nullable","max","emailField","phoneNumberField","workStatusField","errors","computed","firstName","errorMessage","value","lastName","middleName","phoneNumber","workStatus","get","set","selectedPermissionFormattedName","index","permissions","findIndex","item","name","formattedName","isPermissionAdmin","includes","colorInteractive6","theme","colors","interactive","handleOrganizationInfoSubmit","async","slug","fields","then","toast","success","push","err","error","inviteUser","valid","auxSelectedPermission","data","roles","groups","include","exclude","status","api","post","routes","members","createMember","response","uid","auxErrors","useFormatToastNotificationContent","cancel","doSearchGroups","searchQuery","request","total","loadMoreGroups","selectGroups","onMounted","length","getPermissions","onBeforeMount","Object","entries","map","catch","responses","values","forEach","headline","field","memberValue","input_type","member_field_value","type","auxTab","id","order","unshift","field_headline_id","finally","title","subtitle"],"mappings":"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","debug_id":"2c75b9f3-b7f4-5911-9120-c24cd3e3b585"}