{"version":3,"file":"Login.5c682560.js","sources":["../../../resources/js/Components/Widgets/AuthSocialRegister.vue","../../../resources/js/Components/Forms/Auth/RegisterForm.vue","../../../resources/js/Components/Widgets/AuthWidget.vue"],"sourcesContent":["<template>\n    <div>\n        <div class=\"relative flex py-4 items-center\">\n            <div class=\"flex-grow border-t border-gray-400\"></div>\n            <span class=\"flex-shrink mx-4 text-gray-700 text-subtitle-2\"\n                >oder weiter mit</span\n            >\n            <div class=\"flex-grow border-t border-gray-400\"></div>\n        </div>\n        <div class=\"flex justify-center space-x-4\">\n            <div\n                class=\"flex items-center justify-center cursor-pointer rounded-2.5 bg-[#1877F2] shadow-button hover:shadow-button-hover h-10 w-full\"\n                @click=\"handleSocialRegister('facebook')\"\n            >\n                <div class=\"relative\">\n                    <FacebookLoginLogo class=\"h-4 w-4\" />\n                    <div class=\"absolute top-0 -right-3\">\n                        <QuestionMarkCircleIcon class=\"h-2 w-2 text-white\" />\n                    </div>\n                </div>\n            </div>\n            <div\n                class=\"flex items-center justify-center cursor-pointer rounded-2.5 bg-white shadow-button hover:shadow-button-hover h-10 w-full\"\n                @click=\"handleSocialRegister('google')\"\n            >\n                <div class=\"relative\">\n                    <GoogleLoginLogo class=\"h-4 w-4\" />\n                    <div class=\"absolute top-0 -right-3\">\n                        <QuestionMarkCircleIcon class=\"h-2 w-2\" />\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<script setup>\nimport { registerWith } from \"@/Helpers/socialLogin.js\";\nimport { QuestionMarkCircleIcon } from \"@heroicons/vue/outline\";\nimport FacebookLoginLogo from \"@/Components/Icons/FacebookLoginLogo.vue\";\nimport GoogleLoginLogo from \"@/Components/Icons/GoogleLoginLogo.vue\";\n\nconst props = defineProps({\n    registerData: {\n        type: Object,\n        required: true,\n    },\n});\n\nconst handleSocialRegister = (driver) => {\n    registerWith(\n        driver,\n        props.registerData.gender,\n        props.registerData.gender_search\n    );\n};\n</script>\n","<template>\n    <div class=\"flex flex-col py-6 px-4 md:p-6\">\n        <div\n            class=\"text-title-2-tight font-noto text-center font-semibold mb-4 md:mb-6 mx-6 whitespace-pre-line\"\n        >\n            {{ $t(\"auth.register.partner_search\") }}\n        </div>\n        <form @submit.prevent=\"registerForm.post(route('register'))\">\n            <div class=\"flex justify-between gap-4 w-full mb-3\">\n                <div class=\"flex justify-center items-center w-1/2\">\n                    <RadioGroupField\n                        v-model=\"registerForm.gender\"\n                        :label=\"$t('auth.register.iam')\"\n                        name=\"gender\"\n                        lg\n                        card-options\n                        card-classes=\"rounded px-2 shadow-button p-2\"\n                        card-selected-classes=\"bg-almost-white\"\n                        card-option-classes=\"text-gray-800 whitespace-nowrap\"\n                        label-class=\"font-normal mb-2\"\n                        class=\"w-full\"\n                        :options=\"getGenderOptions()\"\n                        @initial-selection=\"initialGenderSwap\"\n                    />\n                </div>\n                <div class=\"flex justify-center items-center w-1/2\">\n                    <RadioGroupField\n                        v-model=\"registerForm.gender_search\"\n                        :label=\"$t('auth.register.looking_for')\"\n                        name=\"gender_search\"\n                        lg\n                        card-options\n                        card-classes=\"rounded px-2 shadow-button p-2\"\n                        card-selected-classes=\"bg-almost-white\"\n                        card-option-classes=\"text-gray-800\"\n                        label-class=\"font-normal mb-2\"\n                        class=\"w-full\"\n                        :options=\"getGenderOptions(true)\"\n                        @initial-selection=\"initialGenderSwap\"\n                    />\n                </div>\n            </div>\n            <transition\n                enter-active-class=\"transition-all duration-150 ease-in-out\"\n                enter-from-class=\"max-h-0 opacity-0\"\n                enter-to-class=\"max-h-full opacity-100\"\n            >\n                <div\n                    v-if=\"registerForm.errors.gender && !registerForm.gender\"\n                    class=\"text-center pt-2 text-sm\"\n                >\n                    <span class=\"text-red text-center mx-auto\">{{\n                        $t(\"auth.register.enter_gender\")\n                    }}</span>\n                </div>\n            </transition>\n\n            <div v-if=\"showHidden\">\n                <TextField\n                    v-model=\"registerForm.email\"\n                    :placeholder=\"$t('form.email.placeholder')\"\n                    input-mode=\"email\"\n                    auto-complete=\"\"\n                    required\n                    :error=\"translateMaybe(registerForm.errors.email)\"\n                    name=\"email\"\n                    :input-class=\"['border-0 placeholder-gray-700']\"\n                    :visualize-focus=\"false\"\n                    :class=\"{\n                        'mb-2': !registerForm.errors.email,\n                        'mb-4': registerForm.errors.email,\n                    }\"\n                >\n                    <Divider\n                        v-if=\"!registerForm.errors.email\"\n                        divider-class=\"border-gold\"\n                    />\n                    <template #prepend>\n                        <EmailIcon class=\"h-6 w-6 text-gray-700\" />\n                    </template>\n                </TextField>\n                <TextField\n                    ref=\"passwordFieldRef\"\n                    v-model=\"registerForm.password\"\n                    type=\"password\"\n                    auto-complete=\"new-password\"\n                    :placeholder=\"$t('form.password.create')\"\n                    required\n                    :error=\"translateMaybe(registerForm.errors.password)\"\n                    name=\"password\"\n                    :input-class=\"['border-0 placeholder-gray-700']\"\n                    :visualize-focus=\"false\"\n                    @blur=\"onPasswordBlur()\"\n                    @focus=\"onPasswordFocus()\"\n                >\n                    <Divider\n                        v-if=\"!registerForm.errors.password\"\n                        divider-class=\"border-gold\"\n                    />\n                    <template #prepend>\n                        <PasswordIcon class=\"h-6 w-6 text-gray-700\" />\n                    </template>\n                </TextField>\n                <PasswordRequirementsTooltip\n                    :password=\"registerForm.password\"\n                    :email=\"registerForm.email\"\n                    :position=\"tooltipPosition\"\n                    :show-tooltip=\"showPasswordRequirementTooltip\"\n                    :activator=\"passwordFieldRef\"\n                    @validated=\"validPassword = $event\"\n                />\n            </div>\n            <ButtonWrapper block data-test=\"submit\" color=\"promo\" class=\"mt-6\">\n                <OneFingerClickIcon class=\"mr-2 h-6 w-6\" />\n                {{ $t(\"auth.register.register_now\") }}\n            </ButtonWrapper>\n            <AuthSocialRegister\n                v-if=\"\n                    allowSocial &&\n                    registerForm.gender &&\n                    registerForm.gender_search\n                \"\n                :register-data=\"registerForm\"\n            />\n            <i18n-t\n                v-if=\"showHidden\"\n                keypath=\"auth.register.term_condition\"\n                tag=\"p\"\n                class=\"mt-6 text-center text-subtitle-2 text-gray-800 leading-3.25 whitespace-pre-wrap\"\n            >\n                <template #agb>\n                    <a href=\"/agb\" class=\"underline font-semibold\">\n                        {{ $t(\"page.ls_page_agb\") }}\n                    </a>\n                </template>\n                <template #privacy>\n                    <a href=\"/data\" class=\"underline font-semibold\">\n                        {{ $t(\"page.ls_page_privacy_policy\") }}\n                    </a>\n                </template>\n            </i18n-t>\n        </form>\n    </div>\n</template>\n\n<script setup>\nimport AuthSocialRegister from \"@/Components/Widgets/AuthSocialRegister.vue\";\nimport ButtonWrapper from \"@/Components/Buttons/ButtonWrapper.vue\";\nimport EmailIcon from \"@/Components/Icons/EmailIcon.vue\";\nimport OneFingerClickIcon from \"@/Components/Icons/OneFingerClickIcon.vue\";\nimport PasswordIcon from \"@/Components/Icons/PasswordIcon.vue\";\nimport PasswordRequirementsTooltip from \"@/Components/Tooltips/PasswordRequirementsTooltip.vue\";\nimport RadioGroupField from \"@/Components/FormFields/RadioGroupField.vue\";\nimport TextField from \"@/Components/FormFields/TextField.vue\";\nimport { OPTIONS } from \"@/Helpers/constants.js\";\nimport { translateMaybe } from \"@/Helpers/translateMaybe.js\";\nimport { useForm } from \"@inertiajs/vue3\";\nimport { computed, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useGrid } from \"vue-screen\";\nimport Divider from \"@/Components/Divider.vue\";\n\nconst props = defineProps({\n    allowSocial: {\n        type: Boolean,\n        default: false,\n    },\n});\n\nconst { t } = useI18n({ useScope: \"global\" });\nconst getGenderOptions = (search = false) => [\n    {\n        text: search\n            ? t(\"form.gender_search.gender_search_female\")\n            : t(\"form.gender.gender_female\"),\n        value: OPTIONS.GENDERS.FEMALE,\n    },\n    {\n        text: search\n            ? t(\"form.gender_search.gender_search_male\")\n            : t(\"form.gender.gender_male\"),\n        value: OPTIONS.GENDERS.MALE,\n    },\n];\n\nconst initialGenderSwap = (selectionValues) => {\n    if (isGenderSelected.value) return;\n    const { selectedValue, name } = selectionValues;\n    const oppositeGender = selectedValue === \"female\" ? \"male\" : \"female\";\n    if (name === \"gender\") registerForm.gender_search = oppositeGender;\n    if (name === \"gender_search\") registerForm.gender = oppositeGender;\n};\n\nconst registerForm = useForm({\n    gender: null,\n    gender_search: null,\n    email: \"\",\n    password: \"\",\n});\n\nconst passwordFieldRef = ref(null);\nconst validPassword = ref(false);\n\nconst grid = useGrid(\"tailwind\");\n\nconst isGenderSelected = computed(\n    () => registerForm.gender || registerForm.gender_search\n);\n\nconst showHidden = computed(\n    () => registerForm.gender && registerForm.gender_search\n);\n\nconst tooltipPosition = computed(() => (grid.lg ? \"right-start\" : \"top\"));\n\nconst showPasswordRequirementTooltip = ref(false);\n\nconst onPasswordBlur = () => (showPasswordRequirementTooltip.value = false);\nconst onPasswordFocus = () => (showPasswordRequirementTooltip.value = true);\n</script>\n","<template>\n    <div class=\"flex justify-center items-center h-full w-full\">\n        <div\n            class=\"rounded-2xl bg-lemon-green min-w-full sm:min-w-0 sm:w-96 p-2 pt-0 md:p-4 md:pt-0\"\n        >\n            <Logo class=\"mx-auto text-white w-36 h-16 my-6\" />\n            <div class=\"bg-white rounded-2xl\">\n                <div class=\"flex cursor-pointer\">\n                    <div\n                        class=\"py-5 w-1/2 text-h4 font-semibold text-center border-b-2 rounded-tl-2xl\"\n                        :class=\"\n                            currentView === 'login'\n                                ? 'border-gray-840'\n                                : 'text-gray-700 border-gray-400 border-r bg-gray-100 hover:bg-white'\n                        \"\n                        data-test=\"login\"\n                        @click=\"changeView('login')\"\n                    >\n                        {{ $t(\"auth.login.title\") }}\n                    </div>\n                    <div\n                        class=\"py-5 w-1/2 text-h4 font-semibold text-center border-b-2 rounded-tr-2xl\"\n                        :class=\"\n                            currentView === 'register'\n                                ? 'border-gray-840'\n                                : 'text-gray-700 border-gray-400 border-l bg-gray-100 hover:bg-white'\n                        \"\n                        data-test=\"register\"\n                        @click=\"changeView('register')\"\n                    >\n                        {{ $t(\"auth.register.title\") }}\n                    </div>\n                </div>\n                <LoginForm\n                    v-if=\"currentView === 'login'\"\n                    :allow-social=\"socialLoginEnabled\"\n                />\n                <RegisterForm\n                    v-if=\"currentView === 'register'\"\n                    :allow-social=\"socialLoginEnabled\"\n                />\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport LoginForm from \"@/Components/Forms/Auth/LoginForm.vue\";\nimport RegisterForm from \"@/Components/Forms/Auth/RegisterForm.vue\";\nimport Logo from \"@/Components/Logo.vue\";\nimport { ref, onMounted } from \"vue\";\n\ndefineProps({\n    socialLoginEnabled: {\n        type: Boolean,\n        default: false,\n    },\n});\n\nconst currentView = ref(\"login\");\nconst changeView = (value) => (currentView.value = value);\nonMounted(async () => {\n    if (new URLSearchParams(window.location.search).get(\"register\")) {\n        currentView.value = \"register\";\n    }\n});\n</script>\n"],"names":["props","__props","handleSocialRegister","driver","registerWith","t","useI18n","getGenderOptions","search","OPTIONS","initialGenderSwap","selectionValues","isGenderSelected","selectedValue","name","oppositeGender","registerForm","useForm","passwordFieldRef","ref","validPassword","grid","useGrid","computed","showHidden","tooltipPosition","showPasswordRequirementTooltip","onPasswordBlur","onPasswordFocus","currentView","changeView","value","onMounted"],"mappings":"g0CAyCA,MAAMA,EAAQC,EAORC,EAAwBC,GAAW,CACrCC,EACID,EACAH,EAAM,aAAa,OACnBA,EAAM,aAAa,aAC3B,CACA,i5CCmHA,KAAM,CAAE,EAAAK,CAAG,EAAGC,EAAQ,CAAE,SAAU,QAAU,CAAA,EACtCC,EAAmB,CAACC,EAAS,KAAU,CACzC,CACI,KACMH,EADAG,EACE,0CACA,2BADyC,EAEjD,MAAOC,EAAQ,QAAQ,MAC1B,EACD,CACI,KACMJ,EADAG,EACE,wCACA,yBADuC,EAE/C,MAAOC,EAAQ,QAAQ,IAC1B,CACL,EAEMC,EAAqBC,GAAoB,CAC3C,GAAIC,EAAiB,MAAO,OAC5B,KAAM,CAAE,cAAAC,EAAe,KAAAC,CAAM,EAAGH,EAC1BI,EAAiBF,IAAkB,SAAW,OAAS,SACzDC,IAAS,WAAUE,EAAa,cAAgBD,GAChDD,IAAS,kBAAiBE,EAAa,OAASD,EACxD,EAEMC,EAAeC,EAAQ,CACzB,OAAQ,KACR,cAAe,KACf,MAAO,GACP,SAAU,EACd,CAAC,EAEKC,EAAmBC,EAAI,IAAI,EAC3BC,EAAgBD,EAAI,EAAK,EAEzBE,EAAOC,EAAQ,UAAU,EAEzBV,EAAmBW,EACrB,IAAMP,EAAa,QAAUA,EAAa,aAC9C,EAEMQ,EAAaD,EACf,IAAMP,EAAa,QAAUA,EAAa,aAC9C,EAEMS,EAAkBF,EAAS,IAAOF,EAAK,GAAK,cAAgB,KAAM,EAElEK,EAAiCP,EAAI,EAAK,EAE1CQ,EAAiB,IAAOD,EAA+B,MAAQ,GAC/DE,EAAkB,IAAOF,EAA+B,MAAQ,4kHC/JtE,MAAMG,EAAcV,EAAI,OAAO,EACzBW,EAAcC,GAAWF,EAAY,MAAQE,EACnD,OAAAC,EAAU,SAAY,CACd,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE,IAAI,UAAU,IAC1DH,EAAY,MAAQ,WAE5B,CAAC"}