@lockerverse/react 0.2.129-dev.1 → 0.2.131

package/dist/auctions.js

@@ -1,2 +1,2 @@
-import{a as e,c as t,t as n}from"./use-auction-boundary.js";import{a as r,i,n as a,o,r as s,s as c,t as l}from"./lockerverse-auction.js";import{t as u}from"./use-lockerverse-auctions.js";import{ArrowRight as d,Gavel as f,ListChecks as p}from"lucide-react";import{useEffect as m,useRef as h,useState as g}from"react";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";function b({auction:a,onSelect:s,href:l}){n(a.startAt,a.endAt,a.items);let u=a.configuration.image||a.items.find(e=>e.image||e.images.length)?.image||a.items.find(e=>e.images.length)?.images[0]||a.community?.banner||a.community?.thumbnail,m=a.description||{active:`Bidding is open on available items.`,draft:`Preview the lineup before bidding opens.`,finished:`Bidding has wrapped. Review the completed items.`}[e(a)];return y(`article`,{className:`lockerverse-auctions__catalog-card`,children:[l?v(`a`,{"aria-label":`View items in ${a.name}`,className:`lockerverse-auctions__catalog-select`,"data-auction-id":a.id,href:l,onClick:e=>{s&&e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey&&(e.preventDefault(),s())},children:y(`span`,{className:`lockerverse-auctions__visually-hidden`,children:[`View items in `,a.name]})}):v(`button`,{"aria-label":`View items in ${a.name}`,className:`lockerverse-auctions__catalog-select`,"data-auction-id":a.id,onClick:s,type:`button`}),y(`div`,{className:`lockerverse-auctions__catalog-media`,children:[v(i,{fallback:u,name:a.name}),y(`div`,{className:`lockerverse-auctions__catalog-chips`,children:[v(`span`,{className:`lockerverse-auctions__catalog-chip`,children:o[e(a)]}),v(c,{auction:a})]}),y(`dl`,{className:`lockerverse-auctions__catalog-metrics`,children:[v(r,{icon:v(p,{"aria-hidden":`true`,size:16}),label:`Items`,value:String(a.items.length)}),v(r,{icon:v(f,{"aria-hidden":`true`,size:16}),label:`Bids`,value:String(a.items.reduce((e,t)=>e+t.bidCount,0))})]})]}),y(`div`,{className:`lockerverse-auctions__catalog-body`,children:[v(`h3`,{children:a.name}),v(t,{className:`lockerverse-auctions__catalog-description`,description:m}),y(`div`,{className:`lockerverse-auctions__catalog-footer`,children:[v(`span`,{className:`lockerverse-auctions__catalog-cta`,children:e(a)===`draft`?`Preview items`:`View items`}),v(`span`,{className:`lockerverse-auctions__catalog-arrow`,children:v(d,{"aria-hidden":`true`,size:16})})]})]})]})}function x({auctions:e,theme:t=`dark`,style:n,className:r,showFilters:i=!0,showHeader:a=!0,showLineup:o=!0,getAuctionHref:s,onSelectAuction:c,...u}){let[d,f]=g(null),p=h(null),_=h(null),b=h(d),x=e.auctions?.find(e=>e.id===d);return m(()=>{if(b.current!==d){if(d===null){let e=[..._.current?.querySelectorAll(`button[data-auction-id]`)??[]].find(e=>e.dataset.auctionId===b.current);(p.current??e??_.current)?.focus()}b.current=d}},[d]),y(`section`,{"aria-busy":e.loading,"aria-label":`Auctions`,className:[`lockerverse-auctions`,`lockerverse-auctions--catalog`,r].filter(Boolean).join(` `),"data-lockerverse-theme":t,ref:_,style:n,tabIndex:-1,children:[!x&&a?v(`header`,{className:`lockerverse-auctions__catalog-header`,children:v(`h2`,{ref:p,tabIndex:-1,children:`Auctions`})}):null,e.loading?v(`p`,{role:`status`,children:e.auctions?`Refreshing auctions…`:`Loading auctions…`}):null,e.error?y(`div`,{role:`alert`,children:[v(`p`,{children:e.error.message}),v(`button`,{onClick:e.refresh,type:`button`,children:`Try again`})]}):null,x?v(l,{auction:x,onBack:()=>f(null),...u,showFilters:i,showHeader:a,showLineup:o,theme:t,...n?{style:n}:{}},x.id):v(S,{auctions:e.auctions,onSelectAuction:e=>{c?c(e):f(e.id)},...s?{getAuctionHref:s}:{},interceptLinks:!!c,showLineup:o})]})}function S({auctions:e,showLineup:t,onSelectAuction:n,getAuctionHref:r,interceptLinks:i}){return e?e.length?y(_,{children:[t?y(`div`,{className:`lockerverse-auctions__catalog-lineup`,children:[y(`div`,{children:[v(`h3`,{children:`Auction lineup`}),v(`p`,{children:`Browse the current collection.`})]}),y(`span`,{children:[e.length,` `,e.length===1?`auction`:`auctions`]})]}):null,v(`ul`,{className:`lockerverse-auctions__catalog-grid`,children:e.map(e=>v(`li`,{children:v(b,{auction:e,...r?{href:r(e)}:{},...!r||i?{onSelect:()=>n(e)}:{}})},e.id))})]}):y(`div`,{className:`lockerverse-auctions__catalog-empty`,children:[v(`h3`,{children:`No auctions yet.`}),v(`p`,{children:`Published auctions will appear here once they are available.`})]}):null}export{a as LockerverseAuction,s as LockerverseAuctionItemCard,x as LockerverseAuctions,u as useLockerverseAuctions};
+import{a as e,c as t,t as n}from"./use-auction-boundary.js";import{a as r,i,n as a,o,r as s,s as c,t as l}from"./lockerverse-auction.js";import{t as u}from"./use-lockerverse-auctions.js";import{ArrowRight as d,Gavel as f,ListChecks as p}from"lucide-react";import{useEffect as m,useRef as h,useState as g}from"react";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";function b({auction:a,onSelect:s,href:l}){n(a.startAt,a.endAt,a.items);let u=a.configuration.image||a.items.find(e=>e.image||e.images.length)?.image||a.items.find(e=>e.images.length)?.images[0]||a.community?.banner||a.community?.thumbnail,m=a.description||{active:`Bidding is open on available items.`,draft:`Preview the lineup before bidding opens.`,finished:`Bidding has wrapped. Review the completed items.`}[e(a)];return y(`article`,{className:`lockerverse-auctions__catalog-card`,children:[l?v(`a`,{"aria-label":`View items in ${a.name}`,className:`lockerverse-auctions__catalog-select`,"data-auction-id":a.id,href:l,onClick:e=>{s&&e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey&&(e.preventDefault(),s())},children:y(`span`,{className:`lockerverse-auctions__visually-hidden`,children:[`View items in `,a.name]})}):v(`button`,{"aria-label":`View items in ${a.name}`,className:`lockerverse-auctions__catalog-select`,"data-auction-id":a.id,onClick:s,type:`button`}),y(`div`,{className:`lockerverse-auctions__catalog-media`,children:[v(i,{fallback:u,name:a.name}),y(`div`,{className:`lockerverse-auctions__catalog-chips`,children:[v(`span`,{className:`lockerverse-auctions__catalog-chip`,children:o[e(a)]}),v(c,{auction:a})]}),y(`dl`,{className:`lockerverse-auctions__catalog-metrics`,children:[v(r,{icon:v(p,{"aria-hidden":`true`,size:16}),label:`Items`,value:String(a.items.length)}),v(r,{icon:v(f,{"aria-hidden":`true`,size:16}),label:`Bids`,value:String(a.items.reduce((e,t)=>e+t.bidCount,0))})]})]}),y(`div`,{className:`lockerverse-auctions__catalog-body`,children:[v(`h3`,{children:a.name}),v(t,{className:`lockerverse-auctions__catalog-description`,description:m}),y(`div`,{className:`lockerverse-auctions__catalog-footer`,children:[v(`span`,{className:`lockerverse-auctions__catalog-cta`,children:e(a)===`draft`?`Preview items`:`View items`}),v(`span`,{className:`lockerverse-auctions__catalog-arrow`,children:v(d,{"aria-hidden":`true`,size:16})})]})]})]})}function x({auctions:e,theme:t=`dark`,style:n,className:r,showFilters:i=!0,showHeader:a=!0,showLineup:o=!1,getAuctionHref:s,onSelectAuction:c,...u}){let[d,f]=g(null),p=h(null),_=h(null),b=h(d),x=e.auctions?.find(e=>e.id===d);return m(()=>{if(b.current!==d){if(d===null){let e=[..._.current?.querySelectorAll(`button[data-auction-id]`)??[]].find(e=>e.dataset.auctionId===b.current);(p.current??e??_.current)?.focus()}b.current=d}},[d]),y(`section`,{"aria-busy":e.loading,"aria-label":`Auctions`,className:[`lockerverse-auctions`,`lockerverse-auctions--catalog`,r].filter(Boolean).join(` `),"data-lockerverse-theme":t,ref:_,style:n,tabIndex:-1,children:[!x&&a?v(`header`,{className:`lockerverse-auctions__catalog-header`,children:v(`h2`,{ref:p,tabIndex:-1,children:`Auctions`})}):null,e.loading?v(`p`,{role:`status`,children:e.auctions?`Refreshing auctions…`:`Loading auctions…`}):null,e.error?y(`div`,{role:`alert`,children:[v(`p`,{children:e.error.message}),v(`button`,{onClick:e.refresh,type:`button`,children:`Try again`})]}):null,x?v(l,{auction:x,onBack:()=>f(null),...u,showFilters:i,showHeader:a,showLineup:o,theme:t,...n?{style:n}:{}},x.id):v(S,{auctions:e.auctions,onSelectAuction:e=>{c?c(e):f(e.id)},...s?{getAuctionHref:s}:{},interceptLinks:!!c,showLineup:o})]})}function S({auctions:e,showLineup:t,onSelectAuction:n,getAuctionHref:r,interceptLinks:i}){return e?e.length?y(_,{children:[t?y(`div`,{className:`lockerverse-auctions__catalog-lineup`,children:[y(`div`,{children:[v(`h3`,{children:`Auction lineup`}),v(`p`,{children:`Browse the current collection.`})]}),y(`span`,{children:[e.length,` `,e.length===1?`auction`:`auctions`]})]}):null,v(`ul`,{className:`lockerverse-auctions__catalog-grid`,children:e.map(e=>v(`li`,{children:v(b,{auction:e,...r?{href:r(e)}:{},...!r||i?{onSelect:()=>n(e)}:{}})},e.id))})]}):y(`div`,{className:`lockerverse-auctions__catalog-empty`,children:[v(`h3`,{children:`No auctions yet.`}),v(`p`,{children:`Published auctions will appear here once they are available.`})]}):null}export{a as LockerverseAuction,s as LockerverseAuctionItemCard,x as LockerverseAuctions,u as useLockerverseAuctions};
 //# sourceMappingURL=auctions.js.map

package/dist/auctions.js.map

