@dcl/shop 1.12.2-34900076381.commit-51dacfd → 1.12.2-34943028392.commit-9a41f7d

package/_assets/LoadMore-C10HOksE.js

@@ -0,0 +1,8 @@
+import{r as o,j as u}from"./react-B3VM-Euj.js";import{a as b,B as y,d as s}from"./index-CeM-P3No.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},r=new e.Error().stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="120f5a67-d535-4f72-8e66-a4b9c6ba0eab",e._sentryDebugIdIdentifier="sentry-dbid-120f5a67-d535-4f72-8e66-a4b9c6ba0eab")}catch{}})();const x=b.div`
+  display: flex;
+  justify-content: center;
+  padding: 28px 0 8px;
+`,g=b(y)`
+  min-width: 160px;
+`;function m({hasNextPage:e,isFetching:r,isError:t=!1,onLoadMore:n,auto:d=!0}){const a=o.useRef(null),f=o.useRef(n);return f.current=n,o.useEffect(()=>{const i=a.current;if(!i||!e||r||t||!d)return;const l=new IntersectionObserver(p=>{var c;(c=p[0])!=null&&c.isIntersecting&&f.current()},{rootMargin:"600px 0px"});return l.observe(i),()=>l.disconnect()},[e,r,t,d]),e?u.jsx(x,{ref:a,children:u.jsx(g,{variant:"ghost",onClick:n,disabled:r,children:r?s("loadMore.loading"):t?s("loadMore.retry"):s("loadMore.loadMore")})}):null}export{m as L};
+//# sourceMappingURL=LoadMore-C10HOksE.js.map

package/_assets/ManaPricingBanner.styles-CMRvNq20.js

@@ -0,0 +1,129 @@
+import{r as u,j as e,L as b}from"./react-B3VM-Euj.js";import{t as a,a as t,b9 as m,C as w,ba as C,d as r}from"./index-CeM-P3No.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},s=new n.Error().stack;s&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[s]="c09f51dd-d3de-4780-bc98-0878deaad1bf",n._sentryDebugIdIdentifier="sentry-dbid-c09f51dd-d3de-4780-bc98-0878deaad1bf")}catch{}})();function y({size:n=17,...s}){const o=`credit-mark-${u.useId()}`;return e.jsxs("svg",{viewBox:"0 0 16.9985 16.9985",width:n,height:n,fill:"none","aria-hidden":!0,focusable:"false",...s,children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:o,x1:"-0.513692",y1:"8.51179",x2:"29.4301",y2:"5.69069",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:a.colors.dclRed}),e.jsx("stop",{offset:"1",stopColor:a.colors.flareAmber})]})}),e.jsx("path",{d:"M11.866 0.605075L16.4734 5.29355L16.4148 11.8658L11.7253 16.4742L5.15405 16.4156L0.545653 11.7271L0.604247 5.1539L5.29175 0.546481L11.866 0.605075Z",fill:`url(#${o})`,stroke:`url(#${o})`,strokeWidth:"1.04738"}),e.jsx("path",{d:"M9.14405 10.9365C9.51965 10.9365 9.87384 10.8794 10.2067 10.7653C10.5395 10.6512 10.7938 10.5371 10.9697 10.423L11.4975 11.4749L12.0252 12.5268C11.8017 12.717 11.4166 12.9095 10.8699 13.1045C10.3279 13.2994 9.68605 13.3969 8.94437 13.3969C8.25023 13.3969 7.59651 13.2756 6.98319 13.0332C6.36988 12.7907 5.82551 12.4507 5.35007 12.0133C4.87939 11.5759 4.51093 11.0625 4.24468 10.4729C3.97844 9.87864 3.84532 9.23205 3.84532 8.53316C3.84532 7.83427 3.97844 7.18767 4.24468 6.59338C4.51093 5.99433 4.87939 5.4761 5.35007 5.0387C5.82075 4.59655 6.36275 4.25423 6.97606 4.01176C7.59413 3.76453 8.25023 3.64092 8.94437 3.64092C9.68605 3.64092 10.3279 3.73838 10.8699 3.93331C11.4166 4.12824 11.8017 4.32079 12.0252 4.51097L10.9697 6.61477C10.7938 6.50067 10.5395 6.38656 10.2067 6.27246C9.87384 6.15835 9.51965 6.1013 9.14405 6.1013C8.67812 6.1013 8.27876 6.17024 7.94595 6.30812C7.6179 6.44599 7.34928 6.63141 7.14009 6.86438C6.9309 7.09734 6.77638 7.35645 6.67654 7.64171C6.58145 7.92698 6.53391 8.21699 6.53391 8.51176C6.53391 8.81129 6.58145 9.10606 6.67654 9.39607C6.77638 9.68133 6.9309 9.94045 7.14009 10.1734C7.34928 10.4064 7.6179 10.5918 7.94595 10.7297C8.27876 10.8675 8.67812 10.9365 9.14405 10.9365Z",fill:a.colors.white})]})}const{colors:d,font:$}=a,j=t.p`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin: 0;
+  font-family: ${$.sans};
+  font-size: 16px;
+  line-height: normal;
+  color: ${d.text};
+
+  &[data-align='center'] {
+    justify-content: center;
+  }
+
+  /* The peg is stated on a white modal AND on the violet migration page, so the line carries the two
+     skins the design gives it. On dark the whole line is white — the "=" loses its grey step, which
+     would read as struck-through type against the page. */
+  &[data-tone='on-dark'] {
+    color: ${d.white};
+  }
+`,h=t.span`
+  font-weight: 600;
+`,p=t.span`
+  font-weight: 400;
+`,k=t.span`
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.57;
+  color: ${d.muted1};
+
+  [data-tone='on-dark'] & {
+    color: inherit;
+  }
+`;function D({align:n,tone:s,className:o}){const l=m(w.nameSingular),c=C(1).toFixed(2),g=r("creditRate.usdLabel");return e.jsxs(j,{className:o,"data-align":n,"data-tone":s,"data-testid":"credit-rate","aria-label":r("creditRate.aria",{unit:l,usd:c}),children:[e.jsx(y,{}),e.jsxs("span",{children:[e.jsx(h,{children:"1"})," ",e.jsx(p,{children:l})]}),e.jsx(k,{"aria-hidden":!0,children:r("creditRate.equals")}),e.jsxs("span",{children:[e.jsx(p,{children:g})," ",e.jsx(h,{children:c})]})]})}const{colors:i,font:L,media:f,radius:x}=a,v=t.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 12px 8px 12px 16px;
+  border-radius: ${x.btn};
+  background: ${i.promptLilac};
+  font-family: ${L.sans};
+`,A=t(v)`
+  justify-content: space-between;
+  background: ${i.promptAmber};
+
+  /* Side by side the sentence and the cta can't both fit a phone, so the cta drops to its own line. */
+  ${f.maxWidth("mobile")} {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+`,M=t.div`
+  display: flex;
+  align-items: center;
+  gap: 8px;
+
+  & .ico {
+    flex: none;
+    color: ${i.text};
+  }
+`,E=t.p`
+  margin: 0;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.334;
+  color: ${i.text2};
+`,S=t.strong`
+  font-weight: 700;
+`,T=t.img`
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.12em;
+`,U=t.div`
+  flex: none;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+
+  /* On the stacked layout this row owns the full width, so the close button keeps its far-right place
+     instead of trailing the cta. */
+  ${f.maxWidth("mobile")} {
+    width: 100%;
+    justify-content: space-between;
+  }
+`,z=t.button`
+  flex: none;
+  display: grid;
+  place-items: center;
+  width: 32px;
+  height: 32px;
+  border: 0;
+  border-radius: 50%;
+  background: none;
+  color: ${i.text};
+  cursor: pointer;
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.08);
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.text};
+    outline-offset: 2px;
+  }
+`,_=t(b)`
+  flex: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 40px;
+  padding: 0 12px;
+  border-radius: ${x.card};
+  font-size: 13px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0.46px;
+  text-transform: uppercase;
+  text-decoration: underline;
+  /* The banner's own ink, not the accent purple: on the amber fill the link is the only thing to the
+     right of the sentence, so it reads as the action without a colour of its own. */
+  color: ${i.text};
+
+  &:hover {
+    color: ${i.gray0};
+  }
+  &:focus-visible {
+    outline: 2px solid ${i.text};
+    outline-offset: 2px;
+  }
+`;export{S as A,M as B,D as C,z as D,T as M,A as R,v as S,E as T,U as a,_ as b};
+//# sourceMappingURL=ManaPricingBanner.styles-CMRvNq20.js.map