@lockerverse/react 0.2.154-dev.1 → 0.2.156

package/dist/custom-fields.d.ts

@@ -0,0 +1,31 @@
+import { LockerverseCatalog, LockerverseCheckoutItem, LockerverseCustomField, LockerverseCustomFieldAnswer } from "@lockerverse/sdk/checkout";
+//#region src/custom-fields.d.ts
+type CustomFieldValues = Record<string, boolean | string | string[]>;
+declare function getCheckoutCustomFields(catalog: LockerverseCatalog, items: readonly LockerverseCheckoutItem[]): LockerverseCustomField[];
+/** Normalize initial values against configured fields; unknown fields and options are discarded. */
+declare function createCustomFieldValues(fields: LockerverseCustomField[], initialValues?: CustomFieldValues): CustomFieldValues;
+declare function reconcileCustomFieldValues(fields: LockerverseCustomField[], values: CustomFieldValues): CustomFieldValues;
+declare function buildCustomFieldAnswers(fields: LockerverseCustomField[], values: CustomFieldValues): LockerverseCustomFieldAnswer[];
+declare function validateCustomFields(fields: LockerverseCustomField[], values: CustomFieldValues): Record<string, string>;
+declare function CustomFields({ choiceClassName, errorClassName, errors, fields, idPrefix, onChange, values }: {
+  choiceClassName?: string;
+  errorClassName?: string;
+  errors?: Record<string, string>;
+  fields: LockerverseCustomField[];
+  idPrefix?: string | undefined;
+  onChange: (values: CustomFieldValues) => void;
+  values: CustomFieldValues;
+}): import("react").JSX.Element[];
+type CustomFieldProps = {
+  choiceClassName?: string;
+  error?: string | undefined;
+  errorClassName?: string;
+  field: LockerverseCustomField;
+  idPrefix?: string | undefined;
+  onChange: (value: boolean | string | string[]) => void;
+  value: boolean | string | string[] | undefined;
+};
+declare function CustomField({ choiceClassName, errorClassName, ...props }: CustomFieldProps): import("react").JSX.Element | null;
+//#endregion
+export { createCustomFieldValues as a, validateCustomFields as c, buildCustomFieldAnswers as i, CustomFieldValues as n, getCheckoutCustomFields as o, CustomFields as r, reconcileCustomFieldValues as s, CustomField as t };
+//# sourceMappingURL=custom-fields.d.ts.map

package/dist/custom-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-fields.d.ts","names":[],"sources":["../src/custom-fields.tsx"],"mappings":";;KAqBY,oBAAoB;iBAEhB,wBACd,SAAS,oBACT,gBAAgB,4BAAyB;;iBAW3B,wBACd,QAAQ,0BACR,gBAAe,oBACd;iBAca,2BACd,QAAQ,0BACR,QAAQ,oBAAiB;iBA2DX,wBACd,QAAQ,0BACR,QAAQ,oBACP;iBAgBa,qBACd,QAAQ,0BACR,QAAQ,oBAAiB;iBA6BX,eACd,iBACA,gBACA,QACA,QACA,UACA,UACA;EAEA;EACA;EACA,SAAS;EACT,QAAQ;EACR;EACA,WAAW,QAAQ;EACnB,QAAQ;oBACT,IAAA;KAeW;EACV;EACA;EACA;EACA,OAAO;EACP;EACA,WAAW;EACX;;iBAGc,cACd,iBACA,mBACG,SACF,mCAAgB,IAAA"}

package/dist/custom-fields.js

