@lockerverse/react 0.2.48 → 0.2.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.ts.map +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/styles.css +121 -0
  5. package/package.json +2 -2
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","names":[],"sources":["../src/types.ts","../src/lockerverse-payment.tsx"],"mappings":";;;;KAOY;EACN;EAAqB;;EACrB;EAAqB;;KAEf;KAEA;EACV;EACA;EACA;;KAGU,0BAA0B;EACpC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;KAGU;EACV;EACA;;KAGU;EACV;EACA;;KAGU,8BACP,MAAM,kBAAkB,gBACxB,kBAAkB;KAEX,0BAA0B,iCACpC,KAAK;EACH,WAAW;EACX,WAAW;EACX,qBAAqB,SAAS;EAC9B,2BACE,UAAU;EAEZ,sBAAsB,SAAS;EAC/B,gBAAgB;EAChB,WAAW;EACX,eAAe;EACf,QAAQ;EACR,QAAQ;;;;iBC06CI,qBACd,YACA,UACA,WACA,eACA,aACA,OACA,UACA,SACA,mBACA,yBACA,oBACA,kBACA,eACA,WACA,WACA,OACA,cACA,OACA,eACG,gBACF,0CAAuB,IAAA"}
1
+ {"version":3,"file":"index.d.ts","names":[],"sources":["../src/types.ts","../src/lockerverse-payment.tsx"],"mappings":";;;;KAOY;EACN;EAAqB;;EACrB;EAAqB;;KAEf;KAEA;EACV;EACA;EACA;;KAGU,0BAA0B;EACpC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;KAGU;EACV;EACA;;KAGU;EACV;EACA;;KAGU,8BACP,MAAM,kBAAkB,gBACxB,kBAAkB;KAEX,0BAA0B,iCACpC,KAAK;EACH,WAAW;EACX,WAAW;EACX,qBAAqB,SAAS;EAC9B,2BACE,UAAU;EAEZ,sBAAsB,SAAS;EAC/B,gBAAgB;EAChB,WAAW;EACX,eAAe;EACf,QAAQ;EACR,QAAQ;;;;iBCqiDI,qBACd,YACA,UACA,WACA,eACA,aACA,OACA,UACA,SACA,mBACA,yBACA,oBACA,kBACA,eACA,WACA,WACA,OACA,cACA,OACA,eACG,gBACF,0CAAuB,IAAA"}
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{AddressElement as e,Elements as t,PaymentElement as n,useElements as r,useStripe as i}from"@stripe/react-stripe-js";import{loadStripe as a}from"@stripe/stripe-js";import{createContext as o,useContext as s,useEffect as c,useId as l,useMemo as u,useReducer as d,useRef as f,useState as p}from"react";import{Select as m}from"@base-ui/react/select";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{LockerverseSdkError as v,createLockerverseCheckoutClient as y}from"@lockerverse/sdk/checkout";import{array as b,email as x,minLength as S,minValue as C,nonEmpty as w,number as T,object as E,pipe as D,regex as O,safeInteger as ee,safeParse as k,strictObject as A,string as j,trim as M,union as N}from"valibot";const te=/^#([\da-f]{3}|[\da-f]{6})$/i;function P(e){let t=te.exec(e.trim());if(!t)return;let[,n]=t;if(!n)return;let r=n.length===3?Array.from(n,e=>`${e}${e}`).join(``):n;return[0,2,4].map(e=>Number.parseInt(r.slice(e,e+2),16))}function F([e,t,n]){let[r=0,i=0,a=0]=[e,t,n].map((e=0)=>{let t=e/255;return t<=.04045?t/12.92:((t+.055)/1.055)**2.4});return .2126*r+.7152*i+.0722*a}function I(e){let t=P(e);if(!t)return;let n=F(t);return(n+.05)/.05>=1.05/(n+.05)?`#000`:`#fff`}const L=o(void 0);function ne({children:e,container:t}){return g(L.Provider,{value:t,children:e})}function R(){return g(`svg`,{"aria-hidden":`true`,fill:`none`,viewBox:`0 0 16 16`,children:g(`path`,{d:`m4 6 4 4 4-4`})})}function z(){return g(`svg`,{"aria-hidden":`true`,fill:`none`,viewBox:`0 0 16 16`,children:g(`path`,{d:`m3 8 3 3 7-7`})})}function B({ariaDescribedBy:e,ariaLabel:t,ariaLabelledBy:n,className:r,id:i,invalid:a=!1,name:o,onValueChange:c,options:l,value:u}){let d=s(L),f=[`lockerverse-payment__select`,r].filter(Boolean).join(` `);return g(`div`,{className:f,children:_(m.Root,{id:i,items:l,name:o,onValueChange:e=>{e!==null&&c(e)},value:u,children:[_(m.Trigger,{"aria-describedby":e,"aria-invalid":a||void 0,"aria-label":t,"aria-labelledby":n,className:`lockerverse-payment__select-trigger`,children:[g(m.Value,{}),g(m.Icon,{"aria-hidden":`true`,className:`lockerverse-payment__select-icon`,children:g(R,{})})]}),g(m.Portal,{container:d,children:g(m.Positioner,{alignItemWithTrigger:!1,className:`lockerverse-payment__select-positioner`,sideOffset:6,children:g(m.Popup,{className:`lockerverse-payment__select-popup`,children:g(m.List,{className:`lockerverse-payment__select-list`,children:l.map(e=>_(m.Item,{className:`lockerverse-payment__select-item`,value:e.value,children:[g(m.ItemText,{children:e.label}),g(m.ItemIndicator,{"aria-hidden":`true`,className:`lockerverse-payment__select-item-indicator`,children:g(z,{})})]},e.value))})})})})]})})}const re=[`XS`,`S`,`M`,`L`,`XL`,`XXL`,`XXXL`],V=[`15`,`12`,`10`,`5`],H=[...V,`custom`];function ie({enabled:e,error:t,errorId:n,onChange:r,values:i}){if(!e)return null;let a=e=>r({...i,...e}),o=(e,t)=>{let n=H.indexOf(t),r;switch(e.key){case`ArrowDown`:case`ArrowRight`:r=(n+1)%H.length;break;case`ArrowLeft`:case`ArrowUp`:r=(n-1+H.length)%H.length;break;case`Home`:r=0;break;case`End`:r=H.length-1;break;default:return}e.preventDefault();let i=H[r];i&&((e.currentTarget.closest(`[role="radiogroup"]`)?.querySelectorAll(`input[type="radio"]`))?.[r]?.focus(),a({tipPercent:i}))};return _(`div`,{className:`lockerverse-payment__tip-box`,children:[g(`p`,{children:`Add a tip to support the Lockerverse platform`}),_(`div`,{"aria-label":`Tip amount`,role:`radiogroup`,children:[V.map(e=>_(`label`,{className:`lockerverse-payment__tip-choice`,children:[g(`input`,{checked:i.tipPercent===e,name:`tipPercent`,onChange:()=>a({tipPercent:e}),onKeyDown:t=>o(t,e),tabIndex:i.tipPercent===e?0:-1,type:`radio`,value:e}),_(`span`,{children:[e,`%`]})]},e)),_(`label`,{className:`lockerverse-payment__tip-choice`,children:[g(`input`,{checked:i.tipPercent===`custom`,name:`tipPercent`,onChange:()=>a({tipPercent:`custom`}),onKeyDown:e=>o(e,`custom`),tabIndex:i.tipPercent===`custom`?0:-1,type:`radio`,value:`custom`}),g(`span`,{children:`Other`})]})]}),i.tipPercent===`custom`?_(`label`,{children:[g(`span`,{children:`Custom tip`}),_(`span`,{className:`lockerverse-payment__money-input`,children:[g(`span`,{"aria-hidden":`true`,children:`$`}),g(`input`,{"aria-describedby":t?n:void 0,"aria-invalid":t?`true`:void 0,inputMode:`decimal`,name:`tip`,onChange:e=>a({customTip:e.currentTarget.value}),placeholder:`0.00`,value:i.customTip})]}),t?g(`span`,{className:`lockerverse-payment__field-message`,id:n,children:t}):null]}):g(`input`,{name:`tip`,type:`hidden`,value:i.tipPercent})]})}function U({checked:e,children:t,name:n,onChange:r}){return _(`label`,{className:`lockerverse-payment__check-row`,children:[g(`input`,{checked:e,name:n,onChange:e=>r(e.currentTarget.checked),type:`checkbox`}),g(`span`,{children:t})]})}function ae({customFields:e,errors:t,fields:n,idPrefix:r,onChange:i,onPricingBlur:a,values:o}){let s=e=>i({...o,...e});return _(`div`,{className:`lockerverse-payment__additional-fields`,children:[n.memberId?_(`label`,{children:[g(`span`,{children:`Member ID`}),g(`input`,{name:`memberId`,onChange:e=>s({memberId:e.currentTarget.value}),placeholder:`Optional`,value:o.memberId})]}):null,n.merchSize?_(`div`,{className:`lockerverse-payment__field`,children:[g(`span`,{id:`${r}-merch-size-label`,children:`Size`}),g(B,{ariaLabelledBy:`${r}-merch-size-label`,name:`merchSize`,onValueChange:e=>s({merchSize:e}),options:re.map(e=>({label:e,value:e})),value:o.merchSize})]}):null,n.promoCode?_(`label`,{children:[g(`span`,{children:`Promo code`}),g(`input`,{name:`promoCode`,onBlur:a,onChange:e=>s({promoCode:e.currentTarget.value}),placeholder:`Optional`,value:o.promoCode})]}):null,e.map(e=>g(oe,{error:t[e.id],field:e,idPrefix:r,onChange:t=>s({customFields:{...o.customFields,[e.id]:t}}),value:o.customFields[e.id]},e.id))]})}function W({amountCents:e,enabled:t,onChange:n,values:r}){return t?_(U,{checked:r.includeServiceFee,name:`includeServiceFee`,onChange:e=>n({...r,includeServiceFee:e}),children:[`Add `,le(e),` to help cover processing fees`]}):null}function oe({error:e,field:t,idPrefix:n,onChange:r,value:i}){let a=`custom:${t.id}`,o=`${n}-custom-${t.id}`,s=`${o}-error`;switch(t.type){case`text`:case`textarea`:return g(se,{controlId:o,error:e,errorId:s,field:t,name:a,onChange:r,value:i});case`select`:case`multi_select`:return g(ce,{controlId:o,error:e,errorId:s,field:t,name:a,onChange:r,value:i});case`radio`:case`checkboxes`:return g(K,{controlId:o,error:e,errorId:s,field:t,name:a,onChange:r,value:i});default:return null}}function G({error:e,id:t}){return e?g(`p`,{className:`lockerverse-payment__field-message`,id:t,children:e}):null}function se({controlId:e,error:t,errorId:n,field:r,name:i,onChange:a,value:o}){let s={"aria-describedby":t?n:void 0,"aria-invalid":t?`true`:void 0,id:e,name:i,onChange:e=>a(e.currentTarget.value),required:r.required,value:typeof o==`string`?o:``};return _(`label`,{htmlFor:e,children:[g(`span`,{children:r.label}),r.type===`textarea`?g(`textarea`,{...s}):g(`input`,{...s}),g(G,{error:t,id:n})]})}function ce({controlId:e,error:t,errorId:n,field:r,name:i,onChange:a,value:o}){return _(`label`,{htmlFor:e,children:[g(`span`,{children:r.label}),_(`select`,{"aria-describedby":t?n:void 0,"aria-invalid":t?`true`:void 0,id:e,multiple:r.type===`multi_select`,name:i,onChange:e=>a(r.type===`multi_select`?[...e.currentTarget.selectedOptions].map(e=>e.value):e.currentTarget.value),required:r.required,value:o??(r.type===`multi_select`?[]:``),children:[r.type===`select`?g(`option`,{value:``,children:`Select…`}):null,r.options.map(e=>g(`option`,{value:e.id,children:e.label},e.id))]}),g(G,{error:t,id:n})]})}function K({controlId:e,error:t,errorId:n,field:r,name:i,onChange:a,value:o}){return _(`fieldset`,{"aria-describedby":t?n:void 0,"aria-invalid":t?`true`:void 0,children:[g(`legend`,{children:r.label}),r.options.map((t,n)=>{let s=Array.isArray(o)?o.includes(t.id):o===t.id;return _(`label`,{className:`lockerverse-payment__check-row`,children:[g(`input`,{checked:s,id:`${e}-${n}`,name:i,onChange:e=>{if(r.type===`radio`){a(t.id);return}let n=Array.isArray(o)?o:[];a(e.currentTarget.checked?[...n,t.id]:n.filter(e=>e!==t.id))},required:r.required,type:r.type===`radio`?`radio`:`checkbox`,value:t.id}),g(`span`,{children:t.label})]},t.id)}),g(G,{error:t,id:n})]})}function le(e){return new Intl.NumberFormat(`en-US`,{currency:`USD`,style:`currency`}).format(e/100)}const q=[`amountCents`,`discountableSubtotalCents`,`discountCents`,`serviceFeeCents`,`subtotalCents`,`tipCents`,`totalCents`],J=[`discountableSubtotalCents`,`discountCents`,`subtotalCents`];function Y(e,t,n){return(n===t.totalCents?J:q).some(n=>e[n]!==t[n])||e.payment.connectedAccountId!==t.payment.connectedAccountId||e.payment.currency!==t.payment.currency||JSON.stringify(e.appliedDiscount)!==JSON.stringify(t.appliedDiscount)||JSON.stringify(e.lineItems)!==JSON.stringify(t.lineItems)}function ue(e){return e.checkoutStatus===`success`?{kind:`success`,payment:e}:e.checkoutStatus===`failed`?{kind:`failed`,payment:e}:{kind:`unresolved`,paymentReference:e.paymentReference,reason:e.checkoutStatus===`action_required`?`action_required`:`pending`}}async function de(e,t,n){if(t.checkoutStatus!==`action_required`)return ue(t);if(t.clientSecret)try{await n.handleNextAction({clientSecret:t.clientSecret})}catch{}try{return ue(await e.getPaymentStatus(t.paymentReference))}catch{return{kind:`unresolved`,paymentReference:t.paymentReference,reason:`action_required`}}}async function fe(e,t,n){let r;try{r=await e.submitPayment(t)}catch(n){if(!(n instanceof v&&n.recoveryRecommended))throw n;try{r=await e.getPaymentStatus(t.checkout.paymentReference)}catch{return{kind:`unresolved`,paymentReference:t.checkout.paymentReference,reason:`recovery_failed`}}}return de(e,r,n)}async function pe(e,t,n){try{return de(e,await e.getPaymentStatus(t),n)}catch{return{kind:`unresolved`,paymentReference:t,reason:`recovery_failed`}}}const me=D(j(),M(),w()),he=D(T(),ee(),C(1)),X=D(b(N([A({amountCents:he,productSlug:me}),A({productSlug:me,quantity:he})])),S(1)),Z=D(j(),M(),O(/^(?:0|[1-9]\d*)(?:\.\d{1,2})?$/,`Enter a valid tip amount.`));function ge(e){let t=k(Z,e);if(!t.success)return{message:t.issues[0]?.message??`Enter a valid tip amount.`,success:!1};let[n=`0`,r=``]=t.output.split(`.`),i=BigInt(n)*100n+BigInt(r.padEnd(2,`0`));return i>BigInt(2**53-1)?{message:`Enter a valid tip amount.`,success:!1}:{cents:Number(i),success:!0}}function _e(e){let t=k(X,e);return t.success?{success:!0,value:t.output}:{message:`Lockerverse payment configuration is invalid.`,success:!1}}const ve=D(j(),M(),w(`Email is required.`),x(`Enter a valid email address.`)),ye=D(j(),M(),w(`Phone is required.`),O(/^\+[1-9]\d{6,14}$/,`Enter a valid phone number.`));function Q(e){return e.trim().replace(/[().\s-]/g,``)}function be(e,t){let n=t?{...e,phone:Q(e.phone)}:e,r=E(t?{email:ve,phone:ye}:{email:ve}),i=k(r,n);if(i.success)return{errors:{},value:i.output};let a={};for(let e of i.issues){let t=e.path?.[0]?.key;(t===`email`||t===`phone`)&&!a[t]&&(a[t]=e.message)}return{errors:a,value:null}}function xe(e,t){let n={};for(let r of e){if(!r.required)continue;let e=`${r.label} is required.`,i=t[r.id],a=r.type===`checkboxes`||r.type===`multi_select`?k(D(b(j()),S(1,e)),i??[]):k(D(j(),M(),w(e)),typeof i==`string`?i:``);a.success||(n[r.id]=a.issues[0]?.message??e)}return n}function Se(e,t){switch(t.type){case`loading`:return{configuration:t.configuration,phase:`loading`,revision:e.revision,selectionKey:t.selectionKey};case`ready`:return{catalog:t.catalog,checkoutItems:t.checkoutItems,client:t.client,configuration:t.configuration,phase:`ready`,preparedCheckout:t.preparedCheckout,revision:e.revision+1,selectionKey:t.selectionKey};case`error`:return{configuration:t.configuration,failure:t.failure,phase:`error`,revision:e.revision,selectionKey:t.selectionKey};case`checkout`:return e.phase===`ready`?{...e,preparedCheckout:t.preparedCheckout}:e;case`retry`:return{phase:`idle`,revision:e.revision+1};default:return e}}function Ce(e,t){let{apiBaseUrl:n,communitySlug:r,environment:i,fetch:a,requestTimeoutMs:o,sentryDsn:s,widgetSlug:c}=e,l={communitySlug:r,widgetSlug:c,...a?{fetch:a}:{},...t?{onError:t}:{},...o===void 0?{}:{requestTimeoutMs:o},...s===void 0?{}:{sentryDsn:s}};if(n===void 0){if(i===`development`)throw TypeError(`Lockerverse development checkout requires an API base URL.`);return{...l,...i===`production`?{environment:i}:{}}}if(!i)throw TypeError(`Lockerverse development checkout requires an environment.`);return{...l,apiBaseUrl:n,environment:i}}function we(e,t,n){return e?.configuration===t&&e.selectionKey===n}function Te({apiBaseUrl:e,communitySlug:t,environment:n,fetch:r,onError:i,paymentState:a,requestTimeoutMs:o,selection:s,sentryDsn:l,widgetSlug:p}){let m=u(()=>({apiBaseUrl:e,communitySlug:t,environment:n,fetch:r,requestTimeoutMs:o,sentryDsn:l,widgetSlug:p}),[e,t,n,r,o,l,p]),h=_e(s),g=h.success?JSON.stringify(h.value):`invalid-selection`,_=u(()=>h.success?JSON.parse(g):[],[h.success,g]),[v,b]=d(Se,{phase:`idle`,revision:0}),x=f(void 0),S=f(void 0),C=f(i);return C.current=i,c(()=>{if(!h.success||a===`submitting`||a===`success`||a===`unresolved`||we(S.current,m,g)||we(x.current,m,g))return;let e=!0,t={configuration:m,selectionKey:g};x.current=t,b({configuration:m,selectionKey:g,type:`loading`});async function n(){try{let n=y(Ce(m,e=>C.current?.(e))),{catalog:r,checkout:i}=await n.bootstrapCheckout({items:_}),a=[...i.items];e&&(x.current=void 0,S.current=t,b({catalog:r,checkoutItems:a,client:n,configuration:m,preparedCheckout:i,selectionKey:g,type:`ready`}))}catch(n){e&&(x.current=void 0,S.current=t,b({configuration:m,failure:n instanceof Error?n.message:`Lockerverse payment could not load.`,selectionKey:g,type:`error`}))}}return n(),()=>{e=!1,we(x.current,m,g)&&(x.current=void 0)}},[m,h.success,a,g,v.revision,_]),{retryCheckout:()=>{x.current=void 0,S.current=void 0,b({type:`retry`})},selectionError:h.success?void 0:h.message,session:v,updateCheckout:e=>b({preparedCheckout:e,type:`checkout`})}}function Ee(e){return new Intl.NumberFormat(`en-US`,{currency:`USD`,style:`currency`}).format(e/100)}function De(e,t){return t.tipPercent===`custom`?ge(t.customTip):{cents:Math.round(e*Number(t.tipPercent)/100),success:!0}}const Oe=[{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 ke(e,t){return e.trim().startsWith(`+`)?e:`${Oe.find(e=>e.value===t)?.callingCode??`+1`}${e}`}function Ae(e,t){return e.map(e=>{let n=t[e.id];return e.type===`checkboxes`||e.type===`multi_select`?{fieldId:e.id,value:Array.isArray(n)?n:[]}:{fieldId:e.id,value:typeof n==`string`?n:``}})}function je(e,t,n,r){return{email:n,...e.widget.fields.serviceFee?{includeServiceFee:t.includeServiceFee}:{},...e.widget.fields.promoCode&&t.promoCode.trim()?{promoCode:t.promoCode.trim()}:{},...e.widget.fields.tipping?{tipCents:r}:{}}}async function Me(e,t){let n=e.getElement(`address`,{mode:t}),r=t===`billing`?`Billing`:`Shipping`;if(!n)throw Error(`${r} address is still loading.`);let i=await n.getValue();if(!i.complete)throw Error(`${r} address is required.`);return i.value}function Ne(e,t,n,r){if(e.widget.fields.shipping)return n.shippingMatchesBilling?r:Me(t,`shipping`)}function Pe({billingAddress:e,catalog:t,email:n,phone:r,shippingAddress:i}){return{payment_method_data:{billing_details:{address:e.address,email:n,name:e.name,...t.widget.fields.phone?{phone:r}:{}}},...i?{shipping:{address:i.address,name:i.name,phone:t.widget.fields.phone?r:i.phone??null}}:{}}}function Fe({catalog:e,confirmationToken:t,email:n,fieldValues:r,metadata:i,phone:a,shippingAddress:o}){return{...t?{confirmationToken:t}:{},customFieldAnswers:Ae(e.widget.customFields,r.customFields),email:n,...i?{metadata:i}:{},...e.widget.fields.memberId&&r.memberId.trim()?{memberId:r.memberId.trim()}:{},...e.widget.fields.merchSize?{merchSize:r.merchSize}:{},...e.widget.fields.phone?{phone:a}:{},...o?{shipping:{address:{city:o.address.city??``,country:o.address.country,line1:o.address.line1??``,...o.address.line2?{line2:o.address.line2}:{},postal_code:o.address.postal_code??``,state:o.address.state??``},name:o.name}}:{}}}async function Ie({catalog:e,checkoutItems:t,client:n,elements:r,email:i,fieldValues:a,locallyPreviewedTotalCents:o,metadata:s,onPaymentRecoveryChange:c,phone:l,quote:u,stripe:d}){let f=i.trim().toLowerCase(),p=Q(l),m=De(u.subtotalCents,a);if(!m.success)throw Error(m.message);let h=je(e,a,f,m.cents),g=await n.calculateTotal({...h,items:t});if(g.totalCents>0&&Y(u,g,o))return{kind:`quote_changed`,quote:g};if(g.totalCents===0){let t;e.widget.fields.shipping&&(t=await Ne(e,r,a,await Me(r,`billing`))),$(c,{connectedAccountId:g.payment.connectedAccountId,paymentReference:g.paymentReference});let i=await fe(n,{checkout:g,submission:Fe({catalog:e,email:f,fieldValues:a,metadata:s,phone:p,...t?{shippingAddress:t}:{}})},d);return i.kind===`failed`?{kind:`payment_failed`,message:`Order could not be completed. Review the details and try again.`}:i.kind===`unresolved`?{kind:`payment_unresolved`,paymentReference:i.paymentReference,reason:i.reason}:{kind:`payment`,payment:i.payment,quote:g}}await r.update({amount:g.totalCents});let _=await r.submit();if(_.error)throw Error(_.error.message);let v=await Me(r,`billing`),y=await Ne(e,r,a,v),b=await d.createConfirmationToken({elements:r,params:Pe({billingAddress:v,catalog:e,email:f,phone:p,shippingAddress:y})});if(b.error)throw Error(b.error.message);$(c,{connectedAccountId:g.payment.connectedAccountId,paymentReference:g.paymentReference});let x=await fe(n,{checkout:g,submission:Fe({catalog:e,confirmationToken:b.confirmationToken.id,email:f,fieldValues:a,metadata:s,phone:p,...y?{shippingAddress:y}:{}})},d);return x.kind===`failed`?{kind:`payment_failed`,message:`Payment was declined. Check your payment details and try again.`}:x.kind===`unresolved`?{kind:`payment_unresolved`,paymentReference:x.paymentReference,reason:x.reason}:{kind:`payment`,payment:x.payment,quote:g}}function Le({accentColor:e,catalog:n,checkoutItems:r,client:i,fontFamily:a,metadata:o,onPaymentComplete:s,onPaymentRecoveryChange:c,onPaymentUncertain:l,onQuoteChange:d,quote:f,resumePayment:p,onStateChange:m,stripeLoader:h,theme:_,visualStyle:v}){let y=p?p.connectedAccountId:f.payment.connectedAccountId,b=u(()=>h(n.payment.publishableKey,y?{stripeAccount:y}:void 0),[n.payment.publishableKey,y,h]);return g(t,{options:{amount:Math.max(f.totalCents,100),appearance:{rules:{".Input:focus":{borderColor:e,boxShadow:`0 0 0 1px ${e}`,outline:`none`}},theme:_===`light`?`stripe`:`night`,variables:{borderRadius:v?.[`--lockerverse-radius`]??`10px`,colorBackground:v?.[`--lockerverse-control`]??(_===`light`?`#f5f6f7`:`#121212`),colorDanger:v?.[`--lockerverse-danger`]??(_===`light`?`#c52b3e`:`#f08a98`),colorPrimary:e,colorText:v?.[`--lockerverse-text`]??(_===`light`?`#121416`:`#ffffff`),colorTextPlaceholder:v?.[`--lockerverse-placeholder`]??(_===`light`?`#72767d`:`#6b6b6b`),colorTextSecondary:v?.[`--lockerverse-muted`]??(_===`light`?`#62666d`:`#a1a1aa`),focusBoxShadow:`none`,focusOutline:`none`,fontFamily:a,fontSizeBase:`16px`}},currency:f.payment.currency,excludedPaymentMethodTypes:[`us_bank_account`],mode:`payment`,syncAddressCheckbox:`none`},stripe:b,children:g(qe,{catalog:n,checkoutItems:r,client:i,metadata:o,onPaymentComplete:s,onPaymentRecoveryChange:c,onPaymentUncertain:l,onQuoteChange:d,onStateChange:m,quote:f,resumePayment:p})},`${n.payment.publishableKey}:${y??`platform`}`)}function Re({label:e}){return _(`div`,{className:`lockerverse-payment__stripe-loader`,role:`status`,children:[g(`p`,{children:e}),_(`div`,{"aria-hidden":`true`,children:[g(`span`,{}),g(`span`,{}),g(`span`,{})]})]})}function ze({onError:e,onReady:t,ready:r}){return _(`div`,{className:`lockerverse-payment__stripe-element`,"data-ready":r,children:[r?null:g(Re,{label:`Loading payment form...`}),g(`div`,{className:`lockerverse-payment__stripe-mount`,children:g(n,{onLoadError:({error:t})=>e(t.message??`Payment form failed to load.`),onReady:t,options:{business:{name:`Lockerverse`},fields:{billingDetails:{address:`never`,email:`never`,name:`never`,phone:`never`}},layout:`tabs`,terms:{applePay:`auto`,auBecsDebit:`never`,bancontact:`never`,card:`always`,cashapp:`never`,googlePay:`never`,ideal:`never`,paypal:`auto`,sepaDebit:`never`,sofort:`never`,usBankAccount:`never`},wallets:{applePay:`auto`,googlePay:`never`}}})})]})}function Be({label:t,mode:n,onError:r,onReady:i,ready:a}){return _(`div`,{className:`lockerverse-payment__address`,children:[g(`h2`,{children:t}),_(`div`,{className:`lockerverse-payment__stripe-element lockerverse-payment__stripe-element--address`,"data-ready":a,children:[a?null:g(Re,{label:`Loading ${t.toLowerCase()}...`}),g(`div`,{className:`lockerverse-payment__stripe-mount`,children:g(e,{onLoadError:({error:e})=>r(e.message??`${t} failed to load.`),onReady:i,options:{autocomplete:{mode:`automatic`},mode:n}})})]})]})}function Ve({message:e}){return e?g(`p`,{className:`lockerverse-payment__field-message`,role:`alert`,children:e}):null}function He({catalog:e,displayedTotalCents:t,fieldValues:n,isBillingAddressReady:r,isPaymentReady:i,isShippingAddressReady:a,onFieldValuesChange:o,onStripeLoadError:s,setIsBillingAddressReady:c,setIsPaymentReady:l,setIsShippingAddressReady:u}){let d=t>0;return _(h,{children:[d?g(ze,{onError:s,onReady:()=>l(!0),ready:i}):null,d||e.widget.fields.shipping?g(Be,{label:d?`Billing address`:`Shipping address`,mode:`billing`,onError:s,onReady:()=>c(!0),ready:r}):null,e.widget.fields.shipping?_(`div`,{className:`lockerverse-payment__shipping`,children:[g(U,{checked:n.shippingMatchesBilling,name:`shippingMatchesBilling`,onChange:e=>{o({...n,shippingMatchesBilling:e}),e||u(!1)},children:`Shipping is same as billing information`}),n.shippingMatchesBilling?null:g(Be,{label:`Shipping address`,mode:`shipping`,onError:s,onReady:()=>u(!0),ready:a})]}):null]})}function Ue({catalog:e,displayedBaseCents:t,displayedTipCents:n,displayedTotalCents:r,fieldValues:i,isBillingAddressReady:a,isPaymentReady:o,isRequiredShippingReady:s,isSubmitting:c,onFieldValuesChange:l,quote:u}){let d=r===0,f=d?!e.widget.fields.shipping||a&&s:o&&a&&s,p=`Process Payment (${Ee(t)})`;return n>0&&(p+=` + ${Ee(n)} tip`),d&&(p=`Complete order`),c&&(p=d?`Completing…`:`Processing…`),_(`div`,{className:`lockerverse-payment__actions`,children:[g(W,{amountCents:u.serviceFeeCents||Math.round(u.subtotalCents*e.pricingPolicy.serviceFeeRateBasisPoints/1e4),enabled:e.widget.fields.serviceFee,onChange:l,values:i}),g(`button`,{"aria-busy":c,"aria-label":d?`Complete order`:`Process payment for ${Ee(r)} total`,disabled:c||!f,type:`submit`,children:p})]})}function $(e,t){try{e?.(t)}catch{}}function We({customFieldErrors:e,emailRef:t,form:n,parsedTipSuccess:r,phoneRef:i,validationErrors:a}){if(a.email){t.current?.focus();return}if(a.phone){i.current?.focus();return}if(!r){n.querySelector(`[name="tip"]`)?.focus();return}let[o]=Object.keys(e);o&&n.querySelector(`[name="custom:${o}"]`)?.focus()}function Ge({onPaymentComplete:e,onPaymentRecoveryChange:t,onPaymentUncertain:n,onQuoteChange:r,onStateChange:i,result:a,setDisplayedTotalCents:o,setPaymentError:s,setTerminalState:c}){if(a.kind===`quote_changed`){let e=`The total changed to ${Ee(a.quote.totalCents)}. Review it and pay again.`;r(a.quote,e),o(a.quote.totalCents),i(`idle`);return}if(a.kind===`payment_failed`){$(t,null),s(a.message),i(`error`);return}if(a.kind===`payment_unresolved`){c({kind:`unresolved`,message:`Payment is still processing. Do not submit it again.`}),i(`unresolved`);try{n?.({paymentReference:a.paymentReference,reason:a.reason})}catch{}return}r(a.quote),$(t,null),c({kind:`success`,message:a.payment.paymentRequired?`Payment completed successfully.`:`Order confirmed. No payment was required.`}),i(`success`);try{e?.(a.payment)}catch{}}function Ke({email:e,emailErrorId:t,emailId:n,emailRef:r,errors:i,onEmailBlur:a,onEmailChange:o,onPhoneChange:s,onPhoneCountryChange:c,phone:l,phoneCountry:u,phoneEnabled:d,phoneErrorId:f,phoneId:p,phoneRef:m}){return _(`div`,{className:`lockerverse-payment__contact`,children:[g(`label`,{htmlFor:n,children:`Email`}),g(`input`,{"aria-describedby":i.email?t:void 0,"aria-invalid":i.email?`true`:void 0,autoComplete:`email`,id:n,name:`email`,onBlur:a,onChange:e=>o(e.currentTarget.value),placeholder:`name@example.com`,ref:r,type:`email`,value:e}),i.email?g(`p`,{className:`lockerverse-payment__field-message`,id:t,children:i.email}):null,d?_(h,{children:[g(`label`,{htmlFor:p,children:`Phone`}),_(`div`,{className:`lockerverse-payment__phone-control`,children:[g(B,{ariaLabel:`Phone number country`,className:`lockerverse-payment__select--phone-country`,name:`phoneCountry`,onValueChange:c,options:Oe,value:u}),g(`input`,{"aria-describedby":i.phone?f:void 0,"aria-invalid":i.phone?`true`:void 0,autoComplete:`tel`,id:p,inputMode:`tel`,name:`phone`,onChange:e=>s(e.currentTarget.value),placeholder:`(201) 555-0123`,ref:m,type:`tel`,value:l})]}),i.phone?g(`p`,{className:`lockerverse-payment__field-message`,id:f,children:i.phone}):null]}):null]})}function qe({catalog:e,checkoutItems:t,client:n,metadata:a,onPaymentComplete:o,onPaymentRecoveryChange:s,onPaymentUncertain:u,onQuoteChange:d,onStateChange:m,quote:h,resumePayment:v}){let[y,b]=p(``),[x,S]=p(``),[C,w]=p(`US`),[T,E]=p({}),[D,O]=p(),[ee,k]=p({}),[A,j]=p(),[M,N]=p(!1),[te,P]=p(!!v),[F,I]=p(),[L,ne]=p(!1),[R,z]=p(!1),[B,re]=p(!1),[V,H]=p({customFields:{},customTip:``,includeServiceFee:e.widget.fields.serviceFee,memberId:``,merchSize:`M`,promoCode:``,shippingMatchesBilling:!0,tipPercent:`10`}),[U,W]=p(h.totalCents),oe=f(null),G=f(null),se=f(null),ce=f(!1),K=f(0),le=f(h.totalCents>0),q=r(),J=i(),Y=`lockerverse-${l()}`,ue=`${Y}-email`,de=`${ue}-error`,fe=`${Y}-phone`,me=`${fe}-error`,he=`${Y}-tip-error`,X=e.widget.fields.tipping?De(h.subtotalCents,V):{cents:0,success:!0},Z=X.success?X.cents:null,ge=Z??0,_e=U-ge,ve=!e.widget.fields.shipping||V.shippingMatchesBilling||B;c(()=>{if(Z===null)return;let t=e.widget.fields.serviceFee&&V.includeServiceFee?h.serviceFeeCents||Math.round(h.subtotalCents*e.pricingPolicy.serviceFeeRateBasisPoints/1e4):0,n=h.totalCents-h.serviceFeeCents-h.tipCents+t+Z;W(n),n>0&&q?.update({amount:n})},[e.widget.fields.serviceFee,e.widget.fields.tipping,q,V.includeServiceFee,V.tipPercent,V.customTip,Z,h.serviceFeeCents,h.tipCents,h.totalCents]),c(()=>{M&&se.current?.focus()},[M]),c(()=>{let e=U>0;e&&!le.current&&(ne(!1),z(!1)),le.current=e},[U]),c(()=>{!(v&&J)||ce.current||(ce.current=!0,m(`submitting`),pe(n,v.paymentReference,J).then(e=>{if(e.kind===`failed`){$(s,null),O(`The previous payment failed. Check your details and try again.`),P(!1),m(`error`);return}if(e.kind===`unresolved`){I({kind:`unresolved`,message:`Payment is still processing. Do not submit it again.`}),m(`unresolved`);try{u?.({paymentReference:e.paymentReference,reason:e.reason})}catch{}return}$(s,null),I({kind:`success`,message:e.payment.paymentRequired?`Payment completed successfully.`:`Order confirmed. No payment was required.`}),m(`success`);try{o?.(e.payment)}catch{}}))},[n,o,s,u,m,v,J]);function ye(e){E(t=>{let n={...t};return delete n[e],n})}function Q(e){H(e),k({}),j(void 0)}function Se(e){O(e),m(`error`)}async function Ce(){let r=y.trim().toLowerCase();if(!(be({email:r,phone:``},!1).value&&X.success))return;K.current+=1;let i=K.current;try{let a=await n.calculateTotal({...je(e,V,r,X.cents),items:t});if(i!==K.current)return;O(void 0),W(a.totalCents),d(a)}catch(e){i===K.current&&O(e instanceof Error?e.message:`The order total could not be updated.`)}}async function we(r){r.preventDefault();let i=be({email:y,phone:ke(x,C)},e.widget.fields.phone),c=xe(e.widget.customFields,V.customFields);if(!(i.value&&X.success)||Object.keys(c).length>0){E(i.errors),k(c),j(X.success?void 0:X.message),m(`invalid`);let e=r.currentTarget;queueMicrotask(()=>{We({customFieldErrors:c,emailRef:oe,form:e,parsedTipSuccess:X.success,phoneRef:G,validationErrors:i.errors})});return}if(E({}),k({}),!(q&&J)){O(`Payment form is still loading.`),m(`error`);return}O(void 0),N(!0),m(`submitting`);try{Ge({onPaymentComplete:o,onPaymentRecoveryChange:s,onPaymentUncertain:u,onQuoteChange:d,onStateChange:m,result:await Ie({catalog:e,checkoutItems:t,client:n,elements:q,email:y,fieldValues:V,locallyPreviewedTotalCents:U,metadata:a,onPaymentRecoveryChange:s,phone:ke(x,C),quote:h,stripe:J}),setDisplayedTotalCents:W,setPaymentError:O,setTerminalState:I})}catch(e){$(s,null),O(e instanceof Error?e.message:`Payment could not be completed.`),m(`error`)}finally{N(!1)}}return F?g(`p`,{className:`lockerverse-payment__payment-status`,ref:se,role:`status`,tabIndex:-1,children:F.message}):te?g(`p`,{className:`lockerverse-payment__payment-status`,role:`status`,children:`Recovering payment…`}):_(`form`,{"aria-busy":M,className:`lockerverse-payment__form`,noValidate:!0,onSubmit:we,children:[g(`div`,{"data-lockerverse-input-region":``,inert:M?!0:void 0,children:_(`fieldset`,{className:`lockerverse-payment__input-fieldset`,disabled:M,children:[g(ie,{enabled:e.widget.fields.tipping,error:A,errorId:he,onChange:Q,values:V}),g(Ke,{email:y,emailErrorId:de,emailId:ue,emailRef:oe,errors:T,onEmailBlur:Ce,onEmailChange:e=>{b(e),ye(`email`)},onPhoneChange:e=>{S(e),ye(`phone`)},onPhoneCountryChange:w,phone:x,phoneCountry:C,phoneEnabled:e.widget.fields.phone,phoneErrorId:me,phoneId:fe,phoneRef:G}),g(He,{catalog:e,displayedTotalCents:U,fieldValues:V,isBillingAddressReady:R,isPaymentReady:L,isShippingAddressReady:B,onFieldValuesChange:Q,onStripeLoadError:Se,setIsBillingAddressReady:z,setIsPaymentReady:ne,setIsShippingAddressReady:re}),g(ae,{customFields:e.widget.customFields,errors:ee,fields:e.widget.fields,idPrefix:Y,onChange:Q,onPricingBlur:Ce,values:V}),g(Ue,{catalog:e,displayedBaseCents:_e,displayedTipCents:ge,displayedTotalCents:U,fieldValues:V,isBillingAddressReady:R,isPaymentReady:L,isRequiredShippingReady:ve,isSubmitting:M,onFieldValuesChange:Q,quote:h})]})}),M?g(`p`,{className:`lockerverse-payment__payment-status`,ref:se,role:`status`,tabIndex:-1,children:U===0?`Completing order…`:`Processing payment…`}):null,g(Ve,{message:D})]})}function Je(){return _(`div`,{className:`lockerverse-payment__skeleton-loader-block`,children:[g(`span`,{className:`lockerverse-payment__skeleton-loader-label`}),_(`div`,{className:`lockerverse-payment__skeleton-loader-content`,children:[g(`span`,{className:`lockerverse-payment__skeleton-loader-full`}),_(`div`,{className:`lockerverse-payment__skeleton-loader-grid`,children:[g(`span`,{className:`lockerverse-payment__skeleton-loader-half`}),g(`span`,{className:`lockerverse-payment__skeleton-loader-half`})]})]})]})}function Ye(){return _(`div`,{className:`lockerverse-payment__loading`,children:[g(`span`,{"aria-live":`polite`,className:`lockerverse-payment__sr-only`,role:`status`,children:`Loading payment…`}),_(`div`,{"aria-hidden":`true`,className:`lockerverse-payment__skeleton`,children:[_(`div`,{className:`lockerverse-payment__skeleton-branding`,children:[g(`span`,{className:`lockerverse-payment__skeleton-avatar`}),g(`span`,{className:`lockerverse-payment__skeleton-community`})]}),_(`div`,{className:`lockerverse-payment__skeleton-contact`,children:[_(`div`,{className:`lockerverse-payment__skeleton-field`,children:[g(`span`,{className:`lockerverse-payment__skeleton-label`}),g(`span`,{className:`lockerverse-payment__skeleton-input`})]}),_(`div`,{className:`lockerverse-payment__skeleton-field`,children:[g(`span`,{className:`lockerverse-payment__skeleton-label`}),g(`span`,{className:`lockerverse-payment__skeleton-input`})]})]}),g(Je,{}),g(Je,{}),_(`div`,{className:`lockerverse-payment__skeleton-actions`,children:[g(`span`,{className:`lockerverse-payment__skeleton-check-line`}),g(`span`,{className:`lockerverse-payment__skeleton-button`})]})]})]})}function Xe({apiBaseUrl:e,branding:t,className:n,communitySlug:r,environment:i,fetch:o,metadata:s,onError:l,onPaymentComplete:u,onPaymentRecoveryChange:d,onPaymentUncertain:m,requestTimeoutMs:h,resumePayment:v,selection:y,sentryDsn:b,style:x,stripeLoader:S=a,theme:C=`dark`,widgetSlug:w,...T}){let E=f(v).current,D=f(null),[O,ee]=p(),[k,A]=p(`idle`),{retryCheckout:j,selectionError:M,session:N,updateCheckout:te}=Te({apiBaseUrl:e,communitySlug:r,environment:i,fetch:o,onError:l,paymentState:k,requestTimeoutMs:h,selection:y,sentryDsn:b,widgetSlug:w});c(()=>{N.phase===`loading`&&ee(void 0)},[N.phase]),c(()=>{N.phase===`ready`&&A(e=>e===`success`||e===`unresolved`?e:`idle`)},[N.phase,N.revision]);let P=[`lockerverse-payment`,n].filter(Boolean).join(` `),F=t??(N.phase===`ready`?N.catalog.community:null),L=I(x?.[`--lockerverse-accent`]??F?.accentColor??`#38d77a`),R={...x,...F?.accentColor&&x?.[`--lockerverse-accent`]===void 0?{"--lockerverse-accent":F.accentColor}:{},...L&&x?.[`--lockerverse-accent-contrast`]===void 0?{"--lockerverse-accent-contrast":L}:{}};if(M)return g(`section`,{...T,className:P,"data-lockerverse-theme":C,role:`alert`,style:R,children:M});if(N.phase===`error`)return _(`section`,{...T,className:P,"data-lockerverse-theme":C,style:R,children:[g(`p`,{role:`alert`,children:N.failure}),g(`button`,{onClick:j,type:`button`,children:`Retry`})]});if(N.phase!==`ready`)return g(`section`,{...T,"aria-busy":`true`,"aria-label":`Payment`,className:P,"data-lockerverse-theme":C,style:R,children:g(Ye,{})});let{catalog:z,checkoutItems:B,client:re,preparedCheckout:V}=N;return _(`section`,{...T,"aria-label":`Payment`,className:P,"data-lockerverse-theme":C,"data-payment-state":k,ref:D,style:R,children:[_(`header`,{children:[z.widget.showCommunityBranding&&F?_(`div`,{className:`lockerverse-payment__branding`,children:[F.imageUrl?g(`img`,{alt:F.name,height:`48`,src:F.imageUrl,width:`48`}):null,g(`strong`,{children:F.name})]}):null,g(`h1`,{children:z.widget.title??z.widget.name}),z.widget.description?g(`p`,{children:z.widget.description}):null]}),O?g(`p`,{className:`lockerverse-payment__payment-status`,role:`status`,children:O}):null,g(ne,{container:D,children:g(Le,{accentColor:x?.[`--lockerverse-accent`]??F?.accentColor??`#38d77a`,catalog:z,checkoutItems:B,client:re,fontFamily:x?.[`--lockerverse-font-family`]??`ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif`,metadata:s,onPaymentComplete:u,onPaymentRecoveryChange:d,onPaymentUncertain:m,onQuoteChange:(e,t)=>{ee(t),te(e)},onStateChange:A,quote:V,resumePayment:E,stripeLoader:S,theme:C,visualStyle:R})})]})}export{Xe as LockerversePayment};
1
+ import{AddressElement as e,Elements as t,PaymentElement as n,useElements as r,useStripe as i}from"@stripe/react-stripe-js";import{loadStripe as a}from"@stripe/stripe-js";import{createContext as o,useContext as s,useEffect as c,useId as l,useMemo as u,useReducer as d,useRef as f,useState as p}from"react";import{Select as m}from"@base-ui/react/select";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{LockerverseSdkError as v,createLockerverseCheckoutClient as y}from"@lockerverse/sdk/checkout";import{array as b,email as x,minLength as S,minValue as C,nonEmpty as w,number as T,object as E,pipe as D,regex as O,safeInteger as ee,safeParse as k,strictObject as A,string as j,trim as M,union as N}from"valibot";const P=/^#([\da-f]{3}|[\da-f]{6})$/i;function F(e){let t=P.exec(e.trim());if(!t)return;let[,n]=t;if(!n)return;let r=n.length===3?Array.from(n,e=>`${e}${e}`).join(``):n;return[0,2,4].map(e=>Number.parseInt(r.slice(e,e+2),16))}function I([e,t,n]){let[r=0,i=0,a=0]=[e,t,n].map((e=0)=>{let t=e/255;return t<=.04045?t/12.92:((t+.055)/1.055)**2.4});return .2126*r+.7152*i+.0722*a}function te(e){let t=F(e);if(!t)return;let n=I(t);return(n+.05)/.05>=1.05/(n+.05)?`#000`:`#fff`}const L=o(void 0);function ne({children:e,container:t}){return g(L.Provider,{value:t,children:e})}function R(){return g(`svg`,{"aria-hidden":`true`,fill:`none`,viewBox:`0 0 16 16`,children:g(`path`,{d:`m4 6 4 4 4-4`})})}function z(){return g(`svg`,{"aria-hidden":`true`,fill:`none`,viewBox:`0 0 16 16`,children:g(`path`,{d:`m3 8 3 3 7-7`})})}function B({ariaDescribedBy:e,ariaLabel:t,ariaLabelledBy:n,className:r,id:i,invalid:a=!1,name:o,onValueChange:c,options:l,value:u}){let d=s(L),f=[`lockerverse-payment__select`,r].filter(Boolean).join(` `);return g(`div`,{className:f,children:_(m.Root,{id:i,items:l,name:o,onValueChange:e=>{e!==null&&c(e)},value:u,children:[_(m.Trigger,{"aria-describedby":e,"aria-invalid":a||void 0,"aria-label":t,"aria-labelledby":n,className:`lockerverse-payment__select-trigger`,children:[g(m.Value,{}),g(m.Icon,{"aria-hidden":`true`,className:`lockerverse-payment__select-icon`,children:g(R,{})})]}),g(m.Portal,{container:d,children:g(m.Positioner,{alignItemWithTrigger:!1,className:`lockerverse-payment__select-positioner`,sideOffset:6,children:g(m.Popup,{className:`lockerverse-payment__select-popup`,children:g(m.List,{className:`lockerverse-payment__select-list`,children:l.map(e=>_(m.Item,{className:`lockerverse-payment__select-item`,value:e.value,children:[g(m.ItemText,{children:e.label}),g(m.ItemIndicator,{"aria-hidden":`true`,className:`lockerverse-payment__select-item-indicator`,children:g(z,{})})]},e.value))})})})})]})})}const re=[`XS`,`S`,`M`,`L`,`XL`,`XXL`,`XXXL`],V=[`15`,`12`,`10`,`5`],H=[...V,`custom`];function ie({enabled:e,error:t,errorId:n,onChange:r,values:i}){if(!e)return null;let a=e=>r({...i,...e}),o=(e,t)=>{let n=H.indexOf(t),r;switch(e.key){case`ArrowDown`:case`ArrowRight`:r=(n+1)%H.length;break;case`ArrowLeft`:case`ArrowUp`:r=(n-1+H.length)%H.length;break;case`Home`:r=0;break;case`End`:r=H.length-1;break;default:return}e.preventDefault();let i=H[r];i&&((e.currentTarget.closest(`[role="radiogroup"]`)?.querySelectorAll(`input[type="radio"]`))?.[r]?.focus(),a({tipPercent:i}))};return _(`div`,{className:`lockerverse-payment__tip-box`,children:[g(`p`,{children:`Add a tip to support the Lockerverse platform`}),_(`div`,{"aria-label":`Tip amount`,role:`radiogroup`,children:[V.map(e=>_(`label`,{className:`lockerverse-payment__tip-choice`,children:[g(`input`,{checked:i.tipPercent===e,name:`tipPercent`,onChange:()=>a({tipPercent:e}),onKeyDown:t=>o(t,e),tabIndex:i.tipPercent===e?0:-1,type:`radio`,value:e}),_(`span`,{children:[e,`%`]})]},e)),_(`label`,{className:`lockerverse-payment__tip-choice`,children:[g(`input`,{checked:i.tipPercent===`custom`,name:`tipPercent`,onChange:()=>a({tipPercent:`custom`}),onKeyDown:e=>o(e,`custom`),tabIndex:i.tipPercent===`custom`?0:-1,type:`radio`,value:`custom`}),g(`span`,{children:`Other`})]})]}),i.tipPercent===`custom`?_(`label`,{children:[g(`span`,{children:`Custom tip`}),_(`span`,{className:`lockerverse-payment__money-input`,children:[g(`span`,{"aria-hidden":`true`,children:`$`}),g(`input`,{"aria-describedby":t?n:void 0,"aria-invalid":t?`true`:void 0,inputMode:`decimal`,name:`tip`,onChange:e=>a({customTip:e.currentTarget.value}),placeholder:`0.00`,value:i.customTip})]}),t?g(`span`,{className:`lockerverse-payment__field-message`,id:n,children:t}):null]}):g(`input`,{name:`tip`,type:`hidden`,value:i.tipPercent})]})}function ae({checked:e,children:t,name:n,onChange:r}){return _(`label`,{className:`lockerverse-payment__check-row`,children:[g(`input`,{checked:e,name:n,onChange:e=>r(e.currentTarget.checked),type:`checkbox`}),g(`span`,{children:t})]})}function oe({customFields:e,errors:t,fields:n,idPrefix:r,isPromoApplying:i,onChange:a,onApplyPromo:o,promoError:s,values:c}){let l=e=>a({...c,...e});return _(`div`,{className:`lockerverse-payment__additional-fields`,children:[n.memberId?_(`label`,{children:[g(`span`,{children:`Member ID`}),g(`input`,{name:`memberId`,onChange:e=>l({memberId:e.currentTarget.value}),placeholder:`Optional`,value:c.memberId})]}):null,n.merchSize?_(`div`,{className:`lockerverse-payment__field`,children:[g(`span`,{id:`${r}-merch-size-label`,children:`Size`}),g(B,{ariaLabelledBy:`${r}-merch-size-label`,name:`merchSize`,onValueChange:e=>l({merchSize:e}),options:re.map(e=>({label:e,value:e})),value:c.merchSize})]}):null,n.promoCode?_(`div`,{className:`lockerverse-payment__field`,children:[g(`span`,{id:`${r}-promo-code-label`,children:`Promo code`}),_(`div`,{className:`lockerverse-payment__promo-control`,children:[g(`input`,{"aria-describedby":s?`${r}-promo-code-error`:void 0,"aria-invalid":s?`true`:void 0,"aria-labelledby":`${r}-promo-code-label`,name:`promoCode`,onChange:e=>l({promoCode:e.currentTarget.value}),placeholder:`Optional`,value:c.promoCode}),g(`button`,{disabled:!c.promoCode.trim()||i,onClick:o,type:`button`,children:i?`Applying…`:`Apply`})]}),s?g(`p`,{className:`lockerverse-payment__field-message`,id:`${r}-promo-code-error`,role:`alert`,children:s}):null]}):null,e.map(e=>g(U,{error:t[e.id],field:e,idPrefix:r,onChange:t=>l({customFields:{...c.customFields,[e.id]:t}}),value:c.customFields[e.id]},e.id))]})}function se({amountCents:e,enabled:t,onChange:n,values:r}){return t?_(ae,{checked:r.includeServiceFee,name:`includeServiceFee`,onChange:e=>n({...r,includeServiceFee:e}),children:[`Add `,de(e),` to help cover processing fees`]}):null}function U({error:e,field:t,idPrefix:n,onChange:r,value:i}){let a=`custom:${t.id}`,o=`${n}-custom-${t.id}`,s=`${o}-error`;switch(t.type){case`text`:case`textarea`:return g(W,{controlId:o,error:e,errorId:s,field:t,name:a,onChange:r,value:i});case`select`:case`multi_select`:return g(le,{controlId:o,error:e,errorId:s,field:t,name:a,onChange:r,value:i});case`radio`:case`checkboxes`:return g(ue,{controlId:o,error:e,errorId:s,field:t,name:a,onChange:r,value:i});default:return null}}function ce({error:e,id:t}){return e?g(`p`,{className:`lockerverse-payment__field-message`,id:t,children:e}):null}function W({controlId:e,error:t,errorId:n,field:r,name:i,onChange:a,value:o}){let s={"aria-describedby":t?n:void 0,"aria-invalid":t?`true`:void 0,id:e,name:i,onChange:e=>a(e.currentTarget.value),required:r.required,value:typeof o==`string`?o:``};return _(`label`,{htmlFor:e,children:[g(`span`,{children:r.label}),r.type===`textarea`?g(`textarea`,{...s}):g(`input`,{...s}),g(ce,{error:t,id:n})]})}function le({controlId:e,error:t,errorId:n,field:r,name:i,onChange:a,value:o}){return _(`label`,{htmlFor:e,children:[g(`span`,{children:r.label}),_(`select`,{"aria-describedby":t?n:void 0,"aria-invalid":t?`true`:void 0,id:e,multiple:r.type===`multi_select`,name:i,onChange:e=>a(r.type===`multi_select`?[...e.currentTarget.selectedOptions].map(e=>e.value):e.currentTarget.value),required:r.required,value:o??(r.type===`multi_select`?[]:``),children:[r.type===`select`?g(`option`,{value:``,children:`Select…`}):null,r.options.map(e=>g(`option`,{value:e.id,children:e.label},e.id))]}),g(ce,{error:t,id:n})]})}function ue({controlId:e,error:t,errorId:n,field:r,name:i,onChange:a,value:o}){return _(`fieldset`,{"aria-describedby":t?n:void 0,"aria-invalid":t?`true`:void 0,children:[g(`legend`,{children:r.label}),r.options.map((t,n)=>{let s=Array.isArray(o)?o.includes(t.id):o===t.id;return _(`label`,{className:`lockerverse-payment__check-row`,children:[g(`input`,{checked:s,id:`${e}-${n}`,name:i,onChange:e=>{if(r.type===`radio`){a(t.id);return}let n=Array.isArray(o)?o:[];a(e.currentTarget.checked?[...n,t.id]:n.filter(e=>e!==t.id))},required:r.required,type:r.type===`radio`?`radio`:`checkbox`,value:t.id}),g(`span`,{children:t.label})]},t.id)}),g(ce,{error:t,id:n})]})}function de(e){return new Intl.NumberFormat(`en-US`,{currency:`USD`,style:`currency`}).format(e/100)}const fe=[`amountCents`,`discountableSubtotalCents`,`discountCents`,`serviceFeeCents`,`subtotalCents`,`tipCents`,`totalCents`],pe=[`discountableSubtotalCents`,`discountCents`,`subtotalCents`];function G(e,t,n){return(n===t.totalCents?pe:fe).some(n=>e[n]!==t[n])||e.payment.connectedAccountId!==t.payment.connectedAccountId||e.payment.currency!==t.payment.currency||JSON.stringify(e.appliedDiscount)!==JSON.stringify(t.appliedDiscount)||JSON.stringify(e.lineItems)!==JSON.stringify(t.lineItems)}function me(e){return e.checkoutStatus===`success`?{kind:`success`,payment:e}:e.checkoutStatus===`failed`?{kind:`failed`,payment:e}:{kind:`unresolved`,paymentReference:e.paymentReference,reason:e.checkoutStatus===`action_required`?`action_required`:`pending`}}async function K(e,t,n){if(t.checkoutStatus!==`action_required`)return me(t);if(t.clientSecret)try{await n.handleNextAction({clientSecret:t.clientSecret})}catch{}try{return me(await e.getPaymentStatus(t.paymentReference))}catch{return{kind:`unresolved`,paymentReference:t.paymentReference,reason:`action_required`}}}async function q(e,t,n){let r;try{r=await e.submitPayment(t)}catch(n){if(!(n instanceof v&&n.recoveryRecommended))throw n;try{r=await e.getPaymentStatus(t.checkout.paymentReference)}catch{return{kind:`unresolved`,paymentReference:t.checkout.paymentReference,reason:`recovery_failed`}}}return K(e,r,n)}async function he(e,t,n){try{return K(e,await e.getPaymentStatus(t),n)}catch{return{kind:`unresolved`,paymentReference:t,reason:`recovery_failed`}}}const J=D(j(),M(),w()),ge=D(T(),ee(),C(1)),_e=D(b(N([A({amountCents:ge,productSlug:J}),A({productSlug:J,quantity:ge})])),S(1)),ve=D(j(),M(),O(/^(?:0|[1-9]\d*)(?:\.\d{1,2})?$/,`Enter a valid tip amount.`));function ye(e){let t=k(ve,e);if(!t.success)return{message:t.issues[0]?.message??`Enter a valid tip amount.`,success:!1};let[n=`0`,r=``]=t.output.split(`.`),i=BigInt(n)*100n+BigInt(r.padEnd(2,`0`));return i>BigInt(2**53-1)?{message:`Enter a valid tip amount.`,success:!1}:{cents:Number(i),success:!0}}function be(e){let t=k(_e,e);return t.success?{success:!0,value:t.output}:{message:`Lockerverse payment configuration is invalid.`,success:!1}}const Y=D(j(),M(),w(`Email is required.`),x(`Enter a valid email address.`)),X=D(j(),M(),w(`Phone is required.`),O(/^\+[1-9]\d{6,14}$/,`Enter a valid phone number.`));function xe(e){return e.trim().replace(/[().\s-]/g,``)}function Se(e,t){let n=t?{...e,phone:xe(e.phone)}:e,r=E(t?{email:Y,phone:X}:{email:Y}),i=k(r,n);if(i.success)return{errors:{},value:i.output};let a={};for(let e of i.issues){let t=e.path?.[0]?.key;(t===`email`||t===`phone`)&&!a[t]&&(a[t]=e.message)}return{errors:a,value:null}}function Ce(e,t){let n={};for(let r of e){if(!r.required)continue;let e=`${r.label} is required.`,i=t[r.id],a=r.type===`checkboxes`||r.type===`multi_select`?k(D(b(j()),S(1,e)),i??[]):k(D(j(),M(),w(e)),typeof i==`string`?i:``);a.success||(n[r.id]=a.issues[0]?.message??e)}return n}function we(e,t){switch(t.type){case`loading`:return{configuration:t.configuration,phase:`loading`,revision:e.revision,selectionKey:t.selectionKey};case`ready`:return{catalog:t.catalog,checkoutItems:t.checkoutItems,client:t.client,configuration:t.configuration,phase:`ready`,preparedCheckout:t.preparedCheckout,revision:e.revision+1,selectionKey:t.selectionKey};case`error`:return{configuration:t.configuration,failure:t.failure,phase:`error`,revision:e.revision,selectionKey:t.selectionKey};case`checkout`:return e.phase===`ready`?{...e,preparedCheckout:t.preparedCheckout}:e;case`retry`:return{phase:`idle`,revision:e.revision+1};default:return e}}function Te(e,t){let{apiBaseUrl:n,communitySlug:r,environment:i,fetch:a,requestTimeoutMs:o,sentryDsn:s,widgetSlug:c}=e,l={communitySlug:r,widgetSlug:c,...a?{fetch:a}:{},...t?{onError:t}:{},...o===void 0?{}:{requestTimeoutMs:o},...s===void 0?{}:{sentryDsn:s}};if(n===void 0){if(i===`development`)throw TypeError(`Lockerverse development checkout requires an API base URL.`);return{...l,...i===`production`?{environment:i}:{}}}if(!i)throw TypeError(`Lockerverse development checkout requires an environment.`);return{...l,apiBaseUrl:n,environment:i}}function Z(e,t,n){return e?.configuration===t&&e.selectionKey===n}function Ee({apiBaseUrl:e,communitySlug:t,environment:n,fetch:r,onError:i,paymentState:a,requestTimeoutMs:o,selection:s,sentryDsn:l,widgetSlug:p}){let m=u(()=>({apiBaseUrl:e,communitySlug:t,environment:n,fetch:r,requestTimeoutMs:o,sentryDsn:l,widgetSlug:p}),[e,t,n,r,o,l,p]),h=be(s),g=h.success?JSON.stringify(h.value):`invalid-selection`,_=u(()=>h.success?JSON.parse(g):[],[h.success,g]),[v,b]=d(we,{phase:`idle`,revision:0}),x=f(void 0),S=f(void 0),C=f(i);return C.current=i,c(()=>{if(!h.success||a===`submitting`||a===`success`||a===`unresolved`||Z(S.current,m,g)||Z(x.current,m,g))return;let e=!0,t={configuration:m,selectionKey:g};x.current=t,b({configuration:m,selectionKey:g,type:`loading`});async function n(){try{let n=y(Te(m,e=>C.current?.(e))),{catalog:r,checkout:i}=await n.bootstrapCheckout({items:_}),a=[...i.items];e&&(x.current=void 0,S.current=t,b({catalog:r,checkoutItems:a,client:n,configuration:m,preparedCheckout:i,selectionKey:g,type:`ready`}))}catch(n){e&&(x.current=void 0,S.current=t,b({configuration:m,failure:n instanceof Error?n.message:`Lockerverse payment could not load.`,selectionKey:g,type:`error`}))}}return n(),()=>{e=!1,Z(x.current,m,g)&&(x.current=void 0)}},[m,h.success,a,g,v.revision,_]),{retryCheckout:()=>{x.current=void 0,S.current=void 0,b({type:`retry`})},selectionError:h.success?void 0:h.message,session:v,updateCheckout:e=>b({preparedCheckout:e,type:`checkout`})}}function Q(e){return new Intl.NumberFormat(`en-US`,{currency:`USD`,style:`currency`}).format(e/100)}function De(e,t){return t.tipPercent===`custom`?t.customTip.trim()?ye(t.customTip):{cents:0,success:!0}:{cents:Math.round(e*Number(t.tipPercent)/100),success:!0}}const Oe=[{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 ke(e,t){return e.trim().startsWith(`+`)?e:`${Oe.find(e=>e.value===t)?.callingCode??`+1`}${e}`}function Ae(e,t){return e.map(e=>{let n=t[e.id];return e.type===`checkboxes`||e.type===`multi_select`?{fieldId:e.id,value:Array.isArray(n)?n:[]}:{fieldId:e.id,value:typeof n==`string`?n:``}})}function je(e,t,n,r){return{...n?{email:n}:{},...e.widget.fields.serviceFee?{includeServiceFee:t.includeServiceFee}:{},...e.widget.fields.promoCode&&t.promoCode.trim()?{promoCode:t.promoCode.trim()}:{},...e.widget.fields.tipping?{tipCents:r}:{}}}async function Me(e,t){let n=e.getElement(`address`,{mode:t}),r=t===`billing`?`Billing`:`Shipping`;if(!n)throw Error(`${r} address is still loading.`);let i=await n.getValue();if(!i.complete)throw Error(`${r} address is required.`);return i.value}function Ne(e,t,n,r){if(e.widget.fields.shipping)return n.shippingMatchesBilling?r:Me(t,`shipping`)}function Pe({billingAddress:e,catalog:t,email:n,phone:r,shippingAddress:i}){return{payment_method_data:{billing_details:{address:e.address,email:n,name:e.name,...t.widget.fields.phone?{phone:r}:{}}},...i?{shipping:{address:i.address,name:i.name,phone:t.widget.fields.phone?r:i.phone??null}}:{}}}function Fe({catalog:e,confirmationToken:t,email:n,fieldValues:r,metadata:i,phone:a,shippingAddress:o}){return{...t?{confirmationToken:t}:{},customFieldAnswers:Ae(e.widget.customFields,r.customFields),email:n,...i?{metadata:i}:{},...e.widget.fields.memberId&&r.memberId.trim()?{memberId:r.memberId.trim()}:{},...e.widget.fields.merchSize?{merchSize:r.merchSize}:{},...e.widget.fields.phone?{phone:a}:{},...o?{shipping:{address:{city:o.address.city??``,country:o.address.country,line1:o.address.line1??``,...o.address.line2?{line2:o.address.line2}:{},postal_code:o.address.postal_code??``,state:o.address.state??``},name:o.name}}:{}}}async function Ie({catalog:e,checkoutItems:t,client:n,elements:r,email:i,fieldValues:a,locallyPreviewedTotalCents:o,metadata:s,onPaymentRecoveryChange:c,phone:l,quote:u,stripe:d}){let f=i.trim().toLowerCase(),p=xe(l),m=De(u.subtotalCents,a);if(!m.success)throw Error(m.message);let h=je(e,a,f,m.cents),g=await n.calculateTotal({...h,items:t});if(g.totalCents>0&&G(u,g,o))return{kind:`quote_changed`,quote:g};if(g.totalCents===0){let t;e.widget.fields.shipping&&(t=await Ne(e,r,a,await Me(r,`billing`))),$(c,{connectedAccountId:g.payment.connectedAccountId,paymentReference:g.paymentReference});let i=await q(n,{checkout:g,submission:Fe({catalog:e,email:f,fieldValues:a,metadata:s,phone:p,...t?{shippingAddress:t}:{}})},d);return i.kind===`failed`?{kind:`payment_failed`,message:`Order could not be completed. Review the details and try again.`}:i.kind===`unresolved`?{kind:`payment_unresolved`,paymentReference:i.paymentReference,reason:i.reason}:{kind:`payment`,payment:i.payment,quote:g}}await r.update({amount:g.totalCents});let _=await r.submit();if(_.error)throw Error(_.error.message);let v=await Me(r,`billing`),y=await Ne(e,r,a,v),b=await d.createConfirmationToken({elements:r,params:Pe({billingAddress:v,catalog:e,email:f,phone:p,shippingAddress:y})});if(b.error)throw Error(b.error.message);$(c,{connectedAccountId:g.payment.connectedAccountId,paymentReference:g.paymentReference});let x=await q(n,{checkout:g,submission:Fe({catalog:e,confirmationToken:b.confirmationToken.id,email:f,fieldValues:a,metadata:s,phone:p,...y?{shippingAddress:y}:{}})},d);return x.kind===`failed`?{kind:`payment_failed`,message:`Payment was declined. Check your payment details and try again.`}:x.kind===`unresolved`?{kind:`payment_unresolved`,paymentReference:x.paymentReference,reason:x.reason}:{kind:`payment`,payment:x.payment,quote:g}}function Le({accentColor:e,catalog:n,checkoutItems:r,client:i,fontFamily:a,metadata:o,onPaymentComplete:s,onPaymentRecoveryChange:c,onPaymentUncertain:l,onQuoteChange:d,quote:f,resumePayment:p,onStateChange:m,stripeLoader:h,theme:_,visualStyle:v}){let y=p?p.connectedAccountId:f.payment.connectedAccountId,b=u(()=>h(n.payment.publishableKey,y?{stripeAccount:y}:void 0),[n.payment.publishableKey,y,h]);return g(t,{options:{amount:Math.max(f.totalCents,100),appearance:{rules:{".Input:focus":{borderColor:e,boxShadow:`0 0 0 1px ${e}`,outline:`none`}},theme:_===`light`?`stripe`:`night`,variables:{borderRadius:v?.[`--lockerverse-radius`]??`10px`,colorBackground:v?.[`--lockerverse-control`]??(_===`light`?`#f5f6f7`:`#121212`),colorDanger:v?.[`--lockerverse-danger`]??(_===`light`?`#c52b3e`:`#f08a98`),colorPrimary:e,colorText:v?.[`--lockerverse-text`]??(_===`light`?`#121416`:`#ffffff`),colorTextPlaceholder:v?.[`--lockerverse-placeholder`]??(_===`light`?`#72767d`:`#6b6b6b`),colorTextSecondary:v?.[`--lockerverse-muted`]??(_===`light`?`#62666d`:`#a1a1aa`),focusBoxShadow:`none`,focusOutline:`none`,fontFamily:a,fontSizeBase:`16px`}},currency:f.payment.currency,excludedPaymentMethodTypes:[`us_bank_account`],mode:`payment`,syncAddressCheckbox:`none`},stripe:b,children:g(Je,{catalog:n,checkoutItems:r,client:i,metadata:o,onPaymentComplete:s,onPaymentRecoveryChange:c,onPaymentUncertain:l,onQuoteChange:d,onStateChange:m,quote:f,resumePayment:p})},`${n.payment.publishableKey}:${y??`platform`}`)}function Re({label:e}){return _(`div`,{className:`lockerverse-payment__stripe-loader`,role:`status`,children:[g(`p`,{children:e}),_(`div`,{"aria-hidden":`true`,children:[g(`span`,{}),g(`span`,{}),g(`span`,{})]})]})}function ze({onError:e,onReady:t,ready:r}){return _(`div`,{className:`lockerverse-payment__stripe-element`,"data-ready":r,children:[r?null:g(Re,{label:`Loading payment form...`}),g(`div`,{className:`lockerverse-payment__stripe-mount`,children:g(n,{onLoadError:({error:t})=>e(t.message??`Payment form failed to load.`),onReady:t,options:{business:{name:`Lockerverse`},fields:{billingDetails:{address:`never`,email:`never`,name:`never`,phone:`never`}},layout:`tabs`,terms:{applePay:`auto`,auBecsDebit:`never`,bancontact:`never`,card:`always`,cashapp:`never`,googlePay:`never`,ideal:`never`,paypal:`auto`,sepaDebit:`never`,sofort:`never`,usBankAccount:`never`},wallets:{applePay:`auto`,googlePay:`never`}}})})]})}function Be({label:t,mode:n,onError:r,onReady:i,ready:a}){return _(`div`,{className:`lockerverse-payment__address`,children:[g(`h2`,{children:t}),_(`div`,{className:`lockerverse-payment__stripe-element lockerverse-payment__stripe-element--address`,"data-ready":a,children:[a?null:g(Re,{label:`Loading ${t.toLowerCase()}...`}),g(`div`,{className:`lockerverse-payment__stripe-mount`,children:g(e,{onLoadError:({error:e})=>r(e.message??`${t} failed to load.`),onReady:i,options:{autocomplete:{mode:`automatic`},mode:n}})})]})]})}function Ve({message:e}){return e?g(`p`,{className:`lockerverse-payment__field-message`,role:`alert`,children:e}):null}function He({catalog:e,displayedTotalCents:t,fieldValues:n,isBillingAddressReady:r,isPaymentReady:i,isShippingAddressReady:a,onFieldValuesChange:o,onStripeLoadError:s,setIsBillingAddressReady:c,setIsPaymentReady:l,setIsShippingAddressReady:u}){let d=t>0;return _(h,{children:[d?g(ze,{onError:s,onReady:()=>l(!0),ready:i}):null,d||e.widget.fields.shipping?g(Be,{label:d?`Billing address`:`Shipping address`,mode:`billing`,onError:s,onReady:()=>c(!0),ready:r}):null,e.widget.fields.shipping?_(`div`,{className:`lockerverse-payment__shipping`,children:[g(ae,{checked:n.shippingMatchesBilling,name:`shippingMatchesBilling`,onChange:e=>{o({...n,shippingMatchesBilling:e}),e||u(!1)},children:`Shipping is same as billing information`}),n.shippingMatchesBilling?null:g(Be,{label:`Shipping address`,mode:`shipping`,onError:s,onReady:()=>u(!0),ready:a})]}):null]})}function Ue({displayedBaseCents:e,displayedTipCents:t,displayedTotalCents:n,quote:r}){let i=Math.max(0,e-r.subtotalCents+r.discountCents);return _(`section`,{"aria-label":`Payment summary`,className:`lockerverse-payment__payment-summary`,children:[g(`h2`,{children:`Order summary`}),g(`div`,{className:`lockerverse-payment__payment-summary-items`,children:r.lineItems.map(e=>_(`div`,{className:`lockerverse-payment__payment-summary-row`,children:[_(`span`,{children:[e.productName,e.quantity>1?_(h,{children:[` `,_(`small`,{children:[`× `,e.quantity]})]}):null]}),g(`strong`,{children:Q(e.subtotalCents)})]},e.listingId))}),_(`div`,{className:`lockerverse-payment__payment-summary-totals`,children:[i>0?_(`div`,{className:`lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail`,children:[g(`span`,{children:`Service fee`}),g(`strong`,{children:Q(i)})]}):null,r.discountCents>0&&r.appliedDiscount?_(`div`,{className:`lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-discount`,children:[_(`span`,{children:[r.appliedDiscount.source===`email_list`?`Email discount`:`Promo code discount`,` `,`(`,r.appliedDiscount.percentageOff,`% off)`]}),_(`strong`,{children:[`-`,Q(r.discountCents)]})]}):null,t>0?_(`div`,{className:`lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail lockerverse-payment__payment-summary-tip`,children:[g(`span`,{children:`Tip`}),g(`strong`,{children:Q(t)})]}):null,_(`div`,{className:`lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-total`,children:[g(`span`,{children:`Total`}),g(`strong`,{children:Q(n)})]})]})]})}function We({catalog:e,displayedTotalCents:t,fieldValues:n,isBillingAddressReady:r,isPaymentReady:i,isRequiredShippingReady:a,isSubmitting:o,onFieldValuesChange:s,quote:c}){let l=t===0,u=l?!e.widget.fields.shipping||r&&a:i&&r&&a,d=l?`Complete order`:`Pay ${Q(t)}`;return o&&(d=l?`Completing…`:`Processing…`),_(`div`,{className:`lockerverse-payment__actions`,children:[g(se,{amountCents:c.serviceFeeCents||Math.round(c.subtotalCents*e.pricingPolicy.serviceFeeRateBasisPoints/1e4),enabled:e.widget.fields.serviceFee,onChange:s,values:n}),g(`button`,{"aria-busy":o,"aria-label":l?`Complete order`:`Process payment for ${Q(t)} total`,disabled:o||!u,type:`submit`,children:d})]})}function $(e,t){try{e?.(t)}catch{}}function Ge({customFieldErrors:e,emailRef:t,form:n,parsedTipSuccess:r,phoneRef:i,validationErrors:a}){if(a.email){t.current?.focus();return}if(a.phone){i.current?.focus();return}if(!r){n.querySelector(`[name="tip"]`)?.focus();return}let[o]=Object.keys(e);o&&n.querySelector(`[name="custom:${o}"]`)?.focus()}function Ke({onPaymentComplete:e,onPaymentRecoveryChange:t,onPaymentUncertain:n,onQuoteChange:r,onStateChange:i,result:a,setDisplayedTotalCents:o,setPaymentError:s,setTerminalState:c}){if(a.kind===`quote_changed`){let e=`The total changed to ${Q(a.quote.totalCents)}. Review it and pay again.`;r(a.quote,e),o(a.quote.totalCents),i(`idle`);return}if(a.kind===`payment_failed`){$(t,null),s(a.message),i(`error`);return}if(a.kind===`payment_unresolved`){c({kind:`unresolved`,message:`Payment is still processing. Do not submit it again.`}),i(`unresolved`);try{n?.({paymentReference:a.paymentReference,reason:a.reason})}catch{}return}r(a.quote),$(t,null),c({kind:`success`,message:a.payment.paymentRequired?`Payment completed successfully.`:`Order confirmed. No payment was required.`}),i(`success`);try{e?.(a.payment)}catch{}}function qe({email:e,emailDiscountPercentOff:t,emailErrorId:n,emailId:r,emailRef:i,errors:a,onEmailBlur:o,onEmailChange:s,onPhoneChange:c,onPhoneCountryChange:l,phone:u,phoneCountry:d,phoneEnabled:f,phoneErrorId:p,phoneId:m,phoneRef:v}){return _(`div`,{className:`lockerverse-payment__contact`,children:[g(`label`,{htmlFor:r,children:`Email`}),g(`input`,{"aria-describedby":a.email?n:void 0,"aria-invalid":a.email?`true`:void 0,autoComplete:`email`,id:r,name:`email`,onBlur:o,onChange:e=>s(e.currentTarget.value),placeholder:`name@example.com`,ref:i,type:`email`,value:e}),a.email?g(`p`,{className:`lockerverse-payment__field-message`,id:n,children:a.email}):null,t===void 0?null:_(`p`,{className:`lockerverse-payment__discount-message`,role:`status`,children:[`Your email qualifies for `,t,`% off.`]}),f?_(h,{children:[g(`label`,{htmlFor:m,children:`Phone`}),_(`div`,{className:`lockerverse-payment__phone-control`,children:[g(B,{ariaLabel:`Phone number country`,className:`lockerverse-payment__select--phone-country`,name:`phoneCountry`,onValueChange:l,options:Oe,value:d}),g(`input`,{"aria-describedby":a.phone?p:void 0,"aria-invalid":a.phone?`true`:void 0,autoComplete:`tel`,id:m,inputMode:`tel`,name:`phone`,onChange:e=>c(e.currentTarget.value),placeholder:`(201) 555-0123`,ref:v,type:`tel`,value:u})]}),a.phone?g(`p`,{className:`lockerverse-payment__field-message`,id:p,children:a.phone}):null]}):null]})}function Je({catalog:e,checkoutItems:t,client:n,metadata:a,onPaymentComplete:o,onPaymentRecoveryChange:s,onPaymentUncertain:u,onQuoteChange:d,onStateChange:m,quote:h,resumePayment:v}){let[y,b]=p(``),[x,S]=p(``),[C,w]=p(`US`),[T,E]=p({}),[D,O]=p(),[ee,k]=p({}),[A,j]=p(),[M,N]=p(),[P,F]=p(!1),[I,te]=p(!1),[L,ne]=p(!!v),[R,z]=p(),[B,re]=p(!1),[V,H]=p(!1),[ae,se]=p(!1),[U,ce]=p({customFields:{},customTip:``,includeServiceFee:e.widget.fields.serviceFee,memberId:``,merchSize:`M`,promoCode:``,shippingMatchesBilling:!0,tipPercent:`10`}),[W,le]=p(h.totalCents),ue=f(null),de=f(null),fe=f(null),pe=f(!1),G=f(0),me=f(h.totalCents>0),K=r(),q=i(),J=`lockerverse-${l()}`,ge=`${J}-email`,_e=`${ge}-error`,ve=`${J}-phone`,ye=`${ve}-error`,be=`${J}-tip-error`,Y=e.widget.fields.tipping?De(h.subtotalCents,U):{cents:0,success:!0},X=Y.success?Y.cents:null,xe=X??0,we=W-xe,Te=!e.widget.fields.shipping||U.shippingMatchesBilling||ae;c(()=>{if(X===null)return;let t=e.widget.fields.serviceFee&&U.includeServiceFee?h.serviceFeeCents||Math.round(h.subtotalCents*e.pricingPolicy.serviceFeeRateBasisPoints/1e4):0,n=h.totalCents-h.serviceFeeCents-h.tipCents+t+X;le(n),n>0&&K?.update({amount:n})},[e.widget.fields.serviceFee,e.widget.fields.tipping,K,U.includeServiceFee,U.tipPercent,U.customTip,X,h.serviceFeeCents,h.tipCents,h.totalCents]),c(()=>{P&&fe.current?.focus()},[P]),c(()=>{let e=W>0;e&&!me.current&&(re(!1),H(!1)),me.current=e},[W]),c(()=>{!(v&&q)||pe.current||(pe.current=!0,m(`submitting`),he(n,v.paymentReference,q).then(e=>{if(e.kind===`failed`){$(s,null),O(`The previous payment failed. Check your details and try again.`),ne(!1),m(`error`);return}if(e.kind===`unresolved`){z({kind:`unresolved`,message:`Payment is still processing. Do not submit it again.`}),m(`unresolved`);try{u?.({paymentReference:e.paymentReference,reason:e.reason})}catch{}return}$(s,null),z({kind:`success`,message:e.payment.paymentRequired?`Payment completed successfully.`:`Order confirmed. No payment was required.`}),m(`success`);try{o?.(e.payment)}catch{}}))},[n,o,s,u,m,v,q]);function Z(e){E(t=>{let n={...t};return delete n[e],n})}function Ee(e){e.promoCode!==U.promoCode&&N(void 0),ce(e),k({}),j(void 0)}function Q(e){O(e),m(`error`)}function Oe(e){N(e.appliedDiscount?.source===`promo_code`?void 0:`This promo code is invalid or cannot be applied.`)}function Ae(e,t){if(t){N(`This promo code is invalid or cannot be applied.`);return}O(e instanceof Error?e.message:`The order total could not be updated.`)}async function Me(r=!1,i=!1){let a=Se({email:y.trim().toLowerCase(),phone:``},!1);if(!(Y.success&&(a.value||r)))return;G.current+=1;let o=G.current;te(!0);try{let r=await n.calculateTotal({...je(e,U,a.value?.email??``,Y.cents),items:t});if(o!==G.current)return;O(void 0),le(r.totalCents),d(r),i&&Oe(r)}catch(e){o===G.current&&Ae(e,i)}finally{o===G.current&&te(!1)}}async function Ne(){N(void 0),await Me(!0,!0)}async function Pe(r){r.preventDefault();let i=Se({email:y,phone:ke(x,C)},e.widget.fields.phone),c=Ce(e.widget.customFields,U.customFields);if(!(i.value&&Y.success)||Object.keys(c).length>0){E(i.errors),k(c),j(Y.success?void 0:Y.message),m(`invalid`);let e=r.currentTarget;queueMicrotask(()=>{Ge({customFieldErrors:c,emailRef:ue,form:e,parsedTipSuccess:Y.success,phoneRef:de,validationErrors:i.errors})});return}if(E({}),k({}),!(K&&q)){O(`Payment form is still loading.`),m(`error`);return}O(void 0),F(!0),m(`submitting`);try{Ke({onPaymentComplete:o,onPaymentRecoveryChange:s,onPaymentUncertain:u,onQuoteChange:d,onStateChange:m,result:await Ie({catalog:e,checkoutItems:t,client:n,elements:K,email:y,fieldValues:U,locallyPreviewedTotalCents:W,metadata:a,onPaymentRecoveryChange:s,phone:ke(x,C),quote:h,stripe:q}),setDisplayedTotalCents:le,setPaymentError:O,setTerminalState:z})}catch(e){$(s,null),O(e instanceof Error?e.message:`Payment could not be completed.`),m(`error`)}finally{F(!1)}}return R?g(`p`,{className:`lockerverse-payment__payment-status`,ref:fe,role:`status`,tabIndex:-1,children:R.message}):L?g(`p`,{className:`lockerverse-payment__payment-status`,role:`status`,children:`Recovering payment…`}):_(`form`,{"aria-busy":P,className:`lockerverse-payment__form`,noValidate:!0,onSubmit:Pe,children:[g(`div`,{"data-lockerverse-input-region":``,inert:P?!0:void 0,children:_(`fieldset`,{className:`lockerverse-payment__input-fieldset`,disabled:P,children:[g(Ue,{displayedBaseCents:we,displayedTipCents:xe,displayedTotalCents:W,quote:h}),g(ie,{enabled:e.widget.fields.tipping,error:A,errorId:be,onChange:Ee,values:U}),g(qe,{email:y,emailDiscountPercentOff:h.appliedDiscount?.source===`email_list`?h.appliedDiscount.percentageOff:void 0,emailErrorId:_e,emailId:ge,emailRef:ue,errors:T,onEmailBlur:()=>Me(),onEmailChange:e=>{b(e),Z(`email`)},onPhoneChange:e=>{S(e),Z(`phone`)},onPhoneCountryChange:w,phone:x,phoneCountry:C,phoneEnabled:e.widget.fields.phone,phoneErrorId:ye,phoneId:ve,phoneRef:de}),g(He,{catalog:e,displayedTotalCents:W,fieldValues:U,isBillingAddressReady:V,isPaymentReady:B,isShippingAddressReady:ae,onFieldValuesChange:Ee,onStripeLoadError:Q,setIsBillingAddressReady:H,setIsPaymentReady:re,setIsShippingAddressReady:se}),g(oe,{customFields:e.widget.customFields,errors:ee,fields:e.widget.fields,idPrefix:J,isPromoApplying:I,onApplyPromo:Ne,onChange:Ee,promoError:M,values:U}),g(We,{catalog:e,displayedTotalCents:W,fieldValues:U,isBillingAddressReady:V,isPaymentReady:B,isRequiredShippingReady:Te,isSubmitting:P,onFieldValuesChange:Ee,quote:h})]})}),P?g(`p`,{className:`lockerverse-payment__payment-status`,ref:fe,role:`status`,tabIndex:-1,children:W===0?`Completing order…`:`Processing payment…`}):null,g(Ve,{message:D})]})}function Ye(){return _(`div`,{className:`lockerverse-payment__skeleton-loader-block`,children:[g(`span`,{className:`lockerverse-payment__skeleton-loader-label`}),_(`div`,{className:`lockerverse-payment__skeleton-loader-content`,children:[g(`span`,{className:`lockerverse-payment__skeleton-loader-full`}),_(`div`,{className:`lockerverse-payment__skeleton-loader-grid`,children:[g(`span`,{className:`lockerverse-payment__skeleton-loader-half`}),g(`span`,{className:`lockerverse-payment__skeleton-loader-half`})]})]})]})}function Xe(){return _(`div`,{className:`lockerverse-payment__loading`,children:[g(`span`,{"aria-live":`polite`,className:`lockerverse-payment__sr-only`,role:`status`,children:`Loading payment…`}),_(`div`,{"aria-hidden":`true`,className:`lockerverse-payment__skeleton`,children:[_(`div`,{className:`lockerverse-payment__skeleton-branding`,children:[g(`span`,{className:`lockerverse-payment__skeleton-avatar`}),g(`span`,{className:`lockerverse-payment__skeleton-community`})]}),_(`div`,{className:`lockerverse-payment__skeleton-contact`,children:[_(`div`,{className:`lockerverse-payment__skeleton-field`,children:[g(`span`,{className:`lockerverse-payment__skeleton-label`}),g(`span`,{className:`lockerverse-payment__skeleton-input`})]}),_(`div`,{className:`lockerverse-payment__skeleton-field`,children:[g(`span`,{className:`lockerverse-payment__skeleton-label`}),g(`span`,{className:`lockerverse-payment__skeleton-input`})]})]}),g(Ye,{}),g(Ye,{}),_(`div`,{className:`lockerverse-payment__skeleton-actions`,children:[g(`span`,{className:`lockerverse-payment__skeleton-check-line`}),g(`span`,{className:`lockerverse-payment__skeleton-button`})]})]})]})}function Ze({apiBaseUrl:e,branding:t,className:n,communitySlug:r,environment:i,fetch:o,metadata:s,onError:l,onPaymentComplete:u,onPaymentRecoveryChange:d,onPaymentUncertain:m,requestTimeoutMs:h,resumePayment:v,selection:y,sentryDsn:b,style:x,stripeLoader:S=a,theme:C=`dark`,widgetSlug:w,...T}){let E=f(v).current,D=f(null),[O,ee]=p(),[k,A]=p(`idle`),{retryCheckout:j,selectionError:M,session:N,updateCheckout:P}=Ee({apiBaseUrl:e,communitySlug:r,environment:i,fetch:o,onError:l,paymentState:k,requestTimeoutMs:h,selection:y,sentryDsn:b,widgetSlug:w});c(()=>{N.phase===`loading`&&ee(void 0)},[N.phase]),c(()=>{N.phase===`ready`&&A(e=>e===`success`||e===`unresolved`?e:`idle`)},[N.phase,N.revision]);let F=[`lockerverse-payment`,n].filter(Boolean).join(` `),I=t??(N.phase===`ready`?N.catalog.community:null),L=te(x?.[`--lockerverse-accent`]??I?.accentColor??`#38d77a`),R={...x,...I?.accentColor&&x?.[`--lockerverse-accent`]===void 0?{"--lockerverse-accent":I.accentColor}:{},...L&&x?.[`--lockerverse-accent-contrast`]===void 0?{"--lockerverse-accent-contrast":L}:{}};if(M)return g(`section`,{...T,className:F,"data-lockerverse-theme":C,role:`alert`,style:R,children:M});if(N.phase===`error`)return _(`section`,{...T,className:F,"data-lockerverse-theme":C,style:R,children:[g(`p`,{role:`alert`,children:N.failure}),g(`button`,{onClick:j,type:`button`,children:`Retry`})]});if(N.phase!==`ready`)return g(`section`,{...T,"aria-busy":`true`,"aria-label":`Payment`,className:F,"data-lockerverse-theme":C,style:R,children:g(Xe,{})});let{catalog:z,checkoutItems:B,client:re,preparedCheckout:V}=N;return _(`section`,{...T,"aria-label":`Payment`,className:F,"data-lockerverse-theme":C,"data-payment-state":k,ref:D,style:R,children:[_(`header`,{children:[z.widget.showCommunityBranding&&I?_(`div`,{className:`lockerverse-payment__branding`,children:[I.imageUrl?g(`img`,{alt:I.name,height:`48`,src:I.imageUrl,width:`48`}):null,g(`strong`,{children:I.name})]}):null,g(`h1`,{children:z.widget.title??z.widget.name}),z.widget.description?g(`p`,{children:z.widget.description}):null]}),O?g(`p`,{className:`lockerverse-payment__payment-status`,role:`status`,children:O}):null,g(ne,{container:D,children:g(Le,{accentColor:x?.[`--lockerverse-accent`]??I?.accentColor??`#38d77a`,catalog:z,checkoutItems:B,client:re,fontFamily:x?.[`--lockerverse-font-family`]??`ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif`,metadata:s,onPaymentComplete:u,onPaymentRecoveryChange:d,onPaymentUncertain:m,onQuoteChange:(e,t)=>{ee(t),P(e)},onStateChange:A,quote:V,resumePayment:E,stripeLoader:S,theme:C,visualStyle:R})})]})}export{Ze as LockerversePayment};
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["formatMoney"],"sources":["../src/accent-contrast.ts","../src/select-control.tsx","../src/checkout-fields.tsx","../src/payment-attempt.ts","../src/payment-input.ts","../src/payment-validation.ts","../src/use-payment-checkout.ts","../src/lockerverse-payment.tsx"],"sourcesContent":["const HEX_COLOR = /^#([\\da-f]{3}|[\\da-f]{6})$/i;\n\nfunction parseHexColor(color: string) {\n const match = HEX_COLOR.exec(color.trim());\n if (!match) {\n return;\n }\n const [, value] = match;\n if (!value) {\n return;\n }\n const expanded =\n value.length === 3\n ? Array.from(value, (character) => `${character}${character}`).join(\"\")\n : value;\n return [0, 2, 4].map((offset) =>\n Number.parseInt(expanded.slice(offset, offset + 2), 16)\n );\n}\n\nfunction relativeLuminance([red, green, blue]: number[]) {\n const [linearRed = 0, linearGreen = 0, linearBlue = 0] = [\n red,\n green,\n blue,\n ].map((channel = 0) => {\n const normalized = channel / 255;\n return normalized <= 0.040_45\n ? normalized / 12.92\n : ((normalized + 0.055) / 1.055) ** 2.4;\n });\n return 0.2126 * linearRed + 0.7152 * linearGreen + 0.0722 * linearBlue;\n}\n\nexport function getAccentContrast(color: string) {\n const parsed = parseHexColor(color);\n if (!parsed) {\n return;\n }\n const luminance = relativeLuminance(parsed);\n const blackContrast = (luminance + 0.05) / 0.05;\n const whiteContrast = 1.05 / (luminance + 0.05);\n return blackContrast >= whiteContrast ? \"#000\" : \"#fff\";\n}\n","import { Select } from \"@base-ui/react/select\";\nimport {\n createContext,\n type ReactNode,\n type RefObject,\n useContext,\n} from \"react\";\n\nexport type LockerverseSelectOption = {\n label: string;\n value: string;\n};\n\nconst SelectPortalContext = createContext<\n RefObject<HTMLElement | null> | undefined\n>(undefined);\n\nexport function SelectPortalProvider({\n children,\n container,\n}: {\n children: ReactNode;\n container: RefObject<HTMLElement | null>;\n}) {\n return (\n <SelectPortalContext.Provider value={container}>\n {children}\n </SelectPortalContext.Provider>\n );\n}\n\nfunction SelectIcon() {\n return (\n <svg aria-hidden=\"true\" fill=\"none\" viewBox=\"0 0 16 16\">\n <path d=\"m4 6 4 4 4-4\" />\n </svg>\n );\n}\n\nfunction SelectedIcon() {\n return (\n <svg aria-hidden=\"true\" fill=\"none\" viewBox=\"0 0 16 16\">\n <path d=\"m3 8 3 3 7-7\" />\n </svg>\n );\n}\n\nexport function LockerverseSelect({\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n className,\n id,\n invalid = false,\n name,\n onValueChange,\n options,\n value,\n}: {\n ariaDescribedBy?: string;\n ariaLabel?: string;\n ariaLabelledBy?: string;\n className?: string;\n id?: string;\n invalid?: boolean;\n name: string;\n onValueChange: (value: string) => void;\n options: readonly LockerverseSelectOption[];\n value: string;\n}) {\n const portalContainer = useContext(SelectPortalContext);\n const rootClassName = [\"lockerverse-payment__select\", className]\n .filter(Boolean)\n .join(\" \");\n\n return (\n <div className={rootClassName}>\n <Select.Root\n id={id}\n items={options}\n name={name}\n onValueChange={(nextValue) => {\n if (nextValue !== null) {\n onValueChange(nextValue);\n }\n }}\n value={value}\n >\n <Select.Trigger\n aria-describedby={ariaDescribedBy}\n aria-invalid={invalid || undefined}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n className=\"lockerverse-payment__select-trigger\"\n >\n <Select.Value />\n <Select.Icon\n aria-hidden=\"true\"\n className=\"lockerverse-payment__select-icon\"\n >\n <SelectIcon />\n </Select.Icon>\n </Select.Trigger>\n <Select.Portal container={portalContainer}>\n <Select.Positioner\n alignItemWithTrigger={false}\n className=\"lockerverse-payment__select-positioner\"\n sideOffset={6}\n >\n <Select.Popup className=\"lockerverse-payment__select-popup\">\n <Select.List className=\"lockerverse-payment__select-list\">\n {options.map((option) => (\n <Select.Item\n className=\"lockerverse-payment__select-item\"\n key={option.value}\n value={option.value}\n >\n <Select.ItemText>{option.label}</Select.ItemText>\n <Select.ItemIndicator\n aria-hidden=\"true\"\n className=\"lockerverse-payment__select-item-indicator\"\n >\n <SelectedIcon />\n </Select.ItemIndicator>\n </Select.Item>\n ))}\n </Select.List>\n </Select.Popup>\n </Select.Positioner>\n </Select.Portal>\n </Select.Root>\n </div>\n );\n}\n","import type {\n LockerverseCustomField,\n LockerverseMultiOptionCustomField,\n LockerverseSingleOptionCustomField,\n LockerverseWidgetFields,\n} from \"@lockerverse/sdk/checkout\";\nimport { LockerverseSelect } from \"./select-control.tsx\";\n\nexport const MERCH_SIZES = [\"XS\", \"S\", \"M\", \"L\", \"XL\", \"XXL\", \"XXXL\"] as const;\n\nexport type CheckoutFieldValues = {\n customTip: string;\n customFields: Record<string, string | string[]>;\n includeServiceFee: boolean;\n memberId: string;\n merchSize: (typeof MERCH_SIZES)[number];\n promoCode: string;\n shippingMatchesBilling: boolean;\n tipPercent: \"5\" | \"10\" | \"12\" | \"15\" | \"custom\";\n};\n\nconst TIP_OPTIONS = [\"15\", \"12\", \"10\", \"5\"] as const;\nconst TIP_VALUES = [...TIP_OPTIONS, \"custom\"] as const;\n\nexport function TipField({\n enabled,\n error,\n errorId,\n onChange,\n values,\n}: {\n enabled: boolean;\n error: string | undefined;\n errorId: string;\n onChange: (values: CheckoutFieldValues) => void;\n values: CheckoutFieldValues;\n}) {\n if (!enabled) {\n return null;\n }\n const update = (next: Partial<CheckoutFieldValues>) =>\n onChange({ ...values, ...next });\n const handleKeyDown = (\n event: React.KeyboardEvent<HTMLInputElement>,\n currentValue: CheckoutFieldValues[\"tipPercent\"]\n ) => {\n const currentIndex = TIP_VALUES.indexOf(currentValue);\n let nextIndex: number | undefined;\n switch (event.key) {\n case \"ArrowDown\":\n case \"ArrowRight\":\n nextIndex = (currentIndex + 1) % TIP_VALUES.length;\n break;\n case \"ArrowLeft\":\n case \"ArrowUp\":\n nextIndex = (currentIndex - 1 + TIP_VALUES.length) % TIP_VALUES.length;\n break;\n case \"Home\":\n nextIndex = 0;\n break;\n case \"End\":\n nextIndex = TIP_VALUES.length - 1;\n break;\n default:\n return;\n }\n event.preventDefault();\n const nextValue = TIP_VALUES[nextIndex];\n if (!nextValue) {\n return;\n }\n const radios = event.currentTarget\n .closest('[role=\"radiogroup\"]')\n ?.querySelectorAll<HTMLElement>('input[type=\"radio\"]');\n radios?.[nextIndex]?.focus();\n update({ tipPercent: nextValue });\n };\n return (\n <div className=\"lockerverse-payment__tip-box\">\n <p>Add a tip to support the Lockerverse platform</p>\n <div aria-label=\"Tip amount\" role=\"radiogroup\">\n {TIP_OPTIONS.map((tip) => (\n <label className=\"lockerverse-payment__tip-choice\" key={tip}>\n <input\n checked={values.tipPercent === tip}\n name=\"tipPercent\"\n onChange={() => update({ tipPercent: tip })}\n onKeyDown={(event) => handleKeyDown(event, tip)}\n tabIndex={values.tipPercent === tip ? 0 : -1}\n type=\"radio\"\n value={tip}\n />\n <span>{tip}%</span>\n </label>\n ))}\n <label className=\"lockerverse-payment__tip-choice\">\n <input\n checked={values.tipPercent === \"custom\"}\n name=\"tipPercent\"\n onChange={() => update({ tipPercent: \"custom\" })}\n onKeyDown={(event) => handleKeyDown(event, \"custom\")}\n tabIndex={values.tipPercent === \"custom\" ? 0 : -1}\n type=\"radio\"\n value=\"custom\"\n />\n <span>Other</span>\n </label>\n </div>\n {values.tipPercent === \"custom\" ? (\n <label>\n <span>Custom tip</span>\n <span className=\"lockerverse-payment__money-input\">\n <span aria-hidden=\"true\">$</span>\n <input\n aria-describedby={error ? errorId : undefined}\n aria-invalid={error ? \"true\" : undefined}\n inputMode=\"decimal\"\n name=\"tip\"\n onChange={(event) =>\n update({ customTip: event.currentTarget.value })\n }\n placeholder=\"0.00\"\n value={values.customTip}\n />\n </span>\n {error ? (\n <span className=\"lockerverse-payment__field-message\" id={errorId}>\n {error}\n </span>\n ) : null}\n </label>\n ) : (\n <input name=\"tip\" type=\"hidden\" value={values.tipPercent} />\n )}\n </div>\n );\n}\n\nexport function CheckoutToggle({\n checked,\n children,\n name,\n onChange,\n}: {\n checked: boolean;\n children: React.ReactNode;\n name: string;\n onChange: (checked: boolean) => void;\n}) {\n return (\n <label className=\"lockerverse-payment__check-row\">\n <input\n checked={checked}\n name={name}\n onChange={(event) => onChange(event.currentTarget.checked)}\n type=\"checkbox\"\n />\n <span>{children}</span>\n </label>\n );\n}\n\nexport function AdditionalCheckoutFields({\n customFields,\n errors,\n fields,\n idPrefix,\n onChange,\n onPricingBlur,\n values,\n}: {\n customFields: LockerverseCustomField[];\n errors: Record<string, string>;\n fields: LockerverseWidgetFields;\n idPrefix: string;\n onChange: (values: CheckoutFieldValues) => void;\n onPricingBlur: () => void;\n values: CheckoutFieldValues;\n}) {\n const update = (next: Partial<CheckoutFieldValues>) =>\n onChange({ ...values, ...next });\n\n return (\n <div className=\"lockerverse-payment__additional-fields\">\n {fields.memberId ? (\n <label>\n <span>Member ID</span>\n <input\n name=\"memberId\"\n onChange={(event) =>\n update({ memberId: event.currentTarget.value })\n }\n placeholder=\"Optional\"\n value={values.memberId}\n />\n </label>\n ) : null}\n {fields.merchSize ? (\n <div className=\"lockerverse-payment__field\">\n <span id={`${idPrefix}-merch-size-label`}>Size</span>\n <LockerverseSelect\n ariaLabelledBy={`${idPrefix}-merch-size-label`}\n name=\"merchSize\"\n onValueChange={(merchSize) =>\n update({\n merchSize: merchSize as CheckoutFieldValues[\"merchSize\"],\n })\n }\n options={MERCH_SIZES.map((size) => ({\n label: size,\n value: size,\n }))}\n value={values.merchSize}\n />\n </div>\n ) : null}\n {fields.promoCode ? (\n <label>\n <span>Promo code</span>\n <input\n name=\"promoCode\"\n onBlur={onPricingBlur}\n onChange={(event) =>\n update({ promoCode: event.currentTarget.value })\n }\n placeholder=\"Optional\"\n value={values.promoCode}\n />\n </label>\n ) : null}\n {customFields.map((field) => (\n <CustomField\n error={errors[field.id]}\n field={field}\n idPrefix={idPrefix}\n key={field.id}\n onChange={(value) =>\n update({\n customFields: { ...values.customFields, [field.id]: value },\n })\n }\n value={values.customFields[field.id]}\n />\n ))}\n </div>\n );\n}\n\nexport function ServiceFeeField({\n amountCents,\n enabled,\n onChange,\n values,\n}: {\n amountCents: number;\n enabled: boolean;\n onChange: (values: CheckoutFieldValues) => void;\n values: CheckoutFieldValues;\n}) {\n if (!enabled) {\n return null;\n }\n return (\n <CheckoutToggle\n checked={values.includeServiceFee}\n name=\"includeServiceFee\"\n onChange={(includeServiceFee) =>\n onChange({ ...values, includeServiceFee })\n }\n >\n Add {formatMoney(amountCents)} to help cover processing fees\n </CheckoutToggle>\n );\n}\n\nfunction CustomField({\n error,\n field,\n idPrefix,\n onChange,\n value,\n}: {\n error: string | undefined;\n field: LockerverseCustomField;\n idPrefix: string;\n onChange: (value: string | string[]) => void;\n value: string | string[] | undefined;\n}) {\n const name = `custom:${field.id}`;\n const controlId = `${idPrefix}-custom-${field.id}`;\n const errorId = `${controlId}-error`;\n switch (field.type) {\n case \"text\":\n case \"textarea\":\n return (\n <TextCustomField\n controlId={controlId}\n error={error}\n errorId={errorId}\n field={field}\n name={name}\n onChange={onChange}\n value={value}\n />\n );\n case \"select\":\n case \"multi_select\":\n return (\n <SelectCustomField\n controlId={controlId}\n error={error}\n errorId={errorId}\n field={field}\n name={name}\n onChange={onChange}\n value={value}\n />\n );\n case \"radio\":\n case \"checkboxes\":\n return (\n <ChoiceCustomField\n controlId={controlId}\n error={error}\n errorId={errorId}\n field={field}\n name={name}\n onChange={onChange}\n value={value}\n />\n );\n default:\n return null;\n }\n}\n\ntype CustomFieldControlProps = {\n controlId: string;\n error: string | undefined;\n errorId: string;\n name: string;\n onChange: (value: string | string[]) => void;\n value: string | string[] | undefined;\n};\n\nfunction FieldError({ error, id }: { error: string | undefined; id: string }) {\n if (!error) {\n return null;\n }\n return (\n <p className=\"lockerverse-payment__field-message\" id={id}>\n {error}\n </p>\n );\n}\n\nfunction TextCustomField({\n controlId,\n error,\n errorId,\n field,\n name,\n onChange,\n value,\n}: CustomFieldControlProps & {\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,\n onChange: (\n event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n ) => onChange(event.currentTarget.value),\n required: field.required,\n value: typeof value === \"string\" ? value : \"\",\n };\n return (\n <label htmlFor={controlId}>\n <span>{field.label}</span>\n {field.type === \"textarea\" ? (\n <textarea {...commonProps} />\n ) : (\n <input {...commonProps} />\n )}\n <FieldError error={error} id={errorId} />\n </label>\n );\n}\n\nfunction SelectCustomField({\n controlId,\n error,\n errorId,\n field,\n name,\n onChange,\n value,\n}: CustomFieldControlProps & {\n field: LockerverseMultiOptionCustomField | LockerverseSingleOptionCustomField;\n}) {\n return (\n <label htmlFor={controlId}>\n <span>{field.label}</span>\n <select\n aria-describedby={error ? errorId : undefined}\n aria-invalid={error ? \"true\" : undefined}\n id={controlId}\n multiple={field.type === \"multi_select\"}\n name={name}\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={value ?? (field.type === \"multi_select\" ? [] : \"\")}\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 <FieldError error={error} id={errorId} />\n </label>\n );\n}\n\nfunction ChoiceCustomField({\n controlId,\n error,\n errorId,\n field,\n name,\n onChange,\n value,\n}: CustomFieldControlProps & {\n field: LockerverseMultiOptionCustomField | LockerverseSingleOptionCustomField;\n}) {\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 const selected = Array.isArray(value)\n ? value.includes(option.id)\n : value === option.id;\n return (\n <label className=\"lockerverse-payment__check-row\" key={option.id}>\n <input\n checked={selected}\n id={`${controlId}-${index}`}\n name={name}\n onChange={(event) => {\n if (field.type === \"radio\") {\n onChange(option.id);\n return;\n }\n const selectedValues = Array.isArray(value) ? value : [];\n onChange(\n event.currentTarget.checked\n ? [...selectedValues, option.id]\n : selectedValues.filter((id) => id !== option.id)\n );\n }}\n required={field.required}\n type={field.type === \"radio\" ? \"radio\" : \"checkbox\"}\n value={option.id}\n />\n <span>{option.label}</span>\n </label>\n );\n })}\n <FieldError error={error} id={errorId} />\n </fieldset>\n );\n}\n\nfunction formatMoney(amountCents: number) {\n return new Intl.NumberFormat(\"en-US\", {\n currency: \"USD\",\n style: \"currency\",\n }).format(amountCents / 100);\n}\n","import type {\n LockerverseCheckoutClient,\n LockerverseCheckoutQuote,\n LockerversePaymentResult,\n LockerverseSubmitPaymentInput,\n} from \"@lockerverse/sdk/checkout\";\nimport { LockerverseSdkError } from \"@lockerverse/sdk/checkout\";\nimport type { Stripe } from \"@stripe/stripe-js\";\n\nconst AMOUNT_KEYS = [\n \"amountCents\",\n \"discountableSubtotalCents\",\n \"discountCents\",\n \"serviceFeeCents\",\n \"subtotalCents\",\n \"tipCents\",\n \"totalCents\",\n] as const satisfies readonly (keyof LockerverseCheckoutQuote)[];\n\nconst SERVER_CONTROLLED_AMOUNT_KEYS = [\n \"discountableSubtotalCents\",\n \"discountCents\",\n \"subtotalCents\",\n] as const satisfies readonly (keyof LockerverseCheckoutQuote)[];\n\nexport function hasMaterialQuoteChange(\n displayed: LockerverseCheckoutQuote,\n current: LockerverseCheckoutQuote,\n locallyPreviewedTotalCents?: number\n) {\n const amountKeys =\n locallyPreviewedTotalCents === current.totalCents\n ? SERVER_CONTROLLED_AMOUNT_KEYS\n : AMOUNT_KEYS;\n return (\n amountKeys.some((key) => displayed[key] !== current[key]) ||\n displayed.payment.connectedAccountId !==\n current.payment.connectedAccountId ||\n displayed.payment.currency !== current.payment.currency ||\n JSON.stringify(displayed.appliedDiscount) !==\n JSON.stringify(current.appliedDiscount) ||\n JSON.stringify(displayed.lineItems) !== JSON.stringify(current.lineItems)\n );\n}\n\nexport type PaymentAttemptOutcome =\n | { kind: \"failed\"; payment: LockerversePaymentResult }\n | { kind: \"success\"; payment: LockerversePaymentResult }\n | {\n kind: \"unresolved\";\n paymentReference: string;\n reason: \"action_required\" | \"pending\" | \"recovery_failed\";\n };\n\nfunction classifyPayment(\n payment: LockerversePaymentResult\n): PaymentAttemptOutcome {\n if (payment.checkoutStatus === \"success\") {\n return { kind: \"success\", payment };\n }\n if (payment.checkoutStatus === \"failed\") {\n return { kind: \"failed\", payment };\n }\n return {\n kind: \"unresolved\",\n paymentReference: payment.paymentReference,\n reason:\n payment.checkoutStatus === \"action_required\"\n ? \"action_required\"\n : \"pending\",\n };\n}\n\nasync function settleRequiredAction(\n client: LockerverseCheckoutClient,\n payment: LockerversePaymentResult,\n stripe: Stripe\n): Promise<PaymentAttemptOutcome> {\n if (payment.checkoutStatus !== \"action_required\") {\n return classifyPayment(payment);\n }\n if (payment.clientSecret) {\n try {\n await stripe.handleNextAction({ clientSecret: payment.clientSecret });\n } catch {\n // Status recovery below is authoritative even when Stripe UI fails.\n }\n }\n try {\n const recovered = await client.getPaymentStatus(payment.paymentReference);\n return classifyPayment(recovered);\n } catch {\n return {\n kind: \"unresolved\",\n paymentReference: payment.paymentReference,\n reason: \"action_required\",\n };\n }\n}\n\nexport async function submitPaymentAttempt(\n client: LockerverseCheckoutClient,\n input: LockerverseSubmitPaymentInput,\n stripe: Stripe\n): Promise<PaymentAttemptOutcome> {\n let payment: LockerversePaymentResult;\n try {\n payment = await client.submitPayment(input);\n } catch (error) {\n if (!(error instanceof LockerverseSdkError && error.recoveryRecommended)) {\n throw error;\n }\n try {\n payment = await client.getPaymentStatus(input.checkout.paymentReference);\n } catch {\n return {\n kind: \"unresolved\",\n paymentReference: input.checkout.paymentReference,\n reason: \"recovery_failed\",\n };\n }\n }\n return settleRequiredAction(client, payment, stripe);\n}\n\nexport async function recoverPaymentAttempt(\n client: LockerverseCheckoutClient,\n paymentReference: string,\n stripe: Stripe\n): Promise<PaymentAttemptOutcome> {\n try {\n const payment = await client.getPaymentStatus(paymentReference);\n return settleRequiredAction(client, payment, stripe);\n } catch {\n return {\n kind: \"unresolved\",\n paymentReference,\n reason: \"recovery_failed\",\n };\n }\n}\n","import {\n array,\n minLength,\n minValue,\n nonEmpty,\n number,\n pipe,\n regex,\n safeInteger,\n safeParse,\n strictObject,\n string,\n trim,\n union,\n} from \"valibot\";\n\nconst productSlugSchema = pipe(string(), trim(), nonEmpty());\nconst positiveSafeIntegerSchema = pipe(number(), safeInteger(), minValue(1));\n\nconst paymentSelectionSchema = pipe(\n array(\n union([\n strictObject({\n amountCents: positiveSafeIntegerSchema,\n productSlug: productSlugSchema,\n }),\n strictObject({\n productSlug: productSlugSchema,\n quantity: positiveSafeIntegerSchema,\n }),\n ])\n ),\n minLength(1)\n);\n\nconst customTipSchema = pipe(\n string(),\n trim(),\n regex(/^(?:0|[1-9]\\d*)(?:\\.\\d{1,2})?$/, \"Enter a valid tip amount.\")\n);\n\nexport function parseCustomTipCents(input: string) {\n const result = safeParse(customTipSchema, input);\n if (!result.success) {\n return {\n message: result.issues[0]?.message ?? \"Enter a valid tip amount.\",\n success: false,\n } as const;\n }\n const [dollars = \"0\", fraction = \"\"] = result.output.split(\".\");\n const cents = BigInt(dollars) * 100n + BigInt(fraction.padEnd(2, \"0\"));\n if (cents > BigInt(Number.MAX_SAFE_INTEGER)) {\n return { message: \"Enter a valid tip amount.\", success: false } as const;\n }\n return { cents: Number(cents), success: true } as const;\n}\n\nexport function parsePaymentSelection(input: unknown) {\n const result = safeParse(paymentSelectionSchema, input);\n return result.success\n ? ({ success: true, value: result.output } as const)\n : ({\n message: \"Lockerverse payment configuration is invalid.\",\n success: false,\n } as const);\n}\n","import type { LockerverseCustomField } from \"@lockerverse/sdk/checkout\";\nimport {\n array,\n email,\n minLength,\n nonEmpty,\n object,\n pipe,\n regex,\n safeParse,\n string,\n trim,\n} from \"valibot\";\n\nconst emailSchema = pipe(\n string(),\n trim(),\n nonEmpty(\"Email is required.\"),\n email(\"Enter a valid email address.\")\n);\n\nconst phoneSchema = pipe(\n string(),\n trim(),\n nonEmpty(\"Phone is required.\"),\n regex(/^\\+[1-9]\\d{6,14}$/, \"Enter a valid phone number.\")\n);\n\nexport function normalizePhone(input: string) {\n return input.trim().replace(/[().\\s-]/g, \"\");\n}\n\nexport type ContactErrors = {\n email?: string;\n phone?: string;\n};\n\nexport function validateContact(\n input: { email: string; phone: string },\n requiresPhone: boolean\n) {\n const normalizedInput = requiresPhone\n ? { ...input, phone: normalizePhone(input.phone) }\n : input;\n const schema = requiresPhone\n ? object({ email: emailSchema, phone: phoneSchema })\n : object({ email: emailSchema });\n const result = safeParse(schema, normalizedInput);\n\n if (result.success) {\n return { errors: {} as ContactErrors, value: result.output } as const;\n }\n\n const errors: ContactErrors = {};\n for (const issue of result.issues) {\n const field = issue.path?.[0]?.key;\n if ((field === \"email\" || field === \"phone\") && !errors[field]) {\n errors[field] = issue.message;\n }\n }\n return { errors, value: null } as const;\n}\n\nexport function validateCustomFields(\n fields: LockerverseCustomField[],\n values: Record<string, string | string[]>\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 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 typeof value === \"string\" ? value : \"\"\n );\n if (!result.success) {\n errors[field.id] = result.issues[0]?.message ?? message;\n }\n }\n return errors;\n}\n","import type {\n CreateLockerverseWidgetOptions,\n LockerverseCatalog,\n LockerverseCheckoutClient,\n LockerverseCheckoutItem,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport { createLockerverseCheckoutClient } from \"@lockerverse/sdk/checkout\";\nimport { useEffect, useMemo, useReducer, useRef } from \"react\";\nimport { parsePaymentSelection } from \"./payment-input.ts\";\nimport type {\n LockerversePaymentProps,\n LockerversePaymentSelectionItem,\n} from \"./types.ts\";\n\nexport type CheckoutPaymentState =\n | \"error\"\n | \"idle\"\n | \"invalid\"\n | \"submitting\"\n | \"success\"\n | \"unresolved\";\n\ntype CheckoutConfiguration = {\n apiBaseUrl: LockerversePaymentProps[\"apiBaseUrl\"] | undefined;\n communitySlug: string;\n environment: LockerversePaymentProps[\"environment\"] | undefined;\n fetch: LockerversePaymentProps[\"fetch\"] | undefined;\n requestTimeoutMs: number | undefined;\n sentryDsn: string | null | undefined;\n widgetSlug: string;\n};\n\ntype SessionState =\n | { phase: \"idle\"; revision: number }\n | {\n configuration: CheckoutConfiguration;\n phase: \"loading\";\n revision: number;\n selectionKey: string;\n }\n | {\n configuration: CheckoutConfiguration;\n failure: string;\n phase: \"error\";\n revision: number;\n selectionKey: string;\n }\n | {\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n configuration: CheckoutConfiguration;\n phase: \"ready\";\n preparedCheckout: LockerversePreparedCheckout;\n revision: number;\n selectionKey: string;\n };\n\ntype SessionAction =\n | {\n configuration: CheckoutConfiguration;\n selectionKey: string;\n type: \"loading\";\n }\n | {\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n configuration: CheckoutConfiguration;\n preparedCheckout: LockerversePreparedCheckout;\n selectionKey: string;\n type: \"ready\";\n }\n | {\n configuration: CheckoutConfiguration;\n failure: string;\n selectionKey: string;\n type: \"error\";\n }\n | { preparedCheckout: LockerversePreparedCheckout; type: \"checkout\" }\n | { type: \"retry\" };\n\ntype LoadIdentity = {\n configuration: CheckoutConfiguration;\n selectionKey: string;\n};\n\nfunction sessionReducer(\n state: SessionState,\n action: SessionAction\n): SessionState {\n switch (action.type) {\n case \"loading\":\n return {\n configuration: action.configuration,\n phase: \"loading\",\n revision: state.revision,\n selectionKey: action.selectionKey,\n };\n case \"ready\":\n return {\n catalog: action.catalog,\n checkoutItems: action.checkoutItems,\n client: action.client,\n configuration: action.configuration,\n phase: \"ready\",\n preparedCheckout: action.preparedCheckout,\n revision: state.revision + 1,\n selectionKey: action.selectionKey,\n };\n case \"error\":\n return {\n configuration: action.configuration,\n failure: action.failure,\n phase: \"error\",\n revision: state.revision,\n selectionKey: action.selectionKey,\n };\n case \"checkout\":\n return state.phase === \"ready\"\n ? { ...state, preparedCheckout: action.preparedCheckout }\n : state;\n case \"retry\":\n return { phase: \"idle\", revision: state.revision + 1 };\n default:\n return state;\n }\n}\n\nfunction createCheckoutOptions(\n configuration: CheckoutConfiguration,\n onError: LockerversePaymentProps[\"onError\"]\n): CreateLockerverseWidgetOptions {\n const {\n apiBaseUrl,\n communitySlug,\n environment,\n fetch,\n requestTimeoutMs,\n sentryDsn,\n widgetSlug,\n } = configuration;\n const common = {\n communitySlug,\n widgetSlug,\n ...(fetch ? { fetch } : {}),\n ...(onError ? { onError } : {}),\n ...(requestTimeoutMs === undefined ? {} : { requestTimeoutMs }),\n ...(sentryDsn === undefined ? {} : { sentryDsn }),\n };\n if (apiBaseUrl === undefined) {\n if (environment === \"development\") {\n throw new TypeError(\n \"Lockerverse development checkout requires an API base URL.\"\n );\n }\n return {\n ...common,\n ...(environment === \"production\" ? { environment } : {}),\n };\n }\n if (!environment) {\n throw new TypeError(\n \"Lockerverse development checkout requires an environment.\"\n );\n }\n return { ...common, apiBaseUrl, environment };\n}\n\nfunction isSameLoad(\n identity: LoadIdentity | undefined,\n configuration: CheckoutConfiguration,\n selectionKey: string\n) {\n return (\n identity?.configuration === configuration &&\n identity.selectionKey === selectionKey\n );\n}\n\nexport function usePaymentCheckout({\n apiBaseUrl,\n communitySlug,\n environment,\n fetch,\n onError,\n paymentState,\n requestTimeoutMs,\n selection,\n sentryDsn,\n widgetSlug,\n}: CheckoutConfiguration & {\n onError: LockerversePaymentProps[\"onError\"];\n paymentState: CheckoutPaymentState;\n selection: LockerversePaymentProps[\"selection\"];\n}) {\n const configuration = useMemo<CheckoutConfiguration>(\n () => ({\n apiBaseUrl,\n communitySlug,\n environment,\n fetch,\n requestTimeoutMs,\n sentryDsn,\n widgetSlug,\n }),\n [\n apiBaseUrl,\n communitySlug,\n environment,\n fetch,\n requestTimeoutMs,\n sentryDsn,\n widgetSlug,\n ]\n );\n const parsedSelection = parsePaymentSelection(selection);\n const selectionKey = parsedSelection.success\n ? JSON.stringify(parsedSelection.value)\n : \"invalid-selection\";\n const stableSelection = useMemo(\n () =>\n parsedSelection.success\n ? (JSON.parse(selectionKey) as LockerversePaymentSelectionItem[])\n : [],\n [parsedSelection.success, selectionKey]\n );\n const [session, dispatch] = useReducer(sessionReducer, {\n phase: \"idle\",\n revision: 0,\n });\n const loadingRef = useRef<LoadIdentity | undefined>(undefined);\n const settledRef = useRef<LoadIdentity | undefined>(undefined);\n const onErrorRef = useRef(onError);\n onErrorRef.current = onError;\n\n useEffect(() => {\n if (!parsedSelection.success) {\n return;\n }\n if (\n paymentState === \"submitting\" ||\n paymentState === \"success\" ||\n paymentState === \"unresolved\" ||\n isSameLoad(settledRef.current, configuration, selectionKey) ||\n isSameLoad(loadingRef.current, configuration, selectionKey)\n ) {\n return;\n }\n\n let active = true;\n const identity = { configuration, selectionKey };\n loadingRef.current = identity;\n dispatch({ configuration, selectionKey, type: \"loading\" });\n\n async function loadPayment() {\n try {\n const client = createLockerverseCheckoutClient(\n createCheckoutOptions(configuration, (error) =>\n onErrorRef.current?.(error)\n )\n );\n const { catalog, checkout: preparedCheckout } =\n await client.bootstrapCheckout({ items: stableSelection });\n const checkoutItems = [...preparedCheckout.items];\n if (active) {\n loadingRef.current = undefined;\n settledRef.current = identity;\n dispatch({\n catalog,\n checkoutItems,\n client,\n configuration,\n preparedCheckout,\n selectionKey,\n type: \"ready\",\n });\n }\n } catch (error) {\n if (active) {\n loadingRef.current = undefined;\n settledRef.current = identity;\n dispatch({\n configuration,\n failure:\n error instanceof Error\n ? error.message\n : \"Lockerverse payment could not load.\",\n selectionKey,\n type: \"error\",\n });\n }\n }\n }\n\n loadPayment();\n return () => {\n active = false;\n if (isSameLoad(loadingRef.current, configuration, selectionKey)) {\n loadingRef.current = undefined;\n }\n };\n }, [\n configuration,\n parsedSelection.success,\n paymentState,\n selectionKey,\n session.revision,\n stableSelection,\n ]);\n\n return {\n retryCheckout: () => {\n loadingRef.current = undefined;\n settledRef.current = undefined;\n dispatch({ type: \"retry\" });\n },\n selectionError: parsedSelection.success\n ? undefined\n : parsedSelection.message,\n session,\n updateCheckout: (preparedCheckout: LockerversePreparedCheckout) =>\n dispatch({ preparedCheckout, type: \"checkout\" }),\n };\n}\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutClient,\n LockerverseCheckoutItem,\n LockerverseCustomField,\n LockerverseCustomFieldAnswer,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport {\n AddressElement,\n Elements,\n PaymentElement,\n useElements,\n useStripe,\n} from \"@stripe/react-stripe-js\";\nimport type { Stripe, StripeElements } from \"@stripe/stripe-js\";\nimport { loadStripe } from \"@stripe/stripe-js\";\nimport { useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { getAccentContrast } from \"./accent-contrast.ts\";\nimport {\n AdditionalCheckoutFields,\n type CheckoutFieldValues,\n CheckoutToggle,\n ServiceFeeField,\n TipField,\n} from \"./checkout-fields.tsx\";\nimport {\n hasMaterialQuoteChange,\n recoverPaymentAttempt,\n submitPaymentAttempt,\n} from \"./payment-attempt.ts\";\nimport { parseCustomTipCents } from \"./payment-input.ts\";\nimport {\n normalizePhone,\n validateContact,\n validateCustomFields,\n} from \"./payment-validation.ts\";\nimport { LockerverseSelect, SelectPortalProvider } from \"./select-control.tsx\";\nimport type { LockerversePaymentProps } from \"./types.ts\";\nimport {\n type CheckoutPaymentState,\n usePaymentCheckout,\n} from \"./use-payment-checkout.ts\";\n\nfunction formatMoney(amountCents: number) {\n return new Intl.NumberFormat(\"en-US\", {\n currency: \"USD\",\n style: \"currency\",\n }).format(amountCents / 100);\n}\n\nfunction getTipCents(\n subtotalCents: number,\n values: Pick<CheckoutFieldValues, \"customTip\" | \"tipPercent\">\n) {\n if (values.tipPercent === \"custom\") {\n return parseCustomTipCents(values.customTip);\n }\n return {\n cents: Math.round((subtotalCents * Number(values.tipPercent)) / 100),\n success: true,\n } as const;\n}\n\nconst PHONE_COUNTRIES = [\n { callingCode: \"+1\", label: \"🇺🇸 +1\", value: \"US\" },\n { callingCode: \"+52\", label: \"🇲🇽 +52\", value: \"MX\" },\n { callingCode: \"+380\", label: \"🇺🇦 +380\", value: \"UA\" },\n { callingCode: \"+48\", label: \"🇵🇱 +48\", value: \"PL\" },\n { callingCode: \"+1\", label: \"🇨🇦 +1\", value: \"CA\" },\n { callingCode: \"+49\", label: \"🇩🇪 +49\", value: \"DE\" },\n { callingCode: \"+44\", label: \"🇬🇧 +44\", value: \"GB\" },\n { callingCode: \"+46\", label: \"🇸🇪 +46\", value: \"SE\" },\n { callingCode: \"+358\", label: \"🇫🇮 +358\", value: \"FI\" },\n { callingCode: \"+1\", label: \"🇵🇷 +1\", value: \"PR\" },\n] as const;\n\nconst DEFAULT_FONT_FAMILY =\n 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif';\n\nfunction getInternationalPhone(phone: string, country: string) {\n if (phone.trim().startsWith(\"+\")) {\n return phone;\n }\n const callingCode =\n PHONE_COUNTRIES.find((option) => option.value === country)?.callingCode ??\n \"+1\";\n return `${callingCode}${phone}`;\n}\n\nfunction buildCustomFieldAnswers(\n fields: LockerverseCustomField[],\n values: Record<string, string | string[]>\n): LockerverseCustomFieldAnswer[] {\n return fields.map((field): LockerverseCustomFieldAnswer => {\n const value = values[field.id];\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: typeof value === \"string\" ? value : \"\",\n };\n });\n}\n\nfunction buildQuoteRequest(\n catalog: LockerverseCatalog,\n fieldValues: CheckoutFieldValues,\n email: string,\n tipCents: number\n) {\n return {\n email,\n ...(catalog.widget.fields.serviceFee\n ? { includeServiceFee: fieldValues.includeServiceFee }\n : {}),\n ...(catalog.widget.fields.promoCode && fieldValues.promoCode.trim()\n ? { promoCode: fieldValues.promoCode.trim() }\n : {}),\n ...(catalog.widget.fields.tipping ? { tipCents } : {}),\n };\n}\n\nasync function getCompleteAddress(\n elements: StripeElements,\n mode: \"billing\" | \"shipping\"\n) {\n const addressElement = elements.getElement(\"address\", { mode });\n const label = mode === \"billing\" ? \"Billing\" : \"Shipping\";\n if (!addressElement) {\n throw new Error(`${label} address is still loading.`);\n }\n const address = await addressElement.getValue();\n if (!address.complete) {\n throw new Error(`${label} address is required.`);\n }\n return address.value;\n}\n\nfunction getShippingAddress(\n catalog: LockerverseCatalog,\n elements: StripeElements,\n fieldValues: CheckoutFieldValues,\n billingAddress: Awaited<ReturnType<typeof getCompleteAddress>>\n) {\n if (!catalog.widget.fields.shipping) {\n return;\n }\n return fieldValues.shippingMatchesBilling\n ? billingAddress\n : getCompleteAddress(elements, \"shipping\");\n}\n\nfunction buildConfirmationParams({\n billingAddress,\n catalog,\n email,\n phone,\n shippingAddress,\n}: {\n billingAddress: Awaited<ReturnType<typeof getCompleteAddress>>;\n catalog: LockerverseCatalog;\n email: string;\n phone: string;\n shippingAddress: Awaited<ReturnType<typeof getCompleteAddress>> | undefined;\n}) {\n return {\n payment_method_data: {\n billing_details: {\n address: billingAddress.address,\n email,\n name: billingAddress.name,\n ...(catalog.widget.fields.phone ? { phone } : {}),\n },\n },\n ...(shippingAddress\n ? {\n shipping: {\n address: shippingAddress.address,\n name: shippingAddress.name,\n phone: catalog.widget.fields.phone\n ? phone\n : (shippingAddress.phone ?? null),\n },\n }\n : {}),\n };\n}\n\nfunction buildPaymentRequest({\n catalog,\n confirmationToken,\n email,\n fieldValues,\n metadata,\n phone,\n shippingAddress,\n}: {\n catalog: LockerverseCatalog;\n confirmationToken?: string;\n email: string;\n fieldValues: CheckoutFieldValues;\n metadata: Record<string, string> | undefined;\n phone: string;\n shippingAddress?: Awaited<ReturnType<typeof getCompleteAddress>>;\n}) {\n return {\n ...(confirmationToken ? { confirmationToken } : {}),\n customFieldAnswers: buildCustomFieldAnswers(\n catalog.widget.customFields,\n fieldValues.customFields\n ),\n email,\n ...(metadata ? { metadata } : {}),\n ...(catalog.widget.fields.memberId && fieldValues.memberId.trim()\n ? { memberId: fieldValues.memberId.trim() }\n : {}),\n ...(catalog.widget.fields.merchSize\n ? { merchSize: fieldValues.merchSize }\n : {}),\n ...(catalog.widget.fields.phone ? { phone } : {}),\n ...(shippingAddress\n ? {\n shipping: {\n address: {\n city: shippingAddress.address.city ?? \"\",\n country: shippingAddress.address.country,\n line1: shippingAddress.address.line1 ?? \"\",\n ...(shippingAddress.address.line2\n ? { line2: shippingAddress.address.line2 }\n : {}),\n postal_code: shippingAddress.address.postal_code ?? \"\",\n state: shippingAddress.address.state ?? \"\",\n },\n name: shippingAddress.name,\n },\n }\n : {}),\n };\n}\n\nasync function completePayment({\n catalog,\n checkoutItems,\n client,\n elements,\n email,\n fieldValues,\n locallyPreviewedTotalCents,\n metadata,\n onPaymentRecoveryChange,\n phone,\n quote,\n stripe,\n}: {\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n elements: StripeElements;\n email: string;\n fieldValues: CheckoutFieldValues;\n locallyPreviewedTotalCents: number;\n metadata: Record<string, string> | undefined;\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n phone: string;\n quote: LockerversePreparedCheckout;\n stripe: Stripe;\n}) {\n const normalizedEmail = email.trim().toLowerCase();\n const normalizedPhone = normalizePhone(phone);\n const parsedTip = getTipCents(quote.subtotalCents, fieldValues);\n if (!parsedTip.success) {\n throw new Error(parsedTip.message);\n }\n const pricing = buildQuoteRequest(\n catalog,\n fieldValues,\n normalizedEmail,\n parsedTip.cents\n );\n const currentQuote = await client.calculateTotal({\n ...pricing,\n items: checkoutItems,\n });\n if (\n currentQuote.totalCents > 0 &&\n hasMaterialQuoteChange(quote, currentQuote, locallyPreviewedTotalCents)\n ) {\n return { kind: \"quote_changed\" as const, quote: currentQuote };\n }\n\n if (currentQuote.totalCents === 0) {\n let shippingAddress:\n | Awaited<ReturnType<typeof getCompleteAddress>>\n | undefined;\n if (catalog.widget.fields.shipping) {\n const billingAddress = await getCompleteAddress(elements, \"billing\");\n shippingAddress = await getShippingAddress(\n catalog,\n elements,\n fieldValues,\n billingAddress\n );\n }\n notifyPaymentRecovery(onPaymentRecoveryChange, {\n connectedAccountId: currentQuote.payment.connectedAccountId,\n paymentReference: currentQuote.paymentReference,\n });\n const outcome = await submitPaymentAttempt(\n client,\n {\n checkout: currentQuote,\n submission: buildPaymentRequest({\n catalog,\n email: normalizedEmail,\n fieldValues,\n metadata,\n phone: normalizedPhone,\n ...(shippingAddress ? { shippingAddress } : {}),\n }),\n },\n stripe\n );\n if (outcome.kind === \"failed\") {\n return {\n kind: \"payment_failed\" as const,\n message:\n \"Order could not be completed. Review the details and try again.\",\n };\n }\n if (outcome.kind === \"unresolved\") {\n return {\n kind: \"payment_unresolved\" as const,\n paymentReference: outcome.paymentReference,\n reason: outcome.reason,\n };\n }\n return {\n kind: \"payment\" as const,\n payment: outcome.payment,\n quote: currentQuote,\n };\n }\n\n await elements.update({ amount: currentQuote.totalCents });\n\n const elementSubmission = await elements.submit();\n if (elementSubmission.error) {\n throw new Error(elementSubmission.error.message);\n }\n\n const billingAddress = await getCompleteAddress(elements, \"billing\");\n const shippingAddress = await getShippingAddress(\n catalog,\n elements,\n fieldValues,\n billingAddress\n );\n\n const tokenResult = await stripe.createConfirmationToken({\n elements,\n params: buildConfirmationParams({\n billingAddress,\n catalog,\n email: normalizedEmail,\n phone: normalizedPhone,\n shippingAddress,\n }),\n });\n if (tokenResult.error) {\n throw new Error(tokenResult.error.message);\n }\n\n notifyPaymentRecovery(onPaymentRecoveryChange, {\n connectedAccountId: currentQuote.payment.connectedAccountId,\n paymentReference: currentQuote.paymentReference,\n });\n\n const outcome = await submitPaymentAttempt(\n client,\n {\n checkout: currentQuote,\n submission: buildPaymentRequest({\n catalog,\n confirmationToken: tokenResult.confirmationToken.id,\n email: normalizedEmail,\n fieldValues,\n metadata,\n phone: normalizedPhone,\n ...(shippingAddress ? { shippingAddress } : {}),\n }),\n },\n stripe\n );\n if (outcome.kind === \"failed\") {\n return {\n kind: \"payment_failed\" as const,\n message:\n \"Payment was declined. Check your payment details and try again.\",\n };\n }\n if (outcome.kind === \"unresolved\") {\n return {\n kind: \"payment_unresolved\" as const,\n paymentReference: outcome.paymentReference,\n reason: outcome.reason,\n };\n }\n return {\n kind: \"payment\" as const,\n payment: outcome.payment,\n quote: currentQuote,\n };\n}\n\nfunction ReadyPayment({\n accentColor,\n catalog,\n checkoutItems,\n client,\n fontFamily,\n metadata,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n quote,\n resumePayment,\n onStateChange,\n stripeLoader,\n theme,\n visualStyle,\n}: {\n accentColor: string;\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n fontFamily: string;\n metadata: Record<string, string> | undefined;\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n quote: LockerversePreparedCheckout;\n resumePayment: LockerversePaymentProps[\"resumePayment\"];\n onStateChange: (\n state:\n | \"error\"\n | \"idle\"\n | \"invalid\"\n | \"submitting\"\n | \"success\"\n | \"unresolved\"\n ) => void;\n stripeLoader: NonNullable<LockerversePaymentProps[\"stripeLoader\"]>;\n theme: LockerversePaymentProps[\"theme\"];\n visualStyle: LockerversePaymentProps[\"style\"];\n}) {\n const connectedAccountId = resumePayment\n ? resumePayment.connectedAccountId\n : quote.payment.connectedAccountId;\n const stripe = useMemo(\n () =>\n stripeLoader(\n catalog.payment.publishableKey,\n connectedAccountId ? { stripeAccount: connectedAccountId } : undefined\n ),\n [catalog.payment.publishableKey, connectedAccountId, stripeLoader]\n );\n\n return (\n <Elements\n key={`${catalog.payment.publishableKey}:${connectedAccountId ?? \"platform\"}`}\n options={{\n amount: Math.max(quote.totalCents, 100),\n appearance: {\n rules: {\n \".Input:focus\": {\n borderColor: accentColor,\n boxShadow: `0 0 0 1px ${accentColor}`,\n outline: \"none\",\n },\n },\n theme: theme === \"light\" ? \"stripe\" : \"night\",\n variables: {\n borderRadius: visualStyle?.[\"--lockerverse-radius\"] ?? \"10px\",\n colorBackground:\n visualStyle?.[\"--lockerverse-control\"] ??\n (theme === \"light\" ? \"#f5f6f7\" : \"#121212\"),\n colorDanger:\n visualStyle?.[\"--lockerverse-danger\"] ??\n (theme === \"light\" ? \"#c52b3e\" : \"#f08a98\"),\n colorPrimary: accentColor,\n colorText:\n visualStyle?.[\"--lockerverse-text\"] ??\n (theme === \"light\" ? \"#121416\" : \"#ffffff\"),\n colorTextPlaceholder:\n visualStyle?.[\"--lockerverse-placeholder\"] ??\n (theme === \"light\" ? \"#72767d\" : \"#6b6b6b\"),\n colorTextSecondary:\n visualStyle?.[\"--lockerverse-muted\"] ??\n (theme === \"light\" ? \"#62666d\" : \"#a1a1aa\"),\n focusBoxShadow: \"none\",\n focusOutline: \"none\",\n fontFamily,\n fontSizeBase: \"16px\",\n },\n },\n currency: quote.payment.currency,\n excludedPaymentMethodTypes: [\"us_bank_account\"],\n mode: \"payment\",\n syncAddressCheckbox: \"none\",\n }}\n stripe={stripe}\n >\n <PaymentForm\n catalog={catalog}\n checkoutItems={checkoutItems}\n client={client}\n metadata={metadata}\n onPaymentComplete={onPaymentComplete}\n onPaymentRecoveryChange={onPaymentRecoveryChange}\n onPaymentUncertain={onPaymentUncertain}\n onQuoteChange={onQuoteChange}\n onStateChange={onStateChange}\n quote={quote}\n resumePayment={resumePayment}\n />\n </Elements>\n );\n}\n\nfunction StripeElementLoader({ label }: { label: string }) {\n return (\n <div className=\"lockerverse-payment__stripe-loader\" role=\"status\">\n <p>{label}</p>\n <div aria-hidden=\"true\">\n <span />\n <span />\n <span />\n </div>\n </div>\n );\n}\n\nfunction StripePaymentField({\n onError,\n onReady,\n ready,\n}: {\n onError: (message: string) => void;\n onReady: () => void;\n ready: boolean;\n}) {\n return (\n <div className=\"lockerverse-payment__stripe-element\" data-ready={ready}>\n {ready ? null : <StripeElementLoader label=\"Loading payment form...\" />}\n <div className=\"lockerverse-payment__stripe-mount\">\n <PaymentElement\n onLoadError={({ error }) =>\n onError(error.message ?? \"Payment form failed to load.\")\n }\n onReady={onReady}\n options={{\n business: { name: \"Lockerverse\" },\n fields: {\n billingDetails: {\n address: \"never\",\n email: \"never\",\n name: \"never\",\n phone: \"never\",\n },\n },\n layout: \"tabs\",\n terms: {\n applePay: \"auto\",\n auBecsDebit: \"never\",\n bancontact: \"never\",\n card: \"always\",\n cashapp: \"never\",\n googlePay: \"never\",\n ideal: \"never\",\n paypal: \"auto\",\n sepaDebit: \"never\",\n sofort: \"never\",\n usBankAccount: \"never\",\n },\n wallets: { applePay: \"auto\", googlePay: \"never\" },\n }}\n />\n </div>\n </div>\n );\n}\n\nfunction StripeAddressField({\n label,\n mode,\n onError,\n onReady,\n ready,\n}: {\n label: string;\n mode: \"billing\" | \"shipping\";\n onError: (message: string) => void;\n onReady: () => void;\n ready: boolean;\n}) {\n return (\n <div className=\"lockerverse-payment__address\">\n <h2>{label}</h2>\n <div\n className=\"lockerverse-payment__stripe-element lockerverse-payment__stripe-element--address\"\n data-ready={ready}\n >\n {ready ? null : (\n <StripeElementLoader label={`Loading ${label.toLowerCase()}...`} />\n )}\n <div className=\"lockerverse-payment__stripe-mount\">\n <AddressElement\n onLoadError={({ error }) =>\n onError(error.message ?? `${label} failed to load.`)\n }\n onReady={onReady}\n options={{ autocomplete: { mode: \"automatic\" }, mode }}\n />\n </div>\n </div>\n </div>\n );\n}\n\nfunction PaymentErrorMessage({ message }: { message: string | undefined }) {\n if (!message) {\n return null;\n }\n return (\n <p className=\"lockerverse-payment__field-message\" role=\"alert\">\n {message}\n </p>\n );\n}\n\nfunction StripeCheckoutFields({\n catalog,\n displayedTotalCents,\n fieldValues,\n isBillingAddressReady,\n isPaymentReady,\n isShippingAddressReady,\n onFieldValuesChange,\n onStripeLoadError,\n setIsBillingAddressReady,\n setIsPaymentReady,\n setIsShippingAddressReady,\n}: {\n catalog: LockerverseCatalog;\n displayedTotalCents: number;\n fieldValues: CheckoutFieldValues;\n isBillingAddressReady: boolean;\n isPaymentReady: boolean;\n isShippingAddressReady: boolean;\n onFieldValuesChange: (values: CheckoutFieldValues) => void;\n onStripeLoadError: (message: string) => void;\n setIsBillingAddressReady: (ready: boolean) => void;\n setIsPaymentReady: (ready: boolean) => void;\n setIsShippingAddressReady: (ready: boolean) => void;\n}) {\n const requiresPayment = displayedTotalCents > 0;\n\n return (\n <>\n {requiresPayment ? (\n <StripePaymentField\n onError={onStripeLoadError}\n onReady={() => setIsPaymentReady(true)}\n ready={isPaymentReady}\n />\n ) : null}\n {requiresPayment || catalog.widget.fields.shipping ? (\n <StripeAddressField\n label={requiresPayment ? \"Billing address\" : \"Shipping address\"}\n mode=\"billing\"\n onError={onStripeLoadError}\n onReady={() => setIsBillingAddressReady(true)}\n ready={isBillingAddressReady}\n />\n ) : null}\n {catalog.widget.fields.shipping ? (\n <div className=\"lockerverse-payment__shipping\">\n <CheckoutToggle\n checked={fieldValues.shippingMatchesBilling}\n name=\"shippingMatchesBilling\"\n onChange={(shippingMatchesBilling) => {\n onFieldValuesChange({\n ...fieldValues,\n shippingMatchesBilling,\n });\n if (!shippingMatchesBilling) {\n setIsShippingAddressReady(false);\n }\n }}\n >\n Shipping is same as billing information\n </CheckoutToggle>\n {fieldValues.shippingMatchesBilling ? null : (\n <StripeAddressField\n label=\"Shipping address\"\n mode=\"shipping\"\n onError={onStripeLoadError}\n onReady={() => setIsShippingAddressReady(true)}\n ready={isShippingAddressReady}\n />\n )}\n </div>\n ) : null}\n </>\n );\n}\n\nfunction PaymentAction({\n catalog,\n displayedBaseCents,\n displayedTipCents,\n displayedTotalCents,\n fieldValues,\n isBillingAddressReady,\n isPaymentReady,\n isRequiredShippingReady,\n isSubmitting,\n onFieldValuesChange,\n quote,\n}: {\n catalog: LockerverseCatalog;\n displayedBaseCents: number;\n displayedTipCents: number;\n displayedTotalCents: number;\n fieldValues: CheckoutFieldValues;\n isBillingAddressReady: boolean;\n isPaymentReady: boolean;\n isRequiredShippingReady: boolean;\n isSubmitting: boolean;\n onFieldValuesChange: (values: CheckoutFieldValues) => void;\n quote: LockerversePreparedCheckout;\n}) {\n const isFree = displayedTotalCents === 0;\n const isReady = isFree\n ? !catalog.widget.fields.shipping ||\n (isBillingAddressReady && isRequiredShippingReady)\n : isPaymentReady && isBillingAddressReady && isRequiredShippingReady;\n let label = `Process Payment (${formatMoney(displayedBaseCents)})`;\n if (displayedTipCents > 0) {\n label += ` + ${formatMoney(displayedTipCents)} tip`;\n }\n if (isFree) {\n label = \"Complete order\";\n }\n if (isSubmitting) {\n label = isFree ? \"Completing…\" : \"Processing…\";\n }\n return (\n <div className=\"lockerverse-payment__actions\">\n <ServiceFeeField\n amountCents={\n quote.serviceFeeCents ||\n Math.round(\n (quote.subtotalCents *\n catalog.pricingPolicy.serviceFeeRateBasisPoints) /\n 10_000\n )\n }\n enabled={catalog.widget.fields.serviceFee}\n onChange={onFieldValuesChange}\n values={fieldValues}\n />\n <button\n aria-busy={isSubmitting}\n aria-label={\n isFree\n ? \"Complete order\"\n : `Process payment for ${formatMoney(displayedTotalCents)} total`\n }\n disabled={isSubmitting || !isReady}\n type=\"submit\"\n >\n {label}\n </button>\n </div>\n );\n}\n\ntype PaymentUiState =\n | \"error\"\n | \"idle\"\n | \"invalid\"\n | \"submitting\"\n | \"success\"\n | \"unresolved\";\n\ntype PaymentTerminalState = {\n kind: \"success\" | \"unresolved\";\n message: string;\n};\n\ntype CompletePaymentResult = Awaited<ReturnType<typeof completePayment>>;\n\nfunction notifyPaymentRecovery(\n callback: LockerversePaymentProps[\"onPaymentRecoveryChange\"],\n recovery: Parameters<\n NonNullable<LockerversePaymentProps[\"onPaymentRecoveryChange\"]>\n >[0]\n) {\n try {\n callback?.(recovery);\n } catch {\n // Host persistence failures must not change authoritative payment state.\n }\n}\n\nfunction focusFirstValidationError({\n customFieldErrors,\n emailRef,\n form,\n parsedTipSuccess,\n phoneRef,\n validationErrors,\n}: {\n customFieldErrors: Record<string, string>;\n emailRef: React.RefObject<HTMLInputElement | null>;\n form: HTMLFormElement;\n parsedTipSuccess: boolean;\n phoneRef: React.RefObject<HTMLInputElement | null>;\n validationErrors: { email?: string; phone?: string };\n}) {\n if (validationErrors.email) {\n emailRef.current?.focus();\n return;\n }\n if (validationErrors.phone) {\n phoneRef.current?.focus();\n return;\n }\n if (!parsedTipSuccess) {\n form.querySelector<HTMLElement>('[name=\"tip\"]')?.focus();\n return;\n }\n const [firstFieldId] = Object.keys(customFieldErrors);\n if (firstFieldId) {\n form.querySelector<HTMLElement>(`[name=\"custom:${firstFieldId}\"]`)?.focus();\n }\n}\n\nfunction applyPaymentOutcome({\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n onStateChange,\n result,\n setDisplayedTotalCents,\n setPaymentError,\n setTerminalState,\n}: {\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n onStateChange: (state: PaymentUiState) => void;\n result: CompletePaymentResult;\n setDisplayedTotalCents: (total: number) => void;\n setPaymentError: (message: string) => void;\n setTerminalState: (state: PaymentTerminalState) => void;\n}) {\n if (result.kind === \"quote_changed\") {\n const notice = `The total changed to ${formatMoney(result.quote.totalCents)}. Review it and pay again.`;\n onQuoteChange(result.quote, notice);\n setDisplayedTotalCents(result.quote.totalCents);\n onStateChange(\"idle\");\n return;\n }\n if (result.kind === \"payment_failed\") {\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n setPaymentError(result.message);\n onStateChange(\"error\");\n return;\n }\n if (result.kind === \"payment_unresolved\") {\n setTerminalState({\n kind: \"unresolved\",\n message: \"Payment is still processing. Do not submit it again.\",\n });\n onStateChange(\"unresolved\");\n try {\n onPaymentUncertain?.({\n paymentReference: result.paymentReference,\n reason: result.reason,\n });\n } catch {\n // Host callback failures must not unlock an uncertain payment.\n }\n return;\n }\n onQuoteChange(result.quote);\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n setTerminalState({\n kind: \"success\",\n message: result.payment.paymentRequired\n ? \"Payment completed successfully.\"\n : \"Order confirmed. No payment was required.\",\n });\n onStateChange(\"success\");\n try {\n onPaymentComplete?.(result.payment);\n } catch {\n // Host callback failures must not turn a completed payment into an error.\n }\n}\n\nfunction ContactFields({\n email,\n emailErrorId,\n emailId,\n emailRef,\n errors,\n onEmailBlur,\n onEmailChange,\n onPhoneChange,\n onPhoneCountryChange,\n phone,\n phoneCountry,\n phoneEnabled,\n phoneErrorId,\n phoneId,\n phoneRef,\n}: {\n email: string;\n emailErrorId: string;\n emailId: string;\n emailRef: React.RefObject<HTMLInputElement | null>;\n errors: { email?: string; phone?: string };\n onEmailBlur: () => void;\n onEmailChange: (value: string) => void;\n onPhoneChange: (value: string) => void;\n onPhoneCountryChange: (value: string) => void;\n phone: string;\n phoneCountry: string;\n phoneEnabled: boolean;\n phoneErrorId: string;\n phoneId: string;\n phoneRef: React.RefObject<HTMLInputElement | null>;\n}) {\n return (\n <div className=\"lockerverse-payment__contact\">\n <label htmlFor={emailId}>Email</label>\n <input\n aria-describedby={errors.email ? emailErrorId : undefined}\n aria-invalid={errors.email ? \"true\" : undefined}\n autoComplete=\"email\"\n id={emailId}\n name=\"email\"\n onBlur={onEmailBlur}\n onChange={(event) => onEmailChange(event.currentTarget.value)}\n placeholder=\"name@example.com\"\n ref={emailRef}\n type=\"email\"\n value={email}\n />\n {errors.email ? (\n <p className=\"lockerverse-payment__field-message\" id={emailErrorId}>\n {errors.email}\n </p>\n ) : null}\n {phoneEnabled ? (\n <>\n <label htmlFor={phoneId}>Phone</label>\n <div className=\"lockerverse-payment__phone-control\">\n <LockerverseSelect\n ariaLabel=\"Phone number country\"\n className=\"lockerverse-payment__select--phone-country\"\n name=\"phoneCountry\"\n onValueChange={onPhoneCountryChange}\n options={PHONE_COUNTRIES}\n value={phoneCountry}\n />\n <input\n aria-describedby={errors.phone ? phoneErrorId : undefined}\n aria-invalid={errors.phone ? \"true\" : undefined}\n autoComplete=\"tel\"\n id={phoneId}\n inputMode=\"tel\"\n name=\"phone\"\n onChange={(event) => onPhoneChange(event.currentTarget.value)}\n placeholder=\"(201) 555-0123\"\n ref={phoneRef}\n type=\"tel\"\n value={phone}\n />\n </div>\n {errors.phone ? (\n <p className=\"lockerverse-payment__field-message\" id={phoneErrorId}>\n {errors.phone}\n </p>\n ) : null}\n </>\n ) : null}\n </div>\n );\n}\n\nfunction PaymentForm({\n catalog,\n checkoutItems,\n client,\n metadata,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n onStateChange,\n quote,\n resumePayment,\n}: {\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n metadata: Record<string, string> | undefined;\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n onStateChange: (state: PaymentUiState) => void;\n quote: LockerversePreparedCheckout;\n resumePayment: LockerversePaymentProps[\"resumePayment\"];\n}) {\n const [email, setEmail] = useState(\"\");\n const [phone, setPhone] = useState(\"\");\n const [phoneCountry, setPhoneCountry] = useState(\"US\");\n const [errors, setErrors] = useState<{ email?: string; phone?: string }>({});\n const [paymentError, setPaymentError] = useState<string>();\n const [customFieldErrors, setCustomFieldErrors] = useState<\n Record<string, string>\n >({});\n const [tipError, setTipError] = useState<string>();\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [isRecovering, setIsRecovering] = useState(Boolean(resumePayment));\n const [terminalState, setTerminalState] = useState<PaymentTerminalState>();\n const [isPaymentReady, setIsPaymentReady] = useState(false);\n const [isBillingAddressReady, setIsBillingAddressReady] = useState(false);\n const [isShippingAddressReady, setIsShippingAddressReady] = useState(false);\n const [fieldValues, setFieldValues] = useState<CheckoutFieldValues>({\n customFields: {},\n customTip: \"\",\n includeServiceFee: catalog.widget.fields.serviceFee,\n memberId: \"\",\n merchSize: \"M\",\n promoCode: \"\",\n shippingMatchesBilling: true,\n tipPercent: \"10\",\n });\n const [displayedTotalCents, setDisplayedTotalCents] = useState(\n quote.totalCents\n );\n const emailRef = useRef<HTMLInputElement>(null);\n const phoneRef = useRef<HTMLInputElement>(null);\n const statusRef = useRef<HTMLParagraphElement>(null);\n const recoveryStartedRef = useRef(false);\n const quoteRequestRef = useRef(0);\n const paymentWasRequiredRef = useRef(quote.totalCents > 0);\n const elements = useElements();\n const stripe = useStripe();\n const idPrefix = `lockerverse-${useId()}`;\n const emailId = `${idPrefix}-email`;\n const emailErrorId = `${emailId}-error`;\n const phoneId = `${idPrefix}-phone`;\n const phoneErrorId = `${phoneId}-error`;\n const tipErrorId = `${idPrefix}-tip-error`;\n const parsedTip = catalog.widget.fields.tipping\n ? getTipCents(quote.subtotalCents, fieldValues)\n : ({ cents: 0, success: true } as const);\n const parsedTipCents = parsedTip.success ? parsedTip.cents : null;\n const displayedTipCents = parsedTipCents ?? 0;\n const displayedBaseCents = displayedTotalCents - displayedTipCents;\n const isRequiredShippingReady =\n !catalog.widget.fields.shipping ||\n fieldValues.shippingMatchesBilling ||\n isShippingAddressReady;\n\n useEffect(() => {\n if (parsedTipCents === null) {\n return;\n }\n const previewServiceFeeCents =\n catalog.widget.fields.serviceFee && fieldValues.includeServiceFee\n ? quote.serviceFeeCents ||\n Math.round(\n (quote.subtotalCents *\n catalog.pricingPolicy.serviceFeeRateBasisPoints) /\n 10_000\n )\n : 0;\n const previewTotalCents =\n quote.totalCents -\n quote.serviceFeeCents -\n quote.tipCents +\n previewServiceFeeCents +\n parsedTipCents;\n setDisplayedTotalCents(previewTotalCents);\n if (previewTotalCents > 0) {\n elements?.update({ amount: previewTotalCents });\n }\n }, [\n catalog.widget.fields.serviceFee,\n catalog.widget.fields.tipping,\n elements,\n fieldValues.includeServiceFee,\n fieldValues.tipPercent,\n fieldValues.customTip,\n parsedTipCents,\n quote.serviceFeeCents,\n quote.tipCents,\n quote.totalCents,\n ]);\n\n useEffect(() => {\n if (isSubmitting) {\n statusRef.current?.focus();\n }\n }, [isSubmitting]);\n\n useEffect(() => {\n const paymentIsRequired = displayedTotalCents > 0;\n if (paymentIsRequired && !paymentWasRequiredRef.current) {\n setIsPaymentReady(false);\n setIsBillingAddressReady(false);\n }\n paymentWasRequiredRef.current = paymentIsRequired;\n }, [displayedTotalCents]);\n\n useEffect(() => {\n if (!(resumePayment && stripe) || recoveryStartedRef.current) {\n return;\n }\n recoveryStartedRef.current = true;\n onStateChange(\"submitting\");\n\n recoverPaymentAttempt(client, resumePayment.paymentReference, stripe).then(\n (outcome) => {\n if (outcome.kind === \"failed\") {\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n setPaymentError(\n \"The previous payment failed. Check your details and try again.\"\n );\n setIsRecovering(false);\n onStateChange(\"error\");\n return;\n }\n if (outcome.kind === \"unresolved\") {\n setTerminalState({\n kind: \"unresolved\",\n message: \"Payment is still processing. Do not submit it again.\",\n });\n onStateChange(\"unresolved\");\n try {\n onPaymentUncertain?.({\n paymentReference: outcome.paymentReference,\n reason: outcome.reason,\n });\n } catch {\n // Host callback failures must not unlock an uncertain payment.\n }\n return;\n }\n\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n setTerminalState({\n kind: \"success\",\n message: outcome.payment.paymentRequired\n ? \"Payment completed successfully.\"\n : \"Order confirmed. No payment was required.\",\n });\n onStateChange(\"success\");\n try {\n onPaymentComplete?.(outcome.payment);\n } catch {\n // Host callback failures must not turn a completed payment into an error.\n }\n }\n );\n }, [\n client,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onStateChange,\n resumePayment,\n stripe,\n ]);\n\n function clearError(field: \"email\" | \"phone\") {\n setErrors((current) => {\n const next = { ...current };\n delete next[field];\n return next;\n });\n }\n\n function handleFieldValuesChange(nextValues: CheckoutFieldValues) {\n setFieldValues(nextValues);\n setCustomFieldErrors({});\n setTipError(undefined);\n }\n\n function handleStripeLoadError(message: string) {\n setPaymentError(message);\n onStateChange(\"error\");\n }\n\n async function refreshAuthoritativeTotal() {\n const normalizedEmail = email.trim().toLowerCase();\n const emailValidation = validateContact(\n { email: normalizedEmail, phone: \"\" },\n false\n );\n if (!(emailValidation.value && parsedTip.success)) {\n return;\n }\n\n quoteRequestRef.current += 1;\n const requestId = quoteRequestRef.current;\n try {\n const nextQuote = await client.calculateTotal({\n ...buildQuoteRequest(\n catalog,\n fieldValues,\n normalizedEmail,\n parsedTip.cents\n ),\n items: checkoutItems,\n });\n if (requestId !== quoteRequestRef.current) {\n return;\n }\n setPaymentError(undefined);\n setDisplayedTotalCents(nextQuote.totalCents);\n onQuoteChange(nextQuote);\n } catch (error) {\n if (requestId === quoteRequestRef.current) {\n setPaymentError(\n error instanceof Error\n ? error.message\n : \"The order total could not be updated.\"\n );\n }\n }\n }\n\n async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {\n event.preventDefault();\n const validation = validateContact(\n { email, phone: getInternationalPhone(phone, phoneCountry) },\n catalog.widget.fields.phone\n );\n const nextCustomFieldErrors = validateCustomFields(\n catalog.widget.customFields,\n fieldValues.customFields\n );\n if (\n !(validation.value && parsedTip.success) ||\n Object.keys(nextCustomFieldErrors).length > 0\n ) {\n setErrors(validation.errors);\n setCustomFieldErrors(nextCustomFieldErrors);\n setTipError(parsedTip.success ? undefined : parsedTip.message);\n onStateChange(\"invalid\");\n const form = event.currentTarget;\n queueMicrotask(() => {\n focusFirstValidationError({\n customFieldErrors: nextCustomFieldErrors,\n emailRef,\n form,\n parsedTipSuccess: parsedTip.success,\n phoneRef,\n validationErrors: validation.errors,\n });\n });\n return;\n }\n\n setErrors({});\n setCustomFieldErrors({});\n\n if (!(elements && stripe)) {\n setPaymentError(\"Payment form is still loading.\");\n onStateChange(\"error\");\n return;\n }\n\n setPaymentError(undefined);\n setIsSubmitting(true);\n onStateChange(\"submitting\");\n\n try {\n const result = await completePayment({\n catalog,\n checkoutItems,\n client,\n elements,\n email,\n fieldValues,\n locallyPreviewedTotalCents: displayedTotalCents,\n metadata,\n onPaymentRecoveryChange,\n phone: getInternationalPhone(phone, phoneCountry),\n quote,\n stripe,\n });\n applyPaymentOutcome({\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n onStateChange,\n result,\n setDisplayedTotalCents,\n setPaymentError,\n setTerminalState,\n });\n } catch (error) {\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n setPaymentError(\n error instanceof Error\n ? error.message\n : \"Payment could not be completed.\"\n );\n onStateChange(\"error\");\n } finally {\n setIsSubmitting(false);\n }\n }\n\n if (terminalState) {\n return (\n <p\n className=\"lockerverse-payment__payment-status\"\n ref={statusRef}\n role=\"status\"\n tabIndex={-1}\n >\n {terminalState.message}\n </p>\n );\n }\n\n if (isRecovering) {\n return (\n <p className=\"lockerverse-payment__payment-status\" role=\"status\">\n Recovering payment…\n </p>\n );\n }\n\n return (\n <form\n aria-busy={isSubmitting}\n className=\"lockerverse-payment__form\"\n noValidate\n onSubmit={handleSubmit}\n >\n <div\n data-lockerverse-input-region=\"\"\n inert={isSubmitting ? true : undefined}\n >\n <fieldset\n className=\"lockerverse-payment__input-fieldset\"\n disabled={isSubmitting}\n >\n <TipField\n enabled={catalog.widget.fields.tipping}\n error={tipError}\n errorId={tipErrorId}\n onChange={handleFieldValuesChange}\n values={fieldValues}\n />\n <ContactFields\n email={email}\n emailErrorId={emailErrorId}\n emailId={emailId}\n emailRef={emailRef}\n errors={errors}\n onEmailBlur={refreshAuthoritativeTotal}\n onEmailChange={(value) => {\n setEmail(value);\n clearError(\"email\");\n }}\n onPhoneChange={(value) => {\n setPhone(value);\n clearError(\"phone\");\n }}\n onPhoneCountryChange={setPhoneCountry}\n phone={phone}\n phoneCountry={phoneCountry}\n phoneEnabled={catalog.widget.fields.phone}\n phoneErrorId={phoneErrorId}\n phoneId={phoneId}\n phoneRef={phoneRef}\n />\n <StripeCheckoutFields\n catalog={catalog}\n displayedTotalCents={displayedTotalCents}\n fieldValues={fieldValues}\n isBillingAddressReady={isBillingAddressReady}\n isPaymentReady={isPaymentReady}\n isShippingAddressReady={isShippingAddressReady}\n onFieldValuesChange={handleFieldValuesChange}\n onStripeLoadError={handleStripeLoadError}\n setIsBillingAddressReady={setIsBillingAddressReady}\n setIsPaymentReady={setIsPaymentReady}\n setIsShippingAddressReady={setIsShippingAddressReady}\n />\n <AdditionalCheckoutFields\n customFields={catalog.widget.customFields}\n errors={customFieldErrors}\n fields={catalog.widget.fields}\n idPrefix={idPrefix}\n onChange={handleFieldValuesChange}\n onPricingBlur={refreshAuthoritativeTotal}\n values={fieldValues}\n />\n <PaymentAction\n catalog={catalog}\n displayedBaseCents={displayedBaseCents}\n displayedTipCents={displayedTipCents}\n displayedTotalCents={displayedTotalCents}\n fieldValues={fieldValues}\n isBillingAddressReady={isBillingAddressReady}\n isPaymentReady={isPaymentReady}\n isRequiredShippingReady={isRequiredShippingReady}\n isSubmitting={isSubmitting}\n onFieldValuesChange={handleFieldValuesChange}\n quote={quote}\n />\n </fieldset>\n </div>\n {isSubmitting ? (\n <p\n className=\"lockerverse-payment__payment-status\"\n ref={statusRef}\n role=\"status\"\n tabIndex={-1}\n >\n {displayedTotalCents === 0\n ? \"Completing order…\"\n : \"Processing payment…\"}\n </p>\n ) : null}\n <PaymentErrorMessage message={paymentError} />\n </form>\n );\n}\n\nfunction SkeletonLoaderBlock() {\n return (\n <div className=\"lockerverse-payment__skeleton-loader-block\">\n <span className=\"lockerverse-payment__skeleton-loader-label\" />\n <div className=\"lockerverse-payment__skeleton-loader-content\">\n <span className=\"lockerverse-payment__skeleton-loader-full\" />\n <div className=\"lockerverse-payment__skeleton-loader-grid\">\n <span className=\"lockerverse-payment__skeleton-loader-half\" />\n <span className=\"lockerverse-payment__skeleton-loader-half\" />\n </div>\n </div>\n </div>\n );\n}\n\nfunction PaymentSkeleton() {\n return (\n <div className=\"lockerverse-payment__loading\">\n <span\n aria-live=\"polite\"\n className=\"lockerverse-payment__sr-only\"\n role=\"status\"\n >\n Loading payment…\n </span>\n <div aria-hidden=\"true\" className=\"lockerverse-payment__skeleton\">\n <div className=\"lockerverse-payment__skeleton-branding\">\n <span className=\"lockerverse-payment__skeleton-avatar\" />\n <span className=\"lockerverse-payment__skeleton-community\" />\n </div>\n <div className=\"lockerverse-payment__skeleton-contact\">\n <div className=\"lockerverse-payment__skeleton-field\">\n <span className=\"lockerverse-payment__skeleton-label\" />\n <span className=\"lockerverse-payment__skeleton-input\" />\n </div>\n <div className=\"lockerverse-payment__skeleton-field\">\n <span className=\"lockerverse-payment__skeleton-label\" />\n <span className=\"lockerverse-payment__skeleton-input\" />\n </div>\n </div>\n <SkeletonLoaderBlock />\n <SkeletonLoaderBlock />\n <div className=\"lockerverse-payment__skeleton-actions\">\n <span className=\"lockerverse-payment__skeleton-check-line\" />\n <span className=\"lockerverse-payment__skeleton-button\" />\n </div>\n </div>\n </div>\n );\n}\n\nexport function LockerversePayment({\n apiBaseUrl,\n branding,\n className,\n communitySlug,\n environment,\n fetch,\n metadata,\n onError,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n requestTimeoutMs,\n resumePayment,\n selection,\n sentryDsn,\n style,\n stripeLoader = loadStripe,\n theme = \"dark\",\n widgetSlug,\n ...sectionProps\n}: LockerversePaymentProps) {\n const initialResumePayment = useRef(resumePayment).current;\n const selectPortalContainerRef = useRef<HTMLElement | null>(null);\n const [notice, setNotice] = useState<string>();\n const [paymentState, setPaymentState] =\n useState<CheckoutPaymentState>(\"idle\");\n const { retryCheckout, selectionError, session, updateCheckout } =\n usePaymentCheckout({\n apiBaseUrl,\n communitySlug,\n environment,\n fetch,\n onError,\n paymentState,\n requestTimeoutMs,\n selection,\n sentryDsn,\n widgetSlug,\n });\n\n useEffect(() => {\n if (session.phase === \"loading\") {\n setNotice(undefined);\n }\n }, [session.phase]);\n\n useEffect(() => {\n if (session.phase === \"ready\") {\n setPaymentState((current) =>\n current === \"success\" || current === \"unresolved\" ? current : \"idle\"\n );\n }\n }, [session.phase, session.revision]);\n\n const rootClassName = [\"lockerverse-payment\", className]\n .filter(Boolean)\n .join(\" \");\n const effectiveBranding =\n branding ?? (session.phase === \"ready\" ? session.catalog.community : null);\n const effectiveAccent =\n style?.[\"--lockerverse-accent\"] ??\n effectiveBranding?.accentColor ??\n \"#38d77a\";\n const automaticAccentContrast = getAccentContrast(effectiveAccent);\n const rootStyle: LockerversePaymentProps[\"style\"] = {\n ...style,\n ...(effectiveBranding?.accentColor &&\n style?.[\"--lockerverse-accent\"] === undefined\n ? { \"--lockerverse-accent\": effectiveBranding.accentColor }\n : {}),\n ...(automaticAccentContrast &&\n style?.[\"--lockerverse-accent-contrast\"] === undefined\n ? { \"--lockerverse-accent-contrast\": automaticAccentContrast }\n : {}),\n };\n\n if (selectionError) {\n return (\n <section\n {...sectionProps}\n className={rootClassName}\n data-lockerverse-theme={theme}\n role=\"alert\"\n style={rootStyle}\n >\n {selectionError}\n </section>\n );\n }\n\n if (session.phase === \"error\") {\n return (\n <section\n {...sectionProps}\n className={rootClassName}\n data-lockerverse-theme={theme}\n style={rootStyle}\n >\n <p role=\"alert\">{session.failure}</p>\n <button onClick={retryCheckout} type=\"button\">\n Retry\n </button>\n </section>\n );\n }\n\n if (session.phase !== \"ready\") {\n return (\n <section\n {...sectionProps}\n aria-busy=\"true\"\n aria-label=\"Payment\"\n className={rootClassName}\n data-lockerverse-theme={theme}\n style={rootStyle}\n >\n <PaymentSkeleton />\n </section>\n );\n }\n\n const { catalog, checkoutItems, client, preparedCheckout } = session;\n\n return (\n <section\n {...sectionProps}\n aria-label=\"Payment\"\n className={rootClassName}\n data-lockerverse-theme={theme}\n data-payment-state={paymentState}\n ref={selectPortalContainerRef}\n style={rootStyle}\n >\n <header>\n {catalog.widget.showCommunityBranding && effectiveBranding ? (\n <div className=\"lockerverse-payment__branding\">\n {effectiveBranding.imageUrl ? (\n <img\n alt={effectiveBranding.name}\n height=\"48\"\n src={effectiveBranding.imageUrl}\n width=\"48\"\n />\n ) : null}\n <strong>{effectiveBranding.name}</strong>\n </div>\n ) : null}\n <h1>{catalog.widget.title ?? catalog.widget.name}</h1>\n {catalog.widget.description ? (\n <p>{catalog.widget.description}</p>\n ) : null}\n </header>\n {notice ? (\n <p className=\"lockerverse-payment__payment-status\" role=\"status\">\n {notice}\n </p>\n ) : null}\n <SelectPortalProvider container={selectPortalContainerRef}>\n <ReadyPayment\n accentColor={\n style?.[\"--lockerverse-accent\"] ??\n effectiveBranding?.accentColor ??\n \"#38d77a\"\n }\n catalog={catalog}\n checkoutItems={checkoutItems}\n client={client}\n fontFamily={\n style?.[\"--lockerverse-font-family\"] ?? DEFAULT_FONT_FAMILY\n }\n metadata={metadata}\n onPaymentComplete={onPaymentComplete}\n onPaymentRecoveryChange={onPaymentRecoveryChange}\n onPaymentUncertain={onPaymentUncertain}\n onQuoteChange={(nextQuote, nextNotice) => {\n setNotice(nextNotice);\n updateCheckout(nextQuote);\n }}\n onStateChange={setPaymentState}\n quote={preparedCheckout}\n resumePayment={initialResumePayment}\n stripeLoader={stripeLoader}\n theme={theme}\n visualStyle={rootStyle}\n />\n </SelectPortalProvider>\n </section>\n );\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","names":["formatMoney"],"sources":["../src/accent-contrast.ts","../src/select-control.tsx","../src/checkout-fields.tsx","../src/payment-attempt.ts","../src/payment-input.ts","../src/payment-validation.ts","../src/use-payment-checkout.ts","../src/lockerverse-payment.tsx"],"sourcesContent":["const HEX_COLOR = /^#([\\da-f]{3}|[\\da-f]{6})$/i;\n\nfunction parseHexColor(color: string) {\n const match = HEX_COLOR.exec(color.trim());\n if (!match) {\n return;\n }\n const [, value] = match;\n if (!value) {\n return;\n }\n const expanded =\n value.length === 3\n ? Array.from(value, (character) => `${character}${character}`).join(\"\")\n : value;\n return [0, 2, 4].map((offset) =>\n Number.parseInt(expanded.slice(offset, offset + 2), 16)\n );\n}\n\nfunction relativeLuminance([red, green, blue]: number[]) {\n const [linearRed = 0, linearGreen = 0, linearBlue = 0] = [\n red,\n green,\n blue,\n ].map((channel = 0) => {\n const normalized = channel / 255;\n return normalized <= 0.040_45\n ? normalized / 12.92\n : ((normalized + 0.055) / 1.055) ** 2.4;\n });\n return 0.2126 * linearRed + 0.7152 * linearGreen + 0.0722 * linearBlue;\n}\n\nexport function getAccentContrast(color: string) {\n const parsed = parseHexColor(color);\n if (!parsed) {\n return;\n }\n const luminance = relativeLuminance(parsed);\n const blackContrast = (luminance + 0.05) / 0.05;\n const whiteContrast = 1.05 / (luminance + 0.05);\n return blackContrast >= whiteContrast ? \"#000\" : \"#fff\";\n}\n","import { Select } from \"@base-ui/react/select\";\nimport {\n createContext,\n type ReactNode,\n type RefObject,\n useContext,\n} from \"react\";\n\nexport type LockerverseSelectOption = {\n label: string;\n value: string;\n};\n\nconst SelectPortalContext = createContext<\n RefObject<HTMLElement | null> | undefined\n>(undefined);\n\nexport function SelectPortalProvider({\n children,\n container,\n}: {\n children: ReactNode;\n container: RefObject<HTMLElement | null>;\n}) {\n return (\n <SelectPortalContext.Provider value={container}>\n {children}\n </SelectPortalContext.Provider>\n );\n}\n\nfunction SelectIcon() {\n return (\n <svg aria-hidden=\"true\" fill=\"none\" viewBox=\"0 0 16 16\">\n <path d=\"m4 6 4 4 4-4\" />\n </svg>\n );\n}\n\nfunction SelectedIcon() {\n return (\n <svg aria-hidden=\"true\" fill=\"none\" viewBox=\"0 0 16 16\">\n <path d=\"m3 8 3 3 7-7\" />\n </svg>\n );\n}\n\nexport function LockerverseSelect({\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n className,\n id,\n invalid = false,\n name,\n onValueChange,\n options,\n value,\n}: {\n ariaDescribedBy?: string;\n ariaLabel?: string;\n ariaLabelledBy?: string;\n className?: string;\n id?: string;\n invalid?: boolean;\n name: string;\n onValueChange: (value: string) => void;\n options: readonly LockerverseSelectOption[];\n value: string;\n}) {\n const portalContainer = useContext(SelectPortalContext);\n const rootClassName = [\"lockerverse-payment__select\", className]\n .filter(Boolean)\n .join(\" \");\n\n return (\n <div className={rootClassName}>\n <Select.Root\n id={id}\n items={options}\n name={name}\n onValueChange={(nextValue) => {\n if (nextValue !== null) {\n onValueChange(nextValue);\n }\n }}\n value={value}\n >\n <Select.Trigger\n aria-describedby={ariaDescribedBy}\n aria-invalid={invalid || undefined}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n className=\"lockerverse-payment__select-trigger\"\n >\n <Select.Value />\n <Select.Icon\n aria-hidden=\"true\"\n className=\"lockerverse-payment__select-icon\"\n >\n <SelectIcon />\n </Select.Icon>\n </Select.Trigger>\n <Select.Portal container={portalContainer}>\n <Select.Positioner\n alignItemWithTrigger={false}\n className=\"lockerverse-payment__select-positioner\"\n sideOffset={6}\n >\n <Select.Popup className=\"lockerverse-payment__select-popup\">\n <Select.List className=\"lockerverse-payment__select-list\">\n {options.map((option) => (\n <Select.Item\n className=\"lockerverse-payment__select-item\"\n key={option.value}\n value={option.value}\n >\n <Select.ItemText>{option.label}</Select.ItemText>\n <Select.ItemIndicator\n aria-hidden=\"true\"\n className=\"lockerverse-payment__select-item-indicator\"\n >\n <SelectedIcon />\n </Select.ItemIndicator>\n </Select.Item>\n ))}\n </Select.List>\n </Select.Popup>\n </Select.Positioner>\n </Select.Portal>\n </Select.Root>\n </div>\n );\n}\n","import type {\n LockerverseCustomField,\n LockerverseMultiOptionCustomField,\n LockerverseSingleOptionCustomField,\n LockerverseWidgetFields,\n} from \"@lockerverse/sdk/checkout\";\nimport { LockerverseSelect } from \"./select-control.tsx\";\n\nexport const MERCH_SIZES = [\"XS\", \"S\", \"M\", \"L\", \"XL\", \"XXL\", \"XXXL\"] as const;\n\nexport type CheckoutFieldValues = {\n customTip: string;\n customFields: Record<string, string | string[]>;\n includeServiceFee: boolean;\n memberId: string;\n merchSize: (typeof MERCH_SIZES)[number];\n promoCode: string;\n shippingMatchesBilling: boolean;\n tipPercent: \"5\" | \"10\" | \"12\" | \"15\" | \"custom\";\n};\n\nconst TIP_OPTIONS = [\"15\", \"12\", \"10\", \"5\"] as const;\nconst TIP_VALUES = [...TIP_OPTIONS, \"custom\"] as const;\n\nexport function TipField({\n enabled,\n error,\n errorId,\n onChange,\n values,\n}: {\n enabled: boolean;\n error: string | undefined;\n errorId: string;\n onChange: (values: CheckoutFieldValues) => void;\n values: CheckoutFieldValues;\n}) {\n if (!enabled) {\n return null;\n }\n const update = (next: Partial<CheckoutFieldValues>) =>\n onChange({ ...values, ...next });\n const handleKeyDown = (\n event: React.KeyboardEvent<HTMLInputElement>,\n currentValue: CheckoutFieldValues[\"tipPercent\"]\n ) => {\n const currentIndex = TIP_VALUES.indexOf(currentValue);\n let nextIndex: number | undefined;\n switch (event.key) {\n case \"ArrowDown\":\n case \"ArrowRight\":\n nextIndex = (currentIndex + 1) % TIP_VALUES.length;\n break;\n case \"ArrowLeft\":\n case \"ArrowUp\":\n nextIndex = (currentIndex - 1 + TIP_VALUES.length) % TIP_VALUES.length;\n break;\n case \"Home\":\n nextIndex = 0;\n break;\n case \"End\":\n nextIndex = TIP_VALUES.length - 1;\n break;\n default:\n return;\n }\n event.preventDefault();\n const nextValue = TIP_VALUES[nextIndex];\n if (!nextValue) {\n return;\n }\n const radios = event.currentTarget\n .closest('[role=\"radiogroup\"]')\n ?.querySelectorAll<HTMLElement>('input[type=\"radio\"]');\n radios?.[nextIndex]?.focus();\n update({ tipPercent: nextValue });\n };\n return (\n <div className=\"lockerverse-payment__tip-box\">\n <p>Add a tip to support the Lockerverse platform</p>\n <div aria-label=\"Tip amount\" role=\"radiogroup\">\n {TIP_OPTIONS.map((tip) => (\n <label className=\"lockerverse-payment__tip-choice\" key={tip}>\n <input\n checked={values.tipPercent === tip}\n name=\"tipPercent\"\n onChange={() => update({ tipPercent: tip })}\n onKeyDown={(event) => handleKeyDown(event, tip)}\n tabIndex={values.tipPercent === tip ? 0 : -1}\n type=\"radio\"\n value={tip}\n />\n <span>{tip}%</span>\n </label>\n ))}\n <label className=\"lockerverse-payment__tip-choice\">\n <input\n checked={values.tipPercent === \"custom\"}\n name=\"tipPercent\"\n onChange={() => update({ tipPercent: \"custom\" })}\n onKeyDown={(event) => handleKeyDown(event, \"custom\")}\n tabIndex={values.tipPercent === \"custom\" ? 0 : -1}\n type=\"radio\"\n value=\"custom\"\n />\n <span>Other</span>\n </label>\n </div>\n {values.tipPercent === \"custom\" ? (\n <label>\n <span>Custom tip</span>\n <span className=\"lockerverse-payment__money-input\">\n <span aria-hidden=\"true\">$</span>\n <input\n aria-describedby={error ? errorId : undefined}\n aria-invalid={error ? \"true\" : undefined}\n inputMode=\"decimal\"\n name=\"tip\"\n onChange={(event) =>\n update({ customTip: event.currentTarget.value })\n }\n placeholder=\"0.00\"\n value={values.customTip}\n />\n </span>\n {error ? (\n <span className=\"lockerverse-payment__field-message\" id={errorId}>\n {error}\n </span>\n ) : null}\n </label>\n ) : (\n <input name=\"tip\" type=\"hidden\" value={values.tipPercent} />\n )}\n </div>\n );\n}\n\nexport function CheckoutToggle({\n checked,\n children,\n name,\n onChange,\n}: {\n checked: boolean;\n children: React.ReactNode;\n name: string;\n onChange: (checked: boolean) => void;\n}) {\n return (\n <label className=\"lockerverse-payment__check-row\">\n <input\n checked={checked}\n name={name}\n onChange={(event) => onChange(event.currentTarget.checked)}\n type=\"checkbox\"\n />\n <span>{children}</span>\n </label>\n );\n}\n\nexport function AdditionalCheckoutFields({\n customFields,\n errors,\n fields,\n idPrefix,\n isPromoApplying,\n onChange,\n onApplyPromo,\n promoError,\n values,\n}: {\n customFields: LockerverseCustomField[];\n errors: Record<string, string>;\n fields: LockerverseWidgetFields;\n idPrefix: string;\n isPromoApplying: boolean;\n onChange: (values: CheckoutFieldValues) => void;\n onApplyPromo: () => void;\n promoError: string | undefined;\n values: CheckoutFieldValues;\n}) {\n const update = (next: Partial<CheckoutFieldValues>) =>\n onChange({ ...values, ...next });\n\n return (\n <div className=\"lockerverse-payment__additional-fields\">\n {fields.memberId ? (\n <label>\n <span>Member ID</span>\n <input\n name=\"memberId\"\n onChange={(event) =>\n update({ memberId: event.currentTarget.value })\n }\n placeholder=\"Optional\"\n value={values.memberId}\n />\n </label>\n ) : null}\n {fields.merchSize ? (\n <div className=\"lockerverse-payment__field\">\n <span id={`${idPrefix}-merch-size-label`}>Size</span>\n <LockerverseSelect\n ariaLabelledBy={`${idPrefix}-merch-size-label`}\n name=\"merchSize\"\n onValueChange={(merchSize) =>\n update({\n merchSize: merchSize as CheckoutFieldValues[\"merchSize\"],\n })\n }\n options={MERCH_SIZES.map((size) => ({\n label: size,\n value: size,\n }))}\n value={values.merchSize}\n />\n </div>\n ) : null}\n {fields.promoCode ? (\n <div className=\"lockerverse-payment__field\">\n <span id={`${idPrefix}-promo-code-label`}>Promo code</span>\n <div className=\"lockerverse-payment__promo-control\">\n <input\n aria-describedby={\n promoError ? `${idPrefix}-promo-code-error` : undefined\n }\n aria-invalid={promoError ? \"true\" : undefined}\n aria-labelledby={`${idPrefix}-promo-code-label`}\n name=\"promoCode\"\n onChange={(event) =>\n update({ promoCode: event.currentTarget.value })\n }\n placeholder=\"Optional\"\n value={values.promoCode}\n />\n <button\n disabled={!values.promoCode.trim() || isPromoApplying}\n onClick={onApplyPromo}\n type=\"button\"\n >\n {isPromoApplying ? \"Applying…\" : \"Apply\"}\n </button>\n </div>\n {promoError ? (\n <p\n className=\"lockerverse-payment__field-message\"\n id={`${idPrefix}-promo-code-error`}\n role=\"alert\"\n >\n {promoError}\n </p>\n ) : null}\n </div>\n ) : null}\n {customFields.map((field) => (\n <CustomField\n error={errors[field.id]}\n field={field}\n idPrefix={idPrefix}\n key={field.id}\n onChange={(value) =>\n update({\n customFields: { ...values.customFields, [field.id]: value },\n })\n }\n value={values.customFields[field.id]}\n />\n ))}\n </div>\n );\n}\n\nexport function ServiceFeeField({\n amountCents,\n enabled,\n onChange,\n values,\n}: {\n amountCents: number;\n enabled: boolean;\n onChange: (values: CheckoutFieldValues) => void;\n values: CheckoutFieldValues;\n}) {\n if (!enabled) {\n return null;\n }\n return (\n <CheckoutToggle\n checked={values.includeServiceFee}\n name=\"includeServiceFee\"\n onChange={(includeServiceFee) =>\n onChange({ ...values, includeServiceFee })\n }\n >\n Add {formatMoney(amountCents)} to help cover processing fees\n </CheckoutToggle>\n );\n}\n\nfunction CustomField({\n error,\n field,\n idPrefix,\n onChange,\n value,\n}: {\n error: string | undefined;\n field: LockerverseCustomField;\n idPrefix: string;\n onChange: (value: string | string[]) => void;\n value: string | string[] | undefined;\n}) {\n const name = `custom:${field.id}`;\n const controlId = `${idPrefix}-custom-${field.id}`;\n const errorId = `${controlId}-error`;\n switch (field.type) {\n case \"text\":\n case \"textarea\":\n return (\n <TextCustomField\n controlId={controlId}\n error={error}\n errorId={errorId}\n field={field}\n name={name}\n onChange={onChange}\n value={value}\n />\n );\n case \"select\":\n case \"multi_select\":\n return (\n <SelectCustomField\n controlId={controlId}\n error={error}\n errorId={errorId}\n field={field}\n name={name}\n onChange={onChange}\n value={value}\n />\n );\n case \"radio\":\n case \"checkboxes\":\n return (\n <ChoiceCustomField\n controlId={controlId}\n error={error}\n errorId={errorId}\n field={field}\n name={name}\n onChange={onChange}\n value={value}\n />\n );\n default:\n return null;\n }\n}\n\ntype CustomFieldControlProps = {\n controlId: string;\n error: string | undefined;\n errorId: string;\n name: string;\n onChange: (value: string | string[]) => void;\n value: string | string[] | undefined;\n};\n\nfunction FieldError({ error, id }: { error: string | undefined; id: string }) {\n if (!error) {\n return null;\n }\n return (\n <p className=\"lockerverse-payment__field-message\" id={id}>\n {error}\n </p>\n );\n}\n\nfunction TextCustomField({\n controlId,\n error,\n errorId,\n field,\n name,\n onChange,\n value,\n}: CustomFieldControlProps & {\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,\n onChange: (\n event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>\n ) => onChange(event.currentTarget.value),\n required: field.required,\n value: typeof value === \"string\" ? value : \"\",\n };\n return (\n <label htmlFor={controlId}>\n <span>{field.label}</span>\n {field.type === \"textarea\" ? (\n <textarea {...commonProps} />\n ) : (\n <input {...commonProps} />\n )}\n <FieldError error={error} id={errorId} />\n </label>\n );\n}\n\nfunction SelectCustomField({\n controlId,\n error,\n errorId,\n field,\n name,\n onChange,\n value,\n}: CustomFieldControlProps & {\n field: LockerverseMultiOptionCustomField | LockerverseSingleOptionCustomField;\n}) {\n return (\n <label htmlFor={controlId}>\n <span>{field.label}</span>\n <select\n aria-describedby={error ? errorId : undefined}\n aria-invalid={error ? \"true\" : undefined}\n id={controlId}\n multiple={field.type === \"multi_select\"}\n name={name}\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={value ?? (field.type === \"multi_select\" ? [] : \"\")}\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 <FieldError error={error} id={errorId} />\n </label>\n );\n}\n\nfunction ChoiceCustomField({\n controlId,\n error,\n errorId,\n field,\n name,\n onChange,\n value,\n}: CustomFieldControlProps & {\n field: LockerverseMultiOptionCustomField | LockerverseSingleOptionCustomField;\n}) {\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 const selected = Array.isArray(value)\n ? value.includes(option.id)\n : value === option.id;\n return (\n <label className=\"lockerverse-payment__check-row\" key={option.id}>\n <input\n checked={selected}\n id={`${controlId}-${index}`}\n name={name}\n onChange={(event) => {\n if (field.type === \"radio\") {\n onChange(option.id);\n return;\n }\n const selectedValues = Array.isArray(value) ? value : [];\n onChange(\n event.currentTarget.checked\n ? [...selectedValues, option.id]\n : selectedValues.filter((id) => id !== option.id)\n );\n }}\n required={field.required}\n type={field.type === \"radio\" ? \"radio\" : \"checkbox\"}\n value={option.id}\n />\n <span>{option.label}</span>\n </label>\n );\n })}\n <FieldError error={error} id={errorId} />\n </fieldset>\n );\n}\n\nfunction formatMoney(amountCents: number) {\n return new Intl.NumberFormat(\"en-US\", {\n currency: \"USD\",\n style: \"currency\",\n }).format(amountCents / 100);\n}\n","import type {\n LockerverseCheckoutClient,\n LockerverseCheckoutQuote,\n LockerversePaymentResult,\n LockerverseSubmitPaymentInput,\n} from \"@lockerverse/sdk/checkout\";\nimport { LockerverseSdkError } from \"@lockerverse/sdk/checkout\";\nimport type { Stripe } from \"@stripe/stripe-js\";\n\nconst AMOUNT_KEYS = [\n \"amountCents\",\n \"discountableSubtotalCents\",\n \"discountCents\",\n \"serviceFeeCents\",\n \"subtotalCents\",\n \"tipCents\",\n \"totalCents\",\n] as const satisfies readonly (keyof LockerverseCheckoutQuote)[];\n\nconst SERVER_CONTROLLED_AMOUNT_KEYS = [\n \"discountableSubtotalCents\",\n \"discountCents\",\n \"subtotalCents\",\n] as const satisfies readonly (keyof LockerverseCheckoutQuote)[];\n\nexport function hasMaterialQuoteChange(\n displayed: LockerverseCheckoutQuote,\n current: LockerverseCheckoutQuote,\n locallyPreviewedTotalCents?: number\n) {\n const amountKeys =\n locallyPreviewedTotalCents === current.totalCents\n ? SERVER_CONTROLLED_AMOUNT_KEYS\n : AMOUNT_KEYS;\n return (\n amountKeys.some((key) => displayed[key] !== current[key]) ||\n displayed.payment.connectedAccountId !==\n current.payment.connectedAccountId ||\n displayed.payment.currency !== current.payment.currency ||\n JSON.stringify(displayed.appliedDiscount) !==\n JSON.stringify(current.appliedDiscount) ||\n JSON.stringify(displayed.lineItems) !== JSON.stringify(current.lineItems)\n );\n}\n\nexport type PaymentAttemptOutcome =\n | { kind: \"failed\"; payment: LockerversePaymentResult }\n | { kind: \"success\"; payment: LockerversePaymentResult }\n | {\n kind: \"unresolved\";\n paymentReference: string;\n reason: \"action_required\" | \"pending\" | \"recovery_failed\";\n };\n\nfunction classifyPayment(\n payment: LockerversePaymentResult\n): PaymentAttemptOutcome {\n if (payment.checkoutStatus === \"success\") {\n return { kind: \"success\", payment };\n }\n if (payment.checkoutStatus === \"failed\") {\n return { kind: \"failed\", payment };\n }\n return {\n kind: \"unresolved\",\n paymentReference: payment.paymentReference,\n reason:\n payment.checkoutStatus === \"action_required\"\n ? \"action_required\"\n : \"pending\",\n };\n}\n\nasync function settleRequiredAction(\n client: LockerverseCheckoutClient,\n payment: LockerversePaymentResult,\n stripe: Stripe\n): Promise<PaymentAttemptOutcome> {\n if (payment.checkoutStatus !== \"action_required\") {\n return classifyPayment(payment);\n }\n if (payment.clientSecret) {\n try {\n await stripe.handleNextAction({ clientSecret: payment.clientSecret });\n } catch {\n // Status recovery below is authoritative even when Stripe UI fails.\n }\n }\n try {\n const recovered = await client.getPaymentStatus(payment.paymentReference);\n return classifyPayment(recovered);\n } catch {\n return {\n kind: \"unresolved\",\n paymentReference: payment.paymentReference,\n reason: \"action_required\",\n };\n }\n}\n\nexport async function submitPaymentAttempt(\n client: LockerverseCheckoutClient,\n input: LockerverseSubmitPaymentInput,\n stripe: Stripe\n): Promise<PaymentAttemptOutcome> {\n let payment: LockerversePaymentResult;\n try {\n payment = await client.submitPayment(input);\n } catch (error) {\n if (!(error instanceof LockerverseSdkError && error.recoveryRecommended)) {\n throw error;\n }\n try {\n payment = await client.getPaymentStatus(input.checkout.paymentReference);\n } catch {\n return {\n kind: \"unresolved\",\n paymentReference: input.checkout.paymentReference,\n reason: \"recovery_failed\",\n };\n }\n }\n return settleRequiredAction(client, payment, stripe);\n}\n\nexport async function recoverPaymentAttempt(\n client: LockerverseCheckoutClient,\n paymentReference: string,\n stripe: Stripe\n): Promise<PaymentAttemptOutcome> {\n try {\n const payment = await client.getPaymentStatus(paymentReference);\n return settleRequiredAction(client, payment, stripe);\n } catch {\n return {\n kind: \"unresolved\",\n paymentReference,\n reason: \"recovery_failed\",\n };\n }\n}\n","import {\n array,\n minLength,\n minValue,\n nonEmpty,\n number,\n pipe,\n regex,\n safeInteger,\n safeParse,\n strictObject,\n string,\n trim,\n union,\n} from \"valibot\";\n\nconst productSlugSchema = pipe(string(), trim(), nonEmpty());\nconst positiveSafeIntegerSchema = pipe(number(), safeInteger(), minValue(1));\n\nconst paymentSelectionSchema = pipe(\n array(\n union([\n strictObject({\n amountCents: positiveSafeIntegerSchema,\n productSlug: productSlugSchema,\n }),\n strictObject({\n productSlug: productSlugSchema,\n quantity: positiveSafeIntegerSchema,\n }),\n ])\n ),\n minLength(1)\n);\n\nconst customTipSchema = pipe(\n string(),\n trim(),\n regex(/^(?:0|[1-9]\\d*)(?:\\.\\d{1,2})?$/, \"Enter a valid tip amount.\")\n);\n\nexport function parseCustomTipCents(input: string) {\n const result = safeParse(customTipSchema, input);\n if (!result.success) {\n return {\n message: result.issues[0]?.message ?? \"Enter a valid tip amount.\",\n success: false,\n } as const;\n }\n const [dollars = \"0\", fraction = \"\"] = result.output.split(\".\");\n const cents = BigInt(dollars) * 100n + BigInt(fraction.padEnd(2, \"0\"));\n if (cents > BigInt(Number.MAX_SAFE_INTEGER)) {\n return { message: \"Enter a valid tip amount.\", success: false } as const;\n }\n return { cents: Number(cents), success: true } as const;\n}\n\nexport function parsePaymentSelection(input: unknown) {\n const result = safeParse(paymentSelectionSchema, input);\n return result.success\n ? ({ success: true, value: result.output } as const)\n : ({\n message: \"Lockerverse payment configuration is invalid.\",\n success: false,\n } as const);\n}\n","import type { LockerverseCustomField } from \"@lockerverse/sdk/checkout\";\nimport {\n array,\n email,\n minLength,\n nonEmpty,\n object,\n pipe,\n regex,\n safeParse,\n string,\n trim,\n} from \"valibot\";\n\nconst emailSchema = pipe(\n string(),\n trim(),\n nonEmpty(\"Email is required.\"),\n email(\"Enter a valid email address.\")\n);\n\nconst phoneSchema = pipe(\n string(),\n trim(),\n nonEmpty(\"Phone is required.\"),\n regex(/^\\+[1-9]\\d{6,14}$/, \"Enter a valid phone number.\")\n);\n\nexport function normalizePhone(input: string) {\n return input.trim().replace(/[().\\s-]/g, \"\");\n}\n\nexport type ContactErrors = {\n email?: string;\n phone?: string;\n};\n\nexport function validateContact(\n input: { email: string; phone: string },\n requiresPhone: boolean\n) {\n const normalizedInput = requiresPhone\n ? { ...input, phone: normalizePhone(input.phone) }\n : input;\n const schema = requiresPhone\n ? object({ email: emailSchema, phone: phoneSchema })\n : object({ email: emailSchema });\n const result = safeParse(schema, normalizedInput);\n\n if (result.success) {\n return { errors: {} as ContactErrors, value: result.output } as const;\n }\n\n const errors: ContactErrors = {};\n for (const issue of result.issues) {\n const field = issue.path?.[0]?.key;\n if ((field === \"email\" || field === \"phone\") && !errors[field]) {\n errors[field] = issue.message;\n }\n }\n return { errors, value: null } as const;\n}\n\nexport function validateCustomFields(\n fields: LockerverseCustomField[],\n values: Record<string, string | string[]>\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 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 typeof value === \"string\" ? value : \"\"\n );\n if (!result.success) {\n errors[field.id] = result.issues[0]?.message ?? message;\n }\n }\n return errors;\n}\n","import type {\n CreateLockerverseWidgetOptions,\n LockerverseCatalog,\n LockerverseCheckoutClient,\n LockerverseCheckoutItem,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport { createLockerverseCheckoutClient } from \"@lockerverse/sdk/checkout\";\nimport { useEffect, useMemo, useReducer, useRef } from \"react\";\nimport { parsePaymentSelection } from \"./payment-input.ts\";\nimport type {\n LockerversePaymentProps,\n LockerversePaymentSelectionItem,\n} from \"./types.ts\";\n\nexport type CheckoutPaymentState =\n | \"error\"\n | \"idle\"\n | \"invalid\"\n | \"submitting\"\n | \"success\"\n | \"unresolved\";\n\ntype CheckoutConfiguration = {\n apiBaseUrl: LockerversePaymentProps[\"apiBaseUrl\"] | undefined;\n communitySlug: string;\n environment: LockerversePaymentProps[\"environment\"] | undefined;\n fetch: LockerversePaymentProps[\"fetch\"] | undefined;\n requestTimeoutMs: number | undefined;\n sentryDsn: string | null | undefined;\n widgetSlug: string;\n};\n\ntype SessionState =\n | { phase: \"idle\"; revision: number }\n | {\n configuration: CheckoutConfiguration;\n phase: \"loading\";\n revision: number;\n selectionKey: string;\n }\n | {\n configuration: CheckoutConfiguration;\n failure: string;\n phase: \"error\";\n revision: number;\n selectionKey: string;\n }\n | {\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n configuration: CheckoutConfiguration;\n phase: \"ready\";\n preparedCheckout: LockerversePreparedCheckout;\n revision: number;\n selectionKey: string;\n };\n\ntype SessionAction =\n | {\n configuration: CheckoutConfiguration;\n selectionKey: string;\n type: \"loading\";\n }\n | {\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n configuration: CheckoutConfiguration;\n preparedCheckout: LockerversePreparedCheckout;\n selectionKey: string;\n type: \"ready\";\n }\n | {\n configuration: CheckoutConfiguration;\n failure: string;\n selectionKey: string;\n type: \"error\";\n }\n | { preparedCheckout: LockerversePreparedCheckout; type: \"checkout\" }\n | { type: \"retry\" };\n\ntype LoadIdentity = {\n configuration: CheckoutConfiguration;\n selectionKey: string;\n};\n\nfunction sessionReducer(\n state: SessionState,\n action: SessionAction\n): SessionState {\n switch (action.type) {\n case \"loading\":\n return {\n configuration: action.configuration,\n phase: \"loading\",\n revision: state.revision,\n selectionKey: action.selectionKey,\n };\n case \"ready\":\n return {\n catalog: action.catalog,\n checkoutItems: action.checkoutItems,\n client: action.client,\n configuration: action.configuration,\n phase: \"ready\",\n preparedCheckout: action.preparedCheckout,\n revision: state.revision + 1,\n selectionKey: action.selectionKey,\n };\n case \"error\":\n return {\n configuration: action.configuration,\n failure: action.failure,\n phase: \"error\",\n revision: state.revision,\n selectionKey: action.selectionKey,\n };\n case \"checkout\":\n return state.phase === \"ready\"\n ? { ...state, preparedCheckout: action.preparedCheckout }\n : state;\n case \"retry\":\n return { phase: \"idle\", revision: state.revision + 1 };\n default:\n return state;\n }\n}\n\nfunction createCheckoutOptions(\n configuration: CheckoutConfiguration,\n onError: LockerversePaymentProps[\"onError\"]\n): CreateLockerverseWidgetOptions {\n const {\n apiBaseUrl,\n communitySlug,\n environment,\n fetch,\n requestTimeoutMs,\n sentryDsn,\n widgetSlug,\n } = configuration;\n const common = {\n communitySlug,\n widgetSlug,\n ...(fetch ? { fetch } : {}),\n ...(onError ? { onError } : {}),\n ...(requestTimeoutMs === undefined ? {} : { requestTimeoutMs }),\n ...(sentryDsn === undefined ? {} : { sentryDsn }),\n };\n if (apiBaseUrl === undefined) {\n if (environment === \"development\") {\n throw new TypeError(\n \"Lockerverse development checkout requires an API base URL.\"\n );\n }\n return {\n ...common,\n ...(environment === \"production\" ? { environment } : {}),\n };\n }\n if (!environment) {\n throw new TypeError(\n \"Lockerverse development checkout requires an environment.\"\n );\n }\n return { ...common, apiBaseUrl, environment };\n}\n\nfunction isSameLoad(\n identity: LoadIdentity | undefined,\n configuration: CheckoutConfiguration,\n selectionKey: string\n) {\n return (\n identity?.configuration === configuration &&\n identity.selectionKey === selectionKey\n );\n}\n\nexport function usePaymentCheckout({\n apiBaseUrl,\n communitySlug,\n environment,\n fetch,\n onError,\n paymentState,\n requestTimeoutMs,\n selection,\n sentryDsn,\n widgetSlug,\n}: CheckoutConfiguration & {\n onError: LockerversePaymentProps[\"onError\"];\n paymentState: CheckoutPaymentState;\n selection: LockerversePaymentProps[\"selection\"];\n}) {\n const configuration = useMemo<CheckoutConfiguration>(\n () => ({\n apiBaseUrl,\n communitySlug,\n environment,\n fetch,\n requestTimeoutMs,\n sentryDsn,\n widgetSlug,\n }),\n [\n apiBaseUrl,\n communitySlug,\n environment,\n fetch,\n requestTimeoutMs,\n sentryDsn,\n widgetSlug,\n ]\n );\n const parsedSelection = parsePaymentSelection(selection);\n const selectionKey = parsedSelection.success\n ? JSON.stringify(parsedSelection.value)\n : \"invalid-selection\";\n const stableSelection = useMemo(\n () =>\n parsedSelection.success\n ? (JSON.parse(selectionKey) as LockerversePaymentSelectionItem[])\n : [],\n [parsedSelection.success, selectionKey]\n );\n const [session, dispatch] = useReducer(sessionReducer, {\n phase: \"idle\",\n revision: 0,\n });\n const loadingRef = useRef<LoadIdentity | undefined>(undefined);\n const settledRef = useRef<LoadIdentity | undefined>(undefined);\n const onErrorRef = useRef(onError);\n onErrorRef.current = onError;\n\n useEffect(() => {\n if (!parsedSelection.success) {\n return;\n }\n if (\n paymentState === \"submitting\" ||\n paymentState === \"success\" ||\n paymentState === \"unresolved\" ||\n isSameLoad(settledRef.current, configuration, selectionKey) ||\n isSameLoad(loadingRef.current, configuration, selectionKey)\n ) {\n return;\n }\n\n let active = true;\n const identity = { configuration, selectionKey };\n loadingRef.current = identity;\n dispatch({ configuration, selectionKey, type: \"loading\" });\n\n async function loadPayment() {\n try {\n const client = createLockerverseCheckoutClient(\n createCheckoutOptions(configuration, (error) =>\n onErrorRef.current?.(error)\n )\n );\n const { catalog, checkout: preparedCheckout } =\n await client.bootstrapCheckout({ items: stableSelection });\n const checkoutItems = [...preparedCheckout.items];\n if (active) {\n loadingRef.current = undefined;\n settledRef.current = identity;\n dispatch({\n catalog,\n checkoutItems,\n client,\n configuration,\n preparedCheckout,\n selectionKey,\n type: \"ready\",\n });\n }\n } catch (error) {\n if (active) {\n loadingRef.current = undefined;\n settledRef.current = identity;\n dispatch({\n configuration,\n failure:\n error instanceof Error\n ? error.message\n : \"Lockerverse payment could not load.\",\n selectionKey,\n type: \"error\",\n });\n }\n }\n }\n\n loadPayment();\n return () => {\n active = false;\n if (isSameLoad(loadingRef.current, configuration, selectionKey)) {\n loadingRef.current = undefined;\n }\n };\n }, [\n configuration,\n parsedSelection.success,\n paymentState,\n selectionKey,\n session.revision,\n stableSelection,\n ]);\n\n return {\n retryCheckout: () => {\n loadingRef.current = undefined;\n settledRef.current = undefined;\n dispatch({ type: \"retry\" });\n },\n selectionError: parsedSelection.success\n ? undefined\n : parsedSelection.message,\n session,\n updateCheckout: (preparedCheckout: LockerversePreparedCheckout) =>\n dispatch({ preparedCheckout, type: \"checkout\" }),\n };\n}\n","import type {\n LockerverseCatalog,\n LockerverseCheckoutClient,\n LockerverseCheckoutItem,\n LockerverseCustomField,\n LockerverseCustomFieldAnswer,\n LockerversePreparedCheckout,\n} from \"@lockerverse/sdk/checkout\";\nimport {\n AddressElement,\n Elements,\n PaymentElement,\n useElements,\n useStripe,\n} from \"@stripe/react-stripe-js\";\nimport type { Stripe, StripeElements } from \"@stripe/stripe-js\";\nimport { loadStripe } from \"@stripe/stripe-js\";\nimport { useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { getAccentContrast } from \"./accent-contrast.ts\";\nimport {\n AdditionalCheckoutFields,\n type CheckoutFieldValues,\n CheckoutToggle,\n ServiceFeeField,\n TipField,\n} from \"./checkout-fields.tsx\";\nimport {\n hasMaterialQuoteChange,\n recoverPaymentAttempt,\n submitPaymentAttempt,\n} from \"./payment-attempt.ts\";\nimport { parseCustomTipCents } from \"./payment-input.ts\";\nimport {\n normalizePhone,\n validateContact,\n validateCustomFields,\n} from \"./payment-validation.ts\";\nimport { LockerverseSelect, SelectPortalProvider } from \"./select-control.tsx\";\nimport type { LockerversePaymentProps } from \"./types.ts\";\nimport {\n type CheckoutPaymentState,\n usePaymentCheckout,\n} from \"./use-payment-checkout.ts\";\n\nfunction formatMoney(amountCents: number) {\n return new Intl.NumberFormat(\"en-US\", {\n currency: \"USD\",\n style: \"currency\",\n }).format(amountCents / 100);\n}\n\nfunction getTipCents(\n subtotalCents: number,\n values: Pick<CheckoutFieldValues, \"customTip\" | \"tipPercent\">\n) {\n if (values.tipPercent === \"custom\") {\n if (!values.customTip.trim()) {\n return { cents: 0, success: true } as const;\n }\n return parseCustomTipCents(values.customTip);\n }\n return {\n cents: Math.round((subtotalCents * Number(values.tipPercent)) / 100),\n success: true,\n } as const;\n}\n\nconst PHONE_COUNTRIES = [\n { callingCode: \"+1\", label: \"🇺🇸 +1\", value: \"US\" },\n { callingCode: \"+52\", label: \"🇲🇽 +52\", value: \"MX\" },\n { callingCode: \"+380\", label: \"🇺🇦 +380\", value: \"UA\" },\n { callingCode: \"+48\", label: \"🇵🇱 +48\", value: \"PL\" },\n { callingCode: \"+1\", label: \"🇨🇦 +1\", value: \"CA\" },\n { callingCode: \"+49\", label: \"🇩🇪 +49\", value: \"DE\" },\n { callingCode: \"+44\", label: \"🇬🇧 +44\", value: \"GB\" },\n { callingCode: \"+46\", label: \"🇸🇪 +46\", value: \"SE\" },\n { callingCode: \"+358\", label: \"🇫🇮 +358\", value: \"FI\" },\n { callingCode: \"+1\", label: \"🇵🇷 +1\", value: \"PR\" },\n] as const;\n\nconst DEFAULT_FONT_FAMILY =\n 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif';\n\nfunction getInternationalPhone(phone: string, country: string) {\n if (phone.trim().startsWith(\"+\")) {\n return phone;\n }\n const callingCode =\n PHONE_COUNTRIES.find((option) => option.value === country)?.callingCode ??\n \"+1\";\n return `${callingCode}${phone}`;\n}\n\nfunction buildCustomFieldAnswers(\n fields: LockerverseCustomField[],\n values: Record<string, string | string[]>\n): LockerverseCustomFieldAnswer[] {\n return fields.map((field): LockerverseCustomFieldAnswer => {\n const value = values[field.id];\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: typeof value === \"string\" ? value : \"\",\n };\n });\n}\n\nfunction buildQuoteRequest(\n catalog: LockerverseCatalog,\n fieldValues: CheckoutFieldValues,\n email: string,\n tipCents: number\n) {\n return {\n ...(email ? { email } : {}),\n ...(catalog.widget.fields.serviceFee\n ? { includeServiceFee: fieldValues.includeServiceFee }\n : {}),\n ...(catalog.widget.fields.promoCode && fieldValues.promoCode.trim()\n ? { promoCode: fieldValues.promoCode.trim() }\n : {}),\n ...(catalog.widget.fields.tipping ? { tipCents } : {}),\n };\n}\n\nasync function getCompleteAddress(\n elements: StripeElements,\n mode: \"billing\" | \"shipping\"\n) {\n const addressElement = elements.getElement(\"address\", { mode });\n const label = mode === \"billing\" ? \"Billing\" : \"Shipping\";\n if (!addressElement) {\n throw new Error(`${label} address is still loading.`);\n }\n const address = await addressElement.getValue();\n if (!address.complete) {\n throw new Error(`${label} address is required.`);\n }\n return address.value;\n}\n\nfunction getShippingAddress(\n catalog: LockerverseCatalog,\n elements: StripeElements,\n fieldValues: CheckoutFieldValues,\n billingAddress: Awaited<ReturnType<typeof getCompleteAddress>>\n) {\n if (!catalog.widget.fields.shipping) {\n return;\n }\n return fieldValues.shippingMatchesBilling\n ? billingAddress\n : getCompleteAddress(elements, \"shipping\");\n}\n\nfunction buildConfirmationParams({\n billingAddress,\n catalog,\n email,\n phone,\n shippingAddress,\n}: {\n billingAddress: Awaited<ReturnType<typeof getCompleteAddress>>;\n catalog: LockerverseCatalog;\n email: string;\n phone: string;\n shippingAddress: Awaited<ReturnType<typeof getCompleteAddress>> | undefined;\n}) {\n return {\n payment_method_data: {\n billing_details: {\n address: billingAddress.address,\n email,\n name: billingAddress.name,\n ...(catalog.widget.fields.phone ? { phone } : {}),\n },\n },\n ...(shippingAddress\n ? {\n shipping: {\n address: shippingAddress.address,\n name: shippingAddress.name,\n phone: catalog.widget.fields.phone\n ? phone\n : (shippingAddress.phone ?? null),\n },\n }\n : {}),\n };\n}\n\nfunction buildPaymentRequest({\n catalog,\n confirmationToken,\n email,\n fieldValues,\n metadata,\n phone,\n shippingAddress,\n}: {\n catalog: LockerverseCatalog;\n confirmationToken?: string;\n email: string;\n fieldValues: CheckoutFieldValues;\n metadata: Record<string, string> | undefined;\n phone: string;\n shippingAddress?: Awaited<ReturnType<typeof getCompleteAddress>>;\n}) {\n return {\n ...(confirmationToken ? { confirmationToken } : {}),\n customFieldAnswers: buildCustomFieldAnswers(\n catalog.widget.customFields,\n fieldValues.customFields\n ),\n email,\n ...(metadata ? { metadata } : {}),\n ...(catalog.widget.fields.memberId && fieldValues.memberId.trim()\n ? { memberId: fieldValues.memberId.trim() }\n : {}),\n ...(catalog.widget.fields.merchSize\n ? { merchSize: fieldValues.merchSize }\n : {}),\n ...(catalog.widget.fields.phone ? { phone } : {}),\n ...(shippingAddress\n ? {\n shipping: {\n address: {\n city: shippingAddress.address.city ?? \"\",\n country: shippingAddress.address.country,\n line1: shippingAddress.address.line1 ?? \"\",\n ...(shippingAddress.address.line2\n ? { line2: shippingAddress.address.line2 }\n : {}),\n postal_code: shippingAddress.address.postal_code ?? \"\",\n state: shippingAddress.address.state ?? \"\",\n },\n name: shippingAddress.name,\n },\n }\n : {}),\n };\n}\n\nasync function completePayment({\n catalog,\n checkoutItems,\n client,\n elements,\n email,\n fieldValues,\n locallyPreviewedTotalCents,\n metadata,\n onPaymentRecoveryChange,\n phone,\n quote,\n stripe,\n}: {\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n elements: StripeElements;\n email: string;\n fieldValues: CheckoutFieldValues;\n locallyPreviewedTotalCents: number;\n metadata: Record<string, string> | undefined;\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n phone: string;\n quote: LockerversePreparedCheckout;\n stripe: Stripe;\n}) {\n const normalizedEmail = email.trim().toLowerCase();\n const normalizedPhone = normalizePhone(phone);\n const parsedTip = getTipCents(quote.subtotalCents, fieldValues);\n if (!parsedTip.success) {\n throw new Error(parsedTip.message);\n }\n const pricing = buildQuoteRequest(\n catalog,\n fieldValues,\n normalizedEmail,\n parsedTip.cents\n );\n const currentQuote = await client.calculateTotal({\n ...pricing,\n items: checkoutItems,\n });\n if (\n currentQuote.totalCents > 0 &&\n hasMaterialQuoteChange(quote, currentQuote, locallyPreviewedTotalCents)\n ) {\n return { kind: \"quote_changed\" as const, quote: currentQuote };\n }\n\n if (currentQuote.totalCents === 0) {\n let shippingAddress:\n | Awaited<ReturnType<typeof getCompleteAddress>>\n | undefined;\n if (catalog.widget.fields.shipping) {\n const billingAddress = await getCompleteAddress(elements, \"billing\");\n shippingAddress = await getShippingAddress(\n catalog,\n elements,\n fieldValues,\n billingAddress\n );\n }\n notifyPaymentRecovery(onPaymentRecoveryChange, {\n connectedAccountId: currentQuote.payment.connectedAccountId,\n paymentReference: currentQuote.paymentReference,\n });\n const outcome = await submitPaymentAttempt(\n client,\n {\n checkout: currentQuote,\n submission: buildPaymentRequest({\n catalog,\n email: normalizedEmail,\n fieldValues,\n metadata,\n phone: normalizedPhone,\n ...(shippingAddress ? { shippingAddress } : {}),\n }),\n },\n stripe\n );\n if (outcome.kind === \"failed\") {\n return {\n kind: \"payment_failed\" as const,\n message:\n \"Order could not be completed. Review the details and try again.\",\n };\n }\n if (outcome.kind === \"unresolved\") {\n return {\n kind: \"payment_unresolved\" as const,\n paymentReference: outcome.paymentReference,\n reason: outcome.reason,\n };\n }\n return {\n kind: \"payment\" as const,\n payment: outcome.payment,\n quote: currentQuote,\n };\n }\n\n await elements.update({ amount: currentQuote.totalCents });\n\n const elementSubmission = await elements.submit();\n if (elementSubmission.error) {\n throw new Error(elementSubmission.error.message);\n }\n\n const billingAddress = await getCompleteAddress(elements, \"billing\");\n const shippingAddress = await getShippingAddress(\n catalog,\n elements,\n fieldValues,\n billingAddress\n );\n\n const tokenResult = await stripe.createConfirmationToken({\n elements,\n params: buildConfirmationParams({\n billingAddress,\n catalog,\n email: normalizedEmail,\n phone: normalizedPhone,\n shippingAddress,\n }),\n });\n if (tokenResult.error) {\n throw new Error(tokenResult.error.message);\n }\n\n notifyPaymentRecovery(onPaymentRecoveryChange, {\n connectedAccountId: currentQuote.payment.connectedAccountId,\n paymentReference: currentQuote.paymentReference,\n });\n\n const outcome = await submitPaymentAttempt(\n client,\n {\n checkout: currentQuote,\n submission: buildPaymentRequest({\n catalog,\n confirmationToken: tokenResult.confirmationToken.id,\n email: normalizedEmail,\n fieldValues,\n metadata,\n phone: normalizedPhone,\n ...(shippingAddress ? { shippingAddress } : {}),\n }),\n },\n stripe\n );\n if (outcome.kind === \"failed\") {\n return {\n kind: \"payment_failed\" as const,\n message:\n \"Payment was declined. Check your payment details and try again.\",\n };\n }\n if (outcome.kind === \"unresolved\") {\n return {\n kind: \"payment_unresolved\" as const,\n paymentReference: outcome.paymentReference,\n reason: outcome.reason,\n };\n }\n return {\n kind: \"payment\" as const,\n payment: outcome.payment,\n quote: currentQuote,\n };\n}\n\nfunction ReadyPayment({\n accentColor,\n catalog,\n checkoutItems,\n client,\n fontFamily,\n metadata,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n quote,\n resumePayment,\n onStateChange,\n stripeLoader,\n theme,\n visualStyle,\n}: {\n accentColor: string;\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n fontFamily: string;\n metadata: Record<string, string> | undefined;\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n quote: LockerversePreparedCheckout;\n resumePayment: LockerversePaymentProps[\"resumePayment\"];\n onStateChange: (\n state:\n | \"error\"\n | \"idle\"\n | \"invalid\"\n | \"submitting\"\n | \"success\"\n | \"unresolved\"\n ) => void;\n stripeLoader: NonNullable<LockerversePaymentProps[\"stripeLoader\"]>;\n theme: LockerversePaymentProps[\"theme\"];\n visualStyle: LockerversePaymentProps[\"style\"];\n}) {\n const connectedAccountId = resumePayment\n ? resumePayment.connectedAccountId\n : quote.payment.connectedAccountId;\n const stripe = useMemo(\n () =>\n stripeLoader(\n catalog.payment.publishableKey,\n connectedAccountId ? { stripeAccount: connectedAccountId } : undefined\n ),\n [catalog.payment.publishableKey, connectedAccountId, stripeLoader]\n );\n\n return (\n <Elements\n key={`${catalog.payment.publishableKey}:${connectedAccountId ?? \"platform\"}`}\n options={{\n amount: Math.max(quote.totalCents, 100),\n appearance: {\n rules: {\n \".Input:focus\": {\n borderColor: accentColor,\n boxShadow: `0 0 0 1px ${accentColor}`,\n outline: \"none\",\n },\n },\n theme: theme === \"light\" ? \"stripe\" : \"night\",\n variables: {\n borderRadius: visualStyle?.[\"--lockerverse-radius\"] ?? \"10px\",\n colorBackground:\n visualStyle?.[\"--lockerverse-control\"] ??\n (theme === \"light\" ? \"#f5f6f7\" : \"#121212\"),\n colorDanger:\n visualStyle?.[\"--lockerverse-danger\"] ??\n (theme === \"light\" ? \"#c52b3e\" : \"#f08a98\"),\n colorPrimary: accentColor,\n colorText:\n visualStyle?.[\"--lockerverse-text\"] ??\n (theme === \"light\" ? \"#121416\" : \"#ffffff\"),\n colorTextPlaceholder:\n visualStyle?.[\"--lockerverse-placeholder\"] ??\n (theme === \"light\" ? \"#72767d\" : \"#6b6b6b\"),\n colorTextSecondary:\n visualStyle?.[\"--lockerverse-muted\"] ??\n (theme === \"light\" ? \"#62666d\" : \"#a1a1aa\"),\n focusBoxShadow: \"none\",\n focusOutline: \"none\",\n fontFamily,\n fontSizeBase: \"16px\",\n },\n },\n currency: quote.payment.currency,\n excludedPaymentMethodTypes: [\"us_bank_account\"],\n mode: \"payment\",\n syncAddressCheckbox: \"none\",\n }}\n stripe={stripe}\n >\n <PaymentForm\n catalog={catalog}\n checkoutItems={checkoutItems}\n client={client}\n metadata={metadata}\n onPaymentComplete={onPaymentComplete}\n onPaymentRecoveryChange={onPaymentRecoveryChange}\n onPaymentUncertain={onPaymentUncertain}\n onQuoteChange={onQuoteChange}\n onStateChange={onStateChange}\n quote={quote}\n resumePayment={resumePayment}\n />\n </Elements>\n );\n}\n\nfunction StripeElementLoader({ label }: { label: string }) {\n return (\n <div className=\"lockerverse-payment__stripe-loader\" role=\"status\">\n <p>{label}</p>\n <div aria-hidden=\"true\">\n <span />\n <span />\n <span />\n </div>\n </div>\n );\n}\n\nfunction StripePaymentField({\n onError,\n onReady,\n ready,\n}: {\n onError: (message: string) => void;\n onReady: () => void;\n ready: boolean;\n}) {\n return (\n <div className=\"lockerverse-payment__stripe-element\" data-ready={ready}>\n {ready ? null : <StripeElementLoader label=\"Loading payment form...\" />}\n <div className=\"lockerverse-payment__stripe-mount\">\n <PaymentElement\n onLoadError={({ error }) =>\n onError(error.message ?? \"Payment form failed to load.\")\n }\n onReady={onReady}\n options={{\n business: { name: \"Lockerverse\" },\n fields: {\n billingDetails: {\n address: \"never\",\n email: \"never\",\n name: \"never\",\n phone: \"never\",\n },\n },\n layout: \"tabs\",\n terms: {\n applePay: \"auto\",\n auBecsDebit: \"never\",\n bancontact: \"never\",\n card: \"always\",\n cashapp: \"never\",\n googlePay: \"never\",\n ideal: \"never\",\n paypal: \"auto\",\n sepaDebit: \"never\",\n sofort: \"never\",\n usBankAccount: \"never\",\n },\n wallets: { applePay: \"auto\", googlePay: \"never\" },\n }}\n />\n </div>\n </div>\n );\n}\n\nfunction StripeAddressField({\n label,\n mode,\n onError,\n onReady,\n ready,\n}: {\n label: string;\n mode: \"billing\" | \"shipping\";\n onError: (message: string) => void;\n onReady: () => void;\n ready: boolean;\n}) {\n return (\n <div className=\"lockerverse-payment__address\">\n <h2>{label}</h2>\n <div\n className=\"lockerverse-payment__stripe-element lockerverse-payment__stripe-element--address\"\n data-ready={ready}\n >\n {ready ? null : (\n <StripeElementLoader label={`Loading ${label.toLowerCase()}...`} />\n )}\n <div className=\"lockerverse-payment__stripe-mount\">\n <AddressElement\n onLoadError={({ error }) =>\n onError(error.message ?? `${label} failed to load.`)\n }\n onReady={onReady}\n options={{ autocomplete: { mode: \"automatic\" }, mode }}\n />\n </div>\n </div>\n </div>\n );\n}\n\nfunction PaymentErrorMessage({ message }: { message: string | undefined }) {\n if (!message) {\n return null;\n }\n return (\n <p className=\"lockerverse-payment__field-message\" role=\"alert\">\n {message}\n </p>\n );\n}\n\nfunction StripeCheckoutFields({\n catalog,\n displayedTotalCents,\n fieldValues,\n isBillingAddressReady,\n isPaymentReady,\n isShippingAddressReady,\n onFieldValuesChange,\n onStripeLoadError,\n setIsBillingAddressReady,\n setIsPaymentReady,\n setIsShippingAddressReady,\n}: {\n catalog: LockerverseCatalog;\n displayedTotalCents: number;\n fieldValues: CheckoutFieldValues;\n isBillingAddressReady: boolean;\n isPaymentReady: boolean;\n isShippingAddressReady: boolean;\n onFieldValuesChange: (values: CheckoutFieldValues) => void;\n onStripeLoadError: (message: string) => void;\n setIsBillingAddressReady: (ready: boolean) => void;\n setIsPaymentReady: (ready: boolean) => void;\n setIsShippingAddressReady: (ready: boolean) => void;\n}) {\n const requiresPayment = displayedTotalCents > 0;\n\n return (\n <>\n {requiresPayment ? (\n <StripePaymentField\n onError={onStripeLoadError}\n onReady={() => setIsPaymentReady(true)}\n ready={isPaymentReady}\n />\n ) : null}\n {requiresPayment || catalog.widget.fields.shipping ? (\n <StripeAddressField\n label={requiresPayment ? \"Billing address\" : \"Shipping address\"}\n mode=\"billing\"\n onError={onStripeLoadError}\n onReady={() => setIsBillingAddressReady(true)}\n ready={isBillingAddressReady}\n />\n ) : null}\n {catalog.widget.fields.shipping ? (\n <div className=\"lockerverse-payment__shipping\">\n <CheckoutToggle\n checked={fieldValues.shippingMatchesBilling}\n name=\"shippingMatchesBilling\"\n onChange={(shippingMatchesBilling) => {\n onFieldValuesChange({\n ...fieldValues,\n shippingMatchesBilling,\n });\n if (!shippingMatchesBilling) {\n setIsShippingAddressReady(false);\n }\n }}\n >\n Shipping is same as billing information\n </CheckoutToggle>\n {fieldValues.shippingMatchesBilling ? null : (\n <StripeAddressField\n label=\"Shipping address\"\n mode=\"shipping\"\n onError={onStripeLoadError}\n onReady={() => setIsShippingAddressReady(true)}\n ready={isShippingAddressReady}\n />\n )}\n </div>\n ) : null}\n </>\n );\n}\n\nfunction PaymentSummary({\n displayedBaseCents,\n displayedTipCents,\n displayedTotalCents,\n quote,\n}: {\n displayedBaseCents: number;\n displayedTipCents: number;\n displayedTotalCents: number;\n quote: LockerversePreparedCheckout;\n}) {\n const displayedServiceFeeCents = Math.max(\n 0,\n displayedBaseCents - quote.subtotalCents + quote.discountCents\n );\n return (\n <section\n aria-label=\"Payment summary\"\n className=\"lockerverse-payment__payment-summary\"\n >\n <h2>Order summary</h2>\n <div className=\"lockerverse-payment__payment-summary-items\">\n {quote.lineItems.map((item) => (\n <div\n className=\"lockerverse-payment__payment-summary-row\"\n key={item.listingId}\n >\n <span>\n {item.productName}\n {item.quantity > 1 ? (\n <>\n {\" \"}\n <small>× {item.quantity}</small>\n </>\n ) : null}\n </span>\n <strong>{formatMoney(item.subtotalCents)}</strong>\n </div>\n ))}\n </div>\n <div className=\"lockerverse-payment__payment-summary-totals\">\n {displayedServiceFeeCents > 0 ? (\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail\">\n <span>Service fee</span>\n <strong>{formatMoney(displayedServiceFeeCents)}</strong>\n </div>\n ) : null}\n {quote.discountCents > 0 && quote.appliedDiscount ? (\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-discount\">\n <span>\n {quote.appliedDiscount.source === \"email_list\"\n ? \"Email discount\"\n : \"Promo code discount\"}{\" \"}\n ({quote.appliedDiscount.percentageOff}% off)\n </span>\n <strong>-{formatMoney(quote.discountCents)}</strong>\n </div>\n ) : null}\n {displayedTipCents > 0 ? (\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-detail lockerverse-payment__payment-summary-tip\">\n <span>Tip</span>\n <strong>{formatMoney(displayedTipCents)}</strong>\n </div>\n ) : null}\n <div className=\"lockerverse-payment__payment-summary-row lockerverse-payment__payment-summary-total\">\n <span>Total</span>\n <strong>{formatMoney(displayedTotalCents)}</strong>\n </div>\n </div>\n </section>\n );\n}\n\nfunction PaymentAction({\n catalog,\n displayedTotalCents,\n fieldValues,\n isBillingAddressReady,\n isPaymentReady,\n isRequiredShippingReady,\n isSubmitting,\n onFieldValuesChange,\n quote,\n}: {\n catalog: LockerverseCatalog;\n displayedTotalCents: number;\n fieldValues: CheckoutFieldValues;\n isBillingAddressReady: boolean;\n isPaymentReady: boolean;\n isRequiredShippingReady: boolean;\n isSubmitting: boolean;\n onFieldValuesChange: (values: CheckoutFieldValues) => void;\n quote: LockerversePreparedCheckout;\n}) {\n const isFree = displayedTotalCents === 0;\n const isReady = isFree\n ? !catalog.widget.fields.shipping ||\n (isBillingAddressReady && isRequiredShippingReady)\n : isPaymentReady && isBillingAddressReady && isRequiredShippingReady;\n let label = isFree\n ? \"Complete order\"\n : `Pay ${formatMoney(displayedTotalCents)}`;\n if (isSubmitting) {\n label = isFree ? \"Completing…\" : \"Processing…\";\n }\n return (\n <div className=\"lockerverse-payment__actions\">\n <ServiceFeeField\n amountCents={\n quote.serviceFeeCents ||\n Math.round(\n (quote.subtotalCents *\n catalog.pricingPolicy.serviceFeeRateBasisPoints) /\n 10_000\n )\n }\n enabled={catalog.widget.fields.serviceFee}\n onChange={onFieldValuesChange}\n values={fieldValues}\n />\n <button\n aria-busy={isSubmitting}\n aria-label={\n isFree\n ? \"Complete order\"\n : `Process payment for ${formatMoney(displayedTotalCents)} total`\n }\n disabled={isSubmitting || !isReady}\n type=\"submit\"\n >\n {label}\n </button>\n </div>\n );\n}\n\ntype PaymentUiState =\n | \"error\"\n | \"idle\"\n | \"invalid\"\n | \"submitting\"\n | \"success\"\n | \"unresolved\";\n\ntype PaymentTerminalState = {\n kind: \"success\" | \"unresolved\";\n message: string;\n};\n\ntype CompletePaymentResult = Awaited<ReturnType<typeof completePayment>>;\n\nfunction notifyPaymentRecovery(\n callback: LockerversePaymentProps[\"onPaymentRecoveryChange\"],\n recovery: Parameters<\n NonNullable<LockerversePaymentProps[\"onPaymentRecoveryChange\"]>\n >[0]\n) {\n try {\n callback?.(recovery);\n } catch {\n // Host persistence failures must not change authoritative payment state.\n }\n}\n\nfunction focusFirstValidationError({\n customFieldErrors,\n emailRef,\n form,\n parsedTipSuccess,\n phoneRef,\n validationErrors,\n}: {\n customFieldErrors: Record<string, string>;\n emailRef: React.RefObject<HTMLInputElement | null>;\n form: HTMLFormElement;\n parsedTipSuccess: boolean;\n phoneRef: React.RefObject<HTMLInputElement | null>;\n validationErrors: { email?: string; phone?: string };\n}) {\n if (validationErrors.email) {\n emailRef.current?.focus();\n return;\n }\n if (validationErrors.phone) {\n phoneRef.current?.focus();\n return;\n }\n if (!parsedTipSuccess) {\n form.querySelector<HTMLElement>('[name=\"tip\"]')?.focus();\n return;\n }\n const [firstFieldId] = Object.keys(customFieldErrors);\n if (firstFieldId) {\n form.querySelector<HTMLElement>(`[name=\"custom:${firstFieldId}\"]`)?.focus();\n }\n}\n\nfunction applyPaymentOutcome({\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n onStateChange,\n result,\n setDisplayedTotalCents,\n setPaymentError,\n setTerminalState,\n}: {\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n onStateChange: (state: PaymentUiState) => void;\n result: CompletePaymentResult;\n setDisplayedTotalCents: (total: number) => void;\n setPaymentError: (message: string) => void;\n setTerminalState: (state: PaymentTerminalState) => void;\n}) {\n if (result.kind === \"quote_changed\") {\n const notice = `The total changed to ${formatMoney(result.quote.totalCents)}. Review it and pay again.`;\n onQuoteChange(result.quote, notice);\n setDisplayedTotalCents(result.quote.totalCents);\n onStateChange(\"idle\");\n return;\n }\n if (result.kind === \"payment_failed\") {\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n setPaymentError(result.message);\n onStateChange(\"error\");\n return;\n }\n if (result.kind === \"payment_unresolved\") {\n setTerminalState({\n kind: \"unresolved\",\n message: \"Payment is still processing. Do not submit it again.\",\n });\n onStateChange(\"unresolved\");\n try {\n onPaymentUncertain?.({\n paymentReference: result.paymentReference,\n reason: result.reason,\n });\n } catch {\n // Host callback failures must not unlock an uncertain payment.\n }\n return;\n }\n onQuoteChange(result.quote);\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n setTerminalState({\n kind: \"success\",\n message: result.payment.paymentRequired\n ? \"Payment completed successfully.\"\n : \"Order confirmed. No payment was required.\",\n });\n onStateChange(\"success\");\n try {\n onPaymentComplete?.(result.payment);\n } catch {\n // Host callback failures must not turn a completed payment into an error.\n }\n}\n\nfunction ContactFields({\n email,\n emailDiscountPercentOff,\n emailErrorId,\n emailId,\n emailRef,\n errors,\n onEmailBlur,\n onEmailChange,\n onPhoneChange,\n onPhoneCountryChange,\n phone,\n phoneCountry,\n phoneEnabled,\n phoneErrorId,\n phoneId,\n phoneRef,\n}: {\n email: string;\n emailDiscountPercentOff: number | undefined;\n emailErrorId: string;\n emailId: string;\n emailRef: React.RefObject<HTMLInputElement | null>;\n errors: { email?: string; phone?: string };\n onEmailBlur: () => void;\n onEmailChange: (value: string) => void;\n onPhoneChange: (value: string) => void;\n onPhoneCountryChange: (value: string) => void;\n phone: string;\n phoneCountry: string;\n phoneEnabled: boolean;\n phoneErrorId: string;\n phoneId: string;\n phoneRef: React.RefObject<HTMLInputElement | null>;\n}) {\n return (\n <div className=\"lockerverse-payment__contact\">\n <label htmlFor={emailId}>Email</label>\n <input\n aria-describedby={errors.email ? emailErrorId : undefined}\n aria-invalid={errors.email ? \"true\" : undefined}\n autoComplete=\"email\"\n id={emailId}\n name=\"email\"\n onBlur={onEmailBlur}\n onChange={(event) => onEmailChange(event.currentTarget.value)}\n placeholder=\"name@example.com\"\n ref={emailRef}\n type=\"email\"\n value={email}\n />\n {errors.email ? (\n <p className=\"lockerverse-payment__field-message\" id={emailErrorId}>\n {errors.email}\n </p>\n ) : null}\n {emailDiscountPercentOff === undefined ? null : (\n <p className=\"lockerverse-payment__discount-message\" role=\"status\">\n Your email qualifies for {emailDiscountPercentOff}% off.\n </p>\n )}\n {phoneEnabled ? (\n <>\n <label htmlFor={phoneId}>Phone</label>\n <div className=\"lockerverse-payment__phone-control\">\n <LockerverseSelect\n ariaLabel=\"Phone number country\"\n className=\"lockerverse-payment__select--phone-country\"\n name=\"phoneCountry\"\n onValueChange={onPhoneCountryChange}\n options={PHONE_COUNTRIES}\n value={phoneCountry}\n />\n <input\n aria-describedby={errors.phone ? phoneErrorId : undefined}\n aria-invalid={errors.phone ? \"true\" : undefined}\n autoComplete=\"tel\"\n id={phoneId}\n inputMode=\"tel\"\n name=\"phone\"\n onChange={(event) => onPhoneChange(event.currentTarget.value)}\n placeholder=\"(201) 555-0123\"\n ref={phoneRef}\n type=\"tel\"\n value={phone}\n />\n </div>\n {errors.phone ? (\n <p className=\"lockerverse-payment__field-message\" id={phoneErrorId}>\n {errors.phone}\n </p>\n ) : null}\n </>\n ) : null}\n </div>\n );\n}\n\nfunction PaymentForm({\n catalog,\n checkoutItems,\n client,\n metadata,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n onStateChange,\n quote,\n resumePayment,\n}: {\n catalog: LockerverseCatalog;\n checkoutItems: LockerverseCheckoutItem[];\n client: LockerverseCheckoutClient;\n metadata: Record<string, string> | undefined;\n onPaymentComplete: LockerversePaymentProps[\"onPaymentComplete\"];\n onPaymentRecoveryChange: LockerversePaymentProps[\"onPaymentRecoveryChange\"];\n onPaymentUncertain: LockerversePaymentProps[\"onPaymentUncertain\"];\n onQuoteChange: (quote: LockerversePreparedCheckout, notice?: string) => void;\n onStateChange: (state: PaymentUiState) => void;\n quote: LockerversePreparedCheckout;\n resumePayment: LockerversePaymentProps[\"resumePayment\"];\n}) {\n const [email, setEmail] = useState(\"\");\n const [phone, setPhone] = useState(\"\");\n const [phoneCountry, setPhoneCountry] = useState(\"US\");\n const [errors, setErrors] = useState<{ email?: string; phone?: string }>({});\n const [paymentError, setPaymentError] = useState<string>();\n const [customFieldErrors, setCustomFieldErrors] = useState<\n Record<string, string>\n >({});\n const [tipError, setTipError] = useState<string>();\n const [promoError, setPromoError] = useState<string>();\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [isRefreshingQuote, setIsRefreshingQuote] = useState(false);\n const [isRecovering, setIsRecovering] = useState(Boolean(resumePayment));\n const [terminalState, setTerminalState] = useState<PaymentTerminalState>();\n const [isPaymentReady, setIsPaymentReady] = useState(false);\n const [isBillingAddressReady, setIsBillingAddressReady] = useState(false);\n const [isShippingAddressReady, setIsShippingAddressReady] = useState(false);\n const [fieldValues, setFieldValues] = useState<CheckoutFieldValues>({\n customFields: {},\n customTip: \"\",\n includeServiceFee: catalog.widget.fields.serviceFee,\n memberId: \"\",\n merchSize: \"M\",\n promoCode: \"\",\n shippingMatchesBilling: true,\n tipPercent: \"10\",\n });\n const [displayedTotalCents, setDisplayedTotalCents] = useState(\n quote.totalCents\n );\n const emailRef = useRef<HTMLInputElement>(null);\n const phoneRef = useRef<HTMLInputElement>(null);\n const statusRef = useRef<HTMLParagraphElement>(null);\n const recoveryStartedRef = useRef(false);\n const quoteRequestRef = useRef(0);\n const paymentWasRequiredRef = useRef(quote.totalCents > 0);\n const elements = useElements();\n const stripe = useStripe();\n const idPrefix = `lockerverse-${useId()}`;\n const emailId = `${idPrefix}-email`;\n const emailErrorId = `${emailId}-error`;\n const phoneId = `${idPrefix}-phone`;\n const phoneErrorId = `${phoneId}-error`;\n const tipErrorId = `${idPrefix}-tip-error`;\n const parsedTip = catalog.widget.fields.tipping\n ? getTipCents(quote.subtotalCents, fieldValues)\n : ({ cents: 0, success: true } as const);\n const parsedTipCents = parsedTip.success ? parsedTip.cents : null;\n const displayedTipCents = parsedTipCents ?? 0;\n const displayedBaseCents = displayedTotalCents - displayedTipCents;\n const isRequiredShippingReady =\n !catalog.widget.fields.shipping ||\n fieldValues.shippingMatchesBilling ||\n isShippingAddressReady;\n\n useEffect(() => {\n if (parsedTipCents === null) {\n return;\n }\n const previewServiceFeeCents =\n catalog.widget.fields.serviceFee && fieldValues.includeServiceFee\n ? quote.serviceFeeCents ||\n Math.round(\n (quote.subtotalCents *\n catalog.pricingPolicy.serviceFeeRateBasisPoints) /\n 10_000\n )\n : 0;\n const previewTotalCents =\n quote.totalCents -\n quote.serviceFeeCents -\n quote.tipCents +\n previewServiceFeeCents +\n parsedTipCents;\n setDisplayedTotalCents(previewTotalCents);\n if (previewTotalCents > 0) {\n elements?.update({ amount: previewTotalCents });\n }\n }, [\n catalog.widget.fields.serviceFee,\n catalog.widget.fields.tipping,\n elements,\n fieldValues.includeServiceFee,\n fieldValues.tipPercent,\n fieldValues.customTip,\n parsedTipCents,\n quote.serviceFeeCents,\n quote.tipCents,\n quote.totalCents,\n ]);\n\n useEffect(() => {\n if (isSubmitting) {\n statusRef.current?.focus();\n }\n }, [isSubmitting]);\n\n useEffect(() => {\n const paymentIsRequired = displayedTotalCents > 0;\n if (paymentIsRequired && !paymentWasRequiredRef.current) {\n setIsPaymentReady(false);\n setIsBillingAddressReady(false);\n }\n paymentWasRequiredRef.current = paymentIsRequired;\n }, [displayedTotalCents]);\n\n useEffect(() => {\n if (!(resumePayment && stripe) || recoveryStartedRef.current) {\n return;\n }\n recoveryStartedRef.current = true;\n onStateChange(\"submitting\");\n\n recoverPaymentAttempt(client, resumePayment.paymentReference, stripe).then(\n (outcome) => {\n if (outcome.kind === \"failed\") {\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n setPaymentError(\n \"The previous payment failed. Check your details and try again.\"\n );\n setIsRecovering(false);\n onStateChange(\"error\");\n return;\n }\n if (outcome.kind === \"unresolved\") {\n setTerminalState({\n kind: \"unresolved\",\n message: \"Payment is still processing. Do not submit it again.\",\n });\n onStateChange(\"unresolved\");\n try {\n onPaymentUncertain?.({\n paymentReference: outcome.paymentReference,\n reason: outcome.reason,\n });\n } catch {\n // Host callback failures must not unlock an uncertain payment.\n }\n return;\n }\n\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n setTerminalState({\n kind: \"success\",\n message: outcome.payment.paymentRequired\n ? \"Payment completed successfully.\"\n : \"Order confirmed. No payment was required.\",\n });\n onStateChange(\"success\");\n try {\n onPaymentComplete?.(outcome.payment);\n } catch {\n // Host callback failures must not turn a completed payment into an error.\n }\n }\n );\n }, [\n client,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onStateChange,\n resumePayment,\n stripe,\n ]);\n\n function clearError(field: \"email\" | \"phone\") {\n setErrors((current) => {\n const next = { ...current };\n delete next[field];\n return next;\n });\n }\n\n function handleFieldValuesChange(nextValues: CheckoutFieldValues) {\n if (nextValues.promoCode !== fieldValues.promoCode) {\n setPromoError(undefined);\n }\n setFieldValues(nextValues);\n setCustomFieldErrors({});\n setTipError(undefined);\n }\n\n function handleStripeLoadError(message: string) {\n setPaymentError(message);\n onStateChange(\"error\");\n }\n\n function updatePromoResult(quoteResult: LockerversePreparedCheckout) {\n setPromoError(\n quoteResult.appliedDiscount?.source === \"promo_code\"\n ? undefined\n : \"This promo code is invalid or cannot be applied.\"\n );\n }\n\n function handleQuoteRefreshError(error: unknown, validatePromo: boolean) {\n if (validatePromo) {\n setPromoError(\"This promo code is invalid or cannot be applied.\");\n return;\n }\n setPaymentError(\n error instanceof Error\n ? error.message\n : \"The order total could not be updated.\"\n );\n }\n\n async function refreshAuthoritativeTotal(\n allowMissingEmail = false,\n validatePromo = false\n ) {\n const normalizedEmail = email.trim().toLowerCase();\n const emailValidation = validateContact(\n { email: normalizedEmail, phone: \"\" },\n false\n );\n if (!(parsedTip.success && (emailValidation.value || allowMissingEmail))) {\n return;\n }\n\n quoteRequestRef.current += 1;\n const requestId = quoteRequestRef.current;\n setIsRefreshingQuote(true);\n try {\n const nextQuote = await client.calculateTotal({\n ...buildQuoteRequest(\n catalog,\n fieldValues,\n emailValidation.value?.email ?? \"\",\n parsedTip.cents\n ),\n items: checkoutItems,\n });\n if (requestId !== quoteRequestRef.current) {\n return;\n }\n setPaymentError(undefined);\n setDisplayedTotalCents(nextQuote.totalCents);\n onQuoteChange(nextQuote);\n if (validatePromo) {\n updatePromoResult(nextQuote);\n }\n } catch (error) {\n if (requestId === quoteRequestRef.current) {\n handleQuoteRefreshError(error, validatePromo);\n }\n } finally {\n if (requestId === quoteRequestRef.current) {\n setIsRefreshingQuote(false);\n }\n }\n }\n\n async function handleApplyPromo() {\n setPromoError(undefined);\n await refreshAuthoritativeTotal(true, true);\n }\n\n async function handleSubmit(event: React.FormEvent<HTMLFormElement>) {\n event.preventDefault();\n const validation = validateContact(\n { email, phone: getInternationalPhone(phone, phoneCountry) },\n catalog.widget.fields.phone\n );\n const nextCustomFieldErrors = validateCustomFields(\n catalog.widget.customFields,\n fieldValues.customFields\n );\n if (\n !(validation.value && parsedTip.success) ||\n Object.keys(nextCustomFieldErrors).length > 0\n ) {\n setErrors(validation.errors);\n setCustomFieldErrors(nextCustomFieldErrors);\n setTipError(parsedTip.success ? undefined : parsedTip.message);\n onStateChange(\"invalid\");\n const form = event.currentTarget;\n queueMicrotask(() => {\n focusFirstValidationError({\n customFieldErrors: nextCustomFieldErrors,\n emailRef,\n form,\n parsedTipSuccess: parsedTip.success,\n phoneRef,\n validationErrors: validation.errors,\n });\n });\n return;\n }\n\n setErrors({});\n setCustomFieldErrors({});\n\n if (!(elements && stripe)) {\n setPaymentError(\"Payment form is still loading.\");\n onStateChange(\"error\");\n return;\n }\n\n setPaymentError(undefined);\n setIsSubmitting(true);\n onStateChange(\"submitting\");\n\n try {\n const result = await completePayment({\n catalog,\n checkoutItems,\n client,\n elements,\n email,\n fieldValues,\n locallyPreviewedTotalCents: displayedTotalCents,\n metadata,\n onPaymentRecoveryChange,\n phone: getInternationalPhone(phone, phoneCountry),\n quote,\n stripe,\n });\n applyPaymentOutcome({\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n onQuoteChange,\n onStateChange,\n result,\n setDisplayedTotalCents,\n setPaymentError,\n setTerminalState,\n });\n } catch (error) {\n notifyPaymentRecovery(onPaymentRecoveryChange, null);\n setPaymentError(\n error instanceof Error\n ? error.message\n : \"Payment could not be completed.\"\n );\n onStateChange(\"error\");\n } finally {\n setIsSubmitting(false);\n }\n }\n\n if (terminalState) {\n return (\n <p\n className=\"lockerverse-payment__payment-status\"\n ref={statusRef}\n role=\"status\"\n tabIndex={-1}\n >\n {terminalState.message}\n </p>\n );\n }\n\n if (isRecovering) {\n return (\n <p className=\"lockerverse-payment__payment-status\" role=\"status\">\n Recovering payment…\n </p>\n );\n }\n\n return (\n <form\n aria-busy={isSubmitting}\n className=\"lockerverse-payment__form\"\n noValidate\n onSubmit={handleSubmit}\n >\n <div\n data-lockerverse-input-region=\"\"\n inert={isSubmitting ? true : undefined}\n >\n <fieldset\n className=\"lockerverse-payment__input-fieldset\"\n disabled={isSubmitting}\n >\n <PaymentSummary\n displayedBaseCents={displayedBaseCents}\n displayedTipCents={displayedTipCents}\n displayedTotalCents={displayedTotalCents}\n quote={quote}\n />\n <TipField\n enabled={catalog.widget.fields.tipping}\n error={tipError}\n errorId={tipErrorId}\n onChange={handleFieldValuesChange}\n values={fieldValues}\n />\n <ContactFields\n email={email}\n emailDiscountPercentOff={\n quote.appliedDiscount?.source === \"email_list\"\n ? quote.appliedDiscount.percentageOff\n : undefined\n }\n emailErrorId={emailErrorId}\n emailId={emailId}\n emailRef={emailRef}\n errors={errors}\n onEmailBlur={() => refreshAuthoritativeTotal()}\n onEmailChange={(value) => {\n setEmail(value);\n clearError(\"email\");\n }}\n onPhoneChange={(value) => {\n setPhone(value);\n clearError(\"phone\");\n }}\n onPhoneCountryChange={setPhoneCountry}\n phone={phone}\n phoneCountry={phoneCountry}\n phoneEnabled={catalog.widget.fields.phone}\n phoneErrorId={phoneErrorId}\n phoneId={phoneId}\n phoneRef={phoneRef}\n />\n <StripeCheckoutFields\n catalog={catalog}\n displayedTotalCents={displayedTotalCents}\n fieldValues={fieldValues}\n isBillingAddressReady={isBillingAddressReady}\n isPaymentReady={isPaymentReady}\n isShippingAddressReady={isShippingAddressReady}\n onFieldValuesChange={handleFieldValuesChange}\n onStripeLoadError={handleStripeLoadError}\n setIsBillingAddressReady={setIsBillingAddressReady}\n setIsPaymentReady={setIsPaymentReady}\n setIsShippingAddressReady={setIsShippingAddressReady}\n />\n <AdditionalCheckoutFields\n customFields={catalog.widget.customFields}\n errors={customFieldErrors}\n fields={catalog.widget.fields}\n idPrefix={idPrefix}\n isPromoApplying={isRefreshingQuote}\n onApplyPromo={handleApplyPromo}\n onChange={handleFieldValuesChange}\n promoError={promoError}\n values={fieldValues}\n />\n <PaymentAction\n catalog={catalog}\n displayedTotalCents={displayedTotalCents}\n fieldValues={fieldValues}\n isBillingAddressReady={isBillingAddressReady}\n isPaymentReady={isPaymentReady}\n isRequiredShippingReady={isRequiredShippingReady}\n isSubmitting={isSubmitting}\n onFieldValuesChange={handleFieldValuesChange}\n quote={quote}\n />\n </fieldset>\n </div>\n {isSubmitting ? (\n <p\n className=\"lockerverse-payment__payment-status\"\n ref={statusRef}\n role=\"status\"\n tabIndex={-1}\n >\n {displayedTotalCents === 0\n ? \"Completing order…\"\n : \"Processing payment…\"}\n </p>\n ) : null}\n <PaymentErrorMessage message={paymentError} />\n </form>\n );\n}\n\nfunction SkeletonLoaderBlock() {\n return (\n <div className=\"lockerverse-payment__skeleton-loader-block\">\n <span className=\"lockerverse-payment__skeleton-loader-label\" />\n <div className=\"lockerverse-payment__skeleton-loader-content\">\n <span className=\"lockerverse-payment__skeleton-loader-full\" />\n <div className=\"lockerverse-payment__skeleton-loader-grid\">\n <span className=\"lockerverse-payment__skeleton-loader-half\" />\n <span className=\"lockerverse-payment__skeleton-loader-half\" />\n </div>\n </div>\n </div>\n );\n}\n\nfunction PaymentSkeleton() {\n return (\n <div className=\"lockerverse-payment__loading\">\n <span\n aria-live=\"polite\"\n className=\"lockerverse-payment__sr-only\"\n role=\"status\"\n >\n Loading payment…\n </span>\n <div aria-hidden=\"true\" className=\"lockerverse-payment__skeleton\">\n <div className=\"lockerverse-payment__skeleton-branding\">\n <span className=\"lockerverse-payment__skeleton-avatar\" />\n <span className=\"lockerverse-payment__skeleton-community\" />\n </div>\n <div className=\"lockerverse-payment__skeleton-contact\">\n <div className=\"lockerverse-payment__skeleton-field\">\n <span className=\"lockerverse-payment__skeleton-label\" />\n <span className=\"lockerverse-payment__skeleton-input\" />\n </div>\n <div className=\"lockerverse-payment__skeleton-field\">\n <span className=\"lockerverse-payment__skeleton-label\" />\n <span className=\"lockerverse-payment__skeleton-input\" />\n </div>\n </div>\n <SkeletonLoaderBlock />\n <SkeletonLoaderBlock />\n <div className=\"lockerverse-payment__skeleton-actions\">\n <span className=\"lockerverse-payment__skeleton-check-line\" />\n <span className=\"lockerverse-payment__skeleton-button\" />\n </div>\n </div>\n </div>\n );\n}\n\nexport function LockerversePayment({\n apiBaseUrl,\n branding,\n className,\n communitySlug,\n environment,\n fetch,\n metadata,\n onError,\n onPaymentComplete,\n onPaymentRecoveryChange,\n onPaymentUncertain,\n requestTimeoutMs,\n resumePayment,\n selection,\n sentryDsn,\n style,\n stripeLoader = loadStripe,\n theme = \"dark\",\n widgetSlug,\n ...sectionProps\n}: LockerversePaymentProps) {\n const initialResumePayment = useRef(resumePayment).current;\n const selectPortalContainerRef = useRef<HTMLElement | null>(null);\n const [notice, setNotice] = useState<string>();\n const [paymentState, setPaymentState] =\n useState<CheckoutPaymentState>(\"idle\");\n const { retryCheckout, selectionError, session, updateCheckout } =\n usePaymentCheckout({\n apiBaseUrl,\n communitySlug,\n environment,\n fetch,\n onError,\n paymentState,\n requestTimeoutMs,\n selection,\n sentryDsn,\n widgetSlug,\n });\n\n useEffect(() => {\n if (session.phase === \"loading\") {\n setNotice(undefined);\n }\n }, [session.phase]);\n\n useEffect(() => {\n if (session.phase === \"ready\") {\n setPaymentState((current) =>\n current === \"success\" || current === \"unresolved\" ? current : \"idle\"\n );\n }\n }, [session.phase, session.revision]);\n\n const rootClassName = [\"lockerverse-payment\", className]\n .filter(Boolean)\n .join(\" \");\n const effectiveBranding =\n branding ?? (session.phase === \"ready\" ? session.catalog.community : null);\n const effectiveAccent =\n style?.[\"--lockerverse-accent\"] ??\n effectiveBranding?.accentColor ??\n \"#38d77a\";\n const automaticAccentContrast = getAccentContrast(effectiveAccent);\n const rootStyle: LockerversePaymentProps[\"style\"] = {\n ...style,\n ...(effectiveBranding?.accentColor &&\n style?.[\"--lockerverse-accent\"] === undefined\n ? { \"--lockerverse-accent\": effectiveBranding.accentColor }\n : {}),\n ...(automaticAccentContrast &&\n style?.[\"--lockerverse-accent-contrast\"] === undefined\n ? { \"--lockerverse-accent-contrast\": automaticAccentContrast }\n : {}),\n };\n\n if (selectionError) {\n return (\n <section\n {...sectionProps}\n className={rootClassName}\n data-lockerverse-theme={theme}\n role=\"alert\"\n style={rootStyle}\n >\n {selectionError}\n </section>\n );\n }\n\n if (session.phase === \"error\") {\n return (\n <section\n {...sectionProps}\n className={rootClassName}\n data-lockerverse-theme={theme}\n style={rootStyle}\n >\n <p role=\"alert\">{session.failure}</p>\n <button onClick={retryCheckout} type=\"button\">\n Retry\n </button>\n </section>\n );\n }\n\n if (session.phase !== \"ready\") {\n return (\n <section\n {...sectionProps}\n aria-busy=\"true\"\n aria-label=\"Payment\"\n className={rootClassName}\n data-lockerverse-theme={theme}\n style={rootStyle}\n >\n <PaymentSkeleton />\n </section>\n );\n }\n\n const { catalog, checkoutItems, client, preparedCheckout } = session;\n\n return (\n <section\n {...sectionProps}\n aria-label=\"Payment\"\n className={rootClassName}\n data-lockerverse-theme={theme}\n data-payment-state={paymentState}\n ref={selectPortalContainerRef}\n style={rootStyle}\n >\n <header>\n {catalog.widget.showCommunityBranding && effectiveBranding ? (\n <div className=\"lockerverse-payment__branding\">\n {effectiveBranding.imageUrl ? (\n <img\n alt={effectiveBranding.name}\n height=\"48\"\n src={effectiveBranding.imageUrl}\n width=\"48\"\n />\n ) : null}\n <strong>{effectiveBranding.name}</strong>\n </div>\n ) : null}\n <h1>{catalog.widget.title ?? catalog.widget.name}</h1>\n {catalog.widget.description ? (\n <p>{catalog.widget.description}</p>\n ) : null}\n </header>\n {notice ? (\n <p className=\"lockerverse-payment__payment-status\" role=\"status\">\n {notice}\n </p>\n ) : null}\n <SelectPortalProvider container={selectPortalContainerRef}>\n <ReadyPayment\n accentColor={\n style?.[\"--lockerverse-accent\"] ??\n effectiveBranding?.accentColor ??\n \"#38d77a\"\n }\n catalog={catalog}\n checkoutItems={checkoutItems}\n client={client}\n fontFamily={\n style?.[\"--lockerverse-font-family\"] ?? DEFAULT_FONT_FAMILY\n }\n metadata={metadata}\n onPaymentComplete={onPaymentComplete}\n onPaymentRecoveryChange={onPaymentRecoveryChange}\n onPaymentUncertain={onPaymentUncertain}\n onQuoteChange={(nextQuote, nextNotice) => {\n setNotice(nextNotice);\n updateCheckout(nextQuote);\n }}\n onStateChange={setPaymentState}\n quote={preparedCheckout}\n resumePayment={initialResumePayment}\n stripeLoader={stripeLoader}\n theme={theme}\n visualStyle={rootStyle}\n />\n </SelectPortalProvider>\n </section>\n );\n}\n"],"mappings":"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"}
package/dist/styles.css CHANGED
@@ -13,6 +13,7 @@
13
13
  --lockerverse-placeholder: rgb(255 255 255 / 34%);
