dynamic support text & link

src/views/base/wallet/index.vue

@@ -316,11 +316,16 @@
       <div v-else class="text-center">
         <div class=" font-bold text-red-600">مشتریان گرامی</div>
         <div class="mt-2">
-          <span>جهت شارژ حساب کاربری خود، کلمه "شماره حساب" را برای پشتیبانی ارسال نمایید.</span>
+          <span>{{ supportMessengerText }}</span>
         </div>
 
-        <BasicButton>
-          <a class="w-full" href="">
+        <BasicButton v-if="supportMessengerLink">
+          <a
+            class="w-full"
+            :href="supportMessengerLink"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
             پیام به پشتیبانی
           </a>
         </BasicButton>
@@ -386,6 +391,12 @@ import BaseDatePicker from '@/components/BasicPacks/BaseDatePicker'
 import img from '@/assets/img/user_ly1.svg'
 import BasicModal from '@/components/BasicPacks/BasicModal.vue'
 import { useConfigStore } from '@/store/configStore'
+import {
+  buildSupportMessengerUrl,
+  DEFAULT_SUPPORT_MESSENGER_TEXT,
+  loadSupportMessengerFromSettings,
+  supportMessengerSettings,
+} from '@/utils/supportMessenger'
 
 const isDeposit = ref<boolean>(true)
 const walletStore = useWalletStore()
@@ -397,12 +408,25 @@ const refOtpInput = ref<InstanceType<typeof VOtpInput> | null>(null)
 const withdrawInfModal = ref<boolean>(false)
 
 const config = useConfigStore()
+
+const supportMessengerText = computed(() =>
+  supportMessengerSettings.value.messengerText || DEFAULT_SUPPORT_MESSENGER_TEXT
+)
+
+const supportMessengerLink = computed(() =>
+  buildSupportMessengerUrl(
+    supportMessengerSettings.value.messenger,
+    supportMessengerSettings.value.messengerId
+  )
+)
+
 onMounted(() => {
   if (router.currentRoute.value.query.state === 'deposit') {
     isDeposit.value = true
   }
   walletStore.getMyWallet()
   isDeposit.value = true
+  loadSupportMessengerFromSettings()
 })
 
 const form = ref<Transaction>({