{"version":3,"file":"Socialstream-0t6mpeGb.js","sources":["../../../resources/js/Components/SocialstreamIcons/YandexIcon.vue","../../../resources/js/Components/SocialstreamIcons/VkIcon.vue","../../../resources/js/Components/SocialstreamIcons/MailruIcon.vue","../../../resources/js/Components/Socialstream.vue"],"sourcesContent":["<template>\n    <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n            d=\"M19.956 24H15.7626V3.24396H13.8901C10.4615 3.24396 8.66813 4.95824 8.66813 7.51648C8.66813 10.4176 9.90769 11.7626 12.4659 13.4769L14.5758 14.9011L8.50989 24H4L9.45934 15.8769C6.32088 13.6352 4.55385 11.4462 4.55385 7.75385C4.55385 3.13846 7.77143 0 13.8637 0H19.9297L19.956 24Z\"\n            fill=\"#FC3F1D\"/>\n    </svg>\n</template>\n\n<script>\nexport default {}\n</script>\n","<template>\n    <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clip-path=\"url(#clip0_1135_19530)\">\n            <mask id=\"mask0_1135_19530\" height=\"24\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\" width=\"24\"\n                  x=\"0\"\n                  y=\"0\">\n                <path d=\"M23.8815 0.119141H0.119141V23.8815H23.8815V0.119141Z\" fill=\"white\"/>\n            </mask>\n            <g mask=\"url(#mask0_1135_19530)\">\n                <path\n                    d=\"M0.119141 11.5251C0.119141 6.14827 0.119141 3.45987 1.7895 1.7895C3.45987 0.119141 6.14827 0.119141 11.5251 0.119141H12.4756C17.8524 0.119141 20.5408 0.119141 22.2112 1.7895C23.8815 3.45987 23.8815 6.14827 23.8815 11.5251V12.4756C23.8815 17.8524 23.8815 20.5408 22.2112 22.2112C20.5408 23.8815 17.8524 23.8815 12.4756 23.8815H11.5251C6.14827 23.8815 3.45987 23.8815 1.7895 22.2112C0.119141 20.5408 0.119141 17.8524 0.119141 12.4756V11.5251Z\"\n                    fill=\"#0077FF\"/>\n                <path\n                    d=\"M12.7626 17.2378C7.34671 17.2378 4.25763 13.5249 4.12891 7.34668H6.84179C6.93089 11.8813 8.93085 13.8021 10.515 14.1982V7.34668H13.0695V11.2575C14.6339 11.0892 16.2773 9.30708 16.8317 7.34668H19.3863C18.9605 9.76253 17.1783 11.5447 15.911 12.2773C17.1783 12.8714 19.2081 14.4259 19.9804 17.2378H17.1684C16.5645 15.3566 15.0596 13.9011 13.0695 13.7031V17.2378H12.7626Z\"\n                    fill=\"white\"/>\n            </g>\n        </g>\n        <defs>\n            <clipPath id=\"clip0_1135_19530\">\n                <rect fill=\"white\" height=\"23.7624\" transform=\"translate(0 0.119141)\" width=\"24\"/>\n            </clipPath>\n        </defs>\n    </svg>\n</template>\n\n<script>\nexport default {}\n</script>\n","<template>\n    <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n        <g clip-path=\"url(#clip0_1135_19541)\">\n            <path\n                d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n                fill=\"#005FF9\"/>\n            <path\n                d=\"M14.2539 12.0003C14.2539 12.4452 14.122 12.88 13.875 13.25C13.6279 13.6199 13.2767 13.9083 12.8658 14.0787C12.4549 14.2491 12.0027 14.2939 11.5663 14.2074C11.13 14.1208 10.729 13.9069 10.4142 13.5926C10.0994 13.2783 9.88483 12.8778 9.79759 12.4416C9.71035 12.0054 9.75437 11.5531 9.92409 11.1419C10.0938 10.7307 10.3816 10.379 10.7511 10.1313C11.1207 9.88364 11.5553 9.75105 12.0001 9.75031C12.597 9.75091 13.1694 9.98803 13.5918 10.4098C14.0142 10.8315 14.2523 11.4034 14.2539 12.0003ZM12.0001 4.50781C10.827 4.50738 9.67012 4.78244 8.62269 5.31084C7.57527 5.83924 6.66656 6.60622 5.96974 7.55002C5.27293 8.49381 4.80747 9.58805 4.61086 10.7446C4.41424 11.9012 4.49196 13.0878 4.83776 14.2088C5.18356 15.3298 5.78778 16.354 6.60175 17.1988C7.41573 18.0437 8.41672 18.6856 9.52412 19.0728C10.6315 19.4601 11.8144 19.5819 12.9775 19.4284C14.1405 19.275 15.2513 18.8505 16.2204 18.1893L16.2421 18.1743L15.2326 17.0013L15.2154 17.0126C14.054 17.7582 12.6699 18.0778 11.2992 17.917C9.92849 17.7561 8.65601 17.1248 7.69879 16.1305C6.74157 15.1363 6.1589 13.8408 6.05015 12.465C5.94139 11.0891 6.3133 9.71816 7.10243 8.58589C7.89156 7.45362 9.04904 6.63017 10.3775 6.25597C11.7059 5.88177 13.123 5.98 14.3871 6.5339C15.6512 7.08781 16.684 8.06309 17.3094 9.29341C17.9347 10.5237 18.1139 11.9329 17.8164 13.2806C17.782 13.5552 17.6466 13.8072 17.4365 13.9875C17.2265 14.1677 16.9568 14.2633 16.6801 14.2556C16.5532 14.2469 16.4293 14.213 16.3156 14.156C16.2019 14.0989 16.1007 14.0198 16.0179 13.9233C15.935 13.8268 15.8722 13.7147 15.8331 13.5937C15.7939 13.4727 15.7793 13.3451 15.7899 13.2183V12.0003C15.7914 11.1213 15.4878 10.2689 14.931 9.58873C14.3741 8.90856 13.5984 8.44271 12.7364 8.27067C11.8743 8.09864 10.9793 8.23109 10.204 8.64543C9.42868 9.05976 8.8212 9.73029 8.48519 10.5426C8.14918 11.3549 8.10547 12.2586 8.36152 13.0996C8.61757 13.9405 9.1575 14.6666 9.88919 15.1538C10.6209 15.641 11.499 15.8592 12.3736 15.7712C13.2482 15.6831 14.0652 15.2943 14.6851 14.6711C14.8889 14.9907 15.1646 15.2584 15.4901 15.4526C15.8156 15.6469 16.1821 15.7625 16.5601 15.7901C16.6261 15.7953 16.6944 15.7983 16.7619 15.7983C17.3109 15.7968 17.8445 15.6167 18.2821 15.2853C18.746 14.923 19.0851 14.4248 19.2519 13.8603C19.2819 13.7651 19.3359 13.5461 19.3359 13.5446V13.5363C19.448 13.0322 19.5006 12.5167 19.4926 12.0003C19.4907 10.0138 18.7006 8.10919 17.2959 6.70451C15.8913 5.29982 13.9867 4.5098 12.0001 4.50781Z\"\n                fill=\"#FF9E00\"/>\n        </g>\n        <defs>\n            <clipPath id=\"clip0_1135_19541\">\n                <rect fill=\"white\" height=\"24\" width=\"24\"/>\n            </clipPath>\n        </defs>\n    </svg>\n</template>\n\n<script>\nexport default {}\n</script>\n","<script setup>\nimport {computed} from 'vue';\nimport {usePage} from '@inertiajs/vue3';\nimport BitbucketIcon from '@/Components/SocialstreamIcons/BitbucketIcon.vue';\nimport FacebookIcon from '@/Components/SocialstreamIcons/FacebookIcon.vue';\nimport GithubIcon from '@/Components/SocialstreamIcons/GithubIcon.vue';\nimport GitLabIcon from '@/Components/SocialstreamIcons/GitLabIcon.vue';\nimport GoogleIcon from '@/Components/SocialstreamIcons/GoogleIcon.vue';\nimport InputError from '@/Components/InputError.vue';\nimport LinkedInIcon from '@/Components/SocialstreamIcons/LinkedInIcon.vue';\nimport TwitterIcon from '@/Components/SocialstreamIcons/TwitterIcon.vue';\nimport {route} from \"ziggy-js\";\nimport YandexIcon from \"@/Components/SocialstreamIcons/YandexIcon.vue\";\nimport VkIcon from \"@/Components/SocialstreamIcons/VkIcon.vue\";\nimport MailruIcon from \"@/Components/SocialstreamIcons/MailruIcon.vue\";\n\nconst page = usePage();\nconst error = computed(() => page.props.errors.socialstream);\nconst providerIds = computed(() => page.props.socialstream.providers.map(provider => provider.id));\n</script>\n\n<template>\n    <div class=\"border-t border-dashed px-2\">\n        <div class=\"flex flex-row dark:text-slate-200 items-center justify-center py-4 text-sm\">\n            <!--      <hr class=\"w-full mr-2\">-->\n            {{ $t('or login with') }}\n            <!--      <hr class=\"w-full ml-2\">-->\n        </div>\n\n        <div class=\"flex flex-col items-center justify-center\">\n            <a v-if=\"providerIds.includes('facebook')\"\n               :href=\"route('oauth.redirect', 'facebook')\">\n                <FacebookIcon class=\"h-6 w-6 mx-2\"/>\n                <span class=\"sr-only dark:text-slate-200\">Facebook</span>\n            </a>\n            <a v-if=\"providerIds.includes('google')\"\n               :href=\"route('oauth.redirect', 'google')\"\n               class=\"w-full bg-slate-200 dark:bg-slate-800 h-10 flex items-center justify-center rounded-full hover:bg-slate-300 dark:hover:bg-slate-700 transition-colors\">\n                <div class=\"w-[90px] whitespace-nowrap\">\n                    <GoogleIcon class=\"h-6 w-6 mx-2 inline\"/>\n                    <span class=\"dark:text-slate-200\">Google</span>\n                </div>\n            </a>\n\n            <a v-if=\"providerIds.includes('yandex')\"\n               :href=\"route('oauth.redirect', 'yandex')\"\n               class=\"w-full bg-slate-200 dark:bg-slate-800 h-10 flex items-center justify-center rounded-full mt-3 hover:bg-slate-300 dark:hover:bg-slate-700 transition-colors\">\n                <div class=\"w-[90px] whitespace-nowrap\">\n                    <YandexIcon class=\"h-6 w-6 mx-2 inline\"/>\n                    <span class=\"dark:text-slate-200\">Yandex</span>\n                </div>\n            </a>\n            <a v-if=\"providerIds.includes('vkontakte')\"\n               :href=\"route('oauth.redirect', 'vkontakte')\"\n               class=\"w-full bg-slate-200 dark:bg-slate-800 h-10 flex items-center justify-center rounded-full mt-3 hover:bg-slate-300 dark:hover:bg-slate-700 transition-colors\">\n                <div class=\"w-[90px] whitespace-nowrap\">\n                    <VkIcon class=\"h-6 w-6 mx-2 inline\"/>\n                    <span class=\"dark:text-slate-200\">{{ $t('VK') }}</span>\n                </div>\n            </a>\n            <a v-if=\"providerIds.includes('mailru')\"\n               :href=\"route('oauth.redirect', 'mailru')\"\n               class=\"w-full bg-slate-200 dark:bg-slate-800 h-10 flex items-center justify-center rounded-full mt-3 hover:bg-slate-300 dark:hover:bg-slate-700 transition-colors\">\n                <div class=\"w-[90px] whitespace-nowrap\">\n                    <MailruIcon class=\"h-6 w-6 mx-2 inline\"/>\n                    <span class=\"dark:text-slate-200\">Mail.ru</span>\n                </div>\n            </a>\n\n            <a\n                v-if=\"providerIds.includes('twitter')\"\n                :href=\"route('oauth.redirect', 'twitter')\">\n                <TwitterIcon class=\"h-6 w-6 mx-2\"/>\n                <span class=\"sr-only\">Twitter</span>\n            </a>\n\n            <a\n                v-if=\"providerIds.includes('twitter-oauth-2')\"\n                :href=\"route('oauth.redirect', 'twitter-oauth-2')\">\n                <TwitterIcon class=\"h-6 w-6 mx-2\"/>\n                <span class=\"sr-only\">Twitter</span>\n            </a>\n\n            <a v-if=\"providerIds.includes('linkedin')\"\n               :href=\"route('oauth.redirect', 'linkedin')\">\n                <LinkedInIcon class=\"h-6 w-6 mx-2\"/>\n                <span class=\"sr-only\">LinkedIn</span>\n            </a>\n\n            <a v-if=\"providerIds.includes('github')\" :href=\"route('oauth.redirect', 'github')\">\n                <GithubIcon class=\"h-6 w-6 mx-2\"/>\n                <span class=\"sr-only\">GitHub</span>\n            </a>\n\n            <a v-if=\"providerIds.includes('gitlab')\" :href=\"route('oauth.redirect', 'gitlab')\">\n                <GitLabIcon class=\"h-6 w-6 mx-2\"/>\n                <span class=\"sr-only\">GitLab</span>\n            </a>\n\n            <a v-if=\"providerIds.includes('bitbucket')\"\n               :href=\"route('oauth.redirect', 'bitbucket')\">\n                <BitbucketIcon class=\"h-6 w-6 mx-2\"/>\n                <span class=\"sr-only\">BitBucket</span>\n            </a>\n        </div>\n\n        <InputError :message=\"error\" class=\"mt-b text-center\"/>\n    </div>\n</template>\n"],"names":["_sfc_main","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_createStaticVNode","page","usePage","error","computed","providerIds","provider"],"mappings":"snBASA,MAAOA,EAAS,CAAA,KARP,KAAK,OAAO,OAAO,KAAK,QAAQ,YAAY,MAAM,KAAK,MAAM,sDAAlE,OAAAC,EAAA,EAAAC,EAIM,MAJNC,EAIMC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAHFC,EAEoB,OAAA,CADhB,EAAE,yRACF,KAAK,mDCsBVL,EAAS,CAAA,KAzBP,KAAK,OAAO,OAAO,KAAK,QAAQ,YAAY,MAAM,KAAK,MAAM,sDAAlE,OAAAC,EAAA,EAAAC,EAqBM,MArBNC,EAqBMC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAtBVE,EAAA,0xCAAA,CAAA,iCCmBON,EAAS,CAAA,KAlBP,KAAK,OAAO,OAAO,KAAK,QAAQ,YAAY,MAAM,KAAK,MAAM,sDAAlE,OAAAC,EAAA,EAAAC,EAcM,MAdNC,EAcMC,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAfVE,EAAA,orFAAA,CAAA,ijBCgBA,MAAMC,EAAOC,EAAS,EAChBC,EAAQC,EAAS,IAAMH,EAAK,MAAM,OAAO,YAAY,EACrDI,EAAcD,EAAS,IAAMH,EAAK,MAAM,aAAa,UAAU,IAAIK,GAAYA,EAAS,EAAE,CAAC"}