{"version":3,"sources":["webpack:///./src/views/Member.vue","webpack:///./src/views/Member.vue?6c5e","webpack:///./src/views/Member.vue?4351"],"names":["store","useStore","router","useRouter","fp","computed","getters","currencySelect","balance","ref","currency","reactive","arr","currencySelectStr","value","region_block","code","wallet_request_params","account","watch","newVal","dispatch","PlayerWallet","then","data","status","Number","amount","localStorage","setItem","push","path","onMounted","Promise","all","currencyList","currency_data","wallet_data","_currency_data$data$d","_currency_data$data$d2","_wallet_data$data$dat","_wallet_data$data$dat2","should_region_block","currencyKind","__exports__"],"mappings":"gjBAOA,MAAMA,EAAQC,iBAGRC,EAASC,iBAETC,EAAKC,sBAAS,IAAML,EAAMM,QAAQF,IAElCG,EAAiBF,sBAAS,IAAML,EAAMM,QAAQC,gBAE9CC,EAAUC,iBAAI,IAGdC,EAAWC,sBAAS,CAAEC,IAAK,KAG3BC,EAAoBJ,iBAAIF,EAAeO,OAGvCC,EAAeA,CAACC,EAAO,IAAe,MAATA,EAE7BC,EAAwBZ,sBAAS,KAAM,CAAGa,QAASlB,EAAMM,QAAQF,GAAIM,SAAUV,EAAMM,QAAQC,kB,OAGnGY,mBAAMN,EAAoBO,IACtBpB,EAAMqB,SAAS,mBAAoBD,GACnCZ,EAAQM,MAAQ,IAChBQ,eAAaL,EAAsBH,OAAOS,KAAK,EAAGC,OAAMC,aACxB,MAAxBC,OAAOD,EAAOT,OAIlBR,EAAQM,MAAQU,EAAKA,KAAKG,OAC1BC,aAAaC,QAAQ,WAAYT,IAJ7BlB,EAAO4B,KAAK,CAAEC,KAAM,iBAShCC,uBAAU,KACNxB,EAAQM,MAAQ,IAChBmB,QAAQC,IAAI,CACRC,iBACAb,eAAaL,EAAsBH,SACpCS,KAAK,EAAEa,EAAeC,MAAiB,IAAAC,EAAAC,EAAAC,EAAAC,EACtC,MAAMC,EAAsB3B,EAAaqB,EAAcZ,KAAKC,OAAOT,OAASD,EAAasB,EAAYb,KAAKC,OAAOT,MAC7G0B,EACAxC,EAAO4B,KAAK,CAAEC,KAAM,cAGxBrB,EAASE,IAA2C,QAAxC0B,EAA0B,QAA1BC,EAAGH,EAAcZ,KAAKA,YAAI,IAAAe,OAAA,EAAvBA,EAAyBI,oBAAY,IAAAL,IAAI,GACxD9B,EAAQM,MAAqC,QAAhC0B,EAAwB,QAAxBC,EAAGJ,EAAYb,KAAKA,YAAI,IAAAiB,OAAA,EAArBA,EAAuBd,cAAM,IAAAa,IAAI,Q,m0CClDzD,MAAMI,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,kCCRf,W","file":"js/Member.684ba96f.js","sourcesContent":["<script setup>\r\nimport { useStore } from 'vuex';\r\nimport { computed, onMounted, reactive, ref, watch } from \"vue\";\r\nimport { useRouter } from 'vue-router';\r\nimport { currencyList, PlayerWallet } from \"@/plugins/ajax.js\";\r\n\r\n// vuex\r\nconst store = useStore();\r\n\r\n// router\r\nconst router = useRouter();\r\n\r\nconst fp = computed(() => store.getters.fp);\r\n\r\nconst currencySelect = computed(() => store.getters.currencySelect);\r\n\r\nconst balance = ref('');\r\n\r\n//取得 api data 並儲存\r\nconst currency = reactive({ arr: [] });\r\n\r\n// 將 currencySelect 存入 model 變數\r\nconst currencySelectStr = ref(currencySelect.value);\r\n\r\n// AJAX request modules\r\nconst region_block = (code = 0) => code === 105;\r\n\r\nconst wallet_request_params = computed(() => ({ account: store.getters.fp, currency: store.getters.currencySelect }));\r\n\r\n// 監控幣別\r\nwatch(currencySelectStr, (newVal) => {\r\n    store.dispatch('currencySelectAc', newVal);\r\n    balance.value = \"⏳\";\r\n    PlayerWallet(wallet_request_params.value).then(({ data, status }) => {\r\n        if (Number(status.code) === 105) {\r\n            router.push({ path: \"/warning\" });\r\n            return;\r\n        }\r\n        balance.value = data.data.amount;\r\n        localStorage.setItem('currency', newVal);\r\n    });\r\n});\r\n\r\n// lifecircle\r\nonMounted(() => {\r\n    balance.value = \"⏳\";\r\n    Promise.all([\r\n        currencyList(),\r\n        PlayerWallet(wallet_request_params.value),\r\n    ]).then(([currency_data, wallet_data]) => {\r\n        const should_region_block = region_block(currency_data.data.status.code) || region_block(wallet_data.data.status.code);\r\n        if (should_region_block) {\r\n            router.push({ path: \"/warning\" });\r\n            return;\r\n        }\r\n        currency.arr = currency_data.data.data?.currencyKind ?? \"\";\r\n        balance.value = wallet_data.data.data?.amount ?? \"\";\r\n    });\r\n});\r\n</script>\r\n\r\n<template>\r\n    <div class=\"member\">\r\n        <router-link to=\"/\" class=\"member-close\">\r\n            <img src=\"/img/svg/x.svg\" alt=\"back to home\" />\r\n        </router-link>\r\n        <div class=\"member-box\">\r\n            <div class=\"member-box-title\">{{ $t('info') }}</div>\r\n            <div class=\"member-box-item\">\r\n                <label>{{ $t('account') }} : </label>\r\n                <p>{{ fp }}</p>\r\n            </div>\r\n            <div class=\"member-box-item\">\r\n                <label for=\"member-currency-selector\">{{ $t('currency') }} : </label>\r\n                <select id=\"member-currency-selector\" v-model=\"currencySelectStr\">\r\n                    <option v-for=\"(item) in currency.arr\" :key=\"item\" :value=\"item\">{{ item }}</option>\r\n                </select>\r\n                <span>{{ $t('balance') }} : {{ balance }}</span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.member {\r\n    @include flex(row, center, center);\r\n    height: 100vh;\r\n    width: 100%;\r\n\r\n    &-close {\r\n        position: fixed;\r\n        right: $base-gap-1;\r\n        top: $base-gap-1;\r\n        cursor: pointer;\r\n\r\n        img {\r\n            width: 32px;\r\n            height: 32px;\r\n        }\r\n    }\r\n\r\n    &-box {\r\n        background: $w-gradient-1;\r\n        color: #fff;\r\n        border-radius: $l-radius;\r\n        padding: 0 $base-gap-2;\r\n        width: 40%;\r\n\r\n        &-title {\r\n            text-align: center;\r\n            font-size: 28px;\r\n            padding: $base-gap-3 0 $base-gap-1 0;\r\n            border-bottom: 1px solid $w-gradient-3;\r\n        }\r\n\r\n        &-item {\r\n            @include flex(row, flex-start, center);\r\n            padding: $base-gap-1 0;\r\n\r\n            label {\r\n                font-size: 24px;\r\n            }\r\n\r\n            p {\r\n                font-size: 24px;\r\n                margin-left: $base-gap-1;\r\n            }\r\n\r\n            select {\r\n                font-size: 24px;\r\n                min-width: 150px;\r\n                margin-left: $base-gap-1;\r\n\r\n                &:focus {\r\n                    outline: none;\r\n                }\r\n            }\r\n\r\n            span {\r\n                font-size: 24px;\r\n                margin-left: $base-gap-1;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@include big {\r\n    .member {\r\n        &-box {\r\n            width: 60%;\r\n\r\n            &-item {\r\n                @include flex(column, flex-start, center);\r\n\r\n                label {\r\n                    font-size: 20px;\r\n                    margin-bottom: $base-gap-1;\r\n                }\r\n\r\n                p {\r\n                    font-size: 16px;\r\n                }\r\n\r\n                select {\r\n                    font-size: 24px;\r\n                    margin-left: 0;\r\n                    margin-bottom: $base-gap-1;\r\n                }\r\n\r\n                span {\r\n                    font-size: 20px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n@include small {\r\n    .member {\r\n        &-box {\r\n            width: 85%;\r\n        }\r\n    }\r\n}\r\n</style>\r\n","import script from \"./Member.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Member.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Member.vue?vue&type=style&index=0&id=2c858c60&lang=scss&scoped=true\"\n\nimport exportComponent from \"C:\\\\Users\\\\PC\\\\Desktop\\\\Code-Project\\\\VA-OD-TP\\\\OD-Demo-Code\\\\node_modules\\\\@vue\\\\cli-service\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2c858c60\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Member.vue?vue&type=style&index=0&id=2c858c60&lang=scss&scoped=true\""],"sourceRoot":""}