dv-3348 (#10)

Author: danie1-parker

CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ## [Unreleased]
 
+
+
+## [1.0.12] - 2025-09-15
+
+- Changed payment form DV-3357
+
 ---
 ## [1.0.11] - 2025-09-10
 

apps/pay/src/components/ui/currencyIcon/CurrencyIcon.vue

@@ -15,6 +15,7 @@
 	import IconUsdc from "@shared/components/icons/blockchains/IconUsdc.vue";
 	import IconDai from "@shared/components/icons/blockchains/IconDai.vue";
 	import IconDefault from "@shared/components/icons/blockchains/iconDefault.vue";
+	import IconUsdd from "@shared/components/icons/blockchains/IconUsdd.vue";
 
 	const {
 		width = "24px",
@@ -27,19 +28,20 @@
 	}>();
 
 	const icons: Record<CurrencyType, Component> = {
+		USDT: IconUsdt,
+		USDC: IconUsdc,
+		USDD: IconUsdd,
 		BCH: IconBitcoincash,
 		BTC: IconBitcoin,
 		LTC: IconLitecoin,
 		TRX: IconTRXTron,
-		USDT: IconUsdt,
-		USDC: IconUsdc,
 		DAI: IconDai,
 		ETH: IconEthereum,
 		BNB: IconBinance,
 		POL: IconPolygon,
 		SOL: IconSOLSolana,
 		XMR: IconXMRMonero,
-		DOGE: IconDOGEDogecoin
+		DOGE: IconDOGEDogecoin,
 	};
 
 	const iconToShow = computed<Component>(() => icons[type] || markRaw(IconDefault));

apps/pay/src/services/api/payerForm.ts

@@ -7,6 +7,11 @@ export const getApiPayerInfo = async (payerId: string, locale: string): Promise<
 	return resp.data.data;
 };
 
