{"version":3,"file":"C_IL2Vri.js","sources":["../../../../../../../app/assets/svg/google-logo.svg","../../../../../../../app/assets/svg/facebook-logo.svg","../../../../../../../app/assets/svg/apple-logo.svg","../../../../../../../app/components/account/social/CiSocialLogin.vue"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20width='24'%3e%3cpath%20d='M22.56%2012.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26%201.37-1.04%202.53-2.21%203.31v2.77h3.57c2.08-1.92%203.28-4.74%203.28-8.09z'%20fill='%234285F4'/%3e%3cpath%20d='M12%2023c2.97%200%205.46-.98%207.28-2.66l-3.57-2.77c-.98.66-2.23%201.06-3.71%201.06-2.86%200-5.29-1.93-6.16-4.53H2.18v2.84C3.99%2020.53%207.7%2023%2012%2023z'%20fill='%2334A853'/%3e%3cpath%20d='M5.84%2014.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43%208.55%201%2010.22%201%2012s.43%203.45%201.18%204.93l2.85-2.22.81-.62z'%20fill='%23FBBC05'/%3e%3cpath%20d='M12%205.38c1.62%200%203.06.56%204.21%201.64l3.15-3.15C17.45%202.09%2014.97%201%2012%201%207.7%201%203.99%203.47%202.18%207.07l3.66%202.84c.87-2.6%203.3-4.53%206.16-4.53z'%20fill='%23EA4335'/%3e%3cpath%20d='M1%201h22v22H1z'%20fill='none'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='666.667'%20height='666.667'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cclipPath%20clipPathUnits='userSpaceOnUse'%20id='a'%3e%3cpath%20d='M0%20700h700V0H0Z'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23a)'%20transform='matrix(1.33333%200%200%20-1.33333%20-133.333%20800)'%3e%3cpath%20d='M0%200c0%20138.071-111.929%20250-250%20250S-500%20138.071-500%200c0-117.245%2080.715-215.622%20189.606-242.638v166.242h-51.552V0h51.552v32.919c0%2085.092%2038.508%20124.532%20122.048%20124.532%2015.838%200%2043.167-3.105%2054.347-6.211V81.986c-5.901.621-16.149.932-28.882.932-40.993%200-56.832-15.528-56.832-55.9V0h81.659l-14.028-76.396h-67.631v-171.773C-95.927-233.218%200-127.818%200%200'%20style='fill:%230866ff;fill-opacity:1;fill-rule:nonzero;stroke:none'%20transform='translate(600%20350)'/%3e%3cpath%20d='m0%200%2014.029%2076.396H-67.63v27.019c0%2040.372%2015.838%2055.899%2056.831%2055.899%2012.733%200%2022.981-.31%2028.882-.931v69.253c-11.18%203.106-38.509%206.212-54.347%206.212-83.539%200-122.048-39.441-122.048-124.533V76.396h-51.552V0h51.552v-166.242a250.559%20250.559%200%200%201%2060.394-7.362c10.254%200%2020.358.632%2030.288%201.831V0Z'%20style='fill:%23fff;fill-opacity:1;fill-rule:nonzero;stroke:none'%20transform='translate(447.918%20273.604)'/%3e%3c/g%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20width='814'%20height='1000'%3e%3cpath%20d='M788.1%20340.9c-5.8%204.5-108.2%2062.2-108.2%20190.5%200%20148.4%20130.3%20200.9%20134.2%20202.2-.6%203.2-20.7%2071.9-68.7%20141.9-42.8%2061.6-87.5%20123.1-155.5%20123.1s-85.5-39.5-164-39.5c-76.5%200-103.7%2040.8-165.9%2040.8s-105.6-57-155.5-127C46.7%20790.7%200%20663%200%20541.8c0-194.4%20126.4-297.5%20250.8-297.5%2066.1%200%20121.2%2043.4%20162.7%2043.4%2039.5%200%20101.1-46%20176.3-46%2028.5%200%20130.9%202.6%20198.3%2099.2zm-234-181.5c31.1-36.9%2053.1-88.1%2053.1-139.3%200-7.1-.6-14.3-1.9-20.1-50.6%201.9-110.8%2033.7-147.1%2075.8-28.5%2032.4-55.1%2083.6-55.1%20135.5%200%207.8%201.3%2015.6%201.9%2018.1%203.2.6%208.4%201.3%2013.6%201.3%2045.4%200%20102.5-30.4%20135.5-71.3z'/%3e%3c/svg%3e\"","<script setup lang=\"ts\">\nimport nacl from 'tweetnacl';\nimport { COOKIEDOMAIN, OAUTH_TOKEN } from '@/utils/constants';\n\n/********************\n * PROPS & EMITS     *\n ********************/\nexport interface CiSocialLoginProps {\n  captureClick?: boolean;\n  redirectTo?: object | null;\n}\nconst props = withDefaults(defineProps<CiSocialLoginProps>(), {\n  captureClick: false,\n  redirectTo: null,\n});\n\nconst emit = defineEmits<{\n  callback: [value: string];\n}>();\n\n/********************\n * COMPOSITIONS     *\n ********************/\nconst appStore = useAppStore();\nconst userStore = useUserStore();\nconst loadingStore = useLoadingStore();\nconst localePath = useLocalePath();\nconst runtimeConfig = useRuntimeConfig();\nconst route = useRoute();\nconst oauthTokenCookie = useCookie<string | null>(OAUTH_TOKEN, { sameSite: 'strict', secure: true, ...(COOKIEDOMAIN && { domain: COOKIEDOMAIN }) });\n\n/********************\n * FUNCTIONS        *\n ********************/\nfunction performOAuthLogin(urlTemplate: string, clienId: string, provider: string) {\n  oauthTokenCookie.value = nacl.randomBytes(64).join('');\n  loadingStore.setStatusLoading('login');\n  let redirectTo = '';\n  if (props.redirectTo) {\n    redirectTo = encodeURIComponent('json:' + btoa(JSON.stringify(props.redirectTo)));\n  }\n  const redirectUri = `${runtimeConfig.public.oAuthBaseUrl}${localePath({ name: 'oauth' })}`;\n  let redirectParam = redirectTo || localePath(route.query.redirect as string || '/');\n  if (redirectParam.endsWith('/oauth')) {\n    redirectParam = localePath('/');\n  }\n  const state = `${redirectParam};${oauthTokenCookie.value};${provider};${userStore.insiderUid || ''}`;\n  const oAuthUrl = urlTemplate.replace('{clientId}', clienId).replace('{redirectUri}', redirectUri).replace('{state}', state).replace('{nonce}', oauthTokenCookie.value);\n  if (props.captureClick) {\n    emit('callback', oAuthUrl);\n    return;\n  }\n  navigateTo(oAuthUrl, { external: true });\n}\n\nfunction googleLogin() {\n  performOAuthLogin('https://accounts.google.com/o/oauth2/auth?client_id={clientId}&redirect_uri={redirectUri}&state={state}&scope=profile%20email&response_type=code&include_granted_scopes=true&access_type=offline', runtimeConfig.public.googleOauthClientId, 'google');\n}\nfunction appleLogin() {\n  performOAuthLogin('https://appleid.apple.com/auth/authorize?client_id={clientId}&redirect_uri={redirectUri}&state={state}&response_type=code&scope=name%20email&response_mode=form_post&nonce={nonce}', runtimeConfig.public.appleOauthClientId, 'apple');\n}\nfunction facebookLogin() {\n  performOAuthLogin('https://www.facebook.com/v22.0/dialog/oauth?client_id={clientId}&redirect_uri={redirectUri}&state={state}&response_type=code&scope=email,public_profile', runtimeConfig.public.facebookOauthClientId, 'facebook');\n}\n</script>\n\n<template>\n  <div v-if=\"appStore.showSocialLogin\">\n    <div class=\"horizontal-buttons mt-6 flex justify-between\">\n      <button\n        :disabled=\"loadingStore.isLoading('login')\"\n        class=\"button icon-absolute rounded border border-gray px-6 py-4 hover:border-primary\"\n        type=\"button\"\n        @click=\"googleLogin()\"\n      >\n        <img\n          src=\"@/assets/svg/google-logo.svg\"\n          alt=\"Google\"\n          title=\"Continue with Google\"\n          width=\"24\"\n          height=\"24\"\n        />\n      </button>\n      <button\n        :disabled=\"loadingStore.isLoading('login')\"\n        class=\"button icon-absolute rounded border border-gray px-6 py-4 hover:border-primary\"\n        type=\"button\"\n        @click=\"facebookLogin()\"\n      >\n        <img\n          src=\"@/assets/svg/facebook-logo.svg\"\n          alt=\"Facebook\"\n          title=\"Continue with Facebook\"\n          width=\"24\"\n          height=\"24\"\n        />\n      </button>\n      <button\n        :disabled=\"loadingStore.isLoading('login')\"\n        class=\"button icon-absolute rounded border border-gray px-6 py-4 hover:border-primary\"\n        type=\"button\"\n        @click=\"appleLogin()\"\n      >\n        <img\n          src=\"@/assets/svg/apple-logo.svg\"\n          alt=\"Apple\"\n          title=\"Continue with Apple\"\n          width=\"20\"\n          height=\"24\"\n        />\n      </button>\n    </div>\n    <div class=\"inline-flex w-full items-center justify-center\">\n      <hr class=\"border-1 my-8 w-64 opacity-40\" />\n      <span class=\"absolute left-1/2 -translate-x-1/2 bg-white px-3 text-sm\">{{ $gettext('or') }}</span>\n    </div>\n  </div>\n  <div v-else class=\"pointer-events-none mb-6\" />\n</template>\n\n<style lang=\"scss\" scoped>\n.horizontal-buttons {\n  .button[disabled], .button--disabled, .button[disabled]:hover, .button--disabled:hover {\n    border-color: #9B9B9BFF;\n    background-color: transparent;\n    @apply grayscale;\n  }\n\n  @media (min-width: 320px) {@apply px-3;}\n  @media (min-width: 360px) {@apply px-6;}\n  @media (min-width: 410px) {@apply px-12;}\n}\n</style>\n"],"names":["_imports_0","_imports_1","_imports_2","props","__props","emit","__emit","appStore","useAppStore","userStore","useUserStore","loadingStore","useLoadingStore","localePath","useLocalePath","runtimeConfig","useRuntimeConfig","route","useRoute","oauthTokenCookie","useCookie","OAUTH_TOKEN","COOKIEDOMAIN","performOAuthLogin","urlTemplate","clienId","provider","nacl","redirectTo","redirectUri","redirectParam","state","oAuthUrl","navigateTo","googleLogin","appleLogin","facebookLogin"],"mappings":"4hBAAA,MAAeA,EAAA,o4BCAAC,EAAA,gzCCAAC,EAAA,quCCWf,MAAMC,EAAQC,EAKRC,EAAOC,EAOPC,EAAWC,EAAY,EACvBC,EAAYC,EAAa,EACzBC,EAAeC,EAAgB,EAC/BC,EAAaC,EAAc,EAC3BC,EAAgBC,EAAiB,EACjCC,EAAQC,EAAS,EACjBC,EAAmBC,EAAyBC,EAAa,CAAE,SAAU,SAAU,OAAQ,GAA4B,OAAQC,EAAiB,EAKzI,SAAAC,EAAkBC,EAAqBC,EAAiBC,EAAkB,CACjFP,EAAiB,MAAQQ,EAAK,YAAY,EAAE,EAAE,KAAK,EAAE,EACrDhB,EAAa,iBAAiB,OAAO,EACrC,IAAIiB,EAAa,GACbzB,EAAM,aACKyB,EAAA,mBAAmB,QAAU,KAAK,KAAK,UAAUzB,EAAM,UAAU,CAAC,CAAC,GAE5E,MAAA0B,EAAc,GAAGd,EAAc,OAAO,YAAY,GAAGF,EAAW,CAAE,KAAM,OAAQ,CAAC,CAAC,GACxF,IAAIiB,EAAgBF,GAAcf,EAAWI,EAAM,MAAM,UAAsB,GAAG,EAC9Ea,EAAc,SAAS,QAAQ,IACjCA,EAAgBjB,EAAW,GAAG,GAE1B,MAAAkB,EAAQ,GAAGD,CAAa,IAAIX,EAAiB,KAAK,IAAIO,CAAQ,IAAIjB,EAAU,YAAc,EAAE,GAC5FuB,EAAWR,EAAY,QAAQ,aAAcC,CAAO,EAAE,QAAQ,gBAAiBI,CAAW,EAAE,QAAQ,UAAWE,CAAK,EAAE,QAAQ,UAAWZ,EAAiB,KAAK,EACrK,GAAIhB,EAAM,aAAc,CACtBE,EAAK,WAAY2B,CAAQ,EACzB,MAAA,CAEFC,EAAWD,EAAU,CAAE,SAAU,EAAA,CAAM,CAAA,CAGzC,SAASE,GAAc,CACrBX,EAAkB,mMAAoMR,EAAc,OAAO,oBAAqB,QAAQ,CAAA,CAE1Q,SAASoB,GAAa,CACpBZ,EAAkB,qLAAsLR,EAAc,OAAO,mBAAoB,OAAO,CAAA,CAE1P,SAASqB,GAAgB,CACvBb,EAAkB,0JAA2JR,EAAc,OAAO,sBAAuB,UAAU,CAAA"}