@@ -0,0 +1,2 @@
+import{f as e,m as t,p as n,u as r}from"./phone-field.js";import{useId as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{array as s,minLength as c,nonEmpty as l,pipe as u,safeParse as d,string as f,trim as p}from"valibot";function m(e,t){let n=new Set(t.map(e=>e.productId));return e.widget.customFields.filter(e=>!e.paymentOptionIds?.length||e.paymentOptionIds.some(e=>n.has(e)))}function h(e,t={}){return Object.fromEntries(e.map(e=>[e.id,_(e,Object.hasOwn(t,e.id)?t[e.id]:void 0)]))}function g(e,t){let n={};for(let r of e){let e=t[r.id];n[r.id]=_(r,e)}return Object.keys(t).length===e.length&&e.every(e=>{let r=t[e.id],i=n[e.id];return Object.hasOwn(t,e.id)&&v(r,i)})?t:n}function _(e,t){if(e.type===`checkbox`)return t===!0;if(e.type===`checkboxes`||e.type===`multi_select`){let n=new Set(e.options.map(e=>e.id));return Array.isArray(t)?t.filter(e=>n.has(e)):[]}let n=y(t);return e.type===`radio`||e.type===`select`?e.options.some(e=>e.id===n)?n:``:n}function v(e,t){return Array.isArray(e)&&Array.isArray(t)?e.length===t.length&&e.every((e,n)=>e===t[n]):e===t}function y(e){let t=d(f(),e);return t.success?t.output:``}function b(e,t){return e.map(e=>{let n=t[e.id];return e.type===`checkbox`?{fieldId:e.id,value:n===!0}:e.type===`checkboxes`||e.type===`multi_select`?{fieldId:e.id,value:Array.isArray(n)?n:[]}:{fieldId:e.id,value:y(n)}})}function x(e,t){let n={};for(let r of e){if(!r.required)continue;let e=`${r.label} is required.`,i=t[r.id];if(r.type===`checkbox`){i!==!0&&(n[r.id]=e);continue}let a=r.type===`checkboxes`||r.type===`multi_select`?d(u(s(f()),c(1,e)),i??[]):d(u(f(),p(),l(e)),y(i));a.success||(n[r.id]=a.issues[0]?.message??e)}return n}function S({choiceClassName:e=`lockerverse-payment__check-row`,errorClassName:t=`lockerverse-payment__field-message`,errors:n={},fields:r,idPrefix:i,onChange:o,values:s}){return r.map(r=>a(C,{choiceClassName:e,error:n[r.id],errorClassName:t,field:r,idPrefix:i,onChange:e=>o({...s,[r.id]:e}),value:s[r.id]},r.id))}function C({choiceClassName:e=`lockerverse-payment__check-row`,errorClassName:t=`lockerverse-payment__field-message`,...n}){let r=i(),{field:o,idPrefix:s=`lockerverse-${r}`}=n,c=`${s}-custom-${o.id}`,l=`${c}-error`,u={...n,choiceClassName:e,controlId:c,errorClassName:t,errorId:l};switch(o.type){case`checkbox`:return a(w,{...u,field:o});case`text`:case`textarea`:return a(T,{...u,field:o});case`select`:case`multi_select`:return a(E,{...u,field:o});case`radio`:case`checkboxes`:return a(D,{...u,field:o});default:return null}}function w({choiceClassName:t,controlId:n,error:i,errorClassName:s,errorId:c,field:l,onChange:u,value:d}){return o(`label`,{className:t,htmlFor:n,children:[a(r,{"aria-describedby":i?c:void 0,"aria-invalid":i?`true`:void 0,checked:d===!0,id:n,name:`custom:${l.id}`,onChange:e=>u(e.currentTarget.checked),required:l.required}),a(`span`,{children:l.label}),a(e,{className:s,error:i,id:c})]})}function T({controlId:e,error:r,errorId:i,field:o,onChange:s,value:c}){let l={"aria-describedby":r?i:void 0,"aria-invalid":r?`true`:void 0,id:e,name:`custom:${o.id}`,onChange:e=>s(e.currentTarget.value),required:o.required,value:y(c)};return o.type===`textarea`?a(n,{error:r,errorId:i,id:e,label:o.label,children:a(`textarea`,{...l,className:`lockerverse-form__control`})}):a(t,{...l,error:r,errorId:i,label:o.label})}function E({controlId:e,error:t,errorId:r,field:i,onChange:s,value:c}){return a(n,{error:t,errorId:r,id:e,label:i.label,children:o(`select`,{"aria-describedby":t?r:void 0,"aria-invalid":t?`true`:void 0,className:`lockerverse-form__control`,id:e,multiple:i.type===`multi_select`,name:`custom:${i.id}`,onChange:e=>s(i.type===`multi_select`?[...e.currentTarget.selectedOptions].map(e=>e.value):e.currentTarget.value),required:i.required,value:c===!0||c===!1?``:c??(i.type===`multi_select`?[]:``),children:[i.type===`select`?a(`option`,{value:``,children:`Select…`}):null,i.options.map(e=>a(`option`,{value:e.id,children:e.label},e.id))]})})}function D({choiceClassName:t,controlId:n,error:r,errorClassName:i,errorId:s,field:c,onChange:l,value:u}){let d=Array.isArray(u)?u:[];return o(`fieldset`,{"aria-describedby":r?s:void 0,"aria-invalid":r?`true`:void 0,children:[a(`legend`,{children:c.label}),c.options.map((e,r)=>o(`label`,{className:t,children:[a(`input`,{checked:Array.isArray(u)?u.includes(e.id):u===e.id,className:c.type===`checkboxes`?`lockerverse-form__checkbox`:void 0,id:`${n}-${r}`,name:`custom:${c.id}`,onChange:t=>{if(c.type===`radio`){l(e.id);return}l(t.currentTarget.checked?[...d,e.id]:d.filter(t=>t!==e.id))},required:c.required&&c.type===`radio`,type:c.type===`radio`?`radio`:`checkbox`,value:e.id}),a(`span`,{children:e.label})]},e.id)),a(e,{className:i,error:r,id:s})]})}export{m as a,h as i,S as n,g as o,b as r,x as s,C as t};
+//# sourceMappingURL=custom-fields.js.map

package/dist/custom-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-fields.js","names":[],"sources":["../src/custom-fields.tsx"],"sourcesContent":["import type {\n  LockerverseBooleanCustomField,\n  LockerverseCatalog,\n  LockerverseCheckoutItem,\n  LockerverseCustomField,\n  LockerverseCustomFieldAnswer,\n  LockerverseMultiOptionCustomField,\n  LockerverseSingleOptionCustomField,\n} from \"@lockerverse/sdk/checkout\";\nimport { useId } from \"react\";\nimport {\n  array,\n  minLength,\n  nonEmpty,\n  pipe,\n  safeParse,\n  string,\n  trim,\n} from \"valibot\";\nimport { Checkbox, FieldError, FormField, TextField } from \"./form-field.tsx\";\n\nexport type CustomFieldValues = Record<string, boolean | string | string[]>;\n\nexport function getCheckoutCustomFields(\n  catalog: LockerverseCatalog,\n  items: readonly LockerverseCheckoutItem[]\n) {\n  const selectedOptionIds = new Set(items.map((item) => item.productId));\n  return catalog.widget.customFields.filter(\n    (field) =>\n      !field.paymentOptionIds?.length ||\n      field.paymentOptionIds.some((id) => selectedOptionIds.has(id))\n  );\n}\n\n/** Normalize initial values against configured fields; unknown fields and options are discarded. */\nexport function createCustomFieldValues(\n  fields: LockerverseCustomField[],\n  initialValues: CustomFieldValues = {}\n): CustomFieldValues {\n  return Object.fromEntries(\n    fields.map((field) => [\n      field.id,\n      reconcileCustomFieldValue(\n        field,\n        Object.hasOwn(initialValues, field.id)\n          ? initialValues[field.id]\n          : undefined\n      ),\n    ])\n  );\n}\n\nexport function reconcileCustomFieldValues(\n  fields: LockerverseCustomField[],\n  values: CustomFieldValues\n) {\n  const next: CustomFieldValues = {};\n  for (const field of fields) {\n    const value = values[field.id];\n    next[field.id] = reconcileCustomFieldValue(field, value);\n  }\n  const oldKeys = Object.keys(values);\n  if (\n    oldKeys.length === fields.length &&\n    fields.every((field) => {\n      const before = values[field.id];\n      const after = next[field.id];\n      return (\n        Object.hasOwn(values, field.id) && sameCustomFieldValue(before, after)\n      );\n    })\n  ) {\n    return values;\n  }\n  return next;\n}\n\nfunction reconcileCustomFieldValue(\n  field: LockerverseCustomField,\n  value: CustomFieldValues[string] | undefined\n) {\n  if (field.type === \"checkbox\") {\n    return value === true;\n  }\n  if (field.type === \"checkboxes\" || field.type === \"multi_select\") {\n    const optionIds = new Set(field.options.map((option) => option.id));\n    return Array.isArray(value) ? value.filter((id) => optionIds.has(id)) : [];\n  }\n  const text = getStringValue(value);\n  if (field.type === \"radio\" || field.type === \"select\") {\n    return field.options.some((option) => option.id === text) ? text : \"\";\n  }\n  return text;\n}\n\nfunction sameCustomFieldValue(\n  before: CustomFieldValues[string] | undefined,\n  after: CustomFieldValues[string] | undefined\n) {\n  if (Array.isArray(before) && Array.isArray(after)) {\n    return (\n      before.length === after.length &&\n      before.every((id, index) => id === after[index])\n    );\n  }\n  return before === after;\n}\n\nfunction getStringValue(value: CustomFieldValues[string] | undefined) {\n  const result = safeParse(string(), value);\n  return result.success ? result.output : \"\";\n}\n\nexport function buildCustomFieldAnswers(\n  fields: LockerverseCustomField[],\n  values: CustomFieldValues\n): LockerverseCustomFieldAnswer[] {\n  return fields.map((field): LockerverseCustomFieldAnswer => {\n    const value = values[field.id];\n    if (field.type === \"checkbox\") {\n      return { fieldId: field.id, value: value === true };\n    }\n    if (field.type === \"checkboxes\" || field.type === \"multi_select\") {\n      return { fieldId: field.id, value: Array.isArray(value) ? value : [] };\n    }\n    return {\n      fieldId: field.id,\n      value: getStringValue(value),\n    };\n  });\n}\n\nexport function validateCustomFields(\n  fields: LockerverseCustomField[],\n  values: CustomFieldValues\n) {\n  const errors: Record<string, string> = {};\n  for (const field of fields) {\n    if (!field.required) {\n      continue;\n    }\n    const message = `${field.label} is required.`;\n    const value = values[field.id];\n    if (field.type === \"checkbox\") {\n      if (value !== true) {\n        errors[field.id] = message;\n      }\n      continue;\n    }\n    const result =\n      field.type === \"checkboxes\" || field.type === \"multi_select\"\n        ? safeParse(pipe(array(string()), minLength(1, message)), value ?? [])\n        : safeParse(\n            pipe(string(), trim(), nonEmpty(message)),\n            getStringValue(value)\n          );\n    if (!result.success) {\n      errors[field.id] = result.issues[0]?.message ?? message;\n    }\n  }\n  return errors;\n}\n\nexport function CustomFields({\n  choiceClassName = \"lockerverse-payment__check-row\",\n  errorClassName = \"lockerverse-payment__field-message\",\n  errors = {},\n  fields,\n  idPrefix,\n  onChange,\n  values,\n}: {\n  choiceClassName?: string;\n  errorClassName?: string;\n  errors?: Record<string, string>;\n  fields: LockerverseCustomField[];\n  idPrefix?: string | undefined;\n  onChange: (values: CustomFieldValues) => void;\n  values: CustomFieldValues;\n}) {\n  return fields.map((field) => (\n    <CustomField\n      choiceClassName={choiceClassName}\n      error={errors[field.id]}\n      errorClassName={errorClassName}\n      field={field}\n      idPrefix={idPrefix}\n      key={field.id}\n      onChange={(value) => onChange({ ...values, [field.id]: value })}\n      value={values[field.id]}\n    />\n  ));\n}\n\nexport type CustomFieldProps = {\n  choiceClassName?: string;\n  error?: string | undefined;\n  errorClassName?: string;\n  field: LockerverseCustomField;\n  idPrefix?: string | undefined;\n  onChange: (value: boolean | string | string[]) => void;\n  value: boolean | string | string[] | undefined;\n};\n\nexport function CustomField({\n  choiceClassName = \"lockerverse-payment__check-row\",\n  errorClassName = \"lockerverse-payment__field-message\",\n  ...props\n}: CustomFieldProps) {\n  const generatedId = useId();\n  const { field, idPrefix = `lockerverse-${generatedId}` } = props;\n  const controlId = `${idPrefix}-custom-${field.id}`;\n  const errorId = `${controlId}-error`;\n  const controlProps = {\n    ...props,\n    choiceClassName,\n    controlId,\n    errorClassName,\n    errorId,\n  };\n  switch (field.type) {\n    case \"checkbox\":\n      return <BooleanCustomField {...controlProps} field={field} />;\n    case \"text\":\n    case \"textarea\":\n      return <TextCustomField {...controlProps} field={field} />;\n    case \"select\":\n    case \"multi_select\":\n      return <SelectCustomField {...controlProps} field={field} />;\n    case \"radio\":\n    case \"checkboxes\":\n      return <ChoiceCustomField {...controlProps} field={field} />;\n    default:\n      return null;\n  }\n}\n\nfunction BooleanCustomField({\n  choiceClassName,\n  controlId,\n  error,\n  errorClassName,\n  errorId,\n  field,\n  onChange,\n  value,\n}: ControlProps & { field: LockerverseBooleanCustomField }) {\n  return (\n    <label className={choiceClassName} htmlFor={controlId}>\n      <Checkbox\n        aria-describedby={error ? errorId : undefined}\n        aria-invalid={error ? \"true\" : undefined}\n        checked={value === true}\n        id={controlId}\n        name={`custom:${field.id}`}\n        onChange={(event) => onChange(event.currentTarget.checked)}\n        required={field.required}\n      />\n      <span>{field.label}</span>\n      <FieldError className={errorClassName} error={error} id={errorId} />\n    </label>\n  );\n}\n\ntype ControlProps = CustomFieldProps & {\n  choiceClassName: string;\n  errorClassName: string;\n  controlId: string;\n  errorId: string;\n};\n\nfunction TextCustomField({\n  controlId,\n  error,\n  errorId,\n  field,\n  onChange,\n  value,\n}: ControlProps & {\n  field: Extract<LockerverseCustomField, { type: \"text\" | \"textarea\" }>;\n}) {\n  const commonProps = {\n    \"aria-describedby\": error ? errorId : undefined,\n    \"aria-invalid\": error ? (\"true\" as const) : undefined,\n    id: controlId,\n    name: `custom:${field.id}`,\n    onChange: (\n      event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n    ) => onChange(event.currentTarget.value),\n    required: field.required,\n    value: getStringValue(value),\n  };\n  return field.type === \"textarea\" ? (\n    <FormField\n      error={error}\n      errorId={errorId}\n      id={controlId}\n      label={field.label}\n    >\n      <textarea {...commonProps} className=\"lockerverse-form__control\" />\n    </FormField>\n  ) : (\n    <TextField\n      {...commonProps}\n      error={error}\n      errorId={errorId}\n      label={field.label}\n    />\n  );\n}\n\nfunction SelectCustomField({\n  controlId,\n  error,\n  errorId,\n  field,\n  onChange,\n  value,\n}: ControlProps & {\n  field: LockerverseMultiOptionCustomField | LockerverseSingleOptionCustomField;\n}) {\n  return (\n    <FormField\n      error={error}\n      errorId={errorId}\n      id={controlId}\n      label={field.label}\n    >\n      <select\n        aria-describedby={error ? errorId : undefined}\n        aria-invalid={error ? \"true\" : undefined}\n        className=\"lockerverse-form__control\"\n        id={controlId}\n        multiple={field.type === \"multi_select\"}\n        name={`custom:${field.id}`}\n        onChange={(event) =>\n          onChange(\n            field.type === \"multi_select\"\n              ? [...event.currentTarget.selectedOptions].map(\n                  (option) => option.value\n                )\n              : event.currentTarget.value\n          )\n        }\n        required={field.required}\n        value={\n          value === true || value === false\n            ? \"\"\n            : (value ?? (field.type === \"multi_select\" ? [] : \"\"))\n        }\n      >\n        {field.type === \"select\" ? <option value=\"\">Select…</option> : null}\n        {field.options.map((option) => (\n          <option key={option.id} value={option.id}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n    </FormField>\n  );\n}\n\nfunction ChoiceCustomField({\n  choiceClassName,\n  controlId,\n  error,\n  errorClassName,\n  errorId,\n  field,\n  onChange,\n  value,\n}: ControlProps & {\n  field: LockerverseMultiOptionCustomField | LockerverseSingleOptionCustomField;\n}) {\n  const selectedValues = Array.isArray(value) ? value : [];\n  return (\n    <fieldset\n      aria-describedby={error ? errorId : undefined}\n      aria-invalid={error ? \"true\" : undefined}\n    >\n      <legend>{field.label}</legend>\n      {field.options.map((option, index) => (\n        <label className={choiceClassName} key={option.id}>\n          <input\n            checked={\n              Array.isArray(value)\n                ? value.includes(option.id)\n                : value === option.id\n            }\n            className={\n              field.type === \"checkboxes\"\n                ? \"lockerverse-form__checkbox\"\n                : undefined\n            }\n            id={`${controlId}-${index}`}\n            name={`custom:${field.id}`}\n            onChange={(event) => {\n              if (field.type === \"radio\") {\n                onChange(option.id);\n                return;\n              }\n              onChange(\n                event.currentTarget.checked\n                  ? [...selectedValues, option.id]\n                  : selectedValues.filter((id) => id !== option.id)\n              );\n            }}\n            required={field.required && field.type === \"radio\"}\n            type={field.type === \"radio\" ? \"radio\" : \"checkbox\"}\n            value={option.id}\n          />\n          <span>{option.label}</span>\n        </label>\n      ))}\n      <FieldError className={errorClassName} error={error} id={errorId} />\n    </fieldset>\n  );\n}\n"],"mappings":"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"}

