{"version":3,"file":"registeraccount.js","sources":["../Account/RegisterAccount/RegisterAccount.access.ts","../Account/RegisterAccount/RegisterAccount.vue","../Account/RegisterAccount/RegisterAccount.entry.ts"],"sourcesContent":["import { api } from '@cwd/lib/main';\r\n\r\nexport type RegisterAccountData = {\r\n    Brand: undefined | string;\r\n    Company: string;\r\n    CompanySize: string;\r\n    Currency: string;\r\n    Email: string;\r\n    Gclid: undefined | string;\r\n    Msclkid: undefined | string;\r\n    Name: string;\r\n    Password: string;\r\n    Phone: string;\r\n    Referrer: undefined | string;\r\n    SalesChannel: undefined | string;\r\n    Status: undefined | string;\r\n};\r\n\r\nexport async function registerAccount(data: RegisterAccountData): Promise<any> {\r\n    console.log('data', data);\r\n    return api.post('/Accounts/Register', data);\r\n}\r\n","<script setup lang=\"ts\">\r\n    import { onMounted, reactive } from 'vue';\r\n    import SignedOut from '@cwd/Common/SignedOut.vue';\r\n    import Form from '@cwd/shared/Components/Form/Form.vue';\r\n    import { FormProps } from '@shared/components/Form/Form';\r\n    import { registerAccount } from './RegisterAccount.access';\r\n    import { token, registerUserEvent } from '@cwd/lib/main';\r\n\r\n    const state = reactive<{\r\n        data: {\r\n            Msclid: undefined | string;\r\n            Gclid: undefined | string;\r\n            Currency: undefined | string;\r\n            Brand: undefined | string;\r\n            SalesChannel: undefined | string;\r\n            Referrer: undefined | string;\r\n        };\r\n        form: FormProps;\r\n    }>({\r\n        data: {\r\n            Msclid: undefined,\r\n            Gclid: undefined,\r\n            Currency: undefined,\r\n            Brand: undefined,\r\n            SalesChannel: undefined,\r\n            Referrer: undefined,\r\n        },\r\n        form: {\r\n            disableSubmit: false,\r\n            alert: null,\r\n            data: {\r\n                Email: {\r\n                    modelValue: '',\r\n                    required: true,\r\n                    input: {\r\n                        type: 'email',\r\n                        label: $Resources.RegisterAccountEmail,\r\n                    },\r\n                },\r\n                Name: {\r\n                    modelValue: '',\r\n                    required: true,\r\n                    input: {\r\n                        label: $Resources.RegisterAccountName,\r\n                    },\r\n                },\r\n                Company: {\r\n                    modelValue: '',\r\n                    required: true,\r\n                    input: {\r\n                        label: $Resources.RegisterAccountCompanyOrOrganization,\r\n                    },\r\n                },\r\n                CompanySize: {\r\n                    modelValue: null,\r\n                    show: false,\r\n                    required: true,\r\n                    radioGroup: {\r\n                        legend: '',\r\n                        options: [\r\n                            { label: $Resources.RegisterAccountCompanySizeXsLabel, value: '0' },\r\n                            { label: $Resources.RegisterAccountCompanySizeSmLabel, value: '1-9' },\r\n                            { label: $Resources.RegisterAccountCompanySizeMdLabel, value: '10-100' },\r\n                            { label: $Resources.RegisterAccountCompanySizeLgLabel, value: '100+' },\r\n                        ],\r\n                    },\r\n                },\r\n                Password: {\r\n                    modelValue: '',\r\n                    required: true,\r\n                    input: {\r\n                        label: $Resources.PasswordLabel,\r\n                        type: 'newPassword',\r\n                    },\r\n                },\r\n                Phone: {\r\n                    modelValue: '',\r\n                    isValid: undefined,\r\n                    required: true,\r\n                    inputTel: {\r\n                        label: $Resources.RegisterAccountPhone,\r\n                        type: 'tel',\r\n                    },\r\n                },\r\n            },\r\n        },\r\n    });\r\n\r\n    const showCompanySizeSelector = () => {\r\n        let data = state.form.data;\r\n        data.CompanySize.show = (data.Company.modelValue as string).length > 0 ? true : false;\r\n        data.CompanySize.radioGroup!.legend = $Resources.RegisterAccountCompanySizeLegend + ' ' + data.Company.modelValue + '?';\r\n    };\r\n\r\n    onMounted(async () => {\r\n        setupUrlParams();\r\n    });\r\n\r\n    const setupUrlParams = (): void => {\r\n        const location = window.location;\r\n        const url = new URL(location.toString());\r\n        const params = url.searchParams;\r\n\r\n        state.data.Currency = params.get('currency') || $Resources.RegistrationDefaultCurrency;\r\n        state.data.Brand = params.get('brand') || undefined;\r\n        state.data.Gclid = params.get('gac') || undefined;\r\n        state.data.Msclid = params.get('msclid') || undefined;\r\n        state.data.Referrer = params.get('ref') || undefined;\r\n        state.data.SalesChannel = params.get('sc') || undefined;\r\n\r\n        let language = params.get('language') || params.get('lang');\r\n        setupCulture(language);\r\n\r\n        let email = params.get('email');\r\n\r\n        if (email !== null) {\r\n            let data = state.form.data;\r\n            data.Email.modelValue = email;\r\n            data.Name.modelValue = getName(email);\r\n            data.Company.modelValue = getCompany(email);\r\n            showCompanySizeSelector();\r\n        }\r\n\r\n        registerUserEvent('Registration', 'Registration started', state.data.Currency);\r\n    };\r\n\r\n    const onSubmit = (event: Event, formData: any) => {\r\n        if (state.form.disableSubmit) return;\r\n        state.form.disableSubmit = true;\r\n\r\n        const combinedData = { ...formData, ...state.data };\r\n\r\n        // return console.log('combinedData', combinedData)\r\n\r\n        registerAccount(combinedData)\r\n            .then((data: any) => {\r\n                token(data.token);\r\n\r\n                // Register event\r\n                if (\r\n                    combinedData.CompanySize == 0 ||\r\n                    combinedData.Email.indexOf('@gmail') > 0 ||\r\n                    combinedData.Email.indexOf('@outlook') > 0 ||\r\n                    combinedData.Email.indexOf('@hotmail') > 0 ||\r\n                    combinedData.Email.indexOf('@icloud') > 0\r\n                ) {\r\n                    document.location = '/Account/RegisteredPrivate';\r\n                } else {\r\n                    registerUserEvent('Registration', 'Registration completed', '');\r\n                    document.location = '/Account/Registered';\r\n                }\r\n            })\r\n            .catch((error) => {\r\n                state.form.disableSubmit = false;\r\n\r\n                if (error.message.indexOf('User already exists') >= 0) {\r\n                    registerUserEvent('Registration', 'Registration failed', 'User exists');\r\n                    state.form.alert = {\r\n                        type: 'danger',\r\n                        title: $Resources.ErrorHeading,\r\n                        content: $Resources.ErrorUserExistsBody,\r\n                    };\r\n                } else if (error.message.indexOf('Password is invalid') >= 0) {\r\n                    registerUserEvent('Registration', 'Registration failed', 'Password invalid');\r\n                    state.form.alert = {\r\n                        type: 'danger',\r\n                        title: $Resources.ErrorHeading,\r\n                        content: $Resources.PasswordErrorLabel,\r\n                    };\r\n                } else {\r\n                    registerUserEvent('Registration', 'Registration failed', 'Technical issues');\r\n                    state.form.alert = {\r\n                        type: 'danger',\r\n                        title: $Resources.ErrorHeading,\r\n                        content: $Resources.ErrorTechnicalIssuesBody,\r\n                    };\r\n                }\r\n            });\r\n    };\r\n\r\n    const onBlur = (key: string) => {\r\n        if (key === 'Company') {\r\n            showCompanySizeSelector();\r\n        }\r\n    };\r\n</script>\r\n\r\n<script lang=\"ts\">\r\n    // declare let window: CustomWindow\r\n    declare let Cookies: any;\r\n\r\n    const setupCulture = (language: string | null) => {\r\n        if (language !== null) {\r\n            let newCulture = '';\r\n            let oldCulture = Cookies.get('Culture');\r\n\r\n            if (language === 'sv' || language === 'se') {\r\n                newCulture = 'sv-SE';\r\n            } else if (language === 'en' || language === 'eng' || language === 'us') {\r\n                newCulture = 'en-US';\r\n            } else if (language === 'nb' || language === 'no') {\r\n                newCulture = 'nb-NO';\r\n            } else if (language === 'da' || language === 'dk') {\r\n                newCulture = 'da-DK';\r\n            } else if (language === 'fr') {\r\n                newCulture = 'fr-FR';\r\n            }\r\n\r\n            if (oldCulture !== newCulture) {\r\n                // reload location, removing language&lang param to not reload forever...\r\n                Cookies.set('Culture', newCulture);\r\n\r\n                document.location = location.href\r\n                    .replace('?language=' + language + '&', '?')\r\n                    .replace('?lang=' + language + '&', '?')\r\n                    .replace('?language=' + language, '')\r\n                    .replace('?lang=' + language, '')\r\n                    .replace('&language=' + language, '')\r\n                    .replace('&lang=' + language, '');\r\n            }\r\n        }\r\n    };\r\n\r\n    const getCompany = function (email: string) {\r\n        let domain = email.split('@')[1];\r\n        if (domain === undefined) return '';\r\n        let companyName = domain.split('.')[0];\r\n\r\n        if (\r\n            companyName === 'hotmail' ||\r\n            companyName === 'outlook' ||\r\n            companyName === 'gmail' ||\r\n            companyName === 'yahoo' ||\r\n            companyName === 'live' ||\r\n            companyName === 'aol'\r\n        )\r\n            return '';\r\n\r\n        return companyName.charAt(0).toUpperCase() + companyName.slice(1);\r\n    };\r\n\r\n    const getName = function (email: string) {\r\n        let firstName = email.split('@')[0].split('.')[0];\r\n        let lastName = email.split('@')[0].split('.')[1];\r\n\r\n        let name = firstName.charAt(0).toUpperCase() + firstName.slice(1);\r\n        if (typeof lastName !== undefined) name = name + ' ' + lastName.charAt(0).toUpperCase() + lastName.slice(1);\r\n\r\n        return name;\r\n    };\r\n</script>\r\n\r\n<template>\r\n    <SignedOut :brand=\"state.data.Brand\">\r\n        <div class=\"m-xl-t m-xl-b\">\r\n            <h1 class=\"h2 m-0-t\">{{ $Resources.RegisterHeader }}</h1>\r\n            <span v-html=\"$Resources.RegisterFreeIntroduction\"></span>\r\n        </div>\r\n\r\n        <Form\r\n            :data=\"state.form.data\"\r\n            :alert=\"state.form.alert\"\r\n            :disableSubmit=\"state.form.disableSubmit\"\r\n            @onBlur=\"(el: string) => onBlur(el)\"\r\n            @update:isValid=\"(key, newVal) => (state.form!.data[key].isValid = newVal)\"\r\n            @update:modelValue=\"(key, newVal) => (state.form!.data[key].modelValue = newVal)\"\r\n            @onSubmit=\"onSubmit\">\r\n            <template #button>\r\n                <button type=\"submit\" class=\"btn btn-cta btn-lg btn-block\" :class=\"state.form.disableSubmit && 'is-busy'\" :disabled=\"state.form.disableSubmit\">\r\n                    {{ $Resources.RegisterBtn }}\r\n                </button>\r\n            </template>\r\n        </Form>\r\n\r\n        <p class=\"small alt-link-style m-lg-b\" v-html=\"$Resources.AcceptTermsAndConditionsText\"></p>\r\n\r\n        <p class=\"m-lg-b\" v-html=\"$Resources.SignInMessage\"></p>\r\n    </SignedOut>\r\n</template>\r\n\r\n<style scoped></style>\r\n\r\n<style lang=\"less\"></style>\r\n","import { rootElement } from '@shared/setup';\r\nimport RegisterAccount from './RegisterAccount.vue';\r\n\r\nconst initRegisterAccount = async () => {\r\n    rootElement({\r\n        name: 'RegisterAccount', // pascal, camel & kebab-case are valid\r\n        component: RegisterAccount,\r\n        vm: {},\r\n        contextComponents: ['<div>Waiting...</div>'],\r\n    });\r\n};\r\n\r\ninitRegisterAccount();\r\n"],"names":["registerAccount","data","api","setupCulture","language","newCulture","oldCulture","getCompany","email","domain","companyName","getName","firstName","lastName","name","state","reactive","showCompanySizeSelector","onMounted","setupUrlParams","location","params","registerUserEvent","onSubmit","event","formData","combinedData","token","error","onBlur","key","initRegisterAccount","rootElement","RegisterAccount"],"mappings":"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"}