https://justpandaz.vercel.app/static/js/main.5cf4ea2b.chunk.js

1(this.webpackJsonphashlips_nft_minting_dapp=this.webpackJsonphashlips_nft_minting_dapp||[]).push([[0],{242:function(n,t){},265:function(n,t){},267:function(n,t){},345:function(n,t){},347:function(n,t){},380:function(n,t){},385:function(n,t){},387:function(n,t){},394:function(n,t){},407:function(n,t){},430:function(n,t){},439:function(n,t){},441:function(n,t){},511:function(n,t,e){},512:function(n,t,e){"use strict";e.r(t);var c,r,o,a,i,s,l,d,u,b,j,x,p,h,g,O,f,w=e(1),y=e(84),v=e.n(y),m=e(16),C=e.n(m),A=e(42),S=e(68),E=e(13),k=e(57),_=e(67),T=e.n(_),N=e(216),M=e.n(N),D=e(69),R=e(217),I=e(18),L={loading:!1,account:null,smartContract:null,web3:null,errorMsg:""},K=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:L,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"CONNECTION_REQUEST":return Object(I.a)(Object(I.a)({},L),{},{loading:!0});case"CONNECTION_SUCCESS":return Object(I.a)(Object(I.a)({},n),{},{loading:!1,account:t.payload.account,smartContract:t.payload.smartContract,web3:t.payload.web3});case"CONNECTION_FAILED":return Object(I.a)(Object(I.a)({},L),{},{loading:!1,errorMsg:t.payload});case"UPDATE_ACCOUNT":return Object(I.a)(Object(I.a)({},n),{},{account:t.payload.account});default:return n}},z={loading:!1,totalSupply:0,cost:0,error:!1,errorMsg:""},U=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:z,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"CHECK_DATA_REQUEST":return Object(I.a)(Object(I.a)({},n),{},{loading:!0,error:!1,errorMsg:""});case"CHECK_DATA_SUCCESS":return Object(I.a)(Object(I.a)({},n),{},{loading:!1,totalSupply:t.payload.totalSupply,error:!1,errorMsg:""});case"CHECK_DATA_FAILED":return Object(I.a)(Object(I.a)({},z),{},{loading:!1,error:!0,errorMsg:t.payload});default:return n}},F=Object(D.b)({blockchain:K,data:U}),P=[R.a],W=Object(D.c)(D.a.apply(void 0,P)),H=Object(D.d)(F,W),Q=function(n){return{type:"CHECK_DATA_FAILED",payload:n}},B=function(){return function(){var n=Object(A.a)(C.a.mark((function n(t){var e;return C.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t({type:"CHECK_DATA_REQUEST"}),n.prev=1,n.next=4,H.getState().blockchain.smartContract.methods.totalSupply().call();case 4:e=n.sent,t({type:"CHECK_DATA_SUCCESS",payload:{totalSupply:e}}),n.next=12;break;case 8:n.prev=8,n.t0=n.catch(1),console.log(n.t0),t(Q("Could not load data from contract."));case 12:case"end":return n.stop()}}),n,null,[[1,8]])})));return function(t){return n.apply(this,arguments)}}()},Y=function(n){return{type:"CONNECTION_FAILED",payload:n}},G=function(n){return function(){var t=Object(A.a)(C.a.mark((function t(e){return C.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:e({type:"UPDATE_ACCOUNT",payload:{account:n}}),e(B());case 2:case"end":return t.stop()}}),t)})));return function(n){return t.apply(this,arguments)}}()},q=e(14),X=q.a.div(c||(c=Object(E.a)(["\n  background-color: var(--primary);\n  background-image: ",";\n  background-size: cover;\n  background-position: center;\n  width: 100%;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n"])),(function(n){var t=n.image;return t?"url(".concat(t,")"):"none"})),J=(q.a.div(r||(r=Object(E.a)(["\n  height: 8px;\n  width: 8px;\n"]))),q.a.div(o||(o=Object(E.a)(["\n  height: 16px;\n  width: 16px;\n"])))),V=q.a.div(a||(a=Object(E.a)(["\n  height: 24px;\n  width: 24px;\n"]))),Z=(q.a.div(i||(i=Object(E.a)(["\n  height: 32px;\n  width: 32px;\n"]))),q.a.div(s||(s=Object(E.a)(["\n  display: flex;\n  flex: ",";\n  flex-direction: ",";\n  justify-content: ",";\n  align-items: ",";\n  background-color: ",";\n  width: 100%;\n  background-image: ",";\n  background-size: contain;\n  background-position: top;\n  background-repeat:no-repeat;\n"])),(function(n){var t=n.flex;return t||0}),(function(n){var t=n.fd;return t||"column"}),(function(n){var t=n.jc;return t||"flex-start"}),(function(n){var t=n.ai;return t||"flex-start"}),(function(n){return n.test?"pink":"none"}),(function(n){var t=n.image;return t?"url(".concat(t,")"):"none"}))),$=q.a.p(l||(l=Object(E.a)(["\n  color: var(--primary-text);\n  font-size: 20px;\n  line-height: 1.6;\n"]))),nn=(q.a.p(d||(d=Object(E.a)(["\n  color: var(--primary-text);\n  font-size: 18px;\n  line-height: 1.6;\n"]))),q.a.p(u||(u=Object(E.a)(["\n  color: var(--primary-text);\n  font-size: 16px;\n  line-height: 1.6;\n"])))),tn=(q.a.div(b||(b=Object(E.a)(["\n  :active {\n    opacity: 0.6;\n  }\n"]))),e(2)),en=q.a.button(j||(j=Object(E.a)(["\n\n  border-radius: 50px;\n  border: none;\n  background-color: var(--button-bg);\n  padding: 10px;\n  font-weight: bold;\n  color: var(--secondary-text);\n  width: 130px;\n  cursor: pointer;\n  box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);\n  -webkit-box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);\n  -moz-box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);\n  :active {\n    box-shadow: none;\n    -webkit-box-shadow: none;\n    -moz-box-shadow: none;\n  },\n  :hover {\n    background-color: var(--button-hover);\n  }

1,\n"]))),cn=(q.a.button(x||(x=Object(E.a)(["\n  padding-left:10px;\n  padding-right:10px;\n  border-radius: 40px;\n  border: none;\n  min-height:30px;\n  background-color: var(--button-bg);\n  font-weight: bold;\n  color: var(--secondary-text);\n  cursor: pointer;\n  box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);\n  -webkit-box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);\n  -moz-box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);\n  :active {\n    box-shadow: none;\n    -webkit-box-shadow: none;\n    -moz-box-shadow: none;\n  },\n  :hover {\n    background-color: var(--button-hover);\n  },\n"]))),q.a.button(p||(p=Object(E.a)(["\n  padding: 10px;\n  border-radius: 100%;\n  border: none;\n  background-color: var(--button-bg);\n  padding: 10px;\n  font-weight: bold;\n  font-size: 15px;\n  color: var(--primary-text);\n  width: 30px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor:pointer;\n  box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);\n  -webkit-box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);\n  -moz-box-shadow: 0px 6px 0px -2px rgba(250, 250, 250, 0.3);\n  :active {\n    box-shadow: none;\n    -webkit-box-shadow: none;\n    -moz-box-shadow: none;\n  }\n  :hover {\n    background-color: var(--button-hover);\n  },\n"])))),rn=q.a.div(h||(h=Object(E.a)(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  justify-content: stretched;\n  align-items: stretched;\n  width: 100%;\n  @media (min-width: 767px) {\n    flex-direction: row;\n  }\n"]))),on=q.a.img(g||(g=Object(E.a)(["\n  width: 250px;\n  @media (min-width: 767px) {\n    width: 300px;\n  }\n  transition: width 0.5s;\n  transition: height 0.5s;\n"]))),an=q.a.img(O||(O=Object(E.a)(["\n\n  width: 60px;\n  transition: width 0.5s;\n  margin:10px;\n"]))),sn=q.a.a(f||(f=Object(E.a)(["\n  \n  color: var(--link-text-hover);\n  text-decoration: underline;\n  :hover{\n    color: var(--link-text);\n  }\n"])));var ln=function(){var n,t,e=Object(k.b)(),c=Object(k.c)((function(n){return n.blockchain})),r=Object(k.c)((function(n){return n.data})),o=Object(w.useState)(!1),a=Object(S.a)(o,2),i=a[0],s=a[1],l=Object(w.useState)("Max mint amount is 50."),d=Object(S.a)(l,2),u=d[0],b=d[1],j=Object(w.useState)(1),x=Object(S.a)(j,2),p=x[0],h=x[1],g=Object(w.useState)({CONTRACT_ADDRESS:"",SCAN_LINK:"",NETWORK:{NAME:"",SYMBOL:"",ID:0},NFT_NAME:"",SYMBOL:"",MAX_SUPPLY:1,WEI_COST:0,DISPLAY_COST:0,GAS_LIMIT:0,MARKETPLACE:"",MARKETPLACE_LINK:"",SHOW_BACKGROUND:!1}),O=Object(S.a)(g,2),f=O[0],y=O[1],v=function(){""!==c.account&&null!==c.smartContract&&e(B(c.account))},m=function(){var n=Object(A.a)(C.a.mark((function n(){var t,e;return C.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,fetch("/config/config.json",{headers:{"Content-Type":"application/json",Accept:"application/json"}});case 2:return t=n.sent,n.next=5,t.json();case 5:e=n.sent,y(e);case 7:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}();return Object(w.useEffect)((function(){m()}),[]),Object(w.useEffect)((function(){v()}),[c.account]),Object(tn.jsx)(X,{children:Object(tn.jsxs)(Z,{flex:1,ai:"center",style:{backgroundColor:"var(--primary)",backgroundRepeat:"no-repeat"},image:f.SHOW_BACKGROUND?"/config/images/bg.png":null,children:[Object(tn.jsxs)(rn,{jc:"center",ai:"center",style:{padding:24,textAlign:"center",width:"auto"},children:[Object(tn.jsx)(an,{onClick:function(){window.open("https://opensea.io/collection/justpandaz")},style:{cursor:"pointer"},alt:"logo",src:"/config/images/opensea.png"}),Object(tn.jsx)(an,{onClick:function(){window.open("https://twitter.com/justpandaznft")},style:{cursor:"pointer"},alt:"logo",src:"/config/images/twitter.png"})]}),Object(tn.jsx)(on,{alt:"logo",src:"/config/images/logo.png"}),Object(tn.jsxs)(rn,{flex:1,style:{padding:24},children:[Object(tn.jsxs)(Z,{flex:1,jc:"center",ai:"center",style:{padding:24,borderRadius:0,border:"none",boxShadow:"none"},children:[Object(tn.jsx)($,{style:{textAlign:"center"},children:Object(tn.jsx)("p",{children:"Rare Skins"})}),Object(tn.jsx)(J,{}),Object(tn.jsxs)(rn,{jc:"center",ai:"center",style:{textAlign:"center",width:"auto"},children:[Object(tn.jsxs)(Z,{jc:"center",ai:"center",children:[Object(tn.jsx)(an,{style:{width:120},alt:"img",src:"/config/images/chocolate.png"}),Object(tn.jsx)(nn,{children:"Quantity: 100"})]}),Object(tn.jsxs)(Z,{jc:"center",ai:"center",children:[Object(tn.jsx)(an,{style:{width:120},alt:"img",src:"/config/images/rainbow.png"}),Object(tn.jsx)(nn,{children:"Quantity: 60"})]}),Object(tn.jsxs)(Z,{jc:"center",ai:"center",children:[Object(tn.jsx)(an,{style:{width:120},alt:"img",src:"/config/images/gold.png"}),Object(tn.jsx)(nn,{children:"Quantity: 30"})]})]}),Object(tn.jsxs)(rn,{jc:"center",ai:"center",style:{textAlign:"center",width:"auto"},children:[Object(tn.jsxs)(Z,{jc:"center",ai:"center",children:[Object(tn.jsx)(an,{style:{width:120},alt:"img",src:"/config/images/demon.png"}),Object(tn.jsx)(nn,{style:{textAlign:"center"},children:"Quantity: 22"})]}),Object(tn.jsxs)(Z,{jc:"center",ai:"center",children:[Object(tn.jsx)(an,{style:{width:120},alt:"img",src:"/config/images/zombie.png"}),Object(tn.jsx)(nn,{children:"Quantity: 10"})]})]})]}),Object(tn.jsxs)(Z,{flex:1,jc:"center",ai:"center",style:{padding:24,borderRadius:0,border:"none",boxShadow:"none"},children:[Object(tn.jsx)($,{style:{textAlign:"center",fontSize:22,fontWeight:"bold",color:"var(--accent-text)"},children:""!==c.account&&null!==c.smartContract?r.totalSupply+"/"+f.MAX_SUPPLY:""}),Object(tn.jsx)(nn,{style:{textAlign:"center",color:"var(--primary-text)"},children:Object(tn.jsx)(sn,{target:"_blank",href:f.SCAN_LINK,children:(n=f.CONTRACT_ADDRESS,t=15,n.length>t?"".concat(n.substring(0,t),"..."):n)})}),Object(tn.jsx)(J,{}),Object(tn.jsx)($,{style:{textAlign:"center",fontSize:17,fontWeight:"bold",color:"var(--secondary)"}}),Object(tn.jsx)(J,{}),Number(r.totalSupply)>=f.MAX_SUPPLY?Object(tn.jsxs)(tn.Fragment,{children:[Object(tn.jsx)($,{style:{textAlign:"center",color:"var(--accent-text)"},children:"Sold out."}),Object(tn.jsx)(J,{}),Object(tn.jsx)(sn,{target:"_blank",href:f.MARKETPLACE_LINK,children:f.MARKETPLACE})]}):Object(tn.jsxs)(tn.Fragment,{children:[Object(tn.jsx)(J,{}),""===c.account||null===c.smartContract?Object(tn.jsxs)(Z,{ai:"center",jc:"center",children:[Object(tn.jsxs)(nn,{style:{textAlign:"center",color:"var(--accent-text)"},children:["Connect to the ",f.NETWORK.NAME," network"]}),Object(tn.jsx)(J,{}),Object(tn.jsx)(en,{onClick:function(n){n.preventDefault(),e(function(){var n=Object(A.a)(C.a.mark((function n(t){var e,c,r,o,a,i,s,l,d;return C.a.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return t({type:"CONNECTION_REQUEST"}),n.next=3,fetch("/config/abi.json",{headers:{"Content-Type":"application/json",Accept:"application/json"}});case 3:return e=n.sent,n.next=6,e.json();case 6:return c=n.sent,n.next=9,fetch("/config/config.json",{headers:{"Content-Type":"application/json",Accept:"application/json"}});case 9:return r=n.sent,n.next=12,r.json();case 12:if(o=n.sent,a=window,!(i=a.ethereum)||!i.isMetaMask){n.next=33;break}return T.a.setProvider(i),s=new M.a(i),n.prev=18,n.next=21,i.request({method:"eth_requestAccounts"});case 21:return l=n.sent,n.next=24,i.request({method:"net_version"});case 24:n.sent==o.NETWORK.ID?(d=new T.a(c,o.CONTRACT_ADDRESS),t({type:"CONNECTION_SUCCESS",payload:{account:l[0],smartContract:d,web3:s}}),i.on("accountsChanged",(function(n){t(G(n[0]))})),i.on("chainChanged",(function(){window.location.reload()}))):t(Y("Change network to ".concat(o.NETWORK.NAME,"."))),n.next=31;break;case 28:n.prev=28,n.t0=n.catch(18),t(Y("Something went wrong."));case 31:n.next=34;break;case 33:t(Y("Install Metamask."));case 34:case"end":return n.stop()}}),n,null,[[18,28]])})));return function(t){return n.apply(this,arguments)}}()),v()},children:"Connect"}),""!==c.errorMsg?Object(tn.jsxs)(tn.Fragment,{children:[Object(tn.jsx)(J,{}),Object(tn.jsx)(nn,{style:{textAlign:"center",color:"var(--warning)"},children:c.errorMsg})]}):null]}):Object(tn.jsxs)(tn.Fragment,{children:[Object(tn.jsx)($,{style:{textAlign:"center",color:"var(--accent-text)"},children:"Free Mint."}),Object(tn.jsx)(J,{}),Object(tn.jsx)(nn,{style:{textAlign:"center",color:"var(--accent-text)"},children:u}),Object(tn.jsx)(V,{}

1),Object(tn.jsxs)(Z,{ai:"center",jc:"center",fd:"row",children:[Object(tn.jsx)(cn,{style:{lineHeight:.4},onClick:function(n){n.preventDefault(),function(){var n=p-1;n<1&&(n=1),h(n)}()},children:"-"}),Object(tn.jsx)(V,{}),Object(tn.jsx)(nn,{style:{textAlign:"center",color:"var(--accent-text)"},children:p}),Object(tn.jsx)(V,{}),Object(tn.jsx)(cn,{onClick:function(n){n.preventDefault(),function(){var n=p+1;n>10&&(n=10),h(n)}()},children:"+"})]}),Object(tn.jsx)(J,{}),Object(tn.jsx)(Z,{ai:"center",jc:"center",fd:"row",children:Object(tn.jsx)(en,{disabled:i?1:0,onClick:function(n){n.preventDefault(),function(){var n=f.WEI_COST,t=f.GAS_LIMIT,r=String(n*p),o=String(t*p);console.log("Cost: ",r),console.log("Gas limit: ",o),b("Minting your ".concat(f.NFT_NAME,"...")),s(!0),c.smartContract.methods.mint(p).send({gasLimit:String(o),to:f.CONTRACT_ADDRESS,from:c.account,value:r}).once("error",(function(n){console.log(n),b("Something went wrong."),s(!1)})).then((function(n){console.log(n),b("WOW, ".concat(f.NFT_NAME," is yours! go visit Opensea.io to view it.")),s(!1),e(B(c.account))}))}(),v()},children:i?"Busy...":"Mint"})})]})]}),Object(tn.jsx)(V,{})]})]}),Object(tn.jsx)(V,{}),Object(tn.jsxs)(Z,{jc:"center",ai:"center",style:{width:"70%"},children:[Object(tn.jsx)(J,{}),Object(tn.jsx)(V,{}),Object(tn.jsxs)(nn,{style:{textAlign:"center",color:"var(--primary-text)",marginBottom:"40px"},children:["Make sure you are connected to the right network (",f.NETWORK.NAME," Mainnet)."]})]})]})})},dn=function(n){n&&n instanceof Function&&e.e(3).then(e.bind(null,516)).then((function(t){var e=t.getCLS,c=t.getFID,r=t.getFCP,o=t.getLCP,a=t.getTTFB;e(n),c(n),r(n),o(n),a(n)}))};e(511);v.a.render(Object(tn.jsx)(k.a,{store:H,children:Object(tn.jsx)(ln,{})}),document.getElementById("root")),dn()}},[[512,1,2]]]);
2//# sourceMappingURL=main.5cf4ea2b.chunk.js.map