package/dist/form-skeleton.js

@@ -1,2 +1,2 @@
-import{d as e,h as t,m as n,p as r}from"./host-callback.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{array as o,minLength as s,nonEmpty as c,pipe as l,safeParse as u,string as d,trim as f}from"valibot";function p(e,t){let n=new Set(t.map(e=>e.productId));return e.widget.customFields.filter(e=>!e.paymentOptionIds?.length||e.paymentOptionIds.some(e=>n.has(e)))}function m(e){return e.type===`checkbox`?!1:e.type===`checkboxes`||e.type===`multi_select`?[]:``}function h(e){let t={};for(let n of e)t[n.id]=m(n);return t}function g(e,t){let n={};for(let r of e){let e=t[r.id];n[r.id]=_(r,e)}return Object.keys(t).length===e.length&&e.every(e=>{let r=t[e.id],i=n[e.id];return Object.hasOwn(t,e.id)&&v(r,i)})?t:n}function _(e,t){if(e.type===`checkbox`)return t===!0;if(e.type===`checkboxes`||e.type===`multi_select`){let n=new Set(e.options.map(e=>e.id));return Array.isArray(t)?t.filter(e=>n.has(e)):[]}let n=y(t);return e.type===`radio`||e.type===`select`?e.options.some(e=>e.id===n)?n:``:n}function v(e,t){return Array.isArray(e)&&Array.isArray(t)?e.length===t.length&&e.every((e,n)=>e===t[n]):e===t}function y(e){let t=u(d(),e);return t.success?t.output:``}function b(e,t){return e.map(e=>{let n=t[e.id];return e.type===`checkbox`?{fieldId:e.id,value:n===!0}:e.type===`checkboxes`||e.type===`multi_select`?{fieldId:e.id,value:Array.isArray(n)?n:[]}:{fieldId:e.id,value:y(n)}})}function x(e,t){let n={};for(let r of e){if(!r.required)continue;let e=`${r.label} is required.`,i=t[r.id];if(r.type===`checkbox`){i!==!0&&(n[r.id]=e);continue}let a=r.type===`checkboxes`||r.type===`multi_select`?u(l(o(d()),s(1,e)),i??[]):u(l(d(),f(),c(e)),y(i));a.success||(n[r.id]=a.issues[0]?.message??e)}return n}function S({choiceClassName:e,errorClassName:t,errors:n,fields:r,idPrefix:a,onChange:o,values:s}){return r.map(r=>i(C,{choiceClassName:e,error:n[r.id],errorClassName:t,field:r,idPrefix:a,onChange:e=>o({...s,[r.id]:e}),value:s[r.id]},r.id))}function C(e){let{field:t,idPrefix:n}=e,r=`${n}-custom-${t.id}`,a=`${r}-error`,o={...e,controlId:r,errorId:a};switch(t.type){case`checkbox`:return i(w,{...o,field:t});case`text`:case`textarea`:return i(T,{...o,field:t});case`select`:case`multi_select`:return i(E,{...o,field:t});case`radio`:case`checkboxes`:return i(D,{...o,field:t});default:return null}}function w({choiceClassName:t,controlId:n,error:o,errorClassName:s,errorId:c,field:l,onChange:u,value:d}){return a(`label`,{className:t,htmlFor:n,children:[i(e,{"aria-describedby":o?c:void 0,"aria-invalid":o?`true`:void 0,checked:d===!0,id:n,name:`custom:${l.id}`,onChange:e=>u(e.currentTarget.checked),required:l.required}),i(`span`,{children:l.label}),i(r,{className:s,error:o,id:c})]})}function T({controlId:e,error:r,errorId:a,field:o,onChange:s,value:c}){let l={"aria-describedby":r?a:void 0,"aria-invalid":r?`true`:void 0,id:e,name:`custom:${o.id}`,onChange:e=>s(e.currentTarget.value),required:o.required,value:y(c)};return o.type===`textarea`?i(n,{error:r,errorId:a,id:e,label:o.label,children:i(`textarea`,{...l,className:`lockerverse-form__control`})}):i(t,{...l,error:r,errorId:a,label:o.label})}function E({controlId:e,error:t,errorId:r,field:o,onChange:s,value:c}){return i(n,{error:t,errorId:r,id:e,label:o.label,children:a(`select`,{"aria-describedby":t?r:void 0,"aria-invalid":t?`true`:void 0,className:`lockerverse-form__control`,id:e,multiple:o.type===`multi_select`,name:`custom:${o.id}`,onChange:e=>s(o.type===`multi_select`?[...e.currentTarget.selectedOptions].map(e=>e.value):e.currentTarget.value),required:o.required,value:c===!0||c===!1?``:c??(o.type===`multi_select`?[]:``),children:[o.type===`select`?i(`option`,{value:``,children:`Select…`}):null,o.options.map(e=>i(`option`,{value:e.id,children:e.label},e.id))]})})}function D({choiceClassName:e,controlId:t,error:n,errorClassName:o,errorId:s,field:c,onChange:l,value:u}){let d=Array.isArray(u)?u:[];return a(`fieldset`,{"aria-describedby":n?s:void 0,"aria-invalid":n?`true`:void 0,children:[i(`legend`,{children:c.label}),c.options.map((n,r)=>a(`label`,{className:e,children:[i(`input`,{checked:Array.isArray(u)?u.includes(n.id):u===n.id,className:c.type===`checkboxes`?`lockerverse-form__checkbox`:void 0,id:`${t}-${r}`,name:`custom:${c.id}`,onChange:e=>{if(c.type===`radio`){l(n.id);return}l(e.currentTarget.checked?[...d,n.id]:d.filter(e=>e!==n.id))},required:c.required&&c.type===`radio`,type:c.type===`radio`?`radio`:`checkbox`,value:n.id}),i(`span`,{children:n.label})]},n.id)),i(r,{className:o,error:n,id:s})]})}function O({fieldCount:e,label:t,sectionCount:n=0,showCheckbox:r=!1}){return a(`div`,{className:`lockerverse-form-skeleton__loading`,children:[i(`span`,{className:`lockerverse-form-skeleton__sr-only`,role:`status`,children:t}),a(`div`,{"aria-hidden":`true`,className:`lockerverse-form-skeleton`,children:[a(`div`,{className:`lockerverse-form-skeleton__branding`,children:[i(`span`,{className:`lockerverse-form-skeleton__avatar`}),i(`span`,{className:`lockerverse-form-skeleton__community`})]}),i(`div`,{className:`lockerverse-form-skeleton__fields`,children:Array.from({length:e},(e,t)=>a(`div`,{className:`lockerverse-form-skeleton__field`,children:[i(`span`,{className:`lockerverse-form-skeleton__label`}),i(`span`,{className:`lockerverse-form-skeleton__input`})]},t))}),Array.from({length:n},(e,t)=>a(`div`,{className:`lockerverse-form-skeleton__section`,children:[i(`span`,{className:`lockerverse-form-skeleton__section-label`}),a(`div`,{className:`lockerverse-form-skeleton__section-content`,children:[i(`span`,{className:`lockerverse-form-skeleton__section-full`}),a(`div`,{className:`lockerverse-form-skeleton__section-grid`,children:[i(`span`,{className:`lockerverse-form-skeleton__section-half`}),i(`span`,{className:`lockerverse-form-skeleton__section-half`})]})]})]},t)),a(`div`,{className:`lockerverse-form-skeleton__actions`,children:[r?i(`span`,{className:`lockerverse-form-skeleton__check-line`}):null,i(`span`,{className:`lockerverse-form-skeleton__button`})]})]})]})}export{p as a,h as i,S as n,g as o,b as r,x as s,O as t};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";function n({fieldCount:n,label:r,sectionCount:i=0,showCheckbox:a=!1}){return t(`div`,{className:`lockerverse-form-skeleton__loading`,children:[e(`span`,{className:`lockerverse-form-skeleton__sr-only`,role:`status`,children:r}),t(`div`,{"aria-hidden":`true`,className:`lockerverse-form-skeleton`,children:[t(`div`,{className:`lockerverse-form-skeleton__branding`,children:[e(`span`,{className:`lockerverse-form-skeleton__avatar`}),e(`span`,{className:`lockerverse-form-skeleton__community`})]}),e(`div`,{className:`lockerverse-form-skeleton__fields`,children:Array.from({length:n},(n,r)=>t(`div`,{className:`lockerverse-form-skeleton__field`,children:[e(`span`,{className:`lockerverse-form-skeleton__label`}),e(`span`,{className:`lockerverse-form-skeleton__input`})]},r))}),Array.from({length:i},(n,r)=>t(`div`,{className:`lockerverse-form-skeleton__section`,children:[e(`span`,{className:`lockerverse-form-skeleton__section-label`}),t(`div`,{className:`lockerverse-form-skeleton__section-content`,children:[e(`span`,{className:`lockerverse-form-skeleton__section-full`}),t(`div`,{className:`lockerverse-form-skeleton__section-grid`,children:[e(`span`,{className:`lockerverse-form-skeleton__section-half`}),e(`span`,{className:`lockerverse-form-skeleton__section-half`})]})]})]},r)),t(`div`,{className:`lockerverse-form-skeleton__actions`,children:[a?e(`span`,{className:`lockerverse-form-skeleton__check-line`}):null,e(`span`,{className:`lockerverse-form-skeleton__button`})]})]})]})}export{n as t};
 //# sourceMappingURL=form-skeleton.js.map

