@dcl/shop 1.17.1 → 1.17.2-36152359068.commit-47bab5a

package/_assets/IssueModal-C8pY_CjA.js

@@ -0,0 +1,323 @@
+import{r as w,j as t}from"./react-CIPIqkKp.js";import{M as Q,h as G,j as W,s as o,a as e,X,t as i,I as k,O as S,Y,l as Z,Z as J}from"./index--6KpZcM5.js";import{f as F,m as ee,k as te,r as se,n as oe,p as ne}from"./trade-encoding-Cv_E0sn5.js";import{M as ie,E as re,s as ae}from"./sendMetaTransaction-8HXF7dJf.js";import{C as le,I as ce}from"./ethers-H2EHHmSo.js";import{i as de}from"./SaleCountdown-BT87OARJ.js";import{i as A,f as ue}from"./errors-CynPossx.js";import{E as pe}from"./ErrorNotice-CbW4Q2ZV.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new s.Error().stack;a&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[a]="8857bf94-c41c-4739-bfb6-1978f1a6dd0d",s._sentryDebugIdIdentifier="sentry-dbid-8857bf94-c41c-4739-bfb6-1978f1a6dd0d")}catch{}})();const B=["function issueTokens(address[] _beneficiaries, uint256[] _itemIds)"];function D(s){return/^0x[a-fA-F0-9]{40}$/.test(s.trim())}function L(s){return s.reduce((a,r)=>a+Math.max(0,Math.floor(r.amount||0)),0)}function fe(s,a){const r=s.filter(c=>c.address.trim().length>0||(c.amount||0)>0);if(r.length===0)return!1;for(const c of r)if(!D(c.address)||!Number.isInteger(c.amount)||c.amount<1)return!1;const d=L(r);return d>=1&&d<=a}function xe(s,a){const r=[],d=[];for(const c of s){const f=c.address.trim(),p=Math.max(0,Math.floor(c.amount||0));if(!(!f||p===0))for(let l=0;l<p;l++)r.push(f),d.push(a)}return{beneficiaries:r,itemIds:d}}async function me(s){const{contractAddress:a,chainId:r,beneficiaries:d,itemIds:c,signer:f}=s,p={...G(W.ERC721CollectionV2,r),address:a},l=new ce(B).encodeFunctionData("issueTokens",[d,c]),b=se(),v=oe(f.provider,b),y=await ae(v,b,l,p,{serverURL:F.relayerUrl});return await ne(y,"the mint"),y}async function he(s){const{signer:a,contractAddress:r,chainId:d,entries:c,itemId:f}=s,{beneficiaries:p,itemIds:l}=xe(c,f);if(p.length===0)throw new Error("No copies to issue");if(F.enabled)try{return await me({contractAddress:r,chainId:d,beneficiaries:p,itemIds:l,signer:a})}catch(x){if(x instanceof ie&&x.code===re.USER_DENIED||x instanceof ee)throw x;console.warn("[issue] gasless meta-tx failed, falling back to a direct tx:",x)}return await Q(a.provider,d),(await(await new le(r,B,a).issueTokens(p,l,te(d))).wait()).transactionHash}const ge=o.div`
+  position: fixed;
+  inset: 0;
+  z-index: 10000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 16px;
+  background: rgba(22, 21, 24, 0.55);
+`,be=o.div`
+  width: 560px;
+  max-width: 100%;
+  max-height: 92vh;
+  overflow-y: auto;
+  background: ${e.colors.white};
+  border-radius: 16px;
+  padding: 12px 16px 16px;
+  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+`,ye=o.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid ${e.colors.gray4};
+`,we=o.h2`
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-weight: 600;
+  font-size: 20px;
+  line-height: 1.6;
+  color: ${e.colors.text};
+`,ve=o.button`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 24px;
+  height: 24px;
+  border: 0;
+  background: none;
+  cursor: pointer;
+  color: ${e.colors.text};
+
+  .ico {
+    width: 18px;
+    height: 18px;
+  }
+  &:disabled {
+    opacity: 0.4;
+    cursor: default;
+  }
+  &:focus-visible {
+    outline: 2px solid ${e.colors.accent};
+    outline-offset: 2px;
+  }
+`,$e=o.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-size: 14px;
+  line-height: 1.57;
+  color: ${e.colors.text};
+  text-align: left;
+`,je=o.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
+`,ke=o.div`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 56px;
+  height: 56px;
+  border-radius: 12px;
+  background: ${e.colors.media};
+  border: 1px solid ${e.colors.gray4};
+  overflow: hidden;
+
+  img {
+    width: 48px;
+    height: 48px;
+    object-fit: contain;
+    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.1));
+  }
+`,Ie=o.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 1.4;
+  color: ${e.colors.text};
+`,Ce=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+`,Ee=o.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+`,Re=o.label`
+  flex: 1 1 auto;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,Me=o.label`
+  flex: none;
+  width: 96px;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+`,T=o.span`
+  font-family: ${e.font.sans};
+  font-size: 12px;
+  color: ${e.colors.muted};
+`,z=o.input`
+  height: 42px;
+  padding: 0 10px;
+  border: 0.5px solid ${e.colors.text};
+  border-radius: 8px;
+  background: ${e.colors.white};
+  font-family: ${e.font.sans};
+  font-size: 13px;
+  color: ${e.colors.text};
+  outline: none;
+
+  &::placeholder {
+    color: ${e.colors.muted2};
+  }
+  &:focus {
+    border-color: ${e.colors.magenta};
+  }
+  &[aria-invalid='true'] {
+    border-color: ${e.colors.err};
+  }
+  /* Strip the number spinners on the amount input. */
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  &[type='number'] {
+    -moz-appearance: textfield;
+    appearance: textfield;
+  }
+`,Se=o.button`
+  flex: none;
+  margin-top: 22px;
+  display: grid;
+  place-items: center;
+  width: 42px;
+  height: 42px;
+  border: 0.5px solid ${e.colors.gray4};
+  border-radius: 8px;
+  background: ${e.colors.white};
+  color: ${e.colors.muted};
+  cursor: pointer;
+
+  .ico {
+    width: 16px;
+    height: 16px;
+  }
+  &:hover:not(:disabled) {
+    color: ${e.colors.err};
+    border-color: ${e.colors.err};
+  }
+  &:disabled {
+    opacity: 0.35;
+    cursor: default;
+  }
+  &:focus-visible {
+    outline: 2px solid ${e.colors.accent};
+    outline-offset: 2px;
+  }
+`,Ae=o.button`
+  align-self: flex-start;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border: 0;
+  background: none;
+  padding: 0;
+  cursor: pointer;
+  font-family: ${e.font.sans};
+  font-weight: 600;
+  font-size: 13px;
+  color: ${e.colors.accent};
+
+  .ico {
+    width: 16px;
+    height: 16px;
+  }
+  &:disabled {
+    opacity: 0.4;
+    cursor: default;
+  }
+  &:focus-visible {
+    outline: 2px solid ${e.colors.accent};
+    outline-offset: 2px;
+  }
+`,Te=o.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-size: 13px;
+  line-height: 1.5;
+  color: ${s=>s.over?e.colors.err:e.colors.text};
+
+  strong {
+    font-weight: 700;
+  }
+`,ze=o.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-size: 12px;
+  line-height: 1.5;
+  color: ${e.colors.muted};
+`;o.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-size: 13px;
+  color: ${e.colors.muted};
+  text-align: center;
+`;const Ne=o.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-size: 11px;
+  color: ${e.colors.err};
+`,N=o.div`
+  display: flex;
+  gap: 12px;
+
+  ${e.media.maxWidth("mobile")} {
+    flex-direction: column-reverse;
+  }
+`,_e=o.button`
+  flex: 1 1 0;
+  height: 48px;
+  border: 2px solid ${e.colors.accent};
+  border-radius: 12px;
+  background: transparent;
+  color: ${e.colors.accent};
+  cursor: pointer;
+  font-family: ${e.font.sans};
+  font-weight: 600;
+  font-size: 13px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+
+  &:hover:not(:disabled) {
+    background: rgba(105, 31, 169, 0.06);
+  }
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  &:focus-visible {
+    outline: 2px solid ${e.colors.accent};
+    outline-offset: 2px;
+  }
+`,_=o.button`
+  flex: 1 1 0;
+  height: 48px;
+  border: 0;
+  border-radius: 12px;
+  cursor: pointer;
+  background: ${e.colors.accent};
+  color: ${e.colors.white};
+  font-family: ${e.font.sans};
+  font-weight: 600;
+  font-size: 13px;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+
+  &:hover:not(:disabled) {
+    background: ${e.colors.accentHover};
+  }
+  &:focus-visible {
+    outline: 2px solid ${e.colors.accent};
+    outline-offset: 2px;
+  }
+  &:disabled {
+    cursor: not-allowed;
+    background: rgba(105, 31, 169, 0.2);
+    color: ${e.colors.white};
+  }
+`,Fe=o.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+  padding: 24px 16px;
+  border-radius: 16px;
+  background: rgba(193, 238, 207, 0.5);
+  text-align: center;
+`,Be=o.div`
+  display: grid;
+  place-items: center;
+  width: 64px;
+  height: 64px;
+  border-radius: 50%;
+  background: ${e.colors.ok};
+  color: ${e.colors.white};
+
+  .ico {
+    width: 34px;
+    height: 34px;
+  }
+`,De=o.p`
+  margin: 0;
+  font-family: ${e.font.sans};
+  font-size: 20px;
+  line-height: 1.334;
+  color: ${e.colors.text2};
+
+  b {
+    font-weight: 700;
+  }
+`;function Le(s){return s.map(a=>({address:a.address,amount:Number(a.amount)}))}function Ge({item:s,session:a,onClose:r,onIssued:d}){const c=X(),[f,p]=w.useState([{address:"",amount:"1"}]),[l,b]=w.useState(!1),[v,y]=w.useState(null),[x,P]=w.useState(null),C=w.useRef(null),q=de(a),$=Le(f),m=L($),E=fe($,s.available),R=m>s.available;w.useEffect(()=>{var u;(u=C.current)==null||u.focus();function n(h){h.key==="Escape"&&!l&&r()}return window.addEventListener("keydown",n),()=>window.removeEventListener("keydown",n)},[l,r]);function M(n,u){p(h=>h.map((g,j)=>j===n?{...g,...u}:g))}function H(){p(n=>[...n,{address:"",amount:"1"}])}function U(n){p(u=>u.length<=1?u:u.filter((h,g)=>g!==n))}async function V(){if(!(!E||l)){y(null),b(!0);try{await he({signer:a.signer,contractAddress:s.contractAddress,chainId:s.chainId,entries:$,itemId:s.itemId}),S("Shop Issued Item",{contract_address:s.contractAddress,item_id:s.itemId,recipients:$.filter(n=>n.address.trim().length>0).length,copies:m}),P(m),Y.success(i("issue.toastSuccess",{count:m,name:s.name})),c.invalidateQueries({queryKey:["publishable-item"]}),c.invalidateQueries({queryKey:["publishable-items"]}),d==null||d()}catch(n){A(n)||Z(n,{flow:"issue-item",itemId:s.itemId}),S("Shop Issue Failed",{error_code:J(n)}),y(A(n)?i("getCredits.errorCanceled"):ue(n,i("issue.errorGeneric")))}finally{b(!1)}}}const K=l?q?i("issue.issuing"):i("issue.confirm"):m>0?i("issue.issueCount",{count:m}):i("issue.issue");return t.jsx(ge,{onClick:l?void 0:r,role:"presentation",children:t.jsxs(be,{ref:C,tabIndex:-1,"data-testid":"issue-modal",onClick:n=>n.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":i("issue.title"),children:[t.jsxs(ye,{children:[t.jsx(we,{children:i("issue.title")}),t.jsx(ve,{onClick:r,disabled:l,"aria-label":i("sellModal.cancel"),children:t.jsx(k,{name:"close",className:"ico"})})]}),x!==null?t.jsxs(t.Fragment,{children:[t.jsxs(Fe,{children:[t.jsx(Be,{"aria-hidden":!0,children:t.jsx(k,{name:"check",className:"ico"})}),t.jsx(De,{children:i("issue.successBody",{count:x,name:s.name})})]}),t.jsx(N,{children:t.jsx(_,{onClick:r,children:i("getCredits.done")})})]}):t.jsxs(t.Fragment,{children:[t.jsxs(je,{children:[t.jsx(ke,{children:s.thumbnail?t.jsx("img",{src:s.thumbnail,alt:""}):null}),t.jsx(Ie,{children:s.name})]}),t.jsx($e,{children:i("issue.subtitle")}),t.jsx(Ce,{children:f.map((n,u)=>{const h=n.address.trim(),g=h.length>0&&!D(h),j=Number(n.amount),O=n.amount.length>0&&(!Number.isInteger(j)||j<1);return t.jsxs(Ee,{children:[t.jsxs(Re,{children:[t.jsx(T,{children:i("issue.addressLabel")}),t.jsx(z,{type:"text",spellCheck:!1,autoComplete:"off",placeholder:"0x…",value:n.address,onChange:I=>M(u,{address:I.target.value}),disabled:l,"aria-invalid":g,"aria-label":i("issue.addressLabel")}),g?t.jsx(Ne,{children:i("issue.invalidAddress")}):null]}),t.jsxs(Me,{children:[t.jsx(T,{children:i("issue.amountLabel")}),t.jsx(z,{type:"number",min:"1",step:"1",inputMode:"numeric",value:n.amount,onChange:I=>M(u,{amount:I.target.value}),disabled:l,"aria-invalid":O,"aria-label":i("issue.amountLabel")})]}),t.jsx(Se,{onClick:()=>U(u),disabled:l||f.length<=1,"aria-label":i("issue.removeRow"),children:t.jsx(k,{name:"close",className:"ico"})})]},u)})}),t.jsxs(Ae,{onClick:H,disabled:l,children:[t.jsx(k,{name:"plus",className:"ico"}),i("issue.addRow")]}),t.jsxs(Te,{over:R,"aria-live":"polite",children:[t.jsx("strong",{children:m})," / ",s.available," ",i("issue.itemsToIssue")]}),R?t.jsx(ze,{children:i("issue.overCap",{available:s.available})}):null,t.jsx(pe,{message:v}),t.jsxs(N,{children:[t.jsx(_e,{onClick:r,disabled:l,children:i("sellModal.cancel")}),t.jsx(_,{onClick:()=>void V(),disabled:!E||l,children:K})]})]})]})})}export{Ge as I};
+//# sourceMappingURL=IssueModal-C8pY_CjA.js.map