From 7059e10dfc3a2d5f05e525f4897675fecbe5a5e6 Mon Sep 17 00:00:00 2001
From: Vitalii <takur12345@gmail.com>
Date: Fri, 21 Jul 2023 17:16:57 +0300
Subject: [PATCH] web/satellite: update wording for upgrade account token flow

Update wording to reflect latest auto upgrade account flow.

new wording:
Send more than $10 in STORJ Tokens to the following deposit address to upgrade to a Pro account.
Your account will be upgraded after your transaction receives 15 confirmations.
If your account is not automatically upgraded, please fill out this limit increase request form.

Issue:
https://github.com/storj/storj-private/issues/367

Change-Id: I46fcb9243722313b98e5c54e8194d6152f7e1631
---
 .../modals/upgradeAccountFlow/AddTokensStep.vue   | 15 +++++++++++++--
 web/satellite/src/types/config.gen.ts             |  1 +
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/web/satellite/src/components/modals/upgradeAccountFlow/AddTokensStep.vue b/web/satellite/src/components/modals/upgradeAccountFlow/AddTokensStep.vue
index 568cd8618..ef3775444 100644
--- a/web/satellite/src/components/modals/upgradeAccountFlow/AddTokensStep.vue
+++ b/web/satellite/src/components/modals/upgradeAccountFlow/AddTokensStep.vue
@@ -6,13 +6,15 @@
         <template #content>
             <div class="add-tokens">
                 <p class="add-tokens__info">
-                    Send more than $10 in STORJ Tokens to the following deposit address, and fill in this
+                    Send more than $10 in STORJ Tokens to the following deposit address to upgrade to a Pro account.
+                    Your account will be upgraded after your transaction receives {{ neededConfirmations }} confirmations.
+                    If your account is not automatically upgraded, please fill out this
                     <a
                         class="add-tokens__info__link"
                         href="https://supportdcs.storj.io/hc/en-us/requests/new?ticket_form_id=360000683212"
                         target="_blank"
                         rel="noopener noreferrer"
-                    >limit increase request form</a> to upgrade to Pro Account.
+                    >limit increase request form</a>.
                 </p>
                 <canvas ref="canvas" />
                 <div class="add-tokens__label">
@@ -66,6 +68,7 @@ import { computed, onMounted, ref } from 'vue';
 import QRCode from 'qrcode';
 
 import { useBillingStore } from '@/store/modules/billingStore';
+import { useConfigStore } from '@/store/modules/configStore';
 import { useNotify } from '@/utils/hooks';
 import { Wallet } from '@/types/payments';
 import { AnalyticsErrorEventSource } from '@/utils/constants/analyticsEventNames';
@@ -76,6 +79,7 @@ import VInfo from '@/components/common/VInfo.vue';
 
 import InfoIcon from '@/../static/images/payments/infoIcon.svg';
 
+const configStore = useConfigStore();
 const billingStore = useBillingStore();
 const notify = useNotify();
 
@@ -88,6 +92,13 @@ const wallet = computed((): Wallet => {
     return billingStore.state.wallet as Wallet;
 });
 
+/**
+ * Returns needed transaction confirmations from config store.
+ */
+const neededConfirmations = computed((): number => {
+    return configStore.state.config.neededTransactionConfirmations;
+});
+
 /**
  * Copies address to user's clipboard.
  */
diff --git a/web/satellite/src/types/config.gen.ts b/web/satellite/src/types/config.gen.ts
index 2e9736ff5..dc80093f8 100644
--- a/web/satellite/src/types/config.gen.ts
+++ b/web/satellite/src/types/config.gen.ts
@@ -45,6 +45,7 @@ export class FrontendConfig {
     pricingPackagesEnabled: boolean;
     newUploadModalEnabled: boolean;
     galleryViewEnabled: boolean;
+    neededTransactionConfirmations: number;
 }
 
 export class MultiCaptchaConfig {