{"version":3,"file":"GetLogin-DVDNwKII.js","sources":["../../src/assets/btn_google_signin_light_normal_web.svg","../../src/assets/ms-symbollockup_signin_light.svg","../../src/assets/icons/send.svg","../../src/api/login.ts","../../src/components/login/Index.vue","../../src/pages/GetLogin.ts"],"sourcesContent":["export default \"__VITE_ASSET__BXfSzBS0__\"","export default \"__VITE_ASSET__dzUEl01k__\"","export default \"data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13.0002%2043C12.798%2043%2017.0461%2025.7021%2017.0461%2025.7021C17.1496%2025.3681%2017.4211%2025.1123%2017.7609%2025.0293C18.0998%2024.9433%2018.4601%2025.0459%2018.7072%2025.2929L25.7072%2032.2929C25.9123%2032.498%2026.0177%2032.7812%2025.9972%2033.0712C25.9767%2033.3603%2025.8322%2033.6259%2025.5998%2033.7998L13.5998%2042.7998C13.423%2042.9335%2013.2111%2043%2013.0002%2043Z'%20fill='%23948166'/%3e%3cpath%20d='M35.9922%2045C35.7793%2045%2035.5674%2044.9316%2035.3926%2044.7998L3.40041%2020.7998C3.11037%2020.583%202.96096%2020.2275%203.00881%2019.8691C3.05569%2019.5107%203.29299%2019.206%203.62893%2019.0712L43.6289%203.07124C43.9697%202.93647%2044.3584%202.99507%2044.6397%203.2314C44.9219%203.46578%2045.0528%203.83589%2044.9805%204.19624L36.9727%2044.1962C36.9053%2044.5332%2036.6699%2044.8115%2036.3487%2044.9345C36.2334%2044.9785%2036.1123%2045%2035.9922%2045Z'%20fill='%23E9E3DB'/%3e%3cpath%20d='M13.001%2043C12.9473%2043%2012.8936%2042.9961%2012.8399%2042.9873C12.3555%2042.9082%2012%2042.4902%2012%2042V27C12%2026.6836%2012.1504%2026.3857%2012.4043%2026.1972L43.4043%203.19724C43.8291%202.88181%2044.4228%202.95212%2044.7637%203.35349C45.1045%203.75681%2045.0732%204.35447%2044.6934%204.72068L17.1985%2031.1509L13.9482%2042.3164C13.8106%2042.7295%2013.4248%2043%2013.001%2043Z'%20fill='%23CDC2B3'/%3e%3c/svg%3e\"","import { BaseAPI, ReqOptions } from \"@xy-planning-network/trees\"\n\nconst LoginAPI = {\n  createMagicLogin(email: string, opts?: ReqOptions) {\n    return BaseAPI.post<Record<string, never>>(\n      \"/login\",\n      { email: email },\n      opts || {}\n    )\n  },\n}\n\nexport default LoginAPI\n","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\"\nimport { Flash, InlineAlert } from \"@xy-planning-network/trees\"\nimport { isValidEmail } from \"@/composables/email\"\nimport Footer from \"@/components/shared/Footer.vue\"\nimport LoginAPI from \"@/api/login\"\n\n// refs\nconst email = ref(\"\")\nconst errorText = ref(\"\")\nconst loading = ref(false)\nconst manualLogin = ref(false)\nconst manualLoginSuccess = ref(false)\n\n// methods\nconst create = (): void => {\n  loading.value = true\n  LoginAPI.createMagicLogin(email.value).then(\n    () => {\n      loading.value = false\n      manualLoginSuccess.value = true\n    },\n    () => {\n      errorText.value = \"Email login for that address is not available.\"\n      loading.value = false\n    }\n  )\n}\n\nconst onEmailChange = (): void => {\n  if (errorText.value !== \"\") {\n    errorText.value = \"\"\n  }\n}\n\n// computed\nconst validEmail = computed((): boolean => {\n  return isValidEmail(email.value)\n})\n</script>\n\n<template>\n  <div class=\"relative min-h-screen\">\n    <Flash />\n\n    <div class=\"bg-gray-50 flex flex-col justify-center py-12 sm:px-6 lg:px-8\">\n      <div class=\"hidden sm:block sm:absolute sm:inset-y-0 sm:h-full sm:w-full\">\n        <div class=\"relative h-full max-w-screen-xl mx-auto\">\n          <img\n            class=\"absolute opacity-5 right-full transform translate-y-1/2 translate-x-1/4 lg:translate-x-1/2\"\n            src=\"@/assets/XYPN_Grid_Blue-9.svg\"\n          />\n          <img\n            class=\"absolute opacity-10 left-full transform -translate-y-3/4 -translate-x-1/4 md:-translate-y-1/2 lg:-translate-x-1/3\"\n            src=\"@/assets/XYPN_Grid_Green-2.svg\"\n          />\n        </div>\n      </div>\n\n      <div class=\"sm:mx-auto sm:w-full sm:max-w-md\">\n        <img class=\"mx-auto h-40 w-auto\" src=\"@/assets/logo-wide.svg\" />\n        <h1 class=\"xy-h1-extra-flair text-center\">Sign in to your account</h1>\n      </div>\n\n      <div\n        v-if=\"!manualLogin\"\n        class=\"mt-4 sm:mx-auto sm:w-full sm:max-w-md relative\"\n      >\n        <a href=\"/auth/google/login\">\n          <img\n            src=\"@/assets/btn_google_signin_light_normal_web.svg\"\n            class=\"mt-4 mx-auto w-[223px]\"\n          />\n        </a>\n\n        <a href=\"/auth/microsoft/login\">\n          <img\n            src=\"@/assets/ms-symbollockup_signin_light.svg\"\n            class=\"mt-2 mx-auto\"\n          />\n        </a>\n\n        <p class=\"mt-2 text-center max-w\">\n          Or\n          <a href=\"#\" class=\"xy-link\" @click.prevent=\"manualLogin = true\">\n            continue with email&hellip;\n          </a>\n        </p>\n      </div>\n\n      <div\n        v-if=\"manualLogin\"\n        class=\"mt-8 sm:mx-auto sm:w-full sm:max-w-md relative\"\n      >\n        <div\n          v-if=\"!manualLoginSuccess\"\n          class=\"bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10\"\n        >\n          <form @submit.prevent=\"create()\">\n            <div>\n              <InlineAlert\n                v-if=\"errorText\"\n                :content=\"errorText\"\n                class=\"mb-2\"\n                kind=\"alert\"\n              />\n              <label\n                for=\"email\"\n                class=\"block text-sm font-medium leading-5 text-gray-700\"\n              >\n                Email address\n              </label>\n              <div class=\"mt-1 rounded-md shadow-sm relative\">\n                <BaseInput\n                  v-model=\"email\"\n                  type=\"email\"\n                  @input=\"onEmailChange\"\n                />\n              </div>\n            </div>\n\n            <div class=\"mt-6\">\n              <span class=\"block w-full\">\n                <button\n                  type=\"submit\"\n                  class=\"xy-btn w-full\"\n                  :disabled=\"!validEmail || loading\"\n                >\n                  Send Magic Link\n                </button>\n              </span>\n            </div>\n          </form>\n        </div>\n\n        <div\n          v-else\n          class=\"bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10 mx-auto\"\n        >\n          <div class=\"flex-1 bg-white p-6 flex flex-col justify-between\">\n            <img src=\"@/assets/icons/send.svg\" class=\"mb-2\" />\n            <a href=\"#\" class=\"block\">\n              <h3 class=\"mt-2 font-semibold\">\n                We've sent an email to {{ email }}.\n              </h3>\n              <p class=\"mt-3 text-base leading-6 text-gray-600\">\n                Please note: the magic link provided in the email will expire in\n                5 minutes.\n              </p>\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <Footer bg=\"bg-gray-50\"></Footer>\n</template>\n","import Index from \"../components/login/Index.vue\"\nimport init from \"../root_init\"\ninit(Index)\n"],"names":["_imports_3","_imports_4","_imports_5","LoginAPI","email","opts","BaseAPI","ref","errorText","loading","manualLogin","manualLoginSuccess","create","onEmailChange","validEmail","computed","isValidEmail","init","Index"],"mappings":"8TAAA,MAAeA,EAAA,sECAAC,EAAA,gECAAC,EAAA,o8CCETC,EAAW,CACf,iBAAiBC,EAAeC,EAAmB,CACjD,OAAOC,EAAQ,KACb,SACA,CAAE,MAAAF,CAAa,EACfC,GAAQ,CAAA,CACV,CAAA,CAEJ,gqBCFM,MAAAD,EAAQG,EAAI,EAAE,EACdC,EAAYD,EAAI,EAAE,EAClBE,EAAUF,EAAI,EAAK,EACnBG,EAAcH,EAAI,EAAK,EACvBI,EAAqBJ,EAAI,EAAK,EAG9BK,EAAS,IAAY,CACzBH,EAAQ,MAAQ,GACPN,EAAA,iBAAiBC,EAAM,KAAK,EAAE,KACrC,IAAM,CACJK,EAAQ,MAAQ,GAChBE,EAAmB,MAAQ,EAC7B,EACA,IAAM,CACJH,EAAU,MAAQ,iDAClBC,EAAQ,MAAQ,EAAA,CAEpB,CACF,EAEMI,EAAgB,IAAY,CAC5BL,EAAU,QAAU,KACtBA,EAAU,MAAQ,GAEtB,EAGMM,EAAaC,EAAS,IACnBC,EAAaZ,EAAM,KAAK,CAChC,k9DCpCDa,EAAKC,EAAK"}