{"version":3,"file":"account-settings.js","sources":["../views/Account/AccountSettings/AccountSettings.access.ts","../views/Account/AccountSettings/AccountSettings.vue","../Views/Account/AccountSettings/AccountSettings.entry.ts"],"sourcesContent":["import { api } from '@cwd/lib/main';\r\nimport { AccountSetting } from '@shared/Root/Context.access';\r\n\r\nexport interface AccountSettingDefinition {\r\n    Key: string;\r\n    Type: 'Bool' | 'Int' | 'String';\r\n    Group: string;\r\n    DefaultValue: string;\r\n    Feature: string;\r\n    AccountSetting: AccountSetting;\r\n}\r\n\r\nexport async function get(): Promise<AccountSettingDefinition[]> {\r\n    return api.get('/AccountSettings/');\r\n}\r\n\r\nexport async function set(settings: AccountSetting[]): Promise<AccountSettingDefinition[]> {\r\n    return api.post('/AccountSettings/', settings);\r\n}\r\n","<script setup lang=\"ts\">\r\n    import { inject, onMounted, reactive } from 'vue';\r\n    import { get, set, AccountSettingDefinition } from './AccountSettings.access';\r\n    import Loading from '@shared/components/Loading.vue';\r\n    import Form from '@cwd/shared/Components/Form/Form.vue';\r\n    import { FormProps } from '@cwd/shared/components/Form/Form';\r\n    import { FeatureService } from '@shared/directives/Feature.service';\r\n    import { injectorAccessInjectionKey } from '@cwd/lib/provider-keys';\r\n\r\n    const injectorAccess = inject(injectorAccessInjectionKey)!;\r\n    const featureAccess: FeatureService = injectorAccess.injector.get(FeatureService);\r\n\r\n    const state = reactive<{\r\n        isLoading: boolean;\r\n        settings: AccountSettingDefinition[] | null;\r\n        form: FormProps | null;\r\n    }>({\r\n        isLoading: false,\r\n        settings: null,\r\n        form: null,\r\n    });\r\n\r\n    onMounted(async () => {\r\n        await getSettings();\r\n    });\r\n\r\n    async function getSettings(): Promise<void> {\r\n        state.isLoading = true;\r\n\r\n        await get()\r\n            .then((settings) => {\r\n                state.settings = settings;\r\n\r\n                initForm();\r\n            })\r\n            .finally(() => (state.isLoading = false));\r\n    }\r\n\r\n    async function setSettings(): Promise<void> {\r\n        !state.form?.disableSubmit && (state.isLoading = true);\r\n\r\n        const accountSettings = state.settings!.map((s) => s.AccountSetting);\r\n\r\n        await set(accountSettings)\r\n            .then((settings) => {\r\n                // this breaks second save\r\n                // state.settings = settings\r\n                // initForm()\r\n\r\n                state.form!.alert = { title: $Resources.AlertSuccessHeading, content: $Resources.AlertSuccessBody };\r\n            })\r\n            .catch((error) => {\r\n                state.form!.alert = { type: 'danger', content: $Resources.ErrorLabel };\r\n            })\r\n            .finally(() => {\r\n                state.isLoading = false;\r\n                state.form!.disableSubmit = false;\r\n            });\r\n    }\r\n\r\n    function initForm(): void {\r\n        state.settings = state.settings!.filter((setting) => setting.Feature == null || featureAccess.hasFeature(setting.Feature));\r\n\r\n        state.form = {\r\n            disableSubmit: false,\r\n            alert: null,\r\n            data: {},\r\n        };\r\n\r\n        state.settings!.forEach((setting) => {\r\n            const key = setting.Key.replace('.', '');\r\n\r\n            switch (setting.Type) {\r\n                case 'Bool':\r\n                    state.form!.data[key] = {\r\n                        modelValue: setting.AccountSetting?.Value?.toLowerCase() == 'true',\r\n                        required: false,\r\n                        group: setting.Group != null ? $Resources['AccountSettingsGroupLabel' + setting.Group] : null,\r\n                        checkbox: {\r\n                            label: $Resources['AccountSettingsLabel' + key],\r\n                            switchStyle: 'standard',\r\n                        },\r\n                    };\r\n                    break;\r\n\r\n                default:\r\n                    break;\r\n            }\r\n        });\r\n    }\r\n\r\n    const onSubmit = (event: Event, formData: any) => {\r\n        state.form!.disableSubmit = true;\r\n\r\n        state.settings!.forEach((setting) => {\r\n            const key = setting.Key.replace('.', '');\r\n            const newValue = formData[key];\r\n\r\n            if (newValue != null) {\r\n                if (setting.AccountSetting != null) {\r\n                    setting.AccountSetting.Value = newValue;\r\n                } else {\r\n                    setting.AccountSetting = {\r\n                        Key: setting.Key,\r\n                        Value: newValue,\r\n                    };\r\n                }\r\n            }\r\n        });\r\n\r\n        setSettings();\r\n    };\r\n</script>\r\n\r\n<template>\r\n    <div class=\"c-progress-bar-top-of p-sm-t\">\r\n        <Loading :show=\"state.isLoading\" loading-style=\"progress-bar\"></Loading>\r\n\r\n        <div v-if=\"state.settings?.length == 0\">\r\n            <div class=\"alert alert-info alert-fixed-i m-sm-b\">\r\n                <p>\r\n                    <i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i>\r\n                    <span>{{ $Resources.NoSettingsAvailable }}</span>\r\n                </p>\r\n            </div>\r\n        </div>\r\n\r\n        <div v-if=\"state.form != null && state.settings && state.settings.length > 0\">\r\n            <Form\r\n                :data=\"state.form.data\"\r\n                :alert=\"state.form.alert\"\r\n                :submitting=\"state.form.disableSubmit\"\r\n                @update:modelValue=\"(key, newVal) => (state.form!.data[key].modelValue = newVal)\"\r\n                @onSubmit=\"onSubmit\"></Form>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style></style>\r\n","import { rootElement } from '@shared/setup';\r\nimport AccountSettings from '@views/Account/AccountSettings/AccountSettings.vue';\r\n\r\nconst init = async () => {\r\n    rootElement({\r\n        name: 'account-settings', // pascal, camel & kebab-case are valid\r\n        component: AccountSettings,\r\n        vm: {},\r\n        contextComponents: ['<div>waiting</div>'],\r\n    });\r\n};\r\ninit();\r\n"],"names":["defineComponent","FeatureService","reactive","onMounted","createElementBlock","createVNode","createBaseVNode","toDisplayString","createCommentVNode","inject","openBlock","injectorAccessInjectionKey","rootElement","api","_sfc_main$2","_sfc_main$1","get","set","settings","featureAccess","state","getSettings","initForm","setSettings","_a","accountSettings","error","setting","_b","key","onSubmit","event","formData","newValue","init","AccountSettings"],"mappings":"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"}