{"version":3,"file":"index.69857afc.js","sources":["../../../../src/assets/imgs/agent1-en.png","../../../../src/assets/imgs/agent2-en.png","../../../../src/assets/imgs/agent1-zh.png","../../../../src/assets/imgs/agent2-zh.png","../../../../src/pages-components/agent/index.vue"],"sourcesContent":["export default \"__VITE_ASSET__98a74a71__\"","export default \"__VITE_ASSET__19fc7fd8__\"","export default \"__VITE_ASSET__e8533ed4__\"","export default \"__VITE_ASSET__15ea6744__\"","<script lang=\"ts\" setup>\r\nimport { useSwichLocale } from '~/locales'\r\nimport { useUserInfo } from '~/composables/app'\r\nimport agent1en from '@/assets/imgs/agent1-en.png'\r\nimport agent2en from '@/assets/imgs/agent2-en.png'\r\nimport agent1zh from '@/assets/imgs/agent1-zh.png'\r\nimport agent2zh from '@/assets/imgs/agent2-zh.png'\r\n\r\nconst { userInfo } = useUserInfo()\r\nconst { locale } = useSwichLocale()\r\nconst { isAgent, uniqueId } = useUserInfo()\r\n\r\nconst iframeText1 = computed(() => {\r\n  return `<iframe style=\"min-height: 100%; width: 100%; overflow: hidden;\" frameborder=\"0\" id=\"feee_c2c_widget\" src=\"http://${!needApply.value ? `{${$t('1KAaEUXJQTXCLlvSHC8ZG')}}` : uniqueId.value}.feee.vip?theme=dark\"></iframe>\r\n`\r\n})\r\nconst iframeText2 = computed(() => {\r\n  return ` <iframe style=\"min-height: 100%; width: 100%; overflow: hidden;\" frameborder=\"0\" id=\"feee_c2c_widget\" src=\"http://${!needApply.value ? `{${$t('1KAaEUXJQTXCLlvSHC8ZG')}}` : uniqueId.value}.feee.vip?theme=light\"></iframe>\r\n`\r\n})\r\n\r\nconst sdk = computed(() => {\r\n  return `<srcipt src=\"https://${!needApply.value ? `{${$t('1KAaEUXJQTXCLlvSHC8ZG')}}` : uniqueId.value}.feee.vip/agentSDK.js\"></srcipt>`\r\n})\r\nconst meta = computed(() => {\r\n  return `<meta charset=\"UTF-8\" name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">`\r\n})\r\n\r\nconst needApply = computed(() => {\r\n  console.log('isAgent', isAgent)\r\n  return toValue(isAgent) === 1\r\n})\r\n\r\nconst domain = computed(() => {\r\n  return env.prod ? 'feee.vip' : 'tron-gas.org'\r\n})\r\nconst main = reactive([\r\n  { icon: 'i-local:moon?mask', name: $t('z6ojVxOls6WpWAzjgSk'), img: locale.value === 'zh' ? agent1zh : agent1en, isShow: false, iframeText: iframeText1, sdk, meta },\r\n  { icon: 'i-local:sun?mask', name: $t('xzOilqAv3OyXiNn0fn0Sb'), img: locale.value === 'zh' ? agent2zh : agent2en, isShow: false, iframeText: iframeText2, sdk, meta },\r\n])\r\nfunction setVisible(index: number, value: boolean) {\r\n  main[index].isShow = value\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"agent-wrap page-content-width\">\r\n    <h1>\r\n      <p class=\"pl-20px\">{{ $t(\"1VRKMWg39jbqkXZiqxtRT\") }}</p>\r\n      <a class=\"lt-tablet:hidden\" :href=\"$t('yYPh4hekIrY9KQrxi2ti')\" data-test-id=\"2SFx\">\r\n        <span class=\"btn\">{{ needApply ? $t('08ialwyEFgeiF5BEr0Wsv') : $t(\"FeHv-H2QMmZHkm92bxLYc\") }}</span>\r\n      </a>\r\n    </h1>\r\n    <div class=\"main\">\r\n      <p class=\"info\">\r\n        <I18nT keypath=\"0Iibv5juInpkUkepHAtpm\">\r\n          <template #name>\r\n            <a\r\n              :href=\"$t('lnDxe6nPZxUxRy7Gg1S7c', { domain })\"\r\n              :target=\"$bp.laptop ? '_blank' : '_self'\"\r\n              class=\"text-[--highlight]\"\r\n              data-test-id=\"K1iq\"\r\n            >{{ $t(\"KR917G3vytfxjJAlakuAg\") }}</a>\r\n          </template>\r\n        </I18nT>\r\n      </p>\r\n      <a :href=\"$t('yYPh4hekIrY9KQrxi2ti')\" data-test-id=\"9G46\">\r\n        <AButton\r\n          class=\"comfirm-btn mt-16px w-100% hidden! lt-tablet:block!\"\r\n        >\r\n          {{ needApply ? $t('08ialwyEFgeiF5BEr0Wsv') : $t(\"FeHv-H2QMmZHkm92bxLYc\") }}\r\n        </AButton>\r\n      </a>\r\n      <p class=\"info my-20px\">{{ $t('d5KEjM3HmCydl8S536pb') }}:</p>\r\n      <div class=\"flex gap-20px lt-tablet:flex-wrap\">\r\n        <div v-for=\"(item, index) in main\" :key=\"index\" class=\"code\">\r\n          <div class=\"tips\">\r\n            <p class=\"text-16px\">\r\n              <i :class=\"`${item.icon}` \" class=\"text-18px mr-6px mb-3px lt-tablet:text-#266ef1\" />{{ item.name }}\r\n            </p>\r\n            <p class=\"text-14px text-#266ef1 hidden lt-tablet:block\" data-test-id=\"qma3\" @click=\"setVisible(index, true)\">\r\n              {{ $t('dMq8fZsuoPiuWnWspt5q') }}\r\n              <AImage\r\n                :style=\"{ display: 'none' }\"\r\n                :preview=\"{\r\n                  visible: item.isShow,\r\n                  onVisibleChange: (visible) => setVisible(index, visible),\r\n                }\"\r\n                :src=\"item.img\"\r\n              />\r\n            </p>\r\n          </div>\r\n          <div class=\"bg-#13192e text-center border-rd-[10px_10px_0_0] lt-tablet:hidden\">\r\n            <AImage\r\n              style=\"width: 72%\"\r\n              :src=\"item.img\"\r\n            />\r\n          </div>\r\n          <div class=\"relative py-20px px-30px lt-tablet:py-10px lt-tablet:pl-15px lt-tablet:pr-40px\">\r\n            {{ item.meta }}\r\n            <br>\r\n            {{ item.sdk }}\r\n            <br>\r\n            {{ item.iframeText }}\r\n            <Copy class=\"copy\" :content=\"item.sdk + item.iframeText\" />\r\n            <!-- 遮罩层 -->\r\n            <a v-if=\"userInfo?.is_agent !== 1\" class=\"mask h-100% w-100%\" :href=\"$t('yYPh4hekIrY9KQrxi2ti')\" data-test-id=\"FkRz\">\r\n              <p class=\"relative top-45% text-center lt-tablet:w-72% lt-tablet:m-auto \">{{ $t('iAgW99c02UqiReLuhtrd0') }}</p>\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n:deep(.ant-image .ant-image-mask){\r\n  border-radius: 10px 10px 0 0;\r\n}\r\n\r\n.agent-wrap {\r\n  --uno: 'page-max-width mx-auto mt-40px mb-45px lt-tablet:mb-16px';\r\n\r\n  h1 {\r\n    --uno: 'flex items-start justify-between px-40px py-30px text-30px font-bold';\r\n\r\n    color: var(--first-text);\r\n    background: linear-gradient(180deg, #24305A, #192242);\r\n    border-radius: 30px 30px 0 0;\r\n\r\n    p {\r\n      position: relative;\r\n\r\n      &::before {\r\n        position: absolute;\r\n        top: 2px;\r\n        left: 0;\r\n        width: 4px;\r\n        height: 26px;\r\n        content: '';\r\n        background: var(--highlight);\r\n      }\r\n    }\r\n  }\r\n\r\n  .main {\r\n    --uno: 'min-h-370px bg-#1a2342 px-40px py-0 text-18px';\r\n\r\n    border-radius: 0 0 30px 30px;\r\n\r\n    .info{\r\n      --uno: 'text-[--first-text] lh-1.8em text-18px';\r\n    }\r\n  }\r\n\r\n  .code {\r\n    --uno: 'relative text-18px mx-0 mb-114px border-rd-10px bg-#202c52 min-h-500px lh-30px w-100%';\r\n\r\n    color: var(--secondary-text);\r\n    word-break: break-word;\r\n\r\n    .tips{\r\n      --uno: 'absolute inline-block px-20px py-10px border-rd-[10px_0] bg-[#267eeb] text-[#e2e8f2]';\r\n\r\n      z-index: 1000;\r\n    }\r\n\r\n    .copy {\r\n      --uno: 'absolute top-25px right-15px';\r\n    }\r\n  }\r\n\r\n  .mask{\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    color: #e2e8f2;\r\n    background: rgb(0 0 0 / 50%);\r\n    backdrop-filter: blur(2px);\r\n    border-radius: 0 0 10px 10px;\r\n\r\n    &:hover{\r\n      color: var(--highlight);\r\n    }\r\n  }\r\n\r\n  .btn {\r\n    --uno: 'w-200px h-50px flex-center text-[#fff] border-rd-10px text-20px cursor-pointer';\r\n\r\n    background: var(--highlight);\r\n\r\n    &:hover{\r\n      background: linear-gradient(90deg, #2680EB, #00C1A5) no-repeat;\r\n    }\r\n  }\r\n}\r\n\r\n@media bp-lt-tabletl {\r\n  .agent-wrap {\r\n    --uno: 'mt-16px';\r\n\r\n    h1 {\r\n      --uno: 'py-14px px-16px text-26px';\r\n\r\n      border-radius: 16px 16px 0 0;\r\n    }\r\n\r\n    .main {\r\n      --uno: 'px-16px pb-20px text-16px';\r\n\r\n      border-radius: 0 0 16px 16px;\r\n\r\n      .info{\r\n        --uno: 'text-16px';\r\n      }\r\n    }\r\n\r\n    .code {\r\n      --uno: 'text-16px my-0 min-h-auto';\r\n\r\n      .tips{\r\n        --uno: 'relative flex items-center justify-between px-10px py-5px border-rd-[10px_0] bg-[transparent]';\r\n      }\r\n    }\r\n\r\n    .btn {\r\n      --uno: 'w-120px h-40px border-rd-8px text-14px';\r\n    }\r\n  }\r\n}\r\n</style>\r\n"],"names":["agent1en","URL","url","href","agent2en","agent1zh","agent2zh","userInfo","useUserInfo","locale","useSwichLocale","isAgent","uniqueId","iframeText1","computed","concat","needApply","value","iframeText2","sdk","meta","console","log","toValue","domain","env","prod","main","reactive","icon","name","$t","img","isShow","iframeText","setVisible","index"],"mappings":"wZAAA,MAAeA,EAAA,GAAA,IAAAC,IAAA,qCAAAC,KAAAC,KCAAC,EAAA,GAAA,IAAAH,IAAA,qCAAAC,KAAAC,KCAAE,EAAA,GAAA,IAAAJ,IAAA,qCAAAC,KAAAC,KCAAG,EAAA,GAAA,IAAAL,IAAA,qCAAAC,KAAAC,gqBCQT,MAAAI,SAAEA,GAAaC,KACfC,OAAEA,GAAWC,KACbC,QAAEA,EAAAC,SAASA,GAAaJ,IAExBK,EAAcC,GAAS,IACpB,qHAAqHC,OAACC,GAAUC,MAA6CL,EAASK,MAA9C,IAAIF,SAAG,yBAAwB,KAAoB,uCAG9LG,EAAcJ,GAAS,IACpB,sHAAsHC,OAACC,GAAUC,MAA6CL,EAASK,MAA9C,IAAIF,SAAG,yBAAwB,KAAoB,wCAI/LI,EAAML,GAAS,IACZ,wBAAwBC,OAACC,GAAUC,MAA6CL,EAASK,MAA9C,IAAIF,SAAG,yBAAwB,KAAoB,sCAEjGK,GAAON,GAAS,IACb,2FAGHE,GAAYF,GAAS,KACjBO,QAAAC,IAAI,UAAWX,GACK,IAArBY,EAAQZ,MAGXa,GAASV,GAAS,IACfW,EAAIC,KAAO,WAAa,iBAE3BC,GAAOC,EAAS,CACpB,CAAEC,KAAM,oBAAqBC,KAAMC,EAAG,uBAAwBC,IAAsB,OAAjBvB,EAAOQ,MAAiBZ,EAAWL,EAAUiC,QAAQ,EAAOC,WAAYrB,EAAaM,MAAKC,SAC7J,CAAES,KAAM,mBAAoBC,KAAMC,EAAG,yBAA0BC,IAAsB,OAAjBvB,EAAOQ,MAAiBX,EAAWF,EAAU6B,QAAQ,EAAOC,WAAYhB,EAAaC,MAAKC,WAEvJ,SAAAe,GAAWC,EAAenB,GAC5BU,GAAAS,GAAOH,OAAShB,CACvB"}