@markee_team/sdk 0.1.0-alpha.10 → 0.1.0-alpha.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/react.js +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -139,4 +139,4 @@ footer{padding:12px 18px}
|
|
|
139
139
|
.action{appearance:none;border:0;border-radius:var(--markee-control-radius);background:var(--markee-primary);color:var(--markee-primary-text);font:inherit;font-weight:700;padding:11px 16px;cursor:pointer}
|
|
140
140
|
.action:focus-visible{outline:2px solid var(--markee-focus-ring);outline-offset:3px}
|
|
141
141
|
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
|
|
142
|
-
`;function ee(n,e,t=!1){let a=n?.name||"Markee",r=n?n.strategy==="rent"?"For rent":"For sale":"",{entry:i,visibility:s}=n?W(n):{entry:null,visibility:"unavailable"},o=t?'<p class="notice" role="status">Markee sign is temporarily unavailable.</p>':n?i?s==="unavailable"?'<p class="notice" role="status">Message unavailable while moderation loads.</p>':`<div class="${s==="flagged"?"obscured":""}" ${s==="flagged"?'aria-hidden="true"':""}><p class="message">${l(i.message)}</p><p class="author">${l(i.name||E(i.owner))}</p></div>${s==="flagged"?'<div class="veil" role="status">This message has been flagged.</div>':""}`:'<p class="notice">The sign is waiting for its first message.</p>':'<p class="notice" role="status">Loading the Markee sign\u2026</p>';return`<style>${Z}</style><section class="sign" aria-label="${l(a)} Markee sign"><div class="eyebrow">Current Markee sign</div><p class="board">${l(a)}${r?` \xB7 ${r}`:""}</p>${o}${e&&n?.board?'<button class="action" type="button" data-markee-open>Open Markee</button>':""}</section>`}function te(n,e){if(typeof document>"u")throw new Error("Mount the Markee sign in a browser.");let t=document.createElement("div");t.setAttribute("data-markee-sign","");let a=t.attachShadow({mode:"open"});n.appendChild(t);let r=L(t,e.theme),i=new T(e),s
|
|
142
|
+
`;function ee(n,e,t=!1){let a=n?.name||"Markee",r=n?n.strategy==="rent"?"For rent":"For sale":"",{entry:i,visibility:s}=n?W(n):{entry:null,visibility:"unavailable"},o=t?'<p class="notice" role="status">Markee sign is temporarily unavailable.</p>':n?i?s==="unavailable"?'<p class="notice" role="status">Message unavailable while moderation loads.</p>':`<div class="${s==="flagged"?"obscured":""}" ${s==="flagged"?'aria-hidden="true"':""}><p class="message">${l(i.message)}</p><p class="author">${l(i.name||E(i.owner))}</p></div>${s==="flagged"?'<div class="veil" role="status">This message has been flagged.</div>':""}`:'<p class="notice">The sign is waiting for its first message.</p>':'<p class="notice" role="status">Loading the Markee sign\u2026</p>';return`<style>${Z}</style><section class="sign" aria-label="${l(a)} Markee sign"><div class="eyebrow">Current Markee sign</div><p class="board">${l(a)}${r?` \xB7 ${r}`:""}</p>${o}${e&&n?.board?'<button class="action" type="button" data-markee-open>Open Markee</button>':""}</section>`}function te(n,e){if(typeof document>"u")throw new Error("Mount the Markee sign in a browser.");let t=document.createElement("div");t.setAttribute("data-markee-sign","");let a=t.attachShadow({mode:"open"});n.appendChild(t);let r=L(t,e.theme),i=new T(e),s,o=Number.isFinite(e.refreshIntervalMs)?Math.max(1e4,e.refreshIntervalMs):3e4,d=!0,f,p,w,k=new Set,h=null,y=(v=!1)=>{if(w?.disconnect(),a.innerHTML=ee(h,e.showAction!==!1,v),v||!h||typeof IntersectionObserver>"u")return;let{entry:$,visibility:_}=W(h);if(!$||_!=="visible")return;let O=`${$.address}:${$.message}`;k.has(O)||(w=new IntersectionObserver(V=>{V.some(Y=>Y.isIntersecting)&&(w?.disconnect(),k.add(O),i.recordView($.address,$.message,window.location.origin).catch(()=>{k.delete(O)}))},{threshold:.5}),w.observe(t))},g=async()=>{if(!d)return;clearTimeout(p),f?.abort();let v=new AbortController;f=v;try{let $=await i.snapshot(e.placement,null,void 0,v.signal);d&&f===v&&(h=$,y())}catch{d&&f===v&&!v.signal.aborted&&(h=null,y(!0))}finally{d&&f===v&&(p=setTimeout(()=>void g(),o))}};return a.addEventListener("click",v=>{v.target.closest("[data-markee-open]")&&(s??=D(e),s.open({placement:e.placement}))}),y(),e.siteUrl&&i.registerSite(e.placement),g(),{refresh:g,setTheme:r.set,destroy(){d=!1,f?.abort(),clearTimeout(p),w?.disconnect(),s?.close(),r.destroy(),t.remove()}}}export{U as DEFAULT_MARKEE_API_URL,T as MarkeeClient,u as MarkeeError,R as MarkeeModal,B as checkoutStatus,D as createMarkee,te as createMarkeeSign,P as discoverWallets,m as formatEth,F as openHostedCheckout,b as parseEth,j as savedCheckout,W as signContent};
|
package/dist/react.js
CHANGED
|
@@ -139,4 +139,4 @@ footer{padding:12px 18px}
|
|
|
139
139
|
.action{appearance:none;border:0;border-radius:var(--markee-control-radius);background:var(--markee-primary);color:var(--markee-primary-text);font:inherit;font-weight:700;padding:11px 16px;cursor:pointer}
|
|
140
140
|
.action:focus-visible{outline:2px solid var(--markee-focus-ring);outline-offset:3px}
|
|
141
141
|
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
|
|
142
|
-
`;function ie(n,e,t=!1){let a=n?.name||"Markee",r=n?n.strategy==="rent"?"For rent":"For sale":"",{entry:i,visibility:s}=n?_(n):{entry:null,visibility:"unavailable"},o=t?'<p class="notice" role="status">Markee sign is temporarily unavailable.</p>':n?i?s==="unavailable"?'<p class="notice" role="status">Message unavailable while moderation loads.</p>':`<div class="${s==="flagged"?"obscured":""}" ${s==="flagged"?'aria-hidden="true"':""}><p class="message">${l(i.message)}</p><p class="author">${l(i.name||E(i.owner))}</p></div>${s==="flagged"?'<div class="veil" role="status">This message has been flagged.</div>':""}`:'<p class="notice">The sign is waiting for its first message.</p>':'<p class="notice" role="status">Loading the Markee sign\u2026</p>';return`<style>${re}</style><section class="sign" aria-label="${l(a)} Markee sign"><div class="eyebrow">Current Markee sign</div><p class="board">${l(a)}${r?` \xB7 ${r}`:""}</p>${o}${e&&n?.board?'<button class="action" type="button" data-markee-open>Open Markee</button>':""}</section>`}function V(n,e){if(typeof document>"u")throw new Error("Mount the Markee sign in a browser.");let t=document.createElement("div");t.setAttribute("data-markee-sign","");let a=t.attachShadow({mode:"open"});n.appendChild(t);let r=z(t,e.theme),i=new k(e),s
|
|
142
|
+
`;function ie(n,e,t=!1){let a=n?.name||"Markee",r=n?n.strategy==="rent"?"For rent":"For sale":"",{entry:i,visibility:s}=n?_(n):{entry:null,visibility:"unavailable"},o=t?'<p class="notice" role="status">Markee sign is temporarily unavailable.</p>':n?i?s==="unavailable"?'<p class="notice" role="status">Message unavailable while moderation loads.</p>':`<div class="${s==="flagged"?"obscured":""}" ${s==="flagged"?'aria-hidden="true"':""}><p class="message">${l(i.message)}</p><p class="author">${l(i.name||E(i.owner))}</p></div>${s==="flagged"?'<div class="veil" role="status">This message has been flagged.</div>':""}`:'<p class="notice">The sign is waiting for its first message.</p>':'<p class="notice" role="status">Loading the Markee sign\u2026</p>';return`<style>${re}</style><section class="sign" aria-label="${l(a)} Markee sign"><div class="eyebrow">Current Markee sign</div><p class="board">${l(a)}${r?` \xB7 ${r}`:""}</p>${o}${e&&n?.board?'<button class="action" type="button" data-markee-open>Open Markee</button>':""}</section>`}function V(n,e){if(typeof document>"u")throw new Error("Mount the Markee sign in a browser.");let t=document.createElement("div");t.setAttribute("data-markee-sign","");let a=t.attachShadow({mode:"open"});n.appendChild(t);let r=z(t,e.theme),i=new k(e),s,o=Number.isFinite(e.refreshIntervalMs)?Math.max(1e4,e.refreshIntervalMs):3e4,c=!0,f,u,w,b=new Set,h=null,y=(v=!1)=>{if(w?.disconnect(),a.innerHTML=ie(h,e.showAction!==!1,v),v||!h||typeof IntersectionObserver>"u")return;let{entry:T,visibility:Y}=_(h);if(!T||Y!=="visible")return;let N=`${T.address}:${T.message}`;b.has(N)||(w=new IntersectionObserver(J=>{J.some(G=>G.isIntersecting)&&(w?.disconnect(),b.add(N),i.recordView(T.address,T.message,window.location.origin).catch(()=>{b.delete(N)}))},{threshold:.5}),w.observe(t))},g=async()=>{if(!c)return;clearTimeout(u),f?.abort();let v=new AbortController;f=v;try{let T=await i.snapshot(e.placement,null,void 0,v.signal);c&&f===v&&(h=T,y())}catch{c&&f===v&&!v.signal.aborted&&(h=null,y(!0))}finally{c&&f===v&&(u=setTimeout(()=>void g(),o))}};return a.addEventListener("click",v=>{v.target.closest("[data-markee-open]")&&(s??=O(e),s.open({placement:e.placement}))}),y(),e.siteUrl&&i.registerSite(e.placement),g(),{refresh:g,setTheme:r.set,destroy(){c=!1,f?.abort(),clearTimeout(u),w?.disconnect(),s?.close(),r.destroy(),t.remove()}}}function Me(n){let e=P(n);e.current=n;let t=P(),a=JSON.stringify(n.placement);return A(()=>{if(!n.siteUrl)return;new k({apiUrl:n.apiUrl,fetch:n.fetch,siteUrl:n.siteUrl,onSiteVerification:i=>e.current.onSiteVerification?.(i)}).registerSite(n.placement)},[n.siteUrl,n.apiUrl,n.fetch,a]),A(()=>{if(!n.open)return;let r=O({apiUrl:n.apiUrl,fetch:n.fetch,theme:e.current.theme,checkoutWindow:n.checkoutWindow,wallet:n.wallet?{getProvider:()=>e.current.wallet.getProvider(),connect:()=>{let s=e.current.wallet?.connect;return s?s():Promise.reject(new Error("Connect the app wallet first."))}}:void 0,onEvent:s=>e.current.onEvent?.(s)});t.current=r;let i=!1;return r.open({placement:n.placement,onClose:()=>{i||e.current.onClose()}}),()=>{i=!0,r.close(),t.current=void 0}},[n.open,n.apiUrl,n.fetch,n.checkoutWindow,!!n.wallet,a]),A(()=>{t.current?.setTheme(n.theme)},[n.theme]),n.placement.kind==="board"?B("span",{hidden:!0,"data-markee-address":n.placement.address}):null}function Ae({children:n="Open Markee",onClick:e,...t}){return B("button",{...t,type:"button",onClick:e},n)}function Pe(n){let e=P(null),t=P(n);t.current=n;let a=P(),r=JSON.stringify(n.placement);return A(()=>{if(!e.current)return;let i=V(e.current,{...t.current,wallet:t.current.wallet?{getProvider:()=>t.current.wallet.getProvider(),connect:()=>t.current.wallet?.connect?.()??Promise.reject(new Error("Connect the app wallet first."))}:void 0,onEvent:s=>t.current.onEvent?.(s),onSiteVerification:s=>t.current.onSiteVerification?.(s)});return a.current=i,()=>{i.destroy(),a.current=void 0}},[r,n.apiUrl,n.fetch,n.showAction,n.refreshIntervalMs,n.siteUrl,!!n.wallet]),A(()=>{a.current?.setTheme(n.theme)},[n.theme]),B("div",{ref:e,className:n.className},n.placement.kind==="board"?B("span",{hidden:!0,"data-markee-address":n.placement.address}):null)}export{Ae as MarkeeButton,Me as MarkeeModal,Pe as MarkeeSign};
|