@dcl/shop 0.1.0-30412251367.commit-a3b4797 → 0.1.0-30461849576.commit-12d07d4

package/assets/MarketCheckout-CKG6pjiW.js

@@ -1,91 +0,0 @@
-import{u as Z,r as x,j as t}from"./react-BcSuIh9F.js";import{s as i,t as ee,m as W,B as te,n as re,o as ae,q as se,v as ie,d as a,j as $,w as y,x as ne,y as z,z as oe,e as P,f as ce,i as de,A as ue,D as g,E as q,F as A}from"./index-CKryZsyO.js";import{a as j}from"./mana-rate-5WVYReay.js";import{b as M}from"./buy-D5aQviUN.js";import{b as le,w as me,S as he,G as pe}from"./buy-gasless-Dyp24AZP.js";import{a as xe}from"./authorizations-D9SdrCKu.js";import{i as fe}from"./errors-BnsKc9DV.js";import{E as ye}from"./ErrorNotice-D5gYmXmi.js";const{colors:l,radius:ve}=ee,ke=i.div`
-  position: fixed;
-  inset: 0;
-  z-index: 60;
-  display: grid;
-  place-items: center;
-  padding: 20px;
-`,Ce=i.div`
-  position: absolute;
-  inset: 0;
-  background: rgba(22, 21, 24, 0.45);
-`,ge=i.div`
-  position: relative;
-  z-index: 1;
-  width: 100%;
-  max-width: 420px;
-  background: ${l.white};
-  border-radius: ${ve.banner};
-  padding: 24px;
-  box-shadow: 0 24px 60px rgba(22, 21, 24, 0.28);
-  animation: cart-pop-in 0.16s ease;
-`,be=i.div`
-  display: flex;
-  align-items: center;
-  gap: 14px;
-  margin-bottom: 18px;
-`,we=i.div`
-  width: 64px;
-  height: 64px;
-  flex: none;
-  border-radius: 12px;
-  overflow: hidden;
-  background: ${l.media};
-
-  & img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,je=i.div`
-  font-weight: 700;
-  font-size: 16px;
-  color: ${l.text};
-  margin-bottom: 6px;
-`,Pe=i.div`
-  background: ${l.panel};
-  border-radius: 14px;
-  padding: 16px;
-  margin-bottom: 14px;
-`,F=i.div`
-  color: ${l.muted};
-  font-size: 13px;
-  font-weight: 600;
-  margin-bottom: 6px;
-`,Q=i.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-weight: 700;
-  font-size: 24px;
-  color: ${l.text};
-
-  &[data-approx] {
-    color: ${l.text2};
-  }
-`,_e=i.span`
-  color: ${l.muted};
-`,K=i(W)`
-  width: 20px;
-  height: 20px;
-  color: ${l.text};
-`,B=i.div`
-  margin-top: 6px;
-  font-size: 13px;
-`,Ee=i.div`
-  font-size: 13px;
-  margin-bottom: 6px;
-`,L=re`
-  margin: 6px 0 0;
-  font-size: 13px;
-`,R=i.p`
-  ${L};
-`,Se=i(ye)`
-  ${L};
-`,Ie=i.div`
-  display: flex;
-  gap: 10px;
-  margin-top: 18px;
-`,T=i(te)`
-  flex: 1;
-`;function U(e){if(fe(e))return a("errors.rejected");const c=(e.message??"").toLowerCase();return c.includes("insufficient")?a("marketCheckout.error.insufficient",{currency:P.name}):c.includes("not found")||c.includes("no active listing")||c.includes("404")?a("marketCheckout.error.soldOrRemoved"):c.includes("your own listing")?a("errors.cantBuyOwn"):a("marketCheckout.error.generic")}function Ne(e){return{id:e.tradeId,tradeId:e.tradeId,name:e.name,creator:e.creator,contractAddress:e.contractAddress,itemId:e.itemId,category:e.category,wearableCategory:e.wearableCategory??void 0,rarity:e.rarity,network:e.network,chainId:e.chainId,thumbnail:e.thumbnail,priceCredits:0,gender:null,isSmart:!1}}function Be({listing:e,rate:c,onClose:G,onSold:V}){const{session:n}=ae(),{data:d,isError:O}=se(n),u=ie(),_=Z(),[E,v]=x.useState("confirm"),[b,S]=x.useState(a("marketCheckout.lockingPrice")),[D,k]=x.useState(null),[r,H]=x.useState(null),m=x.useRef(null),Y=$(j(e.manaWei,c));x.useEffect(()=>{let h=!1;if(!n){v("error"),k(a("buyModal.signInToCheckout"));return}return(async()=>{try{const s=await ce(e.tradeId);if(!s)throw new Error("not found");if(de(s,n.address))throw new Error("You can't buy your own listing.");const f=j(e.manaWei,c);if(!Number.isFinite(f)||f<=0)throw new Error("price unavailable");const{credit:p,maxCreditedValue:X,usdCents:N}=await ue(n.identity,f,e.tradeId);if(h){y(n.identity,[p.id]).catch(()=>{});return}m.current=p.id,H({trade:s,credit:p,maxCreditedValue:X,usdCents:N,credits:$(N)}),S("")}catch(s){if(h)return;console.error("[market] authorize failed",s),g(A(s)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"authorize",error_code:q(s),value_usd:Math.round(j(e.manaWei,c))/100}),v("error"),k(U(s))}})(),()=>{h=!0,m.current&&n&&(y(n.identity,[m.current]).catch(()=>{}),m.current=null)}},[]);const w=!!r&&d!=null&&d.credits<r.credits;async function J(){if(!n||!r)return;if(w){g("Shop Buy Credits Prompted",{from:"item_checkout",credits_needed:r.credits,credits_balance:(d==null?void 0:d.credits)??0,shortfall:Math.max(0,r.credits-((d==null?void 0:d.credits)??0))}),y(n.identity,[r.credit.id]).catch(()=>{}),m.current=null,_("/credits");return}v("working"),k(null);let h=!1;try{S(a("marketCheckout.confirming"));const o={trade:r.trade,buyer:n.address,signer:n.signer,credits:[r.credit],maxCreditedValue:r.maxCreditedValue};let s;if(xe())try{s=await le(o),await me(s),h=!0}catch(p){if(p instanceof he)h=!0;else if(p instanceof pe)s=await M(o);else throw p}else s=await M(o);m.current=null,g("Shop Completed Purchase",{items:[{item_id:e.itemId??null,contract_address:e.contractAddress,token_id:null,price_usd:r.usdCents/100}],value_credits:r.credits,value_usd:r.usdCents/100,purchase_type:"item",is_primary:!0,payment_type:"credits",no_crypto_step:h,transaction_hash:s??null}),u.invalidateQueries({queryKey:["usd-balance"]}),u.invalidateQueries({queryKey:["detail-trade"]}),u.invalidateQueries({queryKey:["shop-item"]}),u.invalidateQueries({queryKey:["item-resales",e.contractAddress,e.itemId]}),u.invalidateQueries({queryKey:["shop-items"]}),u.invalidateQueries({queryKey:["catalog-items"]}),u.invalidateQueries({queryKey:["my-assets"]}),u.invalidateQueries({queryKey:["purchases"]});const f={items:[Ne(e)],txHash:s};_("/success",{state:f})}catch(o){console.error("[market] buy now failed",o),y(n.identity,[r.credit.id]).catch(()=>{}),m.current=null,g(A(o)?"Shop Purchase Cancelled":"Shop Purchase Failed",{step:"submit",error_code:q(o),value_usd:r.usdCents/100}),u.invalidateQueries({queryKey:["usd-balance"]}),k(U(o)),v("error");const s=(o.message??"").toLowerCase();(s.includes("not found")||s.includes("no active listing")||s.includes("404"))&&V()}}function I(){n&&r&&y(n.identity,[r.credit.id]).catch(()=>{}),m.current=null,G()}const C=E==="working";return t.jsxs(ke,{role:"dialog","aria-modal":"true","aria-label":a("buyModal.dialogAria",{name:e.name}),children:[t.jsx(Ce,{onClick:C?void 0:I,"aria-hidden":!0}),t.jsxs(ge,{children:[t.jsxs(be,{children:[t.jsx(we,{children:e.thumbnail?t.jsx("img",{src:e.thumbnail,alt:""}):null}),t.jsxs("div",{children:[t.jsx(je,{title:e.name,children:e.name||a("buyModal.itemFallback")}),t.jsx(ne,{"data-variant":"rarity",children:e.rarity})]})]}),t.jsx(Pe,{children:r?t.jsxs(t.Fragment,{children:[t.jsx(F,{children:a("marketCheckout.finalPrice")}),t.jsxs(Q,{children:[t.jsx(K,{}),z(r.credits)]}),t.jsxs(B,{className:"muted",children:[a("marketCheckout.lockedForPurchase")," · $",(r.usdCents/100).toFixed(2)]})]}):t.jsxs(t.Fragment,{children:[t.jsx(F,{children:a("marketCheckout.todaysPrice")}),t.jsxs(Q,{"data-approx":!0,children:[t.jsx(_e,{"aria-hidden":!0,children:"≈"}),t.jsx(K,{}),z(Y)]}),t.jsx(B,{className:"muted",children:b||a("marketCheckout.lockingPrice")})]})}),n?t.jsxs(Ee,{className:"muted",children:[a("marketCheckout.yourBalance")," ",t.jsx(W,{className:"ccy-mark"})," ",oe(d,O)]}):null,w?t.jsx(R,{className:"muted",children:a("marketCheckout.needMore",{currency:P.name})}):null,b&&E==="working"?t.jsx(R,{className:"muted",children:b}):null,t.jsx(Se,{message:D}),t.jsxs(Ie,{children:[t.jsx(T,{variant:"ghost",onClick:I,disabled:C,children:a("buyModal.cancel")}),t.jsx(T,{variant:"purple",onClick:()=>void J(),disabled:C||!r,children:C?a("marketCheckout.buying"):w?a("nav.getCredits",{currency:P.name}):a("marketCheckout.confirmPurchase")})]})]})]})}export{Be as M};