+export const getApiWalletConfirm = async (payerId: string, currency_id: string) => {
+	const config = { params: { currency_id } };
+	await api.get(`/public/wallet/${payerId}/confirm`, config);
+};
+
 export const getApiStoreTopup = async (
 	slug: string,
 	external_id: string,

apps/pay/src/utils/types/blockchain/index.ts

@@ -4,6 +4,7 @@ export type CurrencyType =
 	| "LTC"
 	| "TRX"
 	| "USDT"
+	| "USDD"
 	| "ETH"
 	| "USDC"
 	| "DAI"

apps/pay/src/views/payerForm/PayerFormView.vue

@@ -13,6 +13,7 @@
 	import StepFive from "@pay/views/payerForm/components/steps/stepFive/StepFive.vue";
 	import StepError from "@pay/views/payerForm/components/steps/stepError/StepError.vue";
 	import BlockAdvertising from "@pay/views/payerForm/components/payerFormSidebar/blockAdvertising/BlockAdvertising.vue";
+	import { getApiWalletConfirm } from "@pay/services/api/payerForm.ts";
 
 	const {
 		currentStep,
@@ -75,6 +76,7 @@
 	watch(currentStep, (newValue: number) => {
 		// Highlight current step
 		timeline.value.forEach((item) => (item.isActive = item.id <= newValue));
+		if (newValue === 3 && payerId.value) getApiWalletConfirm(payerId.value, `${currentCurrency.value}.${currentChain.value}`)
 	});
 
 	onMounted(async () => {

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "dv-frontend",
-	"version": "1.0.11",
+	"version": "1.0.12",
 	"private": false,
 	"type": "module",
 	"scripts": {

src/components/icons/blockchains/IconUsdd.vue

@@ -0,0 +1,27 @@
+<template>
+	<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<g clip-path="url(#clip0_7923_6668)">
+			<path d="M12 0C18.6286 0 24 5.37143 24 12C24 18.6286 18.6286 24 12 24C5.37143 24 0 18.6286 0 12C0 5.37143 5.37143 0 12 0Z" fill="white"/>
+			<path d="M12.0008 23.2003C18.1864 23.2003 23.2008 18.1859 23.2008 12.0003C23.2008 5.8147 18.1864 0.800293 12.0008 0.800293C5.81519 0.800293 0.800781 5.8147 0.800781 12.0003C0.800781 18.1859 5.81519 23.2003 12.0008 23.2003Z" fill="#216C58" stroke="#216C58" stroke-width="0.4"/>
+			<path d="M22.3996 12.0003C22.3996 17.7718 17.771 22.4003 11.9996 22.4003C6.22818 22.4003 1.59961 17.7718 1.59961 12.0003C1.59961 6.22891 6.22818 1.60034 11.9996 1.60034C17.771 1.60034 22.3996 6.22891 22.3996 12.0003Z" fill="#216C58"/>
+			<path d="M11.7723 17.0291H10.5723V18.2291H11.7723V17.0291Z" fill="#216C58"/>
+			<path d="M13.7723 17.0291H12.5723V18.2291H13.7723V17.0291Z" fill="#216C58"/>
+			<path d="M8.57187 4.57153H16.1719C16.4004 4.57153 16.5719 4.8001 16.5719 4.97153V5.2001C16.5719 5.42868 16.4004 5.6001 16.1719 5.6001H8.57187C8.3433 5.6001 8.17188 5.42868 8.17188 5.2001V4.97153C8.17188 4.8001 8.40045 4.57153 8.57187 4.57153Z" fill="white"/>
+			<path d="M11.9993 6V19.6C11.9993 19.8286 11.8278 20 11.5993 20H11.3707C11.1421 20 10.9707 19.8286 10.9707 19.6V6H11.9993Z" fill="white"/>
+			<path d="M13.6008 6V19.6C13.6008 19.8286 13.4294 20 13.2008 20H12.9723C12.7437 20 12.5723 19.8286 12.5723 19.6V6H13.6008Z" fill="white"/>
+			<path d="M11.1426 9.37172C11.4284 9.25744 11.7712 9.20029 12.2284 9.20029C12.8569 9.20029 13.3141 9.31458 13.6569 9.54315C13.8855 9.71458 14.0569 9.88601 14.1712 10.1717C14.2855 10.4003 14.4569 10.6289 14.7998 10.6289H16.6284C16.9712 10.6289 17.2569 10.3432 17.1998 10.0003C17.1426 9.42886 16.9141 8.97172 16.5712 8.51458C16.1712 7.94315 15.5426 7.54315 14.7998 7.25744C14.0569 6.97172 13.1998 6.80029 12.2284 6.80029C11.2569 6.80029 10.3998 6.97172 9.65693 7.25744C8.91407 7.54315 8.2855 8.00029 7.82836 8.51458C7.37121 9.08601 7.14264 9.71458 7.14264 10.4574C7.14264 11.3717 7.4855 12.1146 8.17121 12.6289C8.85693 13.1432 9.71407 13.5431 10.7998 13.7717L12.2284 14.0574C12.6855 14.1717 13.0855 14.286 13.3712 14.4003C13.6569 14.5146 13.8855 14.6289 14.0569 14.8003C14.1712 14.9146 14.2855 15.086 14.2855 15.3146C14.2855 15.5431 14.2284 15.7146 14.0569 15.9431C13.8855 16.1146 13.6569 16.286 13.3141 16.4003C13.0284 16.5146 12.6284 16.5717 12.1712 16.5717C11.7141 16.5717 11.3141 16.5146 10.9712 16.4003C10.6284 16.286 10.3426 16.1146 10.1712 15.886C10.0569 15.7146 9.94264 15.5431 9.8855 15.3717C9.82836 15.086 9.59978 14.8574 9.25693 14.8574H7.42836C7.0855 14.8574 6.79978 15.1432 6.85693 15.486C6.91407 16.1717 7.14264 16.7431 7.54264 17.2574C7.99978 17.8289 8.62836 18.286 9.42836 18.5717C10.2284 18.8574 11.1426 19.0289 12.2284 19.0289C13.3141 19.0289 14.2284 18.9146 14.9712 18.5717C15.7712 18.286 16.3426 17.886 16.7426 17.3146C17.1426 16.7431 17.3712 16.1146 17.3712 15.3717C17.3712 14.8574 17.2569 14.4003 17.0284 14.0003C16.7998 13.6003 16.5141 13.2574 16.1712 12.9717C15.8284 12.686 15.3712 12.4574 14.9141 12.2289C14.4569 12.0574 13.8855 11.886 13.3141 11.7717L12.1712 11.5432C11.8855 11.486 11.6569 11.4289 11.4284 11.3717C11.1998 11.3146 10.9712 11.2003 10.7998 11.086C10.6284 10.9717 10.5141 10.8574 10.3998 10.7431C10.3426 10.6289 10.2855 10.5146 10.2855 10.3432C10.2855 10.1717 10.3426 9.94315 10.4569 9.82886C10.6855 9.60029 10.8569 9.48601 11.1426 9.37172Z" fill="white" stroke="#216C58" stroke-width="0.4"/>
+			<path d="M11.9993 8.62842H10.9707V9.99985H11.9993V8.62842Z" fill="white"/>
+			<path d="M11.9993 13.6003H10.9707V15.0289H11.9993V13.6003Z" fill="white"/>
+			<path d="M11.9993 17.7712H10.9707V19.1427H11.9993V17.7712Z" fill="white"/>
+			<path d="M13.6575 8.62842H12.6289V9.99985H13.6575V8.62842Z" fill="white"/>
+			<path d="M13.6575 13.6003H12.6289V15.0289H13.6575V13.6003Z" fill="white"/>
+			<path d="M13.6575 17.7712H12.6289V19.1427H13.6575V17.7712Z" fill="white"/>
+			<path fill-rule="evenodd" clip-rule="evenodd" d="M22.0577 12.5718C21.8863 12.5718 21.772 12.6861 21.772 12.8575C21.3148 17.8861 17.1434 21.8289 12.0006 21.8289C6.85769 21.8289 2.68626 17.8861 2.22912 12.8575C2.22912 12.6861 2.05769 12.5718 1.94341 12.5718C1.77198 12.5718 1.65769 12.7432 1.65769 12.9146C2.11484 18.2289 6.57198 22.4003 12.0006 22.4003C17.4291 22.4003 21.8863 18.2289 22.3434 12.9146C22.4005 12.7432 22.2291 12.5718 22.0577 12.5718ZM1.94341 11.4289C2.11484 11.4289 2.22912 11.3146 2.22912 11.1432C2.68626 6.11463 6.85769 2.22891 12.0006 2.22891C17.1434 2.22891 21.3148 6.17177 21.772 11.1432C21.772 11.3146 21.9434 11.4289 22.0577 11.4289C22.2291 11.4289 22.3434 11.2575 22.3434 11.0861C21.8863 5.77177 17.4291 1.60034 12.0006 1.60034C6.57198 1.60034 2.11484 5.77177 1.65769 11.0861C1.60055 11.2575 1.77198 11.4289 1.94341 11.4289Z" fill="white"/>
+		</g>
+		<defs>
+			<clipPath id="clip0_7923_6668">
+				<rect width="24" height="24" fill="white"/>
+			</clipPath>
+		</defs>
+	</svg>
+</template>