@@ -1 +1 @@
-{"version":3,"file":"auctions.js","names":[],"sources":["../src/lockerverse-auctions.tsx"],"sourcesContent":["import type { LockerverseAuction as Auction } from \"@lockerverse/sdk/auctions\";\nimport { ArrowRight, Gavel, ListChecks } from \"lucide-react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport {\n  CatalogImage,\n  Metric,\n  STATUS_LABELS,\n  Timing,\n} from \"./auction-catalog-parts.tsx\";\nimport { AuctionDescription } from \"./auction-description.tsx\";\nimport { getAuctionDisplayStatus } from \"./auction-display.ts\";\nimport {\n  AuctionContent,\n  type LockerverseAuctionProps,\n} from \"./lockerverse-auction.tsx\";\nimport { useAuctionBoundary } from \"./use-auction-boundary.ts\";\nimport type { UseLockerverseAuctionsResult } from \"./use-lockerverse-auctions.ts\";\n\nexport type LockerverseAuctionsProps = Omit<\n  LockerverseAuctionProps,\n  \"auction\" | \"onBack\"\n> & {\n  auctions: UseLockerverseAuctionsResult;\n  getAuctionHref?: (auction: Auction) => string;\n  onSelectAuction?: (auction: Auction) => void;\n};\n\nfunction AuctionCard({\n  auction,\n  onSelect,\n  href,\n}: {\n  auction: Auction;\n  onSelect?: () => void;\n  href?: string;\n}) {\n  useAuctionBoundary(auction.startAt, auction.endAt, auction.items);\n  const fallback =\n    auction.configuration.image ||\n    auction.items.find((item) => item.image || item.images.length)?.image ||\n    auction.items.find((item) => item.images.length)?.images[0] ||\n    auction.community?.banner ||\n    auction.community?.thumbnail;\n  const description =\n    auction.description ||\n    {\n      active: \"Bidding is open on available items.\",\n      draft: \"Preview the lineup before bidding opens.\",\n      finished: \"Bidding has wrapped. Review the completed items.\",\n    }[getAuctionDisplayStatus(auction)];\n  return (\n    <article className=\"lockerverse-auctions__catalog-card\">\n      {href ? (\n        <a\n          aria-label={`View items in ${auction.name}`}\n          className=\"lockerverse-auctions__catalog-select\"\n          data-auction-id={auction.id}\n          href={href}\n          onClick={(event) => {\n            if (\n              onSelect &&\n              event.button === 0 &&\n              !event.metaKey &&\n              !event.ctrlKey &&\n              !event.shiftKey &&\n              !event.altKey\n            ) {\n              event.preventDefault();\n              onSelect();\n            }\n          }}\n        >\n          <span className=\"lockerverse-auctions__visually-hidden\">\n            View items in {auction.name}\n          </span>\n        </a>\n      ) : (\n        <button\n          aria-label={`View items in ${auction.name}`}\n          className=\"lockerverse-auctions__catalog-select\"\n          data-auction-id={auction.id}\n          onClick={onSelect}\n          type=\"button\"\n        />\n      )}\n      <div className=\"lockerverse-auctions__catalog-media\">\n        <CatalogImage fallback={fallback} name={auction.name} />\n        <div className=\"lockerverse-auctions__catalog-chips\">\n          <span className=\"lockerverse-auctions__catalog-chip\">\n            {STATUS_LABELS[getAuctionDisplayStatus(auction)]}\n          </span>\n          <Timing auction={auction} />\n        </div>\n        <dl className=\"lockerverse-auctions__catalog-metrics\">\n          <Metric\n            icon={<ListChecks aria-hidden=\"true\" size={16} />}\n            label=\"Items\"\n            value={String(auction.items.length)}\n          />\n          <Metric\n            icon={<Gavel aria-hidden=\"true\" size={16} />}\n            label=\"Bids\"\n            value={String(\n              auction.items.reduce((sum, item) => sum + item.bidCount, 0)\n            )}\n          />\n        </dl>\n      </div>\n      <div className=\"lockerverse-auctions__catalog-body\">\n        <h3>{auction.name}</h3>\n        <AuctionDescription\n          className=\"lockerverse-auctions__catalog-description\"\n          description={description}\n        />\n        <div className=\"lockerverse-auctions__catalog-footer\">\n          <span className=\"lockerverse-auctions__catalog-cta\">\n            {getAuctionDisplayStatus(auction) === \"draft\"\n              ? \"Preview items\"\n              : \"View items\"}\n          </span>\n          <span className=\"lockerverse-auctions__catalog-arrow\">\n            <ArrowRight aria-hidden=\"true\" size={16} />\n          </span>\n        </div>\n      </div>\n    </article>\n  );\n}\n\n/** Optional auction browser. Select an auction to show its items. */\nexport function LockerverseAuctions({\n  auctions,\n  theme = \"dark\",\n  style,\n  className,\n  showFilters = true,\n  showHeader = true,\n  showLineup = true,\n  getAuctionHref,\n  onSelectAuction,\n  ...contentProps\n}: LockerverseAuctionsProps) {\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n  const headingRef = useRef<HTMLHeadingElement>(null);\n  const sectionRef = useRef<HTMLElement>(null);\n  const previousId = useRef(selectedId);\n  const selected = auctions.auctions?.find(\n    (auction) => auction.id === selectedId\n  );\n  useEffect(() => {\n    if (previousId.current !== selectedId) {\n      if (selectedId === null) {\n        const card = [\n          ...(sectionRef.current?.querySelectorAll<HTMLButtonElement>(\n            \"button[data-auction-id]\"\n          ) ?? []),\n        ].find((button) => button.dataset.auctionId === previousId.current);\n        (headingRef.current ?? card ?? sectionRef.current)?.focus();\n      }\n      previousId.current = selectedId;\n    }\n  }, [selectedId]);\n  return (\n    <section\n      aria-busy={auctions.loading}\n      aria-label=\"Auctions\"\n      className={[\n        \"lockerverse-auctions\",\n        \"lockerverse-auctions--catalog\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      data-lockerverse-theme={theme}\n      ref={sectionRef}\n      style={style}\n      tabIndex={-1}\n    >\n      {!selected && showHeader ? (\n        <header className=\"lockerverse-auctions__catalog-header\">\n          <h2 ref={headingRef} tabIndex={-1}>\n            Auctions\n          </h2>\n        </header>\n      ) : null}\n      {auctions.loading ? (\n        <p role=\"status\">\n          {auctions.auctions ? \"Refreshing auctions…\" : \"Loading auctions…\"}\n        </p>\n      ) : null}\n      {auctions.error ? (\n        <div role=\"alert\">\n          <p>{auctions.error.message}</p>\n          <button onClick={auctions.refresh} type=\"button\">\n            Try again\n          </button>\n        </div>\n      ) : null}\n      {selected ? (\n        <AuctionContent\n          auction={selected}\n          key={selected.id}\n          onBack={() => setSelectedId(null)}\n          {...contentProps}\n          showFilters={showFilters}\n          showHeader={showHeader}\n          showLineup={showLineup}\n          theme={theme}\n          {...(style ? { style } : {})}\n        />\n      ) : (\n        <AuctionList\n          auctions={auctions.auctions}\n          onSelectAuction={(auction) => {\n            if (onSelectAuction) {\n              onSelectAuction(auction);\n            } else {\n              setSelectedId(auction.id);\n            }\n          }}\n          {...(getAuctionHref ? { getAuctionHref } : {})}\n          interceptLinks={Boolean(onSelectAuction)}\n          showLineup={showLineup}\n        />\n      )}\n    </section>\n  );\n}\n\nfunction AuctionList({\n  auctions,\n  showLineup,\n  onSelectAuction,\n  getAuctionHref,\n  interceptLinks,\n}: {\n  auctions: Auction[] | null;\n  showLineup: boolean;\n  onSelectAuction: (auction: Auction) => void;\n  getAuctionHref?: (auction: Auction) => string;\n  interceptLinks: boolean;\n}) {\n  if (!auctions) {\n    return null;\n  }\n  if (!auctions.length) {\n    return (\n      <div className=\"lockerverse-auctions__catalog-empty\">\n        <h3>No auctions yet.</h3>\n        <p>Published auctions will appear here once they are available.</p>\n      </div>\n    );\n  }\n  return (\n    <>\n      {showLineup ? (\n        <div className=\"lockerverse-auctions__catalog-lineup\">\n          <div>\n            <h3>Auction lineup</h3>\n            <p>Browse the current collection.</p>\n          </div>\n          <span>\n            {auctions.length} {auctions.length === 1 ? \"auction\" : \"auctions\"}\n          </span>\n        </div>\n      ) : null}\n      <ul className=\"lockerverse-auctions__catalog-grid\">\n        {auctions.map((auction) => (\n          <li key={auction.id}>\n            <AuctionCard\n              auction={auction}\n              {...(getAuctionHref ? { href: getAuctionHref(auction) } : {})}\n              {...(!getAuctionHref || interceptLinks\n                ? { onSelect: () => onSelectAuction(auction) }\n                : {})}\n            />\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"auctions.js","names":[],"sources":["../src/lockerverse-auctions.tsx"],"sourcesContent":["import type { LockerverseAuction as Auction } from \"@lockerverse/sdk/auctions\";\nimport { ArrowRight, Gavel, ListChecks } from \"lucide-react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport {\n  CatalogImage,\n  Metric,\n  STATUS_LABELS,\n  Timing,\n} from \"./auction-catalog-parts.tsx\";\nimport { AuctionDescription } from \"./auction-description.tsx\";\nimport { getAuctionDisplayStatus } from \"./auction-display.ts\";\nimport {\n  AuctionContent,\n  type LockerverseAuctionProps,\n} from \"./lockerverse-auction.tsx\";\nimport { useAuctionBoundary } from \"./use-auction-boundary.ts\";\nimport type { UseLockerverseAuctionsResult } from \"./use-lockerverse-auctions.ts\";\n\nexport type LockerverseAuctionsProps = Omit<\n  LockerverseAuctionProps,\n  \"auction\" | \"onBack\"\n> & {\n  auctions: UseLockerverseAuctionsResult;\n  getAuctionHref?: (auction: Auction) => string;\n  onSelectAuction?: (auction: Auction) => void;\n};\n\nfunction AuctionCard({\n  auction,\n  onSelect,\n  href,\n}: {\n  auction: Auction;\n  onSelect?: () => void;\n  href?: string;\n}) {\n  useAuctionBoundary(auction.startAt, auction.endAt, auction.items);\n  const fallback =\n    auction.configuration.image ||\n    auction.items.find((item) => item.image || item.images.length)?.image ||\n    auction.items.find((item) => item.images.length)?.images[0] ||\n    auction.community?.banner ||\n    auction.community?.thumbnail;\n  const description =\n    auction.description ||\n    {\n      active: \"Bidding is open on available items.\",\n      draft: \"Preview the lineup before bidding opens.\",\n      finished: \"Bidding has wrapped. Review the completed items.\",\n    }[getAuctionDisplayStatus(auction)];\n  return (\n    <article className=\"lockerverse-auctions__catalog-card\">\n      {href ? (\n        <a\n          aria-label={`View items in ${auction.name}`}\n          className=\"lockerverse-auctions__catalog-select\"\n          data-auction-id={auction.id}\n          href={href}\n          onClick={(event) => {\n            if (\n              onSelect &&\n              event.button === 0 &&\n              !event.metaKey &&\n              !event.ctrlKey &&\n              !event.shiftKey &&\n              !event.altKey\n            ) {\n              event.preventDefault();\n              onSelect();\n            }\n          }}\n        >\n          <span className=\"lockerverse-auctions__visually-hidden\">\n            View items in {auction.name}\n          </span>\n        </a>\n      ) : (\n        <button\n          aria-label={`View items in ${auction.name}`}\n          className=\"lockerverse-auctions__catalog-select\"\n          data-auction-id={auction.id}\n          onClick={onSelect}\n          type=\"button\"\n        />\n      )}\n      <div className=\"lockerverse-auctions__catalog-media\">\n        <CatalogImage fallback={fallback} name={auction.name} />\n        <div className=\"lockerverse-auctions__catalog-chips\">\n          <span className=\"lockerverse-auctions__catalog-chip\">\n            {STATUS_LABELS[getAuctionDisplayStatus(auction)]}\n          </span>\n          <Timing auction={auction} />\n        </div>\n        <dl className=\"lockerverse-auctions__catalog-metrics\">\n          <Metric\n            icon={<ListChecks aria-hidden=\"true\" size={16} />}\n            label=\"Items\"\n            value={String(auction.items.length)}\n          />\n          <Metric\n            icon={<Gavel aria-hidden=\"true\" size={16} />}\n            label=\"Bids\"\n            value={String(\n              auction.items.reduce((sum, item) => sum + item.bidCount, 0)\n            )}\n          />\n        </dl>\n      </div>\n      <div className=\"lockerverse-auctions__catalog-body\">\n        <h3>{auction.name}</h3>\n        <AuctionDescription\n          className=\"lockerverse-auctions__catalog-description\"\n          description={description}\n        />\n        <div className=\"lockerverse-auctions__catalog-footer\">\n          <span className=\"lockerverse-auctions__catalog-cta\">\n            {getAuctionDisplayStatus(auction) === \"draft\"\n              ? \"Preview items\"\n              : \"View items\"}\n          </span>\n          <span className=\"lockerverse-auctions__catalog-arrow\">\n            <ArrowRight aria-hidden=\"true\" size={16} />\n          </span>\n        </div>\n      </div>\n    </article>\n  );\n}\n\n/** Optional auction browser. Select an auction to show its items. */\nexport function LockerverseAuctions({\n  auctions,\n  theme = \"dark\",\n  style,\n  className,\n  showFilters = true,\n  showHeader = true,\n  showLineup = false,\n  getAuctionHref,\n  onSelectAuction,\n  ...contentProps\n}: LockerverseAuctionsProps) {\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n  const headingRef = useRef<HTMLHeadingElement>(null);\n  const sectionRef = useRef<HTMLElement>(null);\n  const previousId = useRef(selectedId);\n  const selected = auctions.auctions?.find(\n    (auction) => auction.id === selectedId\n  );\n  useEffect(() => {\n    if (previousId.current !== selectedId) {\n      if (selectedId === null) {\n        const card = [\n          ...(sectionRef.current?.querySelectorAll<HTMLButtonElement>(\n            \"button[data-auction-id]\"\n          ) ?? []),\n        ].find((button) => button.dataset.auctionId === previousId.current);\n        (headingRef.current ?? card ?? sectionRef.current)?.focus();\n      }\n      previousId.current = selectedId;\n    }\n  }, [selectedId]);\n  return (\n    <section\n      aria-busy={auctions.loading}\n      aria-label=\"Auctions\"\n      className={[\n        \"lockerverse-auctions\",\n        \"lockerverse-auctions--catalog\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      data-lockerverse-theme={theme}\n      ref={sectionRef}\n      style={style}\n      tabIndex={-1}\n    >\n      {!selected && showHeader ? (\n        <header className=\"lockerverse-auctions__catalog-header\">\n          <h2 ref={headingRef} tabIndex={-1}>\n            Auctions\n          </h2>\n        </header>\n      ) : null}\n      {auctions.loading ? (\n        <p role=\"status\">\n          {auctions.auctions ? \"Refreshing auctions…\" : \"Loading auctions…\"}\n        </p>\n      ) : null}\n      {auctions.error ? (\n        <div role=\"alert\">\n          <p>{auctions.error.message}</p>\n          <button onClick={auctions.refresh} type=\"button\">\n            Try again\n          </button>\n        </div>\n      ) : null}\n      {selected ? (\n        <AuctionContent\n          auction={selected}\n          key={selected.id}\n          onBack={() => setSelectedId(null)}\n          {...contentProps}\n          showFilters={showFilters}\n          showHeader={showHeader}\n          showLineup={showLineup}\n          theme={theme}\n          {...(style ? { style } : {})}\n        />\n      ) : (\n        <AuctionList\n          auctions={auctions.auctions}\n          onSelectAuction={(auction) => {\n            if (onSelectAuction) {\n              onSelectAuction(auction);\n            } else {\n              setSelectedId(auction.id);\n            }\n          }}\n          {...(getAuctionHref ? { getAuctionHref } : {})}\n          interceptLinks={Boolean(onSelectAuction)}\n          showLineup={showLineup}\n        />\n      )}\n    </section>\n  );\n}\n\nfunction AuctionList({\n  auctions,\n  showLineup,\n  onSelectAuction,\n  getAuctionHref,\n  interceptLinks,\n}: {\n  auctions: Auction[] | null;\n  showLineup: boolean;\n  onSelectAuction: (auction: Auction) => void;\n  getAuctionHref?: (auction: Auction) => string;\n  interceptLinks: boolean;\n}) {\n  if (!auctions) {\n    return null;\n  }\n  if (!auctions.length) {\n    return (\n      <div className=\"lockerverse-auctions__catalog-empty\">\n        <h3>No auctions yet.</h3>\n        <p>Published auctions will appear here once they are available.</p>\n      </div>\n    );\n  }\n  return (\n    <>\n      {showLineup ? (\n        <div className=\"lockerverse-auctions__catalog-lineup\">\n          <div>\n            <h3>Auction lineup</h3>\n            <p>Browse the current collection.</p>\n          </div>\n          <span>\n            {auctions.length} {auctions.length === 1 ? \"auction\" : \"auctions\"}\n          </span>\n        </div>\n      ) : null}\n      <ul className=\"lockerverse-auctions__catalog-grid\">\n        {auctions.map((auction) => (\n          <li key={auction.id}>\n            <AuctionCard\n              auction={auction}\n              {...(getAuctionHref ? { href: getAuctionHref(auction) } : {})}\n              {...(!getAuctionHref || interceptLinks\n                ? { onSelect: () => onSelectAuction(auction) }\n                : {})}\n            />\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/lockerverse-auction-item-card.d.ts

@@ -30,6 +30,7 @@ type LockerverseAuctionProps = {
   className?: string;
   showFilters?: boolean;
   showHeader?: boolean;
+  /** Show the optional catalog introduction and count. Hidden by default. */
   showLineup?: boolean;
   onBack?: () => void;
   /** Replace the card inside each list item. Keep onSelect connected to your item view. */

package/dist/lockerverse-auction-item-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lockerverse-auction-item-card.d.ts","names":[],"sources":["../src/lockerverse-auction.tsx","../src/lockerverse-auction-item-card.tsx"],"mappings":";;;;KAiBY;EACV,SAAS;EACT,MAAM;;EAEN,QAAQ;;EAER;EACA;;EAEA,OAAO;EACP,QAAQ;;KAEE;EACV,SAAS;EACT,gBAAgB,SAAS,oBAAS,MAAM;;EAExC,SAAS;EACT,kBAAkB,QAAQ;;EAE1B,iBAAiB,QAAQ;EACzB,eAAe,SAAS,oBAAS,MAAM;;EAEvC;EACA,QAAQ;EACR,QAAQ;EACR;EACA;EACA;EACA;EACA;;EAEA,cAAc,SAAS,wCAAwC;;cAE3D;;;;;;;;;;;;;KAMM,uCAAuC;;iBAGnC,uBACd,SACA,cACA,QAAQ,kBACR,gBACA,eACA,aACA,kBACA,OACA,OACA,WACA,aACA,YACA,YACA,QACA,cACC,0CAAuB,IAAA;;;KCtDd;EACV,SAAS;EACT,MAAM;EACN;EACA;;EAEA;EACA,QAAQ;;EAER;EACA,QAAQ;EACR;EACA;EACA;;iBAoCc,6BACd,SACA,MACA,UACA,MACA,kBACA,OACA,WACA,OACA,iBACA,aACA,cACC,kDAA+B,IAAA"}
+{"version":3,"file":"lockerverse-auction-item-card.d.ts","names":[],"sources":["../src/lockerverse-auction.tsx","../src/lockerverse-auction-item-card.tsx"],"mappings":";;;;KAiBY;EACV,SAAS;EACT,MAAM;;EAEN,QAAQ;;EAER;EACA;;EAEA,OAAO;EACP,QAAQ;;KAEE;EACV,SAAS;EACT,gBAAgB,SAAS,oBAAS,MAAM;;EAExC,SAAS;EACT,kBAAkB,QAAQ;;EAE1B,iBAAiB,QAAQ;EACzB,eAAe,SAAS,oBAAS,MAAM;;EAEvC;EACA,QAAQ;EACR,QAAQ;EACR;EACA;EACA;;EAEA;EACA;;EAEA,cAAc,SAAS,wCAAwC;;cAE3D;;;;;;;;;;;;;KAMM,uCAAuC;;iBAGnC,uBACd,SACA,cACA,QAAQ,kBACR,gBACA,eACA,aACA,kBACA,OACA,OACA,WACA,aACA,YACA,YACA,QACA,cACC,0CAAuB,IAAA;;;KCvDd;EACV,SAAS;EACT,MAAM;EACN;EACA;;EAEA;EACA,QAAQ;;EAER;EACA,QAAQ;EACR;EACA;EACA;;iBAoCc,6BACd,SACA,MACA,UACA,MACA,kBACA,OACA,WACA,OACA,iBACA,aACA,cACC,kDAA+B,IAAA"}

package/dist/lockerverse-auction.js

@@ -1,2 +1,2 @@
-import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"./use-auction-boundary.js";import{ArrowRight as c,ChevronLeft as l,Clock3 as u,Gavel as d,ShoppingBag as f}from"lucide-react";import{useEffect as p,useMemo as m,useRef as h,useState as g}from"react";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";const b={active:`Live now`,draft:`Coming soon`,finished:`Closed`};function x({images:e,autoRotate:t=!1,fallback:n,name:i}){let a=m(()=>{let t=[...new Set(e?.filter(Boolean))];return!t.length&&n&&t.push(n),t},[e,n]),[o,s]=g(0),{ref:c,visible:l}=r(),[u,d]=g(!0),[f,_]=g(!1),y=h(new Set),b=a.length,x=t&&b?o%b:0;return p(()=>{let e=window.matchMedia(`(prefers-reduced-motion: reduce)`),t=()=>d(e.matches);t(),e.addEventListener(`change`,t);let n=c.current?.closest(`article`),r=()=>_(!!n?.matches(`:hover, :focus-within`)),i=e=>_(!!(n?.matches(`:hover`)||e.relatedTarget instanceof Node&&n?.contains(e.relatedTarget)));return r(),n?.addEventListener(`mouseenter`,r),n?.addEventListener(`mouseleave`,r),n?.addEventListener(`focusin`,r),n?.addEventListener(`focusout`,i),()=>{e.removeEventListener(`change`,t),n?.removeEventListener(`mouseenter`,r),n?.removeEventListener(`mouseleave`,r),n?.removeEventListener(`focusin`,r),n?.removeEventListener(`focusout`,i)}},[c]),p(()=>{if(!t||b<2||!l||u||f)return;let e=window.setInterval(()=>{s(e=>y.current.has(a[(e+1)%b]??``)?(e+1)%b:e)},5e3);return()=>window.clearInterval(e)},[t,b,a,l,u,f]),v(`div`,{className:`lockerverse-auctions__catalog-images`,ref:c,children:b?[x,...t&&b>1?[(x+1)%b]:[]].map(e=>v(`img`,{alt:e===x?i:``,"aria-hidden":e!==x,className:`lockerverse-auctions__catalog-photo`,"data-visible":e===x,height:500,loading:`lazy`,onLoad:()=>y.current.add(a[e]??``),src:a[e],width:640},a[e])):null})}function S({icon:e,label:t,value:n}){return y(`div`,{className:`lockerverse-auctions__catalog-metric`,children:[y(`dt`,{children:[e,t]}),v(`dd`,{children:n})]})}function C({auction:t,status:n=e(t),item:r}){let i=``;return n===`draft`&&(i=!r&&Date.parse(t.startAt)<=Date.now()?`Next opens `:`Opens `),n===`active`&&(i=r?`Closes `:`Ends `),y(`span`,{className:`lockerverse-auctions__catalog-timing`,children:[i,a(t,n,r)]})}function w(e,t){if(e.saleMode===`buy_now`){let r=o(e),i=t===`active`?`Buy now`:b[t];return{chip:r?`Sold out`:i,cta:r?`Sold out`:{active:`Buy now`,draft:`Preview item`,finished:`View item`}[t],price:n(e.buyNowPriceAmount??0),priceLabel:`Buy Now`,secondary:e.availableQuantity===null?`Available`:String(e.availableQuantity)}}return{chip:t===`active`?`Live`:b[t],cta:{active:`Bid now`,draft:`Preview item`,finished:`View item`}[t],price:t===`finished`&&!e.maxBidAmount?`No bids`:n(e.maxBidAmount??0),priceLabel:t===`finished`?`Final bid`:`Current`,secondary:n(e.minBidAmount??0)}}function T({auction:n,item:r,onSelect:i,href:a,autoRotateImages:o=!1,theme:l=`dark`,className:p,style:m,showDescription:h=!0,showMetrics:g=!0,showTiming:_=!0}){s(r.startAt??n.startAt,r.endAt??n.endAt);let b=e(n,r),T=r.saleMode===`buy_now`,E=w(r,b);return v(`div`,{className:[`lockerverse-auctions`,`lockerverse-auctions--card`,p].filter(Boolean).join(` `),"data-lockerverse-theme":l,style:m,children:y(`article`,{className:`lockerverse-auctions__catalog-card`,children:[a?v(`a`,{"aria-label":`View ${r.name}`,className:`lockerverse-auctions__catalog-select`,href:a,onClick:e=>{i&&e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey&&(e.preventDefault(),i())},children:y(`span`,{className:`lockerverse-auctions__visually-hidden`,children:[`View `,r.name]})}):v(`button`,{"aria-label":`View ${r.name}`,className:`lockerverse-auctions__catalog-select`,onClick:i,type:`button`}),y(`div`,{className:`lockerverse-auctions__catalog-media`,children:[v(x,{autoRotate:o,fallback:r.image||n.configuration.image||n.community?.banner||n.community?.thumbnail,images:r.images,name:r.name}),y(`div`,{className:`lockerverse-auctions__catalog-chips`,children:[v(`span`,{className:`lockerverse-auctions__catalog-chip`,"data-live":b===`active`,children:E.chip}),_?v(C,{auction:n,item:r,status:b}):null]}),g?y(`dl`,{className:`lockerverse-auctions__catalog-metrics`,children:[v(S,{icon:v(T?f:d,{"aria-hidden":`true`,size:16}),label:E.priceLabel,value:E.price}),v(S,{icon:v(u,{"aria-hidden":`true`,size:16}),label:T?`Available`:`Floor`,value:E.secondary})]}):null]}),y(`div`,{className:`lockerverse-auctions__catalog-body`,children:[v(`h3`,{children:r.name}),h?v(t,{className:`lockerverse-auctions__catalog-description`,description:r.description||`View auction item details.`}):null,v(`div`,{className:`lockerverse-auctions__catalog-footer lockerverse-auctions__catalog-footer--item`,children:y(`span`,{className:`lockerverse-auctions__catalog-cta`,children:[E.cta,v(c,{"aria-hidden":`true`,size:16})]})})]})]})})}const E=[{label:`All`,value:`all`},{label:`Live`,value:`active`},{label:`Upcoming`,value:`draft`},{label:`Closed`,value:`finished`}];function D({auction:e,onSelectItem:t,filter:n,onFilterChange:r,getFilterHref:i,getItemHref:a,autoRotateImages:o=!1,theme:s=`dark`,style:c,className:l,showFilters:u=!0,showHeader:d=!0,showLineup:f=!0,onBack:p,renderItem:m}){return v(`section`,{"aria-label":e.name,className:[`lockerverse-auctions`,`lockerverse-auctions--catalog`,l].filter(Boolean).join(` `),"data-lockerverse-theme":s,style:c,children:v(O,{auction:e,...t?{onSelectItem:t}:{},...n?{filter:n}:{},...r?{onFilterChange:r}:{},...i?{getFilterHref:i}:{},...a?{getItemHref:a}:{},autoRotateImages:o,showFilters:u,showHeader:d,showLineup:f,theme:s,...c?{style:c}:{},...p?{onBack:p}:{},...m?{renderItem:m}:{}})})}function O({auction:n,onSelectItem:r,filter:o,onFilterChange:c,getFilterHref:u,getItemHref:d,autoRotateImages:f=!1,theme:m=`dark`,style:b,showFilters:x=!0,showHeader:S=!0,showLineup:C=!0,onBack:w,renderItem:D}){s(n.startAt,n.endAt,n.items);let[O,k]=g({auctionId:n.id,value:`all`}),A=h(null),j=h(null),M=x?o??(O.auctionId===n.id?O.value:`all`):`all`;p(()=>{k({auctionId:n.id,value:`all`})},[n.id,x]);let N=e=>{k({auctionId:n.id,value:e}),c?.(e)},P=i(n),F=!!w;p(()=>{F&&(A.current??j.current)?.focus()},[n.id,F,S]);let I=b?Object.fromEntries(Object.entries(b).filter(([e])=>e.startsWith(`--lockerverse-`))):void 0,L=[...n.items].sort((e,t)=>e.position-t.position||e.createdAt.localeCompare(t.createdAt)),R=L.filter(t=>M===`all`||e(n,t)===M);return y(_,{children:[w?y(`button`,{className:`lockerverse-auctions__catalog-back`,onClick:w,ref:j,type:`button`,children:[v(l,{"aria-hidden":`true`,size:16}),`Auctions`]}):null,S?y(`header`,{className:`lockerverse-auctions__catalog-header`,children:[v(`h2`,{ref:A,tabIndex:-1,children:n.name}),y(`p`,{className:`lockerverse-auctions__catalog-period`,children:[a({...n,items:[]},`draft`),` —`,` `,a(n,`active`)]}),n.status!==`finished`&&P?y(`p`,{className:`lockerverse-auctions__catalog-next`,children:[`Next opens `,a(n,`draft`,P)]}):null,n.description?v(t,{description:n.description}):null]}):null,C?y(`div`,{className:`lockerverse-auctions__catalog-lineup`,children:[y(`div`,{children:[v(`h3`,{children:`Auction lineup`}),v(`p`,{children:`Browse the current collection.`})]}),y(`span`,{children:[R.length,` `,R.length===1?`item`:`items`]})]}):null,x?v(`fieldset`,{"aria-label":`Filter auction items`,className:`lockerverse-auctions__catalog-filters`,children:E.map(t=>{let r=u?.(t.value),i=y(_,{children:[t.label,v(`span`,{children:t.value===`all`?L.length:L.filter(r=>e(n,r)===t.value).length})]});return r?v(`a`,{"aria-current":M===t.value?`page`:void 0,href:r,onClick:e=>{c&&e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey&&(e.preventDefault(),N(t.value))},children:i},t.value):v(`button`,{"aria-pressed":M===t.value,onClick:()=>N(t.value),type:`button`,children:i},t.value)})}):null,R.length?v(`ul`,{className:`lockerverse-auctions__catalog-grid`,children:R.map(t=>{let i={auction:n,item:t,onSelect:()=>r?.(n,t),status:e(n,t),theme:m};d&&(i.href=d(n,t)),I&&(i.style=I);let{onSelect:a,...o}=i;return v(`li`,{children:D?D(i):v(T,{...o,...r?{onSelect:a}:{},autoRotateImages:f})},t.id)})}):v(`p`,{className:`lockerverse-auctions__catalog-empty`,children:`No items match this auction view.`})]})}export{S as a,x as i,D as n,b as o,T as r,C as s,O as t};
+import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"./use-auction-boundary.js";import{ArrowRight as c,ChevronLeft as l,Clock3 as u,Gavel as d,ShoppingBag as f}from"lucide-react";import{useEffect as p,useMemo as m,useRef as h,useState as g}from"react";import{Fragment as _,jsx as v,jsxs as y}from"react/jsx-runtime";const b={active:`Live now`,draft:`Coming soon`,finished:`Closed`};function x({images:e,autoRotate:t=!1,fallback:n,name:i}){let a=m(()=>{let t=[...new Set(e?.filter(Boolean))];return!t.length&&n&&t.push(n),t},[e,n]),[o,s]=g(0),{ref:c,visible:l}=r(),[u,d]=g(!0),[f,_]=g(!1),y=h(new Set),b=a.length,x=t&&b?o%b:0;return p(()=>{let e=window.matchMedia(`(prefers-reduced-motion: reduce)`),t=()=>d(e.matches);t(),e.addEventListener(`change`,t);let n=c.current?.closest(`article`),r=()=>_(!!n?.matches(`:hover, :focus-within`)),i=e=>_(!!(n?.matches(`:hover`)||e.relatedTarget instanceof Node&&n?.contains(e.relatedTarget)));return r(),n?.addEventListener(`mouseenter`,r),n?.addEventListener(`mouseleave`,r),n?.addEventListener(`focusin`,r),n?.addEventListener(`focusout`,i),()=>{e.removeEventListener(`change`,t),n?.removeEventListener(`mouseenter`,r),n?.removeEventListener(`mouseleave`,r),n?.removeEventListener(`focusin`,r),n?.removeEventListener(`focusout`,i)}},[c]),p(()=>{if(!t||b<2||!l||u||f)return;let e=window.setInterval(()=>{s(e=>y.current.has(a[(e+1)%b]??``)?(e+1)%b:e)},5e3);return()=>window.clearInterval(e)},[t,b,a,l,u,f]),v(`div`,{className:`lockerverse-auctions__catalog-images`,ref:c,children:b?[x,...t&&b>1?[(x+1)%b]:[]].map(e=>v(`img`,{alt:e===x?i:``,"aria-hidden":e!==x,className:`lockerverse-auctions__catalog-photo`,"data-visible":e===x,height:500,loading:`lazy`,onLoad:()=>y.current.add(a[e]??``),src:a[e],width:640},a[e])):null})}function S({icon:e,label:t,value:n}){return y(`div`,{className:`lockerverse-auctions__catalog-metric`,children:[y(`dt`,{children:[e,t]}),v(`dd`,{children:n})]})}function C({auction:t,status:n=e(t),item:r}){let i=``;return n===`draft`&&(i=!r&&Date.parse(t.startAt)<=Date.now()?`Next opens `:`Opens `),n===`active`&&(i=r?`Closes `:`Ends `),y(`span`,{className:`lockerverse-auctions__catalog-timing`,children:[i,a(t,n,r)]})}function w(e,t){if(e.saleMode===`buy_now`){let r=o(e),i=t===`active`?`Buy now`:b[t];return{chip:r?`Sold out`:i,cta:r?`Sold out`:{active:`Buy now`,draft:`Preview item`,finished:`View item`}[t],price:n(e.buyNowPriceAmount??0),priceLabel:`Buy Now`,secondary:e.availableQuantity===null?`Available`:String(e.availableQuantity)}}return{chip:t===`active`?`Live`:b[t],cta:{active:`Bid now`,draft:`Preview item`,finished:`View item`}[t],price:t===`finished`&&!e.maxBidAmount?`No bids`:n(e.maxBidAmount??0),priceLabel:t===`finished`?`Final bid`:`Current`,secondary:n(e.minBidAmount??0)}}function T({auction:n,item:r,onSelect:i,href:a,autoRotateImages:o=!1,theme:l=`dark`,className:p,style:m,showDescription:h=!0,showMetrics:g=!0,showTiming:_=!0}){s(r.startAt??n.startAt,r.endAt??n.endAt);let b=e(n,r),T=r.saleMode===`buy_now`,E=w(r,b);return v(`div`,{className:[`lockerverse-auctions`,`lockerverse-auctions--card`,p].filter(Boolean).join(` `),"data-lockerverse-theme":l,style:m,children:y(`article`,{className:`lockerverse-auctions__catalog-card`,children:[a?v(`a`,{"aria-label":`View ${r.name}`,className:`lockerverse-auctions__catalog-select`,href:a,onClick:e=>{i&&e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey&&(e.preventDefault(),i())},children:y(`span`,{className:`lockerverse-auctions__visually-hidden`,children:[`View `,r.name]})}):v(`button`,{"aria-label":`View ${r.name}`,className:`lockerverse-auctions__catalog-select`,onClick:i,type:`button`}),y(`div`,{className:`lockerverse-auctions__catalog-media`,children:[v(x,{autoRotate:o,fallback:r.image||n.configuration.image||n.community?.banner||n.community?.thumbnail,images:r.images,name:r.name}),y(`div`,{className:`lockerverse-auctions__catalog-chips`,children:[v(`span`,{className:`lockerverse-auctions__catalog-chip`,"data-live":b===`active`,children:E.chip}),_?v(C,{auction:n,item:r,status:b}):null]}),g?y(`dl`,{className:`lockerverse-auctions__catalog-metrics`,children:[v(S,{icon:v(T?f:d,{"aria-hidden":`true`,size:16}),label:E.priceLabel,value:E.price}),v(S,{icon:v(u,{"aria-hidden":`true`,size:16}),label:T?`Available`:`Floor`,value:E.secondary})]}):null]}),y(`div`,{className:`lockerverse-auctions__catalog-body`,children:[v(`h3`,{children:r.name}),h?v(t,{className:`lockerverse-auctions__catalog-description`,description:r.description||`View auction item details.`}):null,v(`div`,{className:`lockerverse-auctions__catalog-footer lockerverse-auctions__catalog-footer--item`,children:y(`span`,{className:`lockerverse-auctions__catalog-cta`,children:[E.cta,v(c,{"aria-hidden":`true`,size:16})]})})]})]})})}const E=[{label:`All`,value:`all`},{label:`Live`,value:`active`},{label:`Upcoming`,value:`draft`},{label:`Closed`,value:`finished`}];function D({auction:e,onSelectItem:t,filter:n,onFilterChange:r,getFilterHref:i,getItemHref:a,autoRotateImages:o=!1,theme:s=`dark`,style:c,className:l,showFilters:u=!0,showHeader:d=!0,showLineup:f=!1,onBack:p,renderItem:m}){return v(`section`,{"aria-label":e.name,className:[`lockerverse-auctions`,`lockerverse-auctions--catalog`,l].filter(Boolean).join(` `),"data-lockerverse-theme":s,style:c,children:v(O,{auction:e,...t?{onSelectItem:t}:{},...n?{filter:n}:{},...r?{onFilterChange:r}:{},...i?{getFilterHref:i}:{},...a?{getItemHref:a}:{},autoRotateImages:o,showFilters:u,showHeader:d,showLineup:f,theme:s,...c?{style:c}:{},...p?{onBack:p}:{},...m?{renderItem:m}:{}})})}function O({auction:n,onSelectItem:r,filter:o,onFilterChange:c,getFilterHref:u,getItemHref:d,autoRotateImages:f=!1,theme:m=`dark`,style:b,showFilters:x=!0,showHeader:S=!0,showLineup:C=!1,onBack:w,renderItem:D}){s(n.startAt,n.endAt,n.items);let[O,k]=g({auctionId:n.id,value:`all`}),A=h(null),j=h(null),M=x?o??(O.auctionId===n.id?O.value:`all`):`all`;p(()=>{k({auctionId:n.id,value:`all`})},[n.id,x]);let N=e=>{k({auctionId:n.id,value:e}),c?.(e)},P=i(n),F=!!w;p(()=>{F&&(A.current??j.current)?.focus()},[n.id,F,S]);let I=b?Object.fromEntries(Object.entries(b).filter(([e])=>e.startsWith(`--lockerverse-`))):void 0,L=[...n.items].sort((e,t)=>e.position-t.position||e.createdAt.localeCompare(t.createdAt)),R=L.filter(t=>M===`all`||e(n,t)===M);return y(_,{children:[w?y(`button`,{className:`lockerverse-auctions__catalog-back`,onClick:w,ref:j,type:`button`,children:[v(l,{"aria-hidden":`true`,size:16}),`Auctions`]}):null,S?y(`header`,{className:`lockerverse-auctions__catalog-header`,children:[v(`h2`,{ref:A,tabIndex:-1,children:n.name}),n.status!==`finished`&&P?y(`p`,{className:`lockerverse-auctions__catalog-next`,children:[`Next opens `,a(n,`draft`,P)]}):null,n.description?v(t,{description:n.description}):null]}):null,C?y(`div`,{className:`lockerverse-auctions__catalog-lineup`,children:[y(`div`,{children:[v(`h3`,{children:`Auction lineup`}),v(`p`,{children:`Browse the current collection.`})]}),y(`span`,{children:[R.length,` `,R.length===1?`item`:`items`]})]}):null,x?v(`fieldset`,{"aria-label":`Filter auction items`,className:`lockerverse-auctions__catalog-filters`,children:E.map(t=>{let r=u?.(t.value),i=y(_,{children:[t.label,v(`span`,{children:t.value===`all`?L.length:L.filter(r=>e(n,r)===t.value).length})]});return r?v(`a`,{"aria-current":M===t.value?`page`:void 0,href:r,onClick:e=>{c&&e.button===0&&!e.metaKey&&!e.ctrlKey&&!e.shiftKey&&!e.altKey&&(e.preventDefault(),N(t.value))},children:i},t.value):v(`button`,{"aria-pressed":M===t.value,onClick:()=>N(t.value),type:`button`,children:i},t.value)})}):null,R.length?v(`ul`,{className:`lockerverse-auctions__catalog-grid`,children:R.map(t=>{let i={auction:n,item:t,onSelect:()=>r?.(n,t),status:e(n,t),theme:m};d&&(i.href=d(n,t)),I&&(i.style=I);let{onSelect:a,...o}=i;return v(`li`,{children:D?D(i):v(T,{...o,...r?{onSelect:a}:{},autoRotateImages:f})},t.id)})}):v(`p`,{className:`lockerverse-auctions__catalog-empty`,children:`No items match this auction view.`})]})}export{S as a,x as i,D as n,b as o,T as r,C as s,O as t};
 //# sourceMappingURL=lockerverse-auction.js.map

package/dist/lockerverse-auction.js.map

@@ -1 +1 @@
-{"version":3,"file":"lockerverse-auction.js","names":["formatMoney"],"sources":["../src/auction-catalog-parts.tsx","../src/lockerverse-auction-item-card.tsx","../src/lockerverse-auction.tsx"],"sourcesContent":["import type {\n  LockerverseAuction as Auction,\n  LockerverseAuctionItem,\n  LockerverseAuctionStatus,\n} from \"@lockerverse/sdk/auctions\";\nimport { type ReactNode, useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  formatAuctionBoundary,\n  getAuctionDisplayStatus,\n} from \"./auction-display.ts\";\nimport { useAuctionVisibility } from \"./use-auction-visibility.ts\";\nexport const STATUS_LABELS = {\n  active: \"Live now\",\n  draft: \"Coming soon\",\n  finished: \"Closed\",\n} satisfies Record<LockerverseAuctionStatus, string>;\nexport function CatalogImage({\n  images,\n  autoRotate = false,\n  fallback,\n  name,\n}: {\n  images?: string[];\n  autoRotate?: boolean;\n  fallback?: string | null | undefined;\n  name: string;\n}) {\n  const photos = useMemo(() => {\n    const unique = [...new Set(images?.filter(Boolean))];\n    if (!unique.length && fallback) {\n      unique.push(fallback);\n    }\n    return unique;\n  }, [images, fallback]);\n  const [index, setIndex] = useState(0);\n  const { ref: imageRef, visible } = useAuctionVisibility<HTMLDivElement>();\n  const [reducedMotion, setReducedMotion] = useState(true);\n  const [interacting, setInteracting] = useState(false);\n  const loaded = useRef(new Set<string>());\n  const count = photos.length;\n  const current = autoRotate && count ? index % count : 0;\n  useEffect(() => {\n    const motion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    const updateMotion = () => setReducedMotion(motion.matches);\n    updateMotion();\n    motion.addEventListener(\"change\", updateMotion);\n    const card = imageRef.current?.closest(\"article\");\n    const updateInteraction = () =>\n      setInteracting(Boolean(card?.matches(\":hover, :focus-within\")));\n    const leaveFocus = (event: FocusEvent) =>\n      setInteracting(\n        Boolean(\n          card?.matches(\":hover\") ||\n            (event.relatedTarget instanceof Node &&\n              card?.contains(event.relatedTarget))\n        )\n      );\n    updateInteraction();\n    card?.addEventListener(\"mouseenter\", updateInteraction);\n    card?.addEventListener(\"mouseleave\", updateInteraction);\n    card?.addEventListener(\"focusin\", updateInteraction);\n    card?.addEventListener(\"focusout\", leaveFocus);\n    return () => {\n      motion.removeEventListener(\"change\", updateMotion);\n      card?.removeEventListener(\"mouseenter\", updateInteraction);\n      card?.removeEventListener(\"mouseleave\", updateInteraction);\n      card?.removeEventListener(\"focusin\", updateInteraction);\n      card?.removeEventListener(\"focusout\", leaveFocus);\n    };\n  }, [imageRef]);\n  useEffect(() => {\n    if (!autoRotate || count < 2 || !visible || reducedMotion || interacting) {\n      return;\n    }\n    const timer = window.setInterval(() => {\n      setIndex((previous) =>\n        loaded.current.has(photos[(previous + 1) % count] ?? \"\")\n          ? (previous + 1) % count\n          : previous\n      );\n    }, 5000);\n    return () => window.clearInterval(timer);\n  }, [autoRotate, count, photos, visible, reducedMotion, interacting]);\n  return (\n    <div className=\"lockerverse-auctions__catalog-images\" ref={imageRef}>\n      {count\n        ? [\n            current,\n            ...(autoRotate && count > 1 ? [(current + 1) % count] : []),\n          ].map((photo) => (\n            <img\n              alt={photo === current ? name : \"\"}\n              aria-hidden={photo !== current}\n              className=\"lockerverse-auctions__catalog-photo\"\n              data-visible={photo === current}\n              height={500}\n              key={photos[photo]}\n              loading=\"lazy\"\n              onLoad={() => loaded.current.add(photos[photo] ?? \"\")}\n              src={photos[photo]}\n              width={640}\n            />\n          ))\n        : null}\n    </div>\n  );\n}\nexport function Metric({\n  icon,\n  label,\n  value,\n}: {\n  icon: ReactNode;\n  label: string;\n  value: string;\n}) {\n  return (\n    <div className=\"lockerverse-auctions__catalog-metric\">\n      <dt>\n        {icon}\n        {label}\n      </dt>\n      <dd>{value}</dd>\n    </div>\n  );\n}\nexport function Timing({\n  auction,\n  status = getAuctionDisplayStatus(auction),\n  item,\n}: {\n  auction: Auction;\n  status?: LockerverseAuctionStatus;\n  item?: LockerverseAuctionItem;\n}) {\n  let label = \"\";\n  if (status === \"draft\") {\n    label =\n      !item && Date.parse(auction.startAt) <= Date.now()\n        ? \"Next opens \"\n        : \"Opens \";\n  }\n  if (status === \"active\") {\n    label = item ? \"Closes \" : \"Ends \";\n  }\n  return (\n    <span className=\"lockerverse-auctions__catalog-timing\">\n      {label}\n      {formatAuctionBoundary(auction, status, item)}\n    </span>\n  );\n}\n","import type {\n  LockerverseAuction as Auction,\n  LockerverseAuctionItem as AuctionItem,\n  LockerverseAuctionStatus,\n} from \"@lockerverse/sdk/auctions\";\nimport { ArrowRight, Clock3, Gavel, ShoppingBag } from \"lucide-react\";\nimport {\n  CatalogImage,\n  Metric,\n  STATUS_LABELS,\n  Timing,\n} from \"./auction-catalog-parts.tsx\";\nimport { AuctionDescription } from \"./auction-description.tsx\";\nimport {\n  formatAuctionMoney as formatMoney,\n  getAuctionDisplayStatus,\n  isAuctionItemSoldOut,\n} from \"./auction-display.ts\";\nimport type { LockerverseStyle, LockerverseTheme } from \"./theme.ts\";\nimport { useAuctionBoundary } from \"./use-auction-boundary.ts\";\n\nexport type LockerverseAuctionItemCardProps = {\n  auction: Auction;\n  item: AuctionItem;\n  onSelect?: () => void;\n  href?: string;\n  /** Rotate photos every five seconds. Static by default. */\n  autoRotateImages?: boolean;\n  theme?: LockerverseTheme;\n  /** Applied to the scoped card container. */\n  className?: string;\n  style?: LockerverseStyle;\n  showDescription?: boolean;\n  showMetrics?: boolean;\n  showTiming?: boolean;\n};\nfunction itemCardDisplay(item: AuctionItem, status: LockerverseAuctionStatus) {\n  if (item.saleMode === \"buy_now\") {\n    const soldOut = isAuctionItemSoldOut(item);\n    const availabilityLabel =\n      status === \"active\" ? \"Buy now\" : STATUS_LABELS[status];\n    const label = soldOut ? \"Sold out\" : availabilityLabel;\n    return {\n      chip: label,\n      cta: soldOut\n        ? \"Sold out\"\n        : { active: \"Buy now\", draft: \"Preview item\", finished: \"View item\" }[\n            status\n          ],\n      price: formatMoney(item.buyNowPriceAmount ?? 0),\n      priceLabel: \"Buy Now\",\n      secondary:\n        item.availableQuantity === null\n          ? \"Available\"\n          : String(item.availableQuantity),\n    };\n  }\n  return {\n    chip: status === \"active\" ? \"Live\" : STATUS_LABELS[status],\n    cta: { active: \"Bid now\", draft: \"Preview item\", finished: \"View item\" }[\n      status\n    ],\n    price:\n      status === \"finished\" && !item.maxBidAmount\n        ? \"No bids\"\n        : formatMoney(item.maxBidAmount ?? 0),\n    priceLabel: status === \"finished\" ? \"Final bid\" : \"Current\",\n    secondary: formatMoney(item.minBidAmount ?? 0),\n  };\n}\nexport function LockerverseAuctionItemCard({\n  auction,\n  item,\n  onSelect,\n  href,\n  autoRotateImages = false,\n  theme = \"dark\",\n  className,\n  style,\n  showDescription = true,\n  showMetrics = true,\n  showTiming = true,\n}: LockerverseAuctionItemCardProps) {\n  useAuctionBoundary(\n    item.startAt ?? auction.startAt,\n    item.endAt ?? auction.endAt\n  );\n  const status = getAuctionDisplayStatus(auction, item);\n  const buyNow = item.saleMode === \"buy_now\";\n  const display = itemCardDisplay(item, status);\n  return (\n    <div\n      className={[\n        \"lockerverse-auctions\",\n        \"lockerverse-auctions--card\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      data-lockerverse-theme={theme}\n      style={style}\n    >\n      <article className=\"lockerverse-auctions__catalog-card\">\n        {href ? (\n          <a\n            aria-label={`View ${item.name}`}\n            className=\"lockerverse-auctions__catalog-select\"\n            href={href}\n            onClick={(event) => {\n              if (\n                onSelect &&\n                event.button === 0 &&\n                !event.metaKey &&\n                !event.ctrlKey &&\n                !event.shiftKey &&\n                !event.altKey\n              ) {\n                event.preventDefault();\n                onSelect();\n              }\n            }}\n          >\n            <span className=\"lockerverse-auctions__visually-hidden\">\n              View {item.name}\n            </span>\n          </a>\n        ) : (\n          <button\n            aria-label={`View ${item.name}`}\n            className=\"lockerverse-auctions__catalog-select\"\n            onClick={onSelect}\n            type=\"button\"\n          />\n        )}\n        <div className=\"lockerverse-auctions__catalog-media\">\n          <CatalogImage\n            autoRotate={autoRotateImages}\n            fallback={\n              item.image ||\n              auction.configuration.image ||\n              auction.community?.banner ||\n              auction.community?.thumbnail\n            }\n            images={item.images}\n            name={item.name}\n          />\n          <div className=\"lockerverse-auctions__catalog-chips\">\n            <span\n              className=\"lockerverse-auctions__catalog-chip\"\n              data-live={status === \"active\"}\n            >\n              {display.chip}\n            </span>\n            {showTiming ? (\n              <Timing auction={auction} item={item} status={status} />\n            ) : null}\n          </div>\n          {showMetrics ? (\n            <dl className=\"lockerverse-auctions__catalog-metrics\">\n              <Metric\n                icon={\n                  buyNow ? (\n                    <ShoppingBag aria-hidden=\"true\" size={16} />\n                  ) : (\n                    <Gavel aria-hidden=\"true\" size={16} />\n                  )\n                }\n                label={display.priceLabel}\n                value={display.price}\n              />\n              <Metric\n                icon={<Clock3 aria-hidden=\"true\" size={16} />}\n                label={buyNow ? \"Available\" : \"Floor\"}\n                value={display.secondary}\n              />\n            </dl>\n          ) : null}\n        </div>\n        <div className=\"lockerverse-auctions__catalog-body\">\n          <h3>{item.name}</h3>\n          {showDescription ? (\n            <AuctionDescription\n              className=\"lockerverse-auctions__catalog-description\"\n              description={item.description || \"View auction item details.\"}\n            />\n          ) : null}\n          <div className=\"lockerverse-auctions__catalog-footer lockerverse-auctions__catalog-footer--item\">\n            <span className=\"lockerverse-auctions__catalog-cta\">\n              {display.cta}\n              <ArrowRight aria-hidden=\"true\" size={16} />\n            </span>\n          </div>\n        </div>\n      </article>\n    </div>\n  );\n}\n","import type {\n  LockerverseAuction as Auction,\n  LockerverseAuctionItem as AuctionItem,\n  LockerverseAuctionStatus,\n} from \"@lockerverse/sdk/auctions\";\nimport { ChevronLeft } from \"lucide-react\";\nimport { type ReactNode, useEffect, useRef, useState } from \"react\";\nimport { AuctionDescription } from \"./auction-description.tsx\";\nimport {\n  formatAuctionBoundary,\n  getAuctionDisplayStatus,\n  getNextAuctionItem,\n} from \"./auction-display.ts\";\nimport { LockerverseAuctionItemCard } from \"./lockerverse-auction-item-card.tsx\";\nimport type { LockerverseStyle, LockerverseTheme } from \"./theme.ts\";\nimport { useAuctionBoundary } from \"./use-auction-boundary.ts\";\n\nexport type LockerverseAuctionItemRenderContext = {\n  auction: Auction;\n  item: AuctionItem;\n  /** Effective auction and item status, including elapsed closing dates. */\n  status: LockerverseAuctionStatus;\n  /** Calls the host selection callback when one is supplied. Use href for native navigation. */\n  onSelect: () => void;\n  href?: string;\n  /** Parent theme and Lockerverse CSS custom properties for default-card reuse. */\n  theme: LockerverseTheme;\n  style?: LockerverseStyle;\n};\nexport type LockerverseAuctionProps = {\n  auction: Auction;\n  onSelectItem?: (auction: Auction, item: AuctionItem) => void;\n  /** Controlled item status filter. Omit to use the internal filter state. */\n  filter?: LockerverseAuctionItemFilter;\n  onFilterChange?: (filter: LockerverseAuctionItemFilter) => void;\n  /** Native links preserve opening filters and items in another tab. */\n  getFilterHref?: (filter: LockerverseAuctionItemFilter) => string;\n  getItemHref?: (auction: Auction, item: AuctionItem) => string;\n  /** Rotate catalog photos. Static images are the default. */\n  autoRotateImages?: boolean;\n  theme?: LockerverseTheme;\n  style?: LockerverseStyle;\n  className?: string;\n  showFilters?: boolean;\n  showHeader?: boolean;\n  showLineup?: boolean;\n  onBack?: () => void;\n  /** Replace the card inside each list item. Keep onSelect connected to your item view. */\n  renderItem?: (context: LockerverseAuctionItemRenderContext) => ReactNode;\n};\nconst FILTERS = [\n  { label: \"All\", value: \"all\" },\n  { label: \"Live\", value: \"active\" },\n  { label: \"Upcoming\", value: \"draft\" },\n  { label: \"Closed\", value: \"finished\" },\n] as const;\nexport type LockerverseAuctionItemFilter = (typeof FILTERS)[number][\"value\"];\n\n/** Display one loaded auction. Fetching and item navigation stay with the host. */\nexport function LockerverseAuction({\n  auction,\n  onSelectItem,\n  filter: controlledFilter,\n  onFilterChange,\n  getFilterHref,\n  getItemHref,\n  autoRotateImages = false,\n  theme = \"dark\",\n  style,\n  className,\n  showFilters = true,\n  showHeader = true,\n  showLineup = true,\n  onBack,\n  renderItem,\n}: LockerverseAuctionProps) {\n  return (\n    <section\n      aria-label={auction.name}\n      className={[\n        \"lockerverse-auctions\",\n        \"lockerverse-auctions--catalog\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      data-lockerverse-theme={theme}\n      style={style}\n    >\n      <AuctionContent\n        auction={auction}\n        {...(onSelectItem ? { onSelectItem } : {})}\n        {...(controlledFilter ? { filter: controlledFilter } : {})}\n        {...(onFilterChange ? { onFilterChange } : {})}\n        {...(getFilterHref ? { getFilterHref } : {})}\n        {...(getItemHref ? { getItemHref } : {})}\n        autoRotateImages={autoRotateImages}\n        showFilters={showFilters}\n        showHeader={showHeader}\n        showLineup={showLineup}\n        theme={theme}\n        {...(style ? { style } : {})}\n        {...(onBack ? { onBack } : {})}\n        {...(renderItem ? { renderItem } : {})}\n      />\n    </section>\n  );\n}\n\n/** Shared content without a second themed container when used in the browser. */\nexport function AuctionContent({\n  auction,\n  onSelectItem,\n  filter: controlledFilter,\n  onFilterChange,\n  getFilterHref,\n  getItemHref,\n  autoRotateImages = false,\n  theme = \"dark\",\n  style,\n  showFilters = true,\n  showHeader = true,\n  showLineup = true,\n  onBack,\n  renderItem,\n}: LockerverseAuctionProps) {\n  useAuctionBoundary(auction.startAt, auction.endAt, auction.items);\n  const [filterState, setFilterState] = useState<{\n    auctionId: string;\n    value: LockerverseAuctionItemFilter;\n  }>({ auctionId: auction.id, value: \"all\" });\n  const headingRef = useRef<HTMLHeadingElement>(null);\n  const backRef = useRef<HTMLButtonElement>(null);\n  const filter = showFilters\n    ? (controlledFilter ??\n      (filterState.auctionId === auction.id ? filterState.value : \"all\"))\n    : \"all\";\n  useEffect(() => {\n    setFilterState({ auctionId: auction.id, value: \"all\" });\n  }, [auction.id, showFilters]);\n  const changeFilter = (value: LockerverseAuctionItemFilter) => {\n    setFilterState({ auctionId: auction.id, value });\n    onFilterChange?.(value);\n  };\n  const nextItem = getNextAuctionItem(auction);\n  const focusHeading = Boolean(onBack);\n  useEffect(() => {\n    if (focusHeading) {\n      (headingRef.current ?? backRef.current)?.focus();\n    }\n  }, [auction.id, focusHeading, showHeader]);\n  const cardStyle = style\n    ? Object.fromEntries(\n        Object.entries(style).filter(([key]) =>\n          key.startsWith(\"--lockerverse-\")\n        )\n      )\n    : undefined;\n  const items = [...auction.items].sort(\n    (left, right) =>\n      left.position - right.position ||\n      left.createdAt.localeCompare(right.createdAt)\n  );\n  const filtered = items.filter(\n    (item) =>\n      filter === \"all\" || getAuctionDisplayStatus(auction, item) === filter\n  );\n  return (\n    <>\n      {onBack ? (\n        <button\n          className=\"lockerverse-auctions__catalog-back\"\n          onClick={onBack}\n          ref={backRef}\n          type=\"button\"\n        >\n          <ChevronLeft aria-hidden=\"true\" size={16} />\n          Auctions\n        </button>\n      ) : null}\n      {showHeader ? (\n        <header className=\"lockerverse-auctions__catalog-header\">\n          <h2 ref={headingRef} tabIndex={-1}>\n            {auction.name}\n          </h2>\n          <p className=\"lockerverse-auctions__catalog-period\">\n            {formatAuctionBoundary({ ...auction, items: [] }, \"draft\")} —{\" \"}\n            {formatAuctionBoundary(auction, \"active\")}\n          </p>\n          {auction.status !== \"finished\" && nextItem ? (\n            <p className=\"lockerverse-auctions__catalog-next\">\n              Next opens {formatAuctionBoundary(auction, \"draft\", nextItem)}\n            </p>\n          ) : null}\n          {auction.description ? (\n            <AuctionDescription description={auction.description} />\n          ) : null}\n        </header>\n      ) : null}\n      {showLineup ? (\n        <div className=\"lockerverse-auctions__catalog-lineup\">\n          <div>\n            <h3>Auction lineup</h3>\n            <p>Browse the current collection.</p>\n          </div>\n          <span>\n            {filtered.length} {filtered.length === 1 ? \"item\" : \"items\"}\n          </span>\n        </div>\n      ) : null}\n      {showFilters ? (\n        <fieldset\n          aria-label=\"Filter auction items\"\n          className=\"lockerverse-auctions__catalog-filters\"\n        >\n          {FILTERS.map((option) => {\n            const href = getFilterHref?.(option.value);\n            const label = (\n              <>\n                {option.label}\n                <span>\n                  {option.value === \"all\"\n                    ? items.length\n                    : items.filter(\n                        (item) =>\n                          getAuctionDisplayStatus(auction, item) ===\n                          option.value\n                      ).length}\n                </span>\n              </>\n            );\n            return href ? (\n              <a\n                aria-current={filter === option.value ? \"page\" : undefined}\n                href={href}\n                key={option.value}\n                onClick={(event) => {\n                  if (\n                    onFilterChange &&\n                    event.button === 0 &&\n                    !event.metaKey &&\n                    !event.ctrlKey &&\n                    !event.shiftKey &&\n                    !event.altKey\n                  ) {\n                    event.preventDefault();\n                    changeFilter(option.value);\n                  }\n                }}\n              >\n                {label}\n              </a>\n            ) : (\n              <button\n                aria-pressed={filter === option.value}\n                key={option.value}\n                onClick={() => changeFilter(option.value)}\n                type=\"button\"\n              >\n                {label}\n              </button>\n            );\n          })}\n        </fieldset>\n      ) : null}\n      {filtered.length ? (\n        <ul className=\"lockerverse-auctions__catalog-grid\">\n          {filtered.map((item) => {\n            const context: LockerverseAuctionItemRenderContext = {\n              auction,\n              item,\n              onSelect: () => onSelectItem?.(auction, item),\n              status: getAuctionDisplayStatus(auction, item),\n              theme,\n            };\n            if (getItemHref) {\n              context.href = getItemHref(auction, item);\n            }\n            if (cardStyle) {\n              context.style = cardStyle;\n            }\n            const { onSelect, ...cardContext } = context;\n            return (\n              <li key={item.id}>\n                {renderItem ? (\n                  renderItem(context)\n                ) : (\n                  <LockerverseAuctionItemCard\n                    {...cardContext}\n                    {...(onSelectItem ? { onSelect } : {})}\n                    autoRotateImages={autoRotateImages}\n                  />\n                )}\n              </li>\n            );\n          })}\n        </ul>\n      ) : (\n        <p className=\"lockerverse-auctions__catalog-empty\">\n          No items match this auction view.\n        </p>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"lockerverse-auction.js","names":["formatMoney"],"sources":["../src/auction-catalog-parts.tsx","../src/lockerverse-auction-item-card.tsx","../src/lockerverse-auction.tsx"],"sourcesContent":["import type {\n  LockerverseAuction as Auction,\n  LockerverseAuctionItem,\n  LockerverseAuctionStatus,\n} from \"@lockerverse/sdk/auctions\";\nimport { type ReactNode, useEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  formatAuctionBoundary,\n  getAuctionDisplayStatus,\n} from \"./auction-display.ts\";\nimport { useAuctionVisibility } from \"./use-auction-visibility.ts\";\nexport const STATUS_LABELS = {\n  active: \"Live now\",\n  draft: \"Coming soon\",\n  finished: \"Closed\",\n} satisfies Record<LockerverseAuctionStatus, string>;\nexport function CatalogImage({\n  images,\n  autoRotate = false,\n  fallback,\n  name,\n}: {\n  images?: string[];\n  autoRotate?: boolean;\n  fallback?: string | null | undefined;\n  name: string;\n}) {\n  const photos = useMemo(() => {\n    const unique = [...new Set(images?.filter(Boolean))];\n    if (!unique.length && fallback) {\n      unique.push(fallback);\n    }\n    return unique;\n  }, [images, fallback]);\n  const [index, setIndex] = useState(0);\n  const { ref: imageRef, visible } = useAuctionVisibility<HTMLDivElement>();\n  const [reducedMotion, setReducedMotion] = useState(true);\n  const [interacting, setInteracting] = useState(false);\n  const loaded = useRef(new Set<string>());\n  const count = photos.length;\n  const current = autoRotate && count ? index % count : 0;\n  useEffect(() => {\n    const motion = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    const updateMotion = () => setReducedMotion(motion.matches);\n    updateMotion();\n    motion.addEventListener(\"change\", updateMotion);\n    const card = imageRef.current?.closest(\"article\");\n    const updateInteraction = () =>\n      setInteracting(Boolean(card?.matches(\":hover, :focus-within\")));\n    const leaveFocus = (event: FocusEvent) =>\n      setInteracting(\n        Boolean(\n          card?.matches(\":hover\") ||\n            (event.relatedTarget instanceof Node &&\n              card?.contains(event.relatedTarget))\n        )\n      );\n    updateInteraction();\n    card?.addEventListener(\"mouseenter\", updateInteraction);\n    card?.addEventListener(\"mouseleave\", updateInteraction);\n    card?.addEventListener(\"focusin\", updateInteraction);\n    card?.addEventListener(\"focusout\", leaveFocus);\n    return () => {\n      motion.removeEventListener(\"change\", updateMotion);\n      card?.removeEventListener(\"mouseenter\", updateInteraction);\n      card?.removeEventListener(\"mouseleave\", updateInteraction);\n      card?.removeEventListener(\"focusin\", updateInteraction);\n      card?.removeEventListener(\"focusout\", leaveFocus);\n    };\n  }, [imageRef]);\n  useEffect(() => {\n    if (!autoRotate || count < 2 || !visible || reducedMotion || interacting) {\n      return;\n    }\n    const timer = window.setInterval(() => {\n      setIndex((previous) =>\n        loaded.current.has(photos[(previous + 1) % count] ?? \"\")\n          ? (previous + 1) % count\n          : previous\n      );\n    }, 5000);\n    return () => window.clearInterval(timer);\n  }, [autoRotate, count, photos, visible, reducedMotion, interacting]);\n  return (\n    <div className=\"lockerverse-auctions__catalog-images\" ref={imageRef}>\n      {count\n        ? [\n            current,\n            ...(autoRotate && count > 1 ? [(current + 1) % count] : []),\n          ].map((photo) => (\n            <img\n              alt={photo === current ? name : \"\"}\n              aria-hidden={photo !== current}\n              className=\"lockerverse-auctions__catalog-photo\"\n              data-visible={photo === current}\n              height={500}\n              key={photos[photo]}\n              loading=\"lazy\"\n              onLoad={() => loaded.current.add(photos[photo] ?? \"\")}\n              src={photos[photo]}\n              width={640}\n            />\n          ))\n        : null}\n    </div>\n  );\n}\nexport function Metric({\n  icon,\n  label,\n  value,\n}: {\n  icon: ReactNode;\n  label: string;\n  value: string;\n}) {\n  return (\n    <div className=\"lockerverse-auctions__catalog-metric\">\n      <dt>\n        {icon}\n        {label}\n      </dt>\n      <dd>{value}</dd>\n    </div>\n  );\n}\nexport function Timing({\n  auction,\n  status = getAuctionDisplayStatus(auction),\n  item,\n}: {\n  auction: Auction;\n  status?: LockerverseAuctionStatus;\n  item?: LockerverseAuctionItem;\n}) {\n  let label = \"\";\n  if (status === \"draft\") {\n    label =\n      !item && Date.parse(auction.startAt) <= Date.now()\n        ? \"Next opens \"\n        : \"Opens \";\n  }\n  if (status === \"active\") {\n    label = item ? \"Closes \" : \"Ends \";\n  }\n  return (\n    <span className=\"lockerverse-auctions__catalog-timing\">\n      {label}\n      {formatAuctionBoundary(auction, status, item)}\n    </span>\n  );\n}\n","import type {\n  LockerverseAuction as Auction,\n  LockerverseAuctionItem as AuctionItem,\n  LockerverseAuctionStatus,\n} from \"@lockerverse/sdk/auctions\";\nimport { ArrowRight, Clock3, Gavel, ShoppingBag } from \"lucide-react\";\nimport {\n  CatalogImage,\n  Metric,\n  STATUS_LABELS,\n  Timing,\n} from \"./auction-catalog-parts.tsx\";\nimport { AuctionDescription } from \"./auction-description.tsx\";\nimport {\n  formatAuctionMoney as formatMoney,\n  getAuctionDisplayStatus,\n  isAuctionItemSoldOut,\n} from \"./auction-display.ts\";\nimport type { LockerverseStyle, LockerverseTheme } from \"./theme.ts\";\nimport { useAuctionBoundary } from \"./use-auction-boundary.ts\";\n\nexport type LockerverseAuctionItemCardProps = {\n  auction: Auction;\n  item: AuctionItem;\n  onSelect?: () => void;\n  href?: string;\n  /** Rotate photos every five seconds. Static by default. */\n  autoRotateImages?: boolean;\n  theme?: LockerverseTheme;\n  /** Applied to the scoped card container. */\n  className?: string;\n  style?: LockerverseStyle;\n  showDescription?: boolean;\n  showMetrics?: boolean;\n  showTiming?: boolean;\n};\nfunction itemCardDisplay(item: AuctionItem, status: LockerverseAuctionStatus) {\n  if (item.saleMode === \"buy_now\") {\n    const soldOut = isAuctionItemSoldOut(item);\n    const availabilityLabel =\n      status === \"active\" ? \"Buy now\" : STATUS_LABELS[status];\n    const label = soldOut ? \"Sold out\" : availabilityLabel;\n    return {\n      chip: label,\n      cta: soldOut\n        ? \"Sold out\"\n        : { active: \"Buy now\", draft: \"Preview item\", finished: \"View item\" }[\n            status\n          ],\n      price: formatMoney(item.buyNowPriceAmount ?? 0),\n      priceLabel: \"Buy Now\",\n      secondary:\n        item.availableQuantity === null\n          ? \"Available\"\n          : String(item.availableQuantity),\n    };\n  }\n  return {\n    chip: status === \"active\" ? \"Live\" : STATUS_LABELS[status],\n    cta: { active: \"Bid now\", draft: \"Preview item\", finished: \"View item\" }[\n      status\n    ],\n    price:\n      status === \"finished\" && !item.maxBidAmount\n        ? \"No bids\"\n        : formatMoney(item.maxBidAmount ?? 0),\n    priceLabel: status === \"finished\" ? \"Final bid\" : \"Current\",\n    secondary: formatMoney(item.minBidAmount ?? 0),\n  };\n}\nexport function LockerverseAuctionItemCard({\n  auction,\n  item,\n  onSelect,\n  href,\n  autoRotateImages = false,\n  theme = \"dark\",\n  className,\n  style,\n  showDescription = true,\n  showMetrics = true,\n  showTiming = true,\n}: LockerverseAuctionItemCardProps) {\n  useAuctionBoundary(\n    item.startAt ?? auction.startAt,\n    item.endAt ?? auction.endAt\n  );\n  const status = getAuctionDisplayStatus(auction, item);\n  const buyNow = item.saleMode === \"buy_now\";\n  const display = itemCardDisplay(item, status);\n  return (\n    <div\n      className={[\n        \"lockerverse-auctions\",\n        \"lockerverse-auctions--card\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      data-lockerverse-theme={theme}\n      style={style}\n    >\n      <article className=\"lockerverse-auctions__catalog-card\">\n        {href ? (\n          <a\n            aria-label={`View ${item.name}`}\n            className=\"lockerverse-auctions__catalog-select\"\n            href={href}\n            onClick={(event) => {\n              if (\n                onSelect &&\n                event.button === 0 &&\n                !event.metaKey &&\n                !event.ctrlKey &&\n                !event.shiftKey &&\n                !event.altKey\n              ) {\n                event.preventDefault();\n                onSelect();\n              }\n            }}\n          >\n            <span className=\"lockerverse-auctions__visually-hidden\">\n              View {item.name}\n            </span>\n          </a>\n        ) : (\n          <button\n            aria-label={`View ${item.name}`}\n            className=\"lockerverse-auctions__catalog-select\"\n            onClick={onSelect}\n            type=\"button\"\n          />\n        )}\n        <div className=\"lockerverse-auctions__catalog-media\">\n          <CatalogImage\n            autoRotate={autoRotateImages}\n            fallback={\n              item.image ||\n              auction.configuration.image ||\n              auction.community?.banner ||\n              auction.community?.thumbnail\n            }\n            images={item.images}\n            name={item.name}\n          />\n          <div className=\"lockerverse-auctions__catalog-chips\">\n            <span\n              className=\"lockerverse-auctions__catalog-chip\"\n              data-live={status === \"active\"}\n            >\n              {display.chip}\n            </span>\n            {showTiming ? (\n              <Timing auction={auction} item={item} status={status} />\n            ) : null}\n          </div>\n          {showMetrics ? (\n            <dl className=\"lockerverse-auctions__catalog-metrics\">\n              <Metric\n                icon={\n                  buyNow ? (\n                    <ShoppingBag aria-hidden=\"true\" size={16} />\n                  ) : (\n                    <Gavel aria-hidden=\"true\" size={16} />\n                  )\n                }\n                label={display.priceLabel}\n                value={display.price}\n              />\n              <Metric\n                icon={<Clock3 aria-hidden=\"true\" size={16} />}\n                label={buyNow ? \"Available\" : \"Floor\"}\n                value={display.secondary}\n              />\n            </dl>\n          ) : null}\n        </div>\n        <div className=\"lockerverse-auctions__catalog-body\">\n          <h3>{item.name}</h3>\n          {showDescription ? (\n            <AuctionDescription\n              className=\"lockerverse-auctions__catalog-description\"\n              description={item.description || \"View auction item details.\"}\n            />\n          ) : null}\n          <div className=\"lockerverse-auctions__catalog-footer lockerverse-auctions__catalog-footer--item\">\n            <span className=\"lockerverse-auctions__catalog-cta\">\n              {display.cta}\n              <ArrowRight aria-hidden=\"true\" size={16} />\n            </span>\n          </div>\n        </div>\n      </article>\n    </div>\n  );\n}\n","import type {\n  LockerverseAuction as Auction,\n  LockerverseAuctionItem as AuctionItem,\n  LockerverseAuctionStatus,\n} from \"@lockerverse/sdk/auctions\";\nimport { ChevronLeft } from \"lucide-react\";\nimport { type ReactNode, useEffect, useRef, useState } from \"react\";\nimport { AuctionDescription } from \"./auction-description.tsx\";\nimport {\n  formatAuctionBoundary,\n  getAuctionDisplayStatus,\n  getNextAuctionItem,\n} from \"./auction-display.ts\";\nimport { LockerverseAuctionItemCard } from \"./lockerverse-auction-item-card.tsx\";\nimport type { LockerverseStyle, LockerverseTheme } from \"./theme.ts\";\nimport { useAuctionBoundary } from \"./use-auction-boundary.ts\";\n\nexport type LockerverseAuctionItemRenderContext = {\n  auction: Auction;\n  item: AuctionItem;\n  /** Effective auction and item status, including elapsed closing dates. */\n  status: LockerverseAuctionStatus;\n  /** Calls the host selection callback when one is supplied. Use href for native navigation. */\n  onSelect: () => void;\n  href?: string;\n  /** Parent theme and Lockerverse CSS custom properties for default-card reuse. */\n  theme: LockerverseTheme;\n  style?: LockerverseStyle;\n};\nexport type LockerverseAuctionProps = {\n  auction: Auction;\n  onSelectItem?: (auction: Auction, item: AuctionItem) => void;\n  /** Controlled item status filter. Omit to use the internal filter state. */\n  filter?: LockerverseAuctionItemFilter;\n  onFilterChange?: (filter: LockerverseAuctionItemFilter) => void;\n  /** Native links preserve opening filters and items in another tab. */\n  getFilterHref?: (filter: LockerverseAuctionItemFilter) => string;\n  getItemHref?: (auction: Auction, item: AuctionItem) => string;\n  /** Rotate catalog photos. Static images are the default. */\n  autoRotateImages?: boolean;\n  theme?: LockerverseTheme;\n  style?: LockerverseStyle;\n  className?: string;\n  showFilters?: boolean;\n  showHeader?: boolean;\n  /** Show the optional catalog introduction and count. Hidden by default. */\n  showLineup?: boolean;\n  onBack?: () => void;\n  /** Replace the card inside each list item. Keep onSelect connected to your item view. */\n  renderItem?: (context: LockerverseAuctionItemRenderContext) => ReactNode;\n};\nconst FILTERS = [\n  { label: \"All\", value: \"all\" },\n  { label: \"Live\", value: \"active\" },\n  { label: \"Upcoming\", value: \"draft\" },\n  { label: \"Closed\", value: \"finished\" },\n] as const;\nexport type LockerverseAuctionItemFilter = (typeof FILTERS)[number][\"value\"];\n\n/** Display one loaded auction. Fetching and item navigation stay with the host. */\nexport function LockerverseAuction({\n  auction,\n  onSelectItem,\n  filter: controlledFilter,\n  onFilterChange,\n  getFilterHref,\n  getItemHref,\n  autoRotateImages = false,\n  theme = \"dark\",\n  style,\n  className,\n  showFilters = true,\n  showHeader = true,\n  showLineup = false,\n  onBack,\n  renderItem,\n}: LockerverseAuctionProps) {\n  return (\n    <section\n      aria-label={auction.name}\n      className={[\n        \"lockerverse-auctions\",\n        \"lockerverse-auctions--catalog\",\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      data-lockerverse-theme={theme}\n      style={style}\n    >\n      <AuctionContent\n        auction={auction}\n        {...(onSelectItem ? { onSelectItem } : {})}\n        {...(controlledFilter ? { filter: controlledFilter } : {})}\n        {...(onFilterChange ? { onFilterChange } : {})}\n        {...(getFilterHref ? { getFilterHref } : {})}\n        {...(getItemHref ? { getItemHref } : {})}\n        autoRotateImages={autoRotateImages}\n        showFilters={showFilters}\n        showHeader={showHeader}\n        showLineup={showLineup}\n        theme={theme}\n        {...(style ? { style } : {})}\n        {...(onBack ? { onBack } : {})}\n        {...(renderItem ? { renderItem } : {})}\n      />\n    </section>\n  );\n}\n\n/** Shared content without a second themed container when used in the browser. */\nexport function AuctionContent({\n  auction,\n  onSelectItem,\n  filter: controlledFilter,\n  onFilterChange,\n  getFilterHref,\n  getItemHref,\n  autoRotateImages = false,\n  theme = \"dark\",\n  style,\n  showFilters = true,\n  showHeader = true,\n  showLineup = false,\n  onBack,\n  renderItem,\n}: LockerverseAuctionProps) {\n  useAuctionBoundary(auction.startAt, auction.endAt, auction.items);\n  const [filterState, setFilterState] = useState<{\n    auctionId: string;\n    value: LockerverseAuctionItemFilter;\n  }>({ auctionId: auction.id, value: \"all\" });\n  const headingRef = useRef<HTMLHeadingElement>(null);\n  const backRef = useRef<HTMLButtonElement>(null);\n  const filter = showFilters\n    ? (controlledFilter ??\n      (filterState.auctionId === auction.id ? filterState.value : \"all\"))\n    : \"all\";\n  useEffect(() => {\n    setFilterState({ auctionId: auction.id, value: \"all\" });\n  }, [auction.id, showFilters]);\n  const changeFilter = (value: LockerverseAuctionItemFilter) => {\n    setFilterState({ auctionId: auction.id, value });\n    onFilterChange?.(value);\n  };\n  const nextItem = getNextAuctionItem(auction);\n  const focusHeading = Boolean(onBack);\n  useEffect(() => {\n    if (focusHeading) {\n      (headingRef.current ?? backRef.current)?.focus();\n    }\n  }, [auction.id, focusHeading, showHeader]);\n  const cardStyle = style\n    ? Object.fromEntries(\n        Object.entries(style).filter(([key]) =>\n          key.startsWith(\"--lockerverse-\")\n        )\n      )\n    : undefined;\n  const items = [...auction.items].sort(\n    (left, right) =>\n      left.position - right.position ||\n      left.createdAt.localeCompare(right.createdAt)\n  );\n  const filtered = items.filter(\n    (item) =>\n      filter === \"all\" || getAuctionDisplayStatus(auction, item) === filter\n  );\n  return (\n    <>\n      {onBack ? (\n        <button\n          className=\"lockerverse-auctions__catalog-back\"\n          onClick={onBack}\n          ref={backRef}\n          type=\"button\"\n        >\n          <ChevronLeft aria-hidden=\"true\" size={16} />\n          Auctions\n        </button>\n      ) : null}\n      {showHeader ? (\n        <header className=\"lockerverse-auctions__catalog-header\">\n          <h2 ref={headingRef} tabIndex={-1}>\n            {auction.name}\n          </h2>\n          {auction.status !== \"finished\" && nextItem ? (\n            <p className=\"lockerverse-auctions__catalog-next\">\n              Next opens {formatAuctionBoundary(auction, \"draft\", nextItem)}\n            </p>\n          ) : null}\n          {auction.description ? (\n            <AuctionDescription description={auction.description} />\n          ) : null}\n        </header>\n      ) : null}\n      {showLineup ? (\n        <div className=\"lockerverse-auctions__catalog-lineup\">\n          <div>\n            <h3>Auction lineup</h3>\n            <p>Browse the current collection.</p>\n          </div>\n          <span>\n            {filtered.length} {filtered.length === 1 ? \"item\" : \"items\"}\n          </span>\n        </div>\n      ) : null}\n      {showFilters ? (\n        <fieldset\n          aria-label=\"Filter auction items\"\n          className=\"lockerverse-auctions__catalog-filters\"\n        >\n          {FILTERS.map((option) => {\n            const href = getFilterHref?.(option.value);\n            const label = (\n              <>\n                {option.label}\n                <span>\n                  {option.value === \"all\"\n                    ? items.length\n                    : items.filter(\n                        (item) =>\n                          getAuctionDisplayStatus(auction, item) ===\n                          option.value\n                      ).length}\n                </span>\n              </>\n            );\n            return href ? (\n              <a\n                aria-current={filter === option.value ? \"page\" : undefined}\n                href={href}\n                key={option.value}\n                onClick={(event) => {\n                  if (\n                    onFilterChange &&\n                    event.button === 0 &&\n                    !event.metaKey &&\n                    !event.ctrlKey &&\n                    !event.shiftKey &&\n                    !event.altKey\n                  ) {\n                    event.preventDefault();\n                    changeFilter(option.value);\n                  }\n                }}\n              >\n                {label}\n              </a>\n            ) : (\n              <button\n                aria-pressed={filter === option.value}\n                key={option.value}\n                onClick={() => changeFilter(option.value)}\n                type=\"button\"\n              >\n                {label}\n              </button>\n            );\n          })}\n        </fieldset>\n      ) : null}\n      {filtered.length ? (\n        <ul className=\"lockerverse-auctions__catalog-grid\">\n          {filtered.map((item) => {\n            const context: LockerverseAuctionItemRenderContext = {\n              auction,\n              item,\n              onSelect: () => onSelectItem?.(auction, item),\n              status: getAuctionDisplayStatus(auction, item),\n              theme,\n            };\n            if (getItemHref) {\n              context.href = getItemHref(auction, item);\n            }\n            if (cardStyle) {\n              context.style = cardStyle;\n            }\n            const { onSelect, ...cardContext } = context;\n            return (\n              <li key={item.id}>\n                {renderItem ? (\n                  renderItem(context)\n                ) : (\n                  <LockerverseAuctionItemCard\n                    {...cardContext}\n                    {...(onSelectItem ? { onSelect } : {})}\n                    autoRotateImages={autoRotateImages}\n                  />\n                )}\n              </li>\n            );\n          })}\n        </ul>\n      ) : (\n        <p className=\"lockerverse-auctions__catalog-empty\">\n          No items match this auction view.\n        </p>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/public-events.css

@@ -1,28 +1,20 @@
 .lockerverse-public-events {
-  --lockerverse-bg: #000;
+  --lockerverse-bg: #090a0b;
   --lockerverse-text: #f8f8f7;
   --lockerverse-muted: #a7aaac;
   --lockerverse-border: rgb(255 255 255 / 18%);
   --lockerverse-accent: #83baa1;
   --lockerverse-accent-contrast: #07130d;
-  --lockerverse-surface: #101213;
-  --lockerverse-popover: #1b1e1f;
   --lockerverse-font-family: ui-sans-serif, system-ui, sans-serif;
   box-sizing: border-box;
   width: 100%;
-  padding: 0;
+  padding: clamp(8px, 3%, 28px);
   container-type: inline-size;
   font: 14px / 1.5 var(--lockerverse-font-family);
   color: var(--lockerverse-text);
   background: transparent;
 }
 
-.lockerverse-public-events__layout {
-  display: grid;
-  grid-template-columns: minmax(160px, 184px) minmax(0, 1fr);
-  column-gap: 24px;
-}
-
 .lockerverse-public-events[data-lockerverse-theme="light"] {
   --lockerverse-bg: #fff;
   --lockerverse-text: #171919;
@@ -30,8 +22,6 @@
   --lockerverse-border: rgb(23 25 25 / 18%);
   --lockerverse-accent: #2d7052;
   --lockerverse-accent-contrast: #fff;
-  --lockerverse-surface: #fff;
-  --lockerverse-popover: #fff;
 }
 
 .lockerverse-public-events *,
@@ -42,13 +32,12 @@
 
 .lockerverse-public-events h2,
 .lockerverse-public-events h3,
-.lockerverse-public-events h3,
+.lockerverse-public-events h4,
 .lockerverse-public-events p {
   margin: 0;
 }
 
 .lockerverse-public-events h2 {
-  grid-column: 1 / -1;
   margin-bottom: 28px;
   font-size: 24px;
   font-weight: 600;
@@ -56,65 +45,43 @@
   text-wrap: balance;
 }
 
-.lockerverse-public-events h3 {
+.lockerverse-public-events h4 {
+  margin-top: 5px;
   font-size: 20px;
   font-weight: 650;
   line-height: 1.25;
   overflow-wrap: anywhere;
 }
 
-.lockerverse-public-events button {
-  min-height: 44px;
-  padding: 8px 12px;
-  margin-top: 12px;
-  font: inherit;
-  color: var(--lockerverse-text);
-  cursor: pointer;
-  background: transparent;
-  border: 1px solid var(--lockerverse-border);
+.lockerverse-public-events__content > h4:first-child {
+  margin-top: 0;
 }
 
 .lockerverse-public-events__tabs {
   display: flex;
-  flex-direction: column;
-  grid-column: 1;
-  gap: 6px;
-  align-self: start;
-}
-
-.lockerverse-public-events__layout > section {
-  grid-column: 2;
-  min-width: 0;
+  gap: 24px;
+  margin-bottom: 24px;
+  border-bottom: 1px solid var(--lockerverse-border);
 }
 
 .lockerverse-public-events .lockerverse-public-events__tab {
-  display: flex;
-  gap: 10px;
-  align-items: center;
   min-height: 44px;
-  padding: 9px 12px;
+  padding: 0 0 10px;
   margin: 0;
   font-weight: 600;
   color: var(--lockerverse-muted);
-  text-align: left;
   border: 0;
-  border-radius: 10px;
+  border-bottom: 2px solid transparent;
 }
 
 .lockerverse-public-events
   .lockerverse-public-events__tab[aria-pressed="true"] {
   color: var(--lockerverse-text);
-  background: var(--lockerverse-surface);
-}
-
-.lockerverse-public-events
-  .lockerverse-public-events__tab[aria-pressed="true"]
-  svg {
-  color: var(--lockerverse-accent);
+  border-bottom-color: var(--lockerverse-accent);
 }
 
 .lockerverse-public-events__group + .lockerverse-public-events__group {
-  margin-top: 14px;
+  margin-top: 32px;
 }
 
 .lockerverse-public-events .lockerverse-public-events__group-title {
@@ -136,28 +103,24 @@
 
 .lockerverse-public-events__item {
   scroll-margin-top: 24px;
-  background: var(--lockerverse-bg);
   border: 1px solid var(--lockerverse-border);
-  border-radius: 10px;
-}
-
-.lockerverse-public-events__item:has(.lockerverse-public-events__share-menu) {
-  position: relative;
-  z-index: 2;
+  border-radius: 12px;
 }
 
 .lockerverse-public-events__row {
-  position: relative;
   display: grid;
-  grid-template-columns: 154px minmax(0, 1fr) max-content;
+  grid-template-columns: 76px minmax(0, 1fr) auto;
   gap: 16px;
   align-items: start;
   padding: 14px;
 }
 
+.lockerverse-public-events__row--with-image {
+  grid-template-columns: 154px minmax(0, 1fr) auto;
+}
+
 .lockerverse-public-events__image {
   display: block;
-  grid-row: 1;
   width: 100%;
   height: 124px;
   object-fit: cover;
@@ -167,11 +130,10 @@
 .lockerverse-public-events__date {
   display: flex;
   flex-direction: column;
-  grid-row: 1;
   align-items: center;
   justify-content: center;
-  width: 100%;
-  height: 124px;
+  width: 76px;
+  height: 76px;
   line-height: 1;
   border: 1px solid var(--lockerverse-border);
   border-radius: 7px;
@@ -202,51 +164,37 @@
 .lockerverse-public-events__content {
   display: flex;
   flex-direction: column;
-  grid-column: 2;
   align-items: flex-start;
   min-width: 0;
 }
 
-.lockerverse-public-events__heading {
-  width: 100%;
-}
-
-.lockerverse-public-events__heading:has(.lockerverse-public-events__live) {
-  padding-right: 24px;
-}
-
-.lockerverse-public-events .lockerverse-public-events__schedule {
-  margin-top: 5px;
-  font-size: 14px;
-  line-height: 1.5;
-  color: var(--lockerverse-muted);
-}
-
-.lockerverse-public-events__live {
-  position: absolute;
-  top: 14px;
-  right: 14px;
-  padding: 2px 7px;
+.lockerverse-public-events__meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  align-items: center;
   font-size: 12px;
   font-weight: 700;
-  color: var(--lockerverse-accent-contrast);
+  color: var(--lockerverse-accent);
   text-transform: uppercase;
   letter-spacing: 0.04em;
+}
+
+.lockerverse-public-events__live {
+  padding: 2px 7px;
+  color: var(--lockerverse-bg);
   background: var(--lockerverse-accent);
   border-radius: 999px;
 }
 
+.lockerverse-public-events .lockerverse-public-events__time,
 .lockerverse-public-events .lockerverse-public-events__place {
-  margin-top: 6px;
-  font-size: 14px;
+  margin-top: 5px;
   color: var(--lockerverse-muted);
 }
 
 .lockerverse-public-events .lockerverse-public-events__description {
   margin-top: 10px;
-  font-size: 14px;
-  line-height: 1.5;
-  color: var(--lockerverse-text);
   overflow-wrap: anywhere;
   white-space: pre-line;
 }
@@ -269,15 +217,11 @@
 }
 
 .lockerverse-public-events__actions {
-  position: relative;
   display: flex;
-  grid-row: 1;
-  grid-column: 3;
-  gap: 8px;
-  align-items: center;
-  align-self: end;
-  justify-content: flex-end;
-  min-width: 0;
+  flex-direction: column;
+  gap: 6px;
+  align-items: stretch;
+  min-width: 125px;
 }
 
 .lockerverse-public-events .lockerverse-public-events__link {
@@ -285,8 +229,8 @@
   gap: 8px;
   align-items: center;
   justify-content: center;
-  min-height: 34px;
-  padding: 6px 12px;
+  min-height: 44px;
+  padding: 8px 14px;
   margin: 0;
   font-weight: 600;
   color: var(--lockerverse-accent-contrast);
@@ -302,87 +246,50 @@
 
 .lockerverse-public-events .lockerverse-public-events__share {
   display: inline-flex;
+  gap: 8px;
   align-items: center;
   justify-content: center;
-  min-width: 44px;
   min-height: 44px;
-  padding: 0;
+  padding: 8px 10px;
   margin: 0;
+  font-weight: 600;
   color: var(--lockerverse-muted);
-  border: 0;
-  border-radius: 6px;
-}
-
-.lockerverse-public-events .lockerverse-public-events__share:hover {
-  color: var(--lockerverse-accent);
+  border: 1px solid transparent;
+  border-radius: 8px;
 }
 
-.lockerverse-public-events
-  .lockerverse-public-events__share[data-copied="true"] {
-  color: var(--lockerverse-accent);
-}
+@container (max-width: 700px) {
+  .lockerverse-public-events__row,
+  .lockerverse-public-events__row--with-image {
+    grid-template-columns: 76px minmax(0, 1fr);
+  }
 
-.lockerverse-public-events__share-menu {
-  position: absolute;
-  top: calc(100% + 6px);
-  right: 0;
-  z-index: 3;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 2px;
-  align-items: center;
-  min-inline-size: 0;
-  width: max-content;
-  max-width: min(300px, 80vw);
-  padding: 6px;
-  margin: 0;
-  background: var(--lockerverse-popover);
-  border: 1px solid var(--lockerverse-border);
-  border-radius: 8px;
-  box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
-}
+  .lockerverse-public-events__row--with-image {
+    grid-template-columns: 112px minmax(0, 1fr);
+  }
 
-.lockerverse-public-events__share-menu[data-above="true"] {
-  top: auto;
-  bottom: calc(100% + 6px);
-}
+  .lockerverse-public-events__image {
+    height: 112px;
+  }
 
-.lockerverse-public-events__visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
-  white-space: nowrap;
-  clip: rect(0, 0, 0, 0);
+  .lockerverse-public-events__actions {
+    flex-direction: row;
+    flex-wrap: wrap;
+    grid-column: 2;
+    min-width: 0;
+  }
 }
 
-.lockerverse-public-events .lockerverse-public-events__share-menu button,
-.lockerverse-public-events .lockerverse-public-events__share-menu a {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 38px;
-  min-height: 38px;
-  padding: 0;
-  margin: 0;
-  font-size: 18px;
+.lockerverse-public-events .lockerverse-public-events__share:hover {
   color: var(--lockerverse-text);
-  text-decoration: none;
-  border: 0;
-  border-radius: 6px;
-}
-
-.lockerverse-public-events .lockerverse-public-events__share-menu button:hover,
-.lockerverse-public-events .lockerverse-public-events__share-menu a:hover {
-  color: var(--lockerverse-accent);
-  background: var(--lockerverse-surface);
+  border-color: var(--lockerverse-border);
 }
 
 .lockerverse-public-events__copy-link {
   display: grid;
   gap: 5px;
   width: 100%;
-  margin-top: 6px;
+  margin-top: 12px;
   font-size: 12px;
   color: var(--lockerverse-muted);
 }
@@ -403,6 +310,17 @@
   outline-offset: 4px;
 }
 
+.lockerverse-public-events button {
+  min-height: 44px;
+  padding: 8px 12px;
+  margin-top: 12px;
+  font: inherit;
+  color: var(--lockerverse-text);
+  cursor: pointer;
+  background: transparent;
+  border: 1px solid var(--lockerverse-border);
+}
+
 .lockerverse-public-events__empty {
   padding: 24px 0;
   color: var(--lockerverse-muted);
@@ -414,95 +332,33 @@
   border-radius: 8px;
 }
 
-@container (max-width: 760px) {
-  .lockerverse-public-events__layout {
-    grid-template-columns: minmax(0, 1fr);
-    row-gap: 16px;
-  }
-
-  .lockerverse-public-events__tabs,
-  .lockerverse-public-events__layout > section {
-    grid-column: 1;
-  }
-
-  .lockerverse-public-events__tabs {
-    flex-direction: row;
-    flex-wrap: wrap;
-    gap: 4px;
-    border-bottom: 1px solid var(--lockerverse-border);
-  }
-
-  .lockerverse-public-events .lockerverse-public-events__tab {
-    padding: 8px 10px;
-    border-radius: 8px 8px 0 0;
-  }
-}
-
-@container (max-width: 540px) {
+@container (max-width: 500px) {
   .lockerverse-public-events__row {
-    grid-template-columns: 96px minmax(0, 1fr);
-    gap: 8px 12px;
+    grid-template-columns: 72px minmax(0, 1fr);
+    gap: 12px;
     padding: 12px;
   }
 
-  .lockerverse-public-events__image,
-  .lockerverse-public-events__date {
-    align-self: start;
-    width: 96px;
-    height: 96px;
-  }
-
-  .lockerverse-public-events h3 {
-    font-size: 18px;
-  }
-
-  .lockerverse-public-events__heading:has(.lockerverse-public-events__live) {
-    padding-right: 84px;
-  }
-
-  .lockerverse-public-events__live {
-    top: 12px;
-    right: 12px;
-  }
-
-  .lockerverse-public-events__image,
-  .lockerverse-public-events__date {
-    grid-row: 1 / span 2;
-  }
-
-  .lockerverse-public-events__actions {
-    grid-row: 2;
-    grid-column: 2;
-  }
-
-  .lockerverse-public-events .lockerverse-public-events__schedule,
-  .lockerverse-public-events .lockerverse-public-events__description {
-    font-size: 13px;
-  }
-}
-
-@container (max-width: 320px) {
-  .lockerverse-public-events__row {
+  .lockerverse-public-events__row--with-image {
     grid-template-columns: minmax(0, 1fr);
   }
 
   .lockerverse-public-events__image {
-    grid-row: 1;
-    width: 100%;
     height: auto;
     aspect-ratio: 16 / 9;
   }
 
   .lockerverse-public-events__date {
-    grid-row: 1;
+    width: 72px;
+    height: 72px;
   }
 
-  .lockerverse-public-events__content,
-  .lockerverse-public-events__actions {
-    grid-column: 1;
+  .lockerverse-public-events__day {
+    font-size: 27px;
   }
 
-  .lockerverse-public-events__actions {
-    grid-row: 3;
+  .lockerverse-public-events__row--with-image
+    .lockerverse-public-events__actions {
+    grid-column: 1;
   }
 }

package/dist/public-events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-events.d.ts","names":[],"sources":["../src/use-lockerverse-public-events.ts","../src/lockerverse-public-events.tsx"],"mappings":";;;KAUY;EACV,QAAQ;EACR,QAAQ;EACR;EACA,OAAO;EACP;;;iBAIc,2BACd,SAAS,uCACR;;;KCNS;EACV,QAAQ;;EAER;EACA;EACA;;EAEA;EACA,QAAQ;EACR,QAAQ;EACR;;;iBAqXc,0BACd,QACA,OACA,aACA,cACA,UACA,OACA,OACA,aACC,+CAA4B,IAAA"}
+{"version":3,"file":"public-events.d.ts","names":[],"sources":["../src/use-lockerverse-public-events.ts","../src/lockerverse-public-events.tsx"],"mappings":";;;KAUY;EACV,QAAQ;EACR,QAAQ;EACR;EACA,OAAO;EACP;;;iBAIc,2BACd,SAAS,uCACR;;;KCdS;EACV,QAAQ;;EAER;EACA;EACA;;EAEA;EACA,QAAQ;EACR,QAAQ;EACR;;;iBA8Pc,0BACd,QACA,OACA,aACA,cACA,UACA,OACA,OACA,aACC,+CAA4B,IAAA"}

package/dist/public-events.js

@@ -1,2 +1,2 @@
-import{t as e}from"./immutable-resource-identity.js";import{t}from"./accent-contrast.js";import{CalendarDays as n,CalendarX2 as r,Check as i,Copy as a,Facebook as o,Forward as s,Mail as c}from"lucide-react";import{useCallback as l,useEffect as u,useId as d,useRef as f,useState as p}from"react";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{createLockerversePublicEventsClient as _}from"@lockerverse/sdk/public-events";function v(e,t){return new Intl.DateTimeFormat(`en-US`,{day:`numeric`,month:`short`,timeZone:t,year:`numeric`}).format(new Date(e))}function y(e,t){return new Intl.DateTimeFormat(`en-US`,{hour:`numeric`,minute:`2-digit`,timeZone:t,timeZoneName:`short`}).format(new Date(e))}function b(e){if(!e)return null;try{let t=new URL(e);return t.protocol===`https:`||t.protocol===`http:`?t.toString():null}catch{return null}}function x(e,t){let n=b(e.link);if(n)return n;let r=new URL(window.location.href);return t?r.searchParams.set(`lockerverseEvents`,`past`):r.searchParams.delete(`lockerverseEvents`),r.searchParams.delete(`lockerverseEventOffset`),r.hash=`event-${e.id}`,r.toString()}function S(e){let n=e?.[`--lockerverse-accent`];if(!n||e?.[`--lockerverse-accent-contrast`]!==void 0)return e;let r=t(n);return r?{...e,"--lockerverse-accent-contrast":r}:e}function C(e){let t=document.createElement(`textarea`);t.value=e,t.setAttribute(`readonly`,``),t.style.position=`fixed`,t.style.opacity=`0`,document.body.appendChild(t);try{return t.select(),document.execCommand(`copy`)}catch{return!1}finally{t.remove()}}function w({item:e,past:t}){let[n,r]=p(!1),[l,d]=p(null),[m,_]=p(null),[v,y]=p(!1),S=f(null),w=f(null),T=b(e.link),E=e=>e instanceof Node&&S.current?.contains(e);u(()=>{if(!m)return;let e=e=>{E(e.target)||_(null)},t=e=>{e.key===`Escape`&&(_(null),S.current?.contains(document.activeElement)&&w.current?.focus())},n=e=>{E(e.target)||_(null)};return document.addEventListener(`pointerdown`,e),document.addEventListener(`keydown`,t),document.addEventListener(`focusin`,n),()=>{document.removeEventListener(`pointerdown`,e),document.removeEventListener(`keydown`,t),document.removeEventListener(`focusin`,n)}},[m]),u(()=>{if(!n)return;let e=window.setTimeout(()=>r(!1),2200);return()=>window.clearTimeout(e)},[n]);async function D(){if(m)try{await navigator.clipboard.writeText(m),r(!0),_(null),w.current?.focus()}catch{C(m)?(r(!0),_(null),w.current?.focus()):d(m)}}return g(`div`,{className:`lockerverse-public-events__actions`,ref:S,children:[T?g(`a`,{className:`lockerverse-public-events__link`,href:T,rel:`noopener noreferrer`,target:`_blank`,children:[`View event `,h(`span`,{"aria-hidden":`true`,children:`↗`})]}):null,h(`button`,{"aria-expanded":m!==null,"aria-label":`Share ${e.name}`,className:`lockerverse-public-events__share`,"data-copied":n,onClick:()=>{!m&&w.current&&y(window.innerHeight-w.current.getBoundingClientRect().bottom<72),_(m?null:x(e,t)),r(!1),d(null)},ref:w,title:`Share ${e.name}`,type:`button`,children:n?h(i,{"aria-hidden":`true`,size:22,strokeWidth:2}):h(s,{"aria-hidden":`true`,size:22,strokeWidth:1.9})}),n?h(`span`,{className:`lockerverse-public-events__visually-hidden`,role:`status`,children:`Link copied`}):null,m?g(`fieldset`,{className:`lockerverse-public-events__share-menu`,"data-above":v,children:[g(`legend`,{className:`lockerverse-public-events__visually-hidden`,children:[`Share `,e.name]}),h(`button`,{"aria-label":`Copy event link`,onClick:D,title:`Copy link`,type:`button`,children:h(a,{"aria-hidden":`true`,size:18})}),h(`a`,{"aria-label":`Share by email`,href:`mailto:?subject=${encodeURIComponent(e.name)}&body=${encodeURIComponent(m)}`,title:`Email`,children:h(c,{"aria-hidden":`true`,size:18})}),h(`a`,{"aria-label":`Share on Facebook`,href:`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(m)}`,rel:`noopener noreferrer`,target:`_blank`,title:`Facebook`,children:h(o,{"aria-hidden":`true`,size:18})}),h(`a`,{"aria-label":`Share on X`,href:`https://twitter.com/intent/tweet?url=${encodeURIComponent(m)}&text=${encodeURIComponent(e.name)}`,rel:`noopener noreferrer`,target:`_blank`,title:`X`,children:h(`span`,{children:`𝕏`})}),l?g(`label`,{className:`lockerverse-public-events__copy-link`,children:[`Select and copy this event link`,h(`input`,{autoFocus:!0,onFocus:e=>e.currentTarget.select(),readOnly:!0,value:l})]}):null]}):null]})}function T({item:e,timeZone:t,active:n,past:r=!1}){let[i,a]=p(!1),o=new Date(e.startAt),s=new Intl.DateTimeFormat(`en-US`,{month:`short`,timeZone:t}).format(o),c=new Intl.DateTimeFormat(`en-US`,{day:`numeric`,timeZone:t}).format(o),l=new Intl.DateTimeFormat(`en-US`,{timeZone:t,year:`numeric`}).format(o),u=v(e.startAt,t),d=u===v(e.endAt,t)?y(e.endAt,t):`${v(e.endAt,t)} at ${y(e.endAt,t)}`,f=b(e.imageUrl),_=(e.description?.length??0)>130;return h(`li`,{className:`lockerverse-public-events__item`,id:`event-${e.id}`,children:g(`article`,{className:`lockerverse-public-events__row`,children:[f?h(`img`,{alt:``,className:`lockerverse-public-events__image`,height:124,loading:`lazy`,src:f,width:154}):g(`time`,{className:`lockerverse-public-events__date`,dateTime:e.startAt,children:[h(`span`,{className:`lockerverse-public-events__month`,children:s}),h(`span`,{className:`lockerverse-public-events__day`,children:c}),h(`span`,{className:`lockerverse-public-events__year`,children:l})]}),g(`div`,{className:`lockerverse-public-events__content`,children:[g(`div`,{className:`lockerverse-public-events__heading`,children:[h(`h3`,{children:e.name}),n?h(`span`,{className:`lockerverse-public-events__live`,children:`Live now`}):null]}),g(`p`,{className:`lockerverse-public-events__schedule`,children:[f?g(m,{children:[h(`time`,{dateTime:e.startAt,children:u}),h(`span`,{"aria-hidden":`true`,children:` · `})]}):null,h(`time`,{dateTime:e.startAt,children:y(e.startAt,t)}),h(`span`,{"aria-hidden":`true`,children:` — `}),h(`time`,{dateTime:e.endAt,children:d})]}),e.location?h(`p`,{className:`lockerverse-public-events__place`,children:e.location}):null,e.description?g(m,{children:[h(`p`,{className:[`lockerverse-public-events__description`,_&&!i?`lockerverse-public-events__description--clamped`:``].filter(Boolean).join(` `),children:e.description}),_?h(`button`,{"aria-expanded":i,className:`lockerverse-public-events__more`,onClick:()=>a(!i),type:`button`,children:i?`Show less`:`Read more`}):null]}):null]}),h(w,{item:e,past:r})]})})}function E({events:e,title:t=`Events`,showHeading:i=!0,emptyMessage:a=`No events yet.`,timeZone:o=`America/New_York`,theme:s=`dark`,style:c,className:f}){let[m,_]=p(()=>Date.now()),[v,y]=p(`current`),[b,x]=p([]),[C,w]=p(0),[E,D]=p(!1),[O,k]=p(!1),[A,j]=p(!1),[M,N]=p(null),[P,F]=p(null),I=d(),L=l(async(t,n=!1)=>{j(!0),N(null);try{let r=await e.client.listPast({offset:t});x(e=>n?r.events:[...e,...r.events]),w(t+r.events.length),D(r.hasMore),k(!0)}catch(e){N(e instanceof Error?e.message:`Unable to load past events.`)}finally{j(!1)}},[e.client]);u(()=>{let e=window.setInterval(()=>_(Date.now()),6e4);return()=>window.clearInterval(e)},[]),u(()=>{let e=new URL(window.location.href);e.searchParams.get(`lockerverseEvents`)===`past`&&(y(`past`),F(e.hash.slice(1)),L(0,!0))},[L]),u(()=>{let e=window.location.hash.slice(1);if(!e.startsWith(`event-`))return;if(v===`current`){document.getElementById(e)?.scrollIntoView({block:`center`});return}if(!P||A||!O)return;let t=document.getElementById(P);t?(t.scrollIntoView({block:`center`}),F(null)):E?L(C):F(null)},[e.events,L,E,O,A,C,P,v]);function R(){y(`past`),!(O||A)&&L(0,!0)}let z=e.events||[],B=z.filter(e=>new Date(e.startAt).getTime()<=m&&new Date(e.endAt).getTime()>m),V=z.filter(e=>new Date(e.startAt).getTime()>m);return h(`section`,{"aria-busy":v===`past`?A:e.loading,"aria-label":t,className:[`lockerverse-public-events`,f].filter(Boolean).join(` `),"data-lockerverse-theme":s,style:S(c),children:g(`div`,{className:`lockerverse-public-events__layout`,children:[i?h(`h2`,{children:t}):null,g(`nav`,{"aria-label":`Event views`,className:`lockerverse-public-events__tabs`,children:[g(`button`,{"aria-controls":`${I}-current-panel`,"aria-pressed":v===`current`,className:`lockerverse-public-events__tab`,id:`${I}-current-tab`,onClick:()=>y(`current`),type:`button`,children:[h(n,{"aria-hidden":`true`,size:18}),`Upcoming Events`]}),g(`button`,{"aria-controls":`${I}-past-panel`,"aria-pressed":v===`past`,className:`lockerverse-public-events__tab`,id:`${I}-past-tab`,onClick:R,type:`button`,children:[h(r,{"aria-hidden":`true`,size:18}),`Past Events`]})]}),g(`section`,{"aria-labelledby":`${I}-current-tab`,hidden:v!==`current`,id:`${I}-current-panel`,children:[e.loading&&!e.events?h(`p`,{role:`status`,children:`Loading events…`}):null,e.error?g(`div`,{role:`alert`,children:[h(`p`,{children:e.error.message}),h(`button`,{onClick:e.refresh,type:`button`,children:`Try again`})]}):null,e.events&&B.length===0&&V.length===0?h(`p`,{className:`lockerverse-public-events__empty`,children:a}):null,B.length>0?h(`div`,{className:`lockerverse-public-events__group`,children:h(`ol`,{className:`lockerverse-public-events__list`,children:B.map(e=>h(T,{active:!0,item:e,timeZone:o},e.id))})}):null,V.length>0?h(`div`,{className:`lockerverse-public-events__group`,children:h(`ol`,{className:`lockerverse-public-events__list`,children:V.map(e=>h(T,{active:!1,item:e,timeZone:o},e.id))})}):null]}),g(`section`,{"aria-labelledby":`${I}-past-tab`,hidden:v!==`past`,id:`${I}-past-panel`,children:[M?g(`div`,{role:`alert`,children:[h(`p`,{children:M}),h(`button`,{onClick:()=>L(O?C:0,!O),type:`button`,children:`Try again`})]}):null,A&&!O?h(`p`,{role:`status`,children:`Loading past events…`}):null,O&&b.length===0?h(`p`,{className:`lockerverse-public-events__empty`,children:`No past events yet.`}):null,b.length>0?h(`ol`,{className:`lockerverse-public-events__list`,children:b.map(e=>h(T,{active:!1,item:e,past:!0,timeZone:o},e.id))}):null,E?h(`button`,{className:`lockerverse-public-events__load-more`,disabled:A,onClick:()=>L(C),type:`button`,children:A?`Loading…`:`Load more past events`}):null]})]})})}function D(t){e(`public events`,{apiBaseUrl:t.apiBaseUrl,communitySlug:t.communitySlug,environment:t.environment,slug:``});let n=f(t.onError);n.current=t.onError;let[r]=p(()=>_({...t,onError:e=>n.current?.(e)})),[i,a]=p(0),[o,s]=p({error:null,events:null,loading:!0});u(()=>{let e=!0;return r.list().then(t=>{e&&s({error:null,events:t,loading:!1})},t=>{e&&s(e=>({...e,error:t,loading:!1}))}),()=>{e=!1}},[r,i]);let c=l(()=>{s(e=>({...e,error:null,loading:!0})),a(e=>e+1)},[]);return{...o,client:r,refresh:c}}export{E as LockerversePublicEvents,D as useLockerversePublicEvents};
+import{t as e}from"./immutable-resource-identity.js";import{t}from"./accent-contrast.js";import{Share2 as n}from"lucide-react";import{useCallback as r,useEffect as i,useId as a,useRef as o,useState as s}from"react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{createLockerversePublicEventsClient as d}from"@lockerverse/sdk/public-events";function f(e,t){return new Intl.DateTimeFormat(`en-US`,{day:`numeric`,month:`short`,timeZone:t,year:`numeric`}).format(new Date(e))}function p(e,t){return new Intl.DateTimeFormat(`en-US`,{hour:`numeric`,minute:`2-digit`,timeZone:t,timeZoneName:`short`}).format(new Date(e))}function m(e){if(!e)return null;try{let t=new URL(e);return t.protocol===`https:`||t.protocol===`http:`?t.toString():null}catch{return null}}function h(e,t){let n=m(e.link);if(n)return n;let r=new URL(window.location.href);return t?r.searchParams.set(`lockerverseEvents`,`past`):r.searchParams.delete(`lockerverseEvents`),r.searchParams.delete(`lockerverseEventOffset`),r.hash=`event-${e.id}`,r.toString()}function g(e){let n=e?.[`--lockerverse-accent`];if(!n||e?.[`--lockerverse-accent-contrast`]!==void 0)return e;let r=t(n);return r?{...e,"--lockerverse-accent-contrast":r}:e}function _({active:e,imageUrl:t,startAt:n,startDateLabel:r}){return t||e?u(`div`,{className:`lockerverse-public-events__meta`,children:[t?l(`time`,{dateTime:n,children:r}):null,e?l(`span`,{className:`lockerverse-public-events__live`,children:`Live now`}):null]}):null}function v({item:e,timeZone:t,active:r,past:i=!1}){let[a,o]=s(!1),[d,g]=s(!1),[v,y]=s(null),b=new Date(e.startAt),x=new Intl.DateTimeFormat(`en-US`,{month:`short`,timeZone:t}).format(b),S=new Intl.DateTimeFormat(`en-US`,{day:`numeric`,timeZone:t}).format(b),C=new Intl.DateTimeFormat(`en-US`,{timeZone:t,year:`numeric`}).format(b),w=f(e.startAt,t),T=w===f(e.endAt,t)?p(e.endAt,t):`${f(e.endAt,t)} at ${p(e.endAt,t)}`,E=m(e.link),D=m(e.imageUrl),O=(e.description?.length??0)>130;async function k(){let t=h(e,i);if(navigator.share)try{await navigator.share({title:e.name,url:t});return}catch(e){if(e instanceof DOMException&&e.name===`AbortError`)return}try{await navigator.clipboard.writeText(t),g(!0)}catch{y(t)}}return l(`li`,{className:`lockerverse-public-events__item`,id:`event-${e.id}`,children:u(`article`,{className:[`lockerverse-public-events__row`,D?`lockerverse-public-events__row--with-image`:``].filter(Boolean).join(` `),children:[D?l(`img`,{alt:``,className:`lockerverse-public-events__image`,height:124,loading:`lazy`,src:D,width:154}):u(`time`,{className:`lockerverse-public-events__date`,dateTime:e.startAt,children:[l(`span`,{className:`lockerverse-public-events__month`,children:x}),l(`span`,{className:`lockerverse-public-events__day`,children:S}),l(`span`,{className:`lockerverse-public-events__year`,children:C})]}),u(`div`,{className:`lockerverse-public-events__content`,children:[l(_,{active:r,imageUrl:D,startAt:e.startAt,startDateLabel:w}),l(`h4`,{children:e.name}),u(`p`,{className:`lockerverse-public-events__time`,children:[l(`time`,{dateTime:e.startAt,children:p(e.startAt,t)}),l(`span`,{"aria-hidden":`true`,children:` — `}),l(`time`,{dateTime:e.endAt,children:T})]}),e.location?l(`p`,{className:`lockerverse-public-events__place`,children:e.location}):null,e.description?u(c,{children:[l(`p`,{className:[`lockerverse-public-events__description`,O&&!a?`lockerverse-public-events__description--clamped`:``].filter(Boolean).join(` `),children:e.description}),O?l(`button`,{"aria-expanded":a,className:`lockerverse-public-events__more`,onClick:()=>o(!a),type:`button`,children:a?`Show less`:`Read more`}):null]}):null,v?u(`label`,{className:`lockerverse-public-events__copy-link`,children:[`Copy event link`,l(`input`,{onFocus:e=>e.currentTarget.select(),readOnly:!0,value:v})]}):null]}),u(`div`,{className:`lockerverse-public-events__actions`,children:[E?u(`a`,{className:`lockerverse-public-events__link`,href:E,rel:`noopener noreferrer`,target:`_blank`,children:[`View event `,l(`span`,{"aria-hidden":`true`,children:`↗`})]}):null,u(`button`,{"aria-label":`Share ${e.name}`,className:`lockerverse-public-events__share`,onClick:k,type:`button`,children:[l(n,{"aria-hidden":`true`,size:16,strokeWidth:1.8}),d?`Link copied`:`Share`]})]})]})})}function y({events:e,title:t=`Events`,showHeading:n=!0,emptyMessage:o=`No events yet.`,timeZone:c=`America/New_York`,theme:d=`dark`,style:f,className:p}){let[m,h]=s(()=>Date.now()),[_,y]=s(`current`),[b,x]=s([]),[S,C]=s(0),[w,T]=s(!1),[E,D]=s(!1),[O,k]=s(!1),[A,j]=s(null),[M,N]=s(null),P=a(),F=r(async(t,n=!1)=>{k(!0),j(null);try{let r=await e.client.listPast({offset:t});x(e=>n?r.events:[...e,...r.events]),C(t+r.events.length),T(r.hasMore),D(!0)}catch(e){j(e instanceof Error?e.message:`Unable to load past events.`)}finally{k(!1)}},[e.client]);i(()=>{let e=window.setInterval(()=>h(Date.now()),6e4);return()=>window.clearInterval(e)},[]),i(()=>{let e=new URL(window.location.href);e.searchParams.get(`lockerverseEvents`)===`past`&&(y(`past`),N(e.hash.slice(1)),F(0,!0))},[F]),i(()=>{let e=window.location.hash.slice(1);if(!e.startsWith(`event-`))return;if(_===`current`){document.getElementById(e)?.scrollIntoView({block:`center`});return}if(!M||O||!E)return;let t=document.getElementById(M);t?(t.scrollIntoView({block:`center`}),N(null)):w?F(S):N(null)},[e.events,F,w,E,O,S,M,_]);function I(){y(`past`),!(E||O)&&F(0,!0)}let L=e.events||[],R=L.filter(e=>new Date(e.startAt).getTime()<=m&&new Date(e.endAt).getTime()>m),z=L.filter(e=>new Date(e.startAt).getTime()>m);return u(`section`,{"aria-busy":_===`past`?O:e.loading,"aria-label":t,className:[`lockerverse-public-events`,p].filter(Boolean).join(` `),"data-lockerverse-theme":d,style:g(f),children:[n?l(`h2`,{children:t}):null,u(`nav`,{"aria-label":`Event views`,className:`lockerverse-public-events__tabs`,children:[l(`button`,{"aria-controls":`${P}-current-panel`,"aria-pressed":_===`current`,className:`lockerverse-public-events__tab`,id:`${P}-current-tab`,onClick:()=>y(`current`),type:`button`,children:`Upcoming Events`}),l(`button`,{"aria-controls":`${P}-past-panel`,"aria-pressed":_===`past`,className:`lockerverse-public-events__tab`,id:`${P}-past-tab`,onClick:I,type:`button`,children:`Past Events`})]}),u(`section`,{"aria-labelledby":`${P}-current-tab`,hidden:_!==`current`,id:`${P}-current-panel`,children:[e.loading&&!e.events?l(`p`,{role:`status`,children:`Loading events…`}):null,e.error?u(`div`,{role:`alert`,children:[l(`p`,{children:e.error.message}),l(`button`,{onClick:e.refresh,type:`button`,children:`Try again`})]}):null,e.events&&R.length===0&&z.length===0?l(`p`,{className:`lockerverse-public-events__empty`,children:o}):null,R.length>0?l(`div`,{className:`lockerverse-public-events__group`,children:l(`ol`,{className:`lockerverse-public-events__list`,children:R.map(e=>l(v,{active:!0,item:e,timeZone:c},e.id))})}):null,z.length>0?u(`div`,{className:`lockerverse-public-events__group`,children:[l(`h3`,{className:`lockerverse-public-events__group-title`,children:`Upcoming`}),l(`ol`,{className:`lockerverse-public-events__list`,children:z.map(e=>l(v,{active:!1,item:e,timeZone:c},e.id))})]}):null]}),u(`section`,{"aria-labelledby":`${P}-past-tab`,hidden:_!==`past`,id:`${P}-past-panel`,children:[A?u(`div`,{role:`alert`,children:[l(`p`,{children:A}),l(`button`,{onClick:()=>F(E?S:0,!E),type:`button`,children:`Try again`})]}):null,O&&!E?l(`p`,{role:`status`,children:`Loading past events…`}):null,E&&b.length===0?l(`p`,{className:`lockerverse-public-events__empty`,children:`No past events yet.`}):null,b.length>0?l(`ol`,{className:`lockerverse-public-events__list`,children:b.map(e=>l(v,{active:!1,item:e,past:!0,timeZone:c},e.id))}):null,w?l(`button`,{className:`lockerverse-public-events__load-more`,disabled:O,onClick:()=>F(S),type:`button`,children:O?`Loading…`:`Load more past events`}):null]})]})}function b(t){e(`public events`,{apiBaseUrl:t.apiBaseUrl,communitySlug:t.communitySlug,environment:t.environment,slug:``});let n=o(t.onError);n.current=t.onError;let[a]=s(()=>d({...t,onError:e=>n.current?.(e)})),[c,l]=s(0),[u,f]=s({error:null,events:null,loading:!0});i(()=>{let e=!0;return a.list().then(t=>{e&&f({error:null,events:t,loading:!1})},t=>{e&&f(e=>({...e,error:t,loading:!1}))}),()=>{e=!1}},[a,c]);let p=r(()=>{f(e=>({...e,error:null,loading:!0})),l(e=>e+1)},[]);return{...u,client:a,refresh:p}}export{y as LockerversePublicEvents,b as useLockerversePublicEvents};
 //# sourceMappingURL=public-events.js.map

package/dist/public-events.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-events.js","names":[],"sources":["../src/lockerverse-public-events.tsx","../src/use-lockerverse-public-events.ts"],"sourcesContent":["import type { LockerversePublicEvent } from \"@lockerverse/sdk/public-events\";\nimport {\n  CalendarDays,\n  CalendarX2,\n  Check,\n  Copy,\n  Facebook,\n  Forward,\n  Mail,\n} from \"lucide-react\";\nimport { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport { getAccentContrast } from \"./accent-contrast.ts\";\nimport type { LockerverseStyle, LockerverseTheme } from \"./theme.ts\";\nimport type { UseLockerversePublicEventsResult } from \"./use-lockerverse-public-events.ts\";\n\nexport type LockerversePublicEventsProps = {\n  events: UseLockerversePublicEventsResult;\n  /** The visible heading. Defaults to Events. */\n  title?: string;\n  showHeading?: boolean;\n  emptyMessage?: string;\n  /** Used to show dates and times. Defaults to America/New_York. */\n  timeZone?: string;\n  theme?: LockerverseTheme;\n  style?: LockerverseStyle;\n  className?: string;\n};\n\nfunction formatDate(value: string, timeZone: string) {\n  return new Intl.DateTimeFormat(\"en-US\", {\n    day: \"numeric\",\n    month: \"short\",\n    timeZone,\n    year: \"numeric\",\n  }).format(new Date(value));\n}\n\nfunction formatTime(value: string, timeZone: string) {\n  return new Intl.DateTimeFormat(\"en-US\", {\n    hour: \"numeric\",\n    minute: \"2-digit\",\n    timeZone,\n    timeZoneName: \"short\",\n  }).format(new Date(value));\n}\n\nfunction getLink(value: string | null) {\n  if (!value) {\n    return null;\n  }\n  try {\n    const url = new URL(value);\n    return url.protocol === \"https:\" || url.protocol === \"http:\"\n      ? url.toString()\n      : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction getShareUrl(item: LockerversePublicEvent, past: boolean) {\n  const link = getLink(item.link);\n  if (link) {\n    return link;\n  }\n  const url = new URL(window.location.href);\n  if (past) {\n    url.searchParams.set(\"lockerverseEvents\", \"past\");\n  } else {\n    url.searchParams.delete(\"lockerverseEvents\");\n  }\n  url.searchParams.delete(\"lockerverseEventOffset\");\n  url.hash = `event-${item.id}`;\n  return url.toString();\n}\n\nfunction withAccentContrast(style?: LockerverseStyle) {\n  const accent = style?.[\"--lockerverse-accent\"];\n  if (!accent || style?.[\"--lockerverse-accent-contrast\"] !== undefined) {\n    return style;\n  }\n  const contrast = getAccentContrast(accent);\n  return contrast\n    ? { ...style, \"--lockerverse-accent-contrast\": contrast }\n    : style;\n}\n\nfunction copyWithExecCommand(value: string) {\n  const input = document.createElement(\"textarea\");\n  input.value = value;\n  input.setAttribute(\"readonly\", \"\");\n  input.style.position = \"fixed\";\n  input.style.opacity = \"0\";\n  document.body.appendChild(input);\n  try {\n    input.select();\n    return document.execCommand(\"copy\");\n  } catch {\n    return false;\n  } finally {\n    input.remove();\n  }\n}\n\nfunction EventActions({\n  item,\n  past,\n}: {\n  item: LockerversePublicEvent;\n  past: boolean;\n}) {\n  const [copied, setCopied] = useState(false);\n  const [manualShareUrl, setManualShareUrl] = useState<string | null>(null);\n  const [shareUrl, setShareUrl] = useState<string | null>(null);\n  const [shareMenuAbove, setShareMenuAbove] = useState(false);\n  const shareActionsRef = useRef<HTMLDivElement>(null);\n  const shareTriggerRef = useRef<HTMLButtonElement>(null);\n  const link = getLink(item.link);\n  const isWithinShareActions = (target: EventTarget | null) =>\n    target instanceof Node && shareActionsRef.current?.contains(target);\n\n  useEffect(() => {\n    if (!shareUrl) {\n      return;\n    }\n    const closeOnOutsideClick = (event: PointerEvent) => {\n      if (!isWithinShareActions(event.target)) {\n        setShareUrl(null);\n      }\n    };\n    const closeOnEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setShareUrl(null);\n        if (shareActionsRef.current?.contains(document.activeElement)) {\n          shareTriggerRef.current?.focus();\n        }\n      }\n    };\n    const closeOnFocusOutside = (event: FocusEvent) => {\n      if (!isWithinShareActions(event.target)) {\n        setShareUrl(null);\n      }\n    };\n    document.addEventListener(\"pointerdown\", closeOnOutsideClick);\n    document.addEventListener(\"keydown\", closeOnEscape);\n    document.addEventListener(\"focusin\", closeOnFocusOutside);\n    return () => {\n      document.removeEventListener(\"pointerdown\", closeOnOutsideClick);\n      document.removeEventListener(\"keydown\", closeOnEscape);\n      document.removeEventListener(\"focusin\", closeOnFocusOutside);\n    };\n  }, [shareUrl]);\n\n  useEffect(() => {\n    if (!copied) {\n      return;\n    }\n    const timeout = window.setTimeout(() => setCopied(false), 2200);\n    return () => window.clearTimeout(timeout);\n  }, [copied]);\n\n  async function copyEventLink() {\n    if (!shareUrl) {\n      return;\n    }\n    try {\n      await navigator.clipboard.writeText(shareUrl);\n      setCopied(true);\n      setShareUrl(null);\n      shareTriggerRef.current?.focus();\n    } catch {\n      if (copyWithExecCommand(shareUrl)) {\n        setCopied(true);\n        setShareUrl(null);\n        shareTriggerRef.current?.focus();\n      } else {\n        setManualShareUrl(shareUrl);\n      }\n    }\n  }\n\n  return (\n    <div className=\"lockerverse-public-events__actions\" ref={shareActionsRef}>\n      {link ? (\n        <a\n          className=\"lockerverse-public-events__link\"\n          href={link}\n          rel=\"noopener noreferrer\"\n          target=\"_blank\"\n        >\n          View event <span aria-hidden=\"true\">↗</span>\n        </a>\n      ) : null}\n      <button\n        aria-expanded={shareUrl !== null}\n        aria-label={`Share ${item.name}`}\n        className=\"lockerverse-public-events__share\"\n        data-copied={copied}\n        onClick={() => {\n          if (!shareUrl && shareTriggerRef.current) {\n            setShareMenuAbove(\n              window.innerHeight -\n                shareTriggerRef.current.getBoundingClientRect().bottom <\n                72\n            );\n          }\n          setShareUrl(shareUrl ? null : getShareUrl(item, past));\n          setCopied(false);\n          setManualShareUrl(null);\n        }}\n        ref={shareTriggerRef}\n        title={`Share ${item.name}`}\n        type=\"button\"\n      >\n        {copied ? (\n          <Check aria-hidden=\"true\" size={22} strokeWidth={2} />\n        ) : (\n          <Forward aria-hidden=\"true\" size={22} strokeWidth={1.9} />\n        )}\n      </button>\n      {copied ? (\n        <span\n          className=\"lockerverse-public-events__visually-hidden\"\n          role=\"status\"\n        >\n          Link copied\n        </span>\n      ) : null}\n      {shareUrl ? (\n        <fieldset\n          className=\"lockerverse-public-events__share-menu\"\n          data-above={shareMenuAbove}\n        >\n          <legend className=\"lockerverse-public-events__visually-hidden\">\n            Share {item.name}\n          </legend>\n          <button\n            aria-label=\"Copy event link\"\n            onClick={copyEventLink}\n            title=\"Copy link\"\n            type=\"button\"\n          >\n            <Copy aria-hidden=\"true\" size={18} />\n          </button>\n          <a\n            aria-label=\"Share by email\"\n            href={`mailto:?subject=${encodeURIComponent(item.name)}&body=${encodeURIComponent(shareUrl)}`}\n            title=\"Email\"\n          >\n            <Mail aria-hidden=\"true\" size={18} />\n          </a>\n          <a\n            aria-label=\"Share on Facebook\"\n            href={`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}`}\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            title=\"Facebook\"\n          >\n            <Facebook aria-hidden=\"true\" size={18} />\n          </a>\n          <a\n            aria-label=\"Share on X\"\n            href={`https://twitter.com/intent/tweet?url=${encodeURIComponent(shareUrl)}&text=${encodeURIComponent(item.name)}`}\n            rel=\"noopener noreferrer\"\n            target=\"_blank\"\n            title=\"X\"\n          >\n            <span>𝕏</span>\n          </a>\n          {manualShareUrl ? (\n            <label className=\"lockerverse-public-events__copy-link\">\n              Select and copy this event link\n              <input\n                autoFocus\n                onFocus={(event) => event.currentTarget.select()}\n                readOnly\n                value={manualShareUrl}\n              />\n            </label>\n          ) : null}\n        </fieldset>\n      ) : null}\n    </div>\n  );\n}\n\nfunction PublicEventRow({\n  item,\n  timeZone,\n  active,\n  past = false,\n}: {\n  item: LockerversePublicEvent;\n  timeZone: string;\n  active: boolean;\n  past?: boolean;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  const start = new Date(item.startAt);\n  const month = new Intl.DateTimeFormat(\"en-US\", {\n    month: \"short\",\n    timeZone,\n  }).format(start);\n  const day = new Intl.DateTimeFormat(\"en-US\", {\n    day: \"numeric\",\n    timeZone,\n  }).format(start);\n  const year = new Intl.DateTimeFormat(\"en-US\", {\n    timeZone,\n    year: \"numeric\",\n  }).format(start);\n  const startDateLabel = formatDate(item.startAt, timeZone);\n  const sameDay = startDateLabel === formatDate(item.endAt, timeZone);\n  const endLabel = sameDay\n    ? formatTime(item.endAt, timeZone)\n    : `${formatDate(item.endAt, timeZone)} at ${formatTime(item.endAt, timeZone)}`;\n  const imageUrl = getLink(item.imageUrl);\n  const canExpand = (item.description?.length ?? 0) > 130;\n\n  return (\n    <li className=\"lockerverse-public-events__item\" id={`event-${item.id}`}>\n      <article className=\"lockerverse-public-events__row\">\n        {imageUrl ? (\n          <img\n            alt=\"\"\n            className=\"lockerverse-public-events__image\"\n            height={124}\n            loading=\"lazy\"\n            src={imageUrl}\n            width={154}\n          />\n        ) : (\n          <time\n            className=\"lockerverse-public-events__date\"\n            dateTime={item.startAt}\n          >\n            <span className=\"lockerverse-public-events__month\">{month}</span>\n            <span className=\"lockerverse-public-events__day\">{day}</span>\n            <span className=\"lockerverse-public-events__year\">{year}</span>\n          </time>\n        )}\n        <div className=\"lockerverse-public-events__content\">\n          <div className=\"lockerverse-public-events__heading\">\n            <h3>{item.name}</h3>\n            {active ? (\n              <span className=\"lockerverse-public-events__live\">Live now</span>\n            ) : null}\n          </div>\n          <p className=\"lockerverse-public-events__schedule\">\n            {imageUrl ? (\n              <>\n                <time dateTime={item.startAt}>{startDateLabel}</time>\n                <span aria-hidden=\"true\"> · </span>\n              </>\n            ) : null}\n            <time dateTime={item.startAt}>\n              {formatTime(item.startAt, timeZone)}\n            </time>\n            <span aria-hidden=\"true\"> — </span>\n            <time dateTime={item.endAt}>{endLabel}</time>\n          </p>\n          {item.location ? (\n            <p className=\"lockerverse-public-events__place\">{item.location}</p>\n          ) : null}\n          {item.description ? (\n            <>\n              <p\n                className={[\n                  \"lockerverse-public-events__description\",\n                  canExpand && !expanded\n                    ? \"lockerverse-public-events__description--clamped\"\n                    : \"\",\n                ]\n                  .filter(Boolean)\n                  .join(\" \")}\n              >\n                {item.description}\n              </p>\n              {canExpand ? (\n                <button\n                  aria-expanded={expanded}\n                  className=\"lockerverse-public-events__more\"\n                  onClick={() => setExpanded(!expanded)}\n                  type=\"button\"\n                >\n                  {expanded ? \"Show less\" : \"Read more\"}\n                </button>\n              ) : null}\n            </>\n          ) : null}\n        </div>\n        <EventActions item={item} past={past} />\n      </article>\n    </li>\n  );\n}\n\n/** Optional public list that can be embedded in any React site. */\nexport function LockerversePublicEvents({\n  events,\n  title = \"Events\",\n  showHeading = true,\n  emptyMessage = \"No events yet.\",\n  timeZone = \"America/New_York\",\n  theme = \"dark\",\n  style,\n  className,\n}: LockerversePublicEventsProps) {\n  const [now, setNow] = useState(() => Date.now());\n  const [view, setView] = useState<\"current\" | \"past\">(\"current\");\n  const [pastEvents, setPastEvents] = useState<LockerversePublicEvent[]>([]);\n  const [pastOffset, setPastOffset] = useState(0);\n  const [pastHasMore, setPastHasMore] = useState(false);\n  const [pastLoaded, setPastLoaded] = useState(false);\n  const [pastLoading, setPastLoading] = useState(false);\n  const [pastError, setPastError] = useState<string | null>(null);\n  const [pastTarget, setPastTarget] = useState<string | null>(null);\n  const tabId = useId();\n\n  const loadPast = useCallback(\n    async (offset: number, reset = false) => {\n      setPastLoading(true);\n      setPastError(null);\n      try {\n        const page = await events.client.listPast({ offset });\n        setPastEvents((current) =>\n          reset ? page.events : [...current, ...page.events]\n        );\n        setPastOffset(offset + page.events.length);\n        setPastHasMore(page.hasMore);\n        setPastLoaded(true);\n      } catch (error) {\n        setPastError(\n          error instanceof Error ? error.message : \"Unable to load past events.\"\n        );\n      } finally {\n        setPastLoading(false);\n      }\n    },\n    [events.client]\n  );\n\n  useEffect(() => {\n    const interval = window.setInterval(() => setNow(Date.now()), 60_000);\n    return () => window.clearInterval(interval);\n  }, []);\n\n  useEffect(() => {\n    const url = new URL(window.location.href);\n    if (url.searchParams.get(\"lockerverseEvents\") !== \"past\") {\n      return;\n    }\n    setView(\"past\");\n    setPastTarget(url.hash.slice(1));\n    loadPast(0, true);\n  }, [loadPast]);\n\n  useEffect(() => {\n    const hash = window.location.hash.slice(1);\n    if (!hash.startsWith(\"event-\")) {\n      return;\n    }\n    if (view === \"current\") {\n      document.getElementById(hash)?.scrollIntoView({ block: \"center\" });\n      return;\n    }\n    if (!pastTarget || pastLoading || !pastLoaded) {\n      return;\n    }\n    const target = document.getElementById(pastTarget);\n    if (target) {\n      target.scrollIntoView({ block: \"center\" });\n      setPastTarget(null);\n    } else if (pastHasMore) {\n      loadPast(pastOffset);\n    } else {\n      setPastTarget(null);\n    }\n  }, [\n    events.events,\n    loadPast,\n    pastHasMore,\n    pastLoaded,\n    pastLoading,\n    pastOffset,\n    pastTarget,\n    view,\n  ]);\n\n  function openPast() {\n    setView(\"past\");\n    if (pastLoaded || pastLoading) {\n      return;\n    }\n    loadPast(0, true);\n  }\n\n  const availableEvents = events.events || [];\n  const activeEvents = availableEvents.filter(\n    (item) =>\n      new Date(item.startAt).getTime() <= now &&\n      new Date(item.endAt).getTime() > now\n  );\n  const upcomingEvents = availableEvents.filter(\n    (item) => new Date(item.startAt).getTime() > now\n  );\n\n  return (\n    <section\n      aria-busy={view === \"past\" ? pastLoading : events.loading}\n      aria-label={title}\n      className={[\"lockerverse-public-events\", className]\n        .filter(Boolean)\n        .join(\" \")}\n      data-lockerverse-theme={theme}\n      style={withAccentContrast(style)}\n    >\n      <div className=\"lockerverse-public-events__layout\">\n        {showHeading ? <h2>{title}</h2> : null}\n        <nav\n          aria-label=\"Event views\"\n          className=\"lockerverse-public-events__tabs\"\n        >\n          <button\n            aria-controls={`${tabId}-current-panel`}\n            aria-pressed={view === \"current\"}\n            className=\"lockerverse-public-events__tab\"\n            id={`${tabId}-current-tab`}\n            onClick={() => setView(\"current\")}\n            type=\"button\"\n          >\n            <CalendarDays aria-hidden=\"true\" size={18} />\n            Upcoming Events\n          </button>\n          <button\n            aria-controls={`${tabId}-past-panel`}\n            aria-pressed={view === \"past\"}\n            className=\"lockerverse-public-events__tab\"\n            id={`${tabId}-past-tab`}\n            onClick={openPast}\n            type=\"button\"\n          >\n            <CalendarX2 aria-hidden=\"true\" size={18} />\n            Past Events\n          </button>\n        </nav>\n        <section\n          aria-labelledby={`${tabId}-current-tab`}\n          hidden={view !== \"current\"}\n          id={`${tabId}-current-panel`}\n        >\n          {events.loading && !events.events ? (\n            <p role=\"status\">Loading events…</p>\n          ) : null}\n          {events.error ? (\n            <div role=\"alert\">\n              <p>{events.error.message}</p>\n              <button onClick={events.refresh} type=\"button\">\n                Try again\n              </button>\n            </div>\n          ) : null}\n          {events.events &&\n          activeEvents.length === 0 &&\n          upcomingEvents.length === 0 ? (\n            <p className=\"lockerverse-public-events__empty\">{emptyMessage}</p>\n          ) : null}\n          {activeEvents.length > 0 ? (\n            <div className=\"lockerverse-public-events__group\">\n              <ol className=\"lockerverse-public-events__list\">\n                {activeEvents.map((item) => (\n                  <PublicEventRow\n                    active\n                    item={item}\n                    key={item.id}\n                    timeZone={timeZone}\n                  />\n                ))}\n              </ol>\n            </div>\n          ) : null}\n          {upcomingEvents.length > 0 ? (\n            <div className=\"lockerverse-public-events__group\">\n              <ol className=\"lockerverse-public-events__list\">\n                {upcomingEvents.map((item) => (\n                  <PublicEventRow\n                    active={false}\n                    item={item}\n                    key={item.id}\n                    timeZone={timeZone}\n                  />\n                ))}\n              </ol>\n            </div>\n          ) : null}\n        </section>\n        <section\n          aria-labelledby={`${tabId}-past-tab`}\n          hidden={view !== \"past\"}\n          id={`${tabId}-past-panel`}\n        >\n          {pastError ? (\n            <div role=\"alert\">\n              <p>{pastError}</p>\n              <button\n                onClick={() =>\n                  loadPast(pastLoaded ? pastOffset : 0, !pastLoaded)\n                }\n                type=\"button\"\n              >\n                Try again\n              </button>\n            </div>\n          ) : null}\n          {pastLoading && !pastLoaded ? (\n            <p role=\"status\">Loading past events…</p>\n          ) : null}\n          {pastLoaded && pastEvents.length === 0 ? (\n            <p className=\"lockerverse-public-events__empty\">\n              No past events yet.\n            </p>\n          ) : null}\n          {pastEvents.length > 0 ? (\n            <ol className=\"lockerverse-public-events__list\">\n              {pastEvents.map((item) => (\n                <PublicEventRow\n                  active={false}\n                  item={item}\n                  key={item.id}\n                  past\n                  timeZone={timeZone}\n                />\n              ))}\n            </ol>\n          ) : null}\n          {pastHasMore ? (\n            <button\n              className=\"lockerverse-public-events__load-more\"\n              disabled={pastLoading}\n              onClick={() => loadPast(pastOffset)}\n              type=\"button\"\n            >\n              {pastLoading ? \"Loading…\" : \"Load more past events\"}\n            </button>\n          ) : null}\n        </section>\n      </div>\n    </section>\n  );\n}\n","import {\n  type CreateLockerversePublicEventsOptions,\n  createLockerversePublicEventsClient,\n  type LockerversePublicEvent,\n  type LockerversePublicEventsClient,\n  type LockerverseSdkError,\n} from \"@lockerverse/sdk/public-events\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useImmutableResourceIdentity } from \"./immutable-resource-identity.ts\";\n\nexport type UseLockerversePublicEventsResult = {\n  client: LockerversePublicEventsClient;\n  events: LockerversePublicEvent[] | null;\n  loading: boolean;\n  error: LockerverseSdkError | null;\n  refresh: () => void;\n};\n\n/** Load the public events list for one community. */\nexport function useLockerversePublicEvents(\n  options: CreateLockerversePublicEventsOptions\n): UseLockerversePublicEventsResult {\n  useImmutableResourceIdentity(\"public events\", {\n    apiBaseUrl: options.apiBaseUrl,\n    communitySlug: options.communitySlug,\n    environment: options.environment,\n    slug: \"\",\n  });\n  const onErrorRef = useRef(options.onError);\n  onErrorRef.current = options.onError;\n  const [client] = useState(() =>\n    createLockerversePublicEventsClient({\n      ...options,\n      onError: (error) => onErrorRef.current?.(error),\n    })\n  );\n  const [revision, setRevision] = useState(0);\n  const [state, setState] = useState<\n    Pick<UseLockerversePublicEventsResult, \"events\" | \"loading\" | \"error\">\n  >({ error: null, events: null, loading: true });\n\n  useEffect(() => {\n    let active = true;\n    client.list().then(\n      (events) => {\n        if (active) {\n          setState({ error: null, events, loading: false });\n        }\n      },\n      (error: LockerverseSdkError) => {\n        if (active) {\n          setState((current) => ({ ...current, error, loading: false }));\n        }\n      }\n    );\n    return () => {\n      active = false;\n    };\n  }, [client, revision]);\n\n  const refresh = useCallback(() => {\n    setState((current) => ({ ...current, error: null, loading: true }));\n    setRevision((current) => current + 1);\n  }, []);\n\n  return { ...state, client, refresh };\n}\n"],"mappings":"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"}
+{"version":3,"file":"public-events.js","names":[],"sources":["../src/lockerverse-public-events.tsx","../src/use-lockerverse-public-events.ts"],"sourcesContent":["import type { LockerversePublicEvent } from \"@lockerverse/sdk/public-events\";\nimport { Share2 } from \"lucide-react\";\nimport { useCallback, useEffect, useId, useState } from \"react\";\nimport { getAccentContrast } from \"./accent-contrast.ts\";\nimport type { LockerverseStyle, LockerverseTheme } from \"./theme.ts\";\nimport type { UseLockerversePublicEventsResult } from \"./use-lockerverse-public-events.ts\";\n\nexport type LockerversePublicEventsProps = {\n  events: UseLockerversePublicEventsResult;\n  /** The visible heading. Defaults to Events. */\n  title?: string;\n  showHeading?: boolean;\n  emptyMessage?: string;\n  /** Used to show dates and times. Defaults to America/New_York. */\n  timeZone?: string;\n  theme?: LockerverseTheme;\n  style?: LockerverseStyle;\n  className?: string;\n};\n\nfunction formatDate(value: string, timeZone: string) {\n  return new Intl.DateTimeFormat(\"en-US\", {\n    day: \"numeric\",\n    month: \"short\",\n    timeZone,\n    year: \"numeric\",\n  }).format(new Date(value));\n}\n\nfunction formatTime(value: string, timeZone: string) {\n  return new Intl.DateTimeFormat(\"en-US\", {\n    hour: \"numeric\",\n    minute: \"2-digit\",\n    timeZone,\n    timeZoneName: \"short\",\n  }).format(new Date(value));\n}\n\nfunction getLink(value: string | null) {\n  if (!value) {\n    return null;\n  }\n  try {\n    const url = new URL(value);\n    return url.protocol === \"https:\" || url.protocol === \"http:\"\n      ? url.toString()\n      : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction getShareUrl(item: LockerversePublicEvent, past: boolean) {\n  const link = getLink(item.link);\n  if (link) {\n    return link;\n  }\n  const url = new URL(window.location.href);\n  if (past) {\n    url.searchParams.set(\"lockerverseEvents\", \"past\");\n  } else {\n    url.searchParams.delete(\"lockerverseEvents\");\n  }\n  url.searchParams.delete(\"lockerverseEventOffset\");\n  url.hash = `event-${item.id}`;\n  return url.toString();\n}\n\nfunction withAccentContrast(style?: LockerverseStyle) {\n  const accent = style?.[\"--lockerverse-accent\"];\n  if (!accent || style?.[\"--lockerverse-accent-contrast\"] !== undefined) {\n    return style;\n  }\n  const contrast = getAccentContrast(accent);\n  return contrast\n    ? { ...style, \"--lockerverse-accent-contrast\": contrast }\n    : style;\n}\n\nfunction EventDateMeta({\n  active,\n  imageUrl,\n  startAt,\n  startDateLabel,\n}: {\n  active: boolean;\n  imageUrl: string | null;\n  startAt: string;\n  startDateLabel: string;\n}) {\n  if (!(imageUrl || active)) {\n    return null;\n  }\n\n  return (\n    <div className=\"lockerverse-public-events__meta\">\n      {imageUrl ? <time dateTime={startAt}>{startDateLabel}</time> : null}\n      {active ? (\n        <span className=\"lockerverse-public-events__live\">Live now</span>\n      ) : null}\n    </div>\n  );\n}\n\nfunction PublicEventRow({\n  item,\n  timeZone,\n  active,\n  past = false,\n}: {\n  item: LockerversePublicEvent;\n  timeZone: string;\n  active: boolean;\n  past?: boolean;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  const [copied, setCopied] = useState(false);\n  const [manualShareUrl, setManualShareUrl] = useState<string | null>(null);\n  const start = new Date(item.startAt);\n  const month = new Intl.DateTimeFormat(\"en-US\", {\n    month: \"short\",\n    timeZone,\n  }).format(start);\n  const day = new Intl.DateTimeFormat(\"en-US\", {\n    day: \"numeric\",\n    timeZone,\n  }).format(start);\n  const year = new Intl.DateTimeFormat(\"en-US\", {\n    timeZone,\n    year: \"numeric\",\n  }).format(start);\n  const startDateLabel = formatDate(item.startAt, timeZone);\n  const sameDay = startDateLabel === formatDate(item.endAt, timeZone);\n  const endLabel = sameDay\n    ? formatTime(item.endAt, timeZone)\n    : `${formatDate(item.endAt, timeZone)} at ${formatTime(item.endAt, timeZone)}`;\n  const link = getLink(item.link);\n  const imageUrl = getLink(item.imageUrl);\n  const canExpand = (item.description?.length ?? 0) > 130;\n\n  async function shareEvent() {\n    const url = getShareUrl(item, past);\n    if (navigator.share) {\n      try {\n        await navigator.share({ title: item.name, url });\n        return;\n      } catch (error) {\n        if (error instanceof DOMException && error.name === \"AbortError\") {\n          return;\n        }\n      }\n    }\n    try {\n      await navigator.clipboard.writeText(url);\n      setCopied(true);\n    } catch {\n      setManualShareUrl(url);\n    }\n  }\n\n  return (\n    <li className=\"lockerverse-public-events__item\" id={`event-${item.id}`}>\n      <article\n        className={[\n          \"lockerverse-public-events__row\",\n          imageUrl ? \"lockerverse-public-events__row--with-image\" : \"\",\n        ]\n          .filter(Boolean)\n          .join(\" \")}\n      >\n        {imageUrl ? (\n          <img\n            alt=\"\"\n            className=\"lockerverse-public-events__image\"\n            height={124}\n            loading=\"lazy\"\n            src={imageUrl}\n            width={154}\n          />\n        ) : (\n          <time\n            className=\"lockerverse-public-events__date\"\n            dateTime={item.startAt}\n          >\n            <span className=\"lockerverse-public-events__month\">{month}</span>\n            <span className=\"lockerverse-public-events__day\">{day}</span>\n            <span className=\"lockerverse-public-events__year\">{year}</span>\n          </time>\n        )}\n        <div className=\"lockerverse-public-events__content\">\n          <EventDateMeta\n            active={active}\n            imageUrl={imageUrl}\n            startAt={item.startAt}\n            startDateLabel={startDateLabel}\n          />\n          <h4>{item.name}</h4>\n          <p className=\"lockerverse-public-events__time\">\n            <time dateTime={item.startAt}>\n              {formatTime(item.startAt, timeZone)}\n            </time>\n            <span aria-hidden=\"true\"> — </span>\n            <time dateTime={item.endAt}>{endLabel}</time>\n          </p>\n          {item.location ? (\n            <p className=\"lockerverse-public-events__place\">{item.location}</p>\n          ) : null}\n          {item.description ? (\n            <>\n              <p\n                className={[\n                  \"lockerverse-public-events__description\",\n                  canExpand && !expanded\n                    ? \"lockerverse-public-events__description--clamped\"\n                    : \"\",\n                ]\n                  .filter(Boolean)\n                  .join(\" \")}\n              >\n                {item.description}\n              </p>\n              {canExpand ? (\n                <button\n                  aria-expanded={expanded}\n                  className=\"lockerverse-public-events__more\"\n                  onClick={() => setExpanded(!expanded)}\n                  type=\"button\"\n                >\n                  {expanded ? \"Show less\" : \"Read more\"}\n                </button>\n              ) : null}\n            </>\n          ) : null}\n          {manualShareUrl ? (\n            <label className=\"lockerverse-public-events__copy-link\">\n              Copy event link\n              <input\n                onFocus={(event) => event.currentTarget.select()}\n                readOnly\n                value={manualShareUrl}\n              />\n            </label>\n          ) : null}\n        </div>\n        <div className=\"lockerverse-public-events__actions\">\n          {link ? (\n            <a\n              className=\"lockerverse-public-events__link\"\n              href={link}\n              rel=\"noopener noreferrer\"\n              target=\"_blank\"\n            >\n              View event <span aria-hidden=\"true\">↗</span>\n            </a>\n          ) : null}\n          <button\n            aria-label={`Share ${item.name}`}\n            className=\"lockerverse-public-events__share\"\n            onClick={shareEvent}\n            type=\"button\"\n          >\n            <Share2 aria-hidden=\"true\" size={16} strokeWidth={1.8} />\n            {copied ? \"Link copied\" : \"Share\"}\n          </button>\n        </div>\n      </article>\n    </li>\n  );\n}\n\n/** Optional public list that can be embedded in any React site. */\nexport function LockerversePublicEvents({\n  events,\n  title = \"Events\",\n  showHeading = true,\n  emptyMessage = \"No events yet.\",\n  timeZone = \"America/New_York\",\n  theme = \"dark\",\n  style,\n  className,\n}: LockerversePublicEventsProps) {\n  const [now, setNow] = useState(() => Date.now());\n  const [view, setView] = useState<\"current\" | \"past\">(\"current\");\n  const [pastEvents, setPastEvents] = useState<LockerversePublicEvent[]>([]);\n  const [pastOffset, setPastOffset] = useState(0);\n  const [pastHasMore, setPastHasMore] = useState(false);\n  const [pastLoaded, setPastLoaded] = useState(false);\n  const [pastLoading, setPastLoading] = useState(false);\n  const [pastError, setPastError] = useState<string | null>(null);\n  const [pastTarget, setPastTarget] = useState<string | null>(null);\n  const tabId = useId();\n\n  const loadPast = useCallback(\n    async (offset: number, reset = false) => {\n      setPastLoading(true);\n      setPastError(null);\n      try {\n        const page = await events.client.listPast({ offset });\n        setPastEvents((current) =>\n          reset ? page.events : [...current, ...page.events]\n        );\n        setPastOffset(offset + page.events.length);\n        setPastHasMore(page.hasMore);\n        setPastLoaded(true);\n      } catch (error) {\n        setPastError(\n          error instanceof Error ? error.message : \"Unable to load past events.\"\n        );\n      } finally {\n        setPastLoading(false);\n      }\n    },\n    [events.client]\n  );\n\n  useEffect(() => {\n    const interval = window.setInterval(() => setNow(Date.now()), 60_000);\n    return () => window.clearInterval(interval);\n  }, []);\n\n  useEffect(() => {\n    const url = new URL(window.location.href);\n    if (url.searchParams.get(\"lockerverseEvents\") !== \"past\") {\n      return;\n    }\n    setView(\"past\");\n    setPastTarget(url.hash.slice(1));\n    loadPast(0, true);\n  }, [loadPast]);\n\n  useEffect(() => {\n    const hash = window.location.hash.slice(1);\n    if (!hash.startsWith(\"event-\")) {\n      return;\n    }\n    if (view === \"current\") {\n      document.getElementById(hash)?.scrollIntoView({ block: \"center\" });\n      return;\n    }\n    if (!pastTarget || pastLoading || !pastLoaded) {\n      return;\n    }\n    const target = document.getElementById(pastTarget);\n    if (target) {\n      target.scrollIntoView({ block: \"center\" });\n      setPastTarget(null);\n    } else if (pastHasMore) {\n      loadPast(pastOffset);\n    } else {\n      setPastTarget(null);\n    }\n  }, [\n    events.events,\n    loadPast,\n    pastHasMore,\n    pastLoaded,\n    pastLoading,\n    pastOffset,\n    pastTarget,\n    view,\n  ]);\n\n  function openPast() {\n    setView(\"past\");\n    if (pastLoaded || pastLoading) {\n      return;\n    }\n    loadPast(0, true);\n  }\n\n  const availableEvents = events.events || [];\n  const activeEvents = availableEvents.filter(\n    (item) =>\n      new Date(item.startAt).getTime() <= now &&\n      new Date(item.endAt).getTime() > now\n  );\n  const upcomingEvents = availableEvents.filter(\n    (item) => new Date(item.startAt).getTime() > now\n  );\n\n  return (\n    <section\n      aria-busy={view === \"past\" ? pastLoading : events.loading}\n      aria-label={title}\n      className={[\"lockerverse-public-events\", className]\n        .filter(Boolean)\n        .join(\" \")}\n      data-lockerverse-theme={theme}\n      style={withAccentContrast(style)}\n    >\n      {showHeading ? <h2>{title}</h2> : null}\n      <nav aria-label=\"Event views\" className=\"lockerverse-public-events__tabs\">\n        <button\n          aria-controls={`${tabId}-current-panel`}\n          aria-pressed={view === \"current\"}\n          className=\"lockerverse-public-events__tab\"\n          id={`${tabId}-current-tab`}\n          onClick={() => setView(\"current\")}\n          type=\"button\"\n        >\n          Upcoming Events\n        </button>\n        <button\n          aria-controls={`${tabId}-past-panel`}\n          aria-pressed={view === \"past\"}\n          className=\"lockerverse-public-events__tab\"\n          id={`${tabId}-past-tab`}\n          onClick={openPast}\n          type=\"button\"\n        >\n          Past Events\n        </button>\n      </nav>\n      <section\n        aria-labelledby={`${tabId}-current-tab`}\n        hidden={view !== \"current\"}\n        id={`${tabId}-current-panel`}\n      >\n        {events.loading && !events.events ? (\n          <p role=\"status\">Loading events…</p>\n        ) : null}\n        {events.error ? (\n          <div role=\"alert\">\n            <p>{events.error.message}</p>\n            <button onClick={events.refresh} type=\"button\">\n              Try again\n            </button>\n          </div>\n        ) : null}\n        {events.events &&\n        activeEvents.length === 0 &&\n        upcomingEvents.length === 0 ? (\n          <p className=\"lockerverse-public-events__empty\">{emptyMessage}</p>\n        ) : null}\n        {activeEvents.length > 0 ? (\n          <div className=\"lockerverse-public-events__group\">\n            <ol className=\"lockerverse-public-events__list\">\n              {activeEvents.map((item) => (\n                <PublicEventRow\n                  active\n                  item={item}\n                  key={item.id}\n                  timeZone={timeZone}\n                />\n              ))}\n            </ol>\n          </div>\n        ) : null}\n        {upcomingEvents.length > 0 ? (\n          <div className=\"lockerverse-public-events__group\">\n            <h3 className=\"lockerverse-public-events__group-title\">Upcoming</h3>\n            <ol className=\"lockerverse-public-events__list\">\n              {upcomingEvents.map((item) => (\n                <PublicEventRow\n                  active={false}\n                  item={item}\n                  key={item.id}\n                  timeZone={timeZone}\n                />\n              ))}\n            </ol>\n          </div>\n        ) : null}\n      </section>\n      <section\n        aria-labelledby={`${tabId}-past-tab`}\n        hidden={view !== \"past\"}\n        id={`${tabId}-past-panel`}\n      >\n        {pastError ? (\n          <div role=\"alert\">\n            <p>{pastError}</p>\n            <button\n              onClick={() => loadPast(pastLoaded ? pastOffset : 0, !pastLoaded)}\n              type=\"button\"\n            >\n              Try again\n            </button>\n          </div>\n        ) : null}\n        {pastLoading && !pastLoaded ? (\n          <p role=\"status\">Loading past events…</p>\n        ) : null}\n        {pastLoaded && pastEvents.length === 0 ? (\n          <p className=\"lockerverse-public-events__empty\">\n            No past events yet.\n          </p>\n        ) : null}\n        {pastEvents.length > 0 ? (\n          <ol className=\"lockerverse-public-events__list\">\n            {pastEvents.map((item) => (\n              <PublicEventRow\n                active={false}\n                item={item}\n                key={item.id}\n                past\n                timeZone={timeZone}\n              />\n            ))}\n          </ol>\n        ) : null}\n        {pastHasMore ? (\n          <button\n            className=\"lockerverse-public-events__load-more\"\n            disabled={pastLoading}\n            onClick={() => loadPast(pastOffset)}\n            type=\"button\"\n          >\n            {pastLoading ? \"Loading…\" : \"Load more past events\"}\n          </button>\n        ) : null}\n      </section>\n    </section>\n  );\n}\n","import {\n  type CreateLockerversePublicEventsOptions,\n  createLockerversePublicEventsClient,\n  type LockerversePublicEvent,\n  type LockerversePublicEventsClient,\n  type LockerverseSdkError,\n} from \"@lockerverse/sdk/public-events\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useImmutableResourceIdentity } from \"./immutable-resource-identity.ts\";\n\nexport type UseLockerversePublicEventsResult = {\n  client: LockerversePublicEventsClient;\n  events: LockerversePublicEvent[] | null;\n  loading: boolean;\n  error: LockerverseSdkError | null;\n  refresh: () => void;\n};\n\n/** Load the public events list for one community. */\nexport function useLockerversePublicEvents(\n  options: CreateLockerversePublicEventsOptions\n): UseLockerversePublicEventsResult {\n  useImmutableResourceIdentity(\"public events\", {\n    apiBaseUrl: options.apiBaseUrl,\n    communitySlug: options.communitySlug,\n    environment: options.environment,\n    slug: \"\",\n  });\n  const onErrorRef = useRef(options.onError);\n  onErrorRef.current = options.onError;\n  const [client] = useState(() =>\n    createLockerversePublicEventsClient({\n      ...options,\n      onError: (error) => onErrorRef.current?.(error),\n    })\n  );\n  const [revision, setRevision] = useState(0);\n  const [state, setState] = useState<\n    Pick<UseLockerversePublicEventsResult, \"events\" | \"loading\" | \"error\">\n  >({ error: null, events: null, loading: true });\n\n  useEffect(() => {\n    let active = true;\n    client.list().then(\n      (events) => {\n        if (active) {\n          setState({ error: null, events, loading: false });\n        }\n      },\n      (error: LockerverseSdkError) => {\n        if (active) {\n          setState((current) => ({ ...current, error, loading: false }));\n        }\n      }\n    );\n    return () => {\n      active = false;\n    };\n  }, [client, revision]);\n\n  const refresh = useCallback(() => {\n    setState((current) => ({ ...current, error: null, loading: true }));\n    setRevision((current) => current + 1);\n  }, []);\n\n  return { ...state, client, refresh };\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lockerverse/react",
-  "version": "0.2.129-dev.1",
+  "version": "0.2.131",
   "description": "Tree-shakable React payment and signup UI for Lockerverse",
   "repository": {
     "type": "git",
@@ -127,7 +127,7 @@
     "embla-carousel-react": "8.6.0",
     "lucide-react": "0.536.0",
     "valibot": "1.4.2",
-    "@lockerverse/sdk": "0.2.129-dev.1"
+    "@lockerverse/sdk": "0.2.131"
   },
   "devDependencies": {
     "@size-limit/file": "13.0.3",