@lockerverse/react 0.2.126-dev.1 → 0.2.129-dev.1

package/dist/auction-result.css

@@ -106,6 +106,14 @@
 .lockerverse-auction-result__eyebrow {
   font-size: 0.85em;
 }
+.lockerverse-auction-result .lockerverse-auction-result__receipt-title {
+  font-size: var(
+    --lockerverse-auction-result-receipt-title-size,
+    var(--lockerverse-auction-subheading-size, 30px)
+  );
+  font-weight: 600;
+  line-height: 1.2;
+}
 .lockerverse-auction-result__details {
   margin: 24px 0;
   border-block: 1px solid var(--lockerverse-border);
@@ -136,14 +144,32 @@
 }
 .lockerverse-auction-result__steps {
   display: grid;
-  gap: 16px;
-  padding-left: 20px;
+  padding: 0;
   margin: 0;
   line-height: 1.7;
   color: var(--lockerverse-muted);
+  list-style: none;
 }
 .lockerverse-auction-result__steps li {
-  padding-left: 8px;
+  display: grid;
+  grid-template-columns: 24px minmax(0, 1fr);
+  gap: 24px;
+  padding-block: 20px;
+}
+.lockerverse-auction-result__steps li:first-child {
+  padding-top: 0;
+}
+.lockerverse-auction-result__steps li:last-child {
+  padding-bottom: 0;
+}
+.lockerverse-auction-result__steps li + li {
+  border-top: 1px solid var(--lockerverse-border);
+}
+.lockerverse-auction-result__step-number {
+  padding-top: 4px;
+  font-size: 0.8em;
+  font-variant-numeric: tabular-nums;
+  letter-spacing: 0.2em;
 }
 @container (max-width: 800px) {
   .lockerverse-auction-result__layout {

package/dist/auction-result2.js

@@ -1,2 +1,2 @@
-import{t as e}from"./format-money.js";import{ArrowRight as t,BadgeCheck as n,FileText as r,ShieldCheck as i,TimerReset as a}from"lucide-react";import{useEffect as o,useId as s,useRef as c}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";function f({action:e,secondary:n=!1}){let r=`lockerverse-auction-result__action${n?` lockerverse-auction-result__action--secondary`:``}`,i=d(l,{children:[e.label,n?null:u(t,{"aria-hidden":`true`,size:18})]});return e.href?u(`a`,{className:r,href:e.href,onClick:e.onClick,children:i}):u(`button`,{className:r,onClick:e.onClick,type:`button`,children:i})}const p={bid:{assurance:`A bid is not a purchase. Payment is collected only if you win at settlement.`,assuranceTitle:`Bid authorization saved`,badge:`Bid submitted`,description:`Your bid and payment method are recorded. You have not been charged for this bid.`,next:`Other bidders can still place bids until the item closes.`,nextTitle:`Follow the auction`,receiptLabel:`Bid summary`,steps:[`Your bid is recorded. This does not confirm that you have won.`,`Your saved payment method can be charged if you win at settlement.`,`Watch your email for bid updates and return to the item to check its status.`],title:`Bid received`},purchase:{assurance:`This receipt shows the amount paid for your purchase.`,assuranceTitle:`Payment processed`,badge:`Purchase confirmed`,description:`Your payment is confirmed and your purchase is recorded.`,next:`The community handles delivery or collection for this item.`,nextTitle:`Next steps`,receiptLabel:`Purchase receipt`,steps:[`Your payment is complete and your purchase is recorded.`,`The community can review your buyer and delivery details.`,`Keep your receipt number. Contact the community if you need help with your order.`],title:`Purchase complete`},receipt:{assurance:`The amounts below are the recorded purchase amounts, not proof of payment.`,assuranceTitle:`Recorded purchase`,badge:`Purchase details`,description:`Payment status is not confirmed on this page.`,next:`Contact the community if you need to confirm your payment or order status.`,nextTitle:`Next steps`,receiptLabel:`Purchase receipt`,steps:[`These are the recorded purchase details. They do not confirm payment.`,`Check your purchase confirmation for the payment result.`,`Contact the community with your receipt number if you need help.`],title:`Purchase details`}};function m({outcome:t,auctionName:n,communityName:r,closesAtLabel:i}){let a=[];return t.kind===`bid`?t.amountCents!==void 0&&a.push([`Bid amount`,e(t.amountCents)]):(a.push([`Unit price`,e(t.unitAmountCents)],[`Quantity`,String(t.quantity)],[`Subtotal`,e(t.subtotalCents)]),t.serviceFeeCents>0&&a.push([`Service fee`,e(t.serviceFeeCents)]),a.push([t.kind===`purchase`?`Total paid`:`Total`,e(t.totalCents)],[`Receipt`,t.purchaseId])),n&&a.push([`Auction`,n]),r&&a.push([`Community`,r]),i&&a.push([`Closes`,i]),a}function h(e){let{outcome:t,itemName:l,imageUrl:h,communityName:g,primaryAction:_,secondaryAction:v,className:y,theme:b=`dark`,style:x}=e,S=s(),C=c(null);o(()=>{e.focusHeading&&C.current?.focus()},[e.focusHeading]);let w=p[t.kind],T=t.kind===`receipt`?r:n,E=t.kind===`receipt`?r:i,D=m(e);return u(`section`,{"aria-labelledby":S,className:[`lockerverse-auctions lockerverse-auction-result`,y].filter(Boolean).join(` `),"data-lockerverse-theme":b,style:x,children:d(`div`,{className:`lockerverse-auction-result__layout`,children:[d(`div`,{className:`lockerverse-auction-result__summary`,children:[d(`span`,{className:`lockerverse-auction-result__badge`,children:[u(T,{"aria-hidden":`true`,size:18}),w.badge]}),g?u(`p`,{className:`lockerverse-auction-result__community`,children:g}):null,d(`h2`,{className:`lockerverse-auction-result__title`,id:S,ref:C,tabIndex:e.focusHeading?-1:void 0,children:[w.title,` for `,l,`.`]}),u(`p`,{className:`lockerverse-auction-result__description`,children:w.description}),d(`div`,{className:`lockerverse-auction-result__assurance`,children:[u(E,{"aria-hidden":`true`,size:22}),d(`div`,{children:[u(`strong`,{children:w.assuranceTitle}),u(`p`,{children:w.assurance})]})]}),d(`div`,{className:`lockerverse-auction-result__assurance`,children:[u(a,{"aria-hidden":`true`,size:22}),d(`div`,{children:[u(`strong`,{children:w.nextTitle}),u(`p`,{children:w.next})]})]}),_||v?d(`div`,{className:`lockerverse-auction-result__actions`,children:[_?u(f,{action:_}):null,v?u(f,{action:v,secondary:!0}):null]}):null]}),d(`aside`,{"aria-label":w.receiptLabel,className:`lockerverse-auction-result__receipt`,children:[h?u(`img`,{alt:l,className:`lockerverse-auction-result__image`,height:300,src:h,width:420}):null,d(`div`,{className:`lockerverse-auction-result__receipt-body`,children:[u(`p`,{className:`lockerverse-auction-result__eyebrow`,children:w.receiptLabel}),u(`h3`,{children:l}),u(`dl`,{className:`lockerverse-auction-result__details`,children:D.map(([e,t])=>d(`div`,{children:[u(`dt`,{children:e}),u(`dd`,{children:t})]},e))}),u(`h4`,{children:`What happens next`}),u(`ol`,{className:`lockerverse-auction-result__steps`,children:w.steps.map(e=>u(`li`,{children:e},e))})]})]})]})})}export{h as t};
+import{t as e}from"./format-money.js";import{ArrowRight as t,BadgeCheck as n,FileText as r,ShieldCheck as i,TimerReset as a}from"lucide-react";import{useEffect as o,useId as s,useRef as c}from"react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";function f({action:e,secondary:n=!1}){let r=`lockerverse-auction-result__action${n?` lockerverse-auction-result__action--secondary`:``}`,i=d(l,{children:[e.label,n?null:u(t,{"aria-hidden":`true`,size:18})]});return e.href?u(`a`,{className:r,href:e.href,onClick:e.onClick,children:i}):u(`button`,{className:r,onClick:e.onClick,type:`button`,children:i})}const p={bid:{assurance:`A bid is not a purchase. Payment is collected only if you win at settlement.`,assuranceTitle:`Bid authorization saved`,badge:`Bid submitted`,description:`Your bid and payment method are recorded. You have not been charged for this bid.`,next:`Other bidders can still place bids until the item closes.`,nextTitle:`Follow the auction`,receiptLabel:`Bid summary`,steps:[`Your bid is recorded. This does not confirm that you have won.`,`Your saved payment method can be charged if you win at settlement.`,`Watch your email for bid updates and return to the item to check its status.`],title:`Bid received`},purchase:{assurance:`This receipt shows the amount paid for your purchase.`,assuranceTitle:`Payment processed`,badge:`Purchase confirmed`,description:`Your payment is confirmed and your purchase is recorded.`,next:`The community handles delivery or collection for this item.`,nextTitle:`Next steps`,receiptLabel:`Purchase receipt`,steps:[`Your payment is complete and your purchase is recorded.`,`The community can review your buyer and delivery details.`,`Keep your receipt number. Contact the community if you need help with your order.`],title:`Purchase complete`},receipt:{assurance:`The amounts below are the recorded purchase amounts, not proof of payment.`,assuranceTitle:`Recorded purchase`,badge:`Purchase details`,description:`Payment status is not confirmed on this page.`,next:`Contact the community if you need to confirm your payment or order status.`,nextTitle:`Next steps`,receiptLabel:`Purchase receipt`,steps:[`These are the recorded purchase details. They do not confirm payment.`,`Check your purchase confirmation for the payment result.`,`Contact the community with your receipt number if you need help.`],title:`Purchase details`}};function m({outcome:t,auctionName:n,communityName:r,closesAtLabel:i}){let a=[];return t.kind===`bid`?t.amountCents!==void 0&&a.push([`Bid amount`,e(t.amountCents)]):(a.push([`Unit price`,e(t.unitAmountCents)],[`Quantity`,String(t.quantity)],[`Subtotal`,e(t.subtotalCents)]),t.serviceFeeCents>0&&a.push([`Service fee`,e(t.serviceFeeCents)]),a.push([t.kind===`purchase`?`Total paid`:`Total`,e(t.totalCents)],[`Receipt`,t.purchaseId])),n&&a.push([`Auction`,n]),r&&a.push([`Community`,r]),i&&a.push([`Closes`,i]),a}function h(e){let{outcome:t,itemName:l,imageUrl:h,communityName:g,primaryAction:_,secondaryAction:v,className:y,theme:b=`dark`,style:x}=e,S=s(),C=c(null);o(()=>{e.focusHeading&&C.current?.focus()},[e.focusHeading]);let w=p[t.kind],T=t.kind===`receipt`?r:n,E=t.kind===`receipt`?r:i,D=m(e);return u(`section`,{"aria-labelledby":S,className:[`lockerverse-auctions lockerverse-auction-result`,y].filter(Boolean).join(` `),"data-lockerverse-theme":b,style:x,children:d(`div`,{className:`lockerverse-auction-result__layout`,children:[d(`div`,{className:`lockerverse-auction-result__summary`,children:[d(`span`,{className:`lockerverse-auction-result__badge`,children:[u(T,{"aria-hidden":`true`,size:18}),w.badge]}),g?u(`p`,{className:`lockerverse-auction-result__community`,children:g}):null,d(`h2`,{className:`lockerverse-auction-result__title`,id:S,ref:C,tabIndex:e.focusHeading?-1:void 0,children:[w.title,` for `,l,`.`]}),u(`p`,{className:`lockerverse-auction-result__description`,children:w.description}),d(`div`,{className:`lockerverse-auction-result__assurance`,children:[u(E,{"aria-hidden":`true`,size:22}),d(`div`,{children:[u(`strong`,{children:w.assuranceTitle}),u(`p`,{children:w.assurance})]})]}),d(`div`,{className:`lockerverse-auction-result__assurance`,children:[u(a,{"aria-hidden":`true`,size:22}),d(`div`,{children:[u(`strong`,{children:w.nextTitle}),u(`p`,{children:w.next})]})]}),_||v?d(`div`,{className:`lockerverse-auction-result__actions`,children:[_?u(f,{action:_}):null,v?u(f,{action:v,secondary:!0}):null]}):null]}),d(`aside`,{"aria-label":w.receiptLabel,className:`lockerverse-auction-result__receipt`,children:[h?u(`img`,{alt:l,className:`lockerverse-auction-result__image`,height:300,src:h,width:420}):null,d(`div`,{className:`lockerverse-auction-result__receipt-body`,children:[u(`p`,{className:`lockerverse-auction-result__eyebrow`,children:w.receiptLabel}),u(`h3`,{className:`lockerverse-auction-result__receipt-title`,children:l}),u(`dl`,{className:`lockerverse-auction-result__details`,children:D.map(([e,t])=>d(`div`,{children:[u(`dt`,{children:e}),u(`dd`,{children:t})]},e))}),u(`h4`,{children:`What happens next`}),u(`ol`,{className:`lockerverse-auction-result__steps`,role:`list`,children:w.steps.map((e,t)=>d(`li`,{children:[u(`span`,{"aria-hidden":`true`,className:`lockerverse-auction-result__step-number`,children:String(t+1).padStart(2,`0`)}),u(`span`,{children:e})]},e))})]})]})]})})}export{h as t};
 //# sourceMappingURL=auction-result2.js.map

package/dist/auction-result2.js.map

@@ -1 +1 @@
-{"version":3,"file":"auction-result2.js","names":[],"sources":["../src/auction-result.tsx"],"sourcesContent":["import {\n  ArrowRight,\n  BadgeCheck,\n  FileText,\n  ShieldCheck,\n  TimerReset,\n} from \"lucide-react\";\nimport { useEffect, useId, useRef } from \"react\";\nimport { formatMoney } from \"./format-money.ts\";\nimport type { LockerverseStyle, LockerverseTheme } from \"./theme.ts\";\n\ntype AuctionPurchaseDetails = {\n  purchaseId: string;\n  unitAmountCents: number;\n  quantity: number;\n  subtotalCents: number;\n  serviceFeeCents: number;\n  totalCents: number;\n};\n\nexport type LockerverseAuctionOutcome =\n  | { kind: \"bid\"; amountCents?: number }\n  | (AuctionPurchaseDetails & {\n      kind: \"purchase\";\n      /** Use only after the server confirms payment. Receipt amounts alone are not proof. */\n      status: \"paid\";\n    })\n  | (AuctionPurchaseDetails & { kind: \"receipt\" });\n\nexport type LockerverseAuctionResultAction = {\n  label: string;\n  href?: string;\n  onClick?: () => void;\n};\n\nexport type LockerverseAuctionResultProps = {\n  outcome: LockerverseAuctionOutcome;\n  itemName: string;\n  imageUrl?: string | undefined;\n  auctionName?: string | undefined;\n  communityName?: string | undefined;\n  closesAtLabel?: string | undefined;\n  primaryAction?: LockerverseAuctionResultAction | undefined;\n  secondaryAction?: LockerverseAuctionResultAction | undefined;\n  className?: string | undefined;\n  theme?: LockerverseTheme | undefined;\n  style?: LockerverseStyle | undefined;\n  /** Focus the result after an inline checkout completes. Defaults to false. */\n  focusHeading?: boolean | undefined;\n};\n\nfunction ResultAction({\n  action,\n  secondary = false,\n}: {\n  action: LockerverseAuctionResultAction;\n  secondary?: boolean;\n}) {\n  const className = `lockerverse-auction-result__action${secondary ? \" lockerverse-auction-result__action--secondary\" : \"\"}`;\n  const content = (\n    <>\n      {action.label}\n      {secondary ? null : <ArrowRight aria-hidden=\"true\" size={18} />}\n    </>\n  );\n  return action.href ? (\n    <a className={className} href={action.href} onClick={action.onClick}>\n      {content}\n    </a>\n  ) : (\n    <button className={className} onClick={action.onClick} type=\"button\">\n      {content}\n    </button>\n  );\n}\n\nconst outcomeCopy = {\n  bid: {\n    assurance:\n      \"A bid is not a purchase. Payment is collected only if you win at settlement.\",\n    assuranceTitle: \"Bid authorization saved\",\n    badge: \"Bid submitted\",\n    description:\n      \"Your bid and payment method are recorded. You have not been charged for this bid.\",\n    next: \"Other bidders can still place bids until the item closes.\",\n    nextTitle: \"Follow the auction\",\n    receiptLabel: \"Bid summary\",\n    steps: [\n      \"Your bid is recorded. This does not confirm that you have won.\",\n      \"Your saved payment method can be charged if you win at settlement.\",\n      \"Watch your email for bid updates and return to the item to check its status.\",\n    ],\n    title: \"Bid received\",\n  },\n  purchase: {\n    assurance: \"This receipt shows the amount paid for your purchase.\",\n    assuranceTitle: \"Payment processed\",\n    badge: \"Purchase confirmed\",\n    description: \"Your payment is confirmed and your purchase is recorded.\",\n    next: \"The community handles delivery or collection for this item.\",\n    nextTitle: \"Next steps\",\n    receiptLabel: \"Purchase receipt\",\n    steps: [\n      \"Your payment is complete and your purchase is recorded.\",\n      \"The community can review your buyer and delivery details.\",\n      \"Keep your receipt number. Contact the community if you need help with your order.\",\n    ],\n    title: \"Purchase complete\",\n  },\n  receipt: {\n    assurance:\n      \"The amounts below are the recorded purchase amounts, not proof of payment.\",\n    assuranceTitle: \"Recorded purchase\",\n    badge: \"Purchase details\",\n    description: \"Payment status is not confirmed on this page.\",\n    next: \"Contact the community if you need to confirm your payment or order status.\",\n    nextTitle: \"Next steps\",\n    receiptLabel: \"Purchase receipt\",\n    steps: [\n      \"These are the recorded purchase details. They do not confirm payment.\",\n      \"Check your purchase confirmation for the payment result.\",\n      \"Contact the community with your receipt number if you need help.\",\n    ],\n    title: \"Purchase details\",\n  },\n};\n\nfunction getResultDetails({\n  outcome,\n  auctionName,\n  communityName,\n  closesAtLabel,\n}: LockerverseAuctionResultProps) {\n  const details: [string, string][] = [];\n  if (outcome.kind === \"bid\") {\n    if (outcome.amountCents !== undefined) {\n      details.push([\"Bid amount\", formatMoney(outcome.amountCents)]);\n    }\n  } else {\n    details.push(\n      [\"Unit price\", formatMoney(outcome.unitAmountCents)],\n      [\"Quantity\", String(outcome.quantity)],\n      [\"Subtotal\", formatMoney(outcome.subtotalCents)]\n    );\n    if (outcome.serviceFeeCents > 0) {\n      details.push([\"Service fee\", formatMoney(outcome.serviceFeeCents)]);\n    }\n    details.push(\n      [\n        outcome.kind === \"purchase\" ? \"Total paid\" : \"Total\",\n        formatMoney(outcome.totalCents),\n      ],\n      [\"Receipt\", outcome.purchaseId]\n    );\n  }\n  if (auctionName) {\n    details.push([\"Auction\", auctionName]);\n  }\n  if (communityName) {\n    details.push([\"Community\", communityName]);\n  }\n  if (closesAtLabel) {\n    details.push([\"Closes\", closesAtLabel]);\n  }\n  return details;\n}\n\n/** Shared result view. Hosts must provide a verified outcome or a neutral receipt. */\nexport function LockerverseAuctionResult(props: LockerverseAuctionResultProps) {\n  const {\n    outcome,\n    itemName,\n    imageUrl,\n    communityName,\n    primaryAction,\n    secondaryAction,\n    className,\n    theme = \"dark\",\n    style,\n  } = props;\n  const titleId = useId();\n  const headingRef = useRef<HTMLHeadingElement>(null);\n  useEffect(() => {\n    if (props.focusHeading) {\n      headingRef.current?.focus();\n    }\n  }, [props.focusHeading]);\n  const copy = outcomeCopy[outcome.kind];\n  const StatusIcon = outcome.kind === \"receipt\" ? FileText : BadgeCheck;\n  const AssuranceIcon = outcome.kind === \"receipt\" ? FileText : ShieldCheck;\n  const details = getResultDetails(props);\n  return (\n    <section\n      aria-labelledby={titleId}\n      className={[\"lockerverse-auctions lockerverse-auction-result\", className]\n        .filter(Boolean)\n        .join(\" \")}\n      data-lockerverse-theme={theme}\n      style={style}\n    >\n      <div className=\"lockerverse-auction-result__layout\">\n        <div className=\"lockerverse-auction-result__summary\">\n          <span className=\"lockerverse-auction-result__badge\">\n            <StatusIcon aria-hidden=\"true\" size={18} />\n            {copy.badge}\n          </span>\n          {communityName ? (\n            <p className=\"lockerverse-auction-result__community\">\n              {communityName}\n            </p>\n          ) : null}\n          <h2\n            className=\"lockerverse-auction-result__title\"\n            id={titleId}\n            ref={headingRef}\n            tabIndex={props.focusHeading ? -1 : undefined}\n          >\n            {copy.title} for {itemName}.\n          </h2>\n          <p className=\"lockerverse-auction-result__description\">\n            {copy.description}\n          </p>\n          <div className=\"lockerverse-auction-result__assurance\">\n            <AssuranceIcon aria-hidden=\"true\" size={22} />\n            <div>\n              <strong>{copy.assuranceTitle}</strong>\n              <p>{copy.assurance}</p>\n            </div>\n          </div>\n          <div className=\"lockerverse-auction-result__assurance\">\n            <TimerReset aria-hidden=\"true\" size={22} />\n            <div>\n              <strong>{copy.nextTitle}</strong>\n              <p>{copy.next}</p>\n            </div>\n          </div>\n          {primaryAction || secondaryAction ? (\n            <div className=\"lockerverse-auction-result__actions\">\n              {primaryAction ? <ResultAction action={primaryAction} /> : null}\n              {secondaryAction ? (\n                <ResultAction action={secondaryAction} secondary />\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n        <aside\n          aria-label={copy.receiptLabel}\n          className=\"lockerverse-auction-result__receipt\"\n        >\n          {imageUrl ? (\n            <img\n              alt={itemName}\n              className=\"lockerverse-auction-result__image\"\n              height={300}\n              src={imageUrl}\n              width={420}\n            />\n          ) : null}\n          <div className=\"lockerverse-auction-result__receipt-body\">\n            <p className=\"lockerverse-auction-result__eyebrow\">\n              {copy.receiptLabel}\n            </p>\n            <h3>{itemName}</h3>\n            <dl className=\"lockerverse-auction-result__details\">\n              {details.map(([label, value]) => (\n                <div key={label}>\n                  <dt>{label}</dt>\n                  <dd>{value}</dd>\n                </div>\n              ))}\n            </dl>\n            <h4>What happens next</h4>\n            <ol className=\"lockerverse-auction-result__steps\">\n              {copy.steps.map((step) => (\n                <li key={step}>{step}</li>\n              ))}\n            </ol>\n          </div>\n        </aside>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"auction-result2.js","names":[],"sources":["../src/auction-result.tsx"],"sourcesContent":["import {\n  ArrowRight,\n  BadgeCheck,\n  FileText,\n  ShieldCheck,\n  TimerReset,\n} from \"lucide-react\";\nimport { useEffect, useId, useRef } from \"react\";\nimport { formatMoney } from \"./format-money.ts\";\nimport type { LockerverseStyle, LockerverseTheme } from \"./theme.ts\";\n\ntype AuctionPurchaseDetails = {\n  purchaseId: string;\n  unitAmountCents: number;\n  quantity: number;\n  subtotalCents: number;\n  serviceFeeCents: number;\n  totalCents: number;\n};\n\nexport type LockerverseAuctionOutcome =\n  | { kind: \"bid\"; amountCents?: number }\n  | (AuctionPurchaseDetails & {\n      kind: \"purchase\";\n      /** Use only after the server confirms payment. Receipt amounts alone are not proof. */\n      status: \"paid\";\n    })\n  | (AuctionPurchaseDetails & { kind: \"receipt\" });\n\nexport type LockerverseAuctionResultAction = {\n  label: string;\n  href?: string;\n  onClick?: () => void;\n};\n\nexport type LockerverseAuctionResultProps = {\n  outcome: LockerverseAuctionOutcome;\n  itemName: string;\n  imageUrl?: string | undefined;\n  auctionName?: string | undefined;\n  communityName?: string | undefined;\n  closesAtLabel?: string | undefined;\n  primaryAction?: LockerverseAuctionResultAction | undefined;\n  secondaryAction?: LockerverseAuctionResultAction | undefined;\n  className?: string | undefined;\n  theme?: LockerverseTheme | undefined;\n  style?: LockerverseStyle | undefined;\n  /** Focus the result after an inline checkout completes. Defaults to false. */\n  focusHeading?: boolean | undefined;\n};\n\nfunction ResultAction({\n  action,\n  secondary = false,\n}: {\n  action: LockerverseAuctionResultAction;\n  secondary?: boolean;\n}) {\n  const className = `lockerverse-auction-result__action${secondary ? \" lockerverse-auction-result__action--secondary\" : \"\"}`;\n  const content = (\n    <>\n      {action.label}\n      {secondary ? null : <ArrowRight aria-hidden=\"true\" size={18} />}\n    </>\n  );\n  return action.href ? (\n    <a className={className} href={action.href} onClick={action.onClick}>\n      {content}\n    </a>\n  ) : (\n    <button className={className} onClick={action.onClick} type=\"button\">\n      {content}\n    </button>\n  );\n}\n\nconst outcomeCopy = {\n  bid: {\n    assurance:\n      \"A bid is not a purchase. Payment is collected only if you win at settlement.\",\n    assuranceTitle: \"Bid authorization saved\",\n    badge: \"Bid submitted\",\n    description:\n      \"Your bid and payment method are recorded. You have not been charged for this bid.\",\n    next: \"Other bidders can still place bids until the item closes.\",\n    nextTitle: \"Follow the auction\",\n    receiptLabel: \"Bid summary\",\n    steps: [\n      \"Your bid is recorded. This does not confirm that you have won.\",\n      \"Your saved payment method can be charged if you win at settlement.\",\n      \"Watch your email for bid updates and return to the item to check its status.\",\n    ],\n    title: \"Bid received\",\n  },\n  purchase: {\n    assurance: \"This receipt shows the amount paid for your purchase.\",\n    assuranceTitle: \"Payment processed\",\n    badge: \"Purchase confirmed\",\n    description: \"Your payment is confirmed and your purchase is recorded.\",\n    next: \"The community handles delivery or collection for this item.\",\n    nextTitle: \"Next steps\",\n    receiptLabel: \"Purchase receipt\",\n    steps: [\n      \"Your payment is complete and your purchase is recorded.\",\n      \"The community can review your buyer and delivery details.\",\n      \"Keep your receipt number. Contact the community if you need help with your order.\",\n    ],\n    title: \"Purchase complete\",\n  },\n  receipt: {\n    assurance:\n      \"The amounts below are the recorded purchase amounts, not proof of payment.\",\n    assuranceTitle: \"Recorded purchase\",\n    badge: \"Purchase details\",\n    description: \"Payment status is not confirmed on this page.\",\n    next: \"Contact the community if you need to confirm your payment or order status.\",\n    nextTitle: \"Next steps\",\n    receiptLabel: \"Purchase receipt\",\n    steps: [\n      \"These are the recorded purchase details. They do not confirm payment.\",\n      \"Check your purchase confirmation for the payment result.\",\n      \"Contact the community with your receipt number if you need help.\",\n    ],\n    title: \"Purchase details\",\n  },\n};\n\nfunction getResultDetails({\n  outcome,\n  auctionName,\n  communityName,\n  closesAtLabel,\n}: LockerverseAuctionResultProps) {\n  const details: [string, string][] = [];\n  if (outcome.kind === \"bid\") {\n    if (outcome.amountCents !== undefined) {\n      details.push([\"Bid amount\", formatMoney(outcome.amountCents)]);\n    }\n  } else {\n    details.push(\n      [\"Unit price\", formatMoney(outcome.unitAmountCents)],\n      [\"Quantity\", String(outcome.quantity)],\n      [\"Subtotal\", formatMoney(outcome.subtotalCents)]\n    );\n    if (outcome.serviceFeeCents > 0) {\n      details.push([\"Service fee\", formatMoney(outcome.serviceFeeCents)]);\n    }\n    details.push(\n      [\n        outcome.kind === \"purchase\" ? \"Total paid\" : \"Total\",\n        formatMoney(outcome.totalCents),\n      ],\n      [\"Receipt\", outcome.purchaseId]\n    );\n  }\n  if (auctionName) {\n    details.push([\"Auction\", auctionName]);\n  }\n  if (communityName) {\n    details.push([\"Community\", communityName]);\n  }\n  if (closesAtLabel) {\n    details.push([\"Closes\", closesAtLabel]);\n  }\n  return details;\n}\n\n/** Shared result view. Hosts must provide a verified outcome or a neutral receipt. */\nexport function LockerverseAuctionResult(props: LockerverseAuctionResultProps) {\n  const {\n    outcome,\n    itemName,\n    imageUrl,\n    communityName,\n    primaryAction,\n    secondaryAction,\n    className,\n    theme = \"dark\",\n    style,\n  } = props;\n  const titleId = useId();\n  const headingRef = useRef<HTMLHeadingElement>(null);\n  useEffect(() => {\n    if (props.focusHeading) {\n      headingRef.current?.focus();\n    }\n  }, [props.focusHeading]);\n  const copy = outcomeCopy[outcome.kind];\n  const StatusIcon = outcome.kind === \"receipt\" ? FileText : BadgeCheck;\n  const AssuranceIcon = outcome.kind === \"receipt\" ? FileText : ShieldCheck;\n  const details = getResultDetails(props);\n  return (\n    <section\n      aria-labelledby={titleId}\n      className={[\"lockerverse-auctions lockerverse-auction-result\", className]\n        .filter(Boolean)\n        .join(\" \")}\n      data-lockerverse-theme={theme}\n      style={style}\n    >\n      <div className=\"lockerverse-auction-result__layout\">\n        <div className=\"lockerverse-auction-result__summary\">\n          <span className=\"lockerverse-auction-result__badge\">\n            <StatusIcon aria-hidden=\"true\" size={18} />\n            {copy.badge}\n          </span>\n          {communityName ? (\n            <p className=\"lockerverse-auction-result__community\">\n              {communityName}\n            </p>\n          ) : null}\n          <h2\n            className=\"lockerverse-auction-result__title\"\n            id={titleId}\n            ref={headingRef}\n            tabIndex={props.focusHeading ? -1 : undefined}\n          >\n            {copy.title} for {itemName}.\n          </h2>\n          <p className=\"lockerverse-auction-result__description\">\n            {copy.description}\n          </p>\n          <div className=\"lockerverse-auction-result__assurance\">\n            <AssuranceIcon aria-hidden=\"true\" size={22} />\n            <div>\n              <strong>{copy.assuranceTitle}</strong>\n              <p>{copy.assurance}</p>\n            </div>\n          </div>\n          <div className=\"lockerverse-auction-result__assurance\">\n            <TimerReset aria-hidden=\"true\" size={22} />\n            <div>\n              <strong>{copy.nextTitle}</strong>\n              <p>{copy.next}</p>\n            </div>\n          </div>\n          {primaryAction || secondaryAction ? (\n            <div className=\"lockerverse-auction-result__actions\">\n              {primaryAction ? <ResultAction action={primaryAction} /> : null}\n              {secondaryAction ? (\n                <ResultAction action={secondaryAction} secondary />\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n        <aside\n          aria-label={copy.receiptLabel}\n          className=\"lockerverse-auction-result__receipt\"\n        >\n          {imageUrl ? (\n            <img\n              alt={itemName}\n              className=\"lockerverse-auction-result__image\"\n              height={300}\n              src={imageUrl}\n              width={420}\n            />\n          ) : null}\n          <div className=\"lockerverse-auction-result__receipt-body\">\n            <p className=\"lockerverse-auction-result__eyebrow\">\n              {copy.receiptLabel}\n            </p>\n            <h3 className=\"lockerverse-auction-result__receipt-title\">\n              {itemName}\n            </h3>\n            <dl className=\"lockerverse-auction-result__details\">\n              {details.map(([label, value]) => (\n                <div key={label}>\n                  <dt>{label}</dt>\n                  <dd>{value}</dd>\n                </div>\n              ))}\n            </dl>\n            <h4>What happens next</h4>\n            {/* biome-ignore lint/a11y/noRedundantRoles: Keep list semantics in Safari when visual markers replace list-style. */}\n            <ol className=\"lockerverse-auction-result__steps\" role=\"list\">\n              {copy.steps.map((step, index) => (\n                <li key={step}>\n                  <span\n                    aria-hidden=\"true\"\n                    className=\"lockerverse-auction-result__step-number\"\n                  >\n                    {String(index + 1).padStart(2, \"0\")}\n                  </span>\n                  <span>{step}</span>\n                </li>\n              ))}\n            </ol>\n          </div>\n        </aside>\n      </div>\n    </section>\n  );\n}\n"],"mappings":"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"}

package/dist/auctions.d.ts

@@ -1,4 +1,4 @@
-import { n as useLockerverseAuctions, t as UseLockerverseAuctionsResult } from "./use-lockerverse-auctions.js";
+import { n as useLockerverseAuctions, r as AuctionRefreshOptions, t as UseLockerverseAuctionsResult } from "./use-lockerverse-auctions.js";
 import { n as LockerverseTheme, t as LockerverseStyle } from "./theme.js";
 import { a as LockerverseAuctionItemRenderContext, i as LockerverseAuctionItemFilter, n as LockerverseAuctionItemCardProps, o as LockerverseAuctionProps, r as LockerverseAuction, t as LockerverseAuctionItemCard } from "./lockerverse-auction-item-card.js";
 import { LockerverseAuction as LockerverseAuction$1 } from "@lockerverse/sdk/auctions";
@@ -11,5 +11,5 @@ type LockerverseAuctionsProps = Omit<LockerverseAuctionProps, "auction" | "onBac
 /** Optional auction browser. Select an auction to show its items. */
 declare function LockerverseAuctions({ auctions, theme, style, className, showFilters, showHeader, showLineup, getAuctionHref, onSelectAuction, ...contentProps }: LockerverseAuctionsProps): import("react").JSX.Element;
 //#endregion
-export { LockerverseAuction, LockerverseAuctionItemCard, type LockerverseAuctionItemCardProps, type LockerverseAuctionItemFilter, type LockerverseAuctionItemRenderContext, type LockerverseAuctionProps, LockerverseAuctions, type LockerverseAuctionsProps, type LockerverseStyle, type LockerverseTheme, type UseLockerverseAuctionsResult, useLockerverseAuctions };
+export { type AuctionRefreshOptions, LockerverseAuction, LockerverseAuctionItemCard, type LockerverseAuctionItemCardProps, type LockerverseAuctionItemFilter, type LockerverseAuctionItemRenderContext, type LockerverseAuctionProps, LockerverseAuctions, type LockerverseAuctionsProps, type LockerverseStyle, type LockerverseTheme, type UseLockerverseAuctionsResult, useLockerverseAuctions };
 //# sourceMappingURL=auctions.d.ts.map

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:`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=!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};
 //# 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 ? <p role=\"status\">Loading auctions…</p> : 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 = 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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"}

package/dist/theme.d.ts

@@ -17,6 +17,7 @@ type LockerverseStyle = CSSProperties & {
   "--lockerverse-auction-card-title-size"?: string;
   "--lockerverse-auction-item-title-size"?: string;
   "--lockerverse-auction-result-title-size"?: string;
+  "--lockerverse-auction-result-receipt-title-size"?: string;
   "--lockerverse-auction-date-size"?: string;
   "--lockerverse-auction-date-transform"?: string;
   "--lockerverse-auction-date-letter-spacing"?: string;

package/dist/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","names":[],"sources":["../src/theme.ts"],"mappings":";;KAEY;KAEA,mBAAmB;EAC7B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA"}
+{"version":3,"file":"theme.d.ts","names":[],"sources":["../src/theme.ts"],"mappings":";;KAEY;KAEA,mBAAmB;EAC7B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA"}

package/dist/use-lockerverse-auctions.d.ts

@@ -1,4 +1,10 @@
 import { CreateLockerverseAuctionOptions, LockerverseAuction, LockerverseAuctionClient, LockerverseSdkError } from "@lockerverse/sdk/auctions";
+//#region src/use-auction-return-refresh.d.ts
+type AuctionRefreshOptions = {
+  /** Refresh after a hidden-to-visible transition. Defaults to true. */
+  refreshOnReturn?: boolean;
+};
+//#endregion
 //#region src/use-lockerverse-auctions.d.ts
 type UseLockerverseAuctionsResult = {
   client: LockerverseAuctionClient;
@@ -7,7 +13,7 @@ type UseLockerverseAuctionsResult = {
   error: LockerverseSdkError | null;
   refresh: () => void;
 };
-declare function useLockerverseAuctions(options: CreateLockerverseAuctionOptions): UseLockerverseAuctionsResult;
+declare function useLockerverseAuctions(options: CreateLockerverseAuctionOptions, refreshOptions?: AuctionRefreshOptions): UseLockerverseAuctionsResult;
 //#endregion
-export { useLockerverseAuctions as n, UseLockerverseAuctionsResult as t };
+export { useLockerverseAuctions as n, AuctionRefreshOptions as r, UseLockerverseAuctionsResult as t };
 //# sourceMappingURL=use-lockerverse-auctions.d.ts.map

package/dist/use-lockerverse-auctions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-lockerverse-auctions.d.ts","names":[],"sources":["../src/use-lockerverse-auctions.ts"],"mappings":";;KAUY;EACV,QAAQ;EACR,UAAU;EACV;EACA,OAAO;EACP;;iBAQc,uBACd,SAAS,kCACR"}
+{"version":3,"file":"use-lockerverse-auctions.d.ts","names":[],"sources":["../src/use-auction-return-refresh.ts","../src/use-lockerverse-auctions.ts"],"mappings":";;KAEY;;EAEV;;;;KCUU;EACV,QAAQ;EACR,UAAU;EACV;EACA,OAAO;EACP;;iBAQc,uBACd,SAAS,iCACT,iBAAgB,wBACf"}

package/dist/use-lockerverse-auctions.js

@@ -1,2 +1,2 @@
-import{t as e}from"./immutable-resource-identity.js";import{useCallback as t,useEffect as n,useRef as r,useState as i}from"react";import{createLockerverseAuctionClient as a}from"@lockerverse/sdk/auctions";function o(o){e(`auctions`,{apiBaseUrl:o.apiBaseUrl,communitySlug:o.communitySlug,environment:o.environment,mediaBaseUrl:o.mediaBaseUrl,slug:``});let s=r(o.onError);s.current=o.onError;let[c]=i(()=>a({...o,onError:e=>s.current?.(e)})),[l,u]=i(0),[d,f]=i({auctions:null,error:null});n(()=>{let e=!0;return c.list().then(t=>{e&&f({auctions:t,error:null})},t=>{e&&f({auctions:null,error:t})}),()=>{e=!1}},[c,l]);let p=t(()=>{f({auctions:null,error:null}),u(e=>e+1)},[]);return{...d,client:c,loading:d.auctions===null&&d.error===null,refresh:p}}export{o as t};
+import{t as e}from"./immutable-resource-identity.js";import{useCallback as t,useEffect as n,useRef as r,useState as i}from"react";import{createLockerverseAuctionClient as a}from"@lockerverse/sdk/auctions";function o(e,{refreshOnReturn:i=!0}){let a=r(e);a.current=e;let o=r({active:!1,pending:new Set,queued:!1,reserved:!1}),s=t(()=>{let{current:e}=o;!(e.active&&e.queued)||e.reserved||e.pending.size>0||document.visibilityState!==`visible`||(e.reserved=!0,a.current())},[]);return n(()=>{let{current:e}=o;if(e.active=i,!i)return;let t=document.visibilityState===`hidden`,n=()=>{let n=t;t=document.visibilityState===`hidden`,n&&!t&&(e.queued=!0,s())};return document.addEventListener(`visibilitychange`,n),()=>{e.active=!1,e.queued=!1,e.reserved=!1,document.removeEventListener(`visibilitychange`,n)}},[i,s]),t(()=>{let{current:e}=o,t=Symbol(`auction read`);return e.pending.add(t),e.queued=!1,e.reserved=!1,()=>{e.pending.delete(t),s()}},[s])}function s(s,c={}){e(`auctions`,{apiBaseUrl:s.apiBaseUrl,communitySlug:s.communitySlug,environment:s.environment,mediaBaseUrl:s.mediaBaseUrl,slug:``});let l=r(s.onError);l.current=s.onError;let[u]=i(()=>a({...s,onError:e=>l.current?.(e)})),d=r(0),[f,p]=i(0),[m,h]=i({auctions:null,error:null,loading:!0}),g=t(()=>{d.current+=1,h(e=>({...e,error:null,loading:!0})),p(e=>e+1)},[]),_=o(g,c);return n(()=>{let e=!0,t=d.current,n=_();return u.list().then(n=>{e&&t===d.current&&h({auctions:n,error:null,loading:!1})},n=>{e&&t===d.current&&h(e=>({...e,error:n,loading:!1}))}).finally(n),()=>{e=!1}},[u,f,_]),{...m,client:u,refresh:g}}export{o as n,s as t};
 //# sourceMappingURL=use-lockerverse-auctions.js.map

package/dist/use-lockerverse-auctions.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-lockerverse-auctions.js","names":[],"sources":["../src/use-lockerverse-auctions.ts"],"sourcesContent":["import {\n  type CreateLockerverseAuctionOptions,\n  createLockerverseAuctionClient,\n  type LockerverseAuction,\n  type LockerverseAuctionClient,\n  type LockerverseSdkError,\n} from \"@lockerverse/sdk/auctions\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useImmutableResourceIdentity } from \"./immutable-resource-identity.ts\";\n\nexport type UseLockerverseAuctionsResult = {\n  client: LockerverseAuctionClient;\n  auctions: LockerverseAuction[] | null;\n  loading: boolean;\n  error: LockerverseSdkError | null;\n  refresh: () => void;\n};\n\ntype AuctionLoadState = Pick<\n  UseLockerverseAuctionsResult,\n  \"auctions\" | \"error\"\n>;\n\nexport function useLockerverseAuctions(\n  options: CreateLockerverseAuctionOptions\n): UseLockerverseAuctionsResult {\n  useImmutableResourceIdentity(\"auctions\", {\n    apiBaseUrl: options.apiBaseUrl,\n    communitySlug: options.communitySlug,\n    environment: options.environment,\n    mediaBaseUrl: options.mediaBaseUrl,\n    slug: \"\",\n  });\n  const onErrorRef = useRef(options.onError);\n  onErrorRef.current = options.onError;\n  const [client] = useState(() =>\n    createLockerverseAuctionClient({\n      ...options,\n      onError: (error) => onErrorRef.current?.(error),\n    })\n  );\n  const [revision, setRevision] = useState(0);\n  const [state, setState] = useState<AuctionLoadState>({\n    auctions: null,\n    error: null,\n  });\n  useEffect(() => {\n    let active = true;\n    client.list().then(\n      (auctions) => {\n        if (active) {\n          setState({ auctions, error: null });\n        }\n      },\n      (error: LockerverseSdkError) => {\n        if (active) {\n          setState({ auctions: null, error });\n        }\n      }\n    );\n    return () => {\n      active = false;\n    };\n  }, [client, revision]);\n  const refresh = useCallback(() => {\n    setState({ auctions: null, error: null });\n    setRevision((value) => value + 1);\n  }, []);\n  return {\n    ...state,\n    client,\n    loading: state.auctions === null && state.error === null,\n    refresh,\n  };\n}\n"],"mappings":"6MAuBA,SAAgB,EACd,EAC8B,CAC9B,EAA6B,WAAY,CACvC,WAAY,EAAQ,WACpB,cAAe,EAAQ,cACvB,YAAa,EAAQ,YACrB,aAAc,EAAQ,aACtB,KAAM,EACR,CAAC,EACD,IAAM,EAAa,EAAO,EAAQ,OAAO,EACzC,EAAW,QAAU,EAAQ,QAC7B,GAAM,CAAC,GAAU,MACf,EAA+B,CAC7B,GAAG,EACH,QAAU,GAAU,EAAW,UAAU,CAAK,CAChD,CAAC,CACH,EACM,CAAC,EAAU,GAAe,EAAS,CAAC,EACpC,CAAC,EAAO,GAAY,EAA2B,CACnD,SAAU,KACV,MAAO,IACT,CAAC,EACD,MAAgB,CACd,IAAI,EAAS,GAab,OAZA,EAAO,KAAK,CAAC,CAAC,KACX,GAAa,CACR,GACF,EAAS,CAAE,WAAU,MAAO,IAAK,CAAC,CAEtC,EACC,GAA+B,CAC1B,GACF,EAAS,CAAE,SAAU,KAAM,OAAM,CAAC,CAEtC,CACF,MACa,CACX,EAAS,EACX,CACF,EAAG,CAAC,EAAQ,CAAQ,CAAC,EACrB,IAAM,EAAU,MAAkB,CAChC,EAAS,CAAE,SAAU,KAAM,MAAO,IAAK,CAAC,EACxC,EAAa,GAAU,EAAQ,CAAC,CAClC,EAAG,CAAC,CAAC,EACL,MAAO,CACL,GAAG,EACH,SACA,QAAS,EAAM,WAAa,MAAQ,EAAM,QAAU,KACpD,SACF,CACF"}
+{"version":3,"file":"use-lockerverse-auctions.js","names":[],"sources":["../src/use-auction-return-refresh.ts","../src/use-lockerverse-auctions.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\n\nexport type AuctionRefreshOptions = {\n  /** Refresh after a hidden-to-visible transition. Defaults to true. */\n  refreshOnReturn?: boolean;\n};\n\n/** Browser lifecycle only; each hook keeps ownership of its data and stale-response guard. */\nexport function useAuctionReturnRefresh(\n  refresh: () => void,\n  { refreshOnReturn = true }: AuctionRefreshOptions\n) {\n  const refreshRef = useRef(refresh);\n  refreshRef.current = refresh;\n  const lifecycle = useRef<{\n    active: boolean;\n    queued: boolean;\n    reserved: boolean;\n    pending: Set<symbol>;\n  }>({\n    active: false,\n    pending: new Set<symbol>(),\n    queued: false,\n    reserved: false,\n  });\n  const schedule = useCallback(() => {\n    const { current } = lifecycle;\n    if (\n      // biome-ignore lint/suspicious/noUnnecessaryConditions: Effects and visibility callbacks mutate this ref after the callback is created.\n      !(current.active && current.queued) ||\n      current.reserved ||\n      current.pending.size > 0 ||\n      document.visibilityState !== \"visible\"\n    ) {\n      return;\n    }\n    // Reserve before React starts the next effect, so repeated events coalesce.\n    current.reserved = true;\n    refreshRef.current();\n  }, []);\n\n  useEffect(() => {\n    const { current } = lifecycle;\n    current.active = refreshOnReturn;\n    if (!refreshOnReturn) {\n      return;\n    }\n    let hidden = document.visibilityState === \"hidden\";\n    const onVisibilityChange = () => {\n      const wasHidden = hidden;\n      hidden = document.visibilityState === \"hidden\";\n      if (wasHidden && !hidden) {\n        current.queued = true;\n        schedule();\n      }\n    };\n    document.addEventListener(\"visibilitychange\", onVisibilityChange);\n    return () => {\n      current.active = false;\n      current.queued = false;\n      current.reserved = false;\n      document.removeEventListener(\"visibilitychange\", onVisibilityChange);\n    };\n  }, [refreshOnReturn, schedule]);\n\n  const startRead = useCallback(() => {\n    const { current } = lifecycle;\n    const request = Symbol(\"auction read\");\n    current.pending.add(request);\n    // A request started after a return satisfies that return, including a manual read.\n    current.queued = false;\n    current.reserved = false;\n    return () => {\n      current.pending.delete(request);\n      schedule();\n    };\n  }, [schedule]);\n  return startRead;\n}\n","import {\n  type CreateLockerverseAuctionOptions,\n  createLockerverseAuctionClient,\n  type LockerverseAuction,\n  type LockerverseAuctionClient,\n  type LockerverseSdkError,\n} from \"@lockerverse/sdk/auctions\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useImmutableResourceIdentity } from \"./immutable-resource-identity.ts\";\nimport {\n  type AuctionRefreshOptions,\n  useAuctionReturnRefresh,\n} from \"./use-auction-return-refresh.ts\";\n\nexport type UseLockerverseAuctionsResult = {\n  client: LockerverseAuctionClient;\n  auctions: LockerverseAuction[] | null;\n  loading: boolean;\n  error: LockerverseSdkError | null;\n  refresh: () => void;\n};\n\ntype AuctionLoadState = Pick<\n  UseLockerverseAuctionsResult,\n  \"auctions\" | \"error\" | \"loading\"\n>;\n\nexport function useLockerverseAuctions(\n  options: CreateLockerverseAuctionOptions,\n  refreshOptions: AuctionRefreshOptions = {}\n): UseLockerverseAuctionsResult {\n  useImmutableResourceIdentity(\"auctions\", {\n    apiBaseUrl: options.apiBaseUrl,\n    communitySlug: options.communitySlug,\n    environment: options.environment,\n    mediaBaseUrl: options.mediaBaseUrl,\n    slug: \"\",\n  });\n  const onErrorRef = useRef(options.onError);\n  onErrorRef.current = options.onError;\n  const [client] = useState(() =>\n    createLockerverseAuctionClient({\n      ...options,\n      onError: (error) => onErrorRef.current?.(error),\n    })\n  );\n  const generation = useRef(0);\n  const [revision, setRevision] = useState(0);\n  const [state, setState] = useState<AuctionLoadState>({\n    auctions: null,\n    error: null,\n    loading: true,\n  });\n  const refresh = useCallback(() => {\n    generation.current += 1;\n    setState((current) => ({ ...current, error: null, loading: true }));\n    setRevision((value) => value + 1);\n  }, []);\n  const startRead = useAuctionReturnRefresh(refresh, refreshOptions);\n\n  useEffect(() => {\n    let active = true;\n    const requestGeneration = generation.current;\n    const settleRead = startRead();\n    client\n      .list()\n      .then(\n        (auctions) => {\n          if (active && requestGeneration === generation.current) {\n            setState({ auctions, error: null, loading: false });\n          }\n        },\n        (error: LockerverseSdkError) => {\n          if (active && requestGeneration === generation.current) {\n            setState((current) => ({ ...current, error, loading: false }));\n          }\n        }\n      )\n      .finally(settleRead);\n    return () => {\n      active = false;\n    };\n  }, [client, revision, startRead]);\n\n  return {\n    ...state,\n    client,\n    refresh,\n  };\n}\n"],"mappings":"6MAQA,SAAgB,EACd,EACA,CAAE,kBAAkB,IACpB,CACA,IAAM,EAAa,EAAO,CAAO,EACjC,EAAW,QAAU,EACrB,IAAM,EAAY,EAKf,CACD,OAAQ,GACR,QAAS,IAAI,IACb,OAAQ,GACR,SAAU,EACZ,CAAC,EACK,EAAW,MAAkB,CACjC,GAAM,CAAE,WAAY,EAGlB,EAAE,EAAQ,QAAU,EAAQ,SAC5B,EAAQ,UACR,EAAQ,QAAQ,KAAO,GACvB,SAAS,kBAAoB,YAK/B,EAAQ,SAAW,GACnB,EAAW,QAAQ,EACrB,EAAG,CAAC,CAAC,EAsCL,OApCA,MAAgB,CACd,GAAM,CAAE,WAAY,EAEpB,GADA,EAAQ,OAAS,EACb,CAAC,EACH,OAEF,IAAI,EAAS,SAAS,kBAAoB,SACpC,MAA2B,CAC/B,IAAM,EAAY,EAClB,EAAS,SAAS,kBAAoB,SAClC,GAAa,CAAC,IAChB,EAAQ,OAAS,GACjB,EAAS,EAEb,EAEA,OADA,SAAS,iBAAiB,mBAAoB,CAAkB,MACnD,CACX,EAAQ,OAAS,GACjB,EAAQ,OAAS,GACjB,EAAQ,SAAW,GACnB,SAAS,oBAAoB,mBAAoB,CAAkB,CACrE,CACF,EAAG,CAAC,EAAiB,CAAQ,CAAC,EAEZ,MAAkB,CAClC,GAAM,CAAE,WAAY,EACd,EAAU,OAAO,cAAc,EAKrC,OAJA,EAAQ,QAAQ,IAAI,CAAO,EAE3B,EAAQ,OAAS,GACjB,EAAQ,SAAW,OACN,CACX,EAAQ,QAAQ,OAAO,CAAO,EAC9B,EAAS,CACX,CACF,EAAG,CAAC,CAAQ,CACG,CACjB,CCnDA,SAAgB,EACd,EACA,EAAwC,CAAC,EACX,CAC9B,EAA6B,WAAY,CACvC,WAAY,EAAQ,WACpB,cAAe,EAAQ,cACvB,YAAa,EAAQ,YACrB,aAAc,EAAQ,aACtB,KAAM,EACR,CAAC,EACD,IAAM,EAAa,EAAO,EAAQ,OAAO,EACzC,EAAW,QAAU,EAAQ,QAC7B,GAAM,CAAC,GAAU,MACf,EAA+B,CAC7B,GAAG,EACH,QAAU,GAAU,EAAW,UAAU,CAAK,CAChD,CAAC,CACH,EACM,EAAa,EAAO,CAAC,EACrB,CAAC,EAAU,GAAe,EAAS,CAAC,EACpC,CAAC,EAAO,GAAY,EAA2B,CACnD,SAAU,KACV,MAAO,KACP,QAAS,EACX,CAAC,EACK,EAAU,MAAkB,CAChC,EAAW,SAAW,EACtB,EAAU,IAAa,CAAE,GAAG,EAAS,MAAO,KAAM,QAAS,EAAK,EAAE,EAClE,EAAa,GAAU,EAAQ,CAAC,CAClC,EAAG,CAAC,CAAC,EACC,EAAY,EAAwB,EAAS,CAAc,EA0BjE,OAxBA,MAAgB,CACd,IAAI,EAAS,GACP,EAAoB,EAAW,QAC/B,EAAa,EAAU,EAgB7B,OAfA,EACG,KAAK,CAAC,CACN,KACE,GAAa,CACR,GAAU,IAAsB,EAAW,SAC7C,EAAS,CAAE,WAAU,MAAO,KAAM,QAAS,EAAM,CAAC,CAEtD,EACC,GAA+B,CAC1B,GAAU,IAAsB,EAAW,SAC7C,EAAU,IAAa,CAAE,GAAG,EAAS,QAAO,QAAS,EAAM,EAAE,CAEjE,CACF,CAAC,CACA,QAAQ,CAAU,MACR,CACX,EAAS,EACX,CACF,EAAG,CAAC,EAAQ,EAAU,CAAS,CAAC,EAEzB,CACL,GAAG,EACH,SACA,SACF,CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lockerverse/react",
-  "version": "0.2.126-dev.1",
+  "version": "0.2.129-dev.1",
   "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.126-dev.1"
+    "@lockerverse/sdk": "0.2.129-dev.1"
   },
   "devDependencies": {
     "@size-limit/file": "13.0.3",