14
14
  --lockerverse-radius: 10px;
15
15
  --lockerverse-subtle: rgb(255 255 255 / 8%);
16
+ --lockerverse-success: #57df90;
16
17
  --lockerverse-text: #fff;
17
18
  box-sizing: border-box;
18
19
  width: 100%;
@@ -36,6 +37,7 @@
36
37
  --lockerverse-muted: rgb(18 20 22 / 64%);
37
38
  --lockerverse-placeholder: rgb(18 20 22 / 38%);
38
39
  --lockerverse-subtle: rgb(18 20 22 / 8%);
40
+ --lockerverse-success: #157a42;
39
41
  --lockerverse-text: #121416;
40
42
  box-shadow: 0 18px 55px rgb(20 25 32 / 10%);
41
43
  }
@@ -146,6 +148,125 @@
146
148
  gap: 16px;
147
149
  }
148
150
 
151
+ .lockerverse-payment__promo-control {
152
+ display: grid;
153
+ grid-template-columns: minmax(0, 1fr) auto;
154
+ gap: 8px;
155
+ }
156
+
157
+ .lockerverse-payment__promo-control button {
158
+ min-height: 48px;
159
+ padding: 11px 16px;
160
+ font: inherit;
161
+ font-size: 14px;
162
+ font-weight: 600;
163
+ color: var(--lockerverse-text);
164
+ cursor: pointer;
165
+ background: color-mix(in srgb, var(--lockerverse-text) 5%, transparent);
166
+ border: 1px solid var(--lockerverse-border);
167
+ border-radius: var(--lockerverse-radius);
168
+ }
169
+
170
+ .lockerverse-payment__promo-control button:hover:not(:disabled) {
171
+ background: color-mix(in srgb, var(--lockerverse-text) 9%, transparent);
172
+ }
173
+
174
+ .lockerverse-payment__discount-message {
175
+ font-size: 12px;
176
+ color: var(--lockerverse-success);
177
+ }
178
+
179
+ .lockerverse-payment__payment-summary {
180
+ display: grid;
181
+ gap: 0;
182
+ padding: 16px;
183
+ margin-bottom: 20px;
184
+ background: color-mix(in srgb, var(--lockerverse-text) 2.5%, transparent);
185
+ border: 1px solid color-mix(in srgb, var(--lockerverse-text) 12%, transparent);
186
+ border-radius: var(--lockerverse-radius);
187
+ }
188
+
189
+ .lockerverse-payment__payment-summary h2 {
190
+ margin: 0 0 12px;
191
+ font-size: 16px;
192
+ font-weight: 600;
193
+ line-height: 24px;
194
+ color: var(--lockerverse-text);
195
+ }
196
+
197
+ .lockerverse-payment__payment-summary-items,
198
+ .lockerverse-payment__payment-summary-totals {
199
+ display: grid;
200
+ gap: 8px;
201
+ }
202
+
203
+ .lockerverse-payment__payment-summary-totals {
204
+ padding-top: 12px;
205
+ margin-top: 12px;
206
+ border-top: 1px solid
207
+ color-mix(in srgb, var(--lockerverse-text) 10%, transparent);
208
+ }
209
+
210
+ .lockerverse-payment__payment-summary-row {
211
+ display: flex;
212
+ gap: 16px;
213
+ align-items: baseline;
214
+ justify-content: space-between;
215
+ font-size: 14px;
216
+ line-height: 20px;
217
+ }
218
+
219
+ .lockerverse-payment__payment-summary-items
220
+ .lockerverse-payment__payment-summary-row {
221
+ color: var(--lockerverse-muted);
222
+ }
223
+
224
+ .lockerverse-payment__payment-summary-row small {
225
+ display: inline-flex;
226
+ margin-left: 7px;
227
+ font: inherit;
228
+ font-size: 12px;
229
+ color: var(--lockerverse-muted);
230
+ }
231
+
232
+ .lockerverse-payment__payment-summary-discount {
233
+ color: var(--lockerverse-success);
234
+ }
235
+
236
+ .lockerverse-payment__payment-summary-discount strong,
237
+ .lockerverse-payment__payment-summary-tip strong {
238
+ padding: 2px 8px;
239
+ border-radius: 999px;
240
+ }
241
+
242
+ .lockerverse-payment__payment-summary-discount strong {
243
+ background: color-mix(in srgb, var(--lockerverse-success) 13%, transparent);
244
+ }
245
+
246
+ .lockerverse-payment__payment-summary-tip strong {
247
+ color: color-mix(in srgb, var(--lockerverse-text) 88%, transparent);
248
+ background: color-mix(in srgb, var(--lockerverse-text) 7%, transparent);
249
+ }
250
+
251
+ .lockerverse-payment__payment-summary strong {
252
+ font-weight: 600;
253
+ white-space: nowrap;
254
+ }
255
+
256
+ .lockerverse-payment__payment-summary-detail {
257
+ color: var(--lockerverse-muted);
258
+ }
259
+
260
+ .lockerverse-payment__payment-summary-total {
261
+ padding: 0;
262
+ margin-top: 0;
263
+ font-size: 14px;
264
+ font-weight: 600;
265
+ color: var(--lockerverse-text);
266
+ background: none;
267
+ border-radius: 0;
268
+ }
269
+
149
270
  .lockerverse-payment__address,
150
271
  .lockerverse-payment__stripe-element {
151
272
  gap: 12px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lockerverse/react",
3
- "version": "0.2.48",
3
+ "version": "0.2.49",
4
4
  "description": "React payment UI for Lockerverse",
5
5
  "repository": {
6
6
  "type": "git",
@@ -63,7 +63,7 @@
63
63
  "size-limit": [
64
64
  {
65
65
  "name": "React payment UI",
66
- "limit": "9.5 kB",
66
+ "limit": "10 kB",
67
67
  "path": "dist/index.js"
68
68
  },
69
69
  {