Merge branch 'binary-com:master' into rostislav/wall-3456/wallet-migr…

…ation-banners

packages/account-v2/package.json

@@ -15,7 +15,7 @@
         "@deriv-com/utils": "^0.0.11",
         "@deriv/api-types": "^1.0.172",
         "@deriv/api-v2": "^1.0.0",
-        "@deriv/quill-icons": "^1.19.5",
+        "@deriv/quill-icons": "^1.21.0",
         "class-variance-authority": "^0.7.0",
         "dayjs": "^1.11.10",
         "formik": "^2.1.4",

packages/account/src/Components/account-limits/account-limits.scss

@@ -75,7 +75,7 @@
     }
 
     &__popover {
-        margin-left: 0.8rem;
+        margin-inline-start: 0.8rem;
     }
 
     &--app-settings {

packages/account/src/Components/poi/status/unsupported/unsupported.scss

@@ -20,6 +20,11 @@
         justify-content: flex-start;
         user-select: none;
 
+        @include rtl {
+            svg:not(:first-child) {
+                transform: rotate(180deg);
+            }
+        }
         .dc-icon {
             flex: none;
         }

packages/account/src/Styles/account.scss

@@ -20,8 +20,8 @@ $MIN_HEIGHT_FLOATING: calc(
         }
 
         &__header--active {
-            border-left: 4px solid var(--brand-red-coral);
-            padding-left: 4.4rem;
+            border-inline-start: 4px solid var(--brand-red-coral);
+            padding-inline-start: 4.4rem;
             background-color: var(--general-main-1);
         }
 
@@ -37,7 +37,7 @@ $MIN_HEIGHT_FLOATING: calc(
                 cursor: pointer;
 
                 &--icon {
-                    margin-right: 0.8rem;
+                    margin-inline-end: 0.8rem;
                 }
             }
         }
@@ -48,14 +48,14 @@ $MIN_HEIGHT_FLOATING: calc(
 
         .dc-vertical-tab__header {
             font-size: 1.2rem;
-            padding-left: 3.9rem;
+            padding-inline-start: 3.9rem;
 
             &__link {
-                margin-left: unset;
+                margin-inline-start: unset;
             }
 
             &--highlight {
-                border-left: unset;
+                border-inline-start: unset;
             }
 
             &-group__icon {
@@ -69,14 +69,14 @@ $MIN_HEIGHT_FLOATING: calc(
             &__financial-assessment {
                 .account__scrollbars_container {
                     width: 68.5rem;
-                    margin-left: 6rem;
+                    margin-inline-start: 6rem;
                     padding-top: 0;
                 }
             }
 
             &__password-wrapper {
                 width: 68.5rem;
-                margin-left: 6rem;
+                margin-inline-start: 6rem;
             }
         }
 
@@ -100,7 +100,7 @@ $MIN_HEIGHT_FLOATING: calc(
                     line-height: 1.5;
                     width: calc(100% - 2rem);
                     float: left;
-                    padding-left: 2rem;
+                    padding-inline-start: 2rem;
                 }
 
                 &-close {
@@ -1582,6 +1582,12 @@ $MIN_HEIGHT_FLOATING: calc(
             @include mobile {
                 padding-left: 5%;
             }
+
+            @include rtl {
+                & > li {
+                    width: fit-content;
+                }
+            }
         }
     }
 
@@ -1610,12 +1616,12 @@ $MIN_HEIGHT_FLOATING: calc(
     &__button {
         &--cancel {
             margin-top: 2.4rem;
-            margin-right: 10px;
+            margin-inline-end: 10px;
             float: right;
 
             @include mobile {
                 margin-top: -8px;
-                margin-right: 10px;
+                margin-inline-end: 10px;
                 float: right;
             }
         }

packages/api/src/hooks/index.ts

@@ -71,7 +71,6 @@ export { default as useInfiniteTransactions } from './useInfiniteTransactions';
 export { default as useTransferBetweenAccounts } from './useTransferBetweenAccounts';
 export { default as useVerifyEmail } from './useVerifyEmail';
 export { default as useWalletAccountsList } from './useWalletAccountsList';
-export { default as useWalletMigration } from './useWalletMigration';
 export { default as useTradingPlatformPasswordReset } from './useTradingPlatformPasswordReset';
 export { default as useResetVirtualBalance } from './useResetVirtualBalance';
 export { default as useExchangeRates } from './useExchangeRates';