Disable Moonpay selling for USDC

Moonpay now only accepts the new native USDC for deposits.
nimiq · Dec 14, 2023 · da563d8 · da563d8
1 parent d46d9cd
commit da563d8
Show file tree

Hide file tree

Showing 12 changed files with 144 additions and 141 deletions.
diff --git a/src/components/layouts/Sidebar.vue b/src/components/layouts/Sidebar.vue
@@ -258,7 +258,9 @@ export default defineComponent({
 
         const { activeCurrency } = useAccountStore();
 
-        const canSellCryptoWithMoonpay = computed(() => activeCurrency.value !== CryptoCurrency.NIM);
+        const canSellCryptoWithMoonpay = computed(
+            () => activeCurrency.value !== CryptoCurrency.NIM && activeCurrency.value !== CryptoCurrency.USDC,
+        );
 
         return {
             navigateTo,

diff --git a/src/components/modals/MoonpayModal.vue b/src/components/modals/MoonpayModal.vue
@@ -92,15 +92,15 @@ export default defineComponent({
         // for legacy or non-bitcoin-activated accounts.
         const btcAddress = useBtcAddressStore().availableExternalAddresses.value[0] as string | undefined;
 
-        // Having a USDC address must be optional, so that the widget also works
-        // for legacy or non-polygon-activated accounts.
-        const usdcAddress = useUsdcAddressStore().activeAddress.value;
+        // // Having a USDC address must be optional, so that the widget also works
+        // // for legacy or non-polygon-activated accounts.
+        // const usdcAddress = useUsdcAddressStore().activeAddress.value;
 
         const walletAddresses = {
             // Remove spaces in NIM address, as spaces are invalid URI components
             nim: useAddressStore().state.activeAddress?.replace(/\s/g, ''),
             ...(btcAddress ? { btc: btcAddress } : {}),
-            ...(usdcAddress ? { usdc_polygon: usdcAddress } : {}),
+            // ...(usdcAddress ? { usdc_polygon: usdcAddress } : {}),
         };
 
         const { config } = useConfig();

diff --git a/src/components/modals/MoonpaySellInfoModal.vue b/src/components/modals/MoonpaySellInfoModal.vue
@@ -10,11 +10,12 @@
             </header>
 
             <main class="flex-column">
-                <h1 class="nq-h1">{{ $t('Sell BTC and USDC') }}</h1>
+                <!-- <h1 class="nq-h1">{{ $t('Sell BTC and USDC') }}</h1> -->
+                <h1 class="nq-h1">{{ $t('Sell BTC') }}</h1>
                 <p class="subline">{{ $t('MoonPay is a third-party service requiring registration and KYC.') }}</p>
                 <div class="crypto-logos flex-row">
                     <BitcoinIcon />
-                    <UsdcIcon />
+                    <!-- <UsdcIcon /> -->
                 </div>
                 <p class="fees flex-row">
                     {{ $t('{percentage} fees', { percentage: '1%'}) }}
@@ -46,7 +47,7 @@ import { defineComponent } from '@vue/composition-api';
 import { PageBody, PageFooter, FiatAmount } from '@nimiq/vue-components';
 import Modal from './Modal.vue';
 import BitcoinIcon from '../icons/BitcoinIcon.vue';
-import UsdcIcon from '../icons/UsdcIcon.vue';
+// import UsdcIcon from '../icons/UsdcIcon.vue';
 import { useFiatStore } from '../../stores/Fiat';
 import { FiatCurrency } from '../../lib/Constants';
 
@@ -64,7 +65,7 @@ export default defineComponent({
         PageBody,
         PageFooter,
         BitcoinIcon,
-        UsdcIcon,
+        // UsdcIcon,
         FiatAmount,
     },
 });

diff --git a/src/i18n/de.po b/src/i18n/de.po
@@ -79,7 +79,7 @@ msgstr "{fee} Gebühr"
 msgid "{perc}% of swap value."
 msgstr "{perc}% des Tauschwerts."
 
-#: src/components/modals/MoonpaySellInfoModal.vue:20
+#: src/components/modals/MoonpaySellInfoModal.vue:21
 msgid "{percentage} fees"
 msgstr ""
 
@@ -98,7 +98,7 @@ msgstr "{value} verbleibend"
 msgid "+ {count} more | + {count} more"
 msgstr "+ {count} weitere | + {count} weitere"
 
-#: src/components/modals/MoonpaySellInfoModal.vue:33
+#: src/components/modals/MoonpaySellInfoModal.vue:34
 msgid "+ network fees"
 msgstr "+ Netzwerkgebühren"
 
@@ -301,7 +301,7 @@ msgstr ""
 "Jetzt aktualisieren um alle neuen Funktionen nutzen zu können. Es dauert "
 "auch wirklich nur ein paar Sekunden!"
 
-#: src/components/layouts/AddressOverview.vue:198
+#: src/components/layouts/AddressOverview.vue:201
 msgid ""
 "All swaps are part of your transaction history and feature a small swap "
 "icon."
@@ -663,7 +663,7 @@ msgstr "Klicke hier für mehr infos"
 msgid "Click on ‘Troubleshooting’ to learn more."
 msgstr "Klicke auf 'Fehlerbehebung' um mehr zu erfahren."
 
-#: src/components/layouts/AddressOverview.vue:200
+#: src/components/layouts/AddressOverview.vue:203
 #: src/components/swap/SwapAnimation.vue:105
 msgid "Close"
 msgstr "Schließen"
@@ -757,7 +757,7 @@ msgstr "Weiter"
 msgid "Continue Swap"
 msgstr "Tausch fortsetzen"
 
-#: src/components/modals/MoonpaySellInfoModal.vue:38
+#: src/components/modals/MoonpaySellInfoModal.vue:39
 msgid "Continue with Moonpay"
 msgstr ""
 
@@ -1396,7 +1396,7 @@ msgstr "Mehr erfahren"
 msgid "Learn more here"
 msgstr "Hier erfährst du mehr"
 
-#: src/components/layouts/AddressOverview.vue:185
+#: src/components/layouts/AddressOverview.vue:188
 msgid "Let's get started! Create your Nimiq account:"
 msgstr "Los geht's! Erstelle jetzt dein Nimiq-Konto:"
 
@@ -1492,7 +1492,7 @@ msgstr "Höchst-Tauschbetrag ist {amount}"
 #: src/components/modals/BuyOptionsModal.vue:31
 #: src/components/modals/BuyOptionsModal.vue:48
 #: src/components/modals/BuyOptionsModal.vue:67
-#: src/components/modals/MoonpaySellInfoModal.vue:24
+#: src/components/modals/MoonpaySellInfoModal.vue:25
 #: src/components/swap/SwapFeesTooltip.vue:23
 msgid "min {amount}"
 msgstr "min {amount}"
@@ -1505,7 +1505,7 @@ msgstr "Mindest-Kaufbetrag ist {amount}"
 msgid "Mobile phone"
 msgstr "Handy"
 
-#: src/components/modals/MoonpaySellInfoModal.vue:14
+#: src/components/modals/MoonpaySellInfoModal.vue:15
 msgid "MoonPay is a third-party service requiring registration and KYC."
 msgstr ""
 
@@ -1538,7 +1538,7 @@ msgstr "Benenne den Empfänger..."
 msgid "Name your contact"
 msgstr "Benenne deinen Kontakt"
 
-#: src/components/layouts/AddressOverview.vue:151
+#: src/components/layouts/AddressOverview.vue:154
 msgid "Native Polygon USDC"
 msgstr ""
 
@@ -1988,8 +1988,8 @@ msgstr ""
 msgid "Sell"
 msgstr "Verkaufen"
 
-#: src/components/modals/MoonpaySellInfoModal.vue:13
-msgid "Sell BTC and USDC"
+#: src/components/modals/MoonpaySellInfoModal.vue:14
+msgid "Sell BTC"
 msgstr ""
 
 #: src/components/modals/SellCryptoModal.vue:180
@@ -2079,7 +2079,7 @@ msgstr "Sende USDC"
 msgid "Send, receive and hold BTC in your wallet."
 msgstr "Sende, empfange und verwahre BTC in deiner Wallet."
 
-#: src/components/layouts/AddressOverview.vue:158
+#: src/components/layouts/AddressOverview.vue:161
 msgid "Sending Native Polygon USDC is not yet supported."
 msgstr ""
 
@@ -2202,7 +2202,7 @@ msgstr "Wiederherstellungswörter anzeigen"
 msgid "Show values as {currency}"
 msgstr "Zeige Werte in {currency}"
 
-#: src/components/layouts/AddressOverview.vue:186
+#: src/components/layouts/AddressOverview.vue:189
 msgid "Signup"
 msgstr "Anmelden"
 
@@ -2925,7 +2925,7 @@ msgstr ""
 msgid "Your payout is on its way"
 msgstr "Deine Auszahlung ist unterwegs"
 
-#: src/components/layouts/AddressOverview.vue:194
+#: src/components/layouts/AddressOverview.vue:197
 msgid "Your swap was successful!"
 msgstr "Dein Tausch war erfolgreich!"
 

diff --git a/src/i18n/en.po b/src/i18n/en.po
@@ -67,7 +67,7 @@ msgstr ""
 msgid "{perc}% of swap value."
 msgstr ""
 
-#: src/components/modals/MoonpaySellInfoModal.vue:20
+#: src/components/modals/MoonpaySellInfoModal.vue:21
 msgid "{percentage} fees"
 msgstr ""
 
@@ -86,7 +86,7 @@ msgstr ""
 msgid "+ {count} more | + {count} more"
 msgstr ""
 
-#: src/components/modals/MoonpaySellInfoModal.vue:33
+#: src/components/modals/MoonpaySellInfoModal.vue:34
 msgid "+ network fees"
 msgstr ""
 
@@ -274,7 +274,7 @@ msgstr ""
 msgid "All new features are exclusive to new accounts. Upgrade now, it only takes seconds."
 msgstr ""
 
-#: src/components/layouts/AddressOverview.vue:198
+#: src/components/layouts/AddressOverview.vue:201
 msgid "All swaps are part of your transaction history and feature a small swap icon."
 msgstr ""
 
@@ -601,7 +601,7 @@ msgstr ""
 msgid "Click on ‘Troubleshooting’ to learn more."
 msgstr ""
 
-#: src/components/layouts/AddressOverview.vue:200
+#: src/components/layouts/AddressOverview.vue:203
 #: src/components/swap/SwapAnimation.vue:105
 msgid "Close"
 msgstr ""
@@ -696,7 +696,7 @@ msgstr ""
 msgid "Continue Swap"
 msgstr ""
 
-#: src/components/modals/MoonpaySellInfoModal.vue:38
+#: src/components/modals/MoonpaySellInfoModal.vue:39
 msgid "Continue with Moonpay"
 msgstr ""
 
@@ -1269,7 +1269,7 @@ msgstr ""
 msgid "Learn more here"
 msgstr ""
 
-#: src/components/layouts/AddressOverview.vue:185
+#: src/components/layouts/AddressOverview.vue:188
 msgid "Let's get started! Create your Nimiq account:"
 msgstr ""
 
@@ -1359,7 +1359,7 @@ msgstr ""
 #: src/components/modals/BuyOptionsModal.vue:31
 #: src/components/modals/BuyOptionsModal.vue:48
 #: src/components/modals/BuyOptionsModal.vue:67
-#: src/components/modals/MoonpaySellInfoModal.vue:24
+#: src/components/modals/MoonpaySellInfoModal.vue:25
 #: src/components/swap/SwapFeesTooltip.vue:23
 msgid "min {amount}"
 msgstr ""
@@ -1372,7 +1372,7 @@ msgstr ""
 msgid "Mobile phone"
 msgstr ""
 
-#: src/components/modals/MoonpaySellInfoModal.vue:14
+#: src/components/modals/MoonpaySellInfoModal.vue:15
 msgid "MoonPay is a third-party service requiring registration and KYC."
 msgstr ""
 
@@ -1404,7 +1404,7 @@ msgstr ""
 msgid "Name your contact"
 msgstr ""
 
-#: src/components/layouts/AddressOverview.vue:151
+#: src/components/layouts/AddressOverview.vue:154
 msgid "Native Polygon USDC"
 msgstr ""
 
@@ -1815,8 +1815,8 @@ msgstr ""
 msgid "Sell"
 msgstr ""
 
-#: src/components/modals/MoonpaySellInfoModal.vue:13
-msgid "Sell BTC and USDC"
+#: src/components/modals/MoonpaySellInfoModal.vue:14
+msgid "Sell BTC"
 msgstr ""
 
 #: src/components/modals/SellCryptoModal.vue:180
@@ -1898,7 +1898,7 @@ msgstr ""
 msgid "Send, receive and hold BTC in your wallet."
 msgstr ""
 
-#: src/components/layouts/AddressOverview.vue:158
+#: src/components/layouts/AddressOverview.vue:161
 msgid "Sending Native Polygon USDC is not yet supported."
 msgstr ""
 
@@ -2020,7 +2020,7 @@ msgstr ""
 msgid "Show values as {currency}"
 msgstr ""
 
-#: src/components/layouts/AddressOverview.vue:186
+#: src/components/layouts/AddressOverview.vue:189
 msgid "Signup"
 msgstr ""
 
@@ -2654,7 +2654,7 @@ msgstr ""
 msgid "Your payout is on its way"
 msgstr ""
 
-#: src/components/layouts/AddressOverview.vue:194
+#: src/components/layouts/AddressOverview.vue:197
 msgid "Your swap was successful!"
 msgstr ""