Merged in feat/SW-104-add-card (pull request #410)

Feat/SW-104 add card

* feat: add api endpoints for adding and removing credit card

* feat(SW-104): Added Sonner toast lib

* feat(SW-104): Add route handlers for add card flow

* feat(SW-104): Added link to route handler and trigger toast when query params from callback is set

* feat(SW-104): Added translations for add card success toast

* feat(SW-104): Refactored to use client request for initiate save card

* fix(SW-104): Return proper status codes when initiating save card fails

* fix(SW-104): remove delete card endpoint because it was added in SW-245

* fix(SW-104): remove console.log

* fix(SW-104): Use api.post for save card request

* fix(SW-104): move function declaration above export

* fix(SW-104): handle response of save card and use Lang enum

* fix(SW-104): added comment for why setTimeout is needed for toast and also removed lang prop

* fix(SW-104): added type for AddCreditCardButton props

* feat: add toasts

* fix(SW-104): start using toasts from ToastHandler and fix problem with duplicate toasts

* fix(SW-104): remove unnecessary wrapping div


Approved-by: Michael Zetterberg

components/Icons/get-icon-by-icon-name.ts

@@ -14,8 +14,10 @@ import {
   ChevronDownIcon,
   ChevronRightIcon,
   CloseIcon,
+  CloseLarge,
   CoffeeIcon,
   ConciergeIcon,
+  CrossCircle,
   DoorOpenIcon,
   ElectricBikeIcon,
   EmailIcon,
@@ -34,6 +36,7 @@ import {
   PlusCircleIcon,
   RestaurantIcon,
   TshirtWashIcon,
+  WarningTriangle,
   WifiIcon,
 } from "."
 
@@ -59,6 +62,8 @@ export function getIconByIconName(icon?: IconName): FC<IconProps> | null {
       return CellphoneIcon
     case IconName.Check:
       return CheckIcon
+    case IconName.CrossCircle:
+      return CrossCircle
     case IconName.CheckCircle:
       return CheckCircleIcon
     case IconName.ChevronDown:
@@ -67,6 +72,8 @@ export function getIconByIconName(icon?: IconName): FC<IconProps> | null {
       return ChevronRightIcon
     case IconName.Close:
       return CloseIcon
+    case IconName.CloseLarge:
+      return CloseLarge
     case IconName.Coffee:
       return CoffeeIcon
     case IconName.Concierge:
@@ -107,6 +114,8 @@ export function getIconByIconName(icon?: IconName): FC<IconProps> | null {
       return RestaurantIcon
     case IconName.TshirtWash:
       return TshirtWashIcon
+    case IconName.WarningTriangle:
+      return WarningTriangle
     case IconName.Wifi:
       return WifiIcon
     default: