{"version":3,"file":"AuthLoginThirdPartyGroupButtons-8e89c9cc.js","sources":["../../../app/javascript/bits/auth_helper.ts","../../../app/javascript/vuecomponents/AuthLoginThirdPartyGroupButtons.vue"],"sourcesContent":["// @file Helper functions for auth pages\ninterface LoginMethod {\n  name: string\n  url?: string\n  displayName?: string\n  logo?: string\n  devMode?: boolean | null\n}\n\nconst normalizeThirdPartyLoginMethods = (methods: LoginMethod[]): Record<string, LoginMethod> => {\n  const loginMethods: Record<string, LoginMethod> = {}\n\n  for (const method of methods) {\n    if (method.name === 'password' || method.name.startsWith('saml')) continue\n    loginMethods[method.name] = method\n  }\n\n  return loginMethods\n}\n\nexport { normalizeThirdPartyLoginMethods }\nexport type { LoginMethod }\n","<script setup lang=\"ts\">\nimport type { LoginMethod } from '@@/bits/auth_helper'\nimport device from '@@/bits/device'\nimport fetchElectronBridge, { URLTarget } from '@@/bits/electron_bridge'\nimport { __ } from '@@/bits/intl'\nimport { getSearchParams, navigateTo, transformUrl } from '@@/bits/location'\nimport OzDropdownButton, {\n  OzDropdownButtonColorScheme,\n  OzDropdownButtonSizePreset,\n} from '@@/library/v4/components/OzDropdownButton.vue'\nimport { useDarkModeStore } from '@@/pinia/dark_mode'\nimport AuthLoginThirdPartyButton from '@@/vuecomponents/AuthLoginThirdPartyButton.vue'\nimport { storeToRefs } from 'pinia'\nimport { computed, ref } from 'vue'\n\nconst props = withDefaults(\n  defineProps<{\n    loginMethods?: Record<string, LoginMethod>\n    type?: AuthLoginThirdPartyGroupButtonsType\n  }>(),\n  {\n    loginMethods: () => ({}),\n    type: AuthLoginThirdPartyGroupButtonsType.Continue,\n  },\n)\n\nconst { isDarkMode } = storeToRefs(useDarkModeStore())\n\nconst xAdditionalLoginOptions = ref(false)\n\nconst isApple = device.mac || device.ios\n\nconst appleText = computed<string>(() => {\n  return {\n    [AuthLoginThirdPartyGroupButtonsType.Continue]: __('Continue with Apple'),\n    [AuthLoginThirdPartyGroupButtonsType.LogIn]: __('Log in with Apple'),\n    [AuthLoginThirdPartyGroupButtonsType.SignUp]: __('Sign up with Apple'),\n  }[props.type]\n})\n\nconst googleText = computed<string>(() => {\n  return {\n    [AuthLoginThirdPartyGroupButtonsType.Continue]: __('Continue with Google'),\n    [AuthLoginThirdPartyGroupButtonsType.LogIn]: __('Log in with Google'),\n    [AuthLoginThirdPartyGroupButtonsType.SignUp]: __('Sign up with Google'),\n  }[props.type]\n})\n\nconst microsoftText = computed<string>(() => {\n  return {\n    [AuthLoginThirdPartyGroupButtonsType.Continue]: __('Continue with Microsoft'),\n    [AuthLoginThirdPartyGroupButtonsType.LogIn]: __('Log in with Microsoft'),\n    [AuthLoginThirdPartyGroupButtonsType.SignUp]: __('Sign up with Microsoft'),\n  }[props.type]\n})\n\nconst skoletubeText = computed<string>(() => {\n  return {\n    [AuthLoginThirdPartyGroupButtonsType.Continue]: __('Continue with Skoletube'),\n    [AuthLoginThirdPartyGroupButtonsType.LogIn]: __('Log in with Skoletube'),\n    [AuthLoginThirdPartyGroupButtonsType.SignUp]: __('Sign up with Skoletube'),\n  }[props.type]\n})\n\nconst classlinkText = computed<string>(() => {\n  return {\n    [AuthLoginThirdPartyGroupButtonsType.Continue]: __('Continue with ClassLink'),\n    [AuthLoginThirdPartyGroupButtonsType.LogIn]: __('Log in with ClassLink'),\n    [AuthLoginThirdPartyGroupButtonsType.SignUp]: __('Sign up with ClassLink'),\n  }[props.type]\n})\n\nconst cleverText = computed<string>(() => {\n  return {\n    [AuthLoginThirdPartyGroupButtonsType.Continue]: __('Continue with Clever'),\n    [AuthLoginThirdPartyGroupButtonsType.LogIn]: __('Log in with Clever'),\n    [AuthLoginThirdPartyGroupButtonsType.SignUp]: __('Sign up with Clever'),\n  }[props.type]\n})\n\nconst handleClick = (url: string | undefined): void => {\n  if (!url) return\n  const electronApp = fetchElectronBridge()\n  const referralCode = getSearchParams().referral_code\n  const oauthUrl = referralCode\n    ? transformUrl(url, {\n        searchParams: {\n          referralCode,\n        },\n      })\n    : url\n\n  if (electronApp.openThirdPartyAuth) {\n    return electronApp.openThirdPartyAuth(oauthUrl, URLTarget.Internal)\n  }\n\n  navigateTo(oauthUrl)\n}\n</script>\n\n<script lang=\"ts\">\nexport enum AuthLoginThirdPartyGroupButtonsType {\n  Continue = 'Continue',\n  LogIn = 'Log in',\n  SignUp = 'Sign up',\n}\n</script>\n\n<template>\n  <div>\n    <div class=\"flex flex-col space-y-2 pb-2\">\n      <!--\n      - On iOS devices: apple, google, ms, skoletube, classlink, clever\n      - On non iOS devices: google, ms, apple, skoletube, classlink, clever\n    -->\n      <AuthLoginThirdPartyButton\n        v-if=\"loginMethods.apple && isApple\"\n        icon=\"apple\"\n        :text=\"appleText\"\n        @click=\"handleClick(loginMethods.apple.url)\"\n      />\n\n      <AuthLoginThirdPartyButton\n        v-if=\"loginMethods.google\"\n        icon=\"google\"\n        :text=\"googleText\"\n        @click=\"handleClick(loginMethods.google.url)\"\n      />\n\n      <AuthLoginThirdPartyButton\n        v-if=\"loginMethods.microsoft\"\n        icon=\"windows\"\n        :text=\"microsoftText\"\n        @click=\"handleClick(loginMethods.microsoft.url)\"\n      />\n\n      <AuthLoginThirdPartyButton\n        v-if=\"loginMethods.apple && !isApple\"\n        icon=\"apple\"\n        :text=\"appleText\"\n        @click=\"handleClick(loginMethods.apple.url)\"\n      />\n      <div v-if=\"!xAdditionalLoginOptions\" class=\"flex justify-end\">\n        <OzDropdownButton\n          class=\"px-3 gap-x-1\"\n          :text=\"__('More options')\"\n          :size-preset=\"OzDropdownButtonSizePreset.H32px\"\n          :color-scheme=\"OzDropdownButtonColorScheme.SecondaryClear\"\n          :text-color-classes=\"['text-dark-text-200 dark:text-light-text-200']\"\n          @click=\"xAdditionalLoginOptions = true\"\n        />\n      </div>\n      <template v-else>\n        <AuthLoginThirdPartyButton\n          v-if=\"loginMethods.skoletube\"\n          icon=\"skoletube\"\n          :text=\"skoletubeText\"\n          @click=\"handleClick(loginMethods.skoletube.url)\"\n        />\n\n        <AuthLoginThirdPartyButton\n          v-if=\"loginMethods.classlink\"\n          icon=\"classlink\"\n          :text=\"classlinkText\"\n          @click=\"handleClick(loginMethods.classlink.url)\"\n        />\n\n        <AuthLoginThirdPartyButton\n          v-if=\"loginMethods.clever\"\n          :icon=\"isDarkMode ? 'clever_blue' : 'clever_white'\"\n          :text=\"cleverText\"\n          @click=\"handleClick(loginMethods.clever.url)\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n"],"names":["normalizeThirdPartyLoginMethods","methods","loginMethods","method","name","startsWith","AuthLoginThirdPartyGroupButtonsType","isDarkMode","storeToRefs","useDarkModeStore","xAdditionalLoginOptions","ref","isApple","device","mac","ios","appleText","computed","__","props","type","googleText","microsoftText","skoletubeText","classlinkText","cleverText","url","electronApp","fetchElectronBridge","referralCode","getSearchParams","referral_code","oauthUrl","transformUrl","searchParams","openThirdPartyAuth","URLTarget","Internal","navigateTo"],"mappings":"8uBASMA,MAAAA,EAAmCC,GAAwD,CAC/F,MAAMC,EAA4C,CAAA,EAElD,UAAWC,KAAUF,EACfE,EAAOC,OAAS,YAAcD,EAAOC,KAAKC,WAAW,MAAM,IAClDH,EAAAC,EAAOC,IAAI,EAAID,GAGvB,OAAAD,CACT,ulBCmFYI,GAAAA,IACVA,EAAA,SAAW,WACXA,EAAA,MAAQ,SACRA,EAAA,OAAS,UAHCA,IAAAA,GAAA,CAAA,CAAA,2IA3EN,CAAEC,WAAAA,CAAW,EAAIC,EAAYC,GAAkB,EAE/CC,EAA0BC,EAAI,EAAK,EAEnCC,EAAUC,EAAOC,KAAOD,EAAOE,IAE/BC,EAAYC,EAAiB,KAC1B,CACJ,SAA+CC,EAAG,qBAAqB,EACvE,SAA4CA,EAAG,mBAAmB,EAClE,UAA6CA,EAAG,oBAAoB,CACvE,GAAEC,EAAMC,IAAI,CACb,EAEKC,EAAaJ,EAAiB,KAC3B,CACJ,SAA+CC,EAAG,sBAAsB,EACxE,SAA4CA,EAAG,oBAAoB,EACnE,UAA6CA,EAAG,qBAAqB,CACxE,GAAEC,EAAMC,IAAI,CACb,EAEKE,EAAgBL,EAAiB,KAC9B,CACJ,SAA+CC,EAAG,yBAAyB,EAC3E,SAA4CA,EAAG,uBAAuB,EACtE,UAA6CA,EAAG,wBAAwB,CAC3E,GAAEC,EAAMC,IAAI,CACb,EAEKG,EAAgBN,EAAiB,KAC9B,CACJ,SAA+CC,EAAG,yBAAyB,EAC3E,SAA4CA,EAAG,uBAAuB,EACtE,UAA6CA,EAAG,wBAAwB,CAC3E,GAAEC,EAAMC,IAAI,CACb,EAEKI,EAAgBP,EAAiB,KAC9B,CACJ,SAA+CC,EAAG,yBAAyB,EAC3E,SAA4CA,EAAG,uBAAuB,EACtE,UAA6CA,EAAG,wBAAwB,CAC3E,GAAEC,EAAMC,IAAI,CACb,EAEKK,EAAaR,EAAiB,KAC3B,CACJ,SAA+CC,EAAG,sBAAsB,EACxE,SAA4CA,EAAG,oBAAoB,EACnE,UAA6CA,EAAG,qBAAqB,CACxE,GAAEC,EAAMC,IAAI,CACb,mNAEoBM,GAAkC,CACrD,GAAI,CAACA,EAAK,OACV,MAAMC,EAAcC,IACdC,EAAeC,EAAkB,EAAAC,cACjCC,EAAWH,EACbI,EAAaP,EAAK,CAChBQ,aAAc,CACZL,aAAAA,CACF,CACD,CAAA,EACDH,EAEJ,GAAIC,EAAYQ,mBACd,OAAOR,EAAYQ,mBAAmBH,EAAUI,EAAUC,QAAQ,EAGpEC,EAAWN,CAAQ"}