{"version":3,"file":"CompulsoryModal-lQ4DwblC.js","sources":["../../src/pwa/comp/CompulsoryModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport InstallProgress from './InstallProgress.vue';\nimport { IonIcon, IonImg, IonButton } from '@ionic/vue';\nimport GuidePwa from './GuidePwa.vue';\nimport { useRedomain } from '@/pwa/hooks/useLogic';\nimport { type CompulsoryModalProps } from '@/pwa/hooks/useReDomainModal';\nimport { isArray } from 'lodash-es';\nimport { convertMoneyToShow } from '@/utils/custom';\nimport { usePwaLogic } from '@/pwa/hooks/usePwaLogic';\n\nconst { installRePwa } = useRedomain();\n\n\nconst {\n  handleForcedInstallAction,\n  installStatus,\n  tenantInfo,\n  onlineServiceHandle,\n  computedAmonut,\n  closeForceModal,\n  btnText,\n  promotionInfo,\n  user,\n  os,\n  isSamsung,\n  installProgress,\n  isHasBottomToolbar,\n  forceModalKey,\n  theme,\n\n} = usePwaLogic();\n\nconst reward = computed(() => promotionInfo.value?.popupType === \"REWARD\"); // 是否升级奖励\n\nconst calcGiftAmount = computed(() => {\n  // 显示奖励金额\n  const giftAmount = promotionInfo.value?.showGiftAmount || '';\n  const giftAmountMap = {\n    registerReward: () => `${tenantInfo.value?.merchantCy}${convertMoneyToShow(giftAmount)}`,\n    array: () => {\n      const [min, max] = giftAmount;\n      return computedAmonut(true, [min, max]);\n    },\n    reward: () => {\n      const { showGiftAmount, showGiftMaxAmount, showGiftAmountType } = promotionInfo.value || {};\n      return showGiftMaxAmount && showGiftAmountType === 1\n        ? computedAmonut(true, [showGiftAmount, showGiftMaxAmount])\n        : computedAmonut(false, showGiftAmount);\n    },\n    default: () => 0\n  };\n\n  if (forceModalKey.value === 'registerReward') return giftAmountMap.registerReward();\n  if (isArray(giftAmount)) return giftAmountMap.array();\n  if (giftAmount && reward.value) return giftAmountMap.reward();\n  return giftAmountMap.default();\n});\n\nconst isRecharge = computed(() => promotionInfo.value?.popupTime === 'RECHARGE' && user.value?.id); // 充值显示强制安装pwa弹框\nconst isHome = computed(() => promotionInfo.value?.popupTime === 'HOME'); // 首页显示强制安装pwa弹框\nconst isFistWithdrawal = computed(() => promotionInfo.value?.popupTime === 'FIRST_WITHDRAWAL' && user.value?.id); //  第一次取款显示强制安装pwa弹框\nconst currentRegionCode = computed(() => tenantInfo.value?.code);\n\nconst props = withDefaults(defineProps<CompulsoryModalProps>(), {\n  templateText: () => ({\n    description: '',\n    title: '',\n    commission: 0,\n    domainList: [],\n    install: {\n      installType: '',\n      apkName: '',\n      apkUrl: ''\n    }\n  }),\n  buttonType: ''\n});\n\nconst { commission, domainList, install } = props.templateText;\nconst commissionText = computed(() => computedAmonut(!!(commission?.length), commission));\n\n\n</script>\n\n<template>\n  <div class=\"h-full w-full flex justify-center items-end compulsory-warp\">\n    <GuidePwa v-if=\"installStatus === 'Installed' && isSamsung\" @closeModal='closeForceModal' />\n\n    <div class=\"content w-[24.375rem] rounded-t-[1.25rem] relative\" :class=\"theme\" @click.stop v-else>\n      <div class=\"header w-full h-[8.4375rem]\" :class=\"`header-${currentRegionCode}`\" />\n      <div class=\"absolute w-full top-0 flex items-center justify-end p-2.5\">\n        <ion-icon class=\"text-3xl\" src=\"/svg/close_button.svg\" @click=\"closeForceModal\"\n          v-if=\"promotionInfo?.popupInterval !== '0'\" />\n      </div>\n      <div class=\"flex flex-col items-center px-6 pt-1 pb-7 text-black\">\n        <p class=\"font-semibold mb-2\">{{ $t('components.progressierOperation1') }}</p>\n        <div class=\"w-full\">\n          <p v-if=\"templateText?.title\" class=\"text-xs\">\n            <i18n-t :keypath=\"templateText?.title\">\n              <template #commission v-if=\"templateText?.commission\">\n                <span class=\"accent\">{{ commissionText }}</span>\n              </template>\n            </i18n-t>\n          </p>\n          <template v-else>\n            <p class=\"text-xs\" v-if=\"isRecharge || isFistWithdrawal\">\n              {{ $t('components.progressierOperation3') }}\n              <span class=\"accent\">{{ user?.id }}</span>\n              {{ $t(`components.progressierOperation${isRecharge ? (reward ? 2 : 15) : (reward ? 12 : 16)}`) }}\n              <span class=\"accent\" v-if=\"calcGiftAmount\">{{ calcGiftAmount }}</span>\n            </p>\n            <p class=\"text-xs tex-desc\" v-if=\"isHome\">\n              <template v-if=\"forceModalKey === 'registerReward'\">\n                <span v-html=\"$t('components.progressierOperation18', { amount: calcGiftAmount })\"></span>\n              </template>\n              <template v-else>\n                {{ $t(`components.progressierOperation${reward ? 13 : 14}`) }}\n                <span class=\"accent\" v-if=\"calcGiftAmount\">{{ calcGiftAmount }}</span>\n              </template>\n            </p>\n          </template>\n        </div>\n        <div\n          class=\"logo w-full my-3 flex items-center bg-[#F5F5F5] py-[.3125rem] px-2 rounded-[.3125rem] h-[3.4375rem]\">\n          <!-- PWA图标 -->\n          <ion-img class=\"cover w-[2.8125rem] h-[2.8125rem] mr-2\" slot=\"start\" :src=\"tenantInfo?.icon\" />\n          <p>{{ tenantInfo?.name }}</p>\n        </div>\n        <!-- 安装进度条 -->\n        <div class=\"flex items-center w-full\">\n          <slot name=\"install-area\" :buttonType=\"buttonType\" :domainList=\"domainList\" :install=\"install\">\n            <template v-if=\"buttonType === 're-domain'\">\n              <ion-button mode=\"md\" class=\"flex-1 text-white\" shape=\"round\" @click=\"installRePwa(domainList, install)\">\n                {{ $t(install.installType === 'pwa' ? 'ForceBindings.000007' : 'components.progressierOperation4') }}\n              </ion-button>\n            </template>\n            <template v-else>\n              <!-- 安装/启动按钮 -->\n              <InstallProgress v-if=\"installStatus === 'Installing'\" :value=\"installProgress\" />\n              <ion-button mode=\"md\" class=\"flex-1 text-white\" shape=\"round\" v-else>\n                <ion-icon class=\"text-white w-5\" src=\"/svg/download/download.svg\" slot=\"start\" />\n                <button class=\"w-full h-full\" @click=\"handleForcedInstallAction\">{{ btnText }}</button>\n              </ion-button>\n            </template>\n            <!-- 客服 -->\n            <div class=\"h-[2.8125rem] rounded-full p-2 bg-[#F5F5F5] ml-2.5\" @click=\"onlineServiceHandle\">\n              <ion-icon class=\"text-[1.75rem]\" src=\"/svg/download/cs.svg\" />\n            </div>\n          </slot>\n        </div>\n        <!-- 安卓APK安装说明 -->\n        <div v-if=\"os !== 'iOSH5'\" class=\"tip-box\">\n          <p class=\"font-semibold my-2.5 text-sm\">{{ $t('components.progressierOperation5') }}:</p>\n          <div v-if=\"templateText?.description\" class=\"text-xs flex w-full\">\n            <p class=\"mr-1.5\">{{ templateText?.description }}</p>\n          </div>\n          <div v-else class=\"text-xs flex w-full\"\n            v-for=\"(it, i) in (install.installType === 'pwa' ? [4, 5, 6] : [6, 7, 8, 9])\" :key=\"it\">\n            <p class=\"mr-1.5\">{{ i + 1 }}.</p>\n            <span>{{ $t(`${install.installType === 'pwa' ? 'ForceBindings.00000' :\n              'components.progressierOperation'}${it}`)\n              }}</span>\n          </div>\n\n          <div class=\"warn w-full mt-2 bg-[#F5F5F5] rounded-[.3125rem] px-2.5 py-[.3125rem]\"\n            :class=\"{ 'mb-10': isHasBottomToolbar }\">\n            <div class=\"flex items-center\">\n              <slot name=\"tipIcon\">\n                <ion-icon class=\"text-[.8125rem]\" src=\"/svg/download/tip.svg\" />\n              </slot>\n              <p class=\"text-[.8125rem] ml-1.5 font-semibold\">{{ $t('components.progressierOperation10') }}</p>\n            </div>\n            <p class=\"text-[.625rem] leading-tight\">{{ $t('components.progressierOperation11') }}</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"less\">\n.content {\n  background-color: var(--color-bg-progressier-operation, var(--ion-text-color));\n  padding-bottom: var(--ion-safe-area-bottom);\n}\n\n.header {\n  background: url('/images/bg-forced-popup-BR.png');\n  background-size: 100%;\n}\n\n.header-BR {\n  background: url('/images/bg-forced-popup-BR.png');\n  background-size: 100%;\n}\n\n.header-PH {\n  background: url('/images/bg-forced-popup-PH.png');\n  background-size: 100%;\n}\n\nion-button {\n  --background: linear-gradient(180deg, #72CB45 0%, #337611 100%);\n  text-transform: none;\n  min-height: 0;\n  height: 2.8125rem;\n}\n\n.accent {\n  color: var(--color-currency);\n}\n</style>\n\n<style lang=\"less\">\n.tex-desc {\n  .accent {\n    color: var(--color-currency);\n    font-weight: 600;\n    font-size: .875rem;\n  }\n}\n</style>\n"],"names":["installRePwa","useRedomain","handleForcedInstallAction","installStatus","tenantInfo","onlineServiceHandle","computedAmonut","closeForceModal","btnText","promotionInfo","user","os","isSamsung","installProgress","isHasBottomToolbar","forceModalKey","theme","usePwaLogic","reward","computed","_a","calcGiftAmount","giftAmount","giftAmountMap","convertMoneyToShow","min","max","showGiftAmount","showGiftMaxAmount","showGiftAmountType","isArray","isRecharge","_b","isHome","isFistWithdrawal","currentRegionCode","props","__props","commission","domainList","install","commissionText"],"mappings":"i4CAUM,KAAA,CAAE,aAAAA,CAAa,EAAIC,GAAY,EAG/B,CACJ,0BAAAC,EACA,cAAAC,EACA,WAAAC,EACA,oBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,QAAAC,EACA,cAAAC,EACA,KAAAC,EACA,GAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,mBAAAC,EACA,cAAAC,EACA,MAAAC,GAEEC,GAAY,EAEVC,EAASC,EAAS,IAAA,OAAM,QAAAC,EAAAX,EAAc,QAAd,YAAAW,EAAqB,aAAc,SAAQ,EAEnEC,EAAiBF,EAAS,IAAM,OAE9B,MAAAG,IAAaF,EAAAX,EAAc,QAAd,YAAAW,EAAqB,iBAAkB,GACpDG,EAAgB,CACpB,eAAgB,IAAA,OAAM,SAAG,QAAAH,EAAAhB,EAAW,QAAX,YAAAgB,EAAkB,YAAa,OAAAI,GAAmBF,CAAU,IACrF,MAAO,IAAM,CACL,KAAA,CAACG,EAAKC,CAAG,EAAIJ,EACnB,OAAOhB,EAAe,GAAM,CAACmB,EAAKC,CAAG,CAAC,CACxC,EACA,OAAQ,IAAM,CACZ,KAAM,CAAE,eAAAC,EAAgB,kBAAAC,EAAmB,mBAAAC,GAAuBpB,EAAc,OAAS,CAAC,EAC1F,OAAOmB,GAAqBC,IAAuB,EAC/CvB,EAAe,GAAM,CAACqB,EAAgBC,CAAiB,CAAC,EACxDtB,EAAe,GAAOqB,CAAc,CAC1C,EACA,QAAS,IAAM,CACjB,EAEA,OAAIZ,EAAc,QAAU,iBAAyBQ,EAAc,eAAe,EAC9EO,GAAQR,CAAU,EAAUC,EAAc,MAAM,EAChDD,GAAcJ,EAAO,MAAcK,EAAc,OAAO,EACrDA,EAAc,QAAQ,CAAA,CAC9B,EAEKQ,EAAaZ,EAAS,IAAA,SAAM,QAAAC,EAAAX,EAAc,QAAd,YAAAW,EAAqB,aAAc,cAAcY,EAAAtB,EAAK,QAAL,YAAAsB,EAAY,IAAE,EAC3FC,EAASd,EAAS,IAAA,OAAM,QAAAC,EAAAX,EAAc,QAAd,YAAAW,EAAqB,aAAc,OAAM,EACjEc,EAAmBf,EAAS,IAAA,SAAM,QAAAC,EAAAX,EAAc,QAAd,YAAAW,EAAqB,aAAc,sBAAsBY,EAAAtB,EAAK,QAAL,YAAAsB,EAAY,IAAE,EACzGG,GAAoBhB,EAAS,IAAM,OAAA,OAAAC,EAAAhB,EAAW,QAAX,YAAAgB,EAAkB,KAAI,EAEzDgB,GAAQC,EAeR,CAAE,WAAAC,EAAY,WAAAC,EAAY,QAAAC,GAAYJ,GAAM,aAC5CK,GAAiBtB,EAAS,IAAMb,EAAe,CAAC,EAAEgC,GAAA,MAAAA,EAAY,QAASA,CAAU,CAAC"}