From 1339fca75fa7f4d4f396ec8bd7044175016c0af5 Mon Sep 17 00:00:00 2001
From: Nikita Polyakov <53777036+Nikita-Polyakov@users.noreply.github.com>
Date: Tue, 26 Mar 2024 19:58:45 +0300
Subject: [PATCH] Add skeleton to swap distribution widget (#1361)

* add distribution skeleton, set tx table columns width

* fix distribution sources css

* fix flex-cell

* return sidebar collapsed css

* Update substrate lib

---------

Co-authored-by: Stefan Popov <17688105+stefashkaa@users.noreply.github.com>
---
 package.json                                  |   2 +-
 src/App.vue                                   |  15 ++
 .../pages/Swap/Widget/Distribution.vue        | 137 ++++++++++++++----
 .../pages/Swap/Widget/Transactions.vue        |   6 +-
 yarn.lock                                     | 100 ++++++-------
 5 files changed, 173 insertions(+), 87 deletions(-)

diff --git a/package.json b/package.json
index b4763b1e6..5d927e55e 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@metamask/detect-provider": "^2.0.0",
-    "@soramitsu/soraneo-wallet-web": "1.32.5",
+    "@soramitsu/soraneo-wallet-web": "1.32.6",
     "@walletconnect/ethereum-provider": "^2.11.2",
     "@walletconnect/modal": "^2.6.2",
     "core-js": "^3.36.0",
diff --git a/src/App.vue b/src/App.vue
index 9f37c6dfe..121228001 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -571,6 +571,21 @@ i.icon-divider {
     justify-content: center;
   }
 }
+
+@include desktop {
+  .app-main {
+    .app-menu {
+      &:not(.collapsed) {
+        position: relative;
+      }
+      &.collapsed {
+        & + .app-body {
+          margin-left: 74px;
+        }
+      }
+    }
+  }
+}
 </style>
 
 <style lang="scss" scoped>
diff --git a/src/components/pages/Swap/Widget/Distribution.vue b/src/components/pages/Swap/Widget/Distribution.vue
index 2a91d4ce7..7f1abdb7d 100644
--- a/src/components/pages/Swap/Widget/Distribution.vue
+++ b/src/components/pages/Swap/Widget/Distribution.vue
@@ -1,35 +1,75 @@
 <template>
   <base-widget :title="t('swap.route')">
-    <ul class="distribution">
-      <li v-for="{ input, output, amount, sources } in swapPaths" :key="input.address" class="distribution-step">
-        <div class="distribution-asset">
-          <token-logo :token="input" size="small" />
-          <span class="distribution-asset-amount">{{ amount }} {{ input.symbol }}</span>
-        </div>
-        <div v-if="sources.length" class="distribution-path">
-          <span class="distribution-path-line"></span>
-          <div class="distribution-path-sources">
-            <div
-              v-for="{ source, income, outcome, fiatDifference } in sources"
-              :key="source"
-              class="distribution-path-source"
-            >
-              <div class="flex-cell">
-                <span>{{ source }}:</span>
-                <value-status-wrapper :value="fiatDifference">
-                  <formatted-amount :value="formatStringValue(fiatDifference)">%</formatted-amount>
-                </value-status-wrapper>
-              </div>
-              <div class="flex-cell">
-                <token-logo :token="input" size="mini" />{{ income }}
-                &rarr;
-                <token-logo :token="output" size="mini" />{{ outcome }}
+    <s-skeleton :loading="!swapPaths.length">
+      <template #template>
+        <div class="distribution">
+          <div class="distribution-step">
+            <div class="distribution-asset">
+              <template v-if="tokenFrom">
+                <token-logo :token="tokenFrom" size="small" class="distribution-asset-logo" />
+                <span class="distribution-asset-amount">{{ fromValue }} {{ tokenFrom.symbol }}</span>
+              </template>
+            </div>
+            <div class="distribution-path">
+              <span class="distribution-path-line"></span>
+              <div class="distribution-path-sources">
+                <div class="distribution-path-source">
+                  <div class="flex-cell">
+                    <s-skeleton-item element="rect" class="distribution-path-source-name" />
+                    <s-skeleton-item element="rect" class="distribution-path-source-change" />
+                  </div>
+                  <div class="flex-cell">
+                    <s-skeleton-item element="circle" />
+                    <s-skeleton-item element="rect" />
+                    <s-skeleton-item element="circle" />
+                    <s-skeleton-item element="rect" />
+                  </div>
+                </div>
               </div>
             </div>
           </div>
