Merged in feature/sas-login (pull request #1256)

First steps towards the SAS partnership * otp flow now pretends to do the linking * Update LinkAccountForm header * Update redirect times * Clean up comments * Set maxAge on sas cookies * make all SAS routes protected * Merge remote-tracking branch 'refs/remotes/origin/feature/sas-login' into feature/sas-login * Require auth for sas link flow * Fix resend otp * Add error support to OneTimePasswordForm * Add Sentry to SAS error boundary * Move SAS_REQUEST_OTP_STATE_STORAGE_COOKIE_NAME * Add missing translations * Merge branch 'master' of bitbucket.org:scandic-swap/web into feature/sas-login * Merge branch 'feature/sas-login' of bitbucket.org:scandic-swap/web into feature/sas-login * Add TooManyCodesError component * Refactor GenericError to support new errors * Add FailedAttemptsError * remove removed component <VWOScript/> * Merge branch 'feature/sas-login' of bitbucket.org:scandic-swap/web into feature/sas-login * remove local cookie-bot reference * Fix sas campaign logo scaling * feature toggle the SAS stuff * Merge branch 'feature/sas-login' of bitbucket.org:scandic-swap/web into feature/sas-login * fix: use env vars for SAS endpoints Approved-by: Linus Flood
2025-02-05 14:43:14 +00:00
parent e3b1bfc414
commit 46ebbbba8f
62 changed files with 2606 additions and 89 deletions
--- a/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/login/page.tsx
+++ b/app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/login/page.tsx
@@ -0,0 +1,90 @@
+import { redirect } from "next/navigation"
+import React from "react"
+import { z } from "zod"
+
+import { env } from "@/env/server"
+
+import Image from "@/components/Image"
+import { Redirect } from "@/components/Redirect"
+import Link from "@/components/TempDesignSystem/Link"
+import Body from "@/components/TempDesignSystem/Text/Body"
+import Footnote from "@/components/TempDesignSystem/Text/Footnote"
+import Title from "@/components/TempDesignSystem/Text/Title"
+import { getIntl } from "@/i18n"
+
+import { SASModal } from "../components/SASModal"
+
+import type { LangParams, PageArgs, SearchParams } from "@/types/params"
+import type { State } from "../sasUtils"
+
+const searchParamsSchema = z.object({
+  intent: z.enum(["link"]),
+})
+export default async function SASxScandicLoginPage({
+  searchParams,
+  params,
+}: PageArgs<LangParams> & SearchParams) {
+  const result = searchParamsSchema.safeParse(searchParams)
+  if (!result.success) {
+    // TOOD where to redirect?
+    redirect(`/${params.lang}/sas-x-scandic/link`)
+  }
+  const parsedParams = result.data
+
+  const intl = await getIntl()
+  const redirectUri = new URL(
+    "/en/sas-x-scandic/callback",
+    env.PUBLIC_URL
+  ).toString()
+
+  const state: State = { intent: parsedParams.intent }
+  const urlState = encodeURIComponent(JSON.stringify(state))
+  const clientId = env.SAS_AUTH_CLIENTID
+  const sasLoginHostname = env.SAS_AUTH_ENDPOINT
+  const audience = "eb-partner-api"
+  // TODO check if this is correct scopes
+  const scope = encodeURIComponent("openid profile email")
+
+  const loginLink = `${sasLoginHostname}/oauth/authorize?response_type=code&client_id=${clientId}&redirect_uri=${redirectUri}&scope=${scope}&state=${urlState}&audience=${audience}`
+
+  return (
+    <SASModal>
+      <Redirect url={loginLink} timeout={3000} />
+      <Image
+        src="/_static/img/scandic-loyalty-time.svg"
+        alt=""
+        width="140"
+        height="110"
+        style={{ marginTop: 16 }}
+      />
+      <Title as="h2" level="h1" textTransform="regular">
+        {intl.formatMessage({ id: "Redirecting you to SAS" })}
+      </Title>
+      <Body textAlign="center">
+        {intl.formatMessage({
+          id: "In order to verify your account linking we will ask you to sign in to your SAS EuroBonus account.",
+        })}
+      </Body>
+      <Footnote textAlign="center">
+        {intl.formatMessage<React.ReactNode>(
+          {
+            id: "If you are not redirected automatically, please <loginLink>click here</loginLink>.",
+          },
+          {
+            loginLink: (str) => (
+              <Link
+                href={loginLink}
+                color="red"
+                variant="default"
+                size="tiny"
+                textDecoration="underline"
+              >
+                {str}
+              </Link>
+            ),
+          }
+        )}
+      </Footnote>
+    </SASModal>
+  )
+}