{"version":3,"sources":["webpack:///./src/components/modals/shippingModalForm.vue?22d4","webpack:///./src/components/common/TargetBar.vue?d028","webpack:///./src/components/InputNumberCustomColor.vue?2c1d","webpack:///./src/pages/detail.page.vue?d539","webpack:///./src/components/icons/target-tooltip.icon.vue?3c27","webpack:///./src/components/modals/exchangeWalletModalForm.vue?7423","webpack:///./src/components/nft/NFTDetail/BuySection.vue?2d7f","webpack:///./src/pages/detail.page.vue?5ecc","webpack:///./src/components/common/BreadcrumbList.vue?1a88","webpack:///src/components/common/BreadcrumbList.vue","webpack:///./src/components/common/BreadcrumbList.vue?6241","webpack:///./src/components/common/BreadcrumbList.vue","webpack:///./src/components/icons/global.icon.vue","webpack:///./src/components/icons/global.icon.vue?2f73","webpack:///./src/components/icons/x.icon.vue","webpack:///./src/components/icons/x.icon.vue?6208","webpack:///src/components/InputNumberCustomColor.vue","webpack:///./src/components/InputNumberCustomColor.vue?b1d2","webpack:///./src/components/InputNumberCustomColor.vue?acd4","webpack:///./src/components/InputNumberCustomColor.vue?aa00","webpack:///./src/components/icons/hot.icon.vue","webpack:///./src/components/icons/hot.icon.vue?5936","webpack:///./src/components/icons/target-tooltip.icon.vue?63d9","webpack:///src/components/icons/target-tooltip.icon.vue","webpack:///./src/components/icons/target-tooltip.icon.vue","webpack:///./src/components/icons/target-tooltip.icon.vue?e01b","webpack:///./src/components/common/TargetBar.vue?a84a","webpack:///src/components/common/TargetBar.vue","webpack:///./src/components/common/TargetBar.vue","webpack:///./src/components/common/TargetBar.vue?8ebb","webpack:///./src/services/shipping_info.js","webpack:///src/components/modals/shippingModalForm.vue","webpack:///./src/components/modals/shippingModalForm.vue?9a1e","webpack:///./src/components/modals/shippingModalForm.vue?19e8","webpack:///./src/components/modals/shippingModalForm.vue?fe71","webpack:///src/components/modals/shippingZaifTxModalForm.vue","webpack:///./src/components/modals/shippingZaifTxModalForm.vue?baab","webpack:///./src/components/modals/shippingZaifTxModalForm.vue?9f7c","webpack:///./src/components/modals/shippingZaifTxModalForm.vue?4feb","webpack:///./src/services/exchange_wallet_info.js","webpack:///src/components/modals/exchangeWalletModalForm.vue","webpack:///./src/components/modals/exchangeWalletModalForm.vue?d334","webpack:///./src/components/modals/exchangeWalletModalForm.vue?3106","webpack:///./src/components/modals/exchangeWalletModalForm.vue?70da","webpack:///src/components/nft/NFTDetail/BuySection.vue","webpack:///./src/components/nft/NFTDetail/BuySection.vue?4875","webpack:///./src/components/nft/NFTDetail/BuySection.vue","webpack:///./src/components/nft/NFTDetail/BuySection.vue?9a91","webpack:///src/pages/detail.page.vue","webpack:///./src/utils/getScanUrl.util.js","webpack:///./src/pages/detail.page.vue?9752","webpack:///./src/pages/detail.page.vue","webpack:///./src/components/modals/shippingZaifTxModalForm.vue?87f8"],"names":["_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","on","$router","push","_v","_s","$t","arrayHierarchy","_e","$event","moveCategoryPath","showCategoryName","move3rdDirectoryPath","showProjectName","move4thDirectoryPath","showSiriesName","move5thDirectoryPath","showEditionName","showNFTName","name","data","category_id","category_ja","category_en","project_id","project_ja","project_en","siries_id","siries_ja","siries_en","edition_id","edition_ja","edition_en","mounted","getNames","watch","hierarchy","newValue","name_en","name_ja","computed","mapState","locale","methods","getCategories","type","items","result","input","isFinite","String","strToNumberStr","replace","props","placeholder","default","label","value","error","disabled","decimals","option","labelClass","inputClass","variant","rawValue","directives","numeralPositiveOnly","numeral","numeralDecimalScale","onValueChanged","numeralThousandsGroupStyle","cleave","immediate","handler","newVal","setTimeout","onValueChange","e","target","$emit","onKeyup","event","class","_t","rawName","expression","ref","domProps","components","HotIcon","content","isHot","TargetTooltipIcon","required","sold","hotAtEnd","isPresale","percentSoldWithTarget","targetPercentagePosition","Math","percentagePosition","maxSliderValue","sliderValue","showHotAtEnd","style","transform","_m","addShippingInfo","formData","a","http","post","API_VERSION_1_PREFIX","visible","quantity","user","phoneNumber","email","postalCode","address","mapGetters","account","provider","projectDetailMap","projectDetail","id","close","validateInput","length","alert","validateEmail","test","validatePhoneNumber","validatePostalCode","onAddressSubmitForm","payload","console","lookupAddress","apiUrl","fetch","response","composing","$set","zaiftx","UtilNotify","message","addExchangeWalletInfo","modal_type","chainId","exchange_wallet","wallet","isMatchChainId","onSubmitPiement","piementUrl","window","YEN","OAS","ETH","Ethereum","POL","Polygon","BNB","BNBSmartChain","ASTR","AstarNetwork","SBY","AVAX","TCG","HOMEDSE","MCH","TCGC","Avalanche","TCGVerse","HOMEVerse","MCHVerse","MCHC","CICC","InputNumberCustomColor","TargetBar","shippingModalForm","shippingZaifTxModalForm","exchangeWalletModalForm","validator","includes","endTimeInMilliseconds","startTimeInMilliseconds","price","totalQuantity","endTime","startTime","maxSalePerUser","contractId","isWhitelisted","calendarUrl","stopped","isReady","isTBA","isPriceTBA","isCombinedTarget","presaleSold","publicSaleSold","transferUnsoldDisabled","tokenAddress","allowance","hasAffiliate","isMaintaining","types","PRESALE","title","PUBLIC_SALE","CHAIN_INFO","endTimeMilli","ownedAmount","loadingAllowance","timeOuts","showModal","showExchangeWalletModal","showZaifTxModal","SymbolMap","connectedChainInfo","totalPrice","multipliedBy","toFixed","symbol","TOKEN_SYMBOLS","maxPurchasableAmount","min","ratio","iconSvg","formattedPrice","formattedTotalQuantity","formattedLeftover","forEach","beforeDestroy","$root","$off","boundShowModalAfterSwitch","mapActions","fetchProjectDetail","mapMutations","setModalRequestState","getOwnedQuantity","getOwnedAmount","buyer","projectId","onFinish","getTime","Date","$refs","countdownRef","startCountdown","openZaifTxModal","handleMetamask","$on","showModalAfterSwitch","success","onSubmitBuy","amount","Number","buyNFT","backendId","isNativeToken","onSubmitStores","nextUrl","isLess","num1","num2","lt","approveToken","_f","preventDefault","apply","arguments","max_value","min_value","scopedSlots","_u","key","fn","errors","model","callback","$$v","exchange_wallet_info","tag","iconCss","shipping_form","payment","stores_btn","zaiftx_form","BuySection","BreadcrumbList","GlobalIcon","XIcon","loading","SITE_URL","referral_code","metaInfo","accessToken","detail","connectedChainId","allowances","presaleStartTime","presale_start_time","valueOf","publicSaleStartTime","publicsale_start_time","presaleEndTime","presale_end_time","publicSaleEndTime","publicsale_end_time","isPresaleEnded","moment","publicSaleTotalAmount","canBuy","is_whitelisted","has_whitelist","formattedDescription","description","presaleTarget","presale_target","presale_amount","publicSaleTarget","publicsale_target","publicsale_amount","totalSaleAmount","showName","showDescription","description_ja","isChainMatched","chain_id","currentAllowance","token_address","scanUrl","contractAddress","getScanUrl","contract_address","fetchDetail","$route","params","chainOrAccountChanged","oldVal","getChainName","stResult","generateCalendarLink","getAllowance","setHierarchy","updateProjectDetail","setToConnectChain","shortenContractAddress","onBuying","res","isPublicSale","saleType","refLink","getAllowanceCoin","approve","destroyed","thumbnail_url","website_url","startsWith","twitter_url","contract_type","Object","values","presale_price","presale_sold_amount","presale_max_purchase","contract_project_id","status","status_code","is_presale_tba","is_presale_price_tba","transfer_unsold_disabled","is_affiliate_enabled","publicsale_price","publicsale_sold_amount","publicsale_max_purchase","is_publicsale_tba","is_publicsale_price_tba","$sanitize","staticRenderFns"],"mappings":"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","file":"js/chunk-a9a75a52.64c5f679.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./shippingModalForm.vue?vue&type=style&index=0&id=4ad913d4&scoped=true&lang=css&\"","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-loader/lib/loaders/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-loader/lib/index.js??vue-loader-options!./TargetBar.vue?vue&type=style&index=0&id=3111bd24&lang=scss&scoped=true&\"","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-loader/lib/loaders/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-loader/lib/index.js??vue-loader-options!./InputNumberCustomColor.vue?vue&type=style&index=0&lang=scss&\"","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-loader/lib/loaders/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-loader/lib/index.js??vue-loader-options!./detail.page.vue?vue&type=style&index=0&id=cb4a5ff8&lang=scss&scoped=true&\"","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-loader/lib/loaders/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-loader/lib/index.js??vue-loader-options!./target-tooltip.icon.vue?vue&type=style&index=0&id=577f7ba9&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./exchangeWalletModalForm.vue?vue&type=style&index=0&id=e97a4f8c&scoped=true&lang=css&\"","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-loader/lib/loaders/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-loader/lib/index.js??vue-loader-options!./BuySection.vue?vue&type=style&index=0&id=0263d3a8&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a-spin',{attrs:{\"spinning\":_vm.loading}},[_c('div',{staticClass:\"mt-6 mx-4 sm:ml-32\",staticStyle:{\"font-family\":\"Inter\",\"font-size\":\"14px\",\"font-weight\":\"700\",\"color\":\"#9B9DA1\"}},[_c('BreadcrumbList')],1),_c('div',{staticClass:\"flex items-center justify-between mt-6 mx-4 visible sm:hidden\"},[_c('div',{staticClass:\"title\",staticStyle:{\"font-family\":\"Inter\",\"font-size\":\"24px\",\"font-weight\":\"700\",\"color\":\"#1F2023\"}},[_vm._v(\" \"+_vm._s(_vm.showName)+\" \")])]),_c('div',{staticClass:\"sm:grid grid-cols-5 gap-x-10\"},[_c('div',{staticClass:\"col-span-5 sm:col-span-2 sm:ml-32\"},[_c('div',{staticClass:\"z-30 relative flex justify-center\"},[_c('img',{staticClass:\"mt-6 px-4 sm:px-0\",attrs:{\"src\":_vm.detail.thumbnail_url}})]),_c('div',{staticClass:\"flex mx-auto mt-3.5\"},[_c('div',{staticClass:\"flex mx-auto items-end\"},[(_vm.detail.website_url)?_c('a',{attrs:{\"href\":_vm.detail.website_url.startsWith('http') || _vm.detail.website_url.startsWith('www.')\n                ? _vm.detail.website_url\n                : (\"//\" + (_vm.detail.website_url)),\"target\":\"_blank\"}},[_c('GlobalIcon',{staticClass:\"w-9 h-9\",staticStyle:{\"color\":\"#FF0085\"}})],1):_vm._e(),(_vm.detail.twitter_url)?_c('a',{attrs:{\"href\":_vm.detail.twitter_url.startsWith('http') || _vm.detail.twitter_url.startsWith('www.')\n                ? _vm.detail.twitter_url\n                : (\"//\" + (_vm.detail.twitter_url)),\"target\":\"_blank\"}},[_c('XIcon',{staticClass:\"w-8 h-9 -mt-1 ml-6\",staticStyle:{\"color\":\"#FF0085\"}})],1):_vm._e()])]),_c('div',{staticClass:\"hidden sm:block mt-5 pl-4 pr-2 pb-3.5 mx-auto text-sm\",staticStyle:{\"font-family\":\"Noto Sans CJK JP\",\"font-size\":\"14px\",\"color\":\"#1F2023\",\"border\":\"1px solid #EBEBEC\"}},[_c('div',{staticClass:\"flex mt-3.5 flex-wrap\"},[_c('div',{staticStyle:{\"font-weight\":\"700\"}},[_vm._v(\" \"+_vm._s(_vm.$t('PROJECT_CHAIN_LABEL'))+\" \")]),_vm._v(\"  \"),_c('div',{staticStyle:{\"font-weight\":\"400\",\"word-break\":\"break-all\"}},[_vm._v(\" \"+_vm._s(_vm.getChainName(_vm.detail.chain_id))+\" \")])]),_c('div',{staticClass:\"flex mt-2\"},[_c('div',{staticStyle:{\"font-weight\":\"700\"}},[_vm._v(\" \"+_vm._s(_vm.$t('STANDARD'))+\" \")]),_vm._v(\"   \"),_c('div',{staticStyle:{\"font-weight\":\"400\"}},[_vm._v(\" ERC-\"+_vm._s(_vm.detail.contract_type)+\" \")])]),(_vm.shortenContractAddress())?_c('div',{staticClass:\"mt-2\"},[_c('div',{staticClass:\"font-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t('CONTRACT_ADDRESS'))+\" \")]),_c('div',{staticClass:\"flex flex-col tablet:flex-col lg:flex-row items-start lg:items-center lg:space-y-0 lg:space-x-4 relative\"},[_c('a',{staticClass:\"font-normal rounded px-3 py-1 lg:px-1 lg:py-1 text-blue-500 hover:underline\",staticStyle:{\"max-width\":\"100%\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\",\"white-space\":\"nowrap\"},attrs:{\"href\":_vm.scanUrl,\"target\":\"_blank\",\"rel\":\"noopener noreferrer\"}},[_vm._v(\" \"+_vm._s(_vm.shortenContractAddress())+\" \")])])]):_vm._e()])]),_c('div',{staticClass:\"mt-6 mx-2 sm:ml-0 sm:mr-16 col-span-5 sm:col-span-3\"},[_c('div',{staticClass:\"hidden sm:block\"},[_c('div',{staticClass:\"flex items-center justify-between mt-2\"},[_c('div',{staticClass:\"title\",staticStyle:{\"font-family\":\"Inter\",\"font-size\":\"24px\",\"font-weight\":\"700\",\"color\":\"#1F2023\"}},[_vm._v(\" \"+_vm._s(_vm.showName)+\" \")])])]),(Object.values(_vm.detail).length > 0)?_c('div',{staticClass:\"pb-8 mx-auto rounded-t-xl\"},[_c('div',{staticClass:\"relative\"},[(_vm.isMaintaining)?_c('div',[_c('div',[_vm._v(\"ご案内\")]),_vm._v(\" 2023年7月7日(金)19:00から、Zaif INOのサービスサイトにて、購入ができないエラーが発生しております。 \"),_c('br'),_vm._v(\" 多くのお客さまに \"),_c('br'),_vm._v(\" ご迷惑をおかけ致しまして誠に申し訳ございませんでした。 \"),_c('br'),_vm._v(\" 現在システムチームとエラーの原因を調査中です。 \"),_c('br'),_vm._v(\" 無事復旧いたしましたら、改めてお知らせいたしますので、今しばらくお待ちいただけましたら幸いです。 \"),_c('br'),_vm._v(\" 何卒宜しくお願い致します。 \")]):_vm._e(),(_vm.detail.presale_amount > 0)?_c('BuySection',{attrs:{\"type\":\"PRESALE\",\"startTime\":_vm.detail.presale_start_time,\"startTimeInMilliseconds\":_vm.presaleStartTime,\"endTime\":_vm.detail.presale_end_time,\"endTimeInMilliseconds\":_vm.presaleEndTime,\"chainId\":_vm.detail.chain_id,\"price\":_vm.detail.presale_price,\"totalQuantity\":_vm.detail.presale_amount,\"sold\":_vm.detail.presale_sold_amount,\"maxSalePerUser\":_vm.detail.presale_max_purchase,\"contractId\":_vm.detail.contract_project_id,\"isWhitelisted\":_vm.canBuy,\"calendarUrl\":_vm.calendarUrl(false),\"stopped\":_vm.detail.status === 4,\"isReady\":_vm.detail.status_code === 'READY',\"isTBA\":_vm.detail.is_presale_tba,\"isPriceTBA\":_vm.detail.is_presale_price_tba,\"target\":_vm.presaleTarget,\"transferUnsoldDisabled\":_vm.detail.transfer_unsold_disabled,\"tokenAddress\":_vm.detail.token_address,\"allowance\":_vm.currentAllowance,\"hasAffiliate\":_vm.detail.is_affiliate_enabled,\"isMaintaining\":_vm.isMaintaining},on:{\"buying\":_vm.onBuying,\"onApproveToken\":_vm.approve}}):_vm._e(),(_vm.detail.publicsale_amount > 0)?_c('BuySection',{attrs:{\"type\":\"PUBLIC_SALE\",\"startTime\":_vm.detail.publicsale_start_time,\"startTimeInMilliseconds\":_vm.publicSaleStartTime,\"endTime\":_vm.detail.publicsale_end_time,\"endTimeInMilliseconds\":_vm.publicSaleEndTime,\"chainId\":_vm.detail.chain_id,\"price\":_vm.detail.publicsale_price,\"totalQuantity\":_vm.publicSaleTotalAmount,\"sold\":_vm.detail.publicsale_sold_amount,\"maxSalePerUser\":_vm.detail.publicsale_max_purchase,\"contractId\":_vm.detail.contract_project_id,\"calendarUrl\":_vm.calendarUrl(true),\"stopped\":_vm.detail.status === 4,\"isReady\":_vm.detail.status_code === 'READY',\"isTBA\":_vm.detail.is_publicsale_tba,\"isPriceTBA\":_vm.detail.is_publicsale_price_tba,\"target\":_vm.publicSaleTarget,\"transferUnsoldDisabled\":_vm.detail.transfer_unsold_disabled,\"tokenAddress\":_vm.detail.token_address,\"allowance\":_vm.currentAllowance,\"hasAffiliate\":_vm.detail.is_affiliate_enabled,\"isMaintaining\":_vm.isMaintaining},on:{\"buying\":_vm.onBuying,\"onApproveToken\":_vm.approve}}):_vm._e()],1),_c('section',{staticClass:\"header md:flex space-x-8 align-middle\\n                        mt-8 mb-4 mx-2 sm:mx-0\"},[_c('div',{staticClass:\"general w-full grow\"},[_c('div',{staticClass:\"description text-lg whitespace-pre-line text-black\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.$sanitize(_vm.showDescription))}})])])]),(_vm.detail.presale_amount > 0)?_c('BuySection',{attrs:{\"type\":\"PRESALE\",\"startTime\":_vm.detail.presale_start_time,\"startTimeInMilliseconds\":_vm.presaleStartTime,\"endTime\":_vm.detail.presale_end_time,\"endTimeInMilliseconds\":_vm.presaleEndTime,\"chainId\":_vm.detail.chain_id,\"price\":_vm.detail.presale_price,\"totalQuantity\":_vm.detail.presale_amount,\"sold\":_vm.detail.presale_sold_amount,\"maxSalePerUser\":_vm.detail.presale_max_purchase,\"contractId\":_vm.detail.contract_project_id,\"isWhitelisted\":_vm.canBuy,\"calendarUrl\":_vm.calendarUrl(false),\"stopped\":_vm.detail.status === 4,\"isReady\":_vm.detail.status_code === 'READY',\"isTBA\":_vm.detail.is_presale_tba,\"isPriceTBA\":_vm.detail.is_presale_price_tba,\"target\":_vm.presaleTarget,\"transferUnsoldDisabled\":_vm.detail.transfer_unsold_disabled,\"tokenAddress\":_vm.detail.token_address,\"allowance\":_vm.currentAllowance,\"hasAffiliate\":_vm.detail.is_affiliate_enabled,\"isMaintaining\":_vm.isMaintaining},on:{\"buying\":_vm.onBuying,\"onApproveToken\":_vm.approve}}):_vm._e(),(_vm.detail.publicsale_amount > 0)?_c('BuySection',{attrs:{\"type\":\"PUBLIC_SALE\",\"startTime\":_vm.detail.publicsale_start_time,\"startTimeInMilliseconds\":_vm.publicSaleStartTime,\"endTime\":_vm.detail.publicsale_end_time,\"endTimeInMilliseconds\":_vm.publicSaleEndTime,\"chainId\":_vm.detail.chain_id,\"price\":_vm.detail.publicsale_price,\"totalQuantity\":_vm.publicSaleTotalAmount,\"sold\":_vm.detail.publicsale_sold_amount,\"maxSalePerUser\":_vm.detail.publicsale_max_purchase,\"contractId\":_vm.detail.contract_project_id,\"calendarUrl\":_vm.calendarUrl(true),\"stopped\":_vm.detail.status === 4,\"isReady\":_vm.detail.status_code === 'READY',\"isTBA\":_vm.detail.is_publicsale_tba,\"isPriceTBA\":_vm.detail.is_publicsale_price_tba,\"target\":_vm.publicSaleTarget,\"transferUnsoldDisabled\":_vm.detail.transfer_unsold_disabled,\"tokenAddress\":_vm.detail.token_address,\"allowance\":_vm.currentAllowance,\"hasAffiliate\":_vm.detail.is_affiliate_enabled,\"isMaintaining\":_vm.isMaintaining},on:{\"buying\":_vm.onBuying,\"onApproveToken\":_vm.approve}}):_vm._e()],1):_vm._e()]),_c('div',{staticClass:\"visible sm:hidden mx-4 pl-4 pr-2 pt-3 py-4\",staticStyle:{\"font-family\":\"Noto Sans CJK JP\",\"font-size\":\"14px\",\"color\":\"#1F2023\",\"border\":\"1px solid #EBEBEC\"}},[_c('div',{staticClass:\"flex items-center mt-2\"},[_c('div',{staticStyle:{\"font-weight\":\"700\"}},[_vm._v(\" \"+_vm._s(_vm.$t('PROJECT_CHAIN_LABEL'))+\" \")]),_vm._v(\"   \"),_c('div',{staticStyle:{\"font-weight\":\"400\"}},[_vm._v(\" \"+_vm._s(_vm.getChainName(_vm.detail.chain_id))+\" \")])]),_c('div',{staticClass:\"flex items-center mt-1.5\"},[_c('div',{staticStyle:{\"font-weight\":\"700\"}},[_vm._v(_vm._s(_vm.$t('STANDARD')))]),_vm._v(\"   \"),_c('div',{staticStyle:{\"font-weight\":\"400\"}},[_vm._v(\"ERC-\"+_vm._s(_vm.detail.contract_type))])]),(_vm.shortenContractAddress())?_c('div',{staticClass:\"mt-2\"},[_c('div',{staticClass:\"font-bold\"},[_vm._v(\" \"+_vm._s(_vm.$t('CONTRACT_ADDRESS'))+\" \")]),_c('div',{staticClass:\"flex flex-col tablet:flex-col lg:flex-row items-start lg:items-center lg:space-y-0 lg:space-x-4 relative\"},[_c('a',{staticClass:\"font-normal rounded px-3 py-1 lg:px-1 lg:py-1 text-blue-500 hover:underline\",staticStyle:{\"max-width\":\"100%\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\",\"white-space\":\"nowrap\"},attrs:{\"href\":_vm.scanUrl,\"target\":\"_blank\",\"rel\":\"noopener noreferrer\"}},[_vm._v(\" \"+_vm._s(_vm.shortenContractAddress())+\" \")])])]):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('a-breadcrumb',{staticClass:\"w-full grow\",staticStyle:{\"font-family\":\"Inter\",\"font-size\":\"14px\",\"font-weight\":\"700\",\"color\":\"#9B9DA1\"},attrs:{\"separator\":\"\"}},[_c('a-breadcrumb-item',{staticClass:\"cursor-pointer\"},[_c('span',{on:{\"click\":function () { return _vm.$router.push('/'); }}},[_vm._v(\" \"+_vm._s(_vm.$t('HOME_BREAD_CRUMB_TEXT'))+\" \")])]),(_vm.arrayHierarchy[0])?_c('a-breadcrumb-item-separator',[_vm._v(\" ＞ \")]):_vm._e(),(_vm.arrayHierarchy[0])?_c('a-breadcrumb-item',{staticClass:\"cursor-pointer\"},[_c('span',{on:{\"click\":function($event){return _vm.moveCategoryPath();}}},[_vm._v(\" \"+_vm._s(this.showCategoryName())+\" \")])]):_vm._e(),(_vm.arrayHierarchy[1])?_c('a-breadcrumb-item-separator',[_vm._v(\" ＞ \")]):_vm._e(),(_vm.arrayHierarchy[1])?_c('a-breadcrumb-item',{staticClass:\"cursor-pointer\"},[_c('span',{on:{\"click\":function($event){return _vm.move3rdDirectoryPath();}}},[_vm._v(\" \"+_vm._s(this.showProjectName())+\" \")])]):_vm._e(),(_vm.arrayHierarchy[2])?_c('a-breadcrumb-item-separator',[_vm._v(\" ＞ \")]):_vm._e(),(_vm.arrayHierarchy[2])?_c('a-breadcrumb-item',{staticClass:\"cursor-pointer\"},[_c('span',{on:{\"click\":function($event){return _vm.move4thDirectoryPath();}}},[_vm._v(\" \"+_vm._s(this.showSiriesName())+\" \")])]):_vm._e(),(_vm.arrayHierarchy[3])?_c('a-breadcrumb-item-separator',[_vm._v(\" ＞ \")]):_vm._e(),(_vm.arrayHierarchy[3])?_c('a-breadcrumb-item',{staticClass:\"cursor-pointer\"},[_c('span',{on:{\"click\":function($event){return _vm.move5thDirectoryPath();}}},[_vm._v(\" \"+_vm._s(this.showEditionName())+\" \")])]):_vm._e(),_c('a-breadcrumb-item-separator',[_vm._v(\" ＞ \")]),_c('a-breadcrumb-item',[_c('span',{staticStyle:{\"color\":\"#9B9DA1\"}},[_vm._v(\" \"+_vm._s(this.showNFTName())+\" \")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--\n  SMARTPHONE\n    LAYOUT\n      height: 46px; 2行、PCは height: 21px; 1行\n    TYPOGRAPHY PCも同じ\n      font-family: Inter;\n      font-size: 14px;\n      font-weight: 700;\n      line-height: 21px;\n    COLOR PCも同じ\n      background: #9B9DA1;\n-->\n<template> \n  <div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- パンくずリスト -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <a-breadcrumb\n      separator=\"\"\n      class=\"w-full grow\"\n      style=\"font-family: Inter; font-size: 14px; font-weight: 700;\n            color: #9B9DA1;\"\n    > <!-- セパレータ ＞ の色はここで指定する -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- 第一ディレクトリ。ルートディレクトリ。-->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-breadcrumb-item class=\"cursor-pointer\">\n        <span @click=\"() => $router.push('/')\">\n          {{ $t('HOME_BREAD_CRUMB_TEXT') }}\n        </span>\n      </a-breadcrumb-item>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- セパレータ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-breadcrumb-item-separator v-if=\"arrayHierarchy[0]\">\n        ＞\n      </a-breadcrumb-item-separator>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- 第二ディレクトリ。通常はカテゴリ。-->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-breadcrumb-item\n        v-if=\"arrayHierarchy[0]\" class=\"cursor-pointer\"\n      >\n        <span @click=\"moveCategoryPath();\">\n          {{ this.showCategoryName() }}\n        </span>\n      </a-breadcrumb-item>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- セパレータ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-breadcrumb-item-separator v-if=\"arrayHierarchy[1]\">\n        ＞\n      </a-breadcrumb-item-separator>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- 第三ディレクトリ。通常はプロジェクト（漫画家、アーティスト）。-->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-breadcrumb-item\n        v-if=\"arrayHierarchy[1]\" class=\"cursor-pointer\"\n      >\n        <span @click=\"move3rdDirectoryPath();\">\n          {{ this.showProjectName() }}\n        </span>\n      </a-breadcrumb-item>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- セパレータ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-breadcrumb-item-separator v-if=\"arrayHierarchy[2]\">\n        ＞\n      </a-breadcrumb-item-separator>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- 第四ディレクトリ。通常はシリーズ。-->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-breadcrumb-item\n        v-if=\"arrayHierarchy[2]\" class=\"cursor-pointer\"\n      >\n        <span @click=\"move4thDirectoryPath();\">\n          {{ this.showSiriesName() }}\n        </span>\n      </a-breadcrumb-item>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- セパレータ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-breadcrumb-item-separator v-if=\"arrayHierarchy[3]\">\n        ＞\n      </a-breadcrumb-item-separator>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- 第五ディレクトリ。通常はエディション。-->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-breadcrumb-item\n        v-if=\"arrayHierarchy[3]\" class=\"cursor-pointer\"\n      >\n        <span @click=\"move5thDirectoryPath();\">\n          {{ this.showEditionName() }}\n        </span>\n      </a-breadcrumb-item>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- セパレータ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-breadcrumb-item-separator>\n        ＞\n      </a-breadcrumb-item-separator>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- 当該ページ情報。クリックによる遷移はしない。-->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <a-breadcrumb-item>\n        <span style=\"color: #9B9DA1;\">\n          {{ this.showNFTName() }}\n        </span>\n      </a-breadcrumb-item>\n    </a-breadcrumb>\n  </div>\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\nimport { getCategories } from '@/services/categories';\nimport { mapState } from 'vuex';\n//-------+---------+---------+---------+---------+---------+---------+---------E\nexport default {\n  name: 'BreadcrumbList',\n  //-----+---------+---------+---------+---------+---------+---------+---------E\n  data() {\n    return {\n      arrayHierarchy: [], // hierarchy を'\\\\'で分割。\n      category_id: 0,\n      category_ja: '',\n      category_en: '',\n      project_id: 0,\n      project_ja: '',\n      project_en: '',\n      siries_id: 0,\n      siries_ja: '',\n      siries_en: '',\n      edition_id: 0,\n      edition_ja: '',\n      edition_en: '',\n    }; // End of return {...}\n  }, // End of data() {...}\n  //-----+---------+---------+---------+---------+---------+---------+---------E\n  mounted() {\n    this.getNames()\n  },\n  //-----+---------+---------+---------+---------+---------+---------+---------E\n  watch: {\n    hierarchy(newValue) {\n      this.hierarchy = newValue;\n      this.getNames()\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    name_en(newValue) {\n      this.name_en = newValue;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    name_ja(newValue) {\n      this.name_ja = newValue;\n    },\n  }, // End of watch: {...}\n  //-----+---------+---------+---------+---------+---------+---------+---------E\n  computed: {\n    ...mapState({\n      locale   : (state) => state?.setting.locale,\n      hierarchy: (state) => state.hierarchy.hierarchy,\n      name_en  : (state) => state.hierarchy.name_en,\n      name_ja  : (state) => state.hierarchy.name_ja,\n    }), // End of ...mapState({...})\n  }, // End of computed: {...}\n  //-----+---------+---------+---------+---------+---------+---------+---------E\n  methods: {\n    // hierarchy から、カテゴリ名、プロジェクト（漫画家、アーティスト）名、\n    // シリーズ名、エディション名、を取得（日本語・英語とも）。\n    async getNames() {\n      //alert(`this.hierarchy=${this.hierarchy}: getNames(): BredcrumbList.vue`);\n      // +---------+---------+---------+---------+---------+---------+---------E\n      // hierarchy が空の場合。\n      if (this.hierarchy == '') {\n        this.arrayHierarchy[0] = undefined; // category\n        this.arrayHierarchy[1] = undefined; // creator(project)\n        this.arrayHierarchy[2] = undefined; // series\n        this.arrayHierarchy[3] = undefined; // edition\n        //alert(`this.arrayHierarchy=${JSON.stringify(this.arrayHierarchy)}: getNames(): BredcrumbList.vue`);\n        return; // 戻り値は使わない\n      } // End of if (this.hierarchy == '') {...}\n      // +---------+---------+---------+---------+---------+---------+---------E\n      // hierarchy に値が有る場合。\n      this.arrayHierarchy = this.hierarchy.split('\\\\');\n      //alert(`this.arrahHierarchy=${JSON.stringify(this.arrayHierarchy)}: getNames(): BredcrumbList.vue`);\n      // カテゴリid、カテゴリ名（日本語、英語）を取得。\n      let {items: items} = await getCategories(\n        {\n          type: 0, // カテゴリ（comic, art, NFTCollection, Game etc.）\n          name_en: this.arrayHierarchy[0],\n        }\n      ); // End of const {items: items} = await getCategories(...)\n      // alert(`items: ${JSON.stringify(items)}`);\n      this.category_id = items[0].id;\n      this.category_ja = items[0].name_ja;\n      this.category_en = items[0].name_en;\n      //alert(`this.category_id=${this.category_id}, ` +\n      //      `this.category_ja=${this.category_ja}, ` +\n      //      `this.category_en=${this.category_en}: getNames(): BredcrumbList.vue`);\n      // +---------+---------+---------+---------+---------+---------+---------E\n      if (this.arrayHierarchy[1] != undefined) {\n        // プロジェクト（漫画家、アーティスト）id, 日本語名、英語名を取得。\n        let {items: items} = await getCategories(\n          {\n            type: 1, // クリエイター、プロジェクト（漫画家、アーティスト）\n            hierarchy: this.arrayHierarchy[0],\n            name_en: this.arrayHierarchy[1],\n          }\n        ); // End of const {items: items} = await getCategories(...)\n        this.project_id = items[0].id;\n        this.project_ja = items[0].name_ja;\n        this.project_en = items[0].name_en;\n        // --------+---------+---------+---------+---------+---------+---------E\n        if (this.arrayHierarchy[2] != undefined) {\n          // シリーズid, 日本語名、英語名を取得。\n          let {items: items} = await getCategories(\n            {\n              type: 2, // シリーズ\n              hierarchy: `${this.arrayHierarchy[0]}\\\\${this.arrayHierarchy[1]}`,\n              name_en: this.arrayHierarchy[2],\n            }\n          ); // End of  const {items: items} = await getCategories(...)\n          this.siries_id = items[0].id;\n          this.siries_ja = items[0].name_ja;\n          this.siries_en = items[0].name_en;\n          // ------+---------+---------+---------+---------+---------+---------E\n          if (this.arrayHierarchy[3] != undefined) {\n            // エディションid, 日本語名、英語名を取得。\n            let {items: items} = await getCategories(\n              {\n                type: 3, // エディション\n                hierarchy: `${this.arrayHierarchy[0]}\\\\${this.arrayHierarchy[1]}\\\\${this.arrayHierarchy[2]}`,\n                name_en: this.arrayHierarchy[3],\n              }\n            ); // End of const {items: items} = await getCategories(...)\n            this.edition_id = items[0].id;\n            this.edition_ja = items[0].name_ja;\n            this.edition_en = items[0].name_en;\n          } // End of if (this.arrayHierarchy[3] != undefined) {...}\n        } // End of if (this.arrayHierarchy[2] != undefined) {...}\n      } // End of if (this.arrayHierarchy[1] != undefined) {...}\n    }, // End of async getNames() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    showCategoryName() {\n      return this.locale === 'ja' ? this.category_ja : this.category_en;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    showProjectName() {\n      return this.locale === 'ja' ? this.project_ja : this.project_en;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    showSiriesName() {\n      return this.locale === 'ja' ? this.siries_ja : this.siries_en;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    showEditionName() {\n      return this.locale === 'ja' ? this.edition_ja : this.edition_en;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    showNFTName() {\n      return this.locale === 'ja' ? this.name_ja : this.name_en;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // hierarchy から二番目（通常、カテゴリ）のパスを算出。\n    // ちなみに、一番目はルートディレクトリ。\n    async moveCategoryPath() {\n      const result = '/Category/' + this.category_id;\n      this.$router.push(result);\n    }, // End of async moveCategoryPath() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // hierarchy から左から\n    // 三番目（通常、プロジェクト（漫画家、アーティスト））のパスを算出。\n    async move3rdDirectoryPath() {\n      const result = '/Creator/' + this.project_id;\n      this.$router.push(result);\n    }, // End of async move3rdDirectoryPath() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // hierarchy と name_en から\n    // 左から四番目（通常、シリーズ）のパスを算出。\n    async move4thDirectoryPath() {\n      const result = '/Series/' + this.siries_id;\n      this.$router.push(result);\n    }, // End of async move4thDirectoryPath() { {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // hierarchy と name_en から\n    // 左から五番目（通常、エディション）のパスを算出。\n    async move5thDirectoryPath() {\n      const result = '/Edition/' + this.edition_id;\n      this.$router.push(result);\n    }, // End of async move5thDirectoryPath() {...}\n  }, // End of methods: {...}\n}; // End of export default {...}\n</script>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<style lang=\"scss\"></style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadcrumbList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BreadcrumbList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BreadcrumbList.vue?vue&type=template&id=761651c6&\"\nimport script from \"./BreadcrumbList.vue?vue&type=script&lang=js&\"\nexport * from \"./BreadcrumbList.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import { render, staticRenderFns } from \"./global.icon.vue?vue&type=template&id=caa9718a&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"width\":\"25\",\"height\":\"25\",\"viewBox\":\"0 0 25 25\",\"fill\":\"currentColor\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\"}},[_c('mask',{staticStyle:{\"mask-type\":\"alpha\"},attrs:{\"id\":\"mask0_102_382\",\"maskUnits\":\"userSpaceOnUse\",\"x\":\"0\",\"y\":\"0\",\"width\":\"25\",\"height\":\"25\"}},[_c('rect',{attrs:{\"width\":\"25\",\"height\":\"25\",\"fill\":\"url(#pattern0)\"}})]),_c('g',{attrs:{\"mask\":\"url(#mask0_102_382)\"}},[_c('rect',{attrs:{\"width\":\"25\",\"height\":\"25\",\"fill\":\"currentColor\"}})]),_c('defs',[_c('pattern',{attrs:{\"id\":\"pattern0\",\"patternContentUnits\":\"objectBoundingBox\",\"width\":\"1\",\"height\":\"1\"}},[_c('use',{attrs:{\"xlink:href\":\"#image0_102_382\",\"transform\":\"scale(0.0151515)\"}})]),_c('image',{attrs:{\"id\":\"image0_102_382\",\"width\":\"66\",\"height\":\"66\",\"xlink:href\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABHdJREFUeNrsXI112jAQFiwQdwNlgrgT4E5QNsAblBHYgJcJeJkAOoFhAiUT4E5gMkFq8k7t5XKS9WNjg3Pv6UEcW7r77kcn6cxEXIZSaLJuM7iWGe7dw+ehbmXdnqFdLc3rtqlbVbe3yFZBX/NrEV46Cn+s2xKsRF9L4drRERQ5RADOZl4wwq7rliPhKhAWk74f0xKBeYQ+1gxIBQDYOyWgHczcBvl/ggRSBqY5IHRcUQjABIG+ZcZM+gJhSVyAmmuCBFEWRk1ANPUhiRI4a+vcCrBGlGEG2CAGbf5sA0ILXCGwObdUqJ/tJawjJX66ssQMfU/W0GcTEK79rUh8SrsEoUJatg2kwVo79OsChIC+tJBt8BgNgmowvRUT4NoAAgfeVcN9qgswfEDAzOaO/bsCIaBPF5BbB8MHBD2TNJlvDBDY7ZYOFtQKGAlJhBIPJvMOgcg9wE48FcnSlskUs4a1hQ9ooUBg4bKGmUYRGbYhyRKeIiuSN+SWvGHtOZYvEHisjcFiFEm08NS6DEF8ha5RQOiKsEKLp66BSBEPppWuBiAJnM3+oa0MIDWtELMLAJE5rGw5YZXJkiaGVeSZfqBNEpNWFqANLoUuoR3Ihgv9/sbwkjHfZzCOaaxd3Z4aNnGwfN9t9xYW33OZLQomQHXRjohXFRhfCpNFSDQl3QPKPjGF06rW4B2KHYlDHDlr6oS0/QdZGGdN39D9LptHVjk3gVPMnEO44xhBLdh3C29LLX9KBDrTY0AEFz1tsD4THlzpkcj8SavHCK3kPVhEHpooobg2xxbxEz53gam48IgpbVKJ/N6XdkT2qGQoVqN9Pk+Tss8XPEhGPNsWEFqJMuLZdBoZ7GSPgZIGTBnx7DsQuoODGB9pmeVU/D+LDNFqNgAQn5m03PfZGc4jTleq1deIZ084ocoG4Od9kZ5+s1uwiDaAeF8kvYkv+rDWGD3FJDQr0Xzg0nVCFcvD+/hTZs0wJpLYNfaBS9lbAmLflkXc9ShMzNgJtohDhEUMwZpSwkvIs4cpmktnI3SNGc4nvpbhyKJHvzGjg6XetlpcePUXSzHrpAWWXQPxGz5DKlvLiI2Rtqa/MuDZOZYdW8QJOvbV7At8PvQAxAPhwceSJMi8o2uNUPcIPVtoc+r0dY1fROZOj/wktBTuuWPASlFSc2IEOv/9iv5XEr46OfI7U+ghMD5uL0Q7Ffm2ovRC2MsXbMQebU4YDemOm8oCJASchcUt9qCpF0P2VxLtSMOs8ACWk1nc8wlMvWyIDU5lAcIB6Vx8rsTHbe45g/jmAVoBpvELYT5+VD4Wbyrs5CpltjBoIvorHUqAB674LWf2LbyK3XAxGQXgKD7WJlFL6rOYTNd6UX6pPF7UhDDnf0MqL8wNFhy0VscFpy5+P7SCUylaKDjVvjj6EuQQMG62KD0EDN/ofDWvKXBgjPbFFTzQNbzKpC6xCPx6uY2ZIUb9uiNldMMkLRkT4G72BVjK9Khfieb8edQvyZs2R6/mZxMmF3SdQf+Qxl8BBgANKR6UGQmKswAAAABJRU5ErkJggg==\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./x.icon.vue?vue&type=template&id=423d3c9c&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"width\":\"25\",\"height\":\"26\",\"viewBox\":\"0 0 1200 1227\",\"fill\":\"currentColor\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"input-number-custom\"\n    :class=\"error ? 'input-number-custom--error' : ''\"\n  >\n    <div\n      class=\"input-number-custom__label\"\n      :class=\"labelClass\"\n    >\n      <span v-if=\"label\">{{ label }}</span>\n      <slot\n        v-else\n        name=\"label\"\n      ></slot>\n    </div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <div class=\"input-number-custom__input w-12\">\n      <span class=\"input-number-custom__input__prefix\">\n        <slot name=\"prefix\"></slot>\n      </span>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↓ 数値入力テキストボックス ↓ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!--\n        数量入力部分\n          SmartPhone PC共通\n            LAYOUT\n              width: 90px;\n              height: 38px;\n              border-radius: 88px 0px 0px 0px;\n            COLOR\n              background: #9B9DA133;\n      -->\n      <input\n        style=\"width: 90px; height: 38px; background-color: #9B9DA133;\n              padding-left: 25px; text-align: left; border-radius: 9999px\"\n        ref=\"input\"\n        v-cleave=\"directives\"\n        :class=\"inputClass\"\n        :value=\"value\"\n        :type=\"type\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        @keyup=\"onKeyup\"\n        @blur=\"$emit('blur', $event.target.value)\"\n        @focus=\"$emit('focus', $event.target, value)\"\n      />\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↑ 数値入力テキストボックス ↑ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <span class=\"input-number-custom__input__suffix\">\n        <slot name=\"suffix\"></slot>\n      </span>\n    </div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↓ エラー表示 ↓ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <div\n      class=\"input-number-custom__error\"\n      :class=\"\n        error ? 'input-number-custom__error--visible' : 'input-number-custom__error--invisible'\n      \"\n    >\n      {{ error }}\n    </div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↑ エラー表示 ↑ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n  </div>\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\nconst toRawValue = (input) => {\n  const strToNumberStr = (val) => val.replace(/[^0-9-.]/g, '');\n  if (typeof input === 'number') {\n    if (isFinite(input)) return String(input);\n    return '';\n  }\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  if (typeof input === 'string') {\n    if (input === '') return '';\n\n    if (!isFinite(strToNumberStr(input))) return '';\n    return input.replace(/[^0-9-.]/g, '');\n  }\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  return '';\n};\n// ------+---------+---------+---------+---------+---------+---------+---------E\nexport default {\n  props: {\n    placeholder: {\n      type: String,\n      default: '',\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    label: {\n      type: String,\n      default: '',\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    type: {\n      type: String,\n      default: '',\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    value: {\n      type: [String, Number],\n      default: '',\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    error: {\n      type: String,\n      default: '',\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    decimals: {\n      type: Number,\n      default: 18,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    option: {\n      type: Object,\n      default: () => ({}),\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    labelClass: {\n      type: String,\n      default: '',\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    inputClass: {\n      type: String,\n      default: '',\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    variant: {\n      type: String,\n      default: 'main',\n    },\n  }, // End of props: {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  data() {\n    return {\n      rawValue: '',\n    };\n  }, // End of data() {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  computed: {\n    directives() {\n      const defaultOptions = {\n        numeralPositiveOnly: true,\n        numeral: true,\n        numeralDecimalScale: this.decimals,\n        onValueChanged: this.onValueChange,\n        numeralThousandsGroupStyle: 'none',\n      }; // End of const defaultOptions = {...}\n      return { ...defaultOptions, ...this.options };\n    }, // End of directives() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    cleave() {\n      return this.$refs.input?.cleave;\n    },\n  }, // End of computed: {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  watch: {\n    value: {\n      immediate: true,\n      handler(newVal) {\n        const currentValue = this.rawValue;\n        if (currentValue !== newVal) {\n          setTimeout(() => {\n            if (this.cleave) {\n              this.cleave.setRawValue(`${toRawValue(newVal)}`);\n            }\n          }); // End of setTimeout(() => {...})\n        } // End of if (currentValue !== newVal) {...}\n      }, // End of handler(newVal) {...}\n    }, // End of value: {...}\n  }, // End of watch: {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  methods: {\n    onValueChange(e) {\n      if (this.rawValue !== e.target.rawValue) {\n        this.rawValue = e.target.rawValue;\n        this.$emit('input', `${toRawValue(this.rawValue)}`);\n      }\n    }, // End of  onValueChange(e) {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    onKeyup(event) {\n      this.$emit('keyup', event.target.value);\n    },\n  }, // End of methodes: {...}\n};\n</script>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<style lang=\"scss\">\n.input-number-custom {\n  border: none;\n  /* background-color: orange; */\n\n  input {\n    width: 100%;\n    background: transparent;\n    @apply text-black;\n    border-radius: 8px;\n    padding-top: 14px;\n    padding-bottom: 14px;\n    @apply pr-10;\n    &::placeholder {\n      @apply text-gray-500 font-semibold;\n    }\n    &:focus {\n      @apply border-none outline-none;\n    }\n    &:disabled {\n      @apply opacity-50;\n    }\n  }\n  &__error {\n    color: #f90000;\n    margin-top: 0.25rem;\n  }\n  &--error {\n    input {\n      border-color: #f90000 !important;\n    }\n  }\n  &__label {\n    @apply text-xl leading-5 font-bold text-primary;\n    @apply mb-1;\n  }\n  &__input {\n    @apply relative;\n    &__suffix {\n      @apply absolute;\n      @apply right-3 top-3;\n    }\n    &__prefix {\n      @apply absolute;\n      @apply left-3 top-3;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputNumberCustomColor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputNumberCustomColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputNumberCustomColor.vue?vue&type=template&id=269dd636&\"\nimport script from \"./InputNumberCustomColor.vue?vue&type=script&lang=js&\"\nexport * from \"./InputNumberCustomColor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InputNumberCustomColor.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"input-number-custom\",class:_vm.error ? 'input-number-custom--error' : ''},[_c('div',{staticClass:\"input-number-custom__label\",class:_vm.labelClass},[(_vm.label)?_c('span',[_vm._v(_vm._s(_vm.label))]):_vm._t(\"label\")],2),_c('div',{staticClass:\"input-number-custom__input w-12\"},[_c('span',{staticClass:\"input-number-custom__input__prefix\"},[_vm._t(\"prefix\")],2),_c('input',{directives:[{name:\"cleave\",rawName:\"v-cleave\",value:(_vm.directives),expression:\"directives\"}],ref:\"input\",class:_vm.inputClass,staticStyle:{\"width\":\"90px\",\"height\":\"38px\",\"background-color\":\"#9B9DA133\",\"padding-left\":\"25px\",\"text-align\":\"left\",\"border-radius\":\"9999px\"},attrs:{\"type\":_vm.type,\"placeholder\":_vm.placeholder,\"disabled\":_vm.disabled},domProps:{\"value\":_vm.value},on:{\"keyup\":_vm.onKeyup,\"blur\":function($event){return _vm.$emit('blur', $event.target.value)},\"focus\":function($event){return _vm.$emit('focus', $event.target, _vm.value)}}}),_c('span',{staticClass:\"input-number-custom__input__suffix\"},[_vm._t(\"suffix\")],2)]),_c('div',{staticClass:\"input-number-custom__error\",class:_vm.error ? 'input-number-custom__error--visible' : 'input-number-custom__error--invisible'},[_vm._v(\" \"+_vm._s(_vm.error)+\" \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./hot.icon.vue?vue&type=template&id=15a51410&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"width\":\"48\",\"height\":\"50\",\"viewBox\":\"0 0 48 50\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('g',{attrs:{\"clip-path\":\"url(#clip0_317_574)\"}},[_c('path',{attrs:{\"d\":\"M48 36.8V12.2667L26.5886 0L5.17729 12.2667V31.6186L0 40.8529L9.20243 39.1061L26.5886 49.0667L48 36.8Z\",\"fill\":\"#F93D5D\"}}),_c('path',{attrs:{\"d\":\"M17.4552 31.6873L16.6888 27.2075L13.5389 27.7374L14.3053 32.2172L11.1258 32.752L9.19727 21.5157L12.3768 20.9809L13.0889 25.1319L16.2388 24.602L15.5267 20.4559L18.736 19.9113L20.6645 31.1475L17.4552 31.6922V31.6873Z\",\"fill\":\"white\"}}),_c('path',{attrs:{\"d\":\"M27.078 30.4017C23.9282 30.9317 21.3667 29.1456 20.709 25.3233C20.0711 21.609 21.8859 19.033 25.0358 18.4982C28.1857 17.9682 30.7323 19.8328 31.3653 23.5226C32.018 27.34 30.2279 29.8669 27.078 30.3968V30.4017ZM25.4957 21.1674C24.4523 21.344 23.5523 22.5609 23.9331 24.7787C24.3139 26.9965 25.4611 27.9288 26.6231 27.7325C27.6962 27.551 28.5121 26.285 28.1313 24.0672C27.7505 21.8494 26.6577 20.9662 25.4957 21.1625V21.1674Z\",\"fill\":\"white\"}}),_c('path',{attrs:{\"d\":\"M36.8736 19.4991L38.3571 28.1545L35.1775 28.6942L33.694 20.0388L30.8507 20.5197L30.4106 17.9437L39.2966 16.4423L39.7367 19.0183L36.8786 19.504L36.8736 19.4991Z\",\"fill\":\"white\"}}),_c('path',{attrs:{\"d\":\"M44.731 23.3263L42.2042 23.7532L40.6416 16.2067L43.6876 15.6915L44.731 23.3263ZM42.5553 27.443L42.0756 24.6462L45.1662 24.1212L45.6458 26.918L42.5553 27.443Z\",\"fill\":\"white\"}})]),_c('defs',[_c('clipPath',{attrs:{\"id\":\"clip0_317_574\"}},[_c('rect',{attrs:{\"width\":\"48\",\"height\":\"49.0667\",\"fill\":\"white\"}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./target-tooltip.icon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./target-tooltip.icon.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"target-tooltip-wrapper flex\">\n    <div class=\"target-tooltip-icon relative top-2\">\n      <svg\n        width=\"70\"\n        height=\"42\"\n        viewBox=\"0 0 70 42\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M1 28.8571V4C1 2.34315 2.34314 1 4 1H66C67.6569 1 69 2.34315 69 4V28.8571C69 30.514 67.6569 31.8571 66 31.8571H45.53C44.7257 31.8571 43.9551 32.1801 43.3911 32.7536L35.281 41L27.1709 32.7536C26.6069 32.1801 25.8363 31.8571 25.0319 31.8571H4C2.34315 31.8571 1 30.514 1 28.8571Z\"\n          fill=\"white\"\n          fill-opacity=\"0.2\"\n          stroke=\"black\"\n        />\n      </svg>\n      <div class=\"font-medium content-text\" style=\"font-size: 0.6rem; white-space: nowrap;\">\n        達成率 {{ content }}%\n      </div>\n    </div>\n    <HotIcon\n      :class=\"['relative -top-1', isHot ? 'visible' : 'invisible']\"\n    ></HotIcon>\n  </div>\n</template>\n\n<script>\nimport HotIcon from \"@/components/icons/hot.icon.vue\";\nexport default {\n  name: \"TargetTooltipIcon\",\n  components: { HotIcon },\n  props: {\n    content: {\n      type: String,\n      default: \"100%\",\n    },\n    isHot: {\n      type: Boolean,\n      default: false,\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.target-tooltip-icon {\n  display: inline-block;\n  position: relative;\n  .content-text {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -80%);\n  }\n}\n</style>\n","import { render, staticRenderFns } from \"./target-tooltip.icon.vue?vue&type=template&id=577f7ba9&scoped=true&\"\nimport script from \"./target-tooltip.icon.vue?vue&type=script&lang=js&\"\nexport * from \"./target-tooltip.icon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./target-tooltip.icon.vue?vue&type=style&index=0&id=577f7ba9&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"577f7ba9\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"target-tooltip-wrapper flex\"},[_c('div',{staticClass:\"target-tooltip-icon relative top-2\"},[_c('svg',{attrs:{\"width\":\"70\",\"height\":\"42\",\"viewBox\":\"0 0 70 42\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M1 28.8571V4C1 2.34315 2.34314 1 4 1H66C67.6569 1 69 2.34315 69 4V28.8571C69 30.514 67.6569 31.8571 66 31.8571H45.53C44.7257 31.8571 43.9551 32.1801 43.3911 32.7536L35.281 41L27.1709 32.7536C26.6069 32.1801 25.8363 31.8571 25.0319 31.8571H4C2.34315 31.8571 1 30.514 1 28.8571Z\",\"fill\":\"white\",\"fill-opacity\":\"0.2\",\"stroke\":\"black\"}})]),_c('div',{staticClass:\"font-medium content-text\",staticStyle:{\"font-size\":\"0.6rem\",\"white-space\":\"nowrap\"}},[_vm._v(\" 達成率 \"+_vm._s(_vm.content)+\"% \")])]),_c('HotIcon',{class:['relative -top-1', _vm.isHot ? 'visible' : 'invisible']})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TargetBar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TargetBar.vue?vue&type=script&lang=js&\"","<template>\n\t<div>\n\t\t<div class=\"target-bar relative mx-10\">\n\t\t\t<!-- --+---------+---------+---------+---------+---------+------ -->\n\t\t\t<!-- ↓ 目標販売数バーに対する販売数バーの右端位置の吹き出し ↓ -->\n\t\t\t<!-- --+---------+---------+---------+---------+---------+------ -->\n\t\t\t<!--\n\t\t\t<div\n\t\t\t\tclass=\"shifter z-50\"\n\t\t\t\t:style=\"{\n\t\t\t\t\ttransform: `translateX(calc(${targetPercentagePosition}% - 35px))`,\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t-->\n\t\t\t<div\n\t\t\t\tclass=\"z-50\"\n\t\t\t\t:style=\"{\n\t\t\t\t\ttransform: `translate(calc(${percentagePosition}% - 35px), 0px)`,\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t<!-- isHot の行は無意味と思われる。-->\n\t\t\t\t<TargetTooltipIcon\n\t\t\t\t\t:isHot=\"isHot\"\n\t\t\t\t\t:content=\"percentagePosition\"\n\t\t\t\t></TargetTooltipIcon>\n\t\t\t</div>\n\t\t\t<!-- --+---------+---------+---------+---------+---------+------ -->\n\t\t\t<!-- ↑ 目標販売数バーに対する販売数バーの右端位置の吹き出し ↑ -->\n\t\t\t<!-- --+---------+---------+---------+---------+---------+------ -->\n\t\t\t<!-- --+---------+---------+---------+---------+---------+------ -->\n\t\t\t<!-- ↓ バーとその背景の横長角丸四角 ↓ -->\n\t\t\t<!-- --+---------+---------+---------+---------+---------+------ -->\n\t\t\t<div class=\"rounded-full\">\n\t\t\t\t<!-- --------+---------+---------+---------+---------+------ -->\n\t\t\t\t<!-- ↓ バー ↓ -->\n\t\t\t\t<!-- --------+---------+---------+---------+---------+------ -->\n\t\t\t\t<a-slider\n\t\t\t\t\t:disabled=\"true\"\n\t\t\t\t\tclass=\"cursor-default z-50\"\n\t\t\t\t\t:class=\"[\n\t\t\t\t\t\t{ 'slider-hot': isHot },\n\t\t\t\t\t\tsold > 0 ? (isPresale ? 'slider-presale' : 'slider-publicsale') : '',\n\t\t\t\t\t]\"\n\t\t\t\t\t:value=\"sliderValue\"\n\t\t\t\t\t:max=\"maxSliderValue\"\n\t\t\t\t></a-slider>\n\t\t\t\t<!-- --------+---------+---------+---------+---------+------ -->\n\t\t\t\t<!-- ↑ バー ↑ -->\n\t\t\t\t<!-- --------+---------+---------+---------+---------+------ -->\n\t\t\t\t<!-- --------+---------+---------+---------+---------+------ -->\n\t\t\t\t<!-- ↓ バーの背景の横長角丸四角。           ↓ -->\n\t\t\t\t<!-- ↓ 高さ h-4 より小さくしても変わらない。↓ -->\n\t\t\t\t<!-- --------+---------+---------+---------+---------+------ -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"cover absolute -bottom-9 py-10 rounded-full bg-white z-30 opacity-50 w-full h-4\"\n\t\t\t\t></div>\n\t\t\t\t<!-- --------+---------+---------+---------+---------+------ -->\n\t\t\t\t<!-- ↑ バーの背景の横長角丸四角。           ↑ -->\n\t\t\t\t<!-- ↑ 高さ h-4 より小さくしても変わらない。↑ -->\n\t\t\t\t<!-- --------+---------+---------+---------+---------+------ -->\n\t\t\t</div>\n\t\t\t<!-- --+---------+---------+---------+---------+---------+------ -->\n\t\t\t<!-- ↑ バーとその背景の横長角丸四角 ↑ -->\n\t\t\t<!-- --+---------+---------+---------+---------+---------+------ -->\n\t\t</div>\n\t\t<!-- ------+---------+---------+---------+---------+---------+------ -->\n\t\t<!-- ↓ バーの下の 0% と 100% の表示 ↓ -->\n\t\t<!-- ------+---------+---------+---------+---------+---------+------ -->\n\t\t<!--<div class=\"text-left text-sm mt-1\">{{ percentSoldWithTarget }}%</div>-->\n\t\t<div class=\"ml-8 mr-4 flex justify-between text-sm mt-1\">\n\t\t\t<div>0%</div>  <div>100%</div>\n\t\t</div>\n\t\t<!-- ------+---------+---------+---------+---------+---------+------ -->\n\t\t<!-- ↑ バーの下の 0% と 100% の表示 ↑ -->\n\t\t<!-- ------+---------+---------+---------+---------+---------+------ -->\n\t</div>\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\nimport TargetTooltipIcon from '../icons/target-tooltip.icon.vue';\n// ------+---------+---------+---------+---------+---------+---------+---------E\nexport default {\n\tname: 'TargetBar',\n\t// --+---------+---------+---------+---------+---------+---------+---------E\n\tcomponents: { TargetTooltipIcon },\n\t// --+---------+---------+---------+---------+---------+---------+---------E\n\tprops: {\n\t\ttarget: {\n\t\t\ttype: Number,\n\t\t\trequired: true,\n\t\t},\n\t\t// --------+---------+---------+---------+---------+---------+---------E\n\t\tsold: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\t\t// --------+---------+---------+---------+---------+---------+---------E\n\t\t// 使っていない。\n\t\thotAtEnd: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t// --------+---------+---------+---------+---------+---------+---------E\n\t\tisPresale: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t}, // End of props: {...}\n\t// --+---------+---------+---------+---------+---------+---------+---------E\n\tcomputed: {\n\t\t// 目標販売数に対する販売数の割合。\n\t\tpercentSoldWithTarget() {\n\t\t\tconst value = Math.round(((Number(this.sold) * 100) / Number(this.target)) * 100) / 100;\n\n\t\t\treturn value;\n\t\t}, // End of percentSoldWithTarget() {...}\n\t\t// --------+---------+---------+---------+---------+---------+---------E\n\t\t// 販売数が目標販売数を超えたら真、でなければ偽。\n\t\tisHot() {\n\t\t\t// alert(`this.sold=${this.sold}, this.target=${this.target}: computed: isHot: TargetBar.vue`);\n\t\t\treturn this.sold > this.target;\n\t\t},\n\t\t// --------+---------+---------+---------+---------+---------+---------E\n\t\ttargetPercentagePosition() {\n\t\t\tif (this.isHot) {\n\t\t\t\treturn (\n\t\t\t\t\tMath.round(((Number(this.sliderValue) * 100) / Number(this.maxSliderValue)) * 100) / 100\n\t\t\t\t);\n\t\t\t} // End of if (this.isHot) {...}\n\t\t\treturn 100;\n\t\t}, // End of targetPercentagePosition() {...}\n\t\t// --------+---------+---------+---------+---------+---------+---------E\n\t\t// 販売数が目標販売数を超えていたら、100(%)、\n\t\t// でなければ、販売数／目標販売数(%)。\n\t\tpercentagePosition() {\n\t\t\tif (!this.isHot) {\n\t\t\t\treturn (\n\t\t\t\t\tMath.round(((Number(this.sliderValue) * 100) / Number(this.maxSliderValue)) * 100) / 100\n\t\t\t\t);\n\t\t\t} // End of if (this.isHot) {...}\n\t\t\treturn 100;\n\t\t}, // End of percentagePosition() {...}\n\t\t// --------+---------+---------+---------+---------+---------+---------E\n\t\t// 販売数が目標販売数を超えていたら販売数、でなければ、目標販売数。\n\t\tmaxSliderValue() {\n\t\t\tif (this.isHot) {\n\t\t\t\treturn this.sold;\n\t\t\t}\n\t\t\treturn this.target;\n\t\t}, // End of maxSliderValue() {...}\n\t\t// --------+---------+---------+---------+---------+---------+---------E\n\t\t// 販売数が目標販売数を超えていたら目標販売数、でなければ、販売数。\n\t\tsliderValue() {\n\t\t\tif (this.isHot) {\n\t\t\t\treturn this.target;\n\t\t\t}\n\t\t\treturn this.sold;\n\t\t}, // End of sliderValue() {...}\n\t\t// --------+---------+---------+---------+---------+---------+---------E\n\t\t// 使っていない。\n\t\tshowHotAtEnd() {\n\t\t\treturn this.hotAtEnd && this.targetPercentage < 70;\n\t\t},\n\t}, // End of computed: {...}\n}; // End of export default {...}\n</script>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<style\n\tlang=\"scss\"\n\tscoped\n>\n.target-bar {\n\t/* height: 65px; バーの高さ。修正前 */\n\theight: 150px; /* バーの高さ。大きくすると上の空白が高くなる。 */\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end; /* 下寄せ */\n\t::v-deep .ant-slider {\n\t\t@apply m-0 p-0;\n\t\t.ant-slider-handle {\n\t\t\tcursor: default;\n\t\t\tdisplay: none;\n\t\t}\n\t\t&-rail {\n\t\t\theight: 3px; /* バーの太さ */\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: 0;\n\t\t\ttransform: translateY(-50%); /* バーの縦位置 */\n\t\t\tborder-radius: 8px; /* 意味不明 */\n\t\t}\n\n\t\t.ant-slider-track {\n\t\t\theight: 14px !important; /* メモリ縦線の高さ */\n\t\t}\n\t}\n\t::v-deep .slider-hot.ant-slider {\n\t\t.ant-slider-rail {\n\t\t\theight: 14px !important;\n\t\t}\n\t\t.ant-slider-track {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.ant-slider-handle {\n\t\t\tdisplay: inline-block;\n\t\t\tborder: none;\n\t\t\tborder-radius: 0px;\n\t\t\twidth: 3px;\n\t\t\tposition: relative;\n\t\t\ttop: -2px;\n\t\t}\n\t}\n\t::v-deep .slider-presale.ant-slider {\n\t\t.ant-slider-rail {\n\t\t\tbackground-color: #2f5fe7 !important;\n\t\t}\n\t\t.ant-slider-track {\n\t\t\tbackground-color: #2f5fe7 !important;\n\t\t}\n\t}\n\t::v-deep .slider-publicsale.ant-slider {\n\t\t.ant-slider-rail {\n\t\t\tbackground-color: #ec1a8f !important; /* バーの色 */\n\t\t}\n\t\t.ant-slider-track {\n\t\t\tbackground-color: #ec1a8f !important; /* メモリのような縦線の色 */\n\t\t}\n\t}\n\t.cover {\n\t\twidth: 110%;\n\t\tleft: -5%;\n\t}\n}\n</style>\n","import { render, staticRenderFns } from \"./TargetBar.vue?vue&type=template&id=3111bd24&scoped=true&\"\nimport script from \"./TargetBar.vue?vue&type=script&lang=js&\"\nexport * from \"./TargetBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TargetBar.vue?vue&type=style&index=0&id=3111bd24&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3111bd24\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"target-bar relative mx-10\"},[_c('div',{staticClass:\"z-50\",style:({\n\t\t\t\ttransform: (\"translate(calc(\" + _vm.percentagePosition + \"% - 35px), 0px)\"),\n\t\t\t})},[_c('TargetTooltipIcon',{attrs:{\"isHot\":_vm.isHot,\"content\":_vm.percentagePosition}})],1),_c('div',{staticClass:\"rounded-full\"},[_c('a-slider',{staticClass:\"cursor-default z-50\",class:[\n\t\t\t\t\t{ 'slider-hot': _vm.isHot },\n\t\t\t\t\t_vm.sold > 0 ? (_vm.isPresale ? 'slider-presale' : 'slider-publicsale') : '' ],attrs:{\"disabled\":true,\"value\":_vm.sliderValue,\"max\":_vm.maxSliderValue}}),_c('div',{staticClass:\"cover absolute -bottom-9 py-10 rounded-full bg-white z-30 opacity-50 w-full h-4\"})],1)]),_vm._m(0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ml-8 mr-4 flex justify-between text-sm mt-1\"},[_c('div',[_vm._v(\"0%\")]),_vm._v(\" \"),_c('div',[_vm._v(\"100%\")])])}]\n\nexport { render, staticRenderFns }","import http from './axios';\nimport { API_VERSION_1_PREFIX } from '@/env';\n\nexport const addShippingInfo = async (formData) => {\n  const data = await http.post(`${API_VERSION_1_PREFIX}/shipping_info`, formData);\n  return data;\n};\n","<template>\n  <div class=\"modal\">\n    <div class=\"modal-content\">\n      <span @click=\"close\" class=\"close\">&times;</span>\n      <div class=\"modal-header\">\n        <div class=\"project-name font-bold\">\n          {{ projectDetail.name_ja }}\n        </div>\n        <div class=\"quantity-display font-semibold\">\n          購入数量: {{ quantity }}\n        </div>\n      </div>\n      <div class=\"modal-body\">\n        <div class=\"grid grid-cols-1 gap-4\">\n          <div class=\"input-group\">\n            <label for=\"name\">氏名</label>\n            <input id=\"name\" type=\"text\" placeholder=\"氏名\" class=\"input-field\" v-model=\"user.name\" maxlength=\"255\" required>\n          </div>\n          <div class=\"input-group postal-code-group\">\n            <label for=\"postalCode\">郵便番号 (ハイフンなし)</label>\n            <div class=\"postal-code-container\">\n              <input id=\"postalCode\" type=\"tel\" placeholder=\"郵便番号\" class=\"input-field postal-code\" v-model=\"user.postalCode\" maxlength=\"7\" required>\n            </div>\n          </div>\n          <div class=\"input-group address-group\">\n            <label for=\"address\">住所</label>\n            <input id=\"address\" type=\"text\" placeholder=\"住所\" class=\"input-field address-input\" v-model=\"user.address\" maxlength=\"255\" required>\n          </div>\n          <div class=\"input-group\">\n            <label for=\"phoneNumber\">電話番号 (ハイフンなし)</label>\n            <input id=\"phoneNumber\" type=\"tel\" placeholder=\"電話番号\" class=\"input-field\" v-model=\"user.phoneNumber\" maxlength=\"11\" required>\n          </div>\n          <div class=\"input-group\">\n            <label for=\"email\">メールアドレス</label>\n            <input id=\"email\" type=\"email\" placeholder=\"メールアドレス\" class=\"input-field\" v-model=\"user.email\" maxlength=\"255\" required>\n          </div>\n        </div>\n      </div>\n      <div class=\"modal-footer\">\n        <button @click=\"onAddressSubmitForm\" class=\"submit-button\">\n          フォームを送信し暗号資産で購入\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapGetters } from 'vuex';\nimport { addShippingInfo } from '@/services/shipping_info';\n\nexport default {\n  props: {\n    visible: {\n      type: Boolean,\n      default: false,\n    },\n    quantity: {\n      type: String,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      user: {\n        name: '',\n        phoneNumber: '',\n        email: '',\n        postalCode: '',\n        address: '',\n      },\n    };\n  },\n  computed: {\n    ...mapGetters({\n      account: 'wallet/account',\n    }),\n    ...mapState({\n      provider: (state) => state.wallet?.provider || null,\n      projectDetailMap: (state) => state.projects.projectDetailMap,\n      locale: (state) => state?.setting.locale,\n    }),\n    projectDetail() {\n      const { id } = this.$route.params;\n      if (id) {\n        return this.projectDetailMap[id] || {};\n      }\n      return {};\n    },\n  },\n  methods: {\n    close() {\n      this.$emit('close');\n    },\n    validateInput() {\n      if (this.user.name.length > 255 || !this.user.name) {\n        //255文字を超えて入力できないため、通常未入力の場合のみこのルートを通る\n        alert('氏名が未入力です。');\n        return false;\n      }\n      if (this.user.postalCode.length > 7 || !this.user.postalCode) {\n        //7文字を超えて入力できないため、通常未入力の場合のみこのルートを通る\n        alert('郵便番号が未入力です。');\n        return false;\n      }\n      if (this.user.address.length > 255 || !this.user.address) {\n        //255文字を超えて入力できないため、通常未入力の場合のみこのルートを通る\n        alert('住所が未入力です。');\n        return false;\n      }\n      if (this.user.phoneNumber.length > 11 || !this.user.phoneNumber) {\n        //11文字を超えて入力できないため、通常未入力の場合のみこのルートを通る\n        alert('電話番号が未入力です。');\n        return false;\n      }\n\n      if (this.user.email.length > 255 || !this.user.email) {\n        //256文字以上は入力できないため、通常未入力の場合のみこのルートを通る\n        alert('メールアドレスが未入力です。');\n        return false;\n      }\n      return true;\n    },\n    validateEmail() {\n      //以下条件で検証\n      //1. @ の前には、空白文字や @ 自体を含まない1文字以上の文字列が含まれる\n      //2. @ の直後にも、同様に空白文字や @ を含まない1文字以上の文字列が含まれる\n      //3. 最後に、ピリオド . が続き、その後に空白文字や @ を含まない1文字以上の文字列が含まれる\n      const regex = /^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$/;\n      return regex.test(this.user.email);\n    },\n    validatePhoneNumber() {\n      //以下条件で検証\n      //1. 数字のみ\n      //2. 10~11文字であること\n      //3. 先頭文字が0であること\n      const regex = /^0\\d{9,10}$/;\n      return regex.test(this.user.phoneNumber);\n    },\n    validatePostalCode() {\n      //以下条件で検証\n      //1. 数字のみ\n      //2. 7文字であること\n      const regex = /^[0-9]{7}$/;\n      return regex.test(this.user.postalCode);\n    },\n    async onAddressSubmitForm(event) {\n      if (!this.validateInput()) {\n        event.preventDefault();\n        return;\n      }\n      if(!this.validatePostalCode()){\n        alert('郵便番号は7桁の数字でご入力ください。');\n        event.preventDefault();\n        return;\n      }\n      if(!this.validatePhoneNumber()){\n        alert('電話番号は0から始まる10桁または11桁の数字でご入力ください。');\n        event.preventDefault();\n        return;\n      }\n      if (!this.validateEmail()){\n        alert('メールアドレスが不正な形式です。');\n        event.preventDefault();\n        return;\n      }\n\n      try {\n        if(!this.account){\n          alert('ウォレットアドレスが取得できませんでした。');\n          throw 'wallet is not obtained';\n        }\n        const payload = new FormData();\n        payload.append('backend_id', this.$route.params.id);\n        payload.append('project_name', this.projectDetail.name);\n        payload.append('name', this.user.name);\n        payload.append('amount', this.quantity);\n        payload.append('wallet', this.account);\n        payload.append('phone_number', this.user.phoneNumber);\n        payload.append('mail', this.user.email);\n        payload.append('zipcode', this.user.postalCode);\n        payload.append('address', this.user.address);\n\n        await addShippingInfo(payload);\n        this.$emit('close');\n        this.$emit('submitBuy');\n      } catch (err) {\n        console.error(err);\n        this.$emit('close');\n        event.preventDefault();\n      }\n    },\n    async lookupAddress() {\n      if (!this.user.postalCode || this.user.postalCode.length < 7) {\n        alert('郵便番号は7桁を入力してください。');\n        return;\n      }\n\n      const apiUrl = `https://api.zipaddress.net/?zipcode=${this.user.postalCode}`;\n\n      try {\n        const response = await fetch(apiUrl);\n        const data = await response.json();\n        if (data.code === 200) {\n          this.user.address = data.data.fullAddress;\n        } else {\n          alert('住所が見つかりませんでした。');\n        }\n      } catch (error) {\n        console.error('住所検索中にエラーが発生しました:', error);\n        alert('住所の検索に失敗しました。');\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\n.modal {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  z-index: 1050; \n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.4);\n  font-family: 'Meiryo', sans-serif;\n  overflow-y: auto; /* Y軸にスクロールバーを設定 */\n  transition: transform 0.3s ease-in-out;\n}\n\n.modal-content {\n  display: flex;\n  flex-direction: column;\n  background-color: #fefefe;\n  margin: auto;\n  padding: 20px;\n  border: 1px solid #888;\n  width: 100%; \n  max-width: 600px; \n  max-height: 100vh; \n  border-radius: 8px;\n}\n\n.close {\n  color: #aaa;\n  align-self: flex-end;\n  font-size: 24px; \n  font-weight: bold;\n}\n\n.close:hover,\n.close:focus {\n  color: black;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.modal-header {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start; \n  margin-bottom: 0.8rem;\n  background-color: #C24ADC;\n  width: 100%;\n  padding: 12px;\n  border-radius: 8px 8px 0 0;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.modal-body {\n  flex: 1;\n  overflow-y: auto;\n  padding-right: 1rem;\n  position: relative;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.modal-footer {\n  display: flex;\n  justify-content: center;\n  padding: 1rem 0; \n  bottom: 0;\n  border-top: 1px solid #ccc;\n}\n\n.input-group {\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n  margin-bottom: 0.7rem;\n  width: 100%;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.input-group label {\n  margin-bottom: 0.5rem;\n  color: rgba(68, 37, 125, 1); \n  font-family: 'Meiryo', sans-serif;\n}\n\n.input-field {\n  flex: 1;\n  border: 1px solid #ccc;\n  padding: 0.5rem;\n  border-radius: 4px;\n  color: black;\n  width: 100%;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.postal-code-group {\n  width: 100%;\n}\n\n.postal-code-container {\n  display: flex;\n  width: 100%;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.postal-code {\n  flex: none;\n  width: 120px;\n  margin-right: 0.5rem;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.search-button {\n  flex: none;\n  padding: 0.8rem 1rem;\n  background-color: #007BFF;\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.search-button:hover {\n  background-color: #0056b3;\n}\n\n.address-group {\n  width: 100%;\n}\n\n.address-input {\n  width: 100%;\n  font-family: 'Meiryo', sans-serif; \n}\n\n.submit-button {\n  padding: 12px 20px; \n  background-color: #C24ADC;\n  color: white;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  display: block; \n  margin-top: 10px; \n  font-family: 'Meiryo', sans-serif; \n}\n\n.submit-button:hover {\n  background-color: #45a049;\n}\n\n.quantity-display {\n  font-size: 1rem; \n  display: block; \n  color: white; \n  font-family: 'Meiryo', sans-serif;\n  @media (max-width: 768px) {\n    font-size: 0.6rem;\n  }\n}\n\n.project-name {\n  @media (max-width: 768px) {\n    font-size: 0.6rem;\n  }\n\n  font-size: 1rem;\n  display: block;\n  color: white;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.modal-body::after {\n  content: '';\n  display: block;\n  width: 100%;\n  height: 20px;\n  background: linear-gradient(to top, #fefefe, transparent);\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n.modal-footer {\n  bottom: 0;\n  background: #fefefe;\n  border-top: 1px solid #ccc;\n}\n\n@media (max-width: 768px) {\n    .modal-content {\n      max-width: 95%;\n      max-height: 85vh;\n      padding: 10px;\n    }\n\n    .modal {\n      padding: 10px; \n    }\n\n    .input-field, .postal-code-container {\n        width: auto; \n    }\n\n    .submit-button {\n        width: 100%; \n        margin-top: 10px; \n    }\n    .search-button {\n        width: 100px; \n        margin-top: 10px; \n    }\n\n    .input-group label,\n    .modal-footer{\n      font-size: 10px;\n    }\n    @media (max-width: 400px) {\n    .modal-content {\n      max-width: 85%;\n      max-height: 70vh;\n    }\n    .search-button {\n        width: 60px; \n    }\n    .input-field.postal-code {\n        width: 150px; \n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./shippingModalForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./shippingModalForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./shippingModalForm.vue?vue&type=template&id=4ad913d4&scoped=true&\"\nimport script from \"./shippingModalForm.vue?vue&type=script&lang=js&\"\nexport * from \"./shippingModalForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./shippingModalForm.vue?vue&type=style&index=0&id=4ad913d4&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4ad913d4\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal\"},[_c('div',{staticClass:\"modal-content\"},[_c('span',{staticClass:\"close\",on:{\"click\":_vm.close}},[_vm._v(\"×\")]),_c('div',{staticClass:\"modal-header\"},[_c('div',{staticClass:\"project-name font-bold\"},[_vm._v(\" \"+_vm._s(_vm.projectDetail.name_ja)+\" \")]),_c('div',{staticClass:\"quantity-display font-semibold\"},[_vm._v(\" 購入数量: \"+_vm._s(_vm.quantity)+\" \")])]),_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"grid grid-cols-1 gap-4\"},[_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"氏名\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.name),expression:\"user.name\"}],staticClass:\"input-field\",attrs:{\"id\":\"name\",\"type\":\"text\",\"placeholder\":\"氏名\",\"maxlength\":\"255\",\"required\":\"\"},domProps:{\"value\":(_vm.user.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"name\", $event.target.value)}}})]),_c('div',{staticClass:\"input-group postal-code-group\"},[_c('label',{attrs:{\"for\":\"postalCode\"}},[_vm._v(\"郵便番号 (ハイフンなし)\")]),_c('div',{staticClass:\"postal-code-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.postalCode),expression:\"user.postalCode\"}],staticClass:\"input-field postal-code\",attrs:{\"id\":\"postalCode\",\"type\":\"tel\",\"placeholder\":\"郵便番号\",\"maxlength\":\"7\",\"required\":\"\"},domProps:{\"value\":(_vm.user.postalCode)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"postalCode\", $event.target.value)}}})])]),_c('div',{staticClass:\"input-group address-group\"},[_c('label',{attrs:{\"for\":\"address\"}},[_vm._v(\"住所\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.address),expression:\"user.address\"}],staticClass:\"input-field address-input\",attrs:{\"id\":\"address\",\"type\":\"text\",\"placeholder\":\"住所\",\"maxlength\":\"255\",\"required\":\"\"},domProps:{\"value\":(_vm.user.address)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"address\", $event.target.value)}}})]),_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"phoneNumber\"}},[_vm._v(\"電話番号 (ハイフンなし)\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.phoneNumber),expression:\"user.phoneNumber\"}],staticClass:\"input-field\",attrs:{\"id\":\"phoneNumber\",\"type\":\"tel\",\"placeholder\":\"電話番号\",\"maxlength\":\"11\",\"required\":\"\"},domProps:{\"value\":(_vm.user.phoneNumber)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"phoneNumber\", $event.target.value)}}})]),_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"email\"}},[_vm._v(\"メールアドレス\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.email),expression:\"user.email\"}],staticClass:\"input-field\",attrs:{\"id\":\"email\",\"type\":\"email\",\"placeholder\":\"メールアドレス\",\"maxlength\":\"255\",\"required\":\"\"},domProps:{\"value\":(_vm.user.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"email\", $event.target.value)}}})])])]),_c('div',{staticClass:\"modal-footer\"},[_c('button',{staticClass:\"submit-button\",on:{\"click\":_vm.onAddressSubmitForm}},[_vm._v(\" フォームを送信し暗号資産で購入 \")])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"modal\">\n    <div class=\"modal-content\">\n      <span @click=\"close\" class=\"close\">&times;</span>\n      <div class=\"modal-header\">\n        <div class=\"project-name font-bold\">\n          {{ projectDetail.name_ja }}\n        </div>\n        <div class=\"quantity-display font-semibold\">\n          購入数量: {{ quantity }}\n        </div>\n      </div>\n      <div class=\"modal-body\">\n        <div class=\"grid grid-cols-1 gap-4\">\n          <div class=\"input-group\">\n            <label for=\"name\">氏名</label>\n            <input id=\"name\" type=\"text\" placeholder=\"氏名\" class=\"input-field\" v-model=\"user.name\" maxlength=\"255\" required>\n          </div>\n          <div class=\"input-group postal-code-group\">\n            <label for=\"postalCode\">郵便番号 (ハイフンなし)</label>\n            <div class=\"postal-code-container\">\n              <input id=\"postalCode\" type=\"tel\" placeholder=\"郵便番号\" class=\"input-field postal-code\" v-model=\"user.postalCode\" maxlength=\"7\" required>\n            </div>\n          </div>\n          <div class=\"input-group address-group\">\n            <label for=\"address\">住所</label>\n            <input id=\"address\" type=\"text\" placeholder=\"住所\" class=\"input-field address-input\" v-model=\"user.address\" maxlength=\"255\" required>\n          </div>\n          <div class=\"input-group\">\n            <label for=\"phoneNumber\">電話番号 (ハイフンなし)</label>\n            <input id=\"phoneNumber\" type=\"tel\" placeholder=\"電話番号\" class=\"input-field\" v-model=\"user.phoneNumber\" maxlength=\"11\" required>\n          </div>\n          <div class=\"input-group\">\n            <label for=\"email\">メールアドレス</label>\n            <input id=\"email\" type=\"email\" placeholder=\"メールアドレス\" class=\"input-field\" v-model=\"user.email\" maxlength=\"255\" required>\n          </div>\n          <div class=\"input-group\">\n            <div class=\"label-and-link\">\n              <label for=\"zaiftx\">Zaif口座の送金TX</label>\n              <a href=\"https://zaif-ino.com/media/nft-manga-cicc/\" target=\"_blank\" class=\"link-button\">送金TX確認方法はこちら</a>\n            </div>\n            <input id=\"zaiftx\" type=\"text\" placeholder=\"Zaif口座の送金TX\" class=\"input-field\" v-model=\"user.zaiftx\" maxlength=\"255\" required>\n          </div>\n        </div>\n      </div>\n      <div class=\"modal-footer\">\n        <button @click=\"onAddressSubmitForm\" class=\"submit-button\">\n          フォームを送信し購入\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapGetters } from 'vuex';\nimport { addShippingInfo } from '@/services/shipping_info';\nimport UtilNotify from '@/utils/notify.util';\n\nexport default {\n  props: {\n    visible: {\n      type: Boolean,\n      default: false,\n    },\n    quantity: {\n      type: String,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      user: {\n        name: '',\n        phoneNumber: '',\n        email: '',\n        postalCode: '',\n        address: '',\n        zaiftx:'',\n      },\n    };\n  },\n  computed: {\n    ...mapGetters({\n      account: 'wallet/account',\n    }),\n    ...mapState({\n      provider: (state) => state.wallet?.provider || null,\n      projectDetailMap: (state) => state.projects.projectDetailMap,\n      locale: (state) => state?.setting.locale,\n    }),\n    projectDetail() {\n      const { id } = this.$route.params;\n      if (id) {\n        return this.projectDetailMap[id] || {};\n      }\n      return {};\n    },\n  },\n  methods: {\n    close() {\n      this.$emit('close');\n    },\n    validateInput() {\n      if (this.user.name.length > 255 || !this.user.name) {\n        //255文字を超えて入力できないため、通常未入力の場合のみこのルートを通る\n        alert('氏名が未入力です。');\n        return false;\n      }\n      if (this.user.postalCode.length > 7 || !this.user.postalCode) {\n        //7文字を超えて入力できないため、通常未入力の場合のみこのルートを通る\n        alert('郵便番号が未入力です。');\n        return false;\n      }\n      if (this.user.address.length > 255 || !this.user.address) {\n        //255文字を超えて入力できないため、通常未入力の場合のみこのルートを通る\n        alert('住所が未入力です。');\n        return false;\n      }\n      if (this.user.phoneNumber.length > 11 || !this.user.phoneNumber) {\n        //11文字を超えて入力できないため、通常未入力の場合のみこのルートを通る\n        alert('電話番号が未入力です。');\n        return false;\n      }\n\n      if (this.user.email.length > 255 || !this.user.email) {\n        //256文字以上は入力できないため、通常未入力の場合のみこのルートを通る\n        alert('メールアドレスが未入力です。');\n        return false;\n      }\n      if (this.user.zaiftx.length > 255 || !this.user.zaiftx) {\n        //256文字以上は入力できないため、通常未入力の場合のみこのルートを通る\n        alert('Zaif口座送金TXが未入力です。');\n        return false;\n      }\n      return true;\n    },\n    validateEmail() {\n      //以下条件で検証\n      //1. @ の前には、空白文字や @ 自体を含まない1文字以上の文字列が含まれる\n      //2. @ の直後にも、同様に空白文字や @ を含まない1文字以上の文字列が含まれる\n      //3. 最後に、ピリオド . が続き、その後に空白文字や @ を含まない1文字以上の文字列が含まれる\n      const regex = /^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$/;\n      return regex.test(this.user.email);\n    },\n    validatePhoneNumber() {\n      //以下条件で検証\n      //1. 数字のみ\n      //2. 10~11文字であること\n      //3. 先頭文字が0であること\n      const regex = /^0\\d{9,10}$/;\n      return regex.test(this.user.phoneNumber);\n    },\n    validatePostalCode() {\n      //以下条件で検証\n      //1. 数字のみ\n      //2. 7文字であること\n      const regex = /^[0-9]{7}$/;\n      return regex.test(this.user.postalCode);\n    },\n    async onAddressSubmitForm(event) {\n      event.preventDefault(); // フォームのデフォルト送信を防ぐ\n\n      if (!this.validateInput()) {\n        event.preventDefault();\n        return;\n      }\n      if(!this.validatePostalCode()){\n        alert('郵便番号は7桁の数字でご入力ください。');\n        event.preventDefault();\n        return;\n      }\n      if(!this.validatePhoneNumber()){\n        alert('電話番号は0から始まる10桁または11桁の数字でご入力ください。');\n        event.preventDefault();\n        return;\n      }\n      if (!this.validateEmail()){\n        alert('メールアドレスが不正な形式です。');\n        event.preventDefault();\n        return;\n      }\n\n      try {\n        const payload = new FormData();\n        payload.append('backend_id', this.$route.params.id);\n        payload.append('project_name', this.projectDetail.name);\n        payload.append('name', this.user.name);\n        payload.append('amount', this.quantity);\n        payload.append('phone_number', this.user.phoneNumber);\n        payload.append('mail', this.user.email);\n        payload.append('zipcode', this.user.postalCode);\n        payload.append('address', this.user.address);\n        payload.append('zaiftx', this.user.zaiftx);\n\n      await addShippingInfo(payload);\n      this.$emit('close');\n      alert('ご購入ありがとうございます。購入情報確認次第、別途ご連絡差し上げます。');\n      } catch (err) {\n        UtilNotify.error(this.$notify, { message: 'SYSTEM_ERROR' }, this.$modal);\n        console.error(err);\n        this.$emit('close');\n        event.preventDefault();\n      }\n    },\n    async lookupAddress() {\n      if (!this.user.postalCode || this.user.postalCode.length < 7) {\n        alert('郵便番号は7桁を入力してください。');\n        return;\n      }\n\n      const apiUrl = `https://api.zipaddress.net/?zipcode=${this.user.postalCode}`;\n\n      try {\n        const response = await fetch(apiUrl);\n        const data = await response.json();\n        if (data.code === 200) {\n          this.user.address = data.data.fullAddress;\n        } else {\n          alert('住所が見つかりませんでした。');\n        }\n      } catch (error) {\n        console.error('住所検索中にエラーが発生しました:', error);\n        alert('住所の検索に失敗しました。');\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\n.modal {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  z-index: 1050; \n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.4);\n  font-family: 'Meiryo', sans-serif;\n  overflow-y: auto; /* Y軸にスクロールバーを設定 */\n  transition: transform 0.3s ease-in-out;\n}\n\n.modal-content {\n  display: flex;\n  flex-direction: column;\n  background-color: #fefefe;\n  margin: auto;\n  padding: 20px;\n  border: 1px solid #888;\n  width: 100%; \n  max-width: 600px; \n  max-height: 100vh; \n  border-radius: 8px;\n}\n\n.close {\n  color: #aaa;\n  align-self: flex-end;\n  font-size: 24px; \n  font-weight: bold;\n}\n\n.close:hover,\n.close:focus {\n  color: black;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.modal-header {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start; \n  margin-bottom: 0.8rem;\n  background-color: #C24ADC;\n  width: 100%;\n  padding: 12px;\n  border-radius: 8px 8px 0 0;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.modal-body {\n  flex: 1;\n  overflow-y: auto;\n  padding-right: 1rem;\n  position: relative;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.modal-footer {\n  display: flex;\n  justify-content: center;\n  padding: 1rem 0; \n  bottom: 0;\n  border-top: 1px solid #ccc;\n}\n\n.input-group {\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n  margin-bottom: 0.7rem;\n  width: 100%;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.input-group label {\n  margin-bottom: 0.5rem;\n  color: rgba(68, 37, 125, 1); \n  font-family: 'Meiryo', sans-serif;\n}\n\n.input-field {\n  flex: 1;\n  border: 1px solid #ccc;\n  padding: 0.5rem;\n  border-radius: 4px;\n  color: black;\n  width: 100%;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.postal-code-group {\n  width: 100%;\n}\n\n.postal-code-container {\n  display: flex;\n  width: 100%;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.postal-code {\n  flex: none;\n  width: 120px;\n  margin-right: 0.5rem;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.search-button {\n  flex: none;\n  padding: 0.8rem 1rem;\n  background-color: #007BFF;\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.search-button:hover {\n  background-color: #0056b3;\n}\n\n.address-group {\n  width: 100%;\n}\n\n.address-input {\n  width: 100%;\n  font-family: 'Meiryo', sans-serif; \n}\n\n.submit-button {\n  padding: 12px 20px; \n  background-color: #C24ADC;\n  color: white;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  display: block; \n  margin-top: 10px; \n  font-family: 'Meiryo', sans-serif; \n}\n\n.submit-button:hover {\n  background-color: #45a049;\n}\n\n.quantity-display {\n  font-size: 1rem; \n  display: block; \n  color: white; \n  font-family: 'Meiryo', sans-serif;\n  @media (max-width: 768px) {\n    font-size: 0.6rem;\n  }\n}\n\n.project-name {\n  @media (max-width: 768px) {\n    font-size: 0.6rem;\n  }\n\n  font-size: 1rem;\n  display: block;\n  color: white;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.modal-footer {\n  bottom: 0;\n  background: #fefefe;\n  border-top: 1px solid #ccc;\n}\n\n.label-and-link {\n  display: flex;\n  align-items: baseline;\n}\n\n.link-button {\n  margin-left: 10px; /* label との間隔 */\n  padding: 6px 10px;\n  color: #007BFF;\n  text-decoration: underline;\n  border-radius: 4px;\n  font-weight: bold;\n  font-size: 12px;\n}\n\n@media (max-width: 768px) {\n    .modal-content {\n      max-width: 95%;\n      max-height: 85vh;\n      padding: 10px;\n    }\n\n    .modal {\n      padding: 10px; \n    }\n\n    .input-field, .postal-code-container {\n        width: auto; \n    }\n\n    .submit-button {\n        width: 100%; \n        margin-top: 10px; \n    }\n    .search-button {\n        width: 100px; \n        margin-top: 10px; \n    }\n\n    .input-group label,\n    .modal-footer{\n      font-size: 10px;\n    }\n    @media (max-width: 400px) {\n    .modal-content {\n      max-width: 85%;\n      max-height: 70vh;\n    }\n    .search-button {\n        width: 60px; \n    }\n    .input-field.postal-code {\n        width: 150px; \n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./shippingZaifTxModalForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./shippingZaifTxModalForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./shippingZaifTxModalForm.vue?vue&type=template&id=39922053&scoped=true&\"\nimport script from \"./shippingZaifTxModalForm.vue?vue&type=script&lang=js&\"\nexport * from \"./shippingZaifTxModalForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./shippingZaifTxModalForm.vue?vue&type=style&index=0&id=39922053&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"39922053\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal\"},[_c('div',{staticClass:\"modal-content\"},[_c('span',{staticClass:\"close\",on:{\"click\":_vm.close}},[_vm._v(\"×\")]),_c('div',{staticClass:\"modal-header\"},[_c('div',{staticClass:\"project-name font-bold\"},[_vm._v(\" \"+_vm._s(_vm.projectDetail.name_ja)+\" \")]),_c('div',{staticClass:\"quantity-display font-semibold\"},[_vm._v(\" 購入数量: \"+_vm._s(_vm.quantity)+\" \")])]),_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"grid grid-cols-1 gap-4\"},[_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"氏名\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.name),expression:\"user.name\"}],staticClass:\"input-field\",attrs:{\"id\":\"name\",\"type\":\"text\",\"placeholder\":\"氏名\",\"maxlength\":\"255\",\"required\":\"\"},domProps:{\"value\":(_vm.user.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"name\", $event.target.value)}}})]),_c('div',{staticClass:\"input-group postal-code-group\"},[_c('label',{attrs:{\"for\":\"postalCode\"}},[_vm._v(\"郵便番号 (ハイフンなし)\")]),_c('div',{staticClass:\"postal-code-container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.postalCode),expression:\"user.postalCode\"}],staticClass:\"input-field postal-code\",attrs:{\"id\":\"postalCode\",\"type\":\"tel\",\"placeholder\":\"郵便番号\",\"maxlength\":\"7\",\"required\":\"\"},domProps:{\"value\":(_vm.user.postalCode)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"postalCode\", $event.target.value)}}})])]),_c('div',{staticClass:\"input-group address-group\"},[_c('label',{attrs:{\"for\":\"address\"}},[_vm._v(\"住所\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.address),expression:\"user.address\"}],staticClass:\"input-field address-input\",attrs:{\"id\":\"address\",\"type\":\"text\",\"placeholder\":\"住所\",\"maxlength\":\"255\",\"required\":\"\"},domProps:{\"value\":(_vm.user.address)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"address\", $event.target.value)}}})]),_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"phoneNumber\"}},[_vm._v(\"電話番号 (ハイフンなし)\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.phoneNumber),expression:\"user.phoneNumber\"}],staticClass:\"input-field\",attrs:{\"id\":\"phoneNumber\",\"type\":\"tel\",\"placeholder\":\"電話番号\",\"maxlength\":\"11\",\"required\":\"\"},domProps:{\"value\":(_vm.user.phoneNumber)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"phoneNumber\", $event.target.value)}}})]),_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"email\"}},[_vm._v(\"メールアドレス\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.email),expression:\"user.email\"}],staticClass:\"input-field\",attrs:{\"id\":\"email\",\"type\":\"email\",\"placeholder\":\"メールアドレス\",\"maxlength\":\"255\",\"required\":\"\"},domProps:{\"value\":(_vm.user.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"email\", $event.target.value)}}})]),_c('div',{staticClass:\"input-group\"},[_vm._m(0),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.zaiftx),expression:\"user.zaiftx\"}],staticClass:\"input-field\",attrs:{\"id\":\"zaiftx\",\"type\":\"text\",\"placeholder\":\"Zaif口座の送金TX\",\"maxlength\":\"255\",\"required\":\"\"},domProps:{\"value\":(_vm.user.zaiftx)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"zaiftx\", $event.target.value)}}})])])]),_c('div',{staticClass:\"modal-footer\"},[_c('button',{staticClass:\"submit-button\",on:{\"click\":_vm.onAddressSubmitForm}},[_vm._v(\" フォームを送信し購入 \")])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"label-and-link\"},[_c('label',{attrs:{\"for\":\"zaiftx\"}},[_vm._v(\"Zaif口座の送金TX\")]),_c('a',{staticClass:\"link-button\",attrs:{\"href\":\"https://zaif-ino.com/media/nft-manga-cicc/\",\"target\":\"_blank\"}},[_vm._v(\"送金TX確認方法はこちら\")])])}]\n\nexport { render, staticRenderFns }","import http from './axios';\nimport { API_VERSION_1_PREFIX } from '@/env';\n\nexport const addExchangeWalletInfo = async (formData) => {\n  const data = await http.post(`${API_VERSION_1_PREFIX}/exchange_wallet_info`, formData);\n  return data;\n};\n","<template>\n  <div class=\"modal\">\n    <div class=\"modal-content\">\n      <span @click=\"close\" class=\"close\">&times;</span>\n      <div class=\"modal-header\">\n        <div class=\"project-name font-bold\">\n          {{ projectDetail.name_ja }}<br>({{ projectDetail.name }})\n        </div>\n        <div class=\"quantity-display font-semibold\">\n          購入数量(QUANTITY) : {{ quantity }}\n        </div>\n      </div>\n      <div class=\"modal-body\">\n        <div class=\"grid grid-cols-1 gap-4\">\n          <a href=\"https://api.zaif-ino.com/static/DeepLinkWalletCreate.pdf\" target=\"_blank\" class=\"link-button\">Deeplinkウォレットの作成方法はこちら <br>(Click here to learn how to create a Deeplink wallet.)</a>\n          <div class=\"input-group\">\n            <label for=\"email\">メールアドレス (Mail Address)</label>\n            <input id=\"email\" type=\"email\" placeholder=\"メールアドレス (Mail Address)\" class=\"input-field\" v-model=\"user.email\" maxlength=\"255\" required>\n          </div>\n          <div class=\"input-group\">\n            <div class=\"wallet-label-and-button\">\n              <label for=\"polygonAddress\" class=\"wallet-label\">Polygonウォレットアドレス (Polygon Wallet Address)</label>\n              <div v-if=\"!account\">\n                <span class=\"mismatch-message\">※ウォレットコネクトしている場合自動反映されます。</span>\n              </div>\n              <div v-else-if=\"!isMatchChainId\">\n                <span class=\"mismatch-message\">※ウォレットコネクトしている場合自動反映されます。</span>\n              </div>\n            </div>\n            <input \n              id=\"polygonAddress\" \n              type=\"text\" \n              placeholder=\"Polygonウォレットアドレス (Polygon Wallet Address)\" \n              class=\"input-field\" \n              v-model=\"user.wallet\" \n              :disabled=\"modal_type === 1\"\n              maxlength=\"255\" \n              required>\n          </div>\n          <div class=\"input-group\">\n            <label for=\"exchange_wallet\">Deeplinkウォレットアドレス (DeepLink Wallet Address)</label>\n            <input id=\"exchange_wallet\" type=\"text\" placeholder=\"Deeplinkウォレットアドレス (DeepLink Wallet Address)\" class=\"input-field\" v-model=\"user.exchange_wallet\" maxlength=\"255\" required>\n          </div>\n        </div>\n      </div>\n      <div class=\"modal-footer\">\n        <button @click=\"onAddressSubmitForm($event)\" class=\"submit-button\">\n          フォームを送信し購入<br>SUBMIT FORM AND PURCHASE\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapState, mapGetters } from 'vuex';\nimport { addExchangeWalletInfo } from '@/services/exchange_wallet_info';\nimport UtilNotify from '@/utils/notify.util';\n\nexport default {\n  props: {\n    visible: {\n      type: Boolean,\n      default: false,\n    },\n    quantity: {\n      type: String,\n      required: true,\n    },\n    modal_type: {\n      type: Number,\n      required: true,\n    },\n    chainId: {\n      type: Number,\n      required: true,\n    }\n  },\n  data() {\n    return {\n      user: {\n        email: '',\n        exchange_wallet: '',\n        wallet: '',\n      },\n    };\n  },\n  computed: {\n    ...mapGetters({\n      account: 'wallet/account',\n    }),\n    ...mapState({\n      provider: (state) => state.wallet?.provider || null,\n      projectDetailMap: (state) => state.projects.projectDetailMap,\n      locale: (state) => state?.setting.locale,\n    }),\n    projectDetail() {\n      const { id } = this.$route.params;\n      if (id) {\n        return this.projectDetailMap[id] || {};\n      }\n      return {};\n    },\n    isMatchChainId() {\n      return this.provider && this.provider.chainId === this.chainId;\n    },\n  },\n  watch: {\n    // account プロパティが変更されたときに実行\n    account(newVal) {\n      // チェーンが一致している場合\n      if (this.isMatchChainId){\n        this.user.wallet = newVal;\n      // チェーンが一致していない場合\n      } else {\n        this.user.wallet = '';\n      }\n    }\n  },\n  mounted() {\n    // モーダルが開いたときに、ウォレットが取得でき、チェーンが一致している場合\n    if (this.account && this.isMatchChainId) {\n        this.user.wallet = this.account;\n      }\n    },\n  methods: {\n    close() {\n      this.$emit('close');\n    },\n    validateInput() {\n      if (this.user.email.length > 255 || !this.user.email) {\n        //256文字以上は入力できないため、通常未入力の場合のみこのルートを通る\n        alert('メールアドレスが未入力です。');\n        return false;\n      }\n      if (this.user.wallet.length > 255 || !this.user.wallet) {\n        //256文字以上は入力できないため、通常未入力の場合のみこのルートを通る\n        alert('Polygonウォレットが未入力です。');\n        return false;\n      }\n      if (this.user.exchange_wallet.length > 255 || !this.user.exchange_wallet) {\n        //256文字以上は入力できないため、通常未入力の場合のみこのルートを通る\n        alert('Deeplinkウォレットが未入力です。');\n        return false;\n      }\n      return true;\n    },\n    validateEmail() {\n      //以下条件で検証\n      //1. @ の前には、空白文字や @ 自体を含まない1文字以上の文字列が含まれる\n      //2. @ の直後にも、同様に空白文字や @ を含まない1文字以上の文字列が含まれる\n      //3. 最後に、ピリオド . が続き、その後に空白文字や @ を含まない1文字以上の文字列が含まれる\n      const regex = /^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$/;\n      return regex.test(this.user.email);\n    },\n    async onAddressSubmitForm(event) {\n      // デフォルトでフォームの送信を防ぐ\n        event.preventDefault();\n\n      if (!this.validateInput()) {\n        return;\n      }\n      if (!this.validateEmail()){\n        alert('メールアドレスが不正な形式です。');\n        return;\n      }\n\n      try {\n        const payload = new FormData();\n        payload.append('backend_id', this.$route.params.id);\n        payload.append('project_name', this.projectDetail.name);\n        payload.append('amount', this.quantity);\n        payload.append('mail', this.user.email);\n        payload.append('wallet', this.user.wallet);\n        payload.append('exchange_wallet', this.user.exchange_wallet);\n        \n        // データをDBに登録する\n        await addExchangeWalletInfo(payload);\n\n        // 暗号資産で購入の場合\n        if(this.modal_type == 1){\n          this.$emit('submitBuy');\n        }\n        // クレジットカードで購入の場合\n        else if(this.modal_type == 2){\n          await this.onSubmitPiement();\n        }\n        // モーダルを閉じる\n        this.$emit('close');\n\n      } catch (err) {\n        console.error(err);\n        this.$emit('close');\n        event.preventDefault();\n      }\n    },\n    async onSubmitPiement() {\n      try {\n        //遷移url初期値\n        let piementUrl = this.projectDetail.creditcard_url;\n        if(!piementUrl){\n          throw new Error('This is not compatible with credit card payments.');\n        }\n        if(!this.quantity){\n          throw new Error('quantity is not obtained');\n        }\n        // モーダルに登録されたウォレットをクエリパラメータに追加\n        piementUrl = piementUrl + `?quantity=${this.quantity}`;\n        \n        // モーダルに登録されたウォレットをクエリパラメータに追加\n        piementUrl = piementUrl + `&recipientAddress=${this.user.wallet}`;\n\n        //指定のURLを新規タブで開く\n        window.open(piementUrl, '_blank');\n      } catch(err) {\n        console.debug(err);\n        UtilNotify.error(this.$notify, { message: 'SYSTEM_ERROR' }, this.$modal);\n      }\n    },\n  },\n};\n</script>\n\n<style scoped>\n.modal {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  z-index: 1050; \n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.4);\n  font-family: 'Meiryo', sans-serif;\n  overflow-y: auto; /* Y軸にスクロールバーを設定 */\n  transition: transform 0.3s ease-in-out;\n}\n\n.modal-content {\n  display: flex;\n  flex-direction: column;\n  background-color: #fefefe;\n  margin: auto;\n  padding: 20px;\n  border: 1px solid #888;\n  width: 100%; \n  max-width: 600px; \n  max-height: 100vh; \n  border-radius: 8px;\n}\n\n.close {\n  color: #aaa;\n  align-self: flex-end;\n  font-size: 24px; \n  font-weight: bold;\n}\n\n.close:hover,\n.close:focus {\n  color: black;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.modal-header {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  text-align: left;\n  margin-bottom: 0.8rem;\n  background-color: #C24ADC;\n  width: 100%;\n  padding: 12px;\n  border-radius: 8px 8px 0 0;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.modal-body {\n  flex: 1;\n  overflow-y: auto;\n  padding-right: 1rem;\n  position: relative;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.modal-footer {\n  display: flex;\n  justify-content: center;\n  padding: 1rem 0; \n  bottom: 0;\n  border-top: 1px solid #ccc;\n}\n\n.input-group {\n  display: flex;\n  flex-direction: column;\n  text-align: left;\n  margin-bottom: 0.7rem;\n  width: 100%;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.input-group label {\n  margin-bottom: 0.5rem;\n  color: rgba(68, 37, 125, 1); \n  font-family: 'Meiryo', sans-serif;\n}\n\n.input-field {\n  flex: 1;\n  border: 1px solid #ccc;\n  padding: 0.5rem;\n  border-radius: 4px;\n  color: black;\n  width: 100%;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.postal-code-group {\n  width: 100%;\n}\n\n.postal-code-container {\n  display: flex;\n  width: 100%;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.postal-code {\n  flex: none;\n  width: 120px;\n  margin-right: 0.5rem;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.search-button {\n  flex: none;\n  padding: 0.8rem 1rem;\n  background-color: #007BFF;\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.search-button:hover {\n  background-color: #0056b3;\n}\n\n.address-group {\n  width: 100%;\n}\n\n.address-input {\n  width: 100%;\n  font-family: 'Meiryo', sans-serif; \n}\n\n.submit-button {\n  padding: 12px 20px; \n  background-color: #C24ADC;\n  color: white;\n  border: none;\n  border-radius: 5px;\n  cursor: pointer;\n  display: block; \n  margin-top: 10px; \n  font-family: 'Meiryo', sans-serif; \n}\n\n.submit-button:hover {\n  background-color: #45a049;\n}\n\n.quantity-display {\n  font-size: 1rem; \n  display: block; \n  color: white; \n  font-family: 'Meiryo', sans-serif;\n  @media (max-width: 768px) {\n    font-size: 0.6rem;\n  }\n}\n\n.project-name {\n  @media (max-width: 768px) {\n    font-size: 0.6rem;\n  }\n\n  font-size: 1rem;\n  margin-bottom: 10px;\n  display: block;\n  color: white;\n  font-family: 'Meiryo', sans-serif;\n}\n\n.modal-body::after {\n  content: '';\n  display: block;\n  width: 100%;\n  height: 20px;\n  background: linear-gradient(to top, #fefefe, transparent);\n  position: absolute;\n  bottom: 0;\n  left: 0;\n}\n\n.modal-footer {\n  bottom: 0;\n  background: #fefefe;\n  border-top: 1px solid #ccc;\n}\n.label-and-link {\n  display: flex;\n  align-items: baseline;\n}\n.wallet-label-and-button {\n  align-items: flex-start;\n}\n.mismatch-message {\n  color: black;\n  font-weight: bold;\n  display: block;\n  margin-top: 10px;\n}\n.wallet-label {\n  margin-right: 10px;\n}\n.link-button {\n  padding: 6px 0px;\n  color: #007BFF;\n  text-align: left;\n  text-decoration: underline;\n  border-radius: 4px;\n  font-weight: bold;\n  font-size: 12px;\n}\n\n@media (max-width: 768px) {\n    .modal-content {\n      max-width: 95%;\n      max-height: 85vh;\n      padding: 10px;\n    }\n\n    .modal {\n      padding: 10px; \n    }\n\n    .input-field, .postal-code-container {\n        width: auto; \n    }\n\n    .submit-button {\n        width: 100%; \n        margin-top: 10px; \n    }\n    .search-button {\n        width: 100px; \n        margin-top: 10px; \n    }\n\n    .input-group label,\n    .modal-footer{\n      font-size: 10px;\n    }\n    @media (max-width: 400px) {\n    .modal-content {\n      max-width: 85%;\n      max-height: 70vh;\n    }\n    .search-button {\n        width: 60px; \n    }\n    .input-field.postal-code {\n        width: 150px; \n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./exchangeWalletModalForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./exchangeWalletModalForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./exchangeWalletModalForm.vue?vue&type=template&id=e97a4f8c&scoped=true&\"\nimport script from \"./exchangeWalletModalForm.vue?vue&type=script&lang=js&\"\nexport * from \"./exchangeWalletModalForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./exchangeWalletModalForm.vue?vue&type=style&index=0&id=e97a4f8c&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e97a4f8c\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal\"},[_c('div',{staticClass:\"modal-content\"},[_c('span',{staticClass:\"close\",on:{\"click\":_vm.close}},[_vm._v(\"×\")]),_c('div',{staticClass:\"modal-header\"},[_c('div',{staticClass:\"project-name font-bold\"},[_vm._v(\" \"+_vm._s(_vm.projectDetail.name_ja)),_c('br'),_vm._v(\"(\"+_vm._s(_vm.projectDetail.name)+\") \")]),_c('div',{staticClass:\"quantity-display font-semibold\"},[_vm._v(\" 購入数量(QUANTITY) : \"+_vm._s(_vm.quantity)+\" \")])]),_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"grid grid-cols-1 gap-4\"},[_vm._m(0),_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"email\"}},[_vm._v(\"メールアドレス (Mail Address)\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.email),expression:\"user.email\"}],staticClass:\"input-field\",attrs:{\"id\":\"email\",\"type\":\"email\",\"placeholder\":\"メールアドレス (Mail Address)\",\"maxlength\":\"255\",\"required\":\"\"},domProps:{\"value\":(_vm.user.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"email\", $event.target.value)}}})]),_c('div',{staticClass:\"input-group\"},[_c('div',{staticClass:\"wallet-label-and-button\"},[_c('label',{staticClass:\"wallet-label\",attrs:{\"for\":\"polygonAddress\"}},[_vm._v(\"Polygonウォレットアドレス (Polygon Wallet Address)\")]),(!_vm.account)?_c('div',[_c('span',{staticClass:\"mismatch-message\"},[_vm._v(\"※ウォレットコネクトしている場合自動反映されます。\")])]):(!_vm.isMatchChainId)?_c('div',[_c('span',{staticClass:\"mismatch-message\"},[_vm._v(\"※ウォレットコネクトしている場合自動反映されます。\")])]):_vm._e()]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.wallet),expression:\"user.wallet\"}],staticClass:\"input-field\",attrs:{\"id\":\"polygonAddress\",\"type\":\"text\",\"placeholder\":\"Polygonウォレットアドレス (Polygon Wallet Address)\",\"disabled\":_vm.modal_type === 1,\"maxlength\":\"255\",\"required\":\"\"},domProps:{\"value\":(_vm.user.wallet)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"wallet\", $event.target.value)}}})]),_c('div',{staticClass:\"input-group\"},[_c('label',{attrs:{\"for\":\"exchange_wallet\"}},[_vm._v(\"Deeplinkウォレットアドレス (DeepLink Wallet Address)\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.exchange_wallet),expression:\"user.exchange_wallet\"}],staticClass:\"input-field\",attrs:{\"id\":\"exchange_wallet\",\"type\":\"text\",\"placeholder\":\"Deeplinkウォレットアドレス (DeepLink Wallet Address)\",\"maxlength\":\"255\",\"required\":\"\"},domProps:{\"value\":(_vm.user.exchange_wallet)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"exchange_wallet\", $event.target.value)}}})])])]),_c('div',{staticClass:\"modal-footer\"},[_c('button',{staticClass:\"submit-button\",on:{\"click\":function($event){return _vm.onAddressSubmitForm($event)}}},[_vm._v(\" フォームを送信し購入\"),_c('br'),_vm._v(\"SUBMIT FORM AND PURCHASE \")])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{staticClass:\"link-button\",attrs:{\"href\":\"https://api.zaif-ino.com/static/DeepLinkWalletCreate.pdf\",\"target\":\"_blank\"}},[_vm._v(\"Deeplinkウォレットの作成方法はこちら \"),_c('br'),_vm._v(\"(Click here to learn how to create a Deeplink wallet.)\")])}]\n\nexport { render, staticRenderFns }","<template>\n  <div :class=\"['buy-section relative', transferUnsoldDisabled ? 'xs:pb-36 pb-24' : '']\">\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↓ 画面一杯                                            ↓ -->\n    <!-- ↓「プリセール」「パブリックセール」購入フォームヘッダ ↓ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!--\n    パブリックセールの部分の四角\n      スマホ\n        LAYOUT\n          width: 359px;  PC は width: 688px; 他はPCと同じ\n          height: 23px;\n          border-radius: 16px 16px 0px 0px;\n        COLOR\n          background: #9B9DA133;\n    パブリックセールの文字列\n      スマホ PC 共通\n        LAYOUT\n          height: 21px;\n        TYPOGRAPHY\n          font-family: Noto Sans CJK JP;\n          font-size: 12px;\n          font-weight: 700;\n          line-height: 21px;\n        COLOR\n          background: #1F2023;\n    -->\n    <div class=\"mx-2 mt-6 sm:mx-0 flex items-center uppercase\"\n        style=\"height: 23px;  background-color: #9B9DA133;\n              border-radius: 16px 16px 0px 0px;\n              font-family: Noto Sans CJK JP; font-size: 12px;\n              font-weight: 700; color: #1F2023\"\n    >\n      <!-- プレセールとパブリックセールで文字色を変えている。\n      <span\n        :class=\"[type === 'PRESALE' ? 'text-presaleColor'\n                                    : 'text-publicSaleColor']\"\n      > &ensp; {{ $t(types[type].title) }}\n      -->\n      &emsp; {{ $t(types[type].title) }}\n    </div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↑ 画面一杯                                            ↑ -->\n    <!-- ↑「プリセール」「パブリックセール」購入フォームヘッダ ↑ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- +=========+=========+=========+=========+=========+=========+====== -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↓ 画面幅 640px 以上の場合、二列(12列にして6列と6列)。↓ -->\n    <!-- ↓ 画面幅 640px 未満の場合、一列。                    ↓ -->\n    <!-- ↓「プリセール」「パブリックセール」購入フォーム      ↓ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!--\n      セール入力フォーム\n        スマホ\n          LAYOUT\n            width: 359px;  PCは width: 688px;\n            height: 491px; PCは height: 272px; 他はPCも同じ\n            border-radius: 24px 0px 0px 0px;\n            border: 1px 0px 0px 0px;\n          BORDER\n            border: 1px solid #EBEBEC\n    -->\n    <div class=\"mx-2 sm:mx-0 sm:grid grid-cols-12 gap-x-0 border\"\n        style=\"border: 1px solid #EBEBEC\"\n    >\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↓ 画面幅 640px 以上の場合、左列（6:6の6）。                ↓  -->\n      <!-- ↓ 画面幅 640px 未満の場合、画面横一杯。                    ↓  -->\n      <!-- ↓「価格」「総販売数・残り」「販売開始日時」「販売終了日時」↓ -->\n      <!-- ↓ 目標販売数と販売数のTargetBar                            ↓ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <div class=\"mx-2 sm:mx-0 px-0 sm:px-4 sm:col-span-6 content-between\">\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ 左列で上に寄せる。                                ↓ -->\n        <!-- ↓ 価格、総販売数、残り、販売開始日時、販売終了日時、↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div class=\"mt-4\">\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓「価格」ラベルと価格、通貨単位 ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!--\n            価格\n              SmartPhone PC共通\n                LAYOUT\n                  height: 21px;\n                TYPOGRAPHY_1\n                  font-family: Inter;\n                  font-size: 18px;  text-lg / font-size: 24px;  text-2xl\n                  font-weight: 700;\n                  line-height: 21px;\n          -->\n          <div class=\"flex items-end\"\n            style=\"font-family: Inter; font-weight: 700;\"\n          >\n            <div class=\"text-lg text-black\">{{ $t('PRICE') }}</div> &emsp;\n            <div class=\"text-2xl price\">{{ formattedPrice }}</div>\n            &ensp;\n            <div class=\"text-lg price\">{{ symbol }}</div>\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑「価格」ラベルと価格、通貨単位 ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ====+=========+=========+=========+=========+=========+====== -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓「総販売数」ラベルと総販売数、「残り」ラベルと残り ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <div class=\"flex items-end mt-3\"\n              style=\"font-family: Inter; font-size: 16px; font-weight: 700;\n                    color: #000000;\"\n          >\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓ 「総販売数」ラベルと総販売数 ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!--\n              SmartPhone PC 共通\n                 LAYOUT\n                    height: 21px;\n                    top: 79px;  12px(79-(46+21)  mt-3 margin-top: 0.75rem; /* 12px */採用↑\n                  TYPOGRAPHY\n                    font-family: Inter;\n                    font-size: 16px; text-base\n                    font-weight: 500;\n                    line-height: 21px;\n                  COLOR\n                    background: #000000;\n            -->\n            <div style=\"font-weight: 500\">\n              {{ $t('SALE_AMOUNT') }} &ensp; {{ formattedTotalQuantity }} &emsp;\n            </div>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑ 「総販売数」ラベルと総販売数 ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓ 「残り」ラベルと残り ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!--\n              SmartPhone PC 共通\n                LAYOUT\n                    height: 21px;\n                    top: 79px;  12px(79-(46+21)  mt-3 margin-top: 0.75rem; /* 12px */採用↑\n                  TYPOGRAPHY\n                    font-family: Inter;\n                    font-size: 16px;\n                    font-weight: 700;\n                    line-height: 21px;\n                  COLOR\n                    background: #000000;\n            -->\n            <div style=\"font-weight: 700\">\n              {{ $t('LEFTOVER') }} &ensp; {{ formattedLeftover }}\n            </div>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑ 「残り」ラベルと残り ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑「総販売数」ラベルと総販売数、「残り」ラベルと残り ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ====+=========+=========+=========+=========+=========+====== -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓「販売開始日時」ラベルと販売開始日時 ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!--\n            販売開始日時\n              SmartPhone PC共通\n                LAYOUT\n                  height: 21px;\n                  top: 110px;  10px(110-(79+21))  mt-2.5 margin-top: 0.625rem; /* 10px */採用 スマホ\n                  top: 127px;  15px(127-(91+21))  mt-3.5 margin-top: 0.875rem; /* 14px */採用 PC\n                TYPOGRAPHY\n                  font-family: Noto Sans CJK JP;\n                  font-size: 14px;\n                  font-weight: 700; / font-weight: 400;\n                  line-height: 21px;\n                  text-align: left;\n          -->\n          <div class=\"flex mt-2.5 sm:mt-3.5\"\n              style=\"font-family: Noto Sans CJK JP; font-size: 14px;\n                    color: #1F2023;\"\n          >\n            <div style=\"font-weight: 700;\">{{ $t('STARTDATE') }}</div> &ensp;\n            <div v-if=\"!isTBA\" style=\"font-weight: 400;\">\n              {{ startTime | toJST('YYYY/MM/DD HH:mm (ddd)') }}\n            </div>\n            <div v-else>{{ $t('TBA') }}</div>\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑「販売開始日時」ラベルと販売開始日時 ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ====+=========+=========+=========+=========+=========+====== -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓「販売終了終了」ラベルと販売終了日時 ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!--\n            height: 21px;\n            top: 136px;  5px(136-(110+21))  mt-1.5 margin-top: 0.375rem; /* 6px */採用 スマホ\n            top: 156px;  8px(156-(127+21))  mt-2 margin-top: 0.5rem; /* 8px */ PC\n            font-family: Noto Sans CJK JP;\n            font-size: 14px;\n            font-weight: 700; / font-weight: 400;\n            line-height: 21px;\n            background: #1F2023;\n            -->\n          <div class=\"flex mt-1.5 sm:mt-2 mb-3\"\n              style=\"font-family: Noto Sans CJK JP; font-size: 14px;\n                    color: #1F2023;\"\n          >\n            <div style=\"font-weight: 700;\">{{ $t('ENDDATE') }}</div> &ensp;\n            <div v-if=\"!isTBA\" style=\"font-weight: 400;\">\n              {{ endTime | toJST('YYYY/MM/DD HH:mm (ddd)') }}\n            </div>\n            <div v-else>{{ $t('TBA') }}</div>\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑「販売終了終了」ラベルと販売終了日時 ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ 左列で上に寄せる。                                ↑ -->\n        <!-- ↑ 価格、総販売数、残り、販売開始日時、販売終了日時、↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ======+=========+=========+=========+=========+=========+====== -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ 左列で下に寄せる。ＮＦＴ全量と販売済み量のTargetBar ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!--\n        <div\n          v-if=\"transferUnsoldDisabled\"\n          class=\"absolute bottom-0 w-full\"\n        >\n          <TargetBar\n            class=\"scaler\"\n            :sold=\"sold\"\n            :target=\"target\"\n            :isPresale=\"type === 'PRESALE'\"\n          ></TargetBar>\n        -->\n        <!--\n        <div class=\"mb-4\">\n          <TargetBar\n            class=\"col-span-6 mb-10\"\n            :sold=\"sold\"\n            :target=\"target\"\n            :isPresale=\"type === 'PRESALE'\"\n          ></TargetBar>\n          <div\n            v-if=\"sold / totalQuantity >= 0.8\"\n            class=\"absolute -bottom-4 right-0 border rounded-2xl text-center w-36 text-base font-medium\"\n          >{{ sold }}/{{ totalQuantity }}</div>\n        </div>\n        -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ 左列で下に寄せる。ＮＦＴ全量と販売済み量のTargetBar ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n      </div>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↑ 画面幅 640px 以上の場合、左列（6:6の6）。                ↑  -->\n      <!-- ↑ 画面幅 640px 未満の場合、画面横一杯。                    ↑  -->\n      <!-- ↑「価格」「総販売数・残り」「販売開始日時」「販売終了日時」↑ -->\n      <!-- ↑ 目標販売数と販売数のTargetBar                            ↑ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ========+=========+=========+=========+=========+=========+====== -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↓ スマホのみ。数量入力部分の上の線 ↓ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!--\n        スマホのみ、数量入力部分の上の線\n          LAYOUT\n            width: 325px;\n            height: 0px;\n            border: 1px 0px 0px 0px;\n            opacity: 0px;\n          BORDER\n            border: 1px solid #F0F0F1\n      -->\n      <hr class=\"mx-auto mt-2 visible sm:hidden\"\n          style=\"width: 325px; border: 1px solid #F0F0F1\"\n      >\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↑ スマホのみ。数量入力部分の上の線 ↑ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ========+===========+===========+===========+===========+======== -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↓ 画面幅 640px 以上の場合、右列（6:6の6）。 ↓  -->\n      <!-- ↓ 画面幅 640px 未満の場合、画面横一杯。     ↓  -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <div class=\"pb-6 sm:border-l sm:col-span-6\">\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓「数量」入力テキストボックス、                             ↓ -->\n        <!-- ↓「暗号資産で購入」ボタン、「クレジットカードで購入」ボタン ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div class=\"w-80 sm:w-60 mx-auto\">\n          <ValidationObserver ref=\"buyForm\">\n            <form @submit.prevent=\"onSubmitBuy\" class=\"mx-auto\">\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓「数量」ラベルと数量入力テキストボックス ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!--\n                height: 38px;\n                top: 243px;  16px(243-(227+0))  mt-4 margin-top: 1rem; /* 16px */採用\n              -->\n              <div class=\"mt-4 ml-0 items-center\">\n                <ValidationProvider\n                  :rules=\"{\n                    max_value: maxPurchasableAmount,\n                    min_value: 1,\n                    required: true,\n                  }\"\n                  v-slot=\"{ errors }\"\n                  name=\"QUANTITY\"\n                >\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↓「数量］テキストと数量入力テキストボックス ↓ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <div class=\"flex items-center\">\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!-- ↓「数量］テキスト ↓ -->\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!--\n                      SmartPhone PC共通\n                        LAYOUT\n                          width: 32px; 54px以上にしないと「数量」が縦表示になる\n                          height: 21px;\n                        TYPOGRAPHY\n                          font-family: Inter;\n                          font-size: 16px;\n                          font-weight: 400;\n                          line-height: 21px;\n                        COLOR\n                          background: #1F2023;\n                    -->\n                    <div style=\"width: 100px; font-family: Inter; font-size:16px;\n                                font-weight: 400; color:  #1F2023;\"\n                    >\n                      {{ $t('SUPPLY') }} &nbsp;\n                    </div>\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!-- ↑「数量］テキスト ↑ -->\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!-- ↓ 数量入力テキストボックス ↓ -->\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <InputNumberCustomColor\n                      :disabled=\"sold >= totalQuantity || isPriceTBA\"\n                      type=\"text\"\n                      v-model=\"quantity\"\n                      :decimals=\"0\"\n                      inputClass=\"quantity-input\"\n                    ></InputNumberCustomColor>\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!-- ↑ 数量入力テキストボックス ↑ -->\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                  </div>\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↑「数量］テキストと数量入力テキストボックス ↑ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↓ 数量が不適切な場合のエラーメッセージ ↓ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <div\n                      class=\"text-red-500 text-sm mt-2 text-left\"\n                      v-if=\"errors && errors.length > 0 && sold < totalQuantity\"\n                  >{{ errors[0] }}</div>\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↑ 数量が不適切な場合のエラーメッセージ ↑ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                </ValidationProvider>\n              </div>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑「数量」ラベルと数量入力テキストボックス ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <div class=\"buy-buttons -mt-3 flex justify-center\" >\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↓「セール終了」ボタン。status === 4 で表示。↓ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <div\n                  class=\"mt-2 w-full\"\n                  v-if=\"stopped\"\n                >\n                  <button\n                    disabled\n                    class=\"w-80 sm:w-60 uppercase disabled:cursor-not-allowed\n                          rounded-full font-medium\n                          xl:text-sm lg:text-sm md:text-sm sm:text-sm text-xl\n                          xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10 mt-4\n                          disabled:bg-disabled bg-white text-black \n                          hover:opacity-70 disabled:text-white\"\n                    style=\"font-family: Inter;\"\n                >{{ $t('BUTTON_SALE_STOPPED') }}</button>\n                </div>\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↑「セール終了」ボタン。status === 4 で表示。↑ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↓「開始準備」ボタン。status_code === 'READY' で表示。↓ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <div\n                  class=\"mt-2 w-full\"\n                  v-else-if=\"isReady\"\n                >\n                  <button\n                    disabled\n                    class=\"w-80 sm:w-60 uppercase disabled:cursor-not-allowed\n                          rounded-full font-medium\n                          xl:text-sm lg:text-sm md:text-sm sm:text-sm text-xl\n                          xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10 mt-4\n                          disabled:bg-disabled bg-white text-black\n                          hover:opacity-70 disabled:text-white\"\n                    style=\"font-family: Inter;\"\n                  >{{ $t('BUTTON_READY') }}</button>\n                </div>\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↑「開始準備」ボタン。status_code === 'READY' で表示。↑ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↓「プレセール対象外」ボタン ↓ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <div\n                  class=\"mt-2 w-full\"\n                  v-else-if=\"!isWhitelisted\"\n                >\n                  <button\n                    disabled\n                    class=\"w-80 sm:w-60 uppercase disabled:cursor-not-allowed\n                          rounded-full font-medium\n                          xl:text-sm lg:text-sm md:text-sm sm:text-sm text-sm\n                          xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10 mt-4\n                          disabled:bg-disabled bg-white text-black\n                          hover:opacity-70 disabled:text-white\"\n                    style=\"font-family: Inter;\"\n                  >{{ $t('BUTTON_NOT_WHITELISTED') }}</button>\n                </div>\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↑「プレセール対象外」ボタン ↑ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↓「開始準備中」ボタン ↓ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <div\n                  class=\"mt-2 w-full\"\n                  v-else-if=\"new Date().getTime() < startTimeInMilliseconds\"\n                >\n                  <button\n                    disabled\n                    class=\"w-80 sm:w-60 uppercase disabled:cursor-not-allowed\n                          rounded-full font-medium\n                          xl:text-sm lg:text-sm md:text-sm sm:text-sm text-sm\n                          xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10 mt-4\n                          disabled:bg-disabled bg-white text-black\n                          hover:opacity-70 disabled:text-white\"\n                    style=\"font-family: Inter;\"\n                  >{{ $t('BUTTON_EVENT_NOT_STARTED') }}</button>\n                </div>\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↑「開始準備中」ボタン ↑ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↓「暗号資産で購入」ボタンや「承認」ボタン ↓ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <div\n                  v-else-if=\"\n                    sold < totalQuantity && new Date().getTime() < endTimeInMilliseconds\n                  \"\n                  class=\"buy-btns mt-2\"\n                >\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↓ 1st「暗号資産で購入」ボタン ↓ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!--\n                    「暗号資産で購入」ボタンの四角\n                      SmartPhone\n                        LAYOUT\n                          width: 327px;  w-80 width: 20rem; /* 320px */\n                          height: 46px;\n                          top: 293px;  12px(293-(243+38))  mt-3.5 margin-top: 0.875rem; /* 14px */\n                          left: 148.67px;  3.67px(148.67-(129+16)) ml-1 margin-left: 0.25rem; /* 4px */採用\n                          border-radius: 50px 0px 0px 0px;\n                        COLOR\n                          background: #FF0085;\n                      PC\n                        LAYOUT\n                          width: 211px;  w-56 width: 14rem; /* 224px */ w-60にした\n                          height: 45.53px; 他はSmartPhoneと同じ\n                          top: 91px;  17px(91-(36+38))  mt-4 margin-top: 1rem; /* 16px */採用↓\n                          left: 599.67px; 3.67px(599.67-(580+16)) ml-1 margin-left: 0.25rem; /* 4px */\n                  -->\n                  <!--\n                  <button\n                    v-if=\"!isMatchChainId\"\n                    type=\"button\"\n                    @click.prevent=\"handleMetamask\"\n                    class=\"w-full disabled:cursor-not-allowed rounded-xl font-medium xl:text-xl lg:text-lg md:text-sm sm:text-sm text-xs xl:px-4 lg:px-3 md:px-2 sm:px-2 h-10 px-5 disabled:bg-disabled bg-primary text-white hover:opacity-70 disabled:text-white mt-5\"\n                  >\n                  -->\n                  <button\n                    v-if=\"!isMatchChainId\"\n                    type=\"button\"\n                    @click.prevent=\"handleMetamask('1')\"\n                    class=\"w-80 sm:w-60 disabled:cursor-not-allowed rounded-full\n                          disabled:bg-disabled bg-colorButtonBuy\n                          hover:opacity-70 mt-4\"\n                    style=\"height: 46px;\"\n                  >\n                    <div class=\"flex justify-center items-center\">\n                      <!--\n                        maticアイコン枠\n                          width: 16px;\n                          height: 16px;\n                          left: 129px; スマホ\n                          left: 580px; PC\n                      -->\n                      <component\n                        :is=\"iconSvg\"\n                        :class=\"iconCss\"\n                        style=\"width: 16px; height: 16px; margin-top: -2px;\"\n                        ></component>\n                      <!--\n                        「暗号資産で購入」文字列\n                            LAYOUT\n                              height: 17px;\n                              left: 148.67px;  3.67px(148.67-(129+16)) ml-1 margin-left: 0.25rem; /* 4px */スマホ採用\n                              left: 599.67px; 3.67px(599.67-(580+16)) ml-1 margin-left: 0.25rem; /* 4px */PC\n                            TYPOGRAPHY\n                                font-family: Inter;\n                                font-size: 14px;\n                                font-weight: 600;\n                                line-height: 16.94px;\n                            COLOR\n                              background: #FFFFFF;\n                      -->\n                      <div class=\"ml-1\"\n                          style=\"font-family: Inter; font-size: 14px;\n                                font-weight: 600; color: #FFFFFF;\"\n                      >\n                        {{ $t('BUTTON_BUY') }}\n                      </div>\n                    </div>\n                  </button>\n                  <!--引き換えアドレスを取得するモーダルを表示後暗号資産で購入--> \n                  <button\n                    v-else-if=\"projectDetail.exchange_wallet_info === 1\"\n                    :disabled=\"isMaintaining\"\n                    type=\"submit\"\n                    @click.prevent=\"showModalAfterSwitch(true,'1')\"\n                    class=\"w-80 sm:w-60 disabled:cursor-not-allowed rounded-full\n                          disabled:bg-disabled bg-colorButtonBuy\n                          hover:opacity-70 mt-4\"\n                    style=\"height: 46px; font-family: Inter; font-size: 14px;\n                                  font-weight: 600; color: #FFFFFF;\"\n                  >\n                  <div class=\"flex justify-center items-center\">\n                      <!--\n                        maticアイコン枠\n                          width: 16px;\n                          height: 16px;\n                          left: 129px; スマホ\n                          left: 580px; PC\n                      -->\n                      <component\n                      :is=\"iconSvg\"\n                      :class=\"iconCss\"\n                      style=\"width: 16px; height: 16px; margin-top: -2px;\"\n                      ></component>\n                      <div class=\"ml-1\"\n                        style=\"font-family: Inter; font-size: 14px;\n                              font-weight: 600; color: #FFFFFF;\"\n                      >\n                        {{ $t('BUTTON_BUY') }}\n                      </div>\n                    </div>\n                  </button>\n                  <!--郵送情報を取得するモーダルを表示後暗号資産で購入--> \n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <!-- ↑ 1st「暗号資産で購入」ボタン ↑ -->\n                  <!-- ------+---------+---------+---------+---------+------ -->\n                  <a-spin\n                    :spinning=\"loadingAllowance && tokenAddress\"\n                    v-else\n                  >\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!-- ↓「承認」ボタン ↓ -->\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <button\n                      v-if=\"tokenAddress && isLess(allowance, totalPrice || '0')\"\n                      type=\"button\"\n                      @click=\"approveToken\"\n                      class=\"w-80 sm:w-60 disabled:cursor-not-allowed rounded-full\n                          disabled:bg-disabled bg-colorButtonBuy\n                          hover:opacity-70 mt-4\"\n                    style=\"height: 46px; font-family: Inter; font-size: 14px;\n                                  font-weight: 600; color: #FFFFFF;\"\n                  >\n                    {{ $t('APPROVE_BUTTON') }}</button>\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!-- ↑「承認」ボタン ↑ -->\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!-- ↓ 2nd「暗号資産で購入」ボタン ↓ -->\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!--\n                    <button\n                      v-else-if=\"projectDetail.shipping_form === 1\"\n                      :disabled=\"isMaintaining\"\n                      type=\"submit\"\n                      @click.prevent=\"showModalAfterSwitch\"\n                      class=\"w-full disabled:cursor-not-allowed rounded-xl font-medium xl:text-xl lg:text-lg md:text-sm sm:text-sm text-xs xl:px-4 lg:px-3 md:px-2 sm:px-2 h-10 px-5 disabled:bg-disabled bg-primary text-white hover:opacity-70 disabled:text-white mt-5\"\n                    >\n                    -->\n                    <button\n                      v-else-if=\"projectDetail.shipping_form === 1\"\n                      :disabled=\"isMaintaining\"\n                      type=\"submit\"\n                      @click.prevent=\"showModalAfterSwitch\"\n                      class=\"w-80 sm:w-60 disabled:cursor-not-allowed\n                            rounded-full\n                            disabled:bg-disabled bg-colorButtonBuy\n                            hover:opacity-70 mt-4\"\n                      style=\"height: 46px;\"\n                    >\n                      <div class=\"flex justify-center items-center\">\n                        <!--\n                          maticアイコン枠\n                            width: 16px;\n                            height: 16px;\n                            left: 129px; スマホ\n                            left: 580px; PC\n                        -->\n                        <component\n                          :is=\"iconSvg\"\n                          :class=\"iconCss\"\n                          style=\"width: 16px; height: 16px; margin-top: -2px;\"\n                        ></component>\n                        <!--\n                          「暗号資産で購入」文字列\n                              LAYOUT\n                                height: 17px;\n                                left: 148.67px;  3.67px(148.67-(129+16)) ml-1 margin-left: 0.25rem; /* 4px */スマホ採用\n                                left: 599.67px; 3.67px(599.67-(580+16)) ml-1 margin-left: 0.25rem; /* 4px */PC\n                              TYPOGRAPHY\n                                  font-family: Inter;\n                                  font-size: 14px;\n                                  font-weight: 600;\n                                  line-height: 16.94px;\n                              COLOR\n                                background: #FFFFFF;\n                        -->\n                        <div class=\"ml-1\"\n                            style=\"font-family: Inter; font-size: 14px;\n                                  font-weight: 600; color: #FFFFFF;\"\n                        >\n                          {{ $t('BUTTON_BUY') }}\n                        </div>\n                      </div>\n                    </button>\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!-- ↑ 2nd「暗号資産で購入」ボタン ↑ -->\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!-- ↓ 3rd「暗号資産で購入」ボタン ↓ -->\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!--\n                      「暗号資産で購入」ボタンの四角\n                        SmartPhone\n                          LAYOUT\n                            width: 327px;  w-80 width: 20rem; /* 320px */\n                            height: 46px;\n                            top: 293px;  12px(293-(243+38))  mt-3.5 margin-top: 0.875rem; /* 14px */\n                            left: 148.67px;  3.67px(148.67-(129+16)) ml-1 margin-left: 0.25rem; /* 4px */採用\n                            border-radius: 50px 0px 0px 0px;\n                          COLOR\n                            background: #FF0085;\n                        PC\n                          LAYOUT\n                            width: 211px;  w-56 width: 14rem; /* 224px */ w-60にした\n                            height: 45.53px; 他はSmartPhoneと同じ\n                            top: 91px;  17px(91-(36+38))  mt-4 margin-top: 1rem; /* 16px */採用↓\n                            left: 599.67px; 3.67px(599.67-(580+16)) ml-1 margin-left: 0.25rem; /* 4px */\n                    -->\n                    <!--\n                    <button\n                      v-else\n                      :disabled=\"isMaintaining\"\n                      type=\"submit\"\n                      class=\"w-full disabled:cursor-not-allowed rounded-xl font-medium xl:text-xl lg:text-lg md:text-sm sm:text-sm text-xs xl:px-4 lg:px-3 md:px-2 sm:px-2 h-10 px-5 disabled:bg-disabled bg-primary text-white hover:opacity-70 disabled:text-white mt-5\"\n                    >\n                    -->\n                    <button\n                      v-else\n                      :disabled=\"isMaintaining\"\n                      type=\"submit\"\n                      class=\"w-80 sm:w-60 disabled:cursor-not-allowed\n                            rounded-full\n                            disabled:bg-disabled bg-colorButtonBuy \n                            hover:opacity-70 mt-4\"\n                      style=\"height: 46px;\"\n                    >\n                      <div class=\"flex justify-center items-center\">\n                        <!--\n                          maticアイコン枠\n                            width: 16px;\n                            height: 16px;\n                            left: 129px; スマホ\n                            left: 580px; PC\n                        -->\n                        <component\n                          :is=\"iconSvg\"\n                          :class=\"iconCss\"\n                          style=\"width: 16px; height: 16px; margin-top: -2px;\"\n                        ></component>\n                        <!--\n                          「暗号資産で購入」文字列\n                              LAYOUT\n                                height: 17px;\n                                left: 148.67px;  3.67px(148.67-(129+16)) ml-1 margin-left: 0.25rem; /* 4px */スマホ採用\n                                left: 599.67px; 3.67px(599.67-(580+16)) ml-1 margin-left: 0.25rem; /* 4px */PC\n                              TYPOGRAPHY\n                                  font-family: Inter;\n                                  font-size: 14px;\n                                  font-weight: 600;\n                                  line-height: 16.94px;\n                              COLOR\n                                background: #FFFFFF;\n                        -->\n                        <div class=\"ml-1\"\n                            style=\"font-family: Inter; font-size: 14px;\n                                  font-weight: 600; color: #FFFFFF;\"\n                        >\n                          {{ $t('BUTTON_BUY') }}\n                        </div>\n                      </div>\n                    </button>\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                    <!-- ↑ 3rd「暗号資産で購入」ボタン ↑ -->\n                    <!-- ----+---------+---------+---------+---------+------ -->\n                  </a-spin>\n                  <shippingModalForm\n                    v-if=\"showModal\"\n                    :quantity=\"quantity\"\n                    @close=\"showModal = false\"\n                    @submitBuy.prevent=\"onSubmitBuy\"\n                  />\n                </div>\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↑「暗号資産で購入」ボタンや「承認」ボタン ↑ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↓「終了」ボタン ↓ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <div\n                  class=\"mt-2 w-full\"\n                  v-else-if=\"new Date().getTime() >= endTimeInMilliseconds\"\n                >\n                  <button\n                    disabled\n                    class=\"w-80 sm:w-60 disabled:cursor-not-allowed rounded-full\n                          font-medium text-base\n                          xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10 mt-4\n                          disabled:bg-disabled bg-white text-black\n                          hover:opacity-70 disabled:text-white\"\n                     style=\"font-family: Inter;\"\n                  >{{ $t('BUTTON_END') }}</button>\n                </div>\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↑「終了」ボタン ↑ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↓「完売」ボタン ↓ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <div\n                  v-else-if=\"sold >= totalQuantity\"\n                  class=\"mt-2 buy-btns w-full\"\n                >\n                  <button\n                    disabled\n                    class=\"w-80 sm:w-60 disabled:cursor-not-allowed rounded-full\n                          font-medium\n                          xl:text-xl lg:text-lg md:text-sm sm:text-sm text-xl\n                          xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10 mt-4\n                          disabled:bg-disabled text-black\n                          hover:opacity-70\"\n                    style=\"font-family: Inter; color: #FFFFFF;\"\n                  >{{ $t('BUTTON_SOLD_OUT') }}</button>\n                </div>\n                <!-- --------+---------+---------+---------+---------+------ -->\n                <!-- ↑「完売」ボタン ↑ -->\n                <!-- --------+---------+---------+---------+---------+------ -->\n              </div>\n            </form>\n            <!-- ==+=========+=========+=========+=========+=========+====== -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓「クレジットカードで購入」ボタン ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <form @submit.prevent=\"onSubmitPiement\"\n                  class=\"flex justify-center\"\n            >\n              <!--\n                「クレジットカードで購入」ボタンの四角\n                   SmartPhone\n                     LAYOUT\n                       width: 327px; PC は  width: 211px; 他はスマホと同じ\n                       height: 46px;\n                       top: 351px; 36px(351-(293+22))  mt-9 margin-top: 2.25rem; /* 36px */ スマホ\n                       top: 145px;  8.47px(145-(45.53+91))  mt-2 margin-top: 0.5rem; /* 8px */ PC 採用↑\n                       border-radius: 50px 0px 0px 0px;\n                     COLOR\n                       background: #ACCB39;\n              -->\n              <!--\n              <button\n                v-if = \"!isReady && !stopped && projectDetail.payment === 1 && sold < totalQuantity && new Date().getTime() < endTimeInMilliseconds\n                      && new Date().getTime() > startTimeInMilliseconds && isWhitelisted\"\n                :disabled=\"isMaintaining\"\n                type=\"submit\"\n                :class=\"[\n                  'w-3/4 disabled:cursor-not-allowed rounded-xl font-medium lg:text-lg md:text-sm sm:text-sm text-2xs xl:px-4 lg:px-3 md:px-2 sm:px-2 h-10 px-5 disabled:bg-disabled bg-green-500 text-white hover:opacity-70 disabled:text-white mt-6'\n                , locale === 'en' ? 'xl:text-sm' : 'xl:text-xl',]\"\n              >{{ $t('BUTTON_PIMENT_BUY') }}</button>\n              -->\n              <button\n                v-if = \"!isReady && !stopped && projectDetail.payment === 1 && sold < totalQuantity && new Date().getTime() < endTimeInMilliseconds\n                      && new Date().getTime() > startTimeInMilliseconds && isWhitelisted\"\n                :disabled=\"isMaintaining\"\n                type=\"submit\"\n                :class=\"[\n                  'w-80 sm:w-60 disabled:cursor-not-allowed rounded-full disabled:bg-disabled bg-colorButtonPimentBuy hover:opacity-70 mt-2'\n                ]\"\n                style=\"height: 46px;\"\n              >\n                <div class=\"flex justify-center items-center\">\n                  <!--\n                    「クレジットカードで購入」ボタン\n                      width: 16px;\n                      height: 16px;\n                      left: 101px;スマホ\n                      left: 556px;PC\n                  -->\n                  <img src=\"/images/piment_buy.png\"\n                      style=\"width: 16px; height: 16px;\" alt=\"ALT\" />\n                  <!--\n                    「クレジットカードで購入」ボタンのテキスト\n                         LAYOUT\n                          height: 17px;\n                          left: 120.92px; 3.91px(120.91-(101+16)) ml-1 margin-left: 0.25rem; /* 4px */スマホ採用\n                          left: 575.92px; 3.92px(575.92-(556+16)) ml-1 margin-left: 0.25rem; /* 4px */\n                        TYPOGRAPHY\n                          font-family: Inter;\n                          font-size: 14px;\n                          font-weight: 600;\n                          line-height: 16.94px;\n                        COLOR\n                          background: #FFFFFF;\n                  -->\n                  <div class=\"ml-1\"\n                    style=\"font-family: Inter; font-size: 14px;\n                          font-weight: 600; color: #FFFFFF;\"\n                  >\n                    {{ $t('BUTTON_PIMENT_BUY') }}\n                  </div>\n                </div>\n              </button>\n              <!--引き換えアドレスを取得するモーダルを表示後クレジットカードで購入--> \n              <button\n                v-else-if = \"!isReady && !stopped && projectDetail.exchange_wallet_info === 1 && sold < totalQuantity && new Date().getTime() < endTimeInMilliseconds\n                        && new Date().getTime() > startTimeInMilliseconds && isWhitelisted\"\n                  :disabled=\"isMaintaining\"\n                  @click.prevent=\"showModalAfterSwitch(true,'2')\"\n                  type=\"submit\"\n                  :class=\"[\n                  'w-80 sm:w-60 disabled:cursor-not-allowed rounded-full disabled:bg-disabled bg-colorButtonPimentBuy hover:opacity-70 mt-2'\n                ]\"\n                style=\"height: 46px;\"\n              >\n                <div class=\"flex justify-center items-center\">\n                  <!--\n                    「クレジットカードで購入」ボタン\n                      width: 16px;\n                      height: 16px;\n                      left: 101px;スマホ\n                      left: 556px;PC\n                  -->\n                  <img src=\"/images/piment_buy.png\"\n                      style=\"width: 16px; height: 16px;\" alt=\"ALT\" />\n                  <!--\n                    「クレジットカードで購入」ボタンのテキスト\n                         LAYOUT\n                          height: 17px;\n                          left: 120.92px; 3.91px(120.91-(101+16)) ml-1 margin-left: 0.25rem; /* 4px */スマホ採用\n                          left: 575.92px; 3.92px(575.92-(556+16)) ml-1 margin-left: 0.25rem; /* 4px */\n                        TYPOGRAPHY\n                          font-family: Inter;\n                          font-size: 14px;\n                          font-weight: 600;\n                          line-height: 16.94px;\n                        COLOR\n                          background: #FFFFFF;\n                  -->\n                  <div class=\"ml-1\"\n                    style=\"font-family: Inter; font-size: 14px;\n                          font-weight: 600; color: #FFFFFF;\"\n                  >\n                    {{ $t('BUTTON_PIMENT_BUY') }}\n                  </div>\n                </div>\n              </button>\n            </form>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑「クレジットカードで購入」ボタン ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ==+=========+=========+=========+=========+=========+====== -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓「NFTカードはこちら」ボタン、又は、↓ -->\n            <!-- ↓「日本円で購入」ボタン             ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <form @submit.prevent=\"onSubmitStores\"\n                  class=\"flex justify-center\"\n            >\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓「NFTカードはこちら」ボタン ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!--\n                「NFTカードはこちら」ボタンの四角\n                  SmartPhone\n                    LAYOUT\n                      width: 327px; PCは width: 211px;\n                      height: 39px; PCは height: 38.93px; 他はスマホと同じ\n                      top: 433px;  18px(433-(415+0))  mt-4 margin-top: 1rem; /* 16px */スマホ\n                      top: 213px;  14px(213-(199+0))  mt-3.5 margin-top: 0.875rem; /* 14px */PC採用↑\n                      border-radius: 8px 0px 0px 0px;\n                      border: 2px 0px 0px 0px;\n                    BORDER\n                      border: 2px solid #1F2023\n                「NFTカードはこちら」ボタンのテキスト\n                  SmartPhone PC共通\n                    LAYOUT\n                      height: 14.53px;\n                    TYPOGRAPHY\n                      font-family: Inter;\n                      font-size: 14px;\n                      font-weight: 600;\n                      line-height: 16.94px;\n                    COLOR\n                      background: #1F2023;\n              -->\n              <button\n                v-if = \"!isReady && !stopped && projectDetail.stores_btn === 1 && projectDetail.payment === 1 && sold < totalQuantity && new Date().getTime() < endTimeInMilliseconds\n                      && new Date().getTime() > startTimeInMilliseconds && isWhitelisted\"\n                :disabled=\"isMaintaining\"\n                type=\"submit\"\n                :class=\"[\n                  'w-80 sm:w-60 disabled:cursor-not-allowed rounded-xl disabled:bg-disabled bg-white hover:opacity-70 mt-2'\n                ]\"\n                style=\"height: 39px; border: 2px solid #1F2023;\n                      font-family: Inter; font-size: 14px; font-weight: 600;\n                      color: #1F2023;\"\n              >\n                <div class=\"mx-auto\">\n                  <div class=\"flex justify-center items-center\">\n                    {{ $t('BUTTON_STORES_THIS') }}\n                    <img src=\"/images/new_tab.png\" style=\"transform: scale(0.6)\" alt=\"ALT\" />\n                  </div>\n                </div>\n              </button>\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑「NFTカードはこちら」ボタン ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↓「日本円で購入」ボタン ↓ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <button\n                v-else-if = \"!isReady && !stopped && projectDetail.stores_btn === 1 && projectDetail.payment !== 1 && sold < totalQuantity && new Date().getTime() < endTimeInMilliseconds\n                      && new Date().getTime() > startTimeInMilliseconds && isWhitelisted\"\n                :disabled=\"isMaintaining\"\n                type=\"submit\"\n                :class=\"[\n                  'w-80 sm:w-60 disabled:cursor-not-allowed rounded-xl disabled:bg-disabled bg-white hover:opacity-70 mt-2'\n                ]\"\n                style=\"height: 39px; border: 2px solid #1F2023;\n                      font-family: Inter; font-size: 14px; font-weight: 600;\n                      color: #1F2023;\"\n              >\n                <div class=\"mx-auto\">\n                  <div class=\"flex justify-center items-center\">\n                    {{ $t('BUTTON_BUY_YEN') }}\n                    <img src=\"/images/new_tab.png\" style=\"transform: scale(0.6)\" alt=\"ALT\" />\n                  </div>\n                </div>\n              </button> \n              <!-- +---------+---------+---------+---------+---------+------ -->\n              <!-- ↑「日本円で購入」ボタン ↑ -->\n              <!-- +---------+---------+---------+---------+---------+------ -->\n            </form>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑「NFTカードはこちら」ボタン、又は、↑ -->\n            <!-- ↑「日本円で購入」ボタン             ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <form  class=\"flex justify-center\">\n              <button\n                v-if = \"!isReady && !stopped && projectDetail.zaiftx_form === 1 && sold < totalQuantity && new Date().getTime() < endTimeInMilliseconds\n                        && new Date().getTime() > startTimeInMilliseconds && isWhitelisted\"\n                  :disabled=\"isMaintaining\"\n                  @click=\"openZaifTxModal\"\n                  class=\"w-80 sm:w-60 BUTTON_ZAIFTX disabled:cursor-not-allowed\n                        rounded-xl font-medium\n                        xl:text-sm lg:text-lg md:text-sm sm:text-sm text-xs\n                        xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10\n                        disabled:bg-disabled hover:opacity-70 mt-2\"\n                  style=\"font-family : Inter; font-weight: 600; color: #FFFFFF;\"\n              >\n                {{ $t('BUTTON_ZAIFTX_BUY') }}\n              </button>\n              <shippingZaifTxModalForm\n                v-if=\"showZaifTxModal\"\n                :quantity=\"quantity\"\n                @close=\"showZaifTxModal = false\"\n              />\n            </form>\n            <form>\n              <exchangeWalletModalForm\n                v-if=\"showExchangeWalletModal\"\n                :quantity=\"quantity\"\n                :modal_type=\"modal_type\"\n                :chainId=\"chainId\"\n                @close=\"showExchangeWalletModal = false\"\n                @submitBuy=\"onSubmitBuy\"\n              />\n            </form>\n          </ValidationObserver>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑「数量」入力テキストボックス、                             ↑ -->\n        <!-- ↑「暗号資産で購入」ボタン、「クレジットカードで購入」ボタン ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n      </div>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↑ 画面幅 640px 以上の場合、右列（6:6の6）。 ↑  -->\n      <!-- ↑ 画面幅 640px 未満の場合、画面横一杯。     ↑  -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n    </div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↑ 画面幅 640px 以上の場合、二列(12列にして6列と6列)。↑ -->\n    <!-- ↑ 画面幅 640px 未満の場合、一列。                    ↑ -->\n    <!-- ↑「プリセール」「パブリックセール」購入フォーム      ↑ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n  </div>\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\nimport { mapState, mapGetters, mapActions, mapMutations } from 'vuex';\nimport { CHAIN_INFO, TOKEN_SYMBOLS } from '@/constants/chains.constant';\nimport { SUPPORTED_CHAIN_IDS } from '@/env.js';\nimport InputNumberCustomColor from '@/components/InputNumberCustomColor.vue';\nimport BigNumber from 'bignumber.js';\nimport UtilNotify from '@/utils/notify.util';\nimport { buyNFT, getOwnedAmount } from '@/services/blockchain/project';\n// import CalendarIcon from '@/components/icons/calendar.icon.vue';\n// import CryptoIcon from '@/components/common/CryptoIcon.vue';\nimport TargetBar from '../../common/TargetBar.vue';\nimport shippingModalForm from '../../modals/shippingModalForm.vue';\nimport { formatNumberWithCommas } from '@/utils/common.util';\n// ------+---------+---------+---------+---------+---------+---------+---------E\nimport YEN from '@/components/icons/yen.icon.vue';\nimport ETH from '@/components/icons/eth.icon.vue';\nimport Ethereum from '@/components/icons/eth.icon.vue';\nimport POL from '@/components/icons/matic.icon.vue';\nimport Polygon from '@/components/icons/matic.icon.vue';\nimport BNB from '@/components/icons/bnb.icon.vue';\nimport BNBSmartChain from '@/components/icons/bnb.icon.vue';\nimport ASTR from '@/components/icons/astr.icon.vue';\nimport AstarNetwork from '@/components/icons/astr.icon.vue';\nimport AVAX from '@/components/icons/avax.icon.vue';\nimport Avalanche from '@/components/icons/avax.icon.vue';\nimport OAS from '@/components/icons/oas.icon.vue';\nimport TCG from '@/components/icons/tcgt.icon.vue';\nimport HOMEDSE from '@/components/icons/homeverse.icon.vue';\nimport TCGVerse from '@/components/icons/tcgt.icon.vue';\nimport HOMEVerse from '@/components/icons/homeverse.icon.vue';\nimport MCH from '@/components/icons/mch.icon.vue';\nimport MCHVerse from '@/components/icons/mch.icon.vue';\nimport CICC from '@/components/icons/cicc.icon.vue';\n// ------+---------+---------+---------+---------+---------+---------+---------E\nconst SymbolMap = {\n  YEN,\n  OAS,\n  ETH,\n  Ethereum,\n  POL,\n  Polygon,\n  BNB,\n  BNBSmartChain,\n  ASTR,\n  AstarNetwork,\n  SBY: ASTR,\n  AVAX,\n  TCG,\n  HOMEDSE,\n  MCH,\n  TCGC: TCG,\n  Avalanche,\n  TCGVerse,\n  HOMEVerse,\n  MCHVerse,\n  MCHC: MCH,\n  CICC,\n}; // End of const SymbolMap = {...}\nimport shippingZaifTxModalForm from '../../modals/shippingZaifTxModalForm.vue';\nimport exchangeWalletModalForm from '../../modals/exchangeWalletModalForm.vue';\n// ------+---------+---------+---------+---------+---------+---------+---------E\nexport default {\n  name: 'BuyNFTSection',\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  components: {\n    InputNumberCustomColor,\n    // CalendarIcon,\n    // CryptoIcon,\n    TargetBar,\n    shippingModalForm,\n    shippingZaifTxModalForm,\n    exchangeWalletModalForm,\n  },\n  props: {\n    type: {\n      validator(value) {\n        return ['PRESALE', 'PUBLIC_SALE'].includes(value);\n      },\n    }, // End of type: {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    endTimeInMilliseconds: {\n      type: Number,\n      default: 0,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    startTimeInMilliseconds: {\n      type: Number,\n      default: 0,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    chainId: {\n      type: Number,\n      validator(value) {\n        return SUPPORTED_CHAIN_IDS.includes(value);\n      },\n    }, // End of chainId: {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    price: {\n      type: [String, Number],\n      default: '0',\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    totalQuantity: {\n      type: Number,\n      default: 0,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    sold: {\n      type: Number,\n      default: 0,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    endTime: {\n      type: String,\n      required: false,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    startTime: {\n      type: String,\n      required: false,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    maxSalePerUser: {\n      type: Number,\n      required: true,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    contractId: {\n      type: Number,\n      default: null,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    isWhitelisted: {\n      type: Boolean,\n      default: true,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    calendarUrl: {\n      type: String,\n      required: true,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    stopped: {\n      type: Boolean,\n      default: false,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    isReady: {\n      type: Boolean,\n      default: false,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    isTBA: {\n      type: Boolean,\n      default: false,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    isPriceTBA: {\n      type: Boolean,\n      default: false,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    target: {\n      type: Number,\n      default: 0,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    isCombinedTarget: {\n      type: Boolean,\n      default: false,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    presaleSold: {\n      type: Number,\n      default: 0,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    publicSaleSold: {\n      type: Number,\n      default: 0,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    transferUnsoldDisabled: {\n      type: Boolean,\n      default: false,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    tokenAddress: {\n      type: String,\n      default: null,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    allowance: {\n      type: [String, Number],\n      default: () => '0',\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    hasAffiliate: {\n      type: Boolean,\n      default: () => false,\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    isMaintaining: {\n      type: Boolean,\n      default: () => false,\n    },\n  }, // End of props: {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  data() {\n    return {\n      types: {\n        PRESALE: {\n          title: 'PRESALE_TEXT',\n        },\n        PUBLIC_SALE: {\n          title: 'PUBLIC_SALE_TEXT',\n        },\n      }, // End of type: {...}\n      quantity: '1',\n      CHAIN_INFO,\n      endTimeMilli:\n        new Date().getTime() < this.startTimeInMilliseconds\n          ? this.startTimeInMilliseconds\n          : this.endTimeInMilliseconds,\n      ownedAmount: 0,\n      loadingAllowance: false,\n      timeOuts: [],\n      modal_type: 0,\n      showModal: false,\n      showExchangeWalletModal: false,\n      showZaifTxModal:false,\n      SymbolMap,\n    }; // End of return {...}\n  }, // End of data() {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  computed: {\n    ...mapGetters({\n      connectedChainInfo: 'wallet/connectedChainInfo',\n      account: 'wallet/account',\n    }),\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    ...mapState({\n      provider: (state) => state.wallet?.provider || null,\n      projectDetailMap: (state) => state.projects.projectDetailMap,\n      locale: (state) => state?.setting.locale,\n    }), // End of ...mapState({...})\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    projectDetail() {\n      const { id } = this.$route.params;\n      console.debug({ id, projectDetailMap: this.projectDetailMap });\n      if (id) {\n        const data = this.projectDetailMap[id];\n        console.debug({ data });\n        return data;\n      } // End of if (id) {...}\n      return {};\n    }, // End of projectDetail() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    isMatchChainId() {\n      return this.provider && this.provider.chainId === this.chainId;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    totalPrice() {\n      if (this.isPriceTBA) {\n        return 'TBA';\n      }\n      return new BigNumber(this.quantity).multipliedBy(this.price).toFixed() || '0';\n    }, // End of totalPrice() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    symbol() {\n      return this.tokenAddress\n        ? TOKEN_SYMBOLS[this.chainId][this.tokenAddress]\n        : CHAIN_INFO[this.chainId].nativeCurrency.symbol;\n    }, // End of symbol() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    maxPurchasableAmount() {\n      return Math.min(this.totalQuantity - this.sold, this.maxSalePerUser - this.ownedAmount);\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    ratio() {\n      return (this.sold / this.totalQuantity) * 100;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // 暗号資産アイコンを表示するための関数。\n    iconSvg() {\n      return this.SymbolMap[this.symbol];\n    },\n    formattedPrice() {\n      return formatNumberWithCommas(this.price);\n    },\n    formattedTotalQuantity() {\n      return formatNumberWithCommas(this.totalQuantity);\n    },\n    formattedLeftover() {\n      return formatNumberWithCommas(this.totalQuantity - this.sold);\n    },\n  }, // End of computed: {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  watch: {\n    async isMatchChainId() {\n      this.ownedAmount = await this.getOwnedQuantity();\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async account() {\n      this.ownedAmount = await this.getOwnedQuantity();\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    quantity() {\n      this.timeOuts.forEach((item) => clearTimeout(item));\n      this.timeOuts = [];\n      this.loadingAllowance = true;\n      this.timeOuts.push(\n        setTimeout(() => {\n          this.loadingAllowance = false;\n        }, 500)\n      ); // End of this.timeOuts.push(...)\n    }, // End of quantity() {...}\n  }, // End of watch: {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  async mounted() {\n    this.ownedAmount = await this.getOwnedQuantity();\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  beforeDestroy() {\n    // イベントリスナーを解除\n    this.$root.$off('chain-switched', this.boundShowModalAfterSwitch);\n    console.debug('Event listener unregistered');\n  },\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  methods: {\n    ...mapActions({\n      fetchProjectDetail: 'projects/fetchProjectDetail',\n    }),\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    ...mapMutations({\n      setModalRequestState: 'wallet/UPDATE_SHOW_MODAL_CONNECT',\n    }),\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async getOwnedQuantity() {\n      // alert(`this.chainId=${this.chainId}: getOnwnedQuantity: methods: BuySection.vue`);\n      if (this.isReady || !this.isMatchChainId || !this.$connector.provider || !this.account) {\n        return 0;\n      }\n      const quantity = await getOwnedAmount({\n        provider: this.$connector.provider,\n        buyer: this.account,\n        chainId: this.chainId,\n        isPresale: this.type === 'PRESALE',\n        projectId: this.contractId,\n      }); // End of const quantity = await getOwnedAmount({...})\n      return quantity;\n    }, // End of async getOwnedQuantity() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async onFinish() {\n      console.log('on finish');\n      await this.fetchProjectDetail(this.$route.params.id);\n      this.ownedAmount = await this.getOwnedQuantity();\n      setTimeout(() => {\n        this.getTime();\n      }, 1000);\n    }, // End of async onFinish() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    getTime() {\n      this.endTimeMilli =\n        new Date().getTime() < this.startTimeInMilliseconds\n          ? this.startTimeInMilliseconds\n          : this.endTimeInMilliseconds;\n      if (new Date().getTime() < this.endTimeMilli) {\n        this.$refs.countdownRef.startCountdown(true);\n      }\n    },\n    openZaifTxModal() {\n      this.showZaifTxModal = true;\n    },\n    handleMetamask(type) {\n      // typeを固定し、showModalAfterSwitchに渡す関数\n      const boundShowModalAfterSwitch = (success) => {\n        this.showModalAfterSwitch(success, type);\n      };\n      // 'chain-switched' イベントでネットワーク変更後にモーダルを表示するハンドラを設定\n      this.$root.$on('chain-switched', boundShowModalAfterSwitch);\n      this.$root.$emit('switch-metamask-chain', this.chainId);\n    },\n    async showModalAfterSwitch(success,type) {\n      const isValid = await this.$refs.buyForm.validate();\n      // +---------+---------+---------+---------+---------+---------+---------E\n      if (!isValid) {\n        return;\n      }\n      // +---------+---------+---------+---------+---------+---------+---------E\n      if(this.tokenAddress && this.isLess(this.allowance, this.totalPrice || '0')) {\n        return;\n      }\n      // +---------+---------+---------+---------+---------+---------+---------E\n      if (success) {\n        // 引き換えウォレットモーダルが有効の場合\n        if(this.projectDetail.exchange_wallet_info === 1){\n          // 暗号資産で購入する場合\n          if (type== '1'){\n            this.modal_type = 1;\n          // クレジットカード(piement)で購入する場合\n          } else if (type== '2') {\n            this.modal_type = 2;\n          }\n          this.showExchangeWalletModal = true;\n        }\n        // 郵送情報モーダルが有効の場合\n        else if(this.projectDetail.shipping_form === 1){\n          this.showModal = true;\n        }\n      } else {\n        console.error('チェーンの切り替えに失敗しました。');\n      }\n      // 'chain-switched' イベントからモーダル表示のハンドラを解除\n      this.$root.$off('chain-switched', this.boundShowModalAfterSwitch);\n    },\n    async onSubmitBuy() {\n      try {\n        const isValid = await this.$refs.buyForm.validate();\n        if (!isValid) {\n          return;\n        }\n        this.$emit('buying', true);\n        const provider = this.$connector.provider;\n        const buyer = this.account;\n        const isPresale = this.type === 'PRESALE';\n        const amount = Number(this.quantity);\n        const price = this.price;\n        await buyNFT({\n          provider,\n          buyer,\n          chainId: this.chainId,\n          isPresale,\n          amount,\n          projectId: this.contractId,\n          price,\n          backendId: this.$route.params.id,\n          isNativeToken: !this.tokenAddress,\n        }); // End of await buyNFT({...})\n        setTimeout(async () => {\n          await this.fetchProjectDetail(this.$route.params.id);\n          this.ownedAmount = await this.getOwnedQuantity();\n\n          UtilNotify.success(this.$notify, { message: 'NOTIFICATION_SUCCESS_TRANSACTION' });\n          this.$emit('buying', false);\n        }, 20000); // End of setTimeout(async () => {...}...)\n      } catch (err) {\n        await this.fetchProjectDetail(this.$route.params.id);\n        if (this.stopped) {\n          UtilNotify.error(this.$notify, { message: 'NOTIFICATION_SALE_STOPPED' }, this.$modal);\n        } else {\n          UtilNotify.error(this.$notify, err, this.$modal);\n        }\n        this.ownedAmount = await this.getOwnedQuantity();\n\n        this.$emit('buying', false);\n      } // End of try {...} catch (err) {...}\n    }, // End of async onSubmitBuy() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async onSubmitStores() {\n      try {\n        let nextUrl = this.projectDetail.stores_url;\n        if(!nextUrl){\n          throw 'error';\n        }\n        //指定のURLに遷移\n        // window.location.href = nextUrl;\n        window.open(nextUrl, '_blank');\n      } catch(err) {\n        console.debug(err);\n        UtilNotify.error(this.$notify, { message: 'SYSTEM_ERROR' }, this.$modal);\n      } // try {...} catch(err) {...}\n    }, // End of async onSubmitStores() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async onSubmitPiement() {\n        const isValid = await this.$refs.buyForm.validate();\n\n        //フォームの形式が適切でない場合\n        if (!isValid) {\n          return;\n        }\n        try {\n          //遷移url初期値\n          let piementUrl = '';\n\n          // projectidが94(ONIちゃん)の場合 ※本番環境\n          if (this.$route.params.id === '94'){ \n            piementUrl =  `https://paypiement.xyz/projects/f6bcb270-321c-4859-9b24-4b9c2b6f37f9?quantity=${this.quantity}`;\n          }\n          // projectidが97(Credit Card test 2024.02.01)の場合 ※本番環境テスト用\n          else if (this.$route.params.id === '97'){ \n            piementUrl =  `https://paypiement.xyz/projects/7e32d8f5-5aba-413c-9445-7ee89459cd58?quantity=${this.quantity}`;\n          } \n          // projectidが98(Bring The Noise)の場合 ※本番環境\n          else if (this.$route.params.id === '98'){ \n            piementUrl =  `https://paypiement.xyz/projects/0c171d8f-7506-44f6-8f50-b390c82d7d53?quantity=${this.quantity}`;\n          } \n          // projectidが99(二人のバニーガールズ)の場合 ※本番環境\n          else if (this.$route.params.id === '99'){ \n            piementUrl =  `https://paypiement.xyz/projects/2a2bb4aa-d90b-4e42-9a2b-4c0a965aa64f?quantity=${this.quantity}`;\n          } \n          // projectidが100(狐巫女娘 神楽アスカ)の場合 ※本番環境\n          else if (this.$route.params.id === '100'){ \n            piementUrl =  `https://paypiement.xyz/projects/82477cdd-93b6-4e68-b2f6-7ca28ca722fd?quantity=${this.quantity}`;\n          } \n          // projectidが101(うみそら)の場合 ※本番環境\n          else if (this.$route.params.id === '101'){ \n            piementUrl =  `https://paypiement.xyz/projects/37338688-d2d3-43ad-a14d-ae01d85e1e3e?quantity=${this.quantity}`;\n          }\n          // projectidが102(Bring The Noise2)の場合 ※本番環境\n          else if (this.$route.params.id === '102'){ \n            piementUrl =  `https://paypiement.xyz/projects/0c171d8f-7506-44f6-8f50-b390c82d7d53?quantity=${this.quantity}`;\n          }\n          // projectidが103(おらひらおワールド)の場合 ※本番環境\n          else if (this.$route.params.id === '103'){ \n            piementUrl =  `https://paypiement.xyz/projects/a7f69bd7-87db-46e9-b7b4-3b1999e343c2?quantity=${this.quantity}`;\n          }\n          // projectidが105(RikoPinkLips)の場合 ※本番環境\n          else if (this.$route.params.id === '105'){ \n            piementUrl =  `https://paypiement.xyz/projects/1de18f0a-e74b-4a59-88cc-de47d2027028?quantity=${this.quantity}`;\n          } \n          // projectidが106(DAVID RABbIT)の場合 ※本番環境\n          else if (this.$route.params.id === '106'){ \n            piementUrl =  `https://paypiement.xyz/projects/71df0f2d-e29c-45f5-bc12-04226d507463?quantity=${this.quantity}`;\n          }\n          // projectidが107(My wish)の場合 ※本番環境\n          else if (this.$route.params.id === '107'){ \n            piementUrl =  `https://paypiement.xyz/projects/95b1597e-241e-4a69-83f8-be5a39842305?quantity=${this.quantity}`;\n          }\n          // projectidが108(RGBガールズ！)の場合 ※本番環境\n          else if (this.$route.params.id === '108'){ \n            piementUrl =  `https://paypiement.xyz/projects/5194e97b-0f6b-4453-a74c-745b0ae8f154?quantity=${this.quantity}`;\n          }\n          // projectidが109(おしゃまちゃん)の場合 ※本番環境\n          else if (this.$route.params.id === '109'){ \n            piementUrl =  `https://paypiement.xyz/projects/c3b964d9-4c28-4fb6-9d6d-0291f682a610?quantity=${this.quantity}`;\n          }\n          // projectidが111(Deep Sea Scratch Art)の場合 ※本番環境\n          else if (this.$route.params.id === '111'){ \n            piementUrl =  `https://paypiement.xyz/projects/244415c4-e5b9-442a-9de1-d0a592c4a960?quantity=${this.quantity}`;\n          }\n          // projectidが130(Onikochima - 璞pop)の場合 ※本番環境\n          else if (this.$route.params.id === '130'){ \n            piementUrl =  `https://paypiement.xyz/projects/3f3b1805-1bc9-4cbf-938c-fe80d778763c?quantity=${this.quantity}`;\n          }\n          // projectidが113(FuturePunks)の場合 ※本番環境\n          else if (this.$route.params.id === '113'){ \n            piementUrl =  `https://paypiement.xyz/projects/75abf1c3-23ff-4c98-9a45-edfdc93b4de9?quantity=${this.quantity}`;\n          }\n          // projectidが122(移ろいゆく花)の場合 ※本番環境\n          else if (this.$route.params.id === '122'){ \n            piementUrl =  `https://paypiement.xyz/projects/d2344da8-aa2e-46ad-9376-79690873d065?quantity=${this.quantity}`;\n          }\n          // projectidが126(NINJA National Flag)の場合 ※本番環境\n          else if (this.$route.params.id === '126'){ \n            piementUrl =  `https://paypiement.xyz/projects/6f50a294-1a1d-4dc2-a50b-4129d2f66f8c?quantity=${this.quantity}`;\n          }\n          // projectidが123(YorikoMatsudaira)の場合 ※本番環境\n          else if (this.$route.params.id === '123'){ \n            piementUrl =  `https://paypiement.xyz/projects/3dd3e0d0-ab20-4a8e-86e1-eeea8bada908?quantity=${this.quantity}`;\n          }\n          // projectidが124(Kokone's NFT Collection Shiba Inu Collection)の場合 ※本番環境\n          else if (this.$route.params.id === '124'){ \n            piementUrl =  `https://paypiement.xyz/projects/56d99b39-8671-4f6b-8782-4db44334fead?quantity=${this.quantity}`;\n          }\n          // projectidが125(Kokone's NFT Collection Jewelry Girl Collection)の場合 ※本番環境\n          else if (this.$route.params.id === '125'){ \n            piementUrl =  `https://paypiement.xyz/projects/b25743c4-70eb-407c-85fb-0710fcff4121?quantity=${this.quantity}`;\n          }\n          // projectidが131(MatsuDao1000～YamatoNFT～)の場合 ※本番環境\n          else if (this.$route.params.id === '140'){ \n            piementUrl =  `https://paypiement.xyz/projects/56d5af81-2766-47f8-8843-d25f5613f83b?quantity=${this.quantity}`;\n          }\n          // projectidが132(MatsuDao3000～YamatoNFT～)の場合 ※本番環境\n          else if (this.$route.params.id === '132'){ \n            piementUrl =  `https://paypiement.xyz/projects/cf18fa98-2712-4d8b-860c-71e828b6b5b3?quantity=${this.quantity}`;\n          }\n          // projectidが133(PINK MAY)の場合 ※本番環境\n          else if (this.$route.params.id === '133'){ \n            piementUrl =  `https://paypiement.xyz/projects/e516451d-659f-4ba6-9a9d-9425f8248ceb?quantity=${this.quantity}`;\n          }\n          // projectidが134(silent Ring)の場合 ※本番環境\n          else if (this.$route.params.id === '134'){ \n            piementUrl =  `https://paypiement.xyz/projects/ffaf0c7c-0fd8-4902-b86c-feb3a855dc2e?quantity=${this.quantity}`;\n          }\n          // projectidが135(DOT DOGS)の場合 ※本番環境\n          else if (this.$route.params.id === '135'){ \n            piementUrl =  `https://paypiement.xyz/projects/50193872-944b-425f-b5c9-60cf9d7e6402?quantity=${this.quantity}`;\n          }\n          // projectidが143(Chain Project)の場合 ※本番環境\n          else if (this.$route.params.id === '143'){ \n            piementUrl =  `https://paypiement.xyz/projects/9c807a92-774d-4756-b182-5f8c399c593a?quantity=${this.quantity}`;\n          }\n          // projectidが138(NIWA EELS PARTY ver.Zaif × Nコレ)の場合 ※本番環境\n          else if (this.$route.params.id === '138'){ \n            piementUrl =  `https://paypiement.xyz/projects/8266a652-7bf1-4395-ba8b-65d2d2ded4f9?quantity=${this.quantity}`;\n          }\n          // projectidが144(SOUPGIRLS チョコ×カフェラテ)の場合 ※本番環境\n          else if (this.$route.params.id === '144'){ \n            piementUrl =  `https://paypiement.xyz/projects/9d1a170d-6c8c-4b2b-87c7-b12a4ce13126?quantity=${this.quantity}`;\n          }\n          // projectidが145(SOUPGIRLS ベリー×いちごミルク)の場合 ※本番環境\n          else if (this.$route.params.id === '145'){ \n            piementUrl =  `https://paypiement.xyz/projects/d2672a3e-3fa3-47c4-a4b1-3c5b76655d45?quantity=${this.quantity}`;\n          }\n          // projectidが146(SOUPGIRLS 抹茶×抹茶ラテ)の場合 ※本番環境\n          else if (this.$route.params.id === '146'){ \n            piementUrl =  `https://paypiement.xyz/projects/7f40a076-9617-46f6-b93b-17413a8d9f06?quantity=${this.quantity}`;\n          }\n          // projectidが157(【ダリンリヒ】Nコレ× Zaif INO 記念引換券ガチャ2)の場合 ※本番環境\n          else if (this.$route.params.id === '157'){ \n            piementUrl =  `https://paypiement.xyz/projects/7b9741c2-0ac1-4edd-9080-0b5f00388a14?quantity=${this.quantity}`;\n          }\n          // idが156(ぴよこ meets Kawaii sweets2)の場合 ※本番環境\n          else if (this.$route.params.id === '156'){ \n            piementUrl =  `https://paypiement.xyz/projects/3be7f6e9-e1cf-4797-8d72-bb9bfddcefa6?quantity=${this.quantity}`;\n          }\n          // idが150(オオカミのアオン)の場合 ※本番環境\n          else if (this.$route.params.id === '150'){ \n            piementUrl =  `https://paypiement.xyz/projects/40a33431-6ec5-412e-b9df-b182f8cf9b04?quantity=${this.quantity}`;\n          }\n          // idが151(Rin_AyaCollection)の場合 ※本番環境\n          else if (this.$route.params.id === '151'){ \n            piementUrl =  `https://paypiement.xyz/projects/ca3d10f8-5707-4628-a223-237a0acfa773?quantity=${this.quantity}`;\n          }\n          // idが155(Lucky Animal Collection)の場合 ※本番環境\n          else if (this.$route.params.id === '155'){ \n            piementUrl =  `https://paypiement.xyz/projects/8403c590-98ed-4538-a520-b6060044ae61?quantity=${this.quantity}`;\n          }\n          // idが157(【ダリンリヒ】Nコレ× Zaif INO 記念引換券ガチャ 2)の場合 ※本番環境\n          else if (this.$route.params.id === '157'){ \n            piementUrl =  `https://paypiement.xyz/projects/7b9741c2-0ac1-4edd-9080-0b5f00388a14?quantity=${this.quantity}`;\n          }\n          // idが158(POPET)の場合 ※本番環境\n          else if (this.$route.params.id === '158'){ \n            piementUrl =  `https://paypiement.xyz/projects/2b646e86-3f2e-43c7-aa14-4f7a9e914b2f?quantity=${this.quantity}`;\n          }\n          // idが159(POPET in OSAKA)の場合 ※本番環境\n          else if (this.$route.params.id === '159'){ \n            piementUrl =  `https://paypiement.xyz/projects/06ab24f4-eb39-40a1-a039-40d80b15a4a0?quantity=${this.quantity}`;\n          }\n          // idが161(POPET 研究所)の場合 ※本番環境\n          else if (this.$route.params.id === '161'){ \n            piementUrl =  `https://paypiement.xyz/projects/10f9a46d-703c-4c77-9513-e0160f3d2ed4?quantity=${this.quantity}`;\n          }\n          // idが162(ペーパークラフト コレクション 【動物)の場合 ※本番環境\n          else if (this.$route.params.id === '162'){ \n            piementUrl =  `https://paypiement.xyz/projects/72740377-85e5-468f-a7ac-15602b95be54?quantity=${this.quantity}`;\n          }\n          // idが163(海中の知らない世界)の場合 ※本番環境\n          else if (this.$route.params.id === '163'){ \n            piementUrl =  `https://paypiement.xyz/projects/ebf5580b-1331-41ba-aedb-c2d9cd489683?quantity=${this.quantity}`;\n          }\n          // idが164(シロクマ モチーフ コレクション)の場合 ※本番環境\n          else if (this.$route.params.id === '164'){ \n            piementUrl =  `https://paypiement.xyz/projects/2c14f653-87e8-496d-87e3-2f3fa8bbaf2a?quantity=${this.quantity}`;\n          }\n          // idが165(cyberpunk animal armor)の場合 ※本番環境\n          else if (this.$route.params.id === '165'){ \n            piementUrl =  `https://paypiement.xyz/projects/ac9fdf25-c22e-432b-9591-210fe2ff8ddb?quantity=${this.quantity}`;\n          }\n          // idが166(ぼたもちくん)の場合 ※本番環境\n          else if (this.$route.params.id === '166'){ \n            piementUrl =  `https://paypiement.xyz/projects/3cce3676-d5c1-41e4-b7c3-09f3e538470d?quantity=${this.quantity}`;\n          }\n          // idが167(Ink'z Monster_Black)の場合 ※本番環境\n          else if (this.$route.params.id === '167'){ \n            piementUrl =  `https://paypiement.xyz/projects/d594c673-9ae2-4744-ba3c-eb2791883d8e?quantity=${this.quantity}`;\n          }\n          // idが171(Ink'z Monster_Rainbow)の場合 ※本番環境\n          else if (this.$route.params.id === '171'){ \n            piementUrl =  `https://paypiement.xyz/projects/518d35f3-6e48-4f79-b32b-c654e714f620?quantity=${this.quantity}`;\n          }\n          // idが169(Gate of Heaven)の場合 ※本番環境\n          else if (this.$route.params.id === '169'){ \n            piementUrl =  `https://paypiement.xyz/projects/5d3f9f63-c242-4ca7-a0ab-008cddd44ff3?quantity=${this.quantity}`;\n          }\n          // idが170(BOSS-DONUTS)の場合 ※本番環境\n          else if (this.$route.params.id === '170'){ \n            piementUrl =  `https://paypiement.xyz/projects/d6a2fddc-3bd4-41bd-8810-e1737afbf3cf?quantity=${this.quantity}`;\n          }\n          // idが172(蜜ガール)の場合 ※本番環境\n          else if (this.$route.params.id === '172'){ \n            piementUrl =  `https://paypiement.xyz/projects/b312f591-1387-4fae-b40b-08dd4f21a25a?quantity=${this.quantity}`;\n          }\n          // idが173(STARING GHOST CREW)の場合 ※本番環境\n          else if (this.$route.params.id === '173'){ \n            piementUrl =  `https://paypiement.xyz/projects/7c2daad2-8537-474d-87fa-7194d4a9c55f?quantity=${this.quantity}`;\n          }\n          // idが110(ディライズ ラストメモリーズ)の場合 ※本番環境\n          else if (this.$route.params.id === '110'){ \n            piementUrl =  `https://paypiement.xyz/projects/d8df64b6-9b26-469d-8401-73cff670d54e?quantity=${this.quantity}`;\n          }\n          // idが188(Piyoko meets summer sweets)の場合 ※本番環境\n          else if (this.$route.params.id === '188'){ \n            piementUrl =  `https://paypiement.xyz/projects/a2ca1dc5-4b11-4a60-a47e-aec25448d3bb?quantity=${this.quantity}`;\n          }\n          // idが189(Piyoko meets sea creatures)の場合 ※本番環境\n          else if (this.$route.params.id === '189'){ \n            piementUrl =  `https://paypiement.xyz/projects/182b17e4-2cf1-434b-a4dd-71d03c6c2f92?quantity=${this.quantity}`;\n          }\n          // idが190(web3 Underground IDOL \"UCHACO\")の場合 ※本番環境\n          else if (this.$route.params.id === '190'){ \n            piementUrl =  `https://paypiement.xyz/projects/e518832e-18ad-417f-ac37-3d4c7da710fb?quantity=${this.quantity}`;\n          }\n          // idが191(orahirao world２)の場合 ※本番環境\n          else if (this.$route.params.id === '191'){ \n            piementUrl =  `https://paypiement.xyz/projects/d581f9f8-39f3-4c34-a3b0-64c57b07dc7e?quantity=${this.quantity}`;\n          }\n          // idが179(YAIVA)の場合 ※本番環境\n          else if (this.$route.params.id === '179'){ \n            piementUrl =  `https://paypiement.xyz/projects/db35230d-da04-45fd-a972-ef195395dc49?quantity=${this.quantity}`;\n          }\n          // idが192(Ｙｏｒｉｋｏ Ｍａｔｓｕｄａｉｒａ)の場合 ※本番環境\n          else if (this.$route.params.id === '192'){ \n            piementUrl =  `https://paypiement.xyz/projects/3bd3b229-2aa8-4574-8f6b-81e5871542d4?quantity=${this.quantity}`;\n          }\n          // idが181(Underground)の場合 ※本番環境\n          else if (this.$route.params.id === '181'){ \n            piementUrl =  `https://paypiement.xyz/projects/336e8659-6380-436c-a69a-7c599a7b58fa?quantity=${this.quantity}`;\n          }\n          // idが182(MatsuDao～Y.M.T.NFT～)の場合 ※本番環境\n          else if (this.$route.params.id === '182'){ \n            piementUrl =  `https://paypiement.xyz/projects/505181ed-cab6-4090-918d-bdc352039919?quantity=${this.quantity}`;\n          }\n          // idが197(ネコさんとネコ耳マーメイド)の場合 ※本番環境\n          else if (this.$route.params.id === '197'){ \n            piementUrl =  `https://paypiement.xyz/projects/f6581e2f-d19a-4b5d-a218-70c58207c9fe?quantity=${this.quantity}`;\n          }\n          // idが227(V系戦隊エクスキューショナー)の場合 ※本番環境\n          else if (this.$route.params.id === '227'){ \n            piementUrl =  `https://paypiement.xyz/projects/28b3813b-38f7-49d8-bada-e8b8557f97f7?quantity=${this.quantity}`;\n          }\n          else {\n            throw new Error('This is not compatible with credit card payments.');\n          }\n\n          // ウォレット接続済みの場合、クエリパラメータを追加\n          if(this.isMatchChainId){\n            piementUrl = piementUrl + `&recipientAddress=${this.account}`;\n          }\n\n          //指定のURLに遷移\n          window.location.href = piementUrl;\n        } catch(err) {\n          console.debug(err);\n          UtilNotify.error(this.$notify, { message: 'SYSTEM_ERROR' }, this.$modal);\n        } // End of try {...} catch(err) {...}\n    }, // End of async onSubmitPiement() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    isLess(num1, num2) {\n      return BigNumber(num1).lt(num2);\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    approveToken() {\n      this.$emit('onApproveToken');\n    },\n  }, // End of methods: {...}\n}; // End of export default {...}\n</script>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<style\n  lang=\"scss\"\n  scoped\n>\n.buy-buttons {\n  width: 100%;\n}\n.BUTTON_ZAIFTX{\n  background-color:#ff6600;\n}\n::v-deep .input-number-custom {\n  @apply w-full;\n}\n::v-deep .input-number-custom input {\n  @apply pr-2 rounded-md;\n  @apply bg-white text-black text-right text-lg;\n  @apply h-10;\n  @apply disabled:cursor-not-allowed;\n}\n.timer {\n  font-family: 'Lato', 'Poppins', sans-serif;\n  font-variant-numeric: tabular-nums;\n  .time-unit-box {\n    @apply w-1/5;\n  }\n  .colon-box {\n    width: 7%;\n  }\n}\n.price {\n  color: #C5003F;\n}\n.countdown-span {\n  max-width: 198px;\n  @media screen and (min-width: 992px) {\n    max-width: 236px;\n  }\n}\n.scaler {\n  transform-origin: 15%;\n  transform: scale(0.9);\n  transform-origin: center;\n  @screen xs {\n    transform: scale(0.95);\n    @apply px-2;\n  }\n  @screen sm {\n    transform: scale(1);\n    @apply px-4;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BuySection.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BuySection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BuySection.vue?vue&type=template&id=0263d3a8&scoped=true&\"\nimport script from \"./BuySection.vue?vue&type=script&lang=js&\"\nexport * from \"./BuySection.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BuySection.vue?vue&type=style&index=0&id=0263d3a8&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0263d3a8\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['buy-section relative', _vm.transferUnsoldDisabled ? 'xs:pb-36 pb-24' : '']},[_c('div',{staticClass:\"mx-2 mt-6 sm:mx-0 flex items-center uppercase\",staticStyle:{\"height\":\"23px\",\"background-color\":\"#9B9DA133\",\"border-radius\":\"16px 16px 0px 0px\",\"font-family\":\"Noto Sans CJK JP\",\"font-size\":\"12px\",\"font-weight\":\"700\",\"color\":\"#1F2023\"}},[_vm._v(\"   \"+_vm._s(_vm.$t(_vm.types[_vm.type].title))+\" \")]),_c('div',{staticClass:\"mx-2 sm:mx-0 sm:grid grid-cols-12 gap-x-0 border\",staticStyle:{\"border\":\"1px solid #EBEBEC\"}},[_c('div',{staticClass:\"mx-2 sm:mx-0 px-0 sm:px-4 sm:col-span-6 content-between\"},[_c('div',{staticClass:\"mt-4\"},[_c('div',{staticClass:\"flex items-end\",staticStyle:{\"font-family\":\"Inter\",\"font-weight\":\"700\"}},[_c('div',{staticClass:\"text-lg text-black\"},[_vm._v(_vm._s(_vm.$t('PRICE')))]),_vm._v(\"   \"),_c('div',{staticClass:\"text-2xl price\"},[_vm._v(_vm._s(_vm.formattedPrice))]),_vm._v(\"   \"),_c('div',{staticClass:\"text-lg price\"},[_vm._v(_vm._s(_vm.symbol))])]),_c('div',{staticClass:\"flex items-end mt-3\",staticStyle:{\"font-family\":\"Inter\",\"font-size\":\"16px\",\"font-weight\":\"700\",\"color\":\"#000000\"}},[_c('div',{staticStyle:{\"font-weight\":\"500\"}},[_vm._v(\" \"+_vm._s(_vm.$t('SALE_AMOUNT'))+\"   \"+_vm._s(_vm.formattedTotalQuantity)+\"   \")]),_c('div',{staticStyle:{\"font-weight\":\"700\"}},[_vm._v(\" \"+_vm._s(_vm.$t('LEFTOVER'))+\"   \"+_vm._s(_vm.formattedLeftover)+\" \")])]),_c('div',{staticClass:\"flex mt-2.5 sm:mt-3.5\",staticStyle:{\"font-family\":\"Noto Sans CJK JP\",\"font-size\":\"14px\",\"color\":\"#1F2023\"}},[_c('div',{staticStyle:{\"font-weight\":\"700\"}},[_vm._v(_vm._s(_vm.$t('STARTDATE')))]),_vm._v(\"   \"),(!_vm.isTBA)?_c('div',{staticStyle:{\"font-weight\":\"400\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"toJST\")(_vm.startTime,'YYYY/MM/DD HH:mm (ddd)'))+\" \")]):_c('div',[_vm._v(_vm._s(_vm.$t('TBA')))])]),_c('div',{staticClass:\"flex mt-1.5 sm:mt-2 mb-3\",staticStyle:{\"font-family\":\"Noto Sans CJK JP\",\"font-size\":\"14px\",\"color\":\"#1F2023\"}},[_c('div',{staticStyle:{\"font-weight\":\"700\"}},[_vm._v(_vm._s(_vm.$t('ENDDATE')))]),_vm._v(\"   \"),(!_vm.isTBA)?_c('div',{staticStyle:{\"font-weight\":\"400\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"toJST\")(_vm.endTime,'YYYY/MM/DD HH:mm (ddd)'))+\" \")]):_c('div',[_vm._v(_vm._s(_vm.$t('TBA')))])])])]),_c('hr',{staticClass:\"mx-auto mt-2 visible sm:hidden\",staticStyle:{\"width\":\"325px\",\"border\":\"1px solid #F0F0F1\"}}),_c('div',{staticClass:\"pb-6 sm:border-l sm:col-span-6\"},[_c('div',{staticClass:\"w-80 sm:w-60 mx-auto\"},[_c('ValidationObserver',{ref:\"buyForm\"},[_c('form',{staticClass:\"mx-auto\",on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmitBuy.apply(null, arguments)}}},[_c('div',{staticClass:\"mt-4 ml-0 items-center\"},[_c('ValidationProvider',{attrs:{\"rules\":{\n                  max_value: _vm.maxPurchasableAmount,\n                  min_value: 1,\n                  required: true,\n                },\"name\":\"QUANTITY\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n                var errors = ref.errors;\nreturn [_c('div',{staticClass:\"flex items-center\"},[_c('div',{staticStyle:{\"width\":\"100px\",\"font-family\":\"Inter\",\"font-size\":\"16px\",\"font-weight\":\"400\",\"color\":\"#1F2023\"}},[_vm._v(\" \"+_vm._s(_vm.$t('SUPPLY'))+\"   \")]),_c('InputNumberCustomColor',{attrs:{\"disabled\":_vm.sold >= _vm.totalQuantity || _vm.isPriceTBA,\"type\":\"text\",\"decimals\":0,\"inputClass\":\"quantity-input\"},model:{value:(_vm.quantity),callback:function ($$v) {_vm.quantity=$$v},expression:\"quantity\"}})],1),(errors && errors.length > 0 && _vm.sold < _vm.totalQuantity)?_c('div',{staticClass:\"text-red-500 text-sm mt-2 text-left\"},[_vm._v(_vm._s(errors[0]))]):_vm._e()]}}])})],1),_c('div',{staticClass:\"buy-buttons -mt-3 flex justify-center\"},[(_vm.stopped)?_c('div',{staticClass:\"mt-2 w-full\"},[_c('button',{staticClass:\"w-80 sm:w-60 uppercase disabled:cursor-not-allowed\\n                        rounded-full font-medium\\n                        xl:text-sm lg:text-sm md:text-sm sm:text-sm text-xl\\n                        xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10 mt-4\\n                        disabled:bg-disabled bg-white text-black \\n                        hover:opacity-70 disabled:text-white\",staticStyle:{\"font-family\":\"Inter\"},attrs:{\"disabled\":\"\"}},[_vm._v(_vm._s(_vm.$t('BUTTON_SALE_STOPPED')))])]):(_vm.isReady)?_c('div',{staticClass:\"mt-2 w-full\"},[_c('button',{staticClass:\"w-80 sm:w-60 uppercase disabled:cursor-not-allowed\\n                        rounded-full font-medium\\n                        xl:text-sm lg:text-sm md:text-sm sm:text-sm text-xl\\n                        xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10 mt-4\\n                        disabled:bg-disabled bg-white text-black\\n                        hover:opacity-70 disabled:text-white\",staticStyle:{\"font-family\":\"Inter\"},attrs:{\"disabled\":\"\"}},[_vm._v(_vm._s(_vm.$t('BUTTON_READY')))])]):(!_vm.isWhitelisted)?_c('div',{staticClass:\"mt-2 w-full\"},[_c('button',{staticClass:\"w-80 sm:w-60 uppercase disabled:cursor-not-allowed\\n                        rounded-full font-medium\\n                        xl:text-sm lg:text-sm md:text-sm sm:text-sm text-sm\\n                        xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10 mt-4\\n                        disabled:bg-disabled bg-white text-black\\n                        hover:opacity-70 disabled:text-white\",staticStyle:{\"font-family\":\"Inter\"},attrs:{\"disabled\":\"\"}},[_vm._v(_vm._s(_vm.$t('BUTTON_NOT_WHITELISTED')))])]):(new Date().getTime() < _vm.startTimeInMilliseconds)?_c('div',{staticClass:\"mt-2 w-full\"},[_c('button',{staticClass:\"w-80 sm:w-60 uppercase disabled:cursor-not-allowed\\n                        rounded-full font-medium\\n                        xl:text-sm lg:text-sm md:text-sm sm:text-sm text-sm\\n                        xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10 mt-4\\n                        disabled:bg-disabled bg-white text-black\\n                        hover:opacity-70 disabled:text-white\",staticStyle:{\"font-family\":\"Inter\"},attrs:{\"disabled\":\"\"}},[_vm._v(_vm._s(_vm.$t('BUTTON_EVENT_NOT_STARTED')))])]):(\n                  _vm.sold < _vm.totalQuantity && new Date().getTime() < _vm.endTimeInMilliseconds\n                )?_c('div',{staticClass:\"buy-btns mt-2\"},[(!_vm.isMatchChainId)?_c('button',{staticClass:\"w-80 sm:w-60 disabled:cursor-not-allowed rounded-full\\n                        disabled:bg-disabled bg-colorButtonBuy\\n                        hover:opacity-70 mt-4\",staticStyle:{\"height\":\"46px\"},attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.handleMetamask('1')}}},[_c('div',{staticClass:\"flex justify-center items-center\"},[_c(_vm.iconSvg,{tag:\"component\",class:_vm.iconCss,staticStyle:{\"width\":\"16px\",\"height\":\"16px\",\"margin-top\":\"-2px\"}}),_c('div',{staticClass:\"ml-1\",staticStyle:{\"font-family\":\"Inter\",\"font-size\":\"14px\",\"font-weight\":\"600\",\"color\":\"#FFFFFF\"}},[_vm._v(\" \"+_vm._s(_vm.$t('BUTTON_BUY'))+\" \")])],1)]):(_vm.projectDetail.exchange_wallet_info === 1)?_c('button',{staticClass:\"w-80 sm:w-60 disabled:cursor-not-allowed rounded-full\\n                        disabled:bg-disabled bg-colorButtonBuy\\n                        hover:opacity-70 mt-4\",staticStyle:{\"height\":\"46px\",\"font-family\":\"Inter\",\"font-size\":\"14px\",\"font-weight\":\"600\",\"color\":\"#FFFFFF\"},attrs:{\"disabled\":_vm.isMaintaining,\"type\":\"submit\"},on:{\"click\":function($event){$event.preventDefault();return _vm.showModalAfterSwitch(true,'1')}}},[_c('div',{staticClass:\"flex justify-center items-center\"},[_c(_vm.iconSvg,{tag:\"component\",class:_vm.iconCss,staticStyle:{\"width\":\"16px\",\"height\":\"16px\",\"margin-top\":\"-2px\"}}),_c('div',{staticClass:\"ml-1\",staticStyle:{\"font-family\":\"Inter\",\"font-size\":\"14px\",\"font-weight\":\"600\",\"color\":\"#FFFFFF\"}},[_vm._v(\" \"+_vm._s(_vm.$t('BUTTON_BUY'))+\" \")])],1)]):_c('a-spin',{attrs:{\"spinning\":_vm.loadingAllowance && _vm.tokenAddress}},[(_vm.tokenAddress && _vm.isLess(_vm.allowance, _vm.totalPrice || '0'))?_c('button',{staticClass:\"w-80 sm:w-60 disabled:cursor-not-allowed rounded-full\\n                        disabled:bg-disabled bg-colorButtonBuy\\n                        hover:opacity-70 mt-4\",staticStyle:{\"height\":\"46px\",\"font-family\":\"Inter\",\"font-size\":\"14px\",\"font-weight\":\"600\",\"color\":\"#FFFFFF\"},attrs:{\"type\":\"button\"},on:{\"click\":_vm.approveToken}},[_vm._v(\" \"+_vm._s(_vm.$t('APPROVE_BUTTON')))]):(_vm.projectDetail.shipping_form === 1)?_c('button',{staticClass:\"w-80 sm:w-60 disabled:cursor-not-allowed\\n                          rounded-full\\n                          disabled:bg-disabled bg-colorButtonBuy\\n                          hover:opacity-70 mt-4\",staticStyle:{\"height\":\"46px\"},attrs:{\"disabled\":_vm.isMaintaining,\"type\":\"submit\"},on:{\"click\":function($event){$event.preventDefault();return _vm.showModalAfterSwitch.apply(null, arguments)}}},[_c('div',{staticClass:\"flex justify-center items-center\"},[_c(_vm.iconSvg,{tag:\"component\",class:_vm.iconCss,staticStyle:{\"width\":\"16px\",\"height\":\"16px\",\"margin-top\":\"-2px\"}}),_c('div',{staticClass:\"ml-1\",staticStyle:{\"font-family\":\"Inter\",\"font-size\":\"14px\",\"font-weight\":\"600\",\"color\":\"#FFFFFF\"}},[_vm._v(\" \"+_vm._s(_vm.$t('BUTTON_BUY'))+\" \")])],1)]):_c('button',{staticClass:\"w-80 sm:w-60 disabled:cursor-not-allowed\\n                          rounded-full\\n                          disabled:bg-disabled bg-colorButtonBuy \\n                          hover:opacity-70 mt-4\",staticStyle:{\"height\":\"46px\"},attrs:{\"disabled\":_vm.isMaintaining,\"type\":\"submit\"}},[_c('div',{staticClass:\"flex justify-center items-center\"},[_c(_vm.iconSvg,{tag:\"component\",class:_vm.iconCss,staticStyle:{\"width\":\"16px\",\"height\":\"16px\",\"margin-top\":\"-2px\"}}),_c('div',{staticClass:\"ml-1\",staticStyle:{\"font-family\":\"Inter\",\"font-size\":\"14px\",\"font-weight\":\"600\",\"color\":\"#FFFFFF\"}},[_vm._v(\" \"+_vm._s(_vm.$t('BUTTON_BUY'))+\" \")])],1)])]),(_vm.showModal)?_c('shippingModalForm',{attrs:{\"quantity\":_vm.quantity},on:{\"close\":function($event){_vm.showModal = false},\"submitBuy\":function($event){$event.preventDefault();return _vm.onSubmitBuy.apply(null, arguments)}}}):_vm._e()],1):(new Date().getTime() >= _vm.endTimeInMilliseconds)?_c('div',{staticClass:\"mt-2 w-full\"},[_c('button',{staticClass:\"w-80 sm:w-60 disabled:cursor-not-allowed rounded-full\\n                        font-medium text-base\\n                        xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10 mt-4\\n                        disabled:bg-disabled bg-white text-black\\n                        hover:opacity-70 disabled:text-white\",staticStyle:{\"font-family\":\"Inter\"},attrs:{\"disabled\":\"\"}},[_vm._v(_vm._s(_vm.$t('BUTTON_END')))])]):(_vm.sold >= _vm.totalQuantity)?_c('div',{staticClass:\"mt-2 buy-btns w-full\"},[_c('button',{staticClass:\"w-80 sm:w-60 disabled:cursor-not-allowed rounded-full\\n                        font-medium\\n                        xl:text-xl lg:text-lg md:text-sm sm:text-sm text-xl\\n                        xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10 mt-4\\n                        disabled:bg-disabled text-black\\n                        hover:opacity-70\",staticStyle:{\"font-family\":\"Inter\",\"color\":\"#FFFFFF\"},attrs:{\"disabled\":\"\"}},[_vm._v(_vm._s(_vm.$t('BUTTON_SOLD_OUT')))])]):_vm._e()])]),_c('form',{staticClass:\"flex justify-center\",on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmitPiement.apply(null, arguments)}}},[(!_vm.isReady && !_vm.stopped && _vm.projectDetail.payment === 1 && _vm.sold < _vm.totalQuantity && new Date().getTime() < _vm.endTimeInMilliseconds\n                    && new Date().getTime() > _vm.startTimeInMilliseconds && _vm.isWhitelisted)?_c('button',{class:[\n                'w-80 sm:w-60 disabled:cursor-not-allowed rounded-full disabled:bg-disabled bg-colorButtonPimentBuy hover:opacity-70 mt-2'\n              ],staticStyle:{\"height\":\"46px\"},attrs:{\"disabled\":_vm.isMaintaining,\"type\":\"submit\"}},[_c('div',{staticClass:\"flex justify-center items-center\"},[_c('img',{staticStyle:{\"width\":\"16px\",\"height\":\"16px\"},attrs:{\"src\":\"/images/piment_buy.png\",\"alt\":\"ALT\"}}),_c('div',{staticClass:\"ml-1\",staticStyle:{\"font-family\":\"Inter\",\"font-size\":\"14px\",\"font-weight\":\"600\",\"color\":\"#FFFFFF\"}},[_vm._v(\" \"+_vm._s(_vm.$t('BUTTON_PIMENT_BUY'))+\" \")])])]):(!_vm.isReady && !_vm.stopped && _vm.projectDetail.exchange_wallet_info === 1 && _vm.sold < _vm.totalQuantity && new Date().getTime() < _vm.endTimeInMilliseconds\n                      && new Date().getTime() > _vm.startTimeInMilliseconds && _vm.isWhitelisted)?_c('button',{class:[\n                'w-80 sm:w-60 disabled:cursor-not-allowed rounded-full disabled:bg-disabled bg-colorButtonPimentBuy hover:opacity-70 mt-2'\n              ],staticStyle:{\"height\":\"46px\"},attrs:{\"disabled\":_vm.isMaintaining,\"type\":\"submit\"},on:{\"click\":function($event){$event.preventDefault();return _vm.showModalAfterSwitch(true,'2')}}},[_c('div',{staticClass:\"flex justify-center items-center\"},[_c('img',{staticStyle:{\"width\":\"16px\",\"height\":\"16px\"},attrs:{\"src\":\"/images/piment_buy.png\",\"alt\":\"ALT\"}}),_c('div',{staticClass:\"ml-1\",staticStyle:{\"font-family\":\"Inter\",\"font-size\":\"14px\",\"font-weight\":\"600\",\"color\":\"#FFFFFF\"}},[_vm._v(\" \"+_vm._s(_vm.$t('BUTTON_PIMENT_BUY'))+\" \")])])]):_vm._e()]),_c('form',{staticClass:\"flex justify-center\",on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmitStores.apply(null, arguments)}}},[(!_vm.isReady && !_vm.stopped && _vm.projectDetail.stores_btn === 1 && _vm.projectDetail.payment === 1 && _vm.sold < _vm.totalQuantity && new Date().getTime() < _vm.endTimeInMilliseconds\n                    && new Date().getTime() > _vm.startTimeInMilliseconds && _vm.isWhitelisted)?_c('button',{class:[\n                'w-80 sm:w-60 disabled:cursor-not-allowed rounded-xl disabled:bg-disabled bg-white hover:opacity-70 mt-2'\n              ],staticStyle:{\"height\":\"39px\",\"border\":\"2px solid #1F2023\",\"font-family\":\"Inter\",\"font-size\":\"14px\",\"font-weight\":\"600\",\"color\":\"#1F2023\"},attrs:{\"disabled\":_vm.isMaintaining,\"type\":\"submit\"}},[_c('div',{staticClass:\"mx-auto\"},[_c('div',{staticClass:\"flex justify-center items-center\"},[_vm._v(\" \"+_vm._s(_vm.$t('BUTTON_STORES_THIS'))+\" \"),_c('img',{staticStyle:{\"transform\":\"scale(0.6)\"},attrs:{\"src\":\"/images/new_tab.png\",\"alt\":\"ALT\"}})])])]):(!_vm.isReady && !_vm.stopped && _vm.projectDetail.stores_btn === 1 && _vm.projectDetail.payment !== 1 && _vm.sold < _vm.totalQuantity && new Date().getTime() < _vm.endTimeInMilliseconds\n                    && new Date().getTime() > _vm.startTimeInMilliseconds && _vm.isWhitelisted)?_c('button',{class:[\n                'w-80 sm:w-60 disabled:cursor-not-allowed rounded-xl disabled:bg-disabled bg-white hover:opacity-70 mt-2'\n              ],staticStyle:{\"height\":\"39px\",\"border\":\"2px solid #1F2023\",\"font-family\":\"Inter\",\"font-size\":\"14px\",\"font-weight\":\"600\",\"color\":\"#1F2023\"},attrs:{\"disabled\":_vm.isMaintaining,\"type\":\"submit\"}},[_c('div',{staticClass:\"mx-auto\"},[_c('div',{staticClass:\"flex justify-center items-center\"},[_vm._v(\" \"+_vm._s(_vm.$t('BUTTON_BUY_YEN'))+\" \"),_c('img',{staticStyle:{\"transform\":\"scale(0.6)\"},attrs:{\"src\":\"/images/new_tab.png\",\"alt\":\"ALT\"}})])])]):_vm._e()]),_c('form',{staticClass:\"flex justify-center\"},[(!_vm.isReady && !_vm.stopped && _vm.projectDetail.zaiftx_form === 1 && _vm.sold < _vm.totalQuantity && new Date().getTime() < _vm.endTimeInMilliseconds\n                      && new Date().getTime() > _vm.startTimeInMilliseconds && _vm.isWhitelisted)?_c('button',{staticClass:\"w-80 sm:w-60 BUTTON_ZAIFTX disabled:cursor-not-allowed\\n                      rounded-xl font-medium\\n                      xl:text-sm lg:text-lg md:text-sm sm:text-sm text-xs\\n                      xl:px-4 lg:px-3 md:px-2 sm:px-2 px-5 h-10\\n                      disabled:bg-disabled hover:opacity-70 mt-2\",staticStyle:{\"font-family\":\"Inter\",\"font-weight\":\"600\",\"color\":\"#FFFFFF\"},attrs:{\"disabled\":_vm.isMaintaining},on:{\"click\":_vm.openZaifTxModal}},[_vm._v(\" \"+_vm._s(_vm.$t('BUTTON_ZAIFTX_BUY'))+\" \")]):_vm._e(),(_vm.showZaifTxModal)?_c('shippingZaifTxModalForm',{attrs:{\"quantity\":_vm.quantity},on:{\"close\":function($event){_vm.showZaifTxModal = false}}}):_vm._e()],1),_c('form',[(_vm.showExchangeWalletModal)?_c('exchangeWalletModalForm',{attrs:{\"quantity\":_vm.quantity,\"modal_type\":_vm.modal_type,\"chainId\":_vm.chainId},on:{\"close\":function($event){_vm.showExchangeWalletModal = false},\"submitBuy\":_vm.onSubmitBuy}}):_vm._e()],1)])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <a-spin :spinning=\"loading\">\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↓ パンくずリスト ↓ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!--\n      https://www.figma.com/design/h06kyWSS89LJLZPoVOe4nO\n        /Zaif-INO-UI%2FUX%E3%82%A2%E3%83%83%E3%83%97%E3%83%87%E3%83%BC%E3%83%88\n        ?node-id=0-1&t=m1IYObJw7jCfaewl-0\n      パンくずリスト、スマホ\n        LAYOUT\n          height: 46px; 2行\n          top: 82px;  13px(82-(69+0)) mt-3.5 margin-top: 0.875rem; /* 14px */ 小さすぎ mt-6 にした\n          left: 17px;  mx-4 margin-left: 1rem; /* 16px */ margin-right: 1rem; /* 16px */スマホ mx-4採用\n        TYPOGRAPHY\n          font-family: Inter;\n          font-size: 14px;\n          font-weight: 700;\n      line-height: 21px;\n          text-align: left;\n        BORDER\n          background: #9B9DA1;\n    -->\n    <!-- 画面幅 640px を境にインデント値を変更 -->\n    <div class=\"mt-6 mx-4 sm:ml-32\"\n      style=\"font-family: Inter; font-size: 14px; font-weight: 700;\n            color: #9B9DA1;\"\n    >\n      <BreadcrumbList></BreadcrumbList>\n    </div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↑ パンくずリスト ↑ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- +=========+=========+=========+=========+=========+=========+====== -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↓ 商品名とシェアアイコン。画面幅 640px 未満の時のみ表示。↓ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <div class=\"flex items-center justify-between mt-6 mx-4 visible sm:hidden\">\n      <!-- +---------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↓ 商品名 ↓ -->\n      <!-- +---------+---------+---------+---------+---------+---------+------ -->\n      <!--\n        商品名\n          LAYTOUT\n            height: 21px;\n            top: 152px;  24px(152-(82+46))  mt-6 margin-top: 1.5rem; /* 24px */採用↑\n            left: 16px;  mx-4 margin-left: 1rem; /* 16px */ margin-right: 1rem; /* 16px */ 採用\n          TYPOGRAPHY\n            font-family: Inter;\n            font-size: 24px;\n            font-weight: 700;\n            line-height: 21px;\n          COLOR\n            background: #1F2023;\n      -->\n      <div class=\"title\"\n          style=\"font-family: Inter; font-size: 24px; font-weight: 700;\n          color: #1F2023;\"    \n      >\n        {{ showName }}\n      </div>\n      <!-- +---------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↑ 商品名 ↑ -->\n      <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    </div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↑ 商品名とシェアアイコン。画面幅 640px 未満の時のみ表示。↑ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- +=========+=========+=========+=========+=========+=========+====== -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↓ 画面幅 640px 以上の場合、2:3 の二列にしている。 ↓ -->\n    <!-- ↓ 画面幅 640px 未満の場合、一列。                 ↓ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <div class=\"sm:grid grid-cols-5 gap-x-10\">\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↓ 画面幅 640px 以上の場合、左列（2:3の2）。                  ↓ -->\n      <!-- ↓ 画面幅 640px 未満の場合、画面横一杯。                      ↓ -->\n      <!-- ↓ サムネイル画像、Websiteアイコンとエックスアイコン、        ↓ -->\n      <!-- ↓ 画面幅 640px 以上で、チェーン・規格・コントラクトアドレス。↓ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <div class=\"col-span-5 sm:col-span-2 sm:ml-32\">\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ サムネイル画像 ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!--\n          サムネイル画像\n            SmartPhone\n              width: 358px;\n              height: 358px;\n              top: 197px; 24px(197-(152+21)) mt-6 margin-top: 1.5rem; /* 24px */採用\n            PC\n              width: 400px;\n              height: 400px;\n              top: 152px; 33px(152-(98+21))  mt-8 margin-top: 2rem; /* 32px */ mt-6にした\n        -->\n        <div class=\"z-30 relative flex justify-center\">\n          <img\n            class=\"mt-6 px-4 sm:px-0\"\n            :src=\"detail.thumbnail_url\"\n          />\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ サムネイル画像 ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ======+=========+=========+=========+=========+=========+====== -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ Websiteアイコンとエックスアイコンの組をセンタリング ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div class=\"flex mx-auto mt-3.5\">\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓ Websiteアイコンとエックスアイコンの組 ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <div class=\"flex mx-auto items-end\">\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓ Websiteアイコン ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!--\n              スマホ PC 共通\n                width: 35px; w-9 width: 2.25rem; /* 36px */\n                height: 35px; h-9 height: 2.25rem; /* 36px */\n                top: 568px;  13px(568-(358+197))  mt-3.5 margin-top: 0.875rem; /* 14px */\n                background: #FF0085;\n              スマホ PC で異なる\n                left: 153px; スマホ\n                left: 328px; PC\n            -->\n            <a\n              v-if=\"detail.website_url\"\n              :href=\"\n                detail.website_url.startsWith('http') || detail.website_url.startsWith('www.')\n                  ? detail.website_url\n                  : `//${detail.website_url}`\n              \"\n              target=\"_blank\"\n            >\n              <GlobalIcon class=\"w-9 h-9\" style=\"color: #FF0085;\"></GlobalIcon>\n            </a>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑ Websiteアイコン ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓ エックスアイコン ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!--\n              スマホ PC 共通\n                width: 30px; w-8\twidth: 2rem; /* 32px */採用\n                height: 31px; h-8\theight: 2rem; /* 32px */ mt-9 にした\n              スマホ PC 異なる\n                left: 210px;  22px(210-(153+35)) ml-6 margin-left: 1.5rem;スマホ /* 24px */採用\n                left: 385px;  22px(385-(328+35)) ml-6 margin-left: 1.5rem;PC /* 24px */\n            -->\n            <a\n              v-if=\"detail.twitter_url\"\n              :href=\"\n                detail.twitter_url.startsWith('http') || detail.twitter_url.startsWith('www.')\n                  ? detail.twitter_url\n                  : `//${detail.twitter_url}`\n              \"\n              target=\"_blank\"\n            >\n              <XIcon class=\"w-8 h-9 -mt-1 ml-6\" style=\"color: #FF0085;\"></XIcon>\n            </a>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑ エックスアイコン ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑ Websiteアイコンとエックスアイコンの組 ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ Websiteアイコンとエックスアイコンの組をセンタリング ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ======+=========+=========+=========+=========+=========+====== -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ チェーン・規格・コントラクトアドレス。↓ -->\n        <!-- ↓ 画像幅 640px 以上時のみ表示。         ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!--\n          チェーン・規格・コントラクトアドレス。PCのみ。\n            LAYOUT\n              width: 399px;\n              height: 108px;\n              top: 619px;  22px(619-(562+35))  mt-5 margin-top: 1.25rem; /* 20px */採用↓\n              border-radius: 8px 0px 0px 0px;\n              border: 1px 0px 0px 0px;\n            COLOR\n              background: #1F2023; 多分文字色\n            BORDER\n              border: 1px solid #EBEBEC\n        -->\n        <div class=\"hidden sm:block mt-5 pl-4 pr-2 pb-3.5 mx-auto text-sm\"\n            style=\"font-family: Noto Sans CJK JP; font-size: 14px;\n            color: #1F2023; border: 1px solid #EBEBEC;\"\n        >\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓ チェーン PC ↓  -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!--\n            LAYOUT\n              height: 21px;\n              top: 632px;  13px(632-619) mt-3.5\tmargin-top: 0.875rem; /* 14px */採用\n            TYOPGRAPHY\n              font-family: Noto Sans CJK JP;\n              font-size: 14px;\n              font-weight: 700; / font-size: 14px;\n              line-height: 21px;\n            COLOR\n              background: #1F2023;\n          -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <div class=\"flex mt-3.5 flex-wrap\">\n            <div style=\"font-weight: 700;\">\n              {{ $t('PROJECT_CHAIN_LABEL') }}\n            </div>&emsp;\n            <div style=\"font-weight: 400; word-break: break-all;\">\n              {{ getChainName(detail.chain_id) }}\n            </div>\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑ チェーン PC ↑  -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓ 規格 PC ↓  -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!--\n            規格\n              LAYOUT\n                height: 21px;\n                top: 660px; 7px(660-(632+21))  mt-2 margin-top: 0.5rem; /* 8px */採用↓\n              TYPOGRAPHY\n                font-family: Noto Sans CJK JP;\n                font-size: 14px;\n                font-weight: 700; / font-weight: 400;\n                line-height: 21px;\n              COLOR\n                background: #1F2023;\n          -->\n          <div class=\"flex mt-2\">\n            <div style=\"font-weight: 700;\">\n              {{ $t('STANDARD') }}\n            </div> &emsp; \n            <div style=\"font-weight: 400;\">\n              ERC-{{ detail.contract_type }}\n            </div>\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑ 規格 PC ↑  -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓ コントラクトアドレス PC ↓  -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!--\n            コントラクトアドレス\n              LAYOUT\n                height: 21px;\n                top: 689px;  8px(689-(660+21))  mt-2 margin-top: 0.5rem; /* 8px */採用↓\n              TYPOGRAPHY\n                font-family: Noto Sans CJK JP;\n                font-size: 14px;\n                font-weight: 700; / font-weight: 400;\n                line-height: 21px;\n              COLOR\n                background: #1F2023;\n          -->\n          <div v-if=\"shortenContractAddress()\" class=\"mt-2\">\n            <div class=\"font-bold\">\n              {{ $t('CONTRACT_ADDRESS') }}\n            </div>\n            <div class=\"flex flex-col tablet:flex-col lg:flex-row items-start lg:items-center lg:space-y-0 lg:space-x-4 relative\">\n              <a \n                :href=\"scanUrl\" \n                target=\"_blank\" \n                rel=\"noopener noreferrer\"\n                class=\"font-normal rounded px-3 py-1 lg:px-1 lg:py-1 text-blue-500 hover:underline\"\n                style=\"max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\"\n              >\n                {{ shortenContractAddress() }}\n              </a>\n            </div>\n          </div>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑ コントラクトアドレス PC ↑  -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ チェーン・規格・コントラクトアドレス。↑ -->\n        <!-- ↑ 画像幅 640px 以上時のみ表示。         ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n      </div>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↑ 画面幅 640px 以上の場合、左列（2:3の2）。                  ↑ -->\n      <!-- ↑ 画面幅 640px 未満の場合、画面横一杯。                      ↑ -->\n      <!-- ↑ サムネイル画像、Websiteアイコンとエックスアイコン、        ↑ -->\n      <!-- ↑ 画面幅 640px 以上で、チェーン・規格・コントラクトアドレス。↑ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ========+=========+=========+=========+=========+=========+====== -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↓ 画面幅 640px 以上の場合、右列（2:3の3）。↓ -->\n      <!-- ↓ 画面幅 640px 未満の場合、画面幅一杯。    ↓ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <div class=\"mt-6 mx-2 sm:ml-0 sm:mr-16 col-span-5 sm:col-span-3\">\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ 商品名とシェアアイコンと「シェア」文字列。↓ -->\n        <!-- ↓ 横幅 640px 以上の画面のみ表示。           ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div class=\"hidden sm:block\">\n          <div class=\"flex items-center justify-between mt-2\">\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓ 商品名 ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!--\n              商品名、ＰＣのみ\n                LAYOUT\n                  height: 21px;\n                  top: 152px;  33px(152-(98+21)) mt-8 margin-top: 2rem; /* 32px */ mt-6 + mt-2 ↑\n                TYPOGRAPHY\n                  font-family: Inter;\n                  font-size: 24px;\n                  font-weight: 700;\n                  line-height: 21px;\n                COLOR\n                  background: #1F2023;\n            -->\n            <div class=\"title\"\n                style=\"font-family: Inter; font-size: 24px; font-weight: 700;\n                color: #1F2023;\"    \n            >\n              {{ showName }}\n            </div>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑ 商品名 ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n          </div>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ 商品名とシェアアイコンと「シェア」文字列。↑ -->\n        <!-- ↑ 横幅 640px 以上の画面のみ表示。           ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ======+=========+=========+=========+=========+=========+====== -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ 購入フォーム。データが有るときのみ表示。↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <div\n          v-if=\"Object.values(detail).length > 0\"\n          class=\"pb-8 mx-auto rounded-t-xl\"\n        >\n          <div class=\"relative\">\n            <div v-if=\"isMaintaining\">\n              <div>ご案内</div>\n              2023年7月7日(金)19:00から、Zaif\n              INOのサービスサイトにて、購入ができないエラーが発生しております。\n              <br />\n              多くのお客さまに\n              <br />\n              ご迷惑をおかけ致しまして誠に申し訳ございませんでした。\n              <br />\n              現在システムチームとエラーの原因を調査中です。\n              <br />\n              無事復旧いたしましたら、改めてお知らせいたしますので、今しばらくお待ちいただけましたら幸いです。\n              <br />\n              何卒宜しくお願い致します。\n            </div>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓ プレセール、販売量 > 0 時のみ、価格、販売総数、↓ -->\n            <!-- ↓ 残り、開始終了日時、注文数、購入ボタン         ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <BuySection\n              v-if=\"detail.presale_amount > 0\"\n              type=\"PRESALE\"\n              :startTime=\"detail.presale_start_time\"\n              :startTimeInMilliseconds=\"presaleStartTime\"\n              :endTime=\"detail.presale_end_time\"\n              :endTimeInMilliseconds=\"presaleEndTime\"\n              :chainId=\"detail.chain_id\"\n              :price=\"detail.presale_price\"\n              :totalQuantity=\"detail.presale_amount\"\n              :sold=\"detail.presale_sold_amount\"\n              :maxSalePerUser=\"detail.presale_max_purchase\"\n              :contractId=\"detail.contract_project_id\"\n              @buying=\"onBuying\"\n              :isWhitelisted=\"canBuy\"\n              :calendarUrl=\"calendarUrl(false)\"\n              :stopped=\"detail.status === 4\"\n              :isReady=\"detail.status_code === 'READY'\"\n              :isTBA=\"detail.is_presale_tba\"\n              :isPriceTBA=\"detail.is_presale_price_tba\"\n              :target=\"presaleTarget\"\n              :transferUnsoldDisabled=\"detail.transfer_unsold_disabled\"\n              :tokenAddress=\"detail.token_address\"\n              :allowance=\"currentAllowance\"\n              @onApproveToken=\"approve\"\n              :hasAffiliate=\"detail.is_affiliate_enabled\"\n              :isMaintaining=\"isMaintaining\"\n            ></BuySection>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑ プレセール、販売量 > 0 時のみ、価格、販売総数、↑ -->\n            <!-- ↑ 残り、開始終了日時、注文数、購入ボタン         ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ==+=========+=========+=========+=========+=========+====== -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↓ パブリックセール、販売量 > 0 時のみ、価格、販売総数、↓ -->\n            <!-- ↓ 残り、開始終了日時、注文数、購入ボタン               ↓ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <BuySection\n              v-if=\"detail.publicsale_amount > 0\"\n              type=\"PUBLIC_SALE\"\n              :startTime=\"detail.publicsale_start_time\"\n              :startTimeInMilliseconds=\"publicSaleStartTime\"\n              :endTime=\"detail.publicsale_end_time\"\n              :endTimeInMilliseconds=\"publicSaleEndTime\"\n              :chainId=\"detail.chain_id\"\n              :price=\"detail.publicsale_price\"\n              :totalQuantity=\"publicSaleTotalAmount\"\n              :sold=\"detail.publicsale_sold_amount\"\n              :maxSalePerUser=\"detail.publicsale_max_purchase\"\n              :contractId=\"detail.contract_project_id\"\n              @buying=\"onBuying\"\n              :calendarUrl=\"calendarUrl(true)\"\n              :stopped=\"detail.status === 4\"\n              :isReady=\"detail.status_code === 'READY'\"\n              :isTBA=\"detail.is_publicsale_tba\"\n              :isPriceTBA=\"detail.is_publicsale_price_tba\"\n              :target=\"publicSaleTarget\"\n              :transferUnsoldDisabled=\"detail.transfer_unsold_disabled\"\n              :tokenAddress=\"detail.token_address\"\n              :allowance=\"currentAllowance\"\n              @onApproveToken=\"approve\"\n              :hasAffiliate=\"detail.is_affiliate_enabled\"\n              :isMaintaining=\"isMaintaining\"\n            ></BuySection>\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n            <!-- ↑ パブリックセール、販売量 > 0 時のみ、価格、販売総数、↑ -->\n            <!-- ↑ 残り、開始終了日時、注文数、購入ボタン               ↑ -->\n            <!-- --+---------+---------+---------+---------+---------+------ -->\n          </div>\n          <!-- ====+=========+=========+=========+=========+=========+====== -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓ 商品説明 ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!--\n            スマホ\n              width: 351px;\n              height: 924px;\n              top: 1156px;\n              left: 25px;\n              font-family: Inter;\n              font-size: 16px;\n              font-weight: 700;\n             line-height: 21px;\n              background: #1F2023;\n            PC\n              width: 700px;\n              height: 861px;\n              top: 501px;\n              left: 588px;\n              font-family: Inter;\n              font-size: 16px;\n              font-weight: 700;\n              line-height: 21px;\n              background: #1F2023;\n          -->\n          <section class=\"header md:flex space-x-8 align-middle\n                          mt-8 mb-4 mx-2 sm:mx-0\"\n          >\n            <div class=\"general w-full grow\">\n              <div class=\"description text-lg whitespace-pre-line text-black\">\n                <div v-html=\"$sanitize(showDescription)\" />\n              </div>\n            </div>\n          </section>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑ 商品説明 ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ====+=========+=========+=========+=========+=========+====== -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓ プレセール、販売量 > 0 時のみ、価格、販売総数、↓ -->\n          <!-- ↓ 残り、開始終了日時、注文数、購入ボタン         ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <BuySection\n            v-if=\"detail.presale_amount > 0\"\n            type=\"PRESALE\"\n            :startTime=\"detail.presale_start_time\"\n            :startTimeInMilliseconds=\"presaleStartTime\"\n            :endTime=\"detail.presale_end_time\"\n            :endTimeInMilliseconds=\"presaleEndTime\"\n            :chainId=\"detail.chain_id\"\n            :price=\"detail.presale_price\"\n            :totalQuantity=\"detail.presale_amount\"\n            :sold=\"detail.presale_sold_amount\"\n            :maxSalePerUser=\"detail.presale_max_purchase\"\n            :contractId=\"detail.contract_project_id\"\n            @buying=\"onBuying\"\n            :isWhitelisted=\"canBuy\"\n            :calendarUrl=\"calendarUrl(false)\"\n            :stopped=\"detail.status === 4\"\n            :isReady=\"detail.status_code === 'READY'\"\n            :isTBA=\"detail.is_presale_tba\"\n            :isPriceTBA=\"detail.is_presale_price_tba\"\n            :target=\"presaleTarget\"\n            :transferUnsoldDisabled=\"detail.transfer_unsold_disabled\"\n            :tokenAddress=\"detail.token_address\"\n            :allowance=\"currentAllowance\"\n            @onApproveToken=\"approve\"\n            :hasAffiliate=\"detail.is_affiliate_enabled\"\n            :isMaintaining=\"isMaintaining\"\n          ></BuySection>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑ プレセール、販売量 > 0 時のみ、価格、販売総数、↑ -->\n          <!-- ↑ 残り、開始終了日時、注文数、購入ボタン         ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ====+=========+=========+=========+=========+=========+====== -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↓ パブリックセール、販売量 >0 時のみ、価格、販売総数、↓ -->\n          <!-- ↓ 残り、開始終了日時、注文数、購入ボタン              ↓ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <BuySection\n            v-if=\"detail.publicsale_amount > 0\"\n            type=\"PUBLIC_SALE\"\n            :startTime=\"detail.publicsale_start_time\"\n            :startTimeInMilliseconds=\"publicSaleStartTime\"\n            :endTime=\"detail.publicsale_end_time\"\n            :endTimeInMilliseconds=\"publicSaleEndTime\"\n            :chainId=\"detail.chain_id\"\n            :price=\"detail.publicsale_price\"\n            :totalQuantity=\"publicSaleTotalAmount\"\n            :sold=\"detail.publicsale_sold_amount\"\n            :maxSalePerUser=\"detail.publicsale_max_purchase\"\n            :contractId=\"detail.contract_project_id\"\n            @buying=\"onBuying\"\n            :calendarUrl=\"calendarUrl(true)\"\n            :stopped=\"detail.status === 4\"\n            :isReady=\"detail.status_code === 'READY'\"\n            :isTBA=\"detail.is_publicsale_tba\"\n            :isPriceTBA=\"detail.is_publicsale_price_tba\"\n            :target=\"publicSaleTarget\"\n            :transferUnsoldDisabled=\"detail.transfer_unsold_disabled\"\n            :tokenAddress=\"detail.token_address\"\n            :allowance=\"currentAllowance\"\n            @onApproveToken=\"approve\"\n            :hasAffiliate=\"detail.is_affiliate_enabled\"\n            :isMaintaining=\"isMaintaining\"\n          ></BuySection>\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n          <!-- ↑ パブリックセール、販売量 >0 時のみ、価格、販売総数、↑ -->\n          <!-- ↑ 残り、開始終了日時、注文数、購入ボタン              ↑ -->\n          <!-- ----+---------+---------+---------+---------+---------+------ -->\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ 購入フォーム。データが有るときのみ表示。↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->        \n      </div>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↑ 画面幅 640px 以上の場合、右列（2:3の3）。↑ -->\n      <!-- ↑ 画面幅 640px 未満の場合、画面幅一杯。    ↑ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ========+=========+=========+=========+=========+=========+====== -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↓ チェーン・規格・コントラクトアドレス。↓ -->\n      <!-- ↓ 画像幅 640px 未満時のみ表示。         ↓ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!--\n        チェーン・規格・コントラクトアドレスの四角、スマホのみ\n          LAYOUT\n            width: 361px;\n            height: 102.07px;\n            border-radius: 8px 0px 0px 0px;\n            border: 1px 0px 0px 0px;\n          BORDER\n            border: 1px solid #EBEBEC\n      -->\n      <div class=\"visible sm:hidden mx-4 pl-4 pr-2 pt-3 py-4\"\n          style=\"font-family: Noto Sans CJK JP; font-size: 14px;\n                color: #1F2023; border: 1px solid #EBEBEC;\"\n      >\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ チェーン スマホ ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!--\n          チェーン\n            LAYOUT\n              height: 19.85px;\n            TYPOGRAPHY\n              font-family: Noto Sans CJK JP;\n              font-size: 14px;\n              font-weight: 700; / font-weight: 400;\n              line-height: 21px;\n            COLOR\n              background: #1F2023;\n        -->\n        <div class=\"flex items-center mt-2\">\n          <div style=\"font-weight: 700;\">\n            {{ $t('PROJECT_CHAIN_LABEL') }}\n          </div> &emsp; \n          <div style=\" font-weight: 400;\">\n            {{ getChainName(detail.chain_id) }}\n          </div>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ チェーン スマホ ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ 規格 スマホ ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!--\n          規格\n            LAYOUT\n              height: 19.85px;\n              top: 2857.75px; 6.61px(2857.75-(2831.29+19.85))  mt-1.5 margin-top: 0.375rem; /* 6px */採用↓\n            TYPOGRAPHY\n              font-family: Noto Sans CJK JP;\n              font-size: 14px;\n              font-weight: 700; / font-weight: 400;\n              line-height: 21px;\n            COLOR\n              background: #1F2023;\n        -->\n        <div class=\"flex items-center mt-1.5\">\n          <div style=\"font-weight: 700;\">{{ $t('STANDARD') }}</div> &emsp;\n          <div style=\"font-weight: 400;\">ERC-{{ detail.contract_type }}</div>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ 規格 スマホ ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↓ コントラクトアドレス スマホ ↓ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!--\n          コントラクトアドレス\n            LAYOUT\n              height: 19.85px;\n              top: 2885.16px; 7.56px(2885.16-(2857.75+19.85))  mt-2 margin-top: 0.5rem; /* 8px */採用↓\n            TYPOGRAPHY\n              font-family: Noto Sans CJK JP;\n              font-size: 14px;\n              font-weight: 700; / font-weight: 400;\n              line-height: 21px;\n            COLOR\n              background: #1F2023;\n        -->\n        <div v-if=\"shortenContractAddress()\" class=\"mt-2\">\n          <div class=\"font-bold\">\n            {{ $t('CONTRACT_ADDRESS') }}\n          </div>\n          <div class=\"flex flex-col tablet:flex-col lg:flex-row items-start lg:items-center lg:space-y-0 lg:space-x-4 relative\">\n            <a \n              :href=\"scanUrl\" \n              target=\"_blank\" \n              rel=\"noopener noreferrer\"\n              class=\"font-normal rounded px-3 py-1 lg:px-1 lg:py-1 text-blue-500 hover:underline\"\n              style=\"max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\"\n            >\n              {{ shortenContractAddress() }}\n            </a>\n          </div>\n        </div>\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n        <!-- ↑ コントラクトアドレス スマホ ↑ -->\n        <!-- ------+---------+---------+---------+---------+---------+------ -->\n      </div>\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n      <!-- ↑ チェーン・規格・コントラクトアドレス。↑ -->\n      <!-- ↑ 画像幅 640px 未満時のみ表示。         ↑ -->\n      <!-- --------+---------+---------+---------+---------+---------+------ -->\n    </div>\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n    <!-- ↑ 画面幅 640px 以上の場合、2:3 の二列にしている。 ↑ -->\n    <!-- ↑ 画面幅 640px 未満の場合、一列。                 ↑ -->\n    <!-- +---------+---------+---------+---------+---------+---------+------ -->\n  </a-spin>\n</template>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<script>\n// パンくずリスト\nimport BreadcrumbList from '@/components/common/BreadcrumbList.vue';\n// chain_idとチェーン名を紐づける。\nimport { CHAIN_ID } from '@/constants/chains.constant';\nimport GlobalIcon from '@/components/icons/global.icon.vue';\nimport XIcon from '@/components/icons/x.icon.vue';\n// import ShareIcon from '@/components/icons/share.icon.vue';\n// import TwitterIcon from '@/components/icons/twitter_outlined.icon.vue';\n// import StatusTag from '@/components/nft/NFTDetail/StatusTag.vue';\nimport BuySection from '@/components/nft/NFTDetail/BuySection.vue';\nimport { mapActions, mapState, mapGetters, mapMutations } from 'vuex';\nimport { SITE_URL } from '@/env';\nimport moment from 'moment';\nimport { generateCalendarLink } from '@/utils/link.util';\nimport { getScanUrl } from '@/utils/getScanUrl.util';\n// import CombinedTargetBar from '@/components/common/CombinedTargetBar.vue';\n// import { getUserReferralCode } from '@/services/blockchain/project';\n// ------+---------+---------+---------+---------+---------+---------+---------E\nexport default {\n  name: 'NFTDetailPage',\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  components: {\n    BuySection,\n    // StatusTag,\n    BreadcrumbList,\n    GlobalIcon,\n    XIcon,\n    // ShareIcon,\n    // TwitterIcon,\n    // CombinedTargetBar,\n  }, // End of components: {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  data() {\n    return {\n      id: this.$route.params.id,\n      loading: false,\n      SITE_URL,\n      referral_code: '',\n      isMaintaining: false,\n    }; // End of return {...}\n  }, // End of data() {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  metaInfo() {\n    return {\n      title: `${this.detail.name} - Zaif INO`,\n      // meta: [\n      //     {\n      //         vmid: \"description\",\n      //         property: \"description\",\n      //         content: this.detail.description,\n      //     },\n      //     {\n      //         property: \"og:title\",\n      //         content: `${this.detail.name} - Zaif INO`,\n      //         vmid: \"og:title\",\n      //     },\n      //     {\n      //         property: \"og:site\",\n      //         content: \"Zaif INO\",\n      //         vmid: \"og:site\",\n      //     },\n      //     {\n      //         property: \"og:description\",\n      //         vmid: \"og:description\",\n\n      //         content: this.detail.description,\n      //     },\n      //     {\n      //         property: \"og:site_name\",\n      //         content: `${this.detail.name} - Zaif INO`,\n      //         vmid: \"og:site_name\",\n      //     },\n      //     {\n      //         property: \"og:image\",\n      //         content: this.detail.banner_url,\n      //         vmid: \"og:image\",\n      //     },\n      //     {\n      //         property: \"twitter:site\",\n      //         vmid: \"twitter:site\",\n\n      //         content: this.detail.twitter_url,\n      //     },\n      //     {\n      //         property: \"twitter:card\",\n\n      //         vmid: \"twitter:card\",\n      //         content: \"summary\",\n      //     },\n      //     {\n      //         property: \"twitter:image\",\n      //         content: this.detail.banner_url,\n      //         vmid: \"twitter:image\",\n      //     },\n      // ],\n    }; // End of return {...}\n  }, // End of metaInfo() {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  computed: {\n    ...mapGetters({\n      accessToken: 'wallet/accessToken',\n      account: 'wallet/account',\n      allowance: 'allowance/allowance',\n    }),\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    ...mapState({\n      locale: (state) => state?.setting.locale,\n      detail: (state) => state.projects.selectedProject,\n      connectedChainId: (state) => state.wallet?.provider?.chainId || -1,\n      allowances: (state) => state?.allowance.data || {},\n      hierarchy: (state) => state.hierarchy.hierarchy,\n      name_en  : (state) => state.hierarchy.name_en,\n    }),\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    presaleStartTime() {\n      return moment(this.detail.presale_start_time).valueOf();\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    publicSaleStartTime() {\n      return moment(this.detail.publicsale_start_time).valueOf();\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    presaleEndTime() {\n      return moment(this.detail.presale_end_time).valueOf();\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    publicSaleEndTime() {\n      return moment(this.detail.publicsale_end_time).valueOf();\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    isPresaleEnded() {\n      return (\n        this.detail.presale_end_time &&\n        moment(this.detail.presale_end_time).valueOf() <= new Date().getTime()\n      );\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    publicSaleTotalAmount() {\n      return (\n        Number(this.detail.publicsale_amount) +\n        (this.isPresaleEnded && !this.detail.transfer_unsold_disabled\n          ? Number(this.detail.presale_amount) - Number(this.detail.presale_sold_amount)\n          : 0)\n      );\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    canBuy() {\n      // is_whitelisted は存在しない。\n      return this.detail.is_whitelisted || !this.detail.has_whitelist;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    formattedDescription() {\n      return this.detail.description;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    presaleTarget() {\n      return this.detail.presale_target || this.detail.presale_amount;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    publicSaleTarget() {\n      return this.detail.publicsale_target || this.detail.publicsale_amount;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    totalSaleAmount() {\n      return this.detail.presale_amount + this.detail.publicsale_amount;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    showName() {\n      return this.locale === 'ja' && this.detail.name_ja ? this.detail.name_ja : this.detail.name;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    showDescription() {\n      return this.locale === 'ja' && this.detail.description_ja\n        ? this.detail.description_ja\n        : this.detail.description;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    isChainMatched() {\n      return this.connectedChainId === this.detail.chain_id;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    currentAllowance() {\n      return this.allowance(this.detail.token_address);\n    },\n    scanUrl() {\n      return getScanUrl(this.detail.chain_id, this.detail.contract_address);\n    }\n  }, // End of computed: {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  async mounted() {\n    // if ([64, 65].includes(Number(this.$route.params.id))) {\n    //   this.isMaintaining = true;\n    // }\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    await this.fetchDetail(this.$route.params.id);\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    console.debug('MOUNTED');\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    if (this.detail) {\n      if (this.detail.is_hidden) {\n        this.$router.push('/');\n      }\n      this.setToConnectChain(this.detail.chain_id);\n    }\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    if (this.detail.hierarchy == undefined) {this.detail.hierarchy=''}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    this.setHierarchy({hierarchy: this.detail.hierarchy,\n                        name_en: this.detail.name,\n                        name_ja: this.detail.name_ja\n    });\n  }, // End of async mounted() {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  watch: {\n    accessToken() {\n      console.log('detected change');\n      this.fetchDetail(this.$route.params.id);\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async chainOrAccountChanged(newVal, oldVal) {\n      if (newVal[1] !== oldVal[1] || newVal[0] !== oldVal[0]) {\n        this.fetchDetail(this.$route.params.id);\n        await this.getAllowanceCoin();\n      }\n    }, // End of async chainOrAccountChanged(newVal, oldVal) {...}\n  }, // End of watch: {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  methods: {\n    getChainName(id) {\n      let stResult = '不明';\n      for(let key of Object.keys(CHAIN_ID)) {\n        if (CHAIN_ID[key] == id) {\n          stResult = key;\n          break;\n        }\n      } // End of for(let key of CHAIN_ID.keys(obj)) {...}\n      return stResult;\n    }, // End of getChainName(id) {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    generateCalendarLink,\n    ...mapActions({\n      fetchProjectDetail: 'projects/fetchProjectDetail',\n      getAllowance: 'allowance/getAllowance',\n      approveToken: 'allowance/approveToken',\n      setHierarchy: 'hierarchy/setHierarchy',\n    }),\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    ...mapMutations({\n      updateProjectDetail: 'projects/UPDATE_SELECTED_PROJECT',\n      setModalRequestState: 'wallet/UPDATE_SHOW_MODAL_CONNECT',\n      setToConnectChain: 'wallet/UPDATE_TO_CONNECT_CHAIN',\n    }),\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    // コントラクトアドレスを省略するメソッド。現在は全文字表示\n    shortenContractAddress() {\n      let result;\n      if (this.detail.contract_address === undefined) {\n        result = false\n      } else if (this.detail.contract_address === null) {\n        result = false\n      } else if (this.detail.contract_address.length < 24) {\n        result = this.detail.contract_address;\n      } else {\n        result = this.detail.contract_address;\n      } // End of if (...) {...} ... else {}\n      return result;\n    }, // End of shortenContractAddress() {...}\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async fetchDetail(id) {\n      this.loading = true;\n      await this.fetchProjectDetail(id);\n      this.loading = false;\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async onBuying(res) {\n      this.loading = res;\n      if (res === false) {\n        await this.getAllowanceCoin();\n      }\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    calendarUrl(isPublicSale) {\n      const saleType = isPublicSale ? 'Public Sale' : 'Presale';\n      const startTime = isPublicSale\n        ? this.detail.publicsale_start_time\n        : this.detail.presale_start_time;\n      const endTime = isPublicSale ? this.detail.publicsale_end_time : this.detail.presale_end_time;\n      const { description, name, id } = this.detail;\n      const refLink = `${SITE_URL}/NFT/${id}`;\n      return this.generateCalendarLink(name, saleType, startTime, endTime, description, refLink);\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async getAllowanceCoin() {\n      if (!this.detail.token_address || !this.isChainMatched) {\n        return;\n      }\n      await this.getAllowance({\n        tokenAddress: this.detail.token_address,\n      });\n      console.debug({ allowance: this.currentAllowance });\n    },\n    // --+---------+---------+---------+---------+---------+---------+---------E\n    async approve() {\n      if (!this.detail.token_address || !this.isChainMatched || !this.$connector.provider) {\n        return;\n      }\n      await this.approveToken({\n        tokenAddress: this.detail.token_address,\n        provider: this.$connector.provider,\n      });\n      console.debug({ allowance: this.currentAllowance });\n    },\n}, // End of methods: {...}\n  // ----+---------+---------+---------+---------+---------+---------+---------E\n  destroyed() {\n    this.updateProjectDetail({});\n  },\n};\n</script>\n<!-- ====+=========+=========+=========+=========+=========+=========+====== -->\n<style\n  lang=\"scss\"\n  scoped\n>\n/* .nft-detail-page-img-container { */\n/*   max-width: 1140px; */\n/*   @apply mx-auto; */\n/* } */\n::v-deep .nft-detail-page {\n  @apply overflow-hidden;\n  @apply px-4;\n  @screen md {\n    @apply px-4;\n  }\n  @screen xl {\n    width: 1140px;\n    @apply px-0;\n  }\n  .description {\n    a {\n      color: #40a9ff;\n    }\n  }\n  &-breadcrumb {\n    .ant-breadcrumb {\n      span {\n        .ant-breadcrumb-link {\n          @apply text-white;\n          @apply font-medium;\n        }\n        .ant-breadcrumb-separator {\n          color: #fff;\n        }\n      }\n    }\n  }\n  .combined-target-bar {\n    @screen xxs {\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n    @screen md {\n      padding-left: 32px;\n      padding-right: 32px;\n    }\n    @apply px-1;\n    @apply mb-4;\n  }\n}\n</style>\n","export function getScanUrl(chainId, contractAddress) {\n    switch (chainId) {\n      case 1: // Ethereum Mainnet\n        return `https://etherscan.io/address/${contractAddress}`;\n      case 56: // Binance Smart Chain Mainnet\n        return `https://bscscan.com/address/${contractAddress}`;\n      case 137: // Polygon Mainnet\n        return `https://polygonscan.com/address/${contractAddress}`;\n      case 43114: // Avalanche Mainnet\n        return `https://subnets.avax.network/c-chain/address/${contractAddress}`;\n      case 592: // Astar Mainnet\n        return `https://astar.blockscout.com/address/${contractAddress}`;\n      case 2400: // TCG Verse\n        return `https://explorer.tcgverse.xyz/address/${contractAddress}`;\n      case 29548: // MCH Verse\n        return `https://explorer.oasys.mycryptoheroes.net/address/${contractAddress}`;\n      case 19011: // HOME Verse\n        return `https://explorer.oasys.homeverse.games/address/${contractAddress}`;\n      default:\n        return `https://etherscan.io/address/${contractAddress}`; // デフォルトはEthereum\n    }\n  }","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.page.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./detail.page.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail.page.vue?vue&type=template&id=cb4a5ff8&scoped=true&\"\nimport script from \"./detail.page.vue?vue&type=script&lang=js&\"\nexport * from \"./detail.page.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail.page.vue?vue&type=style&index=0&id=cb4a5ff8&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"cb4a5ff8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./shippingZaifTxModalForm.vue?vue&type=style&index=0&id=39922053&scoped=true&lang=css&\""],"sourceRoot":""}