Merged in feat/LOY-391-my-points-transactions-table-design (pull request #3415)

Feat/LOY-391 my points transactions table design

* feat(LOY-391): Added new design to point transaction table

* fix(LOY-391): rebase fix

* fix(LOY-391): fix

* fix(LOY-391): fix

* fix(LOY-391): fixed sticky header etc.

* feat(LOY-391): added focus on the newest loaded item in the list

* fix(LOY-391): cleaned up

* fix(LOY-391): style fix

* fix(LOY-391): fixed PR-comments, types, removed the old files for earn and burn table

* fix(LOY-391): fixed PR-comments

* feat(LOY-391): added useCallback so scrolling is avoided when clicking see all on expiring points


Approved-by: Anton Gunnarsson
Approved-by: Matilda Landström

packages/common/constants/transactionType.ts

@@ -0,0 +1,4 @@
+// 'BALFWD' are transactions from Opera migration that happended in May 2021
+export const BALFWD = "BALFWD"
+
+export const NON_TRANSACTIONAL = "non-transactional"

packages/common/package.json

@@ -31,6 +31,7 @@
     "./constants/routes/*": "./constants/routes/*.ts",
     "./constants/sessionKeys": "./constants/sessionKeys.ts",
     "./constants/signatureHotels": "./constants/signatureHotels.ts",
+    "./constants/transactionType": "./constants/transactionType.ts",
     "./dataCache": "./dataCache/index.ts",
     "./dt": "./dt/dt.ts",
     "./dt/utils/hasOverlappingDates": "./dt/utils/hasOverlappingDates.ts",

packages/common/stores/sticky-position.ts

@@ -7,6 +7,7 @@ export enum StickyElementNameEnum {
   HOTEL_TAB_NAVIGATION = "HOTEL_TAB_NAVIGATION",
   HOTEL_STATIC_MAP = "HOTEL_STATIC_MAP",
   DESTINATION_SIDEBAR = "DESTINATION_SIDEBAR",
+  TRANSACTION_LIST_HEADER = "TRANSACTION_LIST_HEADER",
 }
 
 export interface StickyElement {
@@ -39,6 +40,7 @@ const priorityMap: Record<StickyElementNameEnum, number> = {
 
   [StickyElementNameEnum.MEETING_PACKAGE_WIDGET]: 3,
   [StickyElementNameEnum.DESTINATION_SIDEBAR]: 3,
+  [StickyElementNameEnum.TRANSACTION_LIST_HEADER]: 3,
 }
 
 const useStickyPositionStore = create<StickyStore>((set, get) => ({