@lockerverse/react 0.2.100 → 0.2.102

package/dist/auction-checkout.css

@@ -0,0 +1,266 @@
+.lockerverse-auctions .lockerverse-auctions__checkout {
+  display: block;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+  background: var(--lockerverse-control, #111216);
+  border: 1px solid var(--lockerverse-border);
+  border-radius: 32px;
+  box-shadow: 0 30px 90px rgb(0 0 0 / 45%);
+}
+.lockerverse-auctions__checkout-header,
+.lockerverse-auctions__checkout-body {
+  padding: 28px;
+}
+.lockerverse-auctions__checkout-header {
+  border-bottom: 1px solid var(--lockerverse-border);
+}
+.lockerverse-auctions__checkout-navigation {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 24px;
+}
+.lockerverse-auctions__checkout-navigation > div {
+  text-align: right;
+}
+.lockerverse-auctions .lockerverse-auctions__checkout-eyebrow {
+  margin: 0;
+  font-size: 11px;
+  color: var(--lockerverse-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.32em;
+}
+.lockerverse-auctions__checkout-navigation p + p {
+  margin: 8px 0 0;
+  font-size: 14px;
+}
+.lockerverse-auctions__checkout-back {
+  display: inline-flex;
+  flex: 0 0 44px;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  padding: 0;
+  font: inherit;
+  font-size: 30px;
+  color: var(--lockerverse-text);
+  cursor: pointer;
+  background: rgb(255 255 255 / 4%);
+  border: 1px solid var(--lockerverse-border);
+  border-radius: 50%;
+}
+.lockerverse-auctions__checkout-back:disabled {
+  cursor: not-allowed;
+  opacity: 0.4;
+}
+.lockerverse-auctions .lockerverse-auctions__checkout-header h2 {
+  margin-top: 12px;
+  font-size: 30px;
+  font-weight: 600;
+  letter-spacing: -0.04em;
+}
+.lockerverse-auctions .lockerverse-auctions__checkout-summary {
+  margin-top: 12px;
+}
+.lockerverse-auctions__checkout strong {
+  font-weight: 600;
+  color: var(--lockerverse-text);
+}
+.lockerverse-auctions .lockerverse-auctions__checkout p {
+  font-size: 14px;
+  line-height: 2;
+}
+.lockerverse-auctions
+  .lockerverse-auctions__checkout
+  p.lockerverse-auctions__checkout-eyebrow {
+  font-size: 11px;
+}
+.lockerverse-auctions__checkout-physical {
+  padding: 20px;
+  margin-top: 20px;
+  background: linear-gradient(
+    135deg,
+    rgb(255 255 255 / 5%),
+    rgb(255 255 255 / 2%)
+  );
+  border: 1px solid var(--lockerverse-border);
+  border-radius: 24px;
+}
+.lockerverse-auctions .lockerverse-auctions__checkout fieldset {
+  display: block;
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+.lockerverse-auctions__checkout-contact {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 16px;
+}
+.lockerverse-auctions__checkout .lockerverse-auctions__field {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  font-size: 14px;
+}
+.lockerverse-auctions__checkout .lockerverse-auctions__field input {
+  width: 100%;
+  min-width: 0;
+  height: 48px;
+  padding: 0 16px;
+  font: inherit;
+  color: var(--lockerverse-text);
+  background: var(--lockerverse-bg);
+  border: 1px solid #3a3944;
+  border-radius: 18px;
+}
+.lockerverse-auctions__checkout-phone-help {
+  font-size: 12px;
+  color: var(--lockerverse-muted);
+}
+.lockerverse-auctions__checkout-section {
+  display: grid;
+  gap: 12px;
+  padding-top: 20px;
+  margin-top: 24px;
+  border-top: 1px solid var(--lockerverse-border);
+}
+.lockerverse-auctions .lockerverse-auctions__checkout-section h3 {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.5;
+}
+.lockerverse-auctions__checkout-section-heading {
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: 16px;
+  align-items: baseline;
+  justify-content: space-between;
+}
+.lockerverse-auctions .lockerverse-auctions__checkout-section p {
+  margin: 0;
+}
+.lockerverse-auctions__checkout-checkbox {
+  display: flex;
+  gap: 16px;
+  align-items: flex-start;
+  cursor: pointer;
+}
+.lockerverse-auctions__checkout
+  .lockerverse-auctions__checkout-checkbox
+  > input {
+  flex: 0 0 16px;
+  width: 16px;
+  height: 16px;
+  margin: 4px 0 0;
+  accent-color: var(--lockerverse-accent);
+}
+.lockerverse-auctions__checkout-checkbox > span {
+  display: grid;
+  gap: 6px;
+  font-size: 14px;
+}
+.lockerverse-auctions__checkout-checkbox > span > span {
+  line-height: 2;
+  color: var(--lockerverse-muted);
+}
+.lockerverse-auctions__checkout-delivery {
+  padding: 20px;
+  background: rgb(255 255 255 / 3%);
+  border: 1px solid var(--lockerverse-border);
+  border-radius: 24px;
+}
+.lockerverse-auctions__checkout-footer {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: 20px;
+  margin-top: 24px;
+  border-top: 1px solid var(--lockerverse-border);
+}
+.lockerverse-auctions .lockerverse-auctions__checkout-footer p {
+  max-width: 576px;
+  margin: 0;
+}
+.lockerverse-auctions .lockerverse-auctions__checkout-submit {
+  flex-shrink: 0;
+  min-height: 48px;
+  padding: 12px 24px;
+  font-size: 14px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.14em;
+  border-radius: 999px;
+  box-shadow: 0 18px 40px rgb(0 0 0 / 32%);
+}
+@media (max-width: 639px) {
+  .lockerverse-auctions__checkout-header,
+  .lockerverse-auctions__checkout-body {
+    padding: 24px;
+  }
+
+  .lockerverse-auctions__checkout-footer {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  .lockerverse-auctions__checkout-delivery,
+  .lockerverse-auctions__checkout-physical {
+    padding: 16px;
+  }
+}
+
+@media (max-width: 767px) {
+  .lockerverse-auctions__checkout-contact {
+    grid-template-columns: minmax(0, 1fr);
+  }
+}
+
+.lockerverse-auctions__phone {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+}
+.lockerverse-auctions__phone-country {
+  position: relative;
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  padding: 0 10px;
+  color: var(--lockerverse-muted);
+  background: var(--lockerverse-bg);
+  border: 1px solid #3a3944;
+  border-radius: 18px 0 0 18px;
+}
+.lockerverse-auctions__phone-country > span {
+  display: inline-flex;
+  gap: 5px;
+  align-items: center;
+  white-space: nowrap;
+}
+.lockerverse-auctions__phone-country select {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  cursor: pointer;
+  opacity: 0;
+}
+.lockerverse-auctions__phone-country:focus-within {
+  z-index: 1;
+  outline: 2px solid var(--lockerverse-accent);
+  outline-offset: 2px;
+}
+.lockerverse-auctions__phone-flag {
+  width: 20px;
+  overflow: hidden;
+  font-size: 17px;
+}
+.lockerverse-auctions__checkout .lockerverse-auctions__phone input {
+  margin-left: -1px;
+  border-radius: 0 18px 18px 0;
+}

package/dist/auction-data.d.ts

@@ -0,0 +1,16 @@
+import { n as useLockerverseAuctions, t as UseLockerverseAuctionsResult } from "./use-lockerverse-auctions.js";
+import { CreateLockerverseAuctionOptions, LockerverseAuction, LockerverseAuctionClient, LockerverseSdkError } from "@lockerverse/sdk/auctions";
+//#region src/use-lockerverse-auction.d.ts
+type UseLockerverseAuctionResult = {
+  client: LockerverseAuctionClient;
+  /** Last successful snapshot, retained during refresh and refresh errors. */
+  auction: LockerverseAuction | null;
+  loading: boolean;
+  error: LockerverseSdkError | null;
+  refresh: () => void;
+};
+/** Load one auction by slug without requesting the community auction list. */
+declare function useLockerverseAuction(options: CreateLockerverseAuctionOptions, auctionSlug: string): UseLockerverseAuctionResult;
+//#endregion
+export { type UseLockerverseAuctionResult, type UseLockerverseAuctionsResult, useLockerverseAuction, useLockerverseAuctions };
+//# sourceMappingURL=auction-data.d.ts.map

package/dist/auction-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auction-data.d.ts","names":[],"sources":["../src/use-lockerverse-auction.ts"],"mappings":";;;KAUY;EACV,QAAQ;;EAER,SAAS;EACT;EACA,OAAO;EACP;;;iBAIc,sBACd,SAAS,iCACT,sBACC"}

package/dist/auction-data.js

@@ -0,0 +1,2 @@
+import{t as e}from"./immutable-resource-identity.js";import{t}from"./use-lockerverse-auctions.js";import{useCallback as n,useEffect as r,useRef as i,useState as a}from"react";import{createLockerverseAuctionClient as o}from"@lockerverse/sdk/auctions";function s(t,s){e(`auction`,{apiBaseUrl:t.apiBaseUrl,communitySlug:t.communitySlug,environment:t.environment,slug:s});let c=i(t.onError);c.current=t.onError;let[l]=a(()=>o({...t,onError:e=>c.current?.(e)})),u=i(0),[d,f]=a(0),[p,m]=a({auction:null,error:null,loading:!0});r(()=>{let e=!0,t=u.current;return l.load(s).then(n=>{e&&t===u.current&&m({auction:n,error:null,loading:!1})},n=>{e&&t===u.current&&m(e=>({...e,error:n,loading:!1}))}),()=>{e=!1}},[l,s,d]);let h=n(()=>{u.current+=1,m(e=>({...e,error:null,loading:!0})),f(e=>e+1)},[]);return{...p,client:l,refresh:h}}export{s as useLockerverseAuction,t as useLockerverseAuctions};
+//# sourceMappingURL=auction-data.js.map

package/dist/auction-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auction-data.js","names":[],"sources":["../src/use-lockerverse-auction.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 UseLockerverseAuctionResult = {\n  client: LockerverseAuctionClient;\n  /** Last successful snapshot, retained during refresh and refresh errors. */\n  auction: LockerverseAuction | null;\n  loading: boolean;\n  error: LockerverseSdkError | null;\n  refresh: () => void;\n};\n\n/** Load one auction by slug without requesting the community auction list. */\nexport function useLockerverseAuction(\n  options: CreateLockerverseAuctionOptions,\n  auctionSlug: string\n): UseLockerverseAuctionResult {\n  useImmutableResourceIdentity(\"auction\", {\n    apiBaseUrl: options.apiBaseUrl,\n    communitySlug: options.communitySlug,\n    environment: options.environment,\n    slug: auctionSlug,\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<\n    Pick<UseLockerverseAuctionResult, \"auction\" | \"loading\" | \"error\">\n  >({ auction: null, error: null, loading: true });\n\n  useEffect(() => {\n    let active = true;\n    const requestGeneration = generation.current;\n    client.load(auctionSlug).then(\n      (auction) => {\n        if (active && requestGeneration === generation.current) {\n          setState({ auction, 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    return () => {\n      active = false;\n    };\n  }, [client, auctionSlug, revision]);\n\n  const refresh = useCallback(() => {\n    generation.current += 1;\n    setState((current) => ({ ...current, error: null, loading: true }));\n    setRevision((current) => current + 1);\n  }, []);\n\n  return { ...state, client, refresh };\n}\n"],"mappings":"0PAoBA,SAAgB,EACd,EACA,EAC6B,CAC7B,EAA6B,UAAW,CACtC,WAAY,EAAQ,WACpB,cAAe,EAAQ,cACvB,YAAa,EAAQ,YACrB,KAAM,CACR,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,EAExB,CAAE,QAAS,KAAM,MAAO,KAAM,QAAS,EAAK,CAAC,EAE/C,MAAgB,CACd,IAAI,EAAS,GACP,EAAoB,EAAW,QAarC,OAZA,EAAO,KAAK,CAAW,CAAC,CAAC,KACtB,GAAY,CACP,GAAU,IAAsB,EAAW,SAC7C,EAAS,CAAE,UAAS,MAAO,KAAM,QAAS,EAAM,CAAC,CAErD,EACC,GAA+B,CAC1B,GAAU,IAAsB,EAAW,SAC7C,EAAU,IAAa,CAAE,GAAG,EAAS,QAAO,QAAS,EAAM,EAAE,CAEjE,CACF,MACa,CACX,EAAS,EACX,CACF,EAAG,CAAC,EAAQ,EAAa,CAAQ,CAAC,EAElC,IAAM,EAAU,MAAkB,CAChC,EAAW,SAAW,EACtB,EAAU,IAAa,CAAE,GAAG,EAAS,MAAO,KAAM,QAAS,EAAK,EAAE,EAClE,EAAa,GAAY,EAAU,CAAC,CACtC,EAAG,CAAC,CAAC,EAEL,MAAO,CAAE,GAAG,EAAO,SAAQ,SAAQ,CACrC"}

package/dist/auction-gallery.css

@@ -0,0 +1,298 @@
+.lockerverse-auction-gallery {
+  min-width: 0;
+  background: var(--lockerverse-control, #101114);
+}
+.lockerverse-auction-gallery button,
+.lockerverse-auction-gallery__viewer button {
+  box-sizing: border-box;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+  border: 0;
+}
+.lockerverse-auction-gallery button:focus-visible,
+.lockerverse-auction-gallery__viewer button:focus-visible {
+  outline: 2px solid #fff;
+  outline-offset: 2px;
+}
+.lockerverse-auction-gallery__stage {
+  position: relative;
+}
+.lockerverse-auction-gallery__viewport {
+  aspect-ratio: 4 / 3;
+  overflow: hidden;
+  background: #000;
+}
+.lockerverse-auction-gallery__track {
+  display: flex;
+  height: 100%;
+  touch-action: pan-y pinch-zoom;
+}
+.lockerverse-auction-gallery__slide {
+  position: relative;
+  flex: 0 0 100%;
+  min-width: 0;
+  height: 100%;
+}
+.lockerverse-auction-gallery .lockerverse-auction-gallery__photo {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  cursor: zoom-in;
+  background: transparent;
+  border-radius: 0;
+}
+.lockerverse-auction-gallery .lockerverse-auction-gallery__photo:focus-visible {
+  outline-offset: -2px;
+}
+.lockerverse-auction-gallery__image {
+  position: absolute;
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.lockerverse-auction-gallery__rotation {
+  position: absolute;
+  inset: auto 12px 8px;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  height: 32px;
+  pointer-events: none;
+}
+.lockerverse-auction-gallery__progress-track {
+  flex: 1;
+  height: 2px;
+  overflow: hidden;
+  background: #ffffff40;
+  border-radius: 999px;
+}
+.lockerverse-auction-gallery__progress {
+  width: 100%;
+  height: 100%;
+  background: #ffffffe6;
+  border-radius: 999px;
+  transform-origin: left;
+}
+.lockerverse-auction-gallery__control {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #ffffffd9;
+  pointer-events: none;
+  border-radius: 999px;
+  opacity: 0;
+}
+.lockerverse-auction-gallery__control.is-visible {
+  pointer-events: auto;
+  opacity: 0.7;
+}
+.lockerverse-auction-gallery__control:focus-visible,
+.lockerverse-auction-gallery__control:hover {
+  color: #fff;
+  pointer-events: auto;
+  opacity: 1;
+}
+.lockerverse-auction-gallery__play {
+  position: relative;
+  flex-shrink: 0;
+  width: 28px;
+  height: 28px;
+  background: #0006;
+}
+.lockerverse-auction-gallery__play::before {
+  position: absolute;
+  inset: -8px;
+  content: "";
+}
+.lockerverse-auction-gallery__play:hover {
+  background: #0009;
+}
+.lockerverse-auction-gallery__previous,
+.lockerverse-auction-gallery__next {
+  position: absolute;
+  top: 50%;
+  width: 44px;
+  height: 44px;
+  background: #0000004d;
+  transform: translateY(-50%);
+}
+.lockerverse-auction-gallery__previous {
+  left: 8px;
+}
+.lockerverse-auction-gallery__next {
+  right: 8px;
+}
+.lockerverse-auction-gallery__previous:hover,
+.lockerverse-auction-gallery__next:hover {
+  background: #0000008c;
+}
+.lockerverse-auction-gallery__chevron {
+  width: 20px;
+  height: 20px;
+}
+.lockerverse-auction-gallery__empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 224px;
+  font-size: 14px;
+  color: var(--lockerverse-muted, #ffffff80);
+}
+.lockerverse-auction-gallery__strip {
+  padding: 12px;
+  overflow-x: auto;
+  scrollbar-width: none;
+}
+.lockerverse-auction-gallery__strip::-webkit-scrollbar {
+  display: none;
+}
+.lockerverse-auction-gallery__thumbnails {
+  display: flex;
+  gap: 10px;
+  width: max-content;
+  margin-inline: auto;
+}
+.lockerverse-auction-gallery .lockerverse-auction-gallery__thumbnail {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 80px;
+  height: 60px;
+  padding: 2px;
+  background: transparent;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  opacity: 0.55;
+}
+.lockerverse-auction-gallery
+  .lockerverse-auction-gallery__thumbnail.is-selected {
+  border-color: var(--lockerverse-text, #ffffffe6);
+  opacity: 1;
+}
+.lockerverse-auction-gallery__thumbnail:hover,
+.lockerverse-auction-gallery__thumbnail:focus-visible {
+  opacity: 1;
+}
+.lockerverse-auction-gallery__thumbnail-image {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 5px;
+}
+.lockerverse-auction-gallery__backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 2147483645;
+  background: #000;
+}
+.lockerverse-auction-gallery__viewer {
+  position: fixed;
+  inset: 0;
+  z-index: 2147483646;
+  display: block;
+  width: 100vw;
+  max-width: none;
+  height: 100dvh;
+  padding: 0;
+  margin: 0;
+  overflow: hidden;
+  color: #fff;
+  outline: none;
+  background: #000;
+  border: 0;
+  border-radius: 0;
+}
+.lockerverse-auction-gallery__full-image {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  touch-action: pan-y pinch-zoom;
+}
+.lockerverse-auction-gallery__full-image img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+.lockerverse-auction-gallery__preload {
+  visibility: hidden;
+  pointer-events: none;
+}
+.lockerverse-auction-gallery__viewer-close,
+.lockerverse-auction-gallery__viewer-previous,
+.lockerverse-auction-gallery__viewer-next {
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 44px;
+  height: 44px;
+  color: #fffc;
+  background: #0000008c;
+  border-radius: 999px;
+}
+.lockerverse-auction-gallery__viewer-close {
+  top: 16px;
+  right: 16px;
+}
+.lockerverse-auction-gallery__viewer-previous,
+.lockerverse-auction-gallery__viewer-next {
+  top: 50%;
+  transform: translateY(-50%);
+}
+.lockerverse-auction-gallery__viewer-previous {
+  left: 12px;
+}
+.lockerverse-auction-gallery__viewer-next {
+  right: 12px;
+}
+.lockerverse-auction-gallery__viewer-close:hover,
+.lockerverse-auction-gallery__viewer-previous:hover,
+.lockerverse-auction-gallery__viewer-next:hover {
+  color: #fff;
+  background: #000c;
+}
+.lockerverse-auction-gallery__sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  white-space: nowrap;
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+}
+@media (min-width: 640px) {
+  .lockerverse-auction-gallery .lockerverse-auction-gallery__thumbnail {
+    width: 88px;
+    height: 66px;
+  }
+  .lockerverse-auction-gallery__viewer-previous {
+    left: 24px;
+  }
+  .lockerverse-auction-gallery__viewer-next {
+    right: 24px;
+  }
+}
+@media (prefers-reduced-motion: no-preference) {
+  .lockerverse-auction-gallery__control {
+    transition: opacity 200ms;
+  }
+  .lockerverse-auction-gallery .lockerverse-auction-gallery__thumbnail {
+    transition:
+      opacity 150ms,
+      border-color 150ms;
+  }
+}