@lockerverse/react 0.2.43 → 0.2.45
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.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
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/pure/index.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 V=[`XS`,`S`,`M`,`L`,`XL`,`XXL`,`XXXL`],H=[`15`,`12`,`10`,`5`],U=[...H,`custom`];function re({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=U.indexOf(t),r;switch(e.key){case`ArrowDown`:case`ArrowRight`:r=(n+1)%U.length;break;case`ArrowLeft`:case`ArrowUp`:r=(n-1+U.length)%U.length;break;case`Home`:r=0;break;case`End`:r=U.length-1;break;default:return}e.preventDefault();let i=U[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:[H.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 ie({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,values:a}){let o=e=>i({...a,...e});return _(`div`,{className:`lockerverse-payment__additional-fields`,children:[n.memberId?_(`label`,{children:[g(`span`,{children:`Member ID`}),g(`input`,{name:`memberId`,onChange:e=>o({memberId:e.currentTarget.value}),placeholder:`Optional`,value:a.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=>o({merchSize:e}),options:V.map(e=>({label:e,value:e})),value:a.merchSize})]}):null,n.promoCode?_(`label`,{children:[g(`span`,{children:`Promo code`}),g(`input`,{name:`promoCode`,onChange:e=>o({promoCode:e.currentTarget.value}),placeholder:`Optional`,value:a.promoCode})]}):null,e.map(e=>g(se,{error:t[e.id],field:e,idPrefix:r,onChange:t=>o({customFields:{...a.customFields,[e.id]:t}}),value:a.customFields[e.id]},e.id))]})}function oe({amountCents:e,enabled:t,onChange:n,values:r}){return t?_(ie,{checked:r.includeServiceFee,name:`includeServiceFee`,onChange:e=>n({...r,includeServiceFee:e}),children:[`Add `,ue(e),` to help cover processing fees`]}):null}function se({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(ce,{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(G,{controlId:o,error:e,errorId:s,field:t,name:a,onChange:r,value:i});default:return null}}function W({error:e,id:t}){return e?g(`p`,{className:`lockerverse-payment__field-message`,id:t,children:e}):null}function ce({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(W,{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(W,{error:t,id:n})]})}function G({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(W,{error:t,id:n})]})}function ue(e){return new Intl.NumberFormat(`en-US`,{currency:`USD`,style:`currency`}).format(e/100)}const K=[`amountCents`,`discountableSubtotalCents`,`discountCents`,`serviceFeeCents`,`subtotalCents`,`tipCents`,`totalCents`],q=[`discountableSubtotalCents`,`discountCents`,`subtotalCents`];function J(e,t,n){return(n===t.totalCents?q:K).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 Y(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 Y(t);if(t.clientSecret)try{await n.handleNextAction({clientSecret:t.clientSecret})}catch{}try{return Y(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){if(`amountCents`in t){if(e.pricingMode!==`custom`)throw TypeError(`Fixed-price Products do not accept custom amounts.`);if(e.minimumAmountCents!==null&&t.amountCents<e.minimumAmountCents)throw TypeError(`Product amount must be at least ${e.minimumAmountCents} cents.`);return{amountCents:t.amountCents,productId:e.id}}if(e.pricingMode!==`fixed`)throw TypeError(`Custom-amount Products do not accept quantities.`);if(e.minimumQuantity!==null&&t.quantity<e.minimumQuantity)throw TypeError(`Product quantity must be at least ${e.minimumQuantity}.`);if(e.maximumQuantity!==null&&t.quantity>e.maximumQuantity)throw TypeError(`Product quantity must not exceed ${e.maximumQuantity}.`);if(e.inventoryQuantity!==null&&t.quantity>e.inventoryQuantity)throw TypeError(`Requested Product quantity is unavailable.`);return{productId:e.id,quantity:t.quantity}}function we(e,t){if(t.length===0)throw TypeError(`Lockerverse payment requires at least one Product.`);return t.map(t=>{let n=e.products.find(e=>e.slug===t.productSlug);if(!n)throw TypeError(`Product ${t.productSlug} is not available.`);return Ce(n,t)})}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 Ee(e,t,n){return e?.configuration===t&&e.selectionKey===n}function De({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`||Ee(S.current,m,g)||Ee(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))),r=await n.load(),i=we(r,_),a=await n.calculateTotal({...r.widget.fields.serviceFee?{includeServiceFee:!0}:{},items:i});e&&(x.current=void 0,S.current=t,b({catalog:r,checkoutItems:i,client:n,configuration:m,preparedCheckout:a,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,Ee(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 Oe(e){return new Intl.NumberFormat(`en-US`,{currency:`USD`,style:`currency`}).format(e/100)}function ke(e,t){return t.tipPercent===`custom`?ge(t.customTip):{cents:Math.round(e*Number(t.tipPercent)/100),success:!0}}const Ae=[{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 je(e,t){return e.trim().startsWith(`+`)?e:`${Ae.find(e=>e.value===t)?.callingCode??`+1`}${e}`}function Me(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 Ne(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 Pe(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 Fe(e,t,n,r){if(e.widget.fields.shipping)return n.shippingMatchesBilling?r:Pe(t,`shipping`)}function Ie({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 Le({catalog:e,confirmationToken:t,email:n,fieldValues:r,metadata:i,phone:a}){return{confirmationToken:t,customFieldAnswers:Me(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}:{}}}async function Re({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=ke(u.subtotalCents,a);if(!m.success)throw Error(m.message);let h=Ne(e,a,f,m.cents),g=await n.calculateTotal({...h,items:t});if(await r.update({amount:g.totalCents}),J(u,g,o))return{kind:`quote_changed`,quote:g};let _=await r.submit();if(_.error)throw Error(_.error.message);let v=await Pe(r,`billing`),y=await Fe(e,r,a,v),b=await d.createConfirmationToken({elements:r,params:Ie({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:Le({catalog:e,confirmationToken:b.confirmationToken.id,email:f,fieldValues:a,metadata:s,phone:p})},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 ze({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:f.totalCents,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 Be({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 Ve({onError:e,onReady:t,ready:r}){return _(`div`,{className:`lockerverse-payment__stripe-element`,"data-ready":r,children:[r?null:g(Be,{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 He({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(Be,{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 Ue({message:e}){return e?g(`p`,{className:`lockerverse-payment__field-message`,role:`alert`,children:e}):null}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 ${Oe(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:`Payment completed successfully.`}),i(`success`);try{e?.(a.payment)}catch{}}function Ke({email:e,emailErrorId:t,emailId:n,emailRef:r,errors:i,onEmailChange:a,onPhoneChange:o,onPhoneCountryChange:s,phone:c,phoneCountry:l,phoneEnabled:u,phoneErrorId:d,phoneId:f,phoneRef:p}){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`,onChange:e=>a(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,u?_(h,{children:[g(`label`,{htmlFor:f,children:`Phone`}),_(`div`,{className:`lockerverse-payment__phone-control`,children:[g(B,{ariaLabel:`Phone number country`,className:`lockerverse-payment__select--phone-country`,name:`phoneCountry`,onValueChange:s,options:Ae,value:l}),g(`input`,{"aria-describedby":i.phone?d:void 0,"aria-invalid":i.phone?`true`:void 0,autoComplete:`tel`,id:f,inputMode:`tel`,name:`phone`,onChange:e=>o(e.currentTarget.value),placeholder:`(201) 555-0123`,ref:p,type:`tel`,value:c})]}),i.phone?g(`p`,{className:`lockerverse-payment__field-message`,id:d,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,V]=p(!1),[H,U]=p({customFields:{},customTip:``,includeServiceFee:e.widget.fields.serviceFee,memberId:``,merchSize:`M`,promoCode:``,shippingMatchesBilling:!0,tipPercent:`10`}),[se,W]=p(h.totalCents),ce=f(null),le=f(null),G=f(null),ue=f(!1),K=r(),q=i(),J=`lockerverse-${l()}`,Y=`${J}-email`,de=`${Y}-error`,fe=`${J}-phone`,me=`${fe}-error`,he=`${J}-tip-error`,X=e.widget.fields.tipping?ke(h.subtotalCents,H):{cents:0,success:!0},Z=X.success?X.cents:null,ge=Z??0,_e=se-ge,ve=!e.widget.fields.shipping||H.shippingMatchesBilling||B;c(()=>{if(Z===null)return;let t=e.widget.fields.serviceFee&&H.includeServiceFee?h.serviceFeeCents||Math.round(h.subtotalCents*e.pricingPolicy.serviceFeeRateBasisPoints/1e4):0,n=h.totalCents-h.serviceFeeCents-h.tipCents+t+Z;W(n),K?.update({amount:n})},[e.widget.fields.serviceFee,e.widget.fields.tipping,K,H.includeServiceFee,H.tipPercent,H.customTip,Z,h.serviceFeeCents,h.tipCents,h.totalCents]),c(()=>{M&&G.current?.focus()},[M]),c(()=>{!(v&&q)||ue.current||(ue.current=!0,m(`submitting`),pe(n,v.paymentReference,q).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:`Payment completed successfully.`}),m(`success`);try{o?.(e.payment)}catch{}}))},[n,o,s,u,m,v,q]);function ye(e){E(t=>{let n={...t};return delete n[e],n})}function Q(e){U(e),k({}),j(void 0)}function Se(e){O(e),m(`error`)}async function Ce(r){r.preventDefault();let i=be({email:y,phone:je(x,C)},e.widget.fields.phone),c=xe(e.widget.customFields,H.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:ce,form:e,parsedTipSuccess:X.success,phoneRef:le,validationErrors:i.errors})});return}if(E({}),k({}),!(K&&q)){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 Re({catalog:e,checkoutItems:t,client:n,elements:K,email:y,fieldValues:H,locallyPreviewedTotalCents:se,metadata:a,onPaymentRecoveryChange:s,phone:je(x,C),quote:h,stripe:q}),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:G,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:Ce,children:[g(`div`,{"data-lockerverse-input-region":``,inert:M?!0:void 0,children:_(`fieldset`,{className:`lockerverse-payment__input-fieldset`,disabled:M,children:[g(re,{enabled:e.widget.fields.tipping,error:A,errorId:he,onChange:Q,values:H}),g(Ke,{email:y,emailErrorId:de,emailId:Y,emailRef:ce,errors:T,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:le}),g(Ve,{onError:Se,onReady:()=>ne(!0),ready:L}),g(He,{label:`Billing address`,mode:`billing`,onError:Se,onReady:()=>z(!0),ready:R}),e.widget.fields.shipping?_(`div`,{className:`lockerverse-payment__shipping`,children:[g(ie,{checked:H.shippingMatchesBilling,name:`shippingMatchesBilling`,onChange:e=>{Q({...H,shippingMatchesBilling:e}),e||V(!1)},children:`Shipping is same as billing information`}),H.shippingMatchesBilling?null:g(He,{label:`Shipping address`,mode:`shipping`,onError:Se,onReady:()=>V(!0),ready:B})]}):null,g(ae,{customFields:e.widget.customFields,errors:ee,fields:e.widget.fields,idPrefix:J,onChange:Q,values:H}),_(`div`,{className:`lockerverse-payment__actions`,children:[g(oe,{amountCents:h.serviceFeeCents||Math.round(h.subtotalCents*e.pricingPolicy.serviceFeeRateBasisPoints/1e4),enabled:e.widget.fields.serviceFee,onChange:Q,values:H}),g(`button`,{"aria-busy":M,"aria-label":`Process payment for ${Oe(se)} total`,disabled:M||!(L&&R&&ve),type:`submit`,children:M?`Processing…`:`Process Payment (${Oe(_e)})${ge>0?` + ${Oe(ge)} tip`:``}`})]})]})}),M?g(`p`,{className:`lockerverse-payment__payment-status`,ref:G,role:`status`,tabIndex:-1,children:`Processing payment…`}):null,g(Ue,{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}=De({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:V,preparedCheckout:H}=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(ze,{accentColor:x?.[`--lockerverse-accent`]??F?.accentColor??`#38d77a`,catalog:z,checkoutItems:B,client:V,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:H,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/pure/index.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 k,safeParse as A,strictObject as j,string as M,trim as N,union as P}from"valibot";const ee=/^#([\da-f]{3}|[\da-f]{6})$/i;function F(e){let t=ee.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 L(e){let t=F(e);if(!t)return;let n=I(t);return(n+.05)/.05>=1.05/(n+.05)?`#000`:`#fff`}const R=o(void 0);function te({children:e,container:t}){return g(R.Provider,{value:t,children:e})}function z(){return g(`svg`,{"aria-hidden":`true`,fill:`none`,viewBox:`0 0 16 16`,children:g(`path`,{d:`m4 6 4 4 4-4`})})}function B(){return g(`svg`,{"aria-hidden":`true`,fill:`none`,viewBox:`0 0 16 16`,children:g(`path`,{d:`m3 8 3 3 7-7`})})}function V({ariaDescribedBy:e,ariaLabel:t,ariaLabelledBy:n,className:r,id:i,invalid:a=!1,name:o,onValueChange:c,options:l,value:u}){let d=s(R),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(z,{})})]}),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(B,{})})]},e.value))})})})})]})})}const H=[`XS`,`S`,`M`,`L`,`XL`,`XXL`,`XXXL`],U=[`15`,`12`,`10`,`5`],W=[...U,`custom`];function ne({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=W.indexOf(t),r;switch(e.key){case`ArrowDown`:case`ArrowRight`:r=(n+1)%W.length;break;case`ArrowLeft`:case`ArrowUp`:r=(n-1+W.length)%W.length;break;case`Home`:r=0;break;case`End`:r=W.length-1;break;default:return}e.preventDefault();let i=W[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:[U.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 re({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 ie({customFields:e,errors:t,fields:n,idPrefix:r,onChange:i,values:a}){let o=e=>i({...a,...e});return _(`div`,{className:`lockerverse-payment__additional-fields`,children:[n.memberId?_(`label`,{children:[g(`span`,{children:`Member ID`}),g(`input`,{name:`memberId`,onChange:e=>o({memberId:e.currentTarget.value}),placeholder:`Optional`,value:a.memberId})]}):null,n.merchSize?_(`div`,{className:`lockerverse-payment__field`,children:[g(`span`,{id:`${r}-merch-size-label`,children:`Size`}),g(V,{ariaLabelledBy:`${r}-merch-size-label`,name:`merchSize`,onValueChange:e=>o({merchSize:e}),options:H.map(e=>({label:e,value:e})),value:a.merchSize})]}):null,n.promoCode?_(`label`,{children:[g(`span`,{children:`Promo code`}),g(`input`,{name:`promoCode`,onChange:e=>o({promoCode:e.currentTarget.value}),placeholder:`Optional`,value:a.promoCode})]}):null,e.map(e=>g(oe,{error:t[e.id],field:e,idPrefix:r,onChange:t=>o({customFields:{...a.customFields,[e.id]:t}}),value:a.customFields[e.id]},e.id))]})}function ae({amountCents:e,enabled:t,onChange:n,values:r}){return t?_(re,{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(M(),N(),w()),he=D(T(),k(),C(1)),X=D(b(P([j({amountCents:he,productSlug:me}),j({productSlug:me,quantity:he})])),S(1)),Z=D(M(),N(),O(/^(?:0|[1-9]\d*)(?:\.\d{1,2})?$/,`Enter a valid tip amount.`));function ge(e){let t=A(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=A(X,e);return t.success?{success:!0,value:t.output}:{message:`Lockerverse payment configuration is invalid.`,success:!1}}const ve=D(M(),N(),w(`Email is required.`),x(`Enter a valid email address.`)),ye=D(M(),N(),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=A(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`?A(D(b(M()),S(1,e)),i??[]):A(D(M(),N(),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}){return{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}:{}}}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(await r.update({amount:g.totalCents}),Y(u,g,o))return{kind:`quote_changed`,quote:g};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})},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:f.totalCents,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(Ge,{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 $(e,t){try{e?.(t)}catch{}}function He({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 Ue({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:`Payment completed successfully.`}),i(`success`);try{e?.(a.payment)}catch{}}function We({email:e,emailErrorId:t,emailId:n,emailRef:r,errors:i,onEmailChange:a,onPhoneChange:o,onPhoneCountryChange:s,phone:c,phoneCountry:l,phoneEnabled:u,phoneErrorId:d,phoneId:f,phoneRef:p}){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`,onChange:e=>a(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,u?_(h,{children:[g(`label`,{htmlFor:f,children:`Phone`}),_(`div`,{className:`lockerverse-payment__phone-control`,children:[g(V,{ariaLabel:`Phone number country`,className:`lockerverse-payment__select--phone-country`,name:`phoneCountry`,onValueChange:s,options:Oe,value:l}),g(`input`,{"aria-describedby":i.phone?d:void 0,"aria-invalid":i.phone?`true`:void 0,autoComplete:`tel`,id:f,inputMode:`tel`,name:`phone`,onChange:e=>o(e.currentTarget.value),placeholder:`(201) 555-0123`,ref:p,type:`tel`,value:c})]}),i.phone?g(`p`,{className:`lockerverse-payment__field-message`,id:d,children:i.phone}):null]}):null]})}function Ge({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(),[k,A]=p({}),[j,M]=p(),[N,P]=p(!1),[ee,F]=p(!!v),[I,L]=p(),[R,te]=p(!1),[z,B]=p(!1),[V,H]=p(!1),[U,W]=p({customFields:{},customTip:``,includeServiceFee:e.widget.fields.serviceFee,memberId:``,merchSize:`M`,promoCode:``,shippingMatchesBilling:!0,tipPercent:`10`}),[oe,G]=p(h.totalCents),se=f(null),ce=f(null),K=f(null),le=f(!1),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,U):{cents:0,success:!0},Z=X.success?X.cents:null,ge=Z??0,_e=oe-ge,ve=!e.widget.fields.shipping||U.shippingMatchesBilling||V;c(()=>{if(Z===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+Z;G(n),q?.update({amount:n})},[e.widget.fields.serviceFee,e.widget.fields.tipping,q,U.includeServiceFee,U.tipPercent,U.customTip,Z,h.serviceFeeCents,h.tipCents,h.totalCents]),c(()=>{N&&K.current?.focus()},[N]),c(()=>{!(v&&J)||le.current||(le.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.`),F(!1),m(`error`);return}if(e.kind===`unresolved`){L({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),L({kind:`success`,message:`Payment completed successfully.`}),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){W(e),A({}),M(void 0)}function Se(e){O(e),m(`error`)}async function Ce(r){r.preventDefault();let i=be({email:y,phone:ke(x,C)},e.widget.fields.phone),c=xe(e.widget.customFields,U.customFields);if(!(i.value&&X.success)||Object.keys(c).length>0){E(i.errors),A(c),M(X.success?void 0:X.message),m(`invalid`);let e=r.currentTarget;queueMicrotask(()=>{He({customFieldErrors:c,emailRef:se,form:e,parsedTipSuccess:X.success,phoneRef:ce,validationErrors:i.errors})});return}if(E({}),A({}),!(q&&J)){O(`Payment form is still loading.`),m(`error`);return}O(void 0),P(!0),m(`submitting`);try{Ue({onPaymentComplete:o,onPaymentRecoveryChange:s,onPaymentUncertain:u,onQuoteChange:d,onStateChange:m,result:await Ie({catalog:e,checkoutItems:t,client:n,elements:q,email:y,fieldValues:U,locallyPreviewedTotalCents:oe,metadata:a,onPaymentRecoveryChange:s,phone:ke(x,C),quote:h,stripe:J}),setDisplayedTotalCents:G,setPaymentError:O,setTerminalState:L})}catch(e){$(s,null),O(e instanceof Error?e.message:`Payment could not be completed.`),m(`error`)}finally{P(!1)}}return I?g(`p`,{className:`lockerverse-payment__payment-status`,ref:K,role:`status`,tabIndex:-1,children:I.message}):ee?g(`p`,{className:`lockerverse-payment__payment-status`,role:`status`,children:`Recovering payment…`}):_(`form`,{"aria-busy":N,className:`lockerverse-payment__form`,noValidate:!0,onSubmit:Ce,children:[g(`div`,{"data-lockerverse-input-region":``,inert:N?!0:void 0,children:_(`fieldset`,{className:`lockerverse-payment__input-fieldset`,disabled:N,children:[g(ne,{enabled:e.widget.fields.tipping,error:j,errorId:he,onChange:Q,values:U}),g(We,{email:y,emailErrorId:de,emailId:ue,emailRef:se,errors:T,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:ce}),g(ze,{onError:Se,onReady:()=>te(!0),ready:R}),g(Be,{label:`Billing address`,mode:`billing`,onError:Se,onReady:()=>B(!0),ready:z}),e.widget.fields.shipping?_(`div`,{className:`lockerverse-payment__shipping`,children:[g(re,{checked:U.shippingMatchesBilling,name:`shippingMatchesBilling`,onChange:e=>{Q({...U,shippingMatchesBilling:e}),e||H(!1)},children:`Shipping is same as billing information`}),U.shippingMatchesBilling?null:g(Be,{label:`Shipping address`,mode:`shipping`,onError:Se,onReady:()=>H(!0),ready:V})]}):null,g(ie,{customFields:e.widget.customFields,errors:k,fields:e.widget.fields,idPrefix:Y,onChange:Q,values:U}),_(`div`,{className:`lockerverse-payment__actions`,children:[g(ae,{amountCents:h.serviceFeeCents||Math.round(h.subtotalCents*e.pricingPolicy.serviceFeeRateBasisPoints/1e4),enabled:e.widget.fields.serviceFee,onChange:Q,values:U}),g(`button`,{"aria-busy":N,"aria-label":`Process payment for ${Ee(oe)} total`,disabled:N||!(R&&z&&ve),type:`submit`,children:N?`Processing…`:`Process Payment (${Ee(_e)})${ge>0?` + ${Ee(ge)} tip`:``}`})]})]})}),N?g(`p`,{className:`lockerverse-payment__payment-status`,ref:K,role:`status`,tabIndex:-1,children:`Processing payment…`}):null,g(Ve,{message:D})]})}function Ke(){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 qe(){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(Ke,{}),g(Ke,{}),_(`div`,{className:`lockerverse-payment__skeleton-actions`,children:[g(`span`,{className:`lockerverse-payment__skeleton-check-line`}),g(`span`,{className:`lockerverse-payment__skeleton-button`})]})]})]})}function Je({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,k]=p(),[A,j]=p(`idle`),{retryCheckout:M,selectionError:N,session:P,updateCheckout:ee}=Te({apiBaseUrl:e,communitySlug:r,environment:i,fetch:o,onError:l,paymentState:A,requestTimeoutMs:h,selection:y,sentryDsn:b,widgetSlug:w});c(()=>{P.phase===`loading`&&k(void 0)},[P.phase]),c(()=>{P.phase===`ready`&&j(e=>e===`success`||e===`unresolved`?e:`idle`)},[P.phase,P.revision]);let F=[`lockerverse-payment`,n].filter(Boolean).join(` `),I=t??(P.phase===`ready`?P.catalog.community:null),R=L(x?.[`--lockerverse-accent`]??I?.accentColor??`#38d77a`),z={...x,...I?.accentColor&&x?.[`--lockerverse-accent`]===void 0?{"--lockerverse-accent":I.accentColor}:{},...R&&x?.[`--lockerverse-accent-contrast`]===void 0?{"--lockerverse-accent-contrast":R}:{}};if(N)return g(`section`,{...T,className:F,"data-lockerverse-theme":C,role:`alert`,style:z,children:N});if(P.phase===`error`)return _(`section`,{...T,className:F,"data-lockerverse-theme":C,style:z,children:[g(`p`,{role:`alert`,children:P.failure}),g(`button`,{onClick:M,type:`button`,children:`Retry`})]});if(P.phase!==`ready`)return g(`section`,{...T,"aria-busy":`true`,"aria-label":`Payment`,className:F,"data-lockerverse-theme":C,style:z,children:g(qe,{})});let{catalog:B,checkoutItems:V,client:H,preparedCheckout:U}=P;return _(`section`,{...T,"aria-label":`Payment`,className:F,"data-lockerverse-theme":C,"data-payment-state":A,ref:D,style:z,children:[_(`header`,{children:[B.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:B.widget.title??B.widget.name}),B.widget.description?g(`p`,{children:B.widget.description}):null]}),O?g(`p`,{className:`lockerverse-payment__payment-status`,role:`status`,children:O}):null,g(te,{container:D,children:g(Le,{accentColor:x?.[`--lockerverse-accent`]??I?.accentColor??`#38d77a`,catalog:B,checkoutItems:V,client:H,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)=>{k(t),ee(e)},onStateChange:j,quote:U,resumePayment:E,stripeLoader:S,theme:C,visualStyle:z})})]})}export{Je 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 values,\n}: {\n customFields: LockerverseCustomField[];\n errors: Record<string, string>;\n fields: LockerverseWidgetFields;\n idPrefix: string;\n onChange: (values: CheckoutFieldValues) => 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 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 LockerverseProduct,\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 buildCheckoutItem(\n product: LockerverseProduct,\n item: LockerversePaymentSelectionItem\n): LockerverseCheckoutItem {\n if (\"amountCents\" in item) {\n if (product.pricingMode !== \"custom\") {\n throw new TypeError(\"Fixed-price Products do not accept custom amounts.\");\n }\n if (\n product.minimumAmountCents !== null &&\n item.amountCents < product.minimumAmountCents\n ) {\n throw new TypeError(\n `Product amount must be at least ${product.minimumAmountCents} cents.`\n );\n }\n return { amountCents: item.amountCents, productId: product.id };\n }\n if (product.pricingMode !== \"fixed\") {\n throw new TypeError(\"Custom-amount Products do not accept quantities.\");\n }\n if (\n product.minimumQuantity !== null &&\n item.quantity < product.minimumQuantity\n ) {\n throw new TypeError(\n `Product quantity must be at least ${product.minimumQuantity}.`\n );\n }\n if (\n product.maximumQuantity !== null &&\n item.quantity > product.maximumQuantity\n ) {\n throw new TypeError(\n `Product quantity must not exceed ${product.maximumQuantity}.`\n );\n }\n if (\n product.inventoryQuantity !== null &&\n item.quantity > product.inventoryQuantity\n ) {\n throw new TypeError(\"Requested Product quantity is unavailable.\");\n }\n return { productId: product.id, quantity: item.quantity };\n}\n\nfunction buildCheckoutItems(\n catalog: LockerverseCatalog,\n selection: LockerversePaymentSelectionItem[]\n): LockerverseCheckoutItem[] {\n if (selection.length === 0) {\n throw new TypeError(\"Lockerverse payment requires at least one Product.\");\n }\n return selection.map((item) => {\n const product = catalog.products.find(\n (candidate) => candidate.slug === item.productSlug\n );\n if (!product) {\n throw new TypeError(`Product ${item.productSlug} is not available.`);\n }\n return buildCheckoutItem(product, item);\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 = await client.load();\n const checkoutItems = buildCheckoutItems(catalog, stableSelection);\n const preparedCheckout = await client.calculateTotal({\n ...(catalog.widget.fields.serviceFee\n ? { includeServiceFee: true }\n : {}),\n items: checkoutItems,\n });\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/pure\";\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}: {\n catalog: LockerverseCatalog;\n confirmationToken: string;\n email: string;\n fieldValues: CheckoutFieldValues;\n metadata: Record<string, string> | undefined;\n phone: string;\n}) {\n return {\n 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 };\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 await elements.update({ amount: currentQuote.totalCents });\n if (hasMaterialQuoteChange(quote, currentQuote, locallyPreviewedTotalCents)) {\n return { kind: \"quote_changed\" as const, quote: currentQuote };\n }\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 }),\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: quote.totalCents,\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\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: \"Payment completed successfully.\",\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 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 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 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 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 elements?.update({ amount: previewTotalCents });\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 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: \"Payment completed successfully.\",\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 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 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 <StripePaymentField\n onError={handleStripeLoadError}\n onReady={() => setIsPaymentReady(true)}\n ready={isPaymentReady}\n />\n <StripeAddressField\n label=\"Billing address\"\n mode=\"billing\"\n onError={handleStripeLoadError}\n onReady={() => setIsBillingAddressReady(true)}\n ready={isBillingAddressReady}\n />\n {catalog.widget.fields.shipping ? (\n <div className=\"lockerverse-payment__shipping\">\n <CheckoutToggle\n checked={fieldValues.shippingMatchesBilling}\n name=\"shippingMatchesBilling\"\n onChange={(shippingMatchesBilling) => {\n handleFieldValuesChange({\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={handleStripeLoadError}\n onReady={() => setIsShippingAddressReady(true)}\n ready={isShippingAddressReady}\n />\n )}\n </div>\n ) : null}\n <AdditionalCheckoutFields\n customFields={catalog.widget.customFields}\n errors={customFieldErrors}\n fields={catalog.widget.fields}\n idPrefix={idPrefix}\n onChange={handleFieldValuesChange}\n values={fieldValues}\n />\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={handleFieldValuesChange}\n values={fieldValues}\n />\n <button\n aria-busy={isSubmitting}\n aria-label={`Process payment for ${formatMoney(displayedTotalCents)} total`}\n disabled={\n isSubmitting ||\n !(\n isPaymentReady &&\n isBillingAddressReady &&\n isRequiredShippingReady\n )\n }\n type=\"submit\"\n >\n {isSubmitting\n ? \"Processing…\"\n : `Process Payment (${formatMoney(displayedBaseCents)})${\n displayedTipCents > 0\n ? ` + ${formatMoney(displayedTipCents)} tip`\n : \"\"\n }`}\n </button>\n </div>\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 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 onChange,\n values,\n}: {\n customFields: LockerverseCustomField[];\n errors: Record<string, string>;\n fields: LockerverseWidgetFields;\n idPrefix: string;\n onChange: (values: CheckoutFieldValues) => 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 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/pure\";\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}: {\n catalog: LockerverseCatalog;\n confirmationToken: string;\n email: string;\n fieldValues: CheckoutFieldValues;\n metadata: Record<string, string> | undefined;\n phone: string;\n}) {\n return {\n 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 };\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 await elements.update({ amount: currentQuote.totalCents });\n if (hasMaterialQuoteChange(quote, currentQuote, locallyPreviewedTotalCents)) {\n return { kind: \"quote_changed\" as const, quote: currentQuote };\n }\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 }),\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: quote.totalCents,\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\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: \"Payment completed successfully.\",\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 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 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 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 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 elements?.update({ amount: previewTotalCents });\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 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: \"Payment completed successfully.\",\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 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 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 <StripePaymentField\n onError={handleStripeLoadError}\n onReady={() => setIsPaymentReady(true)}\n ready={isPaymentReady}\n />\n <StripeAddressField\n label=\"Billing address\"\n mode=\"billing\"\n onError={handleStripeLoadError}\n onReady={() => setIsBillingAddressReady(true)}\n ready={isBillingAddressReady}\n />\n {catalog.widget.fields.shipping ? (\n <div className=\"lockerverse-payment__shipping\">\n <CheckoutToggle\n checked={fieldValues.shippingMatchesBilling}\n name=\"shippingMatchesBilling\"\n onChange={(shippingMatchesBilling) => {\n handleFieldValuesChange({\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={handleStripeLoadError}\n onReady={() => setIsShippingAddressReady(true)}\n ready={isShippingAddressReady}\n />\n )}\n </div>\n ) : null}\n <AdditionalCheckoutFields\n customFields={catalog.widget.customFields}\n errors={customFieldErrors}\n fields={catalog.widget.fields}\n idPrefix={idPrefix}\n onChange={handleFieldValuesChange}\n values={fieldValues}\n />\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={handleFieldValuesChange}\n values={fieldValues}\n />\n <button\n aria-busy={isSubmitting}\n aria-label={`Process payment for ${formatMoney(displayedTotalCents)} total`}\n disabled={\n isSubmitting ||\n !(\n isPaymentReady &&\n isBillingAddressReady &&\n isRequiredShippingReady\n )\n }\n type=\"submit\"\n >\n {isSubmitting\n ? \"Processing…\"\n : `Process Payment (${formatMoney(displayedBaseCents)})${\n displayedTipCents > 0\n ? ` + ${formatMoney(displayedTipCents)} tip`\n : \"\"\n }`}\n </button>\n </div>\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 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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lockerverse/react",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.45",
|
|
4
4
|
"description": "React payment UI for Lockerverse",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@base-ui/react": "1.6.0",
|
|
33
33
|
"valibot": "1.4.2",
|
|
34
|
-
"@lockerverse/sdk": "0.2.
|
|
34
|
+
"@lockerverse/sdk": "0.2.45"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@size-limit/file": "13.0.3",
|