Merged in feat/SW-1149-handle-status-polling (pull request #1562)

Feat/SW-1149 handle status polling

* feat(SW-1149): move terms and conditions sections to separate component and added copy

* feat(SW-1149): Added client component to handle success callback for payment flow

* fix: check for bookingCompleted status as well

* feat(SW-1587): use alert instead of toast for showing payment errors

* fix: added enum for payment callback status

* fix: proper way of checking for multiple statuses

* fix: update schema type

* fix: use localised link to customer service

* fix: update to use enum for status strings


Approved-by: Arvid Norlin

apps/scandic-web/components/TempDesignSystem/Alert/index.tsx

@@ -1,5 +1,8 @@
 "use client"
 
+import { Button } from "@scandic-hotels/design-system/Button"
+
+import { CloseLargeIcon } from "@/components/Icons"
 import Body from "@/components/TempDesignSystem/Text/Body"
 
 import Link from "../Link"
@@ -18,6 +21,7 @@ export default function Alert({
   heading,
   text,
   link,
+  close,
   phoneContact,
   sidepeekCtaText,
   sidepeekContent,
@@ -67,6 +71,7 @@ export default function Alert({
               </Body>
             ) : null}
           </div>
+
           {link ? (
             <Link
               color="burgundy"
@@ -84,6 +89,11 @@ export default function Alert({
             />
           ) : null}
         </div>
+        {close ? (
+          <Button onPress={close} variant="Text" className={styles.closeButton}>
+            <CloseLargeIcon height={24} width={24} color="uiTextPlaceholder" />
+          </Button>
+        ) : null}
       </div>
     </section>
   )