package/dist/form-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-skeleton.js","names":[],"sources":["../src/custom-fields.tsx","../src/form-skeleton.tsx"],"sourcesContent":["import type {\n  LockerverseBooleanCustomField,\n  LockerverseCatalog,\n  LockerverseCheckoutItem,\n  LockerverseCustomField,\n  LockerverseCustomFieldAnswer,\n  LockerverseMultiOptionCustomField,\n  LockerverseSingleOptionCustomField,\n} from \"@lockerverse/sdk/checkout\";\nimport {\n  array,\n  minLength,\n  nonEmpty,\n  pipe,\n  safeParse,\n  string,\n  trim,\n} from \"valibot\";\nimport { Checkbox, FieldError, FormField, TextField } from \"./form-field.tsx\";\n\nexport type CustomFieldValues = Record<string, boolean | string | string[]>;\n\nexport function getCheckoutCustomFields(\n  catalog: LockerverseCatalog,\n  items: readonly LockerverseCheckoutItem[]\n) {\n  const selectedOptionIds = new Set(items.map((item) => item.productId));\n  return catalog.widget.customFields.filter(\n    (field) =>\n      !field.paymentOptionIds?.length ||\n      field.paymentOptionIds.some((id) => selectedOptionIds.has(id))\n  );\n}\n\nfunction createCustomFieldValue(field: LockerverseCustomField) {\n  if (field.type === \"checkbox\") {\n    return false;\n  }\n  if (field.type === \"checkboxes\" || field.type === \"multi_select\") {\n    return [];\n  }\n  return \"\";\n}\n\nexport function createCustomFieldValues(fields: LockerverseCustomField[]) {\n  const values: CustomFieldValues = {};\n  for (const field of fields) {\n    values[field.id] = createCustomFieldValue(field);\n  }\n  return values;\n}\n\nexport function reconcileCustomFieldValues(\n  fields: LockerverseCustomField[],\n  values: CustomFieldValues\n) {\n  const next: CustomFieldValues = {};\n  for (const field of fields) {\n    const value = values[field.id];\n    next[field.id] = reconcileCustomFieldValue(field, value);\n  }\n  const oldKeys = Object.keys(values);\n  if (\n    oldKeys.length === fields.length &&\n    fields.every((field) => {\n      const before = values[field.id];\n      const after = next[field.id];\n      return (\n        Object.hasOwn(values, field.id) && sameCustomFieldValue(before, after)\n      );\n    })\n  ) {\n    return values;\n  }\n  return next;\n}\n\nfunction reconcileCustomFieldValue(\n  field: LockerverseCustomField,\n  value: CustomFieldValues[string] | undefined\n) {\n  if (field.type === \"checkbox\") {\n    return value === true;\n  }\n  if (field.type === \"checkboxes\" || field.type === \"multi_select\") {\n    const optionIds = new Set(field.options.map((option) => option.id));\n    return Array.isArray(value) ? value.filter((id) => optionIds.has(id)) : [];\n  }\n  const text = getStringValue(value);\n  if (field.type === \"radio\" || field.type === \"select\") {\n    return field.options.some((option) => option.id === text) ? text : \"\";\n  }\n  return text;\n}\n\nfunction sameCustomFieldValue(\n  before: CustomFieldValues[string] | undefined,\n  after: CustomFieldValues[string] | undefined\n) {\n  if (Array.isArray(before) && Array.isArray(after)) {\n    return (\n      before.length === after.length &&\n      before.every((id, index) => id === after[index])\n    );\n  }\n  return before === after;\n}\n\nfunction getStringValue(value: CustomFieldValues[string] | undefined) {\n  const result = safeParse(string(), value);\n  return result.success ? result.output : \"\";\n}\n\nexport function buildCustomFieldAnswers(\n  fields: LockerverseCustomField[],\n  values: CustomFieldValues\n): LockerverseCustomFieldAnswer[] {\n  return fields.map((field): LockerverseCustomFieldAnswer => {\n    const value = values[field.id];\n    if (field.type === \"checkbox\") {\n      return { fieldId: field.id, value: value === true };\n    }\n    if (field.type === \"checkboxes\" || field.type === \"multi_select\") {\n      return { fieldId: field.id, value: Array.isArray(value) ? value : [] };\n    }\n    return {\n      fieldId: field.id,\n      value: getStringValue(value),\n    };\n  });\n}\n\nexport function validateCustomFields(\n  fields: LockerverseCustomField[],\n  values: CustomFieldValues\n) {\n  const errors: Record<string, string> = {};\n  for (const field of fields) {\n    if (!field.required) {\n      continue;\n    }\n    const message = `${field.label} is required.`;\n    const value = values[field.id];\n    if (field.type === \"checkbox\") {\n      if (value !== true) {\n        errors[field.id] = message;\n      }\n      continue;\n    }\n    const result =\n      field.type === \"checkboxes\" || field.type === \"multi_select\"\n        ? safeParse(pipe(array(string()), minLength(1, message)), value ?? [])\n        : safeParse(\n            pipe(string(), trim(), nonEmpty(message)),\n            getStringValue(value)\n          );\n    if (!result.success) {\n      errors[field.id] = result.issues[0]?.message ?? message;\n    }\n  }\n  return errors;\n}\n\nexport function CustomFields({\n  choiceClassName,\n  errorClassName,\n  errors,\n  fields,\n  idPrefix,\n  onChange,\n  values,\n}: {\n  choiceClassName: string;\n  errorClassName: string;\n  errors: Record<string, string>;\n  fields: LockerverseCustomField[];\n  idPrefix: string;\n  onChange: (values: CustomFieldValues) => void;\n  values: CustomFieldValues;\n}) {\n  return fields.map((field) => (\n    <CustomField\n      choiceClassName={choiceClassName}\n      error={errors[field.id]}\n      errorClassName={errorClassName}\n      field={field}\n      idPrefix={idPrefix}\n      key={field.id}\n      onChange={(value) => onChange({ ...values, [field.id]: value })}\n      value={values[field.id]}\n    />\n  ));\n}\n\ntype CustomFieldProps = {\n  choiceClassName: string;\n  error: string | undefined;\n  errorClassName: string;\n  field: LockerverseCustomField;\n  idPrefix: string;\n  onChange: (value: boolean | string | string[]) => void;\n  value: boolean | string | string[] | undefined;\n};\n\nfunction CustomField(props: CustomFieldProps) {\n  const { field, idPrefix } = props;\n  const controlId = `${idPrefix}-custom-${field.id}`;\n  const errorId = `${controlId}-error`;\n  const controlProps = { ...props, controlId, errorId };\n  switch (field.type) {\n    case \"checkbox\":\n      return <BooleanCustomField {...controlProps} field={field} />;\n    case \"text\":\n    case \"textarea\":\n      return <TextCustomField {...controlProps} field={field} />;\n    case \"select\":\n    case \"multi_select\":\n      return <SelectCustomField {...controlProps} field={field} />;\n    case \"radio\":\n    case \"checkboxes\":\n      return <ChoiceCustomField {...controlProps} field={field} />;\n    default:\n      return null;\n  }\n}\n\nfunction BooleanCustomField({\n  choiceClassName,\n  controlId,\n  error,\n  errorClassName,\n  errorId,\n  field,\n  onChange,\n  value,\n}: ControlProps & { field: LockerverseBooleanCustomField }) {\n  return (\n    <label className={choiceClassName} htmlFor={controlId}>\n      <Checkbox\n        aria-describedby={error ? errorId : undefined}\n        aria-invalid={error ? \"true\" : undefined}\n        checked={value === true}\n        id={controlId}\n        name={`custom:${field.id}`}\n        onChange={(event) => onChange(event.currentTarget.checked)}\n        required={field.required}\n      />\n      <span>{field.label}</span>\n      <FieldError className={errorClassName} error={error} id={errorId} />\n    </label>\n  );\n}\n\ntype ControlProps = CustomFieldProps & {\n  controlId: string;\n  errorId: string;\n};\n\nfunction TextCustomField({\n  controlId,\n  error,\n  errorId,\n  field,\n  onChange,\n  value,\n}: ControlProps & {\n  field: Extract<LockerverseCustomField, { type: \"text\" | \"textarea\" }>;\n}) {\n  const commonProps = {\n    \"aria-describedby\": error ? errorId : undefined,\n    \"aria-invalid\": error ? (\"true\" as const) : undefined,\n    id: controlId,\n    name: `custom:${field.id}`,\n    onChange: (\n      event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n    ) => onChange(event.currentTarget.value),\n    required: field.required,\n    value: getStringValue(value),\n  };\n  return field.type === \"textarea\" ? (\n    <FormField\n      error={error}\n      errorId={errorId}\n      id={controlId}\n      label={field.label}\n    >\n      <textarea {...commonProps} className=\"lockerverse-form__control\" />\n    </FormField>\n  ) : (\n    <TextField\n      {...commonProps}\n      error={error}\n      errorId={errorId}\n      label={field.label}\n    />\n  );\n}\n\nfunction SelectCustomField({\n  controlId,\n  error,\n  errorId,\n  field,\n  onChange,\n  value,\n}: ControlProps & {\n  field: LockerverseMultiOptionCustomField | LockerverseSingleOptionCustomField;\n}) {\n  return (\n    <FormField\n      error={error}\n      errorId={errorId}\n      id={controlId}\n      label={field.label}\n    >\n      <select\n        aria-describedby={error ? errorId : undefined}\n        aria-invalid={error ? \"true\" : undefined}\n        className=\"lockerverse-form__control\"\n        id={controlId}\n        multiple={field.type === \"multi_select\"}\n        name={`custom:${field.id}`}\n        onChange={(event) =>\n          onChange(\n            field.type === \"multi_select\"\n              ? [...event.currentTarget.selectedOptions].map(\n                  (option) => option.value\n                )\n              : event.currentTarget.value\n          )\n        }\n        required={field.required}\n        value={\n          value === true || value === false\n            ? \"\"\n            : (value ?? (field.type === \"multi_select\" ? [] : \"\"))\n        }\n      >\n        {field.type === \"select\" ? <option value=\"\">Select…</option> : null}\n        {field.options.map((option) => (\n          <option key={option.id} value={option.id}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n    </FormField>\n  );\n}\n\nfunction ChoiceCustomField({\n  choiceClassName,\n  controlId,\n  error,\n  errorClassName,\n  errorId,\n  field,\n  onChange,\n  value,\n}: ControlProps & {\n  field: LockerverseMultiOptionCustomField | LockerverseSingleOptionCustomField;\n}) {\n  const selectedValues = Array.isArray(value) ? value : [];\n  return (\n    <fieldset\n      aria-describedby={error ? errorId : undefined}\n      aria-invalid={error ? \"true\" : undefined}\n    >\n      <legend>{field.label}</legend>\n      {field.options.map((option, index) => (\n        <label className={choiceClassName} key={option.id}>\n          <input\n            checked={\n              Array.isArray(value)\n                ? value.includes(option.id)\n                : value === option.id\n            }\n            className={\n              field.type === \"checkboxes\"\n                ? \"lockerverse-form__checkbox\"\n                : undefined\n            }\n            id={`${controlId}-${index}`}\n            name={`custom:${field.id}`}\n            onChange={(event) => {\n              if (field.type === \"radio\") {\n                onChange(option.id);\n                return;\n              }\n              onChange(\n                event.currentTarget.checked\n                  ? [...selectedValues, option.id]\n                  : selectedValues.filter((id) => id !== option.id)\n              );\n            }}\n            required={field.required && field.type === \"radio\"}\n            type={field.type === \"radio\" ? \"radio\" : \"checkbox\"}\n            value={option.id}\n          />\n          <span>{option.label}</span>\n        </label>\n      ))}\n      <FieldError className={errorClassName} error={error} id={errorId} />\n    </fieldset>\n  );\n}\n","export function FormSkeleton({\n  fieldCount,\n  label,\n  sectionCount = 0,\n  showCheckbox = false,\n}: {\n  fieldCount: number;\n  label: string;\n  sectionCount?: number;\n  showCheckbox?: boolean;\n}) {\n  return (\n    <div className=\"lockerverse-form-skeleton__loading\">\n      <span className=\"lockerverse-form-skeleton__sr-only\" role=\"status\">\n        {label}\n      </span>\n      <div aria-hidden=\"true\" className=\"lockerverse-form-skeleton\">\n        <div className=\"lockerverse-form-skeleton__branding\">\n          <span className=\"lockerverse-form-skeleton__avatar\" />\n          <span className=\"lockerverse-form-skeleton__community\" />\n        </div>\n        <div className=\"lockerverse-form-skeleton__fields\">\n          {Array.from({ length: fieldCount }, (_, index) => (\n            <div className=\"lockerverse-form-skeleton__field\" key={index}>\n              <span className=\"lockerverse-form-skeleton__label\" />\n              <span className=\"lockerverse-form-skeleton__input\" />\n            </div>\n          ))}\n        </div>\n        {Array.from({ length: sectionCount }, (_, index) => (\n          <div className=\"lockerverse-form-skeleton__section\" key={index}>\n            <span className=\"lockerverse-form-skeleton__section-label\" />\n            <div className=\"lockerverse-form-skeleton__section-content\">\n              <span className=\"lockerverse-form-skeleton__section-full\" />\n              <div className=\"lockerverse-form-skeleton__section-grid\">\n                <span className=\"lockerverse-form-skeleton__section-half\" />\n                <span className=\"lockerverse-form-skeleton__section-half\" />\n              </div>\n            </div>\n          </div>\n        ))}\n        <div className=\"lockerverse-form-skeleton__actions\">\n          {showCheckbox ? (\n            <span className=\"lockerverse-form-skeleton__check-line\" />\n          ) : null}\n          <span className=\"lockerverse-form-skeleton__button\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"form-skeleton.js","names":[],"sources":["../src/form-skeleton.tsx"],"sourcesContent":["export function FormSkeleton({\n  fieldCount,\n  label,\n  sectionCount = 0,\n  showCheckbox = false,\n}: {\n  fieldCount: number;\n  label: string;\n  sectionCount?: number;\n  showCheckbox?: boolean;\n}) {\n  return (\n    <div className=\"lockerverse-form-skeleton__loading\">\n      <span className=\"lockerverse-form-skeleton__sr-only\" role=\"status\">\n        {label}\n      </span>\n      <div aria-hidden=\"true\" className=\"lockerverse-form-skeleton\">\n        <div className=\"lockerverse-form-skeleton__branding\">\n          <span className=\"lockerverse-form-skeleton__avatar\" />\n          <span className=\"lockerverse-form-skeleton__community\" />\n        </div>\n        <div className=\"lockerverse-form-skeleton__fields\">\n          {Array.from({ length: fieldCount }, (_, index) => (\n            <div className=\"lockerverse-form-skeleton__field\" key={index}>\n              <span className=\"lockerverse-form-skeleton__label\" />\n              <span className=\"lockerverse-form-skeleton__input\" />\n            </div>\n          ))}\n        </div>\n        {Array.from({ length: sectionCount }, (_, index) => (\n          <div className=\"lockerverse-form-skeleton__section\" key={index}>\n            <span className=\"lockerverse-form-skeleton__section-label\" />\n            <div className=\"lockerverse-form-skeleton__section-content\">\n              <span className=\"lockerverse-form-skeleton__section-full\" />\n              <div className=\"lockerverse-form-skeleton__section-grid\">\n                <span className=\"lockerverse-form-skeleton__section-half\" />\n                <span className=\"lockerverse-form-skeleton__section-half\" />\n              </div>\n            </div>\n          </div>\n        ))}\n        <div className=\"lockerverse-form-skeleton__actions\">\n          {showCheckbox ? (\n            <span className=\"lockerverse-form-skeleton__check-line\" />\n          ) : null}\n          <span className=\"lockerverse-form-skeleton__button\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"kDAAA,SAAgB,EAAa,CAC3B,aACA,QACA,eAAe,EACf,eAAe,IAMd,CACD,OACE,EAAC,MAAD,CAAK,UAAU,qCAAf,SAAA,CACE,EAAC,OAAD,CAAM,UAAU,qCAAqC,KAAK,SACvD,SAAA,CACG,CAAA,EACN,EAAC,MAAD,CAAK,cAAY,OAAO,UAAU,4BAAlC,SAAA,CACE,EAAC,MAAD,CAAK,UAAU,sCAAf,SAAA,CACE,EAAC,OAAD,CAAM,UAAU,mCAAqC,CAAA,EACrD,EAAC,OAAD,CAAM,UAAU,sCAAwC,CAAA,CACrD,IACL,EAAC,MAAD,CAAK,UAAU,oCACZ,SAAA,MAAM,KAAK,CAAE,OAAQ,CAAW,GAAI,EAAG,IACtC,EAAC,MAAD,CAAK,UAAU,mCAAf,SAAA,CACE,EAAC,OAAD,CAAM,UAAU,kCAAoC,CAAA,EACpD,EAAC,OAAD,CAAM,UAAU,kCAAoC,CAAA,CACjD,CAHkD,EAAA,CAGlD,CACN,CACE,CAAA,EACJ,MAAM,KAAK,CAAE,OAAQ,CAAa,GAAI,EAAG,IACxC,EAAC,MAAD,CAAK,UAAU,qCAAf,SAAA,CACE,EAAC,OAAD,CAAM,UAAU,0CAA4C,CAAA,EAC5D,EAAC,MAAD,CAAK,UAAU,6CAAf,SAAA,CACE,EAAC,OAAD,CAAM,UAAU,yCAA2C,CAAA,EAC3D,EAAC,MAAD,CAAK,UAAU,0CAAf,SAAA,CACE,EAAC,OAAD,CAAM,UAAU,yCAA2C,CAAA,EAC3D,EAAC,OAAD,CAAM,UAAU,yCAA2C,CAAA,CACxD,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAToD,EAAA,CASpD,CACN,EACD,EAAC,MAAD,CAAK,UAAU,qCAAf,SAAA,CACG,EACC,EAAC,OAAD,CAAM,UAAU,uCAAyC,CAAA,EACvD,KACJ,EAAC,OAAD,CAAM,UAAU,mCAAqC,CAAA,CAClD,GACF,CACF,CAAA,CAAA,GAET"}

package/dist/host-callback.js

@@ -1,2 +1,2 @@
-import{ChevronDown as e}from"lucide-react";import{useRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{check as i,email as a,nonEmpty as o,pipe as s,regex as c,string as l,transform as u,trim as d}from"valibot";function f({className:e,error:t,id:r}){return t?n(`span`,{className:`lockerverse-form__error ${e??``}`,id:r,role:`alert`,children:t}):null}function p({children:e,error:t,errorId:i,id:a,label:o}){return r(`div`,{className:`lockerverse-form__field`,children:[n(`label`,{htmlFor:a,children:o}),e,n(f,{error:t,id:i??`${a}-error`})]})}function m({className:e,error:t,errorId:r,id:i,label:a,...o}){let s=r??`${i}-error`;return n(p,{error:t,errorId:s,id:i,label:a,children:n(`input`,{...o,"aria-describedby":t?s:o[`aria-describedby`],"aria-invalid":t?`true`:o[`aria-invalid`],className:`lockerverse-form__control ${e??``}`,id:i})})}function h(e){return n(m,{autoComplete:`email`,placeholder:`name@example.com`,...e,type:`email`})}function g({className:e,...t}){return n(`input`,{...t,className:[`lockerverse-form__checkbox`,e].filter(Boolean).join(` `),type:`checkbox`})}const _=`Enter a valid email address.`,v=`Phone is required.`,y=`Enter a valid phone number.`,b=/^(?:$|[^\s@]+@[^\s@]+\.[^\s@]+)$/,x=/^\+[1-9]\d{6,14}$/;function S(e){return x.test(e)}function C(e){return e.trim().replace(/[().\s-]/g,``)}const w=s(l(),d(),c(b,_)),T=s(l(),d(),o(`Email is required.`),a(_)),E=s(l(),d(),i(e=>e===``||C(e)!==``,y),u(C),i(e=>e===``||S(e),y)),D=s(l(),d(),o(v),u(C),i(S,y));function O(e){if(e===`PAYMENT_WIDGET_PHONE_REQUIRED`||e===`SIGN_UP_WIDGET_PHONE_REQUIRED`)return v;if(e===`PAYMENT_WIDGET_PHONE_INVALID`||e===`SIGN_UP_WIDGET_PHONE_INVALID`)return y}const k=[{callingCode:`+1`,label:`🇺🇸 +1`,value:`US`},{callingCode:`+52`,label:`🇲🇽 +52`,value:`MX`},{callingCode:`+380`,label:`🇺🇦 +380`,value:`UA`},{callingCode:`+48`,label:`🇵🇱 +48`,value:`PL`},{callingCode:`+1`,label:`🇨🇦 +1`,value:`CA`},{callingCode:`+49`,label:`🇩🇪 +49`,value:`DE`},{callingCode:`+44`,label:`🇬🇧 +44`,value:`GB`},{callingCode:`+46`,label:`🇸🇪 +46`,value:`SE`},{callingCode:`+358`,label:`🇫🇮 +358`,value:`FI`},{callingCode:`+1`,label:`🇵🇷 +1`,value:`PR`}];function A(e){return k.find(t=>t.value===e)??k[0]}function j(e,t){let n=`${t}${t}`,r=e;for(;r.startsWith(n);)r=`${t}${r.slice(n.length)}`;return r}function M(e,t){let n=C(e);if(!n)return``;let r=A(t),i=j(n,r.callingCode);return i.startsWith(`+`)?i:`${r.callingCode}${i}`}function N(e,t=`US`){let n=C(e),r=A(t);return n.startsWith(`+`)&&!n.startsWith(r.callingCode)?k.find(e=>n.startsWith(e.callingCode))?.value??r.value:r.value}function P({id:i,name:a,value:o,onChange:s,country:c,required:l,disabled:u,inputRef:d,error:f,errorId:p,placeholder:m=`(201) 555-0123`}){let h=t(null),g=A(c);return r(`div`,{className:`lockerverse-form__phone`,dir:`ltr`,children:[r(`div`,{className:`lockerverse-form__phone-country`,children:[r(`span`,{"aria-hidden":`true`,children:[n(`span`,{className:`lockerverse-form__phone-flag`,children:g.label.split(` `)[0]}),g.callingCode,n(e,{"aria-hidden":`true`,size:14})]}),n(`select`,{"aria-label":`Phone number country`,disabled:u,name:`phoneCountry`,onChange:e=>{s({country:A(e.target.value).value,value:o}),h.current?.focus()},value:g.value,children:k.map(e=>n(`option`,{value:e.value,children:e.label},e.value))})]}),n(`input`,{"aria-describedby":f?p:void 0,"aria-invalid":f?!0:void 0,autoComplete:`tel-national`,disabled:u,id:i,name:a,onChange:e=>{let t=e.target.value;s({country:N(t,c),value:t})},placeholder:m,ref:e=>{h.current=e,d&&(d.current=e)},required:l,type:`tel`,value:o})]})}function F(e,t){if(e)try{Promise.resolve(e(t)).catch(()=>void 0)}catch{}}export{O as a,E as c,g as d,h as f,m as h,N as i,T as l,p as m,P as n,C as o,f as p,M as r,w as s,F as t,D as u};
+function e(e,t){if(e)try{Promise.resolve(e(t)).catch(()=>void 0)}catch{}}export{e as t};
 //# sourceMappingURL=host-callback.js.map

package/dist/host-callback.js.map

@@ -1 +1 @@
-{"version":3,"file":"host-callback.js","names":[],"sources":["../src/form-field.tsx","../src/contact-validation.ts","../src/phone.ts","../src/phone-field.tsx","../src/host-callback.ts"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\n\nexport function FieldError({\n  className,\n  error,\n  id,\n}: {\n  className?: string;\n  error: string | undefined;\n  id: string;\n}) {\n  return error ? (\n    <span\n      className={`lockerverse-form__error ${className ?? \"\"}`}\n      id={id}\n      role=\"alert\"\n    >\n      {error}\n    </span>\n  ) : null;\n}\n\nexport function FormField({\n  children,\n  error,\n  errorId,\n  id,\n  label,\n}: {\n  children: ReactNode;\n  error?: string | undefined;\n  errorId?: string | undefined;\n  id: string;\n  label: string;\n}) {\n  return (\n    <div className=\"lockerverse-form__field\">\n      <label htmlFor={id}>{label}</label>\n      {children}\n      <FieldError error={error} id={errorId ?? `${id}-error`} />\n    </div>\n  );\n}\n\ntype TextFieldProps = ComponentProps<\"input\"> & {\n  error?: string | undefined;\n  errorId?: string | undefined;\n  id: string;\n  label: string;\n};\n\nexport function TextField({\n  className,\n  error,\n  errorId,\n  id,\n  label,\n  ...inputProps\n}: TextFieldProps) {\n  const messageId = errorId ?? `${id}-error`;\n  return (\n    <FormField error={error} errorId={messageId} id={id} label={label}>\n      <input\n        {...inputProps}\n        aria-describedby={error ? messageId : inputProps[\"aria-describedby\"]}\n        aria-invalid={error ? \"true\" : inputProps[\"aria-invalid\"]}\n        className={`lockerverse-form__control ${className ?? \"\"}`}\n        id={id}\n      />\n    </FormField>\n  );\n}\n\nexport function EmailField(props: Omit<TextFieldProps, \"type\">) {\n  return (\n    <TextField\n      autoComplete=\"email\"\n      placeholder=\"name@example.com\"\n      {...props}\n      type=\"email\"\n    />\n  );\n}\n\n/** Native checkbox semantics with the shared SDK control appearance. */\nexport function Checkbox({\n  className,\n  ...props\n}: Omit<ComponentProps<\"input\">, \"type\">) {\n  return (\n    <input\n      {...props}\n      className={[\"lockerverse-form__checkbox\", className]\n        .filter(Boolean)\n        .join(\" \")}\n      type=\"checkbox\"\n    />\n  );\n}\n","import {\n  check,\n  email,\n  nonEmpty,\n  pipe,\n  regex,\n  string,\n  transform,\n  trim,\n} from \"valibot\";\n\nexport const EMAIL_REQUIRED_MESSAGE = \"Email is required.\";\nexport const EMAIL_INVALID_MESSAGE = \"Enter a valid email address.\";\nexport const PHONE_REQUIRED_MESSAGE = \"Phone is required.\";\nexport const PHONE_INVALID_MESSAGE = \"Enter a valid phone number.\";\n\nconst OPTIONAL_EMAIL_PATTERN = /^(?:$|[^\\s@]+@[^\\s@]+\\.[^\\s@]+)$/;\nconst INTERNATIONAL_PHONE_PATTERN = /^\\+[1-9]\\d{6,14}$/;\n\nfunction isValidInternationalPhone(value: string) {\n  return INTERNATIONAL_PHONE_PATTERN.test(value);\n}\n\nexport function normalizePhone(input: string) {\n  return input.trim().replace(/[().\\s-]/g, \"\");\n}\n\nexport const optionalEmailSchema = pipe(\n  string(),\n  trim(),\n  regex(OPTIONAL_EMAIL_PATTERN, EMAIL_INVALID_MESSAGE)\n);\n\nexport const requiredEmailSchema = pipe(\n  string(),\n  trim(),\n  nonEmpty(EMAIL_REQUIRED_MESSAGE),\n  email(EMAIL_INVALID_MESSAGE)\n);\n\nexport const optionalPhoneSchema = pipe(\n  string(),\n  trim(),\n  check(\n    (value) => value === \"\" || normalizePhone(value) !== \"\",\n    PHONE_INVALID_MESSAGE\n  ),\n  transform(normalizePhone),\n  check(\n    (value) => value === \"\" || isValidInternationalPhone(value),\n    PHONE_INVALID_MESSAGE\n  )\n);\n\nexport const requiredPhoneSchema = pipe(\n  string(),\n  trim(),\n  nonEmpty(PHONE_REQUIRED_MESSAGE),\n  transform(normalizePhone),\n  check(isValidInternationalPhone, PHONE_INVALID_MESSAGE)\n);\n\nexport function getPhoneServerError(serverCode: string | undefined) {\n  if (\n    serverCode === \"PAYMENT_WIDGET_PHONE_REQUIRED\" ||\n    serverCode === \"SIGN_UP_WIDGET_PHONE_REQUIRED\"\n  ) {\n    return PHONE_REQUIRED_MESSAGE;\n  }\n  if (\n    serverCode === \"PAYMENT_WIDGET_PHONE_INVALID\" ||\n    serverCode === \"SIGN_UP_WIDGET_PHONE_INVALID\"\n  ) {\n    return PHONE_INVALID_MESSAGE;\n  }\n}\n","import { normalizePhone } from \"./contact-validation.ts\";\n\nexport const PHONE_COUNTRIES = [\n  {\n    callingCode: \"+1\",\n    label: \"🇺🇸 +1\",\n    value: \"US\",\n  },\n  {\n    callingCode: \"+52\",\n    label: \"🇲🇽 +52\",\n    value: \"MX\",\n  },\n  {\n    callingCode: \"+380\",\n    label: \"🇺🇦 +380\",\n    value: \"UA\",\n  },\n  {\n    callingCode: \"+48\",\n    label: \"🇵🇱 +48\",\n    value: \"PL\",\n  },\n  {\n    callingCode: \"+1\",\n    label: \"🇨🇦 +1\",\n    value: \"CA\",\n  },\n  {\n    callingCode: \"+49\",\n    label: \"🇩🇪 +49\",\n    value: \"DE\",\n  },\n  {\n    callingCode: \"+44\",\n    label: \"🇬🇧 +44\",\n    value: \"GB\",\n  },\n  {\n    callingCode: \"+46\",\n    label: \"🇸🇪 +46\",\n    value: \"SE\",\n  },\n  {\n    callingCode: \"+358\",\n    label: \"🇫🇮 +358\",\n    value: \"FI\",\n  },\n  {\n    callingCode: \"+1\",\n    label: \"🇵🇷 +1\",\n    value: \"PR\",\n  },\n] as const;\n\nexport type PhoneCountry = (typeof PHONE_COUNTRIES)[number][\"value\"];\n\nexport function getPhoneCountry(country: string) {\n  return (\n    PHONE_COUNTRIES.find((option) => option.value === country) ??\n    PHONE_COUNTRIES[0]\n  );\n}\n\nfunction removeRepeatedCallingCode(phone: string, callingCode: string) {\n  const repeatedCallingCode = `${callingCode}${callingCode}`;\n  let normalizedPhone = phone;\n  while (normalizedPhone.startsWith(repeatedCallingCode)) {\n    normalizedPhone = `${callingCode}${normalizedPhone.slice(repeatedCallingCode.length)}`;\n  }\n  return normalizedPhone;\n}\n\nexport function getInternationalPhone(phone: string, country: string) {\n  const normalizedPhone = normalizePhone(phone);\n  if (!normalizedPhone) {\n    return \"\";\n  }\n\n  const selectedCountry = getPhoneCountry(country);\n  const phoneWithOneCallingCode = removeRepeatedCallingCode(\n    normalizedPhone,\n    selectedCountry.callingCode\n  );\n\n  return phoneWithOneCallingCode.startsWith(\"+\")\n    ? phoneWithOneCallingCode\n    : `${selectedCountry.callingCode}${phoneWithOneCallingCode}`;\n}\n\nexport function resolvePhoneCountry(phone: string, country = \"US\") {\n  const normalized = normalizePhone(phone);\n  const current = getPhoneCountry(country);\n  return normalized.startsWith(\"+\") &&\n    !normalized.startsWith(current.callingCode)\n    ? (PHONE_COUNTRIES.find((option) =>\n        normalized.startsWith(option.callingCode)\n      )?.value ?? current.value)\n    : current.value;\n}\n","import { ChevronDown } from \"lucide-react\";\nimport { type RefObject, useRef } from \"react\";\nimport {\n  getPhoneCountry,\n  PHONE_COUNTRIES,\n  resolvePhoneCountry,\n} from \"./phone.ts\";\n\nexport type PhoneInputValue = { value: string; country: string };\n\nexport type PhoneInputProps = {\n  country: string;\n  disabled?: boolean | undefined;\n  error?: string | boolean | undefined;\n  errorId?: string | undefined;\n  id: string;\n  inputRef?: RefObject<HTMLInputElement | null> | undefined;\n  name?: string | undefined;\n  onChange: (value: PhoneInputValue) => void;\n  placeholder?: string | undefined;\n  required?: boolean | undefined;\n  value: string;\n};\n\n/** Controlled raw input. The caller validates and normalizes it on submission. */\nexport function PhoneInput({\n  id,\n  name,\n  value,\n  onChange,\n  country,\n  required,\n  disabled,\n  inputRef,\n  error,\n  errorId,\n  placeholder = \"(201) 555-0123\",\n}: PhoneInputProps) {\n  const input = useRef<HTMLInputElement>(null);\n  const selectedCountry = getPhoneCountry(country);\n\n  return (\n    <div className=\"lockerverse-form__phone\" dir=\"ltr\">\n      <div className=\"lockerverse-form__phone-country\">\n        <span aria-hidden=\"true\">\n          <span className=\"lockerverse-form__phone-flag\">\n            {selectedCountry.label.split(\" \")[0]}\n          </span>\n          {selectedCountry.callingCode}\n          <ChevronDown aria-hidden=\"true\" size={14} />\n        </span>\n        <select\n          aria-label=\"Phone number country\"\n          disabled={disabled}\n          name=\"phoneCountry\"\n          onChange={(event) => {\n            const nextCountry = getPhoneCountry(event.target.value);\n            onChange({ country: nextCountry.value, value });\n            input.current?.focus();\n          }}\n          value={selectedCountry.value}\n        >\n          {PHONE_COUNTRIES.map((option) => (\n            <option key={option.value} value={option.value}>\n              {option.label}\n            </option>\n          ))}\n        </select>\n      </div>\n      <input\n        aria-describedby={error ? errorId : undefined}\n        aria-invalid={error ? true : undefined}\n        autoComplete=\"tel-national\"\n        disabled={disabled}\n        id={id}\n        name={name}\n        onChange={(event) => {\n          const raw = event.target.value;\n          onChange({ country: resolvePhoneCountry(raw, country), value: raw });\n        }}\n        placeholder={placeholder}\n        ref={(element) => {\n          input.current = element;\n          if (inputRef) {\n            inputRef.current = element;\n          }\n        }}\n        required={required}\n        type=\"tel\"\n        value={value}\n      />\n    </div>\n  );\n}\n","export function notifyHostCallback<Value>(\n  callback: ((value: Value) => void) | undefined,\n  value: Value\n) {\n  if (!callback) {\n    return;\n  }\n  try {\n    Promise.resolve(callback(value)).catch(() => undefined);\n  } catch {\n    // Host callback failures must not change completed SDK state.\n  }\n}\n"],"mappings":"+OAEA,SAAgB,EAAW,CACzB,YACA,QACA,MAKC,CACD,OAAO,EACL,EAAC,OAAD,CACE,UAAW,2BAA2B,GAAa,KAC/C,KACJ,KAAK,QAEJ,SAAA,CACG,CAAA,EACJ,IACN,CAEA,SAAgB,EAAU,CACxB,WACA,QACA,UACA,KACA,SAOC,CACD,OACE,EAAC,MAAD,CAAK,UAAU,0BAAf,SAAA,CACE,EAAC,QAAD,CAAO,QAAS,EAAK,SAAA,CAAa,CAAA,EACjC,EACD,EAAC,EAAD,CAAmB,QAAO,GAAI,GAAW,GAAG,EAAG,OAAU,CAAA,CACtD,GAET,CASA,SAAgB,EAAU,CACxB,YACA,QACA,UACA,KACA,QACA,GAAG,GACc,CACjB,IAAM,EAAY,GAAW,GAAG,EAAG,QACnC,OACE,EAAC,EAAD,CAAkB,QAAO,QAAS,EAAe,KAAW,QAC1D,SAAA,EAAC,QAAD,CACE,GAAI,EACJ,mBAAkB,EAAQ,EAAY,EAAW,oBACjD,eAAc,EAAQ,OAAS,EAAW,gBAC1C,UAAW,6BAA6B,GAAa,KACjD,IACL,CAAA,CACQ,CAAA,CAEf,CAEA,SAAgB,EAAW,EAAqC,CAC9D,OACE,EAAC,EAAD,CACE,aAAa,QACb,YAAY,mBACZ,GAAI,EACJ,KAAK,OACN,CAAA,CAEL,CAGA,SAAgB,EAAS,CACvB,YACA,GAAG,GACqC,CACxC,OACE,EAAC,QAAD,CACE,GAAI,EACJ,UAAW,CAAC,6BAA8B,CAAS,CAAC,CACjD,OAAO,OAAO,CAAC,CACf,KAAK,GAAG,EACX,KAAK,UACN,CAAA,CAEL,CCvFA,MACa,EAAwB,+BACxB,EAAyB,qBACzB,EAAwB,8BAE/B,EAAyB,mCACzB,EAA8B,oBAEpC,SAAS,EAA0B,EAAe,CAChD,OAAO,EAA4B,KAAK,CAAK,CAC/C,CAEA,SAAgB,EAAe,EAAe,CAC5C,OAAO,EAAM,KAAK,CAAC,CAAC,QAAQ,YAAa,EAAE,CAC7C,CAEA,MAAa,EAAsB,EACjC,EAAO,EACP,EAAK,EACL,EAAM,EAAwB,CAAqB,CACrD,EAEa,EAAsB,EACjC,EAAO,EACP,EAAK,EACL,EAAS,oBAAsB,EAC/B,EAAM,CAAqB,CAC7B,EAEa,EAAsB,EACjC,EAAO,EACP,EAAK,EACL,EACG,GAAU,IAAU,IAAM,EAAe,CAAK,IAAM,GACrD,CACF,EACA,EAAU,CAAc,EACxB,EACG,GAAU,IAAU,IAAM,EAA0B,CAAK,EAC1D,CACF,CACF,EAEa,EAAsB,EACjC,EAAO,EACP,EAAK,EACL,EAAS,CAAsB,EAC/B,EAAU,CAAc,EACxB,EAAM,EAA2B,CAAqB,CACxD,EAEA,SAAgB,EAAoB,EAAgC,CAClE,GACE,IAAe,iCACf,IAAe,gCAEf,OAAO,EAET,GACE,IAAe,gCACf,IAAe,+BAEf,OAAO,CAEX,CCzEA,MAAa,EAAkB,CAC7B,CACE,YAAa,KACb,MAAO,UACP,MAAO,IACT,EACA,CACE,YAAa,MACb,MAAO,WACP,MAAO,IACT,EACA,CACE,YAAa,OACb,MAAO,YACP,MAAO,IACT,EACA,CACE,YAAa,MACb,MAAO,WACP,MAAO,IACT,EACA,CACE,YAAa,KACb,MAAO,UACP,MAAO,IACT,EACA,CACE,YAAa,MACb,MAAO,WACP,MAAO,IACT,EACA,CACE,YAAa,MACb,MAAO,WACP,MAAO,IACT,EACA,CACE,YAAa,MACb,MAAO,WACP,MAAO,IACT,EACA,CACE,YAAa,OACb,MAAO,YACP,MAAO,IACT,EACA,CACE,YAAa,KACb,MAAO,UACP,MAAO,IACT,CACF,EAIA,SAAgB,EAAgB,EAAiB,CAC/C,OACE,EAAgB,KAAM,GAAW,EAAO,QAAU,CAAO,GACzD,EAAgB,EAEpB,CAEA,SAAS,EAA0B,EAAe,EAAqB,CACrE,IAAM,EAAsB,GAAG,IAAc,IACzC,EAAkB,EACtB,KAAO,EAAgB,WAAW,CAAmB,GACnD,EAAkB,GAAG,IAAc,EAAgB,MAAM,EAAoB,MAAM,IAErF,OAAO,CACT,CAEA,SAAgB,EAAsB,EAAe,EAAiB,CACpE,IAAM,EAAkB,EAAe,CAAK,EAC5C,GAAI,CAAC,EACH,MAAO,GAGT,IAAM,EAAkB,EAAgB,CAAO,EACzC,EAA0B,EAC9B,EACA,EAAgB,WAClB,EAEA,OAAO,EAAwB,WAAW,GAAG,EACzC,EACA,GAAG,EAAgB,cAAc,GACvC,CAEA,SAAgB,EAAoB,EAAe,EAAU,KAAM,CACjE,IAAM,EAAa,EAAe,CAAK,EACjC,EAAU,EAAgB,CAAO,EACvC,OAAO,EAAW,WAAW,GAAG,GAC9B,CAAC,EAAW,WAAW,EAAQ,WAAW,EACvC,EAAgB,KAAM,GACrB,EAAW,WAAW,EAAO,WAAW,CAC1C,CAAC,EAAE,OAAS,EAAQ,MACpB,EAAQ,KACd,CC1EA,SAAgB,EAAW,CACzB,KACA,OACA,QACA,WACA,UACA,WACA,WACA,WACA,QACA,UACA,cAAc,kBACI,CAClB,IAAM,EAAQ,EAAyB,IAAI,EACrC,EAAkB,EAAgB,CAAO,EAE/C,OACE,EAAC,MAAD,CAAK,UAAU,0BAA0B,IAAI,MAA7C,SAAA,CACE,EAAC,MAAD,CAAK,UAAU,kCAAf,SAAA,CACE,EAAC,OAAD,CAAM,cAAY,OAAlB,SAAA,CACE,EAAC,OAAD,CAAM,UAAU,+BACb,SAAA,EAAgB,MAAM,MAAM,GAAG,CAAC,CAAC,EAC9B,CAAA,EACL,EAAgB,YACjB,EAAC,EAAD,CAAa,cAAY,OAAO,KAAM,EAAK,CAAA,CACvC,CACN,CAAA,EAAA,EAAC,SAAD,CACE,aAAW,uBACD,WACV,KAAK,eACL,SAAW,GAAU,CAEnB,EAAS,CAAE,QADS,EAAgB,EAAM,OAAO,KACnB,CAAC,CAAC,MAAO,OAAM,CAAC,EAC9C,EAAM,SAAS,MAAM,CACvB,EACA,MAAO,EAAgB,MAEtB,SAAA,EAAgB,IAAK,GACpB,EAAC,SAAD,CAA2B,MAAO,EAAO,MACtC,SAAA,EAAO,KACF,EAFK,EAAO,KAEZ,CACT,CACK,CAAA,CACL,CACL,CAAA,EAAA,EAAC,QAAD,CACE,mBAAkB,EAAQ,EAAU,IAAA,GACpC,eAAc,EAAQ,GAAO,IAAA,GAC7B,aAAa,eACH,WACN,KACE,OACN,SAAW,GAAU,CACnB,IAAM,EAAM,EAAM,OAAO,MACzB,EAAS,CAAE,QAAS,EAAoB,EAAK,CAAO,EAAG,MAAO,CAAI,CAAC,CACrE,EACa,cACb,IAAM,GAAY,CAChB,EAAM,QAAU,EACZ,IACF,EAAS,QAAU,EAEvB,EACU,WACV,KAAK,MACE,OACR,CAAA,CACE,GAET,CC7FA,SAAgB,EACd,EACA,EACA,CACK,KAGL,GAAI,CACF,QAAQ,QAAQ,EAAS,CAAK,CAAC,CAAC,CAAC,UAAY,IAAA,EAAS,CACxD,MAAQ,CAER,CACF"}
+{"version":3,"file":"host-callback.js","names":[],"sources":["../src/host-callback.ts"],"sourcesContent":["export function notifyHostCallback<Value>(\n  callback: ((value: Value) => void) | undefined,\n  value: Value\n) {\n  if (!callback) {\n    return;\n  }\n  try {\n    Promise.resolve(callback(value)).catch(() => undefined);\n  } catch {\n    // Host callback failures must not change completed SDK state.\n  }\n}\n"],"mappings":"AAAA,SAAgB,EACd,EACA,EACA,CACK,KAGL,GAAI,CACF,QAAQ,QAAQ,EAAS,CAAK,CAAC,CAAC,CAAC,UAAY,IAAA,EAAS,CACxD,MAAQ,CAER,CACF"}

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import { n as LockerverseTheme, t as LockerverseStyle } from "./theme.js";
+import { n as CustomFieldValues } from "./custom-fields.js";
 import { n as UseLockerverseWidgetResult, r as useLockerverseWidget, t as UseLockerverseWidgetOptions } from "./use-lockerverse-widget.js";
 import { a as LockerversePaymentRecovery, c as LockerversePaymentTheme, i as LockerversePaymentProps, l as LockerversePaymentUncertain, n as LockerverseDonateLauncherProps, o as LockerversePaymentSelectionItem, r as LockerversePaymentBranding, s as LockerversePaymentStyle, t as LockerverseDonateLauncherPosition, u as LockerverseStripeLoader } from "./types.js";
 import { t as LockerverseDonateLauncher } from "./lockerverse-donate-launcher.js";
 import { n as LockerversePayment, t as preloadLockerversePayment } from "./payment-form.js";
 import { LockerversePaymentCompletion } from "@lockerverse/sdk/checkout";
-export { LockerverseDonateLauncher, type LockerverseDonateLauncherPosition, type LockerverseDonateLauncherProps, LockerversePayment, type LockerversePaymentBranding, type LockerversePaymentCompletion, type LockerversePaymentProps, type LockerversePaymentRecovery, type LockerversePaymentSelectionItem, type LockerversePaymentStyle, type LockerversePaymentTheme, type LockerversePaymentUncertain, type LockerverseStripeLoader, type LockerverseStyle, type LockerverseTheme, type UseLockerverseWidgetOptions, type UseLockerverseWidgetResult, preloadLockerversePayment, useLockerverseWidget };
+export { type CustomFieldValues, LockerverseDonateLauncher, type LockerverseDonateLauncherPosition, type LockerverseDonateLauncherProps, LockerversePayment, type LockerversePaymentBranding, type LockerversePaymentCompletion, type LockerversePaymentProps, type LockerversePaymentRecovery, type LockerversePaymentSelectionItem, type LockerversePaymentStyle, type LockerversePaymentTheme, type LockerversePaymentUncertain, type LockerverseStripeLoader, type LockerverseStyle, type LockerverseTheme, type UseLockerverseWidgetOptions, type UseLockerverseWidgetResult, preloadLockerversePayment, useLockerverseWidget };

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

@@ -23,6 +23,10 @@ type LockerverseAuctionProps = {
   /** Native links preserve opening filters and items in another tab. */
   getFilterHref?: (filter: LockerverseAuctionItemFilter) => string;
   getItemHref?: (auction: LockerverseAuction, item: LockerverseAuctionItem) => string;
+  /** Keep configured positions by default, or show live, upcoming, then closed items. */
+  itemOrder?: "position" | "availability";
+  /** Native URL for returning to the auction list. */
+  backHref?: string;
   /** Rotate catalog photos. Static images are the default. */
   autoRotateImages?: boolean;
   theme?: LockerverseTheme;
@@ -51,7 +55,7 @@ declare const FILTERS: readonly [{
 }];
 type LockerverseAuctionItemFilter = (typeof FILTERS)[number]["value"];
 /** Display one loaded auction. Fetching and item navigation stay with the host. */
-declare function LockerverseAuction$1({ auction, onSelectItem, filter: controlledFilter, onFilterChange, getFilterHref, getItemHref, autoRotateImages, theme, style, className, showFilters, showHeader, showLineup, onBack, renderItem }: LockerverseAuctionProps): import("react").JSX.Element;
+declare function LockerverseAuction$1({ auction, onSelectItem, filter: controlledFilter, onFilterChange, getFilterHref, getItemHref, itemOrder, backHref, autoRotateImages, theme, style, className, showFilters, showHeader, showLineup, onBack, renderItem }: LockerverseAuctionProps): import("react").JSX.Element;
 //#endregion
 //#region src/lockerverse-auction-item-card.d.ts
 type LockerverseAuctionItemCardProps = {

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

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

package/dist/lockerverse-auction.js

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

package/dist/lockerverse-auction.js.map

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