+          <div class="distribution-step">
+            <div class="distribution-asset">
+              <template v-if="tokenTo">
+                <token-logo :token="tokenTo" size="small" class="distribution-asset-logo" />
+                <span class="distribution-asset-amount">{{ toValue }} {{ tokenTo.symbol }}</span>
+              </template>
+            </div>
+          </div>
         </div>
-      </li>
-    </ul>
+      </template>
+
+      <ul class="distribution">
+        <li v-for="{ input, output, amount, sources } in swapPaths" :key="input.address" class="distribution-step">
+          <div class="distribution-asset">
+            <token-logo :token="input" size="small" class="distribution-asset-logo" />
+            <span class="distribution-asset-amount">{{ amount }} {{ input.symbol }}</span>
+          </div>
+          <div v-if="sources.length" class="distribution-path">
+            <span class="distribution-path-line"></span>
+            <div class="distribution-path-sources">
+              <div
+                v-for="{ source, income, outcome, fiatDifference } in sources"
+                :key="source"
+                class="distribution-path-source"
+              >
+                <div class="flex-cell">
+                  <span class="distribution-path-source-name">{{ source }}:</span>
+                  <value-status-wrapper :value="fiatDifference" class="distribution-path-source-change">
+                    <formatted-amount :value="formatStringValue(fiatDifference)">%</formatted-amount>
+                  </value-status-wrapper>
+                </div>
+                <div class="flex-cell">
+                  <div class="flex-cell"><token-logo :token="input" size="mini" />{{ income }}</div>
+                  &rarr;
+                  <div class="flex-cell"><token-logo :token="output" size="mini" />{{ outcome }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </s-skeleton>
   </base-widget>
 </template>
 
@@ -37,6 +77,7 @@
 import { LiquiditySourceTypes } from '@sora-substrate/liquidity-proxy/build/consts';
 import { FPNumber } from '@sora-substrate/util';
 import { components, mixins } from '@soramitsu/soraneo-wallet-web';
+import { SSkeleton, SSkeletonItem } from '@soramitsu-ui/ui-vue2/lib/components/Skeleton';
 import { Component, Mixins } from 'vue-property-decorator';
 
 import TranslationMixin from '@/components/mixins/TranslationMixin';
@@ -72,6 +113,8 @@ const MARKETS = {
 
 @Component({
   components: {
+    SSkeleton,
+    SSkeletonItem,
     TokenLogo: components.TokenLogo,
     FormattedAmount: components.FormattedAmount,
     BaseWidget: lazyComponent(Components.BaseWidget),
@@ -80,8 +123,12 @@ const MARKETS = {
 })
 export default class SwapDistributionWidget extends Mixins(mixins.FormattedAmountMixin, TranslationMixin) {
   @state.swap.distribution private distribution!: Distribution[][];
+  @state.swap.fromValue fromValue!: string;
+  @state.swap.toValue toValue!: string;
 
   @getter.assets.assetDataByAddress private getAsset!: (addr?: string) => Nullable<AccountAsset>;
+  @getter.swap.tokenFrom tokenFrom!: Nullable<AccountAsset>;
+  @getter.swap.tokenTo tokenTo!: Nullable<AccountAsset>;
 
   get swapPaths(): SwapPath[] {
     const paths: SwapPath[] = [];
@@ -126,11 +173,35 @@ export default class SwapDistributionWidget extends Mixins(mixins.FormattedAmoun
 }
 </script>
 
+<style lang="scss">
+.s-skeleton .distribution {
+  .el-skeleton__item {
+    display: inline-flex;
+    flex-shrink: 0;
+    width: initial;
+
+    &:not(:last-child) {
+      margin-bottom: 0;
+    }
+
+    &.el-skeleton__circle {
+      width: 16px;
+      height: 16px;
+    }
+    &.el-skeleton__rect {
+      min-width: 48px;
+      min-height: 16px;
+    }
+  }
+}
+</style>
+
 <style lang="scss" scoped>
 $path-color: var(--s-color-base-content-tertiary);
 
 .flex-cell {
-  display: inline-flex;
+  display: flex;
+  flex-flow: row wrap;
   align-items: center;
   gap: $inner-spacing-tiny;
 }
@@ -145,6 +216,9 @@ $path-color: var(--s-color-base-content-tertiary);
     align-items: center;
     gap: $inner-spacing-mini;
 
+    min-height: 40px;
+    min-width: 120px;
+
     border-radius: var(--s-border-radius-mini);
     background-color: $path-color;
     padding: $inner-spacing-mini;
@@ -166,6 +240,7 @@ $path-color: var(--s-color-base-content-tertiary);
 
     &-sources {
       display: flex;
+      flex-flow: column nowrap;
       flex-grow: 1;
       padding: $inner-spacing-medium 0 $inner-spacing-medium $inner-spacing-medium;
       gap: $inner-spacing-medium;
@@ -175,7 +250,6 @@ $path-color: var(--s-color-base-content-tertiary);
       display: flex;
       flex-flow: row wrap;
       flex-grow: 1;
-      align-items: center;
       justify-content: space-between;
       position: relative;
       gap: $inner-spacing-mini;
@@ -195,6 +269,13 @@ $path-color: var(--s-color-base-content-tertiary);
         bottom: 0;
         left: -#{$inner-spacing-medium};
       }
+
+      &-name {
+        &.el-skeleton__item {
+          height: 16px;
+          width: 64px;
+        }
+      }
     }
   }
 }
diff --git a/src/components/pages/Swap/Widget/Transactions.vue b/src/components/pages/Swap/Widget/Transactions.vue
index aae32b2b3..210e265b8 100644
--- a/src/components/pages/Swap/Widget/Transactions.vue
+++ b/src/components/pages/Swap/Widget/Transactions.vue
@@ -8,7 +8,7 @@
       size="small"
       class="explore-table"
     >
-      <s-table-column width="76">
+      <s-table-column width="74">
         <template #header>
           <span>{{ t('transaction.startTime') }}</span>
         </template>
@@ -19,7 +19,7 @@
           </div>
         </template>
       </s-table-column>
-      <s-table-column header-align="right" align="right">
+      <s-table-column width="106" header-align="right" align="right">
         <template #header>
           <span>{{ t('removeLiquidity.input') }}</span>
         </template>
@@ -31,7 +31,7 @@
           />
         </template>
       </s-table-column>
-      <s-table-column header-align="left" align="left">
+      <s-table-column width="106" header-align="left" align="left">
         <template #header>
           <span>{{ t('removeLiquidity.output') }}</span>
         </template>
diff --git a/yarn.lock b/yarn.lock
index 146fcf770..95fc432db 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2349,68 +2349,68 @@
   resolved "https://registry.yarnpkg.com/@soda/get-current-script/-/get-current-script-1.0.2.tgz#a53515db25d8038374381b73af20bb4f2e508d87"
   integrity sha512-T7VNNlYVM1SgQ+VsMYhnDkcGmWhQdL0bDyGm5TlQ3GBXnJscEClUUOKduWTmm2zCnvNLC1hc3JpuXjs/nFOc5w==
 
-"@sora-substrate/api@1.32.9":
-  version "1.32.9"
-  resolved "https://registry.yarnpkg.com/@sora-substrate/api/-/api-1.32.9.tgz#73bec73462d285b8d877b67de09989a63f045c4e"
-  integrity sha512-QQaUxyPrzh6GyZ/GdAgeOBC+ie/GtalnadrGNc136wYJAFK5ncZLsKNPOePrHCe4f/od7noLnzO0P5mMHRWHMQ==
+"@sora-substrate/api@1.32.11":
+  version "1.32.11"
+  resolved "https://registry.yarnpkg.com/@sora-substrate/api/-/api-1.32.11.tgz#ec365d84bab405f51eecd2605dff59f2ff99c625"
+  integrity sha512-/v/rxIj+639k9hXvN2q8BaKIaOxLzEiz1t2jc5UQ8UvisaNHPEC7mPpaHwh+dKYxQ1pOclBKadWoqfnWealoTg==
   dependencies:
     "@open-web3/orml-api-derive" "1.1.4"
     "@polkadot/api" "9.14.2"
-    "@sora-substrate/types" "1.32.9"
+    "@sora-substrate/types" "1.32.11"
 
-"@sora-substrate/connection@1.32.9":
-  version "1.32.9"
-  resolved "https://registry.yarnpkg.com/@sora-substrate/connection/-/connection-1.32.9.tgz#53d816fad802ab566c4969174f1a3386ad1fd447"
-  integrity sha512-E4UahadF0UpARxLSalErp17MrwVAKD+XMkQDURzZxTw68rIwmcgsWo6LOFIXJEvLCSHswOujfuzJ/hevhIoaSg==
+"@sora-substrate/connection@1.32.11":
+  version "1.32.11"
+  resolved "https://registry.yarnpkg.com/@sora-substrate/connection/-/connection-1.32.11.tgz#c60e051d72f906e914b62fbf6ca673a7471b5f75"
+  integrity sha512-uftH+j1d1AfeI4fyNAGy9Fovoql4dvuNXdBAb6dn8hAHXHheiwyKNHoU7IacMGOvg516hXkuRxnR1Hq1apNqxw==
   dependencies:
-    "@sora-substrate/api" "1.32.9"
+    "@sora-substrate/api" "1.32.11"
 
-"@sora-substrate/liquidity-proxy@1.32.9":
-  version "1.32.9"
-  resolved "https://registry.yarnpkg.com/@sora-substrate/liquidity-proxy/-/liquidity-proxy-1.32.9.tgz#c9e1643fea7a86520bc597aed28fff7db9f760be"
-  integrity sha512-QoLWveu8F9zk6I9GrgPUTwIosoiVuspktV8o9jOgXqR0ERsufv9B4mCgEbxOR6LaVWDtrnma/8x3m141+nMWug==
+"@sora-substrate/liquidity-proxy@1.32.11":
+  version "1.32.11"
+  resolved "https://registry.yarnpkg.com/@sora-substrate/liquidity-proxy/-/liquidity-proxy-1.32.11.tgz#2964ba8a806829a72cef132994521e662c8694b3"
+  integrity sha512-V8qV6utNtCKwo50dfJi5opx0R5HhTAlKUo/KbFnZp+kWEqSZkopCOiPsW3Eqq1y2znZCpMZd4qX3tojV4hWIcg==
   dependencies:
-    "@sora-substrate/math" "1.32.9"
+    "@sora-substrate/math" "1.32.11"
 
-"@sora-substrate/math@1.32.9":
-  version "1.32.9"
-  resolved "https://registry.yarnpkg.com/@sora-substrate/math/-/math-1.32.9.tgz#bd4a37d91206b7c13477a2735fd5ab64a1b8c26d"
-  integrity sha512-OCpiiYzU0EkQl0tLNPWT5VCTOwzIAJU5p3B+Xpyo9vKueaW0OfCRRHqfqwoLN9MGcZT502ygn9XqbP5171i3LQ==
+"@sora-substrate/math@1.32.11":
+  version "1.32.11"
+  resolved "https://registry.yarnpkg.com/@sora-substrate/math/-/math-1.32.11.tgz#a6e1d8cdd48f2176c4aaf98661c874eefe03a9a9"
+  integrity sha512-9XzIW4+VM4Suyn9u2wKEbdZ25IPau0Fufe9BrXpDI58L/Qm7chRVdg+ebzREQEeVgUdPZ8jwzGBatzjCdgwGcw==
   dependencies:
     "@polkadot/types" "9.14.2"
     bignumber.js "^9.1.2"
     lodash "^4.17.21"
 
-"@sora-substrate/type-definitions@1.32.9":
-  version "1.32.9"
-  resolved "https://registry.yarnpkg.com/@sora-substrate/type-definitions/-/type-definitions-1.32.9.tgz#2edcdafe37dd7b68de656d8177ca2a379a2ec5ec"
-  integrity sha512-o/MY1ooQULwyp80x9eIsZOxL8rH+zYOcgrhnslsAb5CCW0wgZxnzMnC7GrtXuphyFFfxKB3E13EyqbOfXN1SUA==
+"@sora-substrate/type-definitions@1.32.11":
+  version "1.32.11"
+  resolved "https://registry.yarnpkg.com/@sora-substrate/type-definitions/-/type-definitions-1.32.11.tgz#bab58056fe12f696395b959e8b8a63a6f599be97"
+  integrity sha512-fC+pSJ20Bp5FMBhxvBec5rdStfi3kwO3xzowIY7hyOHZHiQThU/7pjgnejDGiAMsaOQOFTt/1aMdpcCCeKyG7A==
   dependencies:
     "@open-web3/orml-type-definitions" "1.1.4"
 
-"@sora-substrate/types@1.32.9":
-  version "1.32.9"
-  resolved "https://registry.yarnpkg.com/@sora-substrate/types/-/types-1.32.9.tgz#93554462861a7fd337156d40bba38400fd79a2a1"
-  integrity sha512-lYlLAwlurlQRknyu1xGuW5vZX/QjxLEI1Pc7MorZHB3KHFXNldmP+RuN0saTz568wYTY3BpYTmUcsXBJagtcbQ==
+"@sora-substrate/types@1.32.11":
+  version "1.32.11"
+  resolved "https://registry.yarnpkg.com/@sora-substrate/types/-/types-1.32.11.tgz#55237b33e1e8fe37ef33856169ff3ef9a22f5882"
+  integrity sha512-WF5MH2gzc7zyUqwvJXzw7MtCyaNFPJXtiRX9hOTiTTpsBnNRchfUZkNAHfNsM5xBD+RoOv1XGxVYc62unuuosw==
   dependencies:
     "@open-web3/api-mobx" "0.9.4-26"
     "@open-web3/orml-types" "1.1.4"
     "@polkadot/api" "9.14.2"
     "@polkadot/typegen" "9.14.2"
     "@polkadot/types" "9.14.2"
-    "@sora-substrate/type-definitions" "1.32.9"
+    "@sora-substrate/type-definitions" "1.32.11"
 
-"@sora-substrate/util@1.32.9":
-  version "1.32.9"
-  resolved "https://registry.yarnpkg.com/@sora-substrate/util/-/util-1.32.9.tgz#ac9e1afbbf4fb2c87cbd63a49668dbaa989d0f09"
-  integrity sha512-hffi7Hl0UT0vB3xNyGqkEG6Z9/Ws9OWjNyvhbOW9PzoNrtDR98sa2NTwjUhtA/pm6T9jQmaDQBB78xms2PdiRw==
+"@sora-substrate/util@1.32.11":
+  version "1.32.11"
+  resolved "https://registry.yarnpkg.com/@sora-substrate/util/-/util-1.32.11.tgz#147c7f80842c9151459ffea58a83778c7d3a012a"
+  integrity sha512-gRcixdXEz7QD78yJnus7HfL5IVuPqm2ANZjMmWpHTwrBRMiGRRncZiqNn2J6jP7kNQpKLpLkKtaOTUuvbU8pWA==
   dependencies:
     "@polkadot/ui-keyring" "2.12.1"
-    "@sora-substrate/api" "1.32.9"
-    "@sora-substrate/connection" "1.32.9"
-    "@sora-substrate/liquidity-proxy" "1.32.9"
-    "@sora-substrate/math" "1.32.9"
-    "@sora-substrate/types" "1.32.9"
+    "@sora-substrate/api" "1.32.11"
+    "@sora-substrate/connection" "1.32.11"
+    "@sora-substrate/liquidity-proxy" "1.32.11"
+    "@sora-substrate/math" "1.32.11"
+    "@sora-substrate/types" "1.32.11"
     axios "^1.6.7"
     crypto-js "^4.2.0"
     lodash "^4.17.21"
@@ -2443,13 +2443,13 @@
     vue-property-decorator "^9.1.2"
     vuex "^3.6.2"
 
-"@soramitsu/soraneo-wallet-web@1.32.5":
-  version "1.32.5"
-  resolved "https://nexus.iroha.tech/repository/npm-group/@soramitsu/soraneo-wallet-web/-/soraneo-wallet-web-1.32.5.tgz#335267c02cca234b0d6b35a23024612c5bb24b33"
-  integrity sha512-YJLHlap1ceA+RAqEoIOM6jYISkH4/FFefzVjyGvPiy12hnfzRH7PVQ0UVrVow2213JsGIER2I3hROOEDKip+sQ==
+"@soramitsu/soraneo-wallet-web@1.32.6":
+  version "1.32.6"
+  resolved "https://nexus.iroha.tech/repository/npm-group/@soramitsu/soraneo-wallet-web/-/soraneo-wallet-web-1.32.6.tgz#bf50576ef2111062b57ef4382031a2d0f13b54e0"
+  integrity sha512-BLhpV5m1E8vb40H90Fq+PGe+XrjZcovH6OY6f17kctYt5cySwFXFQBJ5WsUu3RU+dJoFubXUAiAbRQdmBE4xjg==
   dependencies:
     "@polkadot/vue-identicon" "2.12.1"
-    "@sora-substrate/util" "1.32.9"
+    "@sora-substrate/util" "1.32.11"
     "@sora-test/wallet-connect" "^0.0.9"
     "@soramitsu-ui/ui-vue2" "^1.1.1"
     "@urql/core" "^4.1.2"
@@ -5119,9 +5119,9 @@ caniuse-api@^3.0.0:
     lodash.uniq "^4.5.0"
 
 caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001517, caniuse-lite@^1.0.30001520:
-  version "1.0.30001532"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001532.tgz#c6a4d5d2da6d2b967f0ee5e12e7f680db6ad2fca"
-  integrity sha512-FbDFnNat3nMnrROzqrsg314zhqN5LGQ1kyyMk2opcrwGbVGpHRhgCWtAgD5YJUqNAiQ+dklreil/c3Qf1dfCTw==
+  version "1.0.30001600"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001600.tgz"
+  integrity sha512-+2S9/2JFhYmYaDpZvo0lKkfvuKIglrx68MwOBqMGHhQsNkLjB5xtc/TGoEPs+MxjSyN/72qer2g97nzR641mOQ==
 
 canvas-renderer@~2.2.0:
   version "2.2.1"
@@ -5815,11 +5815,6 @@ crypto-js@^4.2.0:
   resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-4.2.0.tgz#4d931639ecdfd12ff80e8186dba6af2c2e856631"
   integrity sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==
 
-crypto-js@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/crypto-js/-/crypto-js-4.2.0.tgz#4d931639ecdfd12ff80e8186dba6af2c2e856631"
-  integrity sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==
-
 crypto-random-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
@@ -7531,11 +7526,6 @@ follow-redirects@^1.0.0, follow-redirects@^1.15.4:
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.6.tgz#7f815c0cda4249c74ff09e95ef97c23b5fd0399b"
   integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
 
-follow-redirects@^1.15.4:
-  version "1.15.5"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.5.tgz#54d4d6d062c0fa7d9d17feb008461550e3ba8020"
-  integrity sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==
-
 for-each@^0.3.3:
   version "0.3.3"
   resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e"