Fix issues with store switcher

ISSUE CS-4764
Adyen · Oct 24, 2023 · 3e0fdec · 3e0fdec
1 parent a61374f
commit 3e0fdec
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/src/views/css/adyen-core.css b/src/views/css/adyen-core.css
@@ -2796,10 +2796,12 @@ ul.adl-bullet-list li {
   max-width: 90%;
   flex-direction: column;
   align-items: center;
-  position: relative;
+  position: fixed;
   margin: 0 auto;
   box-shadow: 0 8px 8px rgba(0, 17, 44, 0.04), 0 2px 4px rgba(0, 17, 44, 0.08);
   border-radius: 12px;
+  top: 50vh;
+  transform: translateY(-50%);
 }
 #adl-page .adl-modal .adlp-modal-content .adlp-close-button {
   position: absolute;

diff --git a/src/views/js/StateController.js b/src/views/js/StateController.js
@@ -21,6 +21,7 @@ if (!window.AdyenFE) {
      * @property {string} stateUrl
      * @property {string} storesUrl
      * @property {string} currentStoreUrl
+     * @property {string} switchContextUrl
      * @property {string} connectionDetailsUrl
      * @property {string} merchantsUrl
      * @property {string} versionUrl
@@ -288,10 +289,15 @@ if (!window.AdyenFE) {
                                 return Promise.resolve(true);
                             },
                             (storeId) => {
-                                setStoreId(storeId);
-                                window.location.hash = '';
-                                this.enableSidebar();
-                                this.display();
+                                if (storeId !== getStoreId()) {
+                                    api.get(configuration.switchContextUrl.replace('{storeId}', storeId)).then(
+                                        /** @param {Store|Store[]} response */
+                                        (response) => {
+                                            setStoreId(storeId);
+                                            location.reload();
+                                        }
+                                    );
+                                }
                             }
                         )
                     );
@@ -362,9 +368,9 @@ if (!window.AdyenFE) {
             const container = templateService.getHeaderSection();
             templateService.clearComponent(container);
             enabled &&
-                container.append(
-                    elementGenerator.createFlashMessage(['maintenance.title', 'maintenance.description'], 'warning')
-                );
+            container.append(
+                elementGenerator.createFlashMessage(['maintenance.title', 'maintenance.description'], 'warning')
+            );
         };
 
         /**