{"version":3,"file":"PaymentProcessPopup.9538bbc5.js","sources":["../../../../src/pages-components/b2c/components/PayConfirmPopup.vue","../../../../src/components/paying/src/Paying.vue","../../../../src/pages-components/b2c/components/PaymentProcessPopup.vue"],"sourcesContent":["<script lang=\"ts\">\r\nimport { useB2cBuyMachine } from '../machine/useB2cBuyMachine'\r\nimport { CONFIRM_INFO_KEY } from './RentalOperation.vue'\r\nimport { EPaymentMethod } from '~/components/pay-type/src/PayType.vue'\r\nimport { tron } from '~/utils/tron-v2'\r\nimport { imtoken } from '~/utils/imtoken'\r\nimport { useUserInfo } from '~/composables/app'\r\nimport { jumpCompatible, timeSecondFilters } from '~/utils'\r\nimport { useSwapShow } from '~/composables/app/useSwapShow'\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nconst info = inject<{\r\n  receiveAddress: string\r\n  resourceValue: number\r\n  rentDuration: number\r\n  rentDurUnit: string\r\n  amount: number\r\n  autoToMarket: number\r\n  orderNo: string\r\n  orderType: number\r\n  payAddress: string\r\n  paySymbol: string\r\n  payTxId: string\r\n  resourceType: number\r\n  rentTimeSecond: number\r\n  waitSecond: number\r\n}>(CONFIRM_INFO_KEY)!\r\n\r\n// watch(info, (val) => {\r\n//   console.log('info', val)\r\n// }, { deep: true, immediate: true })\r\n\r\nconst { config } = useAppState()\r\nconst router = useRouter()\r\nconst paymentMethod = ref(EPaymentMethod.DAPP)\r\nconst { machine, states } = useB2cBuyMachine()!\r\nconst { enableExchange, isItEnabledPre, notActivated } = useSwapShow()\r\nconst { account: tronAccount, isConnected } = tronComp.useAccountCurrent()\r\n\r\nconst dappPaymentBtn = useDappPaymentBtn()\r\nconst ttpayPaymentBtn = useTtpayPaymentBtn()\r\nconst balancePaymentBtn = useBalancePaymentBtn()\r\nconst guidedDownload = useGuidedDownloadButton()\r\nconst linkWalletsBtn = computed(() => !toValue(isConnected) && paymentMethod.value === EPaymentMethod.DAPP)\r\nconst buyTrxBtn = useBuyTrxBtn()\r\n\r\nfunction useBuyTrxBtn() {\r\n  const isEnough = computed(() => ((tronAccount?.balanceTrx ?? 0) / 1000000) < info?.amount)\r\n\r\n  const text = computed(() => toValue(notActivated) ? $t('IgCzl84hvUSOkdcWXo7rv') : $t('iUV4jC80vpzVlFmruPdtW'))\r\n  const tips = computed(() => toValue(notActivated) ? $t('qv78x2LRHcdfwMgxrxtIX') : $t('tkGY8xl0hrWKagbqpUHpH'))\r\n  const visible = computed(() => paymentMethod.value === EPaymentMethod.DAPP && (toValue(notActivated) || toValue(isEnough)) && toValue(enableExchange) && toValue(isItEnabledPre))\r\n  return reactive({\r\n    visible,\r\n    text,\r\n    tips,\r\n  })\r\n}\r\n\r\nfunction useDappPaymentBtn() {\r\n  const { isConnected } = tronComp.useAccountCurrent()\r\n  const visible = computed(() => !toValue(buyTrxBtn.visible) && toValue(isConnected) && ((paymentMethod.value === EPaymentMethod.DAPP && !!tron.tronWeb) || (imtoken.isImToken() && paymentMethod.value === EPaymentMethod.DAPP)))\r\n  const text = computed(() => {\r\n    return isConnected.value\r\n      ? $t('CMMAnKSH723nCLL3zAvPb')\r\n      : $t('2QEpLv0zhWEMcJ7HK3XD4')\r\n  })\r\n  const onClick = () => {\r\n    if (states.paymentOpen) {\r\n      machine.send('CONFIRMORDER')\r\n    }\r\n    else {\r\n      machine.send({\r\n        type: 'PAY',\r\n        paymentMethod: 'dapp',\r\n        ...info,\r\n        paymentAddress: tronAccount.address,\r\n      })\r\n    }\r\n  }\r\n\r\n  return reactive({ visible, text, onClick })\r\n}\r\n\r\nfunction useTtpayPaymentBtn() {\r\n  const visible = computed(() => paymentMethod.value === EPaymentMethod.TTPAY)\r\n  const onClick = () => {\r\n    machine.send({\r\n      type: 'PAY',\r\n      paymentMethod: 'ttpay',\r\n      ...info,\r\n      paymentAddress: tronAccount.address,\r\n    })\r\n  }\r\n  return reactive({ visible, onClick })\r\n}\r\n\r\nconst { trxMoney } = useUserInfo()\r\n\r\nfunction useBalancePaymentBtn() {\r\n  const visible = computed(() => paymentMethod.value === EPaymentMethod.BALANCE && (unref(trxMoney) ?? 0) >= toDecimalPlaces((info?.amount ?? 0), 6))\r\n  const onClick = () => {\r\n    machine.send({\r\n      type: 'PAY',\r\n      paymentMethod: 'balance',\r\n      paymentAddress: tronAccount.address,\r\n      ...info,\r\n    })\r\n  }\r\n  return reactive({ visible, onClick })\r\n}\r\n\r\nconst balanceTip = computed(() => paymentMethod.value === EPaymentMethod.BALANCE && (unref(trxMoney) ?? 0) < toDecimalPlaces((info?.amount ?? 0), 6))\r\n\r\nfunction useGuidedDownloadButton() {\r\n  const visible = computed(\r\n    () =>\r\n      paymentMethod.value === EPaymentMethod.DAPP\r\n          && !tron.tronWeb\r\n          && client.isMobile\r\n          && !imtoken.isImToken(),\r\n  )\r\n  const onClick = () => {\r\n    globalModal.DappDownloadGuide?.open()\r\n  }\r\n  return reactive({\r\n    visible,\r\n    onClick,\r\n  })\r\n}\r\n\r\nconst isShowPayType = computed(() => {\r\n  return config.value?.base?.enable_ttpay === 1 && !toValue(isConnected)\r\n})\r\n\r\nfunction onChange(e: string) {\r\n  paymentMethod.value = e\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"pay-confirm-container\">\r\n    <div class=\"popup\">\r\n      <h2 class=\"title font-bold text-[#e2e8f2]\">{{ $t(\"9wH_EgVSZ442WoIiYLMri\") }}</h2>\r\n      <div\r\n        v-if=\"tronAccount.address && dappPaymentBtn.visible\"\r\n        class=\"pay-address tags\"\r\n      >\r\n        <span class=\"left\">{{ $t(\"K3YbjRNYwB37wyxkpldjL\") }}</span>\r\n        <span class=\"right\">\r\n          {{\r\n            tronAccount.address\r\n              ? $bp.tabletl\r\n                ? tronAccount.address\r\n                : desensitization(tronAccount.address, 10, -10)\r\n              : \"-\"\r\n          }}\r\n        </span>\r\n      </div>\r\n      <div class=\"receiver-address tags\">\r\n        <span class=\"left\">{{ $t(\"jiir2eTmqaOvbAf1uGj06\") }}</span>\r\n        <span class=\"right\">\r\n          {{\r\n            info?.receiveAddress\r\n              ? $bp.tabletl\r\n                ? info?.receiveAddress\r\n                : desensitization(info?.receiveAddress, 10, -10)\r\n              : \"-\"\r\n          }}\r\n        </span>\r\n      </div>\r\n\r\n      <div class=\"rent-resource tags\">\r\n        <span class=\"left\">{{ $t(\"lHkgHqpcM-kz9yVuP2ATM\") }}</span>\r\n        <span class=\"right\"><span class=\"text-[#27c1a5] \">{{ info?.resourceValue }} </span>&nbsp;Energy</span>\r\n      </div>\r\n\r\n      <div class=\"notice\">{{ $t(\"CWgS3UyhhWcgIMAHl76Wv\") }}</div>\r\n\r\n      <div class=\"rent-day tags\">\r\n        <span class=\"left\">{{ $t(\"c1R3GTGbhHGUQ-MFaNQpC\") }}</span>\r\n        <span class=\"right\">\r\n          <span class=\"text-[#27c1a5]\"> {{ info?.rentDuration ?? 0 }} </span>\r\n          {{ timeSecondFilters(info?.rentTimeSecond) }}\r\n        </span>\r\n      </div>\r\n\r\n      <div class=\"pay-amount tags\">\r\n        <span class=\"left\">{{ $t(\"eZ4sG6S0vn3U5mdh1etvj\") }}</span>\r\n        <span class=\"right\"><span class=\"text-[#27c1a5]\">{{ formatAmount(info?.amount ?? 0, 6) }}</span> TRX\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <div v-if=\"buyTrxBtn.visible\" class=\"notice\">\r\n      <NuxtLink class=\"link\" :to=\"localePath(`/swap`)\">\r\n        {{ buyTrxBtn.tips }}\r\n      </NuxtLink>\r\n    </div>\r\n    <!-- 支付方式 -->\r\n    <div class=\"pay-type\">\r\n      <div class=\"mb-[15px] text-[16px] font-500\">\r\n        {{ $t(\"k9SO_yf92B4fzr1Eartca\") }}\r\n      </div>\r\n      <div class=\"select-pay-type\">\r\n        <PayType\r\n          :payType=\"paymentMethod\"\r\n          class=\"b2c\"\r\n          @change=\"onChange\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <!-- 支付按钮 -->\r\n    <div class=\"footer\">\r\n      <!-- ttpay确认支付 -->\r\n      <AButton\r\n        v-if=\"ttpayPaymentBtn.visible\"\r\n        key=\"submit\"\r\n        block\r\n        class=\"pay-order comfirm-btn\"\r\n        :loading=\"states.paymentLoadingOpen\"\r\n        data-test-id=\"hja9\"\r\n        @click=\"ttpayPaymentBtn.onClick()\"\r\n      >\r\n        {{ $t(\"CMMAnKSH723nCLL3zAvPb\") }}\r\n      </AButton>\r\n      <!-- 余额确认支付 -->\r\n      <AButton\r\n        v-if=\"balancePaymentBtn.visible\"\r\n        key=\"submit\"\r\n        block\r\n        class=\"pay-order comfirm-btn\"\r\n        :loading=\"states.paymentLoadingOpen\"\r\n        data-test-id=\"6o5s\"\r\n        @click=\"balancePaymentBtn.onClick()\"\r\n      >\r\n        {{ $t(\"CMMAnKSH723nCLL3zAvPb\") }}\r\n      </AButton>\r\n      <!-- 余额不足提示 -->\r\n      <AButton\r\n        v-if=\"balanceTip\"\r\n        block\r\n        class=\"pay-order comfirm-btn\"\r\n        @click=\"\r\n          jumpCompatible(`/console/buyer/recharge?lang=${$t('console-lang')}`)\r\n        \"\r\n      >\r\n        {{ $t('necasD5ndOJvyEQtNhj11') }}\r\n      </AButton>\r\n      <!-- 连接钱包 -->\r\n      <AButton\r\n        v-if=\"linkWalletsBtn\"\r\n        block\r\n        class=\"comfirm-btn\"\r\n        :loading=\"states.paymentLoadingOpen\"\r\n        @click=\"globalModal.ConnectWallet?.open()\"\r\n      >\r\n        {{ $t('2QEpLv0zhWEMcJ7HK3XD4') }}\r\n      </AButton>\r\n      <!--      dapp 确认支付 -->\r\n      <AButton\r\n        v-if=\"dappPaymentBtn.visible\"\r\n        block\r\n        class=\"comfirm-btn\"\r\n        :loading=\"states.paymentLoadingOpen\"\r\n        @click=\"dappPaymentBtn.onClick\"\r\n      >\r\n        {{ $t('CMMAnKSH723nCLL3zAvPb') }}\r\n      </AButton>\r\n      <!-- 激活地址 -->\r\n      <NuxtLink v-if=\"buyTrxBtn.visible\" block class=\"inline-block flex-1 comfirm-btn\" :to=\"localePath(`/swap`)\">\r\n        {{ buyTrxBtn.text }}\r\n      </NuxtLink>\r\n      <!-- 下载DAPP支付钱包 -->\r\n      <AButton\r\n        v-if=\"guidedDownload.visible\"\r\n        block\r\n        class=\"comfirm-btn\"\r\n        data-test-id=\"hhhy\"\r\n        @click=\"guidedDownload.onClick\"\r\n      >\r\n        {{ $t(\"MdfePiCQIvaAcvS79HcdD\") }}\r\n      </AButton>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.notice {\r\n  margin: -10px 0 10px 5px;\r\n  font-size: 14px;\r\n  color: var(--secondary-text);\r\n}\r\n\r\nh2 {\r\n  margin: 5px 0 20px;\r\n  font-size: 24px;\r\n  text-align: center;\r\n}\r\n\r\n.rent-grid {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n// 支付方式\r\n.tags {\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  height: 50px;\r\n  padding: 14px;\r\n  margin-bottom: 20px;\r\n  font-size: 16px;\r\n  color: #707582;\r\n  background: var(--bg-one);\r\n  border-radius: 6px;\r\n\r\n  @media bp-lt-tabletl {\r\n    height: 40px;\r\n  }\r\n\r\n  .left {\r\n    --uno: 'lt-mobile:text-14px';\r\n\r\n    color: var(--secondary-text);\r\n  }\r\n\r\n  .right {\r\n    color: var(--first-text);\r\n  }\r\n}\r\n\r\n.footer {\r\n  display: flex;\r\n  gap: 10px;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  margin-top: 20px;\r\n\r\n  * {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 45%;\r\n    height: 50px;\r\n    padding: 20px 0;\r\n    color: white;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .insufficient {\r\n    --uno: 'flex-center';\r\n  }\r\n\r\n  .cancel {\r\n    background-color: #707582;\r\n  }\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { useAppBreakpoints } from '@peng_kai/theme/vue/index'\r\nimport transfer from '~/assets/icons/transfer.svg'\r\nimport tronlink from '~/assets/icons/tronlink.svg'\r\nimport ttpay from '~/assets/icons/ttpay-s2.svg'\r\nimport { EPaymentMethod } from '~/components/pay-type/src/PayType.vue'\r\nimport { jumpCompatible } from '~/utils'\r\n\r\nconst props = defineProps(['result', 'cancel'])\r\nconst bp = useAppBreakpoints()\r\nconst payTypeMap: IPayType[] = [\r\n  {\r\n    icon: tronlink,\r\n    name: $t('eK8cI6D8Y586L2GRmnMuJ'),\r\n    code: EPaymentMethod.DAPP,\r\n    describe: $t('BZEju5c6ccIBGGMHehs66'),\r\n  },\r\n  {\r\n    icon: transfer,\r\n    name: $t('QnlQDhxPAdpU8ZziCOLhP'),\r\n    code: EPaymentMethod.TRANSFER,\r\n    describe: $t('ABBoTvHU7qTSdHy6N-e5t'),\r\n  },\r\n  {\r\n    icon: ttpay,\r\n    name: $t('rgpIJt75_6oaewUX8e0Rw'),\r\n    code: EPaymentMethod.TTPAY,\r\n    describe: $t('gTOmG5x9swaZKLRl53jDq'),\r\n  },\r\n]\r\nconst orderNo = ref()\r\ninterface IPayType {\r\n  icon: string\r\n  name: string\r\n  code: number\r\n  describe: string\r\n}\r\n\r\nfunction toCashier() {\r\n  const link\r\n    = `${unref(props.result.payment_url)\r\n     }&return_url=${\r\n     encodeURIComponent(window.location.href)}` // 当前地址\r\n  jumpCompatible(link)\r\n}\r\n\r\nonMounted(() => {\r\n  toCashier()\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"app-container\">\r\n    <div class=\"paying\">\r\n      <div>\r\n        <i class=\"rocket i-local:loding animate-spin\" />\r\n      </div>\r\n      <div class=\"content\">\r\n        <p class=\"title !text-text\">\r\n          {{ $t('scp62ZbqlEtRo8sjhuytQ') }}\r\n        </p>\r\n        <p>{{ $t(\"ZtHAGqOWfsToIfSa90Gsj\") }}</p>\r\n        <p>{{ $t(\"15Qm4JknRPEorJ-e0UK5V\") }}</p>\r\n      </div>\r\n      <div class=\"footer gap-[20px]\">\r\n        <AButton key=\"back\" class=\"cancel-btn flex-1\" data-test-id=\"ilsa\" @click=\"props.cancel()\">\r\n          {{ $t(\"LVEIIOCshyC88EcfxCgMK\") }}\r\n        </AButton>\r\n        <AButton key=\"submit\" class=\"comfirm-btn flex-1\" data-test-id=\"bjtx\" @click=\"toCashier\">\r\n          {{ $t(\"mYVYrX3AMy1W_Lq6EvNWR\") }}\r\n        </AButton>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"scss\">\r\n.paying {\r\n  text-align: center;\r\n\r\n  .rocket {\r\n    --uno: 'text-80px lt-mobile:text-60px';\r\n  }\r\n\r\n  .content {\r\n    p {\r\n      --uno: 'text-primary lt-mobile:text-14px';\r\n\r\n      font-size: 16px;\r\n      line-height: 2;\r\n    }\r\n\r\n    .title {\r\n      margin: 24px 0 13px;\r\n      font-size: 20px;\r\n    }\r\n  }\r\n\r\n  .footer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    margin-top: 20px;\r\n\r\n    * {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 45%;\r\n      height: 50px;\r\n      padding: 20px 0;\r\n      color: white;\r\n      border-radius: 10px;\r\n    }\r\n\r\n    .cancel {\r\n      background-color: #707582;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<script setup lang=\"ts\">\r\nimport { useEventBus } from '@vueuse/core'\r\nimport { useB2cBuyMachine } from '../machine/useB2cBuyMachine'\r\nimport PayConfirmPopup from './PayConfirmPopup.vue'\r\nimport Paying from '@/components/paying'\r\nimport { useUserInfo } from '~/composables/app'\r\n\r\nconst {\r\n  machine,\r\n  states,\r\n  paymentResult,\r\n  ttpayPaymentDownOrderResult,\r\n  ttpayPaymentStatus,\r\n} = useB2cBuyMachine()!\r\nconst { refetch } = tronComp.useAccountCurrent()\r\nconst { userInfoQuerier } = useUserInfo()\r\nconst paymentResultDetail = computed(() => {\r\n  const detail = {\r\n    title: $t('1pSf-TKGPtKbuApOfRbRt'),\r\n    content: '',\r\n    state: true,\r\n  }\r\n  if (!paymentResult.value)\r\n    return detail\r\n\r\n  const result = unref(paymentResult)\r\n\r\n  if ([4, 5, 6, 15].includes(result.status)) {\r\n    detail.content\r\n      = result.order_type === 2\r\n        ? $t('bJ7zUdQ0MoRZ_M-Z9R-nc')\r\n        : $t('kuWC41zwRyH0UEjL1rIKm')\r\n  }\r\n  else if ([3].includes(result.status)) {\r\n    detail.content\r\n      = result.order_type === 2\r\n        ? $t('bJ7zUdQ0MoRZ_M-Z9R-nc')\r\n        : $t('5qh1mLKZJRhuN2jfuToms')\r\n  }\r\n  else if ([17019].includes(result.status)) {\r\n    detail.content = $t('5qh1mLKZJRhuN2jfuToms')\r\n  }\r\n  else {\r\n    detail.title = $t('RCxTmhCLcxUJbWpMp1-7i')\r\n    detail.state = false\r\n  }\r\n  return detail\r\n})\r\nconst ttpayPaymentResultDetail = computed(() => {\r\n  const detail = {\r\n    state: false,\r\n    title: '',\r\n  }\r\n  if (ttpayPaymentStatus.value === 0)\r\n    return detail\r\n  const status: number = unref(ttpayPaymentStatus)\r\n\r\n  if (![4, 5, 6, 15, 3].includes(status)) {\r\n    detail.state = true\r\n    detail.title = $t('RCxTmhCLcxUJbWpMp1-7i')\r\n  }\r\n\r\n  if ([17025].includes(status))\r\n    detail.title = $t('-sBqqGY9_vH0DnctycEru')\r\n\r\n  if ([17026].includes(status))\r\n    detail.title = $t('nkuxD7Qr8pz8LWiGXhnjQ')\r\n\r\n  if ([12002, 11003].includes(status))\r\n    detail.title = $t('-MjYAqdGMw1Jpq1bk-qXy')\r\n\r\n  if ([4, 5, 6, 15, 3].includes(status)) {\r\n    detail.state = true\r\n    detail.title = $t('1pSf-TKGPtKbuApOfRbRt')\r\n  }\r\n\r\n  return detail\r\n})\r\nasync function balancePaymentCallback() {\r\n  machine.send('OK')\r\n  userInfoQuerier.refetch()\r\n}\r\nfunction onClose() {\r\n  refetch()\r\n  machine.send('CLOSE')\r\n}\r\nconst bus = useEventBus<string>('SWITCH-WALLET')\r\n\r\n// 监听切换钱包，关闭弹窗\r\nbus.on(() => {\r\n  onClose()\r\n})\r\n\r\nmachine.service.onTransition((state: any) => {\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"payment-process\">\r\n    <!-- 租用信息确认弹窗 start -->\r\n    <AModal\r\n      wrapClassName=\"ant-cover__basic-modal\"\r\n      :open=\"\r\n        states.paymentOpen\r\n          || states.confirmInfoOpen\r\n          || (states.paymentLoadingOpen && !states.ttpayPaymentWaitingOpen)\r\n      \"\r\n      destroyOnClose\r\n      :width=\"540\"\r\n      style=\"top: 40px\"\r\n      :closable=\"true\"\r\n      :maskClosable=\"false\"\r\n      :footer=\"null\"\r\n      @cancel=\"onClose\"\r\n    >\r\n      <PayConfirmPopup />\r\n    </AModal>\r\n    <!-- 租用信息确认弹窗 end -->\r\n\r\n    <!-- tron钱包连接失败提示弹窗 start -->\r\n    <AModal\r\n      wrapClassName=\"ant-cover__basic-modal\"\r\n      :open=\"false\"\r\n      :width=\"380\"\r\n      :footer=\"null\"\r\n    >\r\n      <div class=\"tronlink-result-modal\">\r\n        <i class=\"i-ri:error-warning-line warning-icon\" />\r\n        <p class=\"msg\">{{ $t(\"Hk5eWgjl88eEeU0VPuaRz\") }}</p>\r\n        <p class=\"msg\">{{ $t(\"smItyVQaod8JL2iUWmxQR\") }}</p>\r\n        <p class=\"msg\">{{ $t(\"cmzjM5AsevjzmRlWAP_Fk\") }}</p>\r\n        <div class=\"refresh-btn\">{{ $t(\"UENBgObobQIqSj65k6uBN\") }}</div>\r\n      </div>\r\n    </AModal>\r\n    <!-- tron钱包连接失败提示弹窗 end -->\r\n\r\n    <!-- DAPP 支付结果弹窗 start -->\r\n    <AModal\r\n      wrapClassName=\"ant-cover__basic-modal\"\r\n      :open=\"states.paymentSuccessfulOpen\"\r\n      destroyOnClose\r\n      :footer=\"null\"\r\n      :closable=\"false\"\r\n      @cancel=\"onClose\"\r\n    >\r\n      <div class=\"payment-results-modal\">\r\n        <OrderResult\r\n          :icon=\"paymentResultDetail?.state ? 'success' : 'error'\"\r\n          :title=\"paymentResultDetail?.title\"\r\n          :subTitle=\"paymentResultDetail?.content\"\r\n          @onClick=\"onClose\"\r\n        >\r\n          <NuxtLinkLocale\r\n            v-if=\"paymentResult?.order_type === 2\"\r\n            class=\"wait-toC2C\"\r\n            to=\"/c2c?order=mine\"\r\n            data-test-id=\"oqva\"\r\n          >\r\n            {{ $t(\"C3hgAxEgF0O45X4k3z0AS\") }}\r\n          </NuxtLinkLocale>\r\n        </OrderResult>\r\n      </div>\r\n    </AModal>\r\n\r\n    <!-- DAPP 支付结果弹窗 end -->\r\n\r\n    <!-- TTPay支付轮询弹窗 start  -->\r\n    <AModal\r\n      wrapClassName=\"ant-cover__basic-modal\"\r\n      :open=\"states.ttpayPaymentWaitingOpen\"\r\n      destroyOnClose\r\n      :width=\"446\"\r\n      :footer=\"null\"\r\n      :maskClosable=\"false\"\r\n      @cancel=\"onClose\"\r\n    >\r\n      <Paying :result=\"ttpayPaymentDownOrderResult\" :cancel=\"onClose\" />\r\n    </AModal>\r\n    <!-- TTPay支付轮询弹窗 end  -->\r\n\r\n    <!-- ttpay 结果弹窗 start -->\r\n    <AModal\r\n      wrapClassName=\"ant-cover__basic-modal\"\r\n      :open=\"states.ttpayPaymentSuccessful\"\r\n      :maskClosable=\"false\"\r\n      :closable=\"false\"\r\n      :footer=\"null\"\r\n    >\r\n      <OrderResult\r\n\r\n        :icon=\"ttpayPaymentResultDetail?.state ? 'success' : 'error'\"\r\n        :title=\"ttpayPaymentResultDetail?.title\"\r\n        @onClick=\"onClose\"\r\n      />\r\n    </AModal>\r\n    <!-- ttpay 结果弹窗 end -->\r\n\r\n    <!-- 余额 结果弹窗 start -->\r\n    <AModal\r\n      wrapClassName=\"ant-cover__basic-modal\"\r\n      :open=\"states.isBalanceResults\"\r\n      :maskClosable=\"false\"\r\n      :closable=\"false\"\r\n      :footer=\"null\"\r\n    >\r\n      <OrderResult\r\n        icon=\"success\"\r\n        :title=\"$t('1pSf-TKGPtKbuApOfRbRt')\"\r\n        @onClick=\"balancePaymentCallback\"\r\n      />\r\n    </AModal>\r\n    <!-- 余额 结果弹窗 end -->\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.tronlink-result-modal {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n\r\n  .warning-icon {\r\n    --uno: 'text-primary-100';\r\n\r\n    width: 60px;\r\n    height: 60px;\r\n  }\r\n\r\n  .msg {\r\n    margin: 10px 0 20px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  .refresh-btn {\r\n    --uno: 'bg-primary-100';\r\n\r\n    padding: 0.4em 1.7em;\r\n    color: #fff;\r\n    cursor: pointer;\r\n    border-radius: 5px;\r\n  }\r\n}\r\n\r\n.payment-results-modal {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n\r\n  & > img,\r\n  i {\r\n    width: 100px;\r\n    height: 100px;\r\n  }\r\n\r\n  & > .text {\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  & > * {\r\n    margin: 10px 0;\r\n  }\r\n\r\n  .wait-toc2c {\r\n    margin-left: 5px;\r\n  }\r\n}\r\n\r\n.ttpay-popup {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n\r\n  & > img {\r\n    width: 100px;\r\n    height: 100px;\r\n  }\r\n\r\n  & > .text {\r\n    font-size: 20px;\r\n  }\r\n\r\n  & > .confirm-button {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 50%;\r\n    padding: 20px 0;\r\n    color: white;\r\n    background-color: #2a47ab;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  & > * {\r\n    margin: 10px 0;\r\n  }\r\n}\r\n</style>\r\n"],"names":["info","inject","CONFIRM_INFO_KEY","config","useAppState","useRouter","paymentMethod","ref","EPaymentMethod","DAPP","machine","states","useB2cBuyMachine","enableExchange","isItEnabledPre","notActivated","useSwapShow","account","tronAccount","isConnected","tronComp","useAccountCurrent","dappPaymentBtn","visible","computed","toValue","buyTrxBtn","value","tron","tronWeb","imtoken","isImToken","text","$t","reactive","onClick","paymentOpen","send","type","paymentAddress","address","useDappPaymentBtn","ttpayPaymentBtn","TTPAY","useTtpayPaymentBtn","balancePaymentBtn","BALANCE","_a","unref","trxMoney","toDecimalPlaces","_b","amount","useBalancePaymentBtn","guidedDownload","client","isMobile","globalModal","DappDownloadGuide","open","useGuidedDownloadButton","linkWalletsBtn","isEnough","balanceTrx","tips","useBuyTrxBtn","useUserInfo","balanceTip","onChange","e","base","enable_ttpay","props","__props","toCashier","link","concat","result","payment_url","encodeURIComponent","window","location","href","jumpCompatible","useAppBreakpoints","TRANSFER","onMounted","paymentResult","ttpayPaymentDownOrderResult","ttpayPaymentStatus","refetch","userInfoQuerier","paymentResultDetail","detail","title","content","state","includes","status","order_type","ttpayPaymentResultDetail","async","balancePaymentCallback","onClose","useEventBus","on","service","onTransition"],"mappings":"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"}