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

app/[lang]/(partner)/(sas)/(protected)/sas-x-scandic/components/GenericError.tsx

@@ -0,0 +1,39 @@
+"use client"
+import Image from "next/image"
+
+import ErrorCircleFilledIcon from "@/components/Icons/ErrorCircleFilled"
+import Title from "@/components/TempDesignSystem/Text/Title"
+
+import { SASModal } from "./SASModal"
+
+import type { ReactNode } from "react"
+
+export function GenericError({
+  title,
+  variant = "error",
+  children,
+}: {
+  title: ReactNode
+  variant?: "error" | "info"
+  children: ReactNode
+}) {
+  return (
+    <SASModal>
+      {variant === "error" ? (
+        <ErrorCircleFilledIcon height={64} width={64} color="red" />
+      ) : (
+        <Image
+          src="/_static/img/scandic-loyalty-time.svg"
+          alt=""
+          width={140}
+          height={110}
+          style={{ marginTop: 16 }}
+        />
+      )}
+      <Title as="h3" level="h1" textAlign="center" textTransform="regular">
+        {title}
+      </Title>
+      {children}
+    </SASModal>
+  )
+}