@dcl/shop 0.1.0 → 0.1.1-30909439604.commit-4721d83

package/_assets/ImportListings-DryzCKJV.js

@@ -1,447 +0,0 @@
-import{j as e,b as ee,r as h,L as te}from"./react-vyZjIDcS.js";import{t as S,s as t,x as ie,y as se,e as i,h as B,B as I,z,ar as ne,aR as K,l as W,m as re,n as oe,D as ae,u as de,F as ce}from"./index-Cn-oc3fB.js";import{i as le,R as pe,f as ge}from"./import-DbH_aWZX.js";import{u as xe}from"./useSecondarySales-BUPg_0HB.js";import"./sentry-B35L1FdR.js";import"./dcl-schemas-BICTSpB5.js";import"./ethers-CXBJm_wN.js";import"./intl-CBcMB1D2.js";import"./buy-Cl7snZzi.js";import"./authorizations-BNs0emga.js";import"./sendMetaTransaction-DfeiXpP_.js";import"./trade-encoding-CXbhpVj8.js";import"./mana-rate-COZYJ-5D.js";import"./mana-convert-BAmJatVq.js";function U({size:o=12,...w}){return e.jsx("svg",{viewBox:"0 0 20 20",width:o,height:o,fill:"none","aria-hidden":!0,focusable:"false",...w,children:e.jsx("path",{d:"M5 10.5l3 3 7-7.5",stroke:"#fff",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})}const{colors:M,radius:me,z:ue}=S,he=ie`
-  0% {
-    transform: scale(0);
-    opacity: 0;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-`,H=t.div`
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.5);
-  display: flex;
-  overflow-y: auto;
-  padding: 20px;
-  // Above the global DCL navbar so the backdrop dims the full viewport (navbar included).
-  z-index: ${ue.overlay};
-`,Z=t.div`
-  background: ${M.white};
-  border-radius: ${me.card};
-  padding: 24px;
-  width: min(420px, 92vw);
-  margin: auto;
-  /* Never taller than the (padded) viewport, and scroll inside if the content still does not fit — on a
-     short screen the actions used to sit off the bottom edge with no way to reach them. */
-  max-height: 100%;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-
-  &[data-success] {
-    text-align: center;
-    align-items: center;
-  }
-  &[data-success] [data-actions] {
-    justify-content: center;
-    width: 100%;
-  }
-`,O=t.h2`
-  font-size: 20px;
-`;t.img`
-  width: 140px;
-  height: 140px;
-  object-fit: contain;
-  align-self: center;
-  background: ${M.media};
-  border-radius: 10px;
-`;const fe=t.div`
-  position: sticky;
-  bottom: 0;
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  margin-top: 6px;
-  padding-top: 8px;
-  background: ${M.white};
-`,be=t.div`
-  width: 56px;
-  height: 56px;
-  border-radius: 50%;
-  background: ${M.okStrong};
-  color: ${M.white};
-  font-size: 30px;
-  font-weight: 800;
-  display: grid;
-  place-items: center;
-  margin: 4px auto 2px;
-  animation: ${he} 0.32s cubic-bezier(0.2, 0.9, 0.3, 1.4);
-
-  @media (prefers-reduced-motion: reduce) {
-    animation: none;
-  }
-`;t.p`
-  font-weight: 700;
-  font-size: 16px;
-  margin: 2px 0 0;
-`;const{colors:y,gradients:ye,radius:we}=S,je=t(Z)`
-  width: min(460px, 94vw);
-  text-align: left;
-  align-items: stretch;
-`,ve=t.div`
-  height: 6px;
-  border-radius: 999px;
-  background: ${y.line};
-  overflow: hidden;
-  margin: 6px 0 14px;
-`,ke=t.div`
-  height: 100%;
-  width: 0;
-  background: ${ye.amethyst};
-  border-radius: 999px;
-  transition: width 0.45s ease;
-`,$e=t.ul`
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  /* The elastic part of a viewport-capped modal: it gives up height before anything else. The floor is
-     explicit because a scroll container's automatic minimum size is zero — it would otherwise collapse
-     to nothing on a short screen instead of just showing fewer rows. */
-  min-height: 96px;
-  max-height: 320px;
-  overflow-y: auto;
-`,Se=t.li`
-  display: grid;
-  grid-template-columns: 34px 1fr auto auto;
-  align-items: center;
-  gap: 10px;
-  padding: 8px;
-  border-radius: 10px;
-  transition: background 0.2s;
-
-  &[data-status='active'] {
-    background: ${y.rarityBg};
-  }
-  &[data-status='done'] {
-    opacity: 0.75;
-  }
-  &[data-status='skipped'],
-  &[data-status='failed'] {
-    opacity: 0.6;
-  }
-`,Ie=t.span`
-  width: 34px;
-  height: 34px;
-  border-radius: ${we.btn};
-  overflow: hidden;
-  background: ${y.media};
-  display: grid;
-  place-items: center;
-
-  & img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,Le=t.span`
-  font-weight: 600;
-  font-size: 14px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,Ce=t.span`
-  font-weight: 700;
-  font-size: 13px;
-  color: ${y.text2};
-`,Te=t.span`
-  font-size: 12px;
-  font-weight: 700;
-  color: ${y.accent};
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  justify-content: flex-end;
-  min-width: 74px;
-`,ze=t.span`
-  color: ${y.muted2};
-  font-weight: 600;
-`,_=t.span`
-  color: ${y.muted};
-  font-weight: 600;
-`,Me=t.span`
-  width: 14px;
-  height: 14px;
-  margin: 0;
-  border-width: 2px;
-`,Ne=t.span`
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  background: ${y.ok};
-  color: ${y.white};
-  display: grid;
-  place-items: center;
-  font-size: 12px;
-`,Ee=t.p`
-  margin: 12px 0 0;
-`;function Re({queue:o,session:w,onClose:j,onDone:m}){const v=ee(),p=se(w.providerType),[g,b]=h.useState(()=>o.map(()=>"pending")),[A,Q]=h.useState("running"),k=h.useRef(!1);h.useEffect(()=>{if(k.current)return;k.current=!0;let n=!1;return(async()=>{for(let a=0;a<o.length;a++){if(n)return;b(x=>x.map((u,f)=>f===a?"active":u));try{await le(o[a].item,o[a].priceCredits,w),ne("Shop Migrated Listing",{item_id:o[a].item.itemId??o[a].item.oldTradeId??null,contract_address:o[a].item.contractAddress,new_price_credits:o[a].priceCredits,new_price_usd:K(o[a].priceCredits)}),n||b(x=>x.map((u,f)=>f===a?"done":u))}catch(x){if(x instanceof pe)W(x,{flow:"import_listing",step:"relist",itemId:o[a].item.itemId??o[a].item.oldTradeId}),n||b(u=>u.map((f,C)=>C===a?"unlisted":f));else{const u=x,f=u.code===4001||/reject|denied|cancel/i.test(u.message??"");f||W(x,{flow:"import_listing",itemId:o[a].item.itemId??o[a].item.oldTradeId}),n||b(C=>C.map((R,F)=>F===a?f?"skipped":"failed":R))}}}n||Q("finished")})(),()=>{n=!0}},[]);const $=g.filter(n=>n==="done").length,N=g.findIndex(n=>n==="active"),E=Math.round(g.filter(n=>n!=="pending"&&n!=="active").length/o.length*100);function L(){m(),j()}if(A==="finished"){const n=g.filter(a=>a==="skipped"||a==="failed").length,l=g.filter(a=>a==="unlisted").length;return e.jsx(H,{role:"presentation",children:e.jsxs(Z,{"data-success":!0,role:"dialog","aria-modal":"true",children:[e.jsx(be,{"aria-hidden":!0,children:e.jsx(U,{size:30})}),e.jsx(O,{children:$>0?i("migrate.successTitle"):i("migrate.nothingTitle")}),e.jsxs("p",{className:"muted",style:{margin:0},children:[$>0?i("migrate.listedSummary",{count:$,currency:B.name}):i("migrate.noneListed"),n>0?" "+i("migrate.skippedSummary",{count:n}):"",l>0?" "+i("migrate.unlistedSummary",{count:l}):""]}),e.jsxs(fe,{"data-actions":!0,children:[e.jsx(I,{variant:"ghost",onClick:L,children:i("getCredits.done")}),l>0?e.jsx(I,{variant:"purple",onClick:()=>{m(),j(),v("/my-assets")},children:i("migrate.goToMyAssets")}):$>0?e.jsx(I,{variant:"purple",onClick:()=>{m(),j(),v("/assets")},children:i("migrate.viewInShop")}):null]})]})})}return e.jsx(H,{role:"presentation",children:e.jsxs(je,{"data-testid":"modal",role:"dialog","aria-modal":"true","aria-live":"polite",children:[e.jsx(O,{children:i("migrate.listingTitle")}),e.jsxs("p",{className:"muted small",style:{margin:"0 0 4px"},children:[p?i("migrate.subConfirm"):i("migrate.subManaged")," ",N>=0?i("migrate.progressCount",{current:N+1,total:o.length}):""]}),e.jsx(ve,{children:e.jsx(ke,{style:{width:`${E}%`}})}),e.jsx($e,{children:o.map((n,l)=>e.jsxs(Se,{"data-status":g[l],children:[e.jsx(Ie,{children:n.item.thumbnail?e.jsx("img",{src:n.item.thumbnail,alt:""}):null}),e.jsx(Le,{title:n.item.name,children:n.item.name||i("migrate.itemFallback")}),e.jsxs(Ce,{children:[e.jsx(z,{className:"ccy-mark"})," ",n.priceCredits.toLocaleString()]}),e.jsx(Te,{children:g[l]==="active"?e.jsxs(e.Fragment,{children:[e.jsx(Me,{className:"spinner","aria-hidden":!0})," ",p?i("migrate.statusConfirm"):i("migrate.statusAdding")]}):g[l]==="done"?e.jsx(Ne,{children:e.jsx(U,{})}):g[l]==="skipped"?e.jsx(_,{children:i("migrate.statusSkipped")}):g[l]==="failed"?e.jsx(_,{children:i("migrate.statusFailed")}):g[l]==="unlisted"?e.jsx(_,{title:i("migrate.unlistedTooltip"),children:i("migrate.statusUnlisted")}):e.jsx(ze,{children:i("migrate.statusWaiting")})})]},n.item.oldTradeId))}),e.jsx(Ee,{className:"muted small",children:p?i("migrate.hintConfirm"):i("migrate.hintManaged")})]})})}const{colors:r,gradients:Be,radius:Ae}=S,D="@media (max-width: 620px)",G=t.div`
-  max-width: 520px;
-  margin: 0 auto;
-  text-align: center;
-  padding: 80px 20px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 10px;
-`,Y=t.span`
-  font-size: 44px;
-`,J=t.h1`
-  font-size: 26px;
-  font-weight: 800;
-  margin: 4px 0 0;
-`,V=t(I)`
-  margin-top: 10px;
-`,Qe=t.div`
-  max-width: 860px;
-  margin: 0 auto;
-  padding-bottom: 120px;
-`,Fe=t.header`
-  margin-bottom: 18px;
-`,Pe=t.span`
-  display: inline-block;
-  font-size: 12px;
-  font-weight: 700;
-  letter-spacing: 0.09em;
-  text-transform: uppercase;
-  color: ${r.accent};
-  background: ${r.rarityBg};
-  padding: 6px 12px;
-  border-radius: 999px;
-  margin-bottom: 14px;
-`,_e=t.h1`
-  font-size: clamp(26px, 4vw, 38px);
-  font-weight: 800;
-  letter-spacing: -0.02em;
-  line-height: 1.08;
-  margin: 0 0 10px;
-`,Ke=t.span`
-  background: ${Be.amethyst};
-  -webkit-background-clip: text;
-  background-clip: text;
-  color: transparent;
-`,De=t.p`
-  color: ${r.muted};
-  max-width: 60ch;
-  margin: 0;
-`,We=t.div`
-  font-size: 13px;
-  color: ${r.muted};
-  margin: 16px 0 8px;
-  display: flex;
-  align-items: center;
-  gap: 7px;
-`,Ue=t.section`
-  margin-top: 26px;
-`,He=t.div`
-  display: flex;
-  align-items: baseline;
-  gap: 12px;
-  flex-wrap: wrap;
-  margin-bottom: 12px;
-`,Oe=t.h2`
-  font-size: 19px;
-  font-weight: 800;
-`,Ge=t.span`
-  color: ${r.muted};
-  font-size: 14px;
-`,X=t.div`
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-`,Ye=t.article`
-  display: grid;
-  grid-template-columns: 22px 56px 1fr auto auto;
-  align-items: center;
-  gap: 16px;
-  background: ${r.white};
-  border: 1px solid ${r.line};
-  border-radius: 14px;
-  padding: 14px 18px;
-  transition:
-    box-shadow 0.18s ease,
-    opacity 0.25s ease;
-
-  &:hover {
-    box-shadow: 0 10px 28px rgba(46, 16, 74, 0.1);
-  }
-  &[data-off] {
-    opacity: 0.5;
-  }
-
-  ${D} {
-    grid-template-columns: 22px 48px 1fr;
-    row-gap: 12px;
-  }
-`,Je=t.div`
-  display: block;
-  height: 86px;
-  border: 1px solid transparent;
-  border-radius: 14px;
-  background: linear-gradient(100deg, #ededed 30%, #f7f7f7 50%, #ededed 70%);
-  background-size: 200% 100%;
-  animation: shimmer 1.3s infinite linear;
-`,Ve=t.input`
-  appearance: none;
-  width: 22px;
-  height: 22px;
-  border-radius: 7px;
-  border: 2px solid ${r.lineStrong};
-  background: ${r.white};
-  cursor: pointer;
-  display: grid;
-  place-items: center;
-  flex: none;
-  transition:
-    background 0.15s,
-    border-color 0.15s;
-
-  &:checked {
-    background: ${r.accent};
-    border-color: ${r.accent};
-  }
-  &:checked::after {
-    content: '✓';
-    color: ${r.white};
-    font-size: 13px;
-    font-weight: 800;
-  }
-  &:focus-visible {
-    outline: 2px solid ${r.accent};
-    outline-offset: 2px;
-  }
-`,Xe=t.div`
-  width: 56px;
-  height: 56px;
-  border-radius: ${Ae.card};
-  overflow: hidden;
-  flex: none;
-  display: grid;
-  place-items: center;
-  background: radial-gradient(120% 120% at 30% 20%, rgba(165, 36, 179, 0.12), ${r.media} 70%);
-  border: 1px solid ${r.line};
-
-  & img {
-    width: 100%;
-    height: 100%;
-    object-fit: contain;
-  }
-`,Ze=t.div`
-  min-width: 0;
-`,qe=t.div`
-  font-weight: 700;
-  font-size: 15px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`,et=t.span`
-  display: inline-flex;
-  margin-top: 5px;
-  font-size: 10.5px;
-  font-weight: 800;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: ${r.rarity};
-  background: ${r.rarityBg};
-  padding: 3px 9px;
-  border-radius: 5px;
-`,tt=t.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  gap: 3px;
-
-  ${D} {
-    grid-column: 2 / 4;
-    align-items: flex-start;
-  }
-`,it=t.div`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  border: 1.5px solid ${r.lineStrong};
-  border-radius: 10px;
-  padding: 7px 12px;
-  background: ${r.white};
-  transition:
-    border-color 0.15s,
-    box-shadow 0.15s;
-
-  &:focus-within {
-    border-color: ${r.accent};
-    box-shadow: 0 0 0 3px ${r.rarityBg};
-  }
-`,st=t.input`
-  width: 82px;
-  border: 0;
-  outline: 0;
-  background: transparent;
-  font: inherit;
-  font-weight: 800;
-  font-size: 17px;
-  color: ${r.text};
-  text-align: right;
-  font-variant-numeric: tabular-nums;
-`,nt=t.div`
-  font-size: 12px;
-  color: ${r.muted};
-  display: flex;
-  align-items: center;
-  gap: 8px;
-`,rt=t.button`
-  background: none;
-  border: 0;
-  padding: 0;
-  font: inherit;
-  font-size: 12px;
-  font-weight: 600;
-  color: ${r.accent};
-  cursor: pointer;
-`,ot=t.div`
-  display: flex;
-  justify-content: flex-end;
-  min-width: 74px;
-
-  ${D} {
-    grid-column: 2 / 4;
-    justify-content: flex-start;
-  }
-`,at=t(I)`
-  && {
-    background: ${r.media};
-    color: ${r.text2};
-  }
-  &&:hover:not(:disabled) {
-    background: #e3e0ea;
-  }
-`,dt=t.div`
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 30;
-  background: rgba(255, 255, 255, 0.9);
-  backdrop-filter: blur(12px);
-  border-top: 1px solid ${r.line};
-`,ct=t.div`
-  max-width: 860px;
-  margin: 0 auto;
-  padding: 15px 20px;
-  display: flex;
-  align-items: center;
-  gap: 16px;
-`,lt=t.div`
-  font-weight: 800;
-  font-size: 16px;
-`,pt=t.div`
-  font-size: 13px;
-  color: ${r.muted};
-`,gt=t.span`
-  flex: 1 1 auto;
-`,xt=t(I)`
-  padding: 13px 24px;
-`,mt=[{key:"creations",title:"importListings.creations.title",sub:"importListings.creations.sub"},{key:"owned",title:"importListings.owned.title",sub:"importListings.owned.sub",secondary:!0}];function Tt(){re({title:i("seo.import.title"),noindex:!0});const{session:o,signIn:w,restore:j}=oe(),m=ae(),v=o==null?void 0:o.address;h.useEffect(()=>{j()},[j]);const{data:p,isLoading:g}=de({queryKey:["importable",v],queryFn:()=>ge(v),enabled:!!v}),b=xe(),A=h.useMemo(()=>mt.filter(d=>!d.secondary||b),[b]),[Q,k]=h.useState({}),[$,N]=h.useState(new Set),[E,L]=h.useState(null),n=h.useMemo(()=>[...(p==null?void 0:p.creations)??[],...b?(p==null?void 0:p.owned)??[]:[]],[p,b]);h.useEffect(()=>{n.length&&k(d=>{const c={...d};for(const s of n)c[s.oldTradeId]==null&&(c[s.oldTradeId]=s.suggestedCredits);return c})},[n]);const l=d=>!$.has(d),a=d=>Q[d.oldTradeId]??d.suggestedCredits,x=n.filter(d=>l(d.oldTradeId)),u=x.reduce((d,c)=>d+a(c),0);function f(d,c){const s=c.replace(/[^\d]/g,"");k(T=>({...T,[d]:s===""?0:parseInt(s,10)}))}function C(d){N(c=>{const s=new Set(c);return s.has(d)?s.delete(d):s.add(d),s})}function R(d){return d.map(c=>({item:c,priceCredits:Math.max(1,a(c))}))}function F(){m.invalidateQueries({queryKey:["importable"]}),m.invalidateQueries({queryKey:["shop-items"]}),m.invalidateQueries({queryKey:["catalog-items"]}),m.invalidateQueries({queryKey:["overview-listings"]}),m.invalidateQueries({queryKey:["upsell-listings"]}),m.invalidateQueries({queryKey:["my-assets"]}),m.invalidateQueries({queryKey:["collection-sale-state"]}),ce.success(i("importListings.toastUpdated"))}return o?!g&&n.length===0?e.jsxs(G,{children:[e.jsx(Y,{"aria-hidden":!0,children:"✨"}),e.jsx(J,{children:i("importListings.emptyTitle")}),e.jsx("p",{className:"muted",children:i("importListings.emptyBody")}),e.jsx(V,{as:te,to:"/my-assets",variant:"purple",children:i("importListings.goToMyAssets")})]}):e.jsxs(Qe,{children:[e.jsxs(Fe,{children:[e.jsx(Pe,{children:i("importListings.eyebrow")}),e.jsxs(_e,{children:[i("importListings.titleLead")," ",e.jsx(Ke,{children:i("importListings.titleAccent")})]}),e.jsx(De,{children:i("importListings.lede",{currency:B.name})})]}),e.jsxs(We,{children:[e.jsx(z,{className:"ccy-mark",color:S.colors.text})," ",i("importListings.rate",{currency:B.nameSingular})]}),g?e.jsx(X,{children:Array.from({length:4}).map((d,c)=>e.jsx(Je,{},c))}):A.map(d=>{const c=(p==null?void 0:p[d.key])??[];return c.length===0?null:e.jsxs(Ue,{children:[e.jsxs(He,{children:[e.jsx(Oe,{children:i(d.title)}),e.jsx(Ge,{children:i(d.sub)})]}),e.jsx(X,{children:c.map(s=>{const T=a(s),q=T!==s.suggestedCredits;return e.jsxs(Ye,{"data-off":l(s.oldTradeId)?void 0:!0,children:[e.jsx(Ve,{type:"checkbox",checked:l(s.oldTradeId),onChange:()=>C(s.oldTradeId),"aria-label":i("importListings.includeItem",{name:s.name})}),e.jsx(Xe,{children:s.thumbnail?e.jsx("img",{src:s.thumbnail,alt:""}):null}),e.jsxs(Ze,{children:[e.jsx(qe,{title:s.name,children:s.name||i("importListings.itemFallback")}),e.jsx(et,{children:s.rarity})]}),e.jsxs(tt,{children:[e.jsxs(it,{children:[e.jsx(z,{size:15,color:S.colors.text}),e.jsx(st,{"data-testid":"imp-price-input",inputMode:"numeric",value:T.toLocaleString(),onChange:P=>f(s.oldTradeId,P.target.value),"aria-label":i("importListings.priceAria",{currency:B.name,name:s.name})})]}),e.jsxs(nt,{children:[e.jsxs("span",{children:["$",K(T).toFixed(2)]}),q?e.jsxs(rt,{onClick:()=>k(P=>({...P,[s.oldTradeId]:s.suggestedCredits})),children:[i("importListings.resetTo")," ",e.jsx(z,{className:"ccy-mark"}),s.suggestedCredits.toLocaleString()]}):null]})]}),e.jsx(ot,{children:e.jsx(at,{size:"sm",disabled:!l(s.oldTradeId),onClick:()=>L(R([s])),children:i("importListings.list")})})]},s.oldTradeId)})})]},d.key)}),e.jsx(dt,{children:e.jsxs(ct,{children:[e.jsxs("div",{children:[e.jsxs(lt,{children:[e.jsx(z,{className:"ccy-mark",color:S.colors.text})," ",u.toLocaleString()]}),e.jsx(pt,{children:i("importListings.selectedSummary",{count:x.length,usd:K(u).toFixed(2)})})]}),e.jsx(gt,{}),e.jsx(xt,{variant:"purple",disabled:x.length===0,onClick:()=>L(R(x)),children:i("importListings.listAll",{count:x.length})})]})}),E&&o?e.jsx(Re,{queue:E,session:o,onClose:()=>L(null),onDone:F}):null]}):e.jsxs(G,{children:[e.jsx(Y,{"aria-hidden":!0,children:"📦"}),e.jsx(J,{children:i("importListings.signInTitle")}),e.jsx("p",{className:"muted",children:i("importListings.signInBody")}),e.jsx(V,{variant:"purple",onClick:()=>w(),children:i("storeSettings.signIn")})]})}export{Tt as ImportListings};

package/_assets/LoadMore-BsvftUzw.js

@@ -1,7 +0,0 @@
-import{r as l,j as c}from"./react-vyZjIDcS.js";import{s as u,B as f,e as d}from"./index-Cn-oc3fB.js";const p=u.div`
-  display: flex;
-  justify-content: center;
-  padding: 28px 0 8px;
-`,x=u(f)`
-  min-width: 160px;
-`;function v({hasNextPage:t,isFetching:r,onLoadMore:e}){const n=l.useRef(null);return l.useEffect(()=>{const o=n.current;if(!o||!t)return;const s=new IntersectionObserver(a=>{var i;(i=a[0])!=null&&i.isIntersecting&&!r&&e()},{rootMargin:"600px 0px"});return s.observe(o),()=>s.disconnect()},[t,r,e]),t?c.jsx(p,{ref:n,children:c.jsx(x,{variant:"ghost",onClick:e,disabled:r,children:r?d("loadMore.loading"):d("loadMore.loadMore")})}):null}export{v as L};