1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[467],{9831:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Z:function(){return hooks_useListingLuckyBagDlg}});var jsx_runtime=__webpack_require__(5893),useRedux=__webpack_require__(8453),CommonDlg=__webpack_require__(3786),useAuth=__webpack_require__(956),useLocalSettings=__webpack_require__(243),rpcs=__webpack_require__(4157),rpcService=__webpack_require__(3176),dist=__webpack_require__(4593);let infiniteOptions={revalidateFirstPage:!1,revalidateIfStale:!1,revalidateOnFocus:!1,revalidateOnReconnect:!1},useLuckyBagSaleInfo=param=>{let{bag_id}=param,url=new rpcs.Uu().url,getKey=(pageIndex,previousPageData)=>[url,previousPageData,bag_id],fetcher=async(url,previousPageData)=>{let tx={bag_id:bag_id,cursor:null==previousPageData?void 0:previousPageData.next_cursor},res=await rpcService.Z.luckybagSaleInfo(tx);return res},{data,error,mutate,size,setSize,isValidating}=(0,dist.ZP)(getKey,fetcher,infiniteOptions),targetNftList=data?[].concat(...data.map(d=>d.target_nft_list)):[],hasData=targetNftList.length>0,hasNextPage=null==data?void 0:data[data.length-1].has_next_page,lastData=null==data?void 0:data[data.length-1];return{data:data,lastData:lastData,targetNftList,mutate:mutate,size:size,setSize:setSize,isValidating:isValidating,isLoading:!error&&!data,error,hasData:hasData,hasNextPage:!!hasNextPage&&hasNextPage}};var CmnImg=__webpack_require__(1650),react=__webpack_require__(7294),R=__webpack_require__(7994),tw_merge=__webpack_require__(6180),ConnectDlg=__webpack_require__(7403),_tagged_template_literal=__webpack_require__(7297),react_virtuoso_dist=__webpack_require__(6246),emotion_styled_browser_esm=__webpack_require__(9338),common=__webpack_require__(4958),CmnDiv=__webpack_require__(8868),ImgWithLoading=__webpack_require__(9495),TextBtn=__webpack_require__(4403);let LuckyBagListingCard=param=>{let{item,onClickCard}=param,hR=(0,useLocalSettings.$v)(),onClickSaleButton=(0,react.useCallback)(e=>{e.stopPropagation(),onClickCard(item)},[item]),ImageContainer=(0,react.useMemo)(()=>(0,jsx_runtime.jsx)(CmnDiv.Z,{styleNormal:{display:"flex",flexDirection:"column",position:"relative",paddingTop:"100%",overflow:"hidden"},onClick:onClickSaleButton,children:item.nft_img&&(0,jsx_runtime.jsx)(ImgWithLoading.Z,{styleImage:{objectFit:"cover"},styleNormal:{position:"absolute",top:0},src:item.nft_img,alt:"NFT Card"})}),[item]),InfoContainer=(0,react.useMemo)(()=>(0,jsx_runtime.jsx)(CmnDiv.Z,{styleNormal:{position:"relative",width:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",borderTop:"1px solid ".concat(R.Z.colors.roundBoxOutline),padding:10},children:(0,jsx_runtime.jsx)(TextBtn.Z,{label:hR.strings.BTN_SALE,click:onClickSaleButton,enable:!0,style:{fontWeight:R.Z.fonts.weight.medium,cursor:"pointer",zIndex:1},normalFillColor:R.Z.colors.purpleNormal,normalColor:R.Z.colors.white,fontSize:[16,16,14],btnHeight:[44,44,36],btnWidth:["100%","100%","100%"]})}),[item]);return(0,jsx_runtime.jsxs)(CmnDiv.Z,{btn:!0,styleNormal:{display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:R.Z.colors.white,border:"1px solid",borderColor:R.Z.colors.roundBoxOutline,borderRadius:"10px",overflow:"hidden",zIndex:0,transition:"box-shadow 0.4s"},styleHoverNormal:{boxShadow:"0 0 20px 0 ".concat(R.Z.colors.hoverShadow)},children:[ImageContainer,InfoContainer]})};var common_LuckyBagListingCard=(0,react.memo)(LuckyBagListingCard),ResizeObserver_es=__webpack_require__(1033);function _templateObject(){let data=(0,_tagged_template_literal.Z)(["\n width: 100%;\n"]);return _templateObject=function(){return data},data}function _templateObject1(){let data=(0,_tagged_template_literal.Z)(["\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n "," {\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n padding-bottom: 40px !important;\n }\n "," {\n gap: 24px;\n padding-bottom: 40px !important;\n }\n "," {\n gap: 14px;\n padding-bottom: 28px !important;\n }\n"]);
1return _templateObject1=function(){return data},data}let LuckyBagListingCardList=param=>{let{items,header,onClickCard}=param;return Boolean(items.length)?(window.ResizeObserver||(window.ResizeObserver=ResizeObserver_es.Z),(0,jsx_runtime.jsx)(react_virtuoso_dist.Mr,{totalCount:items.length,data:items,components:{Item:ItemContainer,List:ListContainer,Header:header},itemContent:(index,item)=>(0,jsx_runtime.jsx)(common_LuckyBagListingCard,{item:item,onClickCard:onClickCard},index)})):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{})};var common_LuckyBagListingCardList=(0,react.memo)(LuckyBagListingCardList);let ItemContainer=emotion_styled_browser_esm.Z.div(_templateObject()),ListContainer=emotion_styled_browser_esm.Z.div(_templateObject1(),common.Mt.MediaPc,common.Mt.MediaTablet,common.Mt.MediaMobile);var CommonLoading=__webpack_require__(704),useNavSFLife=__webpack_require__(6480),utils=__webpack_require__(805);let ListingAvailableNftList=param=>{let{targetNftList,luckyBagInfo,showListingOnLuckyBagDlg,isLoading}=param,hR=(0,useLocalSettings.$v)(),{isSFLife}=(0,useNavSFLife.Z)(),renderHeader=()=>(0,jsx_runtime.jsxs)("div",{className:(0,tw_merge.m)("rounded-[8px] bg-grey-5 p-[10px]","mb:my-[16px]","tb:my-[20px]","dt:my-[20px]"),children:[(0,jsx_runtime.jsxs)("div",{className:(0,tw_merge.m)("txt text-[14px] font-medium"),children:[hR.strings.LUCKY_BAG_CARD_LISTING_CONDITIONS," :"]}),(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("txt text-[14px] font-medium"),children:isSFLife?utils.cQ.string.replaceNFTtoSOutfits(luckyBagInfo.condition,hR.locale):luckyBagInfo.condition}),(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("my-[10px] h-[1px] w-full bg-grey-20")}),(0,jsx_runtime.jsxs)("div",{className:(0,tw_merge.m)("flex flex-row gap-[7px] align-baseline"),children:[(0,jsx_runtime.jsx)(CmnImg.Z,{styleNormal:{width:"19px",height:"19px",minWidth:"19px",minHeight:"19px"},src:R.Z.images.icons_pokecolo_luckybox_ic_prec3x,alt:"prec"}),(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("txt text-[14px] font-medium text-grey-50"),children:hR.strings.LUCKY_BAG_LISTING_DLG_NOTIFICATIONS})]})]});return isLoading?(0,jsx_runtime.jsx)(CommonLoading.Z,{show:!0}):(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:0===targetNftList.length?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[renderHeader(),(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("txt mt-[40px] text-center text-[14px] font-medium","dt:mt-[70px] dt:mb-[220px] dt:text-[16px]"),children:hR.strings.LUCKY_BAG_LISTING_DLG_NO_NFTS_AVAILABLE})]}):(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("h-[calc(100%-60px)] lg:h-[calc(100%-80px)]"),children:(0,jsx_runtime.jsx)(common_LuckyBagListingCardList,{items:targetNftList,onClickCard:showListingOnLuckyBagDlg,header:renderHeader})})})};var useNav=__webpack_require__(7032),model=__webpack_require__(6870),_mintId_=__webpack_require__(9656),styled_components_browser_esm=__webpack_require__(186);function PriceInput_templateObject(){let data=(0,_tagged_template_literal.Z)(["\n appearance: none;\n font-weight: ",";\n border: 1px solid ",";\n border-radius: 10px;\n color: ",";\n padding: 0; // default css\n margin: 0; // default css\n box-sizing: border-box; // default css\n &:focus {\n border: 1px solid ",";\n }\n ::placeholder {\n color: ",";\n font-weight: ",";\n }\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n "," {\n width: 128px;\n height: 58px;\n font-size: 18px;\n padding: 0 18px;\n }\n "," {\n width: 100%;\n height: 54px;\n font-size: 18px;\n padding: 0 18px;\n }\n "," {\n width: 100%;\n height: 44px;\n font-size: 14px;\n padding: 0 14px;\n }\n"]);return PriceInput_templateObject=function(){return data},data}let PriceInput=props=>{let onInputHandler=e=>{e.preventDefault(),props.change(e.target.value)},onWheel=e=>{e.currentTarget.blur()};return(0,jsx_runtime.jsx)(StyledInput,{disabled:props.disabled,type:"number",inputMode:"decimal",pattern:"\\d*",onInput:onInputHandler,onWheel:onWheel,step:"0.01",min:"0",isValueError:props.isValueError,...props})},StyledInput=styled_components_browser_esm.ZP.input.withConfig({componentId:"sc-94472e3b-0"}
1)(PriceInput_templateObject(),R.Z.fonts.weight.medium,param=>{let{isValueError}=param;return isValueError?R.Z.colors.red:R.Z.colors.roundBoxOutline},R.Z.colors.blackTxt,R.Z.colors.purpleNormal,R.Z.colors.brownGrey,R.Z.fonts.weight.regular,common.Mt.MediaPc,common.Mt.MediaTablet,common.Mt.MediaMobile);var SaleFee=__webpack_require__(2453),SaleReceive=__webpack_require__(4293),ListingDlg=__webpack_require__(6319),CommonCurrency=__webpack_require__(9634);let ListingNftInLuckyBag=param=>{let{selectedNFT,luckyBagInfo,svcId,saleInfo,onApprove}=param,hR=(0,useLocalSettings.$v)(),{rdxDialogAction,rdxDispatch}=(0,useRedux.S)(),{goToLuckyBag}=(0,useNav.ZP)(),hListingLuckyBagDlg=hooks_useListingLuckyBagDlg({luckyBagInfo,svcId}),bagPrice=Number(utils.cQ.currency.getPriceForDP({price:luckyBagInfo.price_info.price,currencyDecimal:luckyBagInfo.price_info.currency.decimal})),SERVICE_FEE_RATE=saleInfo.service_fee_rate,PLATFORM_FEE_RATE=saleInfo.platform_fee_rate,serviceFee=SERVICE_FEE_RATE/100*bagPrice,platformFee=PLATFORM_FEE_RATE/100*bagPrice,receiveAmount=bagPrice-serviceFee-platformFee,fixedServiceFee=serviceFee?"".concat(utils.cQ.string.roundDownFormatAmount({amount:serviceFee})," ").concat(R.Z.strings.UNIT_CURRENCY_MOOI):"-",fixedPlatformFee=PLATFORM_FEE_RATE?platformFee?"".concat(utils.cQ.string.roundDownFormatAmount({amount:platformFee})," ").concat(R.Z.strings.UNIT_CURRENCY_MOOI):"-":hR.strings.DLG_LISTING_FREE,fixedReceiveAmount=receiveAmount?utils.cQ.string.roundDownFormatAmount({amount:receiveAmount}):"-",fixedBagPriceCash=utils.cQ.currency.formatLocaleCashPrice({price:bagPrice,dollarRate:saleInfo.mooi_dollar_rate,dollarYenRate:saleInfo.dollar_yen_rate,language:hR.locale}),fixedReceiveAmountCash=utils.cQ.currency.formatLocaleCashPrice({price:receiveAmount,dollarRate:saleInfo.mooi_dollar_rate,dollarYenRate:saleInfo.dollar_yen_rate,language:hR.locale}),[sAgreement,setAgreement]=(0,react.useState)(!1);return(0,jsx_runtime.jsxs)("div",{className:(0,tw_merge.m)("h-[calc(100%-60px)] overflow-y-scroll lg:h-[calc(100%-80px)]","mb:py-[20px]","tb:py-[20px]","dt:py-[30px]"),children:[(0,jsx_runtime.jsxs)("div",{className:(0,tw_merge.m)("flex flex-col items-center"),children:[(0,jsx_runtime.jsx)(ImgWithLoading.Z,{styleImage:{objectFit:"cover"},styleNormal:{borderRadius:15},stylePc:{width:150,height:150,border:"1px solid #DCDCDC"},styleTablet:{paddingTop:"100%"},styleMobile:{borderRadius:10,paddingTop:"100%"},src:selectedNFT.nft_img,alt:"luckybag"}),(0,jsx_runtime.jsxs)("div",{className:(0,tw_merge.m)("flex w-full flex-col rounded-[15px] border-[0.1rem] border-solid border-grey-20","mb:gap-y-[2px] mb:p-[22px]","tb:gap-y-[6px] tb:p-[30px]","dt:mt-[12px] dt:items-center dt:gap-y-[4px] dt:border-none"),children:[(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("txt inline font-medium ","mb:text-[14px] mb:text-grey-50","tb:text-[18px] tb:text-grey-50","dt:text-[18px]"),children:useNav.CW[svcId][hR.locale]}),(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("txt","mb:text-[18px] mb:font-semibold","tb:text-[22px] tb:font-semibold","dt:text-[18px] dt:font-medium"),children:selectedNFT.nft_name})]})]}),(0,jsx_runtime.jsxs)("div",{className:(0,tw_merge.m)("flex w-full flex-col rounded-[15px] border-[0.1rem] border-solid border-grey-20","mb:mt-[14px] mb:gap-y-[24px] mb:p-[24px]","tb:mt-[24px] tb:gap-y-[30px] tb:p-[30px]","dt:mt-[12px] dt:items-center dt:gap-y-[30px] dt:border-none"),children:[(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("txt","mb:text-[18px] mb:font-semibold","tb:text-[22px] tb:font-semibold","dt:hidden"),children:hR.strings.PRICE}),(0,jsx_runtime.jsxs)("div",{className:(0,tw_merge.m)("inline-flex items-center","mb:hidden","tb:hidden"),children:[(0,jsx_runtime.jsx)(CommonCurrency.Z,{currency:model.A.Currency_e.MOOI,price:bagPrice}),"\xa0",(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("txt font-medium text-grey-50","dt:text-[14px]"),children:fixedBagPriceCash})]}),(0,jsx_runtime.jsxs)("div",{className:(0,tw_merge.m)("dt:hidden"),children:[(0,jsx_runtime.jsxs)("div",{className:(0,tw_merge.m)("flex items-center","mb:mb-[6px] mb:mt-[12px] mb:gap-x-[10px]","tb:mb-[8px] tb:mt-[16px] tb:gap-x-[14px]","dt:mb-[
110px] dt:gap-x-[18px]"),children:[(0,jsx_runtime.jsx)(PriceInput,{disabled:!0,style:{width:"100%",backgroundColor:"#f6f6f6"},placeholder:hR.strings.COMMON_AMOUNT,change(){},value:bagPrice,defaultValue:bagPrice}),(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("txt font-medium","mb:text-[18px]","tb:text-[22px]","dt:text-[24px]"),children:R.Z.strings.UNIT_CURRENCY_MOOI})]}),(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("txt font-medium text-grey-50","mb:text-[12px]","tb:text-[16px]"),children:fixedBagPriceCash})]})]}),(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("h-[1px] w-full bg-grey-20","mb:hidden","tb:hidden")}),(0,jsx_runtime.jsxs)(CmnDiv.Z,{styleNormal:{display:"flex",flexDirection:"column",width:"100%",alignItems:"flex-start"},styleMobile:{gap:"12px"},styleTablet:{gap:"18px"},stylePc:{gap:"14px"},children:[(0,jsx_runtime.jsx)(SaleFee.Z,{showTitle:!0,serviceFeeRate:SERVICE_FEE_RATE,serviceFee:fixedServiceFee,platformFeeRate:PLATFORM_FEE_RATE,platformFee:fixedPlatformFee}),(0,jsx_runtime.jsx)(CmnDiv.Z,{styleNormal:{width:"100%",height:"1px",backgroundImage:"linear-gradient(to right, ".concat(R.Z.colors.roundBoxOutline,", ").concat(R.Z.colors.roundBoxOutline," 4px, transparent 4px, transparent 8px)"),backgroundSize:"8px 1px",backgroundPosition:"left bottom",backgroundRepeat:"repeat-x"}}),(0,jsx_runtime.jsx)(SaleReceive.Z,{receiveAmount:fixedReceiveAmount,receiveAmountCash:fixedReceiveAmountCash})]}),(0,jsx_runtime.jsx)(_mintId_.ListingAttention,{sAgreement:sAgreement,setAgreement:setAgreement}),(agreed=>{let{showListingWallet}=(0,ListingDlg.Z)({rdxDialogAction,rdxDispatch,mtid:selectedNFT.mint_id,nft_name:selectedNFT.nft_name,nft_img:selectedNFT.nft_img,svc_name:useNav.CW[svcId][hR.locale],price:bagPrice,bag_id:luckyBagInfo.bag_id,onApprove:onApprove});return(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("btn flex h-[36px] flex-col items-center justify-center text-white","".concat(agreed?"bg-purple-100":"border-[0.1rem] border-solid border-transparent bg-purple-20 text-white"),"mb:rounded-[25px]","tb:rounded-[25px]","dt:w-[200px] dt:rounded-[30px]"),onClick(e){e.stopPropagation(),agreed&&(showListingWallet(),hListingLuckyBagDlg.closeListingAvailableDlg())},children:hR.strings.DLG_CHECKOUT_CONFIRM_BTN})})(sAgreement)]})]})};var luckybagListing_ListingNftInLuckyBag=(0,react.memo)(ListingNftInLuckyBag),CloseButton=__webpack_require__(2128);let ListingAvailableJsx=param=>{let{luckyBagInfo,svcId,onClickClose,onApprove,showError}=param,[sSelectedNFT,setSelectedNFT]=(0,react.useState)(void 0),hR=(0,useLocalSettings.$v)(),hAuth=(0,useAuth.a)(),{rdxDialogAction,rdxDispatch}=(0,useRedux.S)(),{data,targetNftList,lastData,isLoading,isValidating,mutate,error}=useLuckyBagSaleInfo({bag_id:luckyBagInfo.bag_id});(0,react.useEffect)(()=>{error||isLoading||mutate()},[]),(0,react.useEffect)(()=>{error&&showError({ecode:error.ecode,emsg:error.emsg})},[error]);let showListingOnLuckyBagDlg=item=>{if(!hAuth.isLogin())return showSelectWalletDlg();setSelectedNFT(item)}
1,showSelectWalletDlg=()=>{(0,ConnectDlg.Z)({rdxDialogAction,rdxDispatch,hR,svcId:svcId}).showSelectWallet()},onBackBtn=()=>{setSelectedNFT(void 0)};return(0,jsx_runtime.jsxs)("div",{className:(0,tw_merge.m)("h-full w-full"),children:[(0,jsx_runtime.jsxs)("div",{className:(0,tw_merge.m)("flex h-[60px] flex-col lg:h-[80px]"),children:[(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("txt text-center font-semibold text-black","mb:text-[20px]","tb:text-[24px]","dt:text-[28px]"),children:hR.strings.LUCKY_BAG_LISTING_DLG_TITLE_2}),(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("h-[1px] w-full bg-grey-20","mb:mt-[26px]","tb:mt-[30px]","dt:mt-[30px]",sSelectedNFT&&"dt:hidden")})]}),(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("absolute right-[20px] top-[22px]","dt:right-[20px] dt:top-[20px]"),children:(0,jsx_runtime.jsx)(CloseButton.Z,{onClickButton:onClickClose,className:(0,tw_merge.m)("h-[35px] w-[35px]","dt:h-[28px] dt:w-[28px]")})}),(0,jsx_runtime.jsx)(CmnImg.Z,{className:(0,tw_merge.m)("btn z-10","".concat(!sSelectedNFT&&"hidden")),styleNormal:{position:"absolute",width:"40px",height:"40px"},stylePc:{top:"20px",left:"20px"},styleTablet:{top:"20px",left:"20px"},styleMobile:{top:"20px",left:"12px"},src:R.Z.images.buttons_common_popup_btn_back3x,alt:"back",onClick:onBackBtn}),!sSelectedNFT&&(0,jsx_runtime.jsx)(ListingAvailableNftList,{luckyBagInfo:luckyBagInfo,showListingOnLuckyBagDlg:showListingOnLuckyBagDlg,targetNftList:targetNftList,isLoading:isLoading}
1),lastData&&sSelectedNFT&&(0,jsx_runtime.jsx)(luckybagListing_ListingNftInLuckyBag,{selectedNFT:sSelectedNFT,luckyBagInfo:luckyBagInfo,svcId:svcId,saleInfo:lastData,onApprove:onApprove})]})};var luckybagListing_ListingAvailableJsx=(0,react.memo)(ListingAvailableJsx),dlgModule=__webpack_require__(5547),useWindowSize=__webpack_require__(1977);let useListingLuckyBagDlg=param=>{let{luckyBagInfo,svcId,onApprove}=param,{rdxDialogAction,rdxDispatch}=(0,useRedux.S)();(0,useWindowSize.Z)();let showListingAvailableDlg=()=>{rdxDispatch(rdxDialogAction.showDlg({key:dlgModule.Lw.ListingAvailableDlg,showCloseBtn:!1,onBackdropClick:closeListingAvailableDlg,jsx:(0,jsx_runtime.jsx)(luckybagListing_ListingAvailableJsx,{showError:props=>showError(props),luckyBagInfo:luckyBagInfo,svcId:svcId,onClickClose:closeListingAvailableDlg,onApprove:onApprove}),dlgBoxStyle:{styleNormal:{paddingBottom:"0 !important"},stylePc:{height:640,justifyContent:"flex-start"},styleTablet:{borderRadius:0,width:"100%",height:"100%",justifyContent:"flex-start"},styleMobile:{borderRadius:0,width:"100%",height:"100%",justifyContent:"flex-start"}}}))},closeListingAvailableDlg=()=>{rdxDispatch(rdxDialogAction.hideDlg({key:dlgModule.Lw.ListingAvailableDlg}))},showError=function(){let{ecode,emsg}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};(0,CommonDlg.Z)({rdxDialogAction,rdxDispatch}).showErrorDlg({emsg})};return{showListingAvailableDlg,closeListingAvailableDlg}};var hooks_useListingLuckyBagDlg=useListingLuckyBagDlg},8303:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893),conf_appEnv__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(3133),next_router__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(1163),next_seo__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(2962);let HeadTag=param=>{let{title,description,url,image,type="website"}=param,hRouter=(0,next_router__WEBPACK_IMPORTED_MODULE_2__.useRouter)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(next_seo__WEBPACK_IMPORTED_MODULE_3__.PB,{title:title,description:description,openGraph:{type:type,title:title,description:description,images:[{url:image,alt:"og image",type:"image/png"}],url:url},languageAlternates:[{hrefLang:"en-US",href:"".concat(conf_appEnv__WEBPACK_IMPORTED_MODULE_1__.Z.url).concat(hRouter.asPath)},{hrefLang:"ja-JP",href:"".concat(conf_appEnv__WEBPACK_IMPORTED_MODULE_1__.Z.url,"/ja").concat(hRouter.asPath)}]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(next_seo__WEBPACK_IMPORTED_MODULE_3__.VL,{description:description,id:"".concat(conf_appEnv__WEBPACK_IMPORTED_MODULE_1__.Z.url).concat(hRouter.asPath)})]})};__webpack_exports__.Z=HeadTag},6623:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Z:function(){return base_CommonShareBtnTw}});var jsx_runtime=__webpack_require__(5893),useLocalSettings=__webpack_require__(243),useNav=__webpack_require__(7032),useNavSFLife=__webpack_require__(6480),Toast=__webpack_require__(8822),react=__webpack_require__(7294),R=__webpack_require__(7994),lib=__webpack_require__(4855),firebase=__webpack_require__(6639),tw_merge=__webpack_require__(6180);let CommonToggleDropdownTw=props=>{let[sIsOpen,setIsOpen]=(0,react.useState)(!1),[sIsUp,setIsUp]=(0,react.useState)(!1),[sRight,setRight]=(0,react.useState)(!1),containerRef=(0,react.useRef)(null),toggle=()=>{if(containerRef.current){var _popupWidth;let optionalParams=containerRef.current.getBoundingClientRect().x+(null!==(_popupWidth=props.popupWidth)&&void 0!==_popupWidth?_popupWidth:0);window.innerWidth-optionalParams<-30&&setRight(!0),setIsOpen(pre=>!pre),window.innerHeight/2-containerRef.current.getBoundingClientRect().top<0?setIsUp(!0):setIsUp(!1)}},close=()=>{setIsOpen(!1)},handleClick=e=>{e.composedPath().includes(containerRef.current)||close()};return(0,react.useEffect)(()=>(window.addEventListener("click",handleClick),()=>{window.removeEventListener("click",handleClick)}),[sIsOpen]),(0,jsx_runtime.jsxs)("div",{ref:containerRef,className:(0,tw_merge.m)("relative whitespace-pre-wrap leading-[1.3] text-grey-50"),children:[(0,jsx_runtime.jsx)("div",{style:{cursor:"pointer"},onClick:toggle,children:props.titles}),sIsOpen&&(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("absolute left-auto z-[1] flex-col",sIsUp?"top-0 translate-y-[-110%]":"top-auto translate-y-0",sRight?"right-0":"right-auto"),children:(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("mt-[1rem] flex flex-col justify-between gap-[2rem] rounded-[2rem] bg-white p-[2rem] text-[1.8rem] shadow-grey"),onClick:close,children:props.children})})]})};CommonToggleDropdownTw.displayName="CommonToggleDropdown";var CmnImgTw=__webpack_require__(4519),CommonBtnTw=__webpack_require__(7378);let CommonShareBtnTw=param=>{let{twtMsg,logEventCategory,hiddenBtnText,...props}=param,[sCopyLink,setCopyLink]=(0,react.useState)(""),hR=(0,useLocalSettings.$v)(),{openUrl}=(0,useNav.ZP)(),{isP1Life,isP2Life}=(0,useNavSFLife.Z)();(0,react.useEffect)(()=>{isP1Life&&!location.href.includes(useNav.Hq)?setCopyLink(location.href.replace(use
1Nav.CE,"").replace("jellyme.io",useNav.Hq)):isP2Life&&!location.href.includes(useNav.fW)?setCopyLink(location.href.replace(useNav.CE,"").replace("jellyme.io",useNav.fW)):setCopyLink(location.href)},[]);let onCopyLink=()=>{logEventCategory&&(0,firebase.oj)("".concat(logEventCategory,"_").concat(firebase.aP.SHARE,"_").concat(firebase.Fu.COPY_LINK)),Toast.Z.toast({content:hR.strings.TOAST_COPIED})},onShareTwitter=()=>{logEventCategory&&(0,firebase.oj)("".concat(logEventCategory,"_").concat(firebase.aP.SHARE,"_").concat(firebase.Fu.TWITTER)),openUrl("https://twitter.com/intent/tweet?text=".concat(null!=twtMsg?twtMsg:"","&url=").concat(sCopyLink))};return(0,jsx_runtime.jsxs)(CommonToggleDropdownTw,{...props,titles:(0,jsx_runtime.jsxs)(CommonBtnTw.Z,{className:(0,tw_merge.m)("h-[4.4rem] gap-[0.8rem] border-grey-20 bg-white p-0 font-normal text-black ","hover:bg-white hover:text-black",hiddenBtnText?"w-[4.2rem]":"w-[9rem] lg:w-[10.5rem]",""),children:[(0,jsx_runtime.jsx)(CmnImgTw.Z,{className:(0,tw_merge.m)("h-[1.8rem] w-[1.8rem]"),src:R.Z.images.icons_nft_details_ic_share3x,alt:"share icon image"}),!hiddenBtnText&&(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("text-[1.4rem] font-medium","lg:text-[1.6rem]"),children:hR.strings.BTN_SHARE})]}),children:[(0,jsx_runtime.jsx)(lib.CopyToClipboard,{text:sCopyLink,onCopy:onCopyLink,children:(0,jsx_runtime.jsx)("div",{className:(0,tw_merge.m)("cursor-pointer whitespace-pre text-[1.4rem] text-black","lg:text-[1.6rem]","hover:text-purple-100"),children:hR.strings.BTN_COPY_LINK})}),(0,jsx_runtime.jsx)("div",{onClick:onShareTwitter,className:(0,tw_merge.m)("cursor-pointer whitespace-pre text-[1.4rem] text-black","lg:text-[1.6rem]","hover:text-purple-100"),children:hR.strings.BTN_SHARE_ON_TWITTER})]})};var base_CommonShareBtnTw=CommonShareBtnTw},9495:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(7294),next_image__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(5675),next_image__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_image__WEBPACK_IMPORTED_MODULE_2__),p_components_common_base_CmnDiv__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(8868);let ImgWithLoading=param=>{let{src,defaultSrc,alt,styleImage,priority,fill=!0,styleNormal,hideLoading=!1,...props}=param,[sIsLoaded,setIsLoaded]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!1),[sShowDefaultSrc,setShowDefaultSrc]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!1);(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{sIsLoaded&&setIsLoaded(!1)},[]);let onLoadingComplete=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>setIsLoaded(!0),[]),onError=(0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(()=>{setIsLoaded(!0),defaultSrc&&setShowDefaultSrc(!0)},[]),imageStyle={width:"100%",height:"100%",transition:"opacity 0.4s",opacity:sIsLoaded?1:0,objectFit:"contain",...styleImage||{}},isShowDefaultImage=sShowDefaultSrc&&defaultSrc;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(p_components_common_base_CmnDiv__WEBPACK_IMPORTED_MODULE_3__.Z,{styleNormal:{position:"relative",overflow:"hidden",width:"100%",height:"100%",isolation:"isolate",...styleNormal},...props,children:[!hideLoading&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(ImageLoading,{isLoading:!sIsLoaded}),isShowDefaultImage&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(next_image__WEBPACK_IMPORTED_MODULE_2___default(),{fill:fill,src:defaultSrc,alt:alt||"item",unoptimized:!0,priority:priority,sizes:"100vw",width:0,height:0,style:imageStyle,onLoadingComplete:onLoadingComplete}),!isShowDefaultImage&&src&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(next_image__WEBPACK_IMPORTED_MODULE_2___default(),{fill:fill,src:src,alt:alt||"item",unoptimized:!0,priority:priority,sizes:"100vw",style:imageStyle,onLoadingComplete:onLoadingComplete,onError:onError})]})};__webpack_exports__.Z=(0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(ImgWithLoading);let ImageLoading=(0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(function(param){let{isLoading}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"absolute top-0 z-10 h-full w-full bg-purple-20 ".concat(isLoading?"animate-pulse":"animate-fade-out")})})},2128:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(7294),tailwind_merge__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(6180);let CloseButton=param=>{let{className,onClickButton}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button",{onClick:onCl
1ickButton,type:"button",className:"rounded-full bg-white p-[0.2rem] text-center text-[1.4rem] text-black transition-colors",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("svg",{fill:"currentColor",className:(0,tailwind_merge__WEBPACK_IMPORTED_MODULE_2__.m)("h-[2.6rem] w-[2.6rem]",className),viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path",{clipRule:"evenodd",fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"})})})};__webpack_exports__.Z=(0,react__WEBPACK_IMPORTED_MODULE_1__.memo)(CloseButton)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.