efficient-storefront-blocks 0.74.0 → 0.76.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "efficient-storefront-blocks",
-  "version": "0.74.0",
+  "version": "0.76.0",
   "description": "The EFFICIENT storefront's website editor — the website builder assembled with the storefront's own sections — for an app that edits a storefront website inside its own page. Built from the efficient-storefront-blocks repository.",
   "license": "UNLICENSED",
   "author": "Efficient Pty Ltd",
@@ -82,12 +82,15 @@
     "CHANGELOG.md",
     "LICENSE"
   ],
+  "dependencies": {
+    "qrcode": "^1.5.4"
+  },
   "peerDependencies": {
     "@stripe/react-stripe-js": "^6.7.0",
     "@stripe/stripe-js": "^9.9.0",
-    "efficient-easel": "^23.1.0",
-    "efficient-shell": "^10.13.0",
-    "efficient-web-builder": "^44.0.0",
+    "efficient-easel": "^26.1.0",
+    "efficient-shell": "^11.8.0",
+    "efficient-web-builder": "^46.0.0",
     "next": ">=16",
     "react": ">=19",
     "react-dom": ">=19"

package/dist/chunks/EditorPreviewCheckout-YQ3F5MSG.js

@@ -1,4 +0,0 @@
-"use client";import{$ as Ht,K as _t,L as Dt,M as Mt,N as Ut,O as Wt,P as ae,R as Le,S as $t,T as Kt,U as We,V as Yt,X as rt,Z as zt,_ as Bt,a as Tt,b as qt,c as jt,d as Ft,ea as Gt,ja as Vt,ka as Jt,na as at,pa as H,w as Ue}from"./chunk-BZDVZUF4.js";import{i as Ae,o as xe,v as _}from"./chunk-QJDTP7K6.js";import{Aa as Lt,a as At,c as re}from"./chunk-UJW4B64R.js";import{k as Ot,l as Ie,m as Z}from"./chunk-5OFEWRWI.js";import{a as nt,b as Rr}from"./chunk-Y6SLVHK3.js";var Zt=nt((Ia,Xt)=>{"use strict";var Ir="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";Xt.exports=Ir});var nn=nt((Aa,tn)=>{"use strict";var Ar=Zt();function Qt(){}function en(){}en.resetWarningCache=Qt;tn.exports=function(){function e(r,a,o,c,p,u){if(u!==Ar){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}e.isRequired=e;function t(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:en,resetWarningCache:Qt};return n.PropTypes=n,n}});var an=nt((Ta,rn)=>{"use strict";rn.exports=nn()();var La,Oa});import{useEffect as tr,useMemo as Zn,useRef as qe,useState as ye}from"react";var A=Rr(an(),1);import P from"react";function on(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function Lr(e){if(Array.isArray(e))return e}function pn(e,t,n){return(t=_r(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Or(e,t){var n=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(n!=null){var r,a,o,c,p=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,t!==0)for(;!(u=(r=o.call(n)).done)&&(p.push(r.value),p.length!==t);u=!0);}catch(d){s=!0,a=d}finally{try{if(!u&&n.return!=null&&(c=n.return(),Object(c)!==c))return}finally{if(s)throw a}}return p}}function Tr(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function sn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),n.push.apply(n,r)}return n}function cn(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]!=null?arguments[t]:{};t%2?sn(Object(n),!0).forEach(function(r){pn(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):sn(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}function qr(e,t){if(e==null)return{};var n,r,a=jr(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)===-1&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function jr(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.indexOf(r)!==-1)continue;n[r]=e[r]}return n}function dn(e,t){return Lr(e)||Or(e,t)||Dr(e,t)||Tr()}function Fr(e,t){if(typeof e!="object"||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function _r(e){var t=Fr(e,"string");return typeof t=="symbol"?t:t+""}function ot(e){"@babel/helpers - typeof";return ot=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ot(e)}function Dr(e,t){if(e){if(typeof e=="string")return on(e,t);var n={}.toString.call(e).slice(8,-1);return n==="Object"&&e.constructor&&(n=e.constructor.name),n==="Map"||n==="Set"?Array.from(e):n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?on(e,t):void 0}}var D=function(t,n,r){var a=!!r,o=P.useRef(r);P.useEffect(function(){o.current=r},[r]),P.useEffect(function(){if(!a||!t)return function(){};var c=function(){if(o.current)return o.current.apply(o,arguments)};return t.on(n,c),function(){t.off(n,c)}},[a,n,t,o])},it=function(t){var n=P.useRef(t);return P.useEffect(function(){n.current=t},[t]),n.current},Ce=function(t){return t!==null&&ot(t)==="object"},Mr=function(t){return Ce(t)&&typeof t.then=="function"},Ur=function(t){return Ce(t)&&typeof t.elements=="function"&&typeof t.createToken=="function"&&typeof t.createPaymentMethod=="function"&&typeof t.confirmCardPayment=="function"},ln="[object Object]",Wr=function e(t,n){if(t===n)return!0;if(!Ce(t)||!Ce(n))return t===n;var r=Array.isArray(t),a=Array.isArray(n);if(r!==a)return!1;var o=Object.prototype.toString.call(t)===ln,c=Object.prototype.toString.call(n)===ln;if(o!==c)return!1;if(!o&&!r)return t===n;var p=Object.keys(t),u=Object.keys(n);if(p.length!==u.length)return!1;for(var s={},d=0;d<p.length;d+=1)s[p[d]]=!0;for(var f=0;f<u.length;f+=1)s[u[f]]=!0;var k=Object.keys(s);if(k.length!==p.length)return!1;var m=t,I=n,b=function(V){return e(m[V],I[V])};return k.every(b)},mn=function(t,n,r){return Ce(t)?Object.keys(t).reduce(function(a,o){var c=!Ce(n)||!Wr(t[o],n[o]);return r.includes(o)?(c&&console.warn("Unsupported prop change: options.".concat(o," is not a mutable property.")),a):c?cn(cn({},a||{}),{},pn({},o,t[o])):a},null):null},fn="Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.",un=function(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:fn;if(t===null||Ur(t))return t;throw new Error(n)},$r=function(t){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:fn;if(Mr(t))return{tag:"async",stripePromise:Promise.resolve(t).then(function(a){return un(a,n)})};var r=un(t,n);return r===null?{tag:"empty"}:{tag:"sync",stripe:r}},Kr=function(t){!t||!t._registerWrapper||!t.registerAppInfo||(t._registerWrapper({name:"react-stripe-js",version:"6.12.0"}),t.registerAppInfo({name:"react-stripe-js",version:"6.12.0",url:"https://stripe.com/docs/stripe-js/react"}))},$e=P.createContext(null);$e.displayName="ElementsContext";var gn=function(t,n){if(!t)throw new Error("Could not find Elements context; You need to wrap the part of your app that ".concat(n," in an <Elements> provider."));return t},ct=function(t){var n=t.stripe,r=t.options,a=t.children,o=P.useMemo(function(){return $r(n)},[n]),c=P.useState(function(){return{stripe:o.tag==="sync"?o.stripe:null,elements:o.tag==="sync"?o.stripe.elements(r):null}}),p=dn(c,2),u=p[0],s=p[1];P.useEffect(function(){var k=!0,m=function(b){s(function(w){return w.stripe?w:{stripe:b,elements:b.elements(r)}})};return o.tag==="async"&&!u.stripe?o.stripePromise.then(function(I){I&&k&&m(I)}):o.tag==="sync"&&!u.stripe&&m(o.stripe),function(){k=!1}},[o,u,r]);var d=it(n);P.useEffect(function(){d!==null&&d!==n&&console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.")},[d,n]);var f=it(r);return P.useEffect(function(){if(u.elements){var k=mn(r,f,["clientSecret","fonts"]);k&&u.elements.update(k)}},[r,f,u.elements]),P.useEffect(function(){Kr(u.stripe)},[u.stripe]),P.createElement($e.Provider,{value:u},a)};ct.propTypes={stripe:A.default.any,options:A.default.object};var yn=function(t){var n=P.useContext($e);return gn(n,t)},hn=function(){var t=yn("calls useElements()"),n=t.elements;return n},Yr=function(t){var n=t.children,r=yn("mounts <ElementsConsumer>");return n(r)};Yr.propTypes={children:A.default.func.isRequired};var zr=P.createContext(null);zr.displayName="CheckoutContext";var vn=P.createContext(null);vn.displayName="CheckoutSdkContext";var st=function(t){var n=P.useContext(vn),r=P.useContext($e);if(n){if(r)throw new Error("You cannot wrap the part of your app that ".concat(t," in both a checkout provider and <Elements> provider."));return n}else return gn(r,t)},Br=["mode"],Hr=function(t){return t.charAt(0).toUpperCase()+t.slice(1)},L=function(t,n,r){var a="".concat(Hr(t),"Element"),o=function(s){var d=s.id,f=s.className,k=s.options,m=k===void 0?{}:k,I=s.onBlur,b=s.onFocus,w=s.onReady,V=s.onChange,N=s.onEscape,T=s.onClick,M=s.onLoadError,z=s.onLoaderStart,J=s.onNetworksChange,U=s.onConfirm,ee=s.onCancel,he=s.onShippingAddressChange,te=s.onShippingRateChange,ve=s.onSavedPaymentMethodRemove,ue=s.onSavedPaymentMethodUpdate,g=s.onAvailablePaymentMethodsChange,ie=st("mounts <".concat(a,">")),se="elements"in ie?ie.elements:null,B="checkoutSdk"in ie?ie.checkoutSdk:null,Se=P.useState(null),be=dn(Se,2),q=be[0],Pe=be[1],W=P.useRef(null),pe=P.useRef(null);D(q,"blur",I),D(q,"focus",b),D(q,"escape",N),D(q,"click",T),D(q,"loaderror",M),D(q,"loaderstart",z),D(q,"networkschange",J),D(q,"confirm",U),D(q,"cancel",ee),D(q,"shippingaddresschange",he),D(q,"shippingratechange",te),D(q,"savedpaymentmethodremove",ve),D(q,"savedpaymentmethodupdate",ue),D(q,"availablepaymentmethodschange",g),D(q,"change",V);var de;w&&(t==="expressCheckout"?de=w:de=function(){w(q)}),D(q,"ready",de),P.useLayoutEffect(function(){if(W.current===null&&pe.current!==null&&(se||B)){var E=null;if(B){var $=B,we=B;switch(t){case"paymentForm":E=we.createForm(m);break;case"payment":E=$.createPaymentElement(m);break;case"address":if("mode"in m){var me=m.mode,Ne=qr(m,Br);if(me==="shipping")E=$.createShippingAddressElement(Ne);else if(me==="billing")E=$.createBillingAddressElement(Ne);else throw new Error("Invalid options.mode. mode must be 'billing' or 'shipping'.")}else throw new Error("You must supply options.mode. mode must be 'billing' or 'shipping'.");break;case"expressCheckout":E=$.createExpressCheckoutElement(m);break;case"currencySelector":E=B.createCurrencySelectorElement();break;case"taxId":E=$.createTaxIdElement(m);break;case"contactDetails":E=$.createContactDetailsElement();break;case"linkSignup":if("createLinkSignupElement"in B)E=B.createLinkSignupElement(m);else throw new Error("<LinkSignupElement> requires <CheckoutElementsProvider> and is not supported inside <CheckoutFormProvider>.");break;case"terms":E=$.createTermsElement(m);break;default:throw new Error("<".concat(a,"> is not supported inside a checkout provider. Use an <Elements> provider instead."))}}else se&&(E=se.create(t,m));W.current=E,Pe(E),E&&E.mount(pe.current)}},[se,B,m]);var j=it(m);return P.useEffect(function(){if(W.current){var E=mn(m,j,["paymentRequest"]);E&&"update"in W.current&&W.current.update(E)}},[m,j]),P.useLayoutEffect(function(){return function(){if(W.current&&typeof W.current.destroy=="function")try{W.current.destroy(),W.current=null}catch{}}},[]),P.createElement("div",{id:d,className:f,ref:pe})},c=function(s){st("mounts <".concat(a,">"));var d=s.id,f=s.className;return P.createElement("div",{id:d,className:f})},p=n?c:o;return p.propTypes={id:A.default.string,className:A.default.string,onChange:A.default.func,onBlur:A.default.func,onFocus:A.default.func,onReady:A.default.func,onEscape:A.default.func,onClick:A.default.func,onLoadError:A.default.func,onLoaderStart:A.default.func,onNetworksChange:A.default.func,onConfirm:A.default.func,onCancel:A.default.func,onShippingAddressChange:A.default.func,onShippingRateChange:A.default.func,onSavedPaymentMethodRemove:A.default.func,onSavedPaymentMethodUpdate:A.default.func,onAvailablePaymentMethodsChange:A.default.func,options:A.default.object},p.displayName=a,p.__elementType=t,p},O=typeof window>"u",Gr=P.createContext(null);Gr.displayName="EmbeddedCheckoutProviderContext";var bn=function(){var t=st("calls useStripe()"),n=t.stripe;return n},ja=L("auBankAccount",O),Fa=L("card",O),_a=L("cardNumber",O),Da=L("cardExpiry",O),Ma=L("cardCvc",O),Ua=L("currencySelector",O),Wa=L("iban",O),xn=L("payment",O),$a=L("expressCheckout",O),Ka=L("paymentRequestButton",O),Ya=L("linkAuthentication",O),za=L("linkSignup",O),Ba=L("contactDetails",O),Ha=L("address",O),Ga=L("shippingAddress",O),Va=L("paymentMethodMessaging",O),Ja=L("taxId",O),Xa=L("issuingCardNumberDisplay",O),Za=L("issuingCardCvcDisplay",O),Qa=L("issuingCardExpiryDisplay",O),eo=L("issuingCardPinDisplay",O),to=L("issuingCardCopyButton",O),no=L("terms",O);function ze(e){"@babel/helpers - typeof";return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?ze=function(t){return typeof t}:ze=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},ze(e)}var Sn="dahlia",Vr=function(t){return t===3?"v3":t},Pn="https://js.stripe.com",Jr="".concat(Pn,"/").concat(Sn,"/stripe.js"),Xr=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,Zr=/^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/,Cn="loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used",Qr=function(t){return Xr.test(t)||Zr.test(t)},ea=function(){for(var t=document.querySelectorAll('script[src^="'.concat(Pn,'"]')),n=0;n<t.length;n++){var r=t[n];if(Qr(r.src))return r}return null},kn=function(t){var n=t&&!t.advancedFraudSignals?"?advancedFraudSignals=false":"",r=document.createElement("script");r.src="".concat(Jr).concat(n);var a=document.head||document.body;if(!a)throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");return a.appendChild(r),r},ta=function(t,n){!t||!t._registerWrapper||t._registerWrapper({name:"stripe-js",version:"9.17.0",startTime:n})},Oe=null,Ke=null,Ye=null,na=function(t){return function(n){t(new Error("Failed to load Stripe.js",{cause:n}))}},ra=function(t,n){return function(){window.Stripe?t(window.Stripe):n(new Error("Stripe.js not available"))}},aa=function(t){return Oe!==null?Oe:(Oe=new Promise(function(n,r){if(typeof window>"u"||typeof document>"u"){n(null);return}if(window.Stripe&&t&&console.warn(Cn),window.Stripe){n(window.Stripe);return}try{var a=ea();if(a&&t)console.warn(Cn);else if(!a)a=kn(t);else if(a&&Ye!==null&&Ke!==null){var o;a.removeEventListener("load",Ye),a.removeEventListener("error",Ke),(o=a.parentNode)===null||o===void 0||o.removeChild(a),a=kn(t)}Ye=ra(n,r),Ke=na(r),a.addEventListener("load",Ye),a.addEventListener("error",Ke)}catch(c){r(c);return}}),Oe.catch(function(n){return Oe=null,Promise.reject(n)}))},oa=function(t,n,r){if(t===null)return null;var a=n[0];if(typeof a!="string")throw new Error("Expected publishable key to be of type string, got type ".concat(ze(a)," instead."));var o=a.match(/^pk_test/),c=Vr(t.version),p=Sn;o&&c!==p&&console.warn("Stripe.js@".concat(c," was loaded on the page, but @stripe/stripe-js@").concat("9.17.0"," expected Stripe.js@").concat(p,". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));var u=t.apply(void 0,n);return ta(u,r),u},Te,wn=!1,Nn=function(){return Te||(Te=aa(null).catch(function(t){return Te=null,Promise.reject(t)}),Te)};Promise.resolve().then(function(){return Nn()}).catch(function(e){wn||console.warn(e)});var En=function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];wn=!0;var a=Date.now();return Nn().then(function(o){return oa(o,n,a)})};import{createContext as ga,useContext as ya,useEffect as Y,useMemo as Mn,useRef as Un,useState as y}from"react";var ia="sf:gclid",sa="sf:fbclid",ca=2160*60*60*1e3;function An(){return typeof window<"u"}function Rn(e){let t=Ie.getItem(e);if(!t)return"";try{let{v:n,t:r}=JSON.parse(t);return!n||typeof r!="number"||Date.now()-r>ca?"":n}catch{return""}}function In(e){if(!An())return"";let t=e.replace(/([.$?*|{}()[\]\\/+^])/g,"\\$1"),n=document.cookie.match(new RegExp(`(?:^|; )${t}=([^;]*)`));return n?decodeURIComponent(n[1]):""}function Ln(){if(!An())return{};let e=Rn(ia),t=Rn(sa),n=In("_fbp"),r=In("_fbc");!r&&t&&(r=`fb.1.${Date.now()}.${t}`);let a={};return e&&(a.gclid=e),t&&(a.fbclid=t),n&&(a.fbp=n),r&&(a.fbc=r),a}var On="sf:meta-purchases",la=20;function qn(){return typeof window>"u"||window.parent!==window}function ua(...e){try{if(qn()||typeof window.fbq!="function")return;window.fbq(...e)}catch{}}var Tn=new Set;function pa(e){if(Tn.has(e))return!1;Tn.add(e);try{let t=JSON.parse(Ie.getItem(On)??"[]");if(t.includes(e))return!1;Ie.setItem(On,JSON.stringify([...t,e].slice(-la)))}catch{}return!0}function da(e){return[...new Set(e.filter(Le).flatMap(t=>t.components.map(n=>n.partNumber)))]}function jn(e){let t=e.confirmation;qn()||!pa(t.orderNumber)||ua("track","Purchase",{value:Number(t.grandTotal),currency:t.currency,content_type:"product",content_ids:da(e.lines)},{eventID:t.orderNumber})}var lt="checkout-afterpay-context",Be="checkout-gocardless-context",ut="checkout-zip-context",He="checkout-klarna-context";function ma({evidence:e,parked:t}){return e?{action:"capture",evidence:e,parked:t}:t?{action:"settle",parked:t}:{action:"ignore"}}function fa(e,t){let n=e.getItem(t);if(e.removeItem(t),!n)return null;try{return JSON.parse(n)}catch{return null}}var Fn={name:"Afterpay",legParam:"afterpay",legValues:["confirm","cancel"],storageKey:lt,evidenceFrom(e,t){return t==="cancel"||(e.get("status")??"").toUpperCase()==="CANCELLED"?null:e.get("orderToken")},requestFrom:e=>({token:e})},_n={name:"Zip",legParam:"zip",legValues:["return"],storageKey:ut,evidenceFrom(e){let t=(e.get("result")??"").toLowerCase();return t==="cancelled"||t==="declined"?null:e.get("checkoutId")},requestFrom:e=>({checkoutId:e})};async function pt(e,t){let n=new URLSearchParams(t.search),r=n.get(e.legParam);if(!r||!e.legValues.includes(r))return;let a=fa(t.storage,e.storageKey),o=e.evidenceFrom(n,r);t.scrubQuery();let c=ma({evidence:o,parked:a});if(c.action!=="ignore"){if(t.page.clearCart(),c.action==="settle"){t.page.note(`The ${e.name} payment was not completed \u2014 our team will follow up on payment.`),t.page.land(c.parked.confirmation);return}t.page.setConfirming(!0);try{let p=await t.capture(e.requestFrom(c.evidence));p.status==="paid"?t.page.markPaid():t.page.note(`${e.name} declined the payment \u2014 our team will follow up on payment.`),t.page.land(c.parked?.confirmation??p)}catch{c.parked?(t.page.note(`We could not confirm the ${e.name} payment \u2014 our team will follow up on payment.`),t.page.land(c.parked.confirmation)):t.page.fail(`We could not confirm your ${e.name} payment. Please contact us before trying again \u2014 your payment may already have been taken.`)}finally{t.page.setConfirming(!1)}}}function Dn(e,t,n){let r=(t??"").trim();if(!r)return"";if(n.length===0)return r;let a=r.toUpperCase(),o=`${e.toUpperCase()}-${a}`,c=n.find(p=>p.code&&p.code.toUpperCase()===a)??n.find(p=>p.code&&p.code.toUpperCase()===o)??n.find(p=>p.name.toUpperCase()===a);return c?c.code||c.name:""}import{jsx as oe}from"react/jsx-runtime";function Wn(e){let t=e.indexOf(`
-`);return t===-1?[e,""]:[e.slice(0,t),e.slice(t+1)]}function $n(e,{canParkContext:t}={canParkContext:!0}){let n=e.paymentMethods,r=[];return n.includes("card")&&r.push({key:"card",title:"Card",body:null,price:oe("span",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-accent",children:"VISA \xB7 MC \xB7 AMEX"})}),n.includes("paypal")&&e.paypalClientId&&r.push({key:"paypal",title:"PayPal",body:null,price:oe("span",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-accent",children:"PAYPAL \xB7 CARDS"})}),n.includes("afterpay")&&r.push({key:"afterpay",title:"Afterpay",body:null,price:oe("span",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-accent",children:"4 \xD7 INTEREST-FREE"})}),n.includes("square")&&e.squareApplicationId&&e.squareLocationId&&r.push({key:"square",title:"Card (Square)",body:null,price:oe("span",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-accent",children:"VISA \xB7 MC \xB7 AMEX"})}),n.includes("gocardless")&&t&&r.push({key:"gocardless",title:"Bank Direct Debit",body:null,price:oe("span",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-accent",children:"PAY BY BANK"})}),n.includes("zip")&&r.push({key:"zip",title:"Zip",body:null,price:oe("span",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-accent",children:"PAY IN 4"})}),n.includes("klarna")&&t&&r.push({key:"klarna",title:"Klarna",body:null,price:oe("span",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-accent",children:"PAY LATER"})}),r.push({key:"bank",title:"Bank transfer",body:null,price:oe("span",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:"Invoiced"})}),r}function ha({site:e,logo:t,preview:n=!1}){let{items:r,totals:a,coupon:o,refuseCoupon:c,deliveryOptions:p,shippingMethodId:u,setShippingMethodId:s,setQuoteDestination:d,identify:f,clearCapturedCart:k}=We(),m=p.find(x=>x.id===u)?.pickupLocation??null,{country:I,countries:b,activeCountry:w,formatMoney:V}=ae(),[N,T]=y(()=>$n(e)[0].key),[M,z]=y(!0);Y(()=>{z(Ot(Z))},[]);let[J,U]=y(!1),[ee,he]=y(""),[te,ve]=y(""),[ue,g]=y(""),[ie,se]=y(""),[B,Se]=y(""),[be,q]=y(""),[Pe,W]=y(""),[pe,de]=y(""),[j,E]=y(()=>I||b[0]?.code||""),[$,we]=y(""),[me,Ne]=y([]),[gt,Xe]=y(null),[je,Fe]=y(null),yt=Mn(()=>b.find(x=>x.code===j)??w,[b,j,w]),nr=yt?.postalLabel||"Postal Code",rr=me[0]?.divisionType||"State / Province";Y(()=>{if(!j){Ne([]),Xe(j);return}Xe(null);let x=!1;return _.listCountrySubdivisions(j).then(C=>{x||(Ne(C),Xe(j),we(""))}),()=>{x=!0}},[j]),Y(()=>{d(j?{country:j,subdivision:$}:null)},[j,$,d]),Y(()=>()=>d(null),[d]);let[Ze,ht]=y(null),[ar,vt]=y([]),[bt,Qe]=y("new"),[xt,Ct]=y(!1),[kt,or]=y("Home"),[ir,St]=y(null),[X]=y(()=>Jt()),[sr,fe]=y(null),[cr,Ee]=y(null),[lr,ur]=y(null),[pr,dr]=y(!1),[mr,fr]=y(!1),[gr,et]=y(null),[yr,_e]=y(!1),[hr,ne]=y(null),[vr,br]=y(!1),[xr,Pt]=y(!1),[Cr,kr]=y(!1),[Sr,wt]=y(!1),Nt=Un(!1);Y(()=>{n||Nt.current||!r.some(Le)||(Nt.current=!0,_t({lines:r,currency:a.currency,value:a.subtotal-a.discount,coupon:o?.valid?o.code:void 0}))},[r,a,o,n]),Y(()=>{f(ee,te.trim()||void 0)},[ee,te,f]);let Et=Un(null),[De,Pr]=y(null);Y(()=>{let x=Et.current;if(!De||!x)return;let C=()=>x.style.setProperty("--sf-checkout-header-h",`${De.offsetHeight}px`);C();let S=new ResizeObserver(C);return S.observe(De),()=>S.disconnect()},[De]),Y(()=>{let x=S=>({setConfirming:S,land:fe,markPaid:()=>_e(!0),note:ne,fail:Ee,clearCart:k}),C={search:window.location.search,storage:Z,scrubQuery:()=>window.history.replaceState(null,"",window.location.pathname)};pt(Fn,{...C,capture:_.captureAfterpayPayment,page:x(br)}),pt(_n,{...C,capture:_.captureZipPayment,page:x(kr)})},[]),Y(()=>{let C=new URLSearchParams(window.location.search).get("gocardless");if(C!=="confirm"&&C!=="cancel")return;let S=Z.getItem(Be);if(Z.removeItem(Be),window.history.replaceState(null,"",window.location.pathname),!S)return;let F;try{F=JSON.parse(S)}catch{return}if(k(),C==="cancel"){ne("The direct debit was not set up \u2014 our team will follow up on payment."),fe(F.confirmation);return}Pt(!0),_.completeGocardlessPayment({idempotencyKey:F.idempotencyKey}).then(R=>{R.status==="paid"?_e(!0):R.status==="declined"?ne("The direct debit was declined \u2014 our team will follow up on payment."):ne("Your direct debit is set up \u2014 the payment is collecting and will clear in a few days.")}).catch(()=>{ne("We could not confirm the direct debit \u2014 our team will follow up on payment.")}).finally(()=>{fe(F.confirmation),Pt(!1)})},[]),Y(()=>{let x=new URLSearchParams(window.location.search),C=x.get("klarna");if(C!=="confirm"&&C!=="cancel")return;let S=Z.getItem(He);Z.removeItem(He);let F=x.get("authorization_token");if(window.history.replaceState(null,"",window.location.pathname),!S)return;let R;try{R=JSON.parse(S)}catch{return}if(k(),C==="cancel"||!F){ne("The Klarna payment was not completed \u2014 our team will follow up on payment."),fe(R.confirmation);return}wt(!0),_.captureKlarnaPayment({idempotencyKey:R.idempotencyKey,authorizationToken:F}).then(K=>{K.status==="paid"?_e(!0):K.status==="declined"?ne("Klarna declined the payment \u2014 our team will follow up on payment."):ne("Your Klarna payment is being reviewed \u2014 we'll confirm the outcome shortly.")}).catch(()=>{ne("We could not confirm the Klarna payment \u2014 our team will follow up on payment.")}).finally(()=>{fe(R.confirmation),wt(!1)})},[]);function Rt(x){let[C,S]=Wn(x.address);se(C),Se(S),q(x.city),W(x.zip_code),x.country&&E(x.country),x.phone&&de(x.phone),Fe({country:x.country||null,state:x.state??""})}Y(()=>{if(je){if((je.country||j)!==j){Fe(null);return}gt===j&&(we(Dn(j,je.state,me)),Fe(null))}},[je,j,gt,me]),Y(()=>{let x=!1;return(async()=>{try{let[C,S,F]=await Promise.all([xe.me(),xe.myProfile().catch(()=>null),xe.myAddresses().catch(()=>[])]);if(x)return;ht(C);let R=F.filter(Re=>Re.is_active);vt(R),he(C.email);let K=(S?.contact_name??"").split(/\s+/);ve(C.first_name||K[0]||""),g(C.last_name||K.slice(1).join(" "));let Q=C.phone||S?.phone;Q&&de(Q);let tt=R.find(Re=>Re.id===C.default_delivery_location)??R[0];if(tt)Qe(tt.id),Rt(tt);else if(S){let[Re,Er]=Wn(S.address??"");se(Re),Se(Er),q(S.city??""),W(S.zip_code??""),S.country&&E(S.country),Fe({country:S.country||null,state:S.state??""})}}catch{}})(),()=>{x=!0}},[]);function wr(){xe.logout(),ht(null),vt([]),Qe("new"),Ct(!1)}let Me=Mn(()=>$n(e,{canParkContext:M}),[e,M]);Y(()=>{Me.some(x=>x.key===N)||T(Me[0].key)},[Me,N]);let It=B.trim()?`${ie}
-${B.trim()}`:ie;async function Nr(){if(n||J||r.length===0||a.repricing)return;let x=r.filter(Le).flatMap(C=>Ft(C.components,C.qty));if(x.length===0){Ee("Pick a size on each wheel's product page before checking out.");return}U(!0),Ee(null);try{let C=Ze?_.createOrderAuthed:_.createOrder,S=Vt(),F=await C({customer:{email:ee,name:`${te} ${ue}`.trim(),phone:pe.trim()||void 0,address:It,city:be,state:$||void 0,zipCode:Pe,country:j},items:x,currency:a.currency,idempotencyKey:X,shippingMethodId:u??void 0,couponCode:qt(o),...S==="denied"?{}:Ln(),...S?{adConsent:S}:{}});if(Dt({confirmation:F,lines:r,adsSendTo:e.googleAdsId&&e.googleAdsConversionLabel?`${e.googleAdsId}/${e.googleAdsConversionLabel}`:null}),jn({confirmation:F,lines:r}),k(),Ze&&xt&&bt==="new")try{await xe.createAddress({label:kt.trim()||"Home",contact_name:`${te} ${ue}`.trim(),phone:pe.trim(),address:It,city:be,zip_code:Pe,state:$,country:j}),St("Address saved to your account.")}catch{St("We couldn't save the address to your account \u2014 you can add it under Account \u2192 Addresses.")}if(N==="card"&&e.paymentMethods.includes("card")){let R=await _.createPaymentIntent({idempotencyKey:X});et(F),ur(R)}else if(N==="paypal"&&e.paymentMethods.includes("paypal"))et(F),dr(!0);else if(N==="afterpay"&&e.paymentMethods.includes("afterpay")){let R=window.location.origin,K=await _.createAfterpayCheckout({idempotencyKey:X,confirmUrl:`${R}/checkout?afterpay=confirm`,cancelUrl:`${R}/checkout?afterpay=cancel`}),Q={idempotencyKey:X,confirmation:F};Z.setItem(lt,JSON.stringify(Q)),window.location.assign(K.redirectCheckoutUrl);return}else if(N==="square"&&e.paymentMethods.includes("square"))et(F),fr(!0);else if(N==="gocardless"&&e.paymentMethods.includes("gocardless")){let R=window.location.origin,K=await _.createGocardlessBillingRequest({idempotencyKey:X,confirmUrl:`${R}/checkout?gocardless=confirm`,cancelUrl:`${R}/checkout?gocardless=cancel`}),Q={idempotencyKey:X,confirmation:F};Z.setItem(Be,JSON.stringify(Q)),window.location.assign(K.authorisationUrl);return}else if(N==="zip"&&e.paymentMethods.includes("zip")){let R=window.location.origin,K=await _.createZipCheckout({idempotencyKey:X,redirectUrl:`${R}/checkout?zip=return`}),Q={idempotencyKey:X,confirmation:F};Z.setItem(ut,JSON.stringify(Q)),window.location.assign(K.redirectUrl);return}else if(N==="klarna"&&e.paymentMethods.includes("klarna")){let R=window.location.origin,K=await _.createKlarnaCheckout({idempotencyKey:X,confirmUrl:`${R}/checkout?klarna=confirm`,cancelUrl:`${R}/checkout?klarna=cancel`}),Q={idempotencyKey:X,confirmation:F};Z.setItem(He,JSON.stringify(Q)),window.location.assign(K.redirectUrl);return}else fe(F)}catch(C){let S=jt(C);S?(c(S),Ee(`${S} Your order has not been placed. Place it again to continue without the code.`)):Ee(C instanceof Ae?C.message:"Could not place the order. Please try again."),U(!1)}}return{site:e,logo:t,items:r,totals:a,coupon:o,deliveryOptions:p,shippingMethodId:u,setShippingMethodId:s,pickupLocation:m,servedCountries:b,formatMoney:V,payChoice:N,setPayChoice:T,placing:J,email:ee,setEmail:he,firstName:te,setFirstName:ve,lastName:ue,setLastName:g,address1:ie,setAddress1:se,address2:B,setAddress2:Se,city:be,setCity:q,postcode:Pe,setPostcode:W,phone:pe,setPhone:de,country:j,setCountry:E,subdivision:$,setSubdivision:we,subdivisions:me,destination:yt,postcodeLabel:nr,subdivisionLabel:rr,me:Ze,savedAddresses:ar,selectedAddressId:bt,setSelectedAddressId:Qe,saveAddress:xt,setSaveAddress:Ct,saveLabel:kt,setSaveLabel:or,addressSaveNote:ir,idemKey:X,confirmation:sr,setConfirmation:fe,orderError:cr,payment:lr,paypalStep:pr,squareStep:mr,pendingConf:gr,paid:yr,setPaid:_e,payNote:hr,afterpayConfirming:vr,gocardlessConfirming:xr,zipConfirming:Cr,klarnaConfirming:Sr,checkoutRootRef:Et,setCheckoutHeaderEl:Pr,fillFromAddress:Rt,checkoutSignOut:wr,payOptions:Me,placeOrder:Nr}}var Kn=ga(null);function Yn({children:e,...t}){let n=ha(t);return oe(Kn.Provider,{value:n,children:e})}function ce(){let e=ya(Kn);if(!e)throw new Error("useCheckout must be used inside CheckoutStateProvider");return e}import{Fragment as ke,jsx as i,jsxs as h}from"react/jsx-runtime";function Bn(){let{email:e,setEmail:t,firstName:n,setFirstName:r,lastName:a,setLastName:o,me:c,checkoutSignOut:p}=ce();return h(Ve,{num:"N\xB0 01",title:"Contact",children:[i(H,{label:"Email",hint:c?h(ke,{children:["Signed in \xB7"," ",i("button",{type:"button",onClick:p,className:"underline transition-colors hover:text-accent",children:"Not you? Sign out"})]}):void 0,children:i("input",{type:"email",value:e,onChange:u=>t(u.target.value),placeholder:"you@example.com",readOnly:c!==null,className:G+(c?" opacity-70":"")})}),h(Xn,{children:[i(H,{label:"First name",children:i("input",{type:"text",value:n,onChange:u=>r(u.target.value),className:G})}),i(H,{label:"Last name",children:i("input",{type:"text",value:a,onChange:u=>o(u.target.value),className:G})})]})]})}function Hn(){let{pickupLocation:e,servedCountries:t,address1:n,setAddress1:r,address2:a,setAddress2:o,city:c,setCity:p,postcode:u,setPostcode:s,phone:d,setPhone:f,country:k,setCountry:m,subdivision:I,setSubdivision:b,subdivisions:w,destination:V,postcodeLabel:N,subdivisionLabel:T,me:M,savedAddresses:z,selectedAddressId:J,setSelectedAddressId:U,saveAddress:ee,setSaveAddress:he,saveLabel:te,setSaveLabel:ve,fillFromAddress:ue}=ce();return h(Ve,{num:"N\xB0 02",title:e?"Collection":"Shipping address",children:[e?h("div",{className:"grid gap-2 text-[14px] leading-[1.6]",children:[i("span",{className:"font-medium",children:e.name}),[e.address,e.city,e.state,e.zipCode,e.country].filter(Boolean).length>0&&i("span",{className:"opacity-80",children:[e.address,e.city,e.state,e.zipCode,e.country].filter(Boolean).join(", ")}),e.openingHours&&i("span",{className:"opacity-80",children:e.openingHours}),e.instructions&&i("span",{className:"opacity-80",children:e.instructions}),i("span",{className:"mt-1 font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim",children:"No delivery address needed"})]}):h(ke,{children:[M!==null&&z.length>0&&h("div",{className:"grid gap-3",children:[z.map(g=>i(Ge,{active:J===g.id,onClick:()=>{U(g.id),ue(g)},title:g.label,body:g.formatted_address,price:null},g.id)),i(Ge,{active:J==="new",onClick:()=>U("new"),title:"New address",body:null,price:null})]}),i(H,{label:"Address line 1",children:i("input",{type:"text",value:n,onChange:g=>r(g.target.value),className:G})}),i(H,{label:"Address line 2",children:i("input",{type:"text",value:a,onChange:g=>o(g.target.value),placeholder:"Apartment, unit, garage bay\u2026",className:G})}),h(Xn,{cols:"three",children:[i(H,{label:"City",children:i("input",{type:"text",value:c,onChange:g=>p(g.target.value),className:G})}),i(H,{label:N,children:i("input",{type:"text",value:u,onChange:g=>s(g.target.value),className:G})}),i(H,{label:"Country",separate:!0,children:i(at,{value:k,onChange:g=>m(g.target.value),className:G+" pr-10",style:zn,children:t.map(g=>i("option",{value:g.code,children:g.name},g.code))})})]}),i(H,{label:T,separate:!0,children:w.length>0?h(at,{value:I,onChange:g=>b(g.target.value),className:G+" pr-10",style:zn,children:[i("option",{value:"",children:"Select\u2026"}),w.map(g=>i("option",{value:g.code||g.name,children:g.name},g.code||g.name))]}):i("input",{type:"text",value:I,onChange:g=>b(g.target.value),className:G})})]}),i(H,{label:"Phone",children:i("input",{type:"tel",value:d,onChange:g=>f(g.target.value),placeholder:"+44 7700 900000",className:G})}),!e&&M!==null&&J==="new"&&h(ke,{children:[i(va,{checked:ee,onChange:he,label:"Save this address to my account"}),ee&&i(H,{label:"Address label",children:i("input",{type:"text",value:te,onChange:g=>ve(g.target.value),placeholder:"Home",className:G})})]})]})}function Gn(){let{totals:e,coupon:t,deliveryOptions:n,shippingMethodId:r,setShippingMethodId:a,pickupLocation:o,formatMoney:c,city:p,destination:u}=ce();return i(Ve,{num:"N\xB0 03",title:"Shipping",children:h("div",{className:"grid gap-3",children:[n.map(s=>{let d=s.pickupLocation,f=d?[d.address,d.city,d.state,d.zipCode].filter(Boolean).join(", "):null;return i(Ge,{active:r===s.id,onClick:()=>a(s.id),title:d?`${s.name} \u2014 ${d.name}`:s.name,body:d?[f,d.openingHours,d.instructions,s.description].filter(Boolean).join(" \xB7 "):s.description||null,price:e.freeShipping||s.amount===0?Ue:c(s.amount,e.currency),tag:s.tag||void 0},s.id)}),n.length===0&&i("p",{className:"font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim",children:"Shipping is arranged after your order is reviewed."})]})})}function Vn(){let{payChoice:e,setPayChoice:t,placing:n,payment:r,payOptions:a}=ce();return h(Ve,{num:"N\xB0 04",title:"Payment",children:[i("div",{className:"grid gap-3",children:a.map(o=>i(Ge,{active:e===o.key,onClick:()=>t(o.key),title:o.title,body:o.body,price:o.price,tag:o.tag},o.key))}),e==="card"?i("p",{className:"font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim",children:"You\u2019ll enter card details on the secure payment step after placing the order."}):e==="paypal"?i("p",{className:"font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim",children:"You\u2019ll approve the payment with PayPal on the payment step after placing the order."}):e==="afterpay"?i("p",{className:"font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim",children:"You\u2019ll be taken to Afterpay to approve four interest-free payments, then brought straight back."}):e==="square"?i("p",{className:"font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim",children:"You\u2019ll enter card details on the secure payment step after placing the order."}):e==="gocardless"?i("p",{className:"font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim",children:"You\u2019ll set up a bank direct debit with GoCardless, then be brought straight back. Direct debits clear in a few days."}):e==="zip"?i("p",{className:"font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim",children:"You\u2019ll be taken to Zip to approve four instalments, then brought straight back."}):e==="klarna"?i("p",{className:"font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim",children:"You\u2019ll be taken to Klarna to choose how to pay, then brought straight back."}):i("p",{className:"font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim",children:"Our team emails you the invoice and bank details after review."})]})}function Jn(){let{site:e,items:t,totals:n,coupon:r,formatMoney:a,payChoice:o,placing:c,email:p,orderError:u,payment:s,placeOrder:d}=ce();return h("aside",{className:"sticky top-[var(--sf-checkout-header-h,88px)] border border-line max-[1100px]:static",style:{background:"linear-gradient(180deg, color-mix(in oklab, var(--site-surface) 70%, var(--bg)) 0%, var(--bg) 100%)"},children:[h("header",{className:"flex items-center justify-between border-b border-accent bg-accent px-6 py-4 font-mono text-[13px] font-bold uppercase tracking-[0.28em] text-bg",children:[i("span",{children:"Your order"}),i(re,{href:"/wheels",className:"text-bg/80 transition-colors hover:text-bg",children:"Edit \u2197"})]}),i("div",{className:"flex flex-col px-6 py-2",children:t.length===0?h("div",{className:"py-8 text-center font-serif text-[16px] italic leading-[1.5] text-fg-dim",children:["Your cart is empty. ",i(re,{href:"/wheels",className:"text-accent underline-offset-4 hover:underline",children:"Browse the catalog \u2192"})]}):t.map(f=>i(ba,{slug:f.slug,name:f.name,qty:f.qty,config:f.config,configSummary:xa(f.config),price:$t(f,n.currency)??0,currency:n.currency},f.id))}),i("div",{className:"border-t border-line px-6 pt-5",children:i(Gt,{customerEmail:p})}),h("div",{className:"flex flex-col gap-2 border-t border-line mt-5 px-6 pt-5",children:[i(ge,{label:"Subtotal",value:a(n.subtotal,n.currency)}),n.discount>0&&r?.valid&&i(ge,{label:`Coupon \xB7 ${r.code}`,value:h("span",{className:"font-semibold text-green",children:["\u2212 ",a(n.discount,n.currency)]})}),r?.deferred&&i(ge,{label:`Coupon \xB7 ${r.code}`,value:Tt}),r?.valid&&r.effects?.gift&&i(ge,{label:`Free gift \xB7 ${r.effects.gift.partNumber}${r.effects.gift.quantity>1?` \xD7${r.effects.gift.quantity}`:""}`,value:i("span",{className:"font-semibold text-green",children:Ue})}),i(ge,{label:"Shipping",value:n.shippingStatus==="free"?i("span",{className:"font-semibold text-green",children:Ue}):Ut(n.shippingStatus)??a(n.shipping,n.currency)}),n.tax&&(n.tax.charged?i(ge,{label:n.tax.inclusive?`${n.tax.name} included \xB7 ${n.tax.rate}%`:n.tax.name,value:a(n.tax.amount,n.currency)}):n.tax.name?i(ge,{label:n.tax.name,value:Mt}):null)]}),h("div",{className:"mt-4 flex items-end justify-between border-y-2 border-accent px-6 py-4",style:{background:"color-mix(in oklab, var(--accent) 10%, var(--bg))"},children:[i("span",{className:"font-display text-[20px] font-bold uppercase tracking-[0.04em] text-fg",children:"Total"}),i("span",{className:"text-right font-display text-[34px] font-bold leading-none tracking-[-0.025em] text-fg",children:n.repricing?"\u2026":a(n.grand,n.currency)})]}),h("div",{className:"flex flex-col gap-3 px-6 pt-5 pb-6",children:[u&&i("p",{className:"border border-red-300 bg-red-50 px-3 py-2 text-[13px] text-red-700",children:u}),n.hasUnpricedLine&&h("p",{className:"border border-amber-300 bg-amber-50 px-3 py-2 text-[13px] text-amber-800",children:["One or more items have no price in ",n.currency,". Remove them, or switch region, to continue."]}),i("button",{type:"button",onClick:d,disabled:c||t.length===0||n.hasUnpricedLine||n.repricing,className:["group flex items-center justify-between border px-5 py-5 font-mono text-[14px] font-medium uppercase tracking-[0.3em] transition-all",t.length===0||c||n.hasUnpricedLine||n.repricing?"cursor-not-allowed border-line bg-surface text-fg-dim":"border-btn bg-btn text-btn-ink hover:border-fg hover:bg-fg"].join(" "),children:c?h(ke,{children:["Building order\u2026 ",i("span",{children:"\xB7"})]}):n.repricing?h(ke,{children:["Updating total\u2026 ",i("span",{children:"\xB7"})]}):h(ke,{children:[o==="bank"?"Place order":"Continue to payment"," \xB7"," ",a(n.grand,n.currency),i("span",{className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})})]})]})}var G="w-full border-2 border-line bg-bg px-4 py-4 font-display text-[17px] tracking-[-0.005em] text-fg outline-none transition-colors placeholder:text-fg-dim hover:border-fg-dim focus:border-accent",zn={backgroundImage:"linear-gradient(45deg, transparent 50%, var(--accent) 50%), linear-gradient(135deg, var(--accent) 50%, transparent 50%)",backgroundPosition:"calc(100% - 18px) 50%, calc(100% - 12px) 50%",backgroundSize:"6px 6px",backgroundRepeat:"no-repeat"};function Ve({num:e,title:t,children:n}){return h("section",{className:"mb-6 border border-line bg-bg",children:[h("header",{className:"flex items-center gap-4 border-b border-line bg-surface px-6 py-4",children:[i("span",{className:"inline-flex items-center justify-center bg-accent px-3 py-1 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-bg",children:e}),i("h2",{className:"font-display text-[26px] font-medium uppercase leading-none tracking-[-0.02em] text-fg",children:t})]}),i("div",{className:"flex flex-col gap-4 px-6 py-6",children:n})]})}function Xn({cols:e="two",children:t}){return i("div",{className:["grid gap-3 max-[640px]:grid-cols-1",e==="two"?"grid-cols-2":"grid-cols-[1.2fr_1fr_1fr]"].join(" "),children:t})}function Ge({active:e,onClick:t,title:n,body:r,price:a,tag:o}){return h("button",{type:"button",onClick:t,"aria-pressed":e,className:["relative grid grid-cols-[auto_1fr_auto] items-center gap-5 border bg-bg px-6 py-5 text-left transition-colors",e?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-line hover:border-[color-mix(in_oklab,var(--accent)_50%,var(--site-line))]"].join(" "),style:e?{background:"color-mix(in oklab, var(--accent) 14%, var(--bg))"}:void 0,children:[e&&i("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),i("span",{className:["flex h-[18px] w-[18px] items-center justify-center rounded-full border-2",e?"border-accent":"border-fg-dim"].join(" "),children:e&&i("span",{className:"block h-2.5 w-2.5 rounded-full bg-accent"})}),h("span",{className:"flex min-w-0 flex-col gap-1",children:[h("span",{className:"flex flex-wrap items-baseline gap-3 font-display text-[18px] font-medium tracking-[-0.01em] text-fg",children:[n,o&&i("span",{className:"border px-2 py-0.5 font-mono text-[11px] font-normal uppercase tracking-[0.24em] text-accent",style:{background:"color-mix(in oklab, var(--accent) 14%, transparent)",borderColor:"color-mix(in oklab, var(--accent) 45%, var(--site-line))"},children:o})]}),r&&i("span",{className:"font-mono text-[12px] uppercase tracking-[0.22em] text-fg-dim",children:r})]}),i("span",{className:"whitespace-nowrap font-display text-[18px] font-medium tracking-[-0.01em] text-fg",children:a})]})}function va({checked:e,onChange:t,label:n,sub:r}){return h("div",{className:"flex items-start gap-3 border-t border-line py-4 first:border-t-0 first:pt-0",children:[i("button",{type:"button",onClick:()=>t(!e),"aria-pressed":e,"aria-label":n,className:["mt-px flex h-5 w-5 flex-shrink-0 items-center justify-center border transition-colors",e?"border-accent":"border-line"].join(" "),style:e?{background:"color-mix(in oklab, var(--accent) 18%, transparent)"}:void 0,children:e&&i("span",{className:"text-[13px] text-accent",children:"\u2713"})}),h("span",{className:"flex-1 font-display text-[16px] leading-[1.5] text-fg",children:[n,r&&i("small",{className:"mt-1 block font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim",children:r})]})]})}function ba({slug:e,name:t,qty:n,config:r,configSummary:a,price:o,currency:c}){let{catalog:p}=We(),{formatMoney:u}=ae(),s=p.find(b=>b.slug===e),d=s?.spokes??5,f=s?.mesh??!1,k=r.find(b=>b.gold)?.label,m=s?.finishes.find(b=>b.name===k&&b.src)??s?.finishes.find(b=>b.src),I=s?.finishes[0]?.color??Ht;return h("div",{className:"grid grid-cols-[60px_1fr_auto] items-center gap-4 border-b border-line py-4 last:border-b-0",children:[h("div",{className:"relative flex aspect-square items-center justify-center overflow-hidden border border-line bg-surface",children:[i("span",{className:"absolute -right-1.5 -top-1.5 z-[2] flex h-[18px] w-[18px] items-center justify-center rounded-full bg-accent font-mono text-[11px] font-bold text-bg",children:n}),m?.src?i(At,{src:m.src,alt:`${t.lead}${t.accent} \u2014 ${m.name}`,width:120,height:120,sizes:"60px",className:"relative block h-full w-full object-contain p-2"}):i("div",{className:"block w-[78%]",style:{color:I},children:i(Bt,{spokes:d,mesh:f,className:"block w-full"})})]}),h("div",{className:"flex min-w-0 flex-col gap-0.5",children:[h("span",{className:"font-display text-[17px] font-bold uppercase leading-none tracking-[-0.005em] text-fg",children:[t.lead,i("em",{className:"font-serif font-normal italic text-accent tracking-[-0.005em] normal-case",children:t.accent})]}),i("span",{className:"font-mono text-[12px] uppercase leading-[1.5] tracking-[0.18em] text-fg-dim",children:a})]}),i("span",{className:"text-right font-display text-[17px] font-bold tracking-[-0.005em] text-fg",children:u(o,c)})]})}function ge({label:e,value:t}){return h("div",{className:"flex items-center justify-between font-mono text-[13px] font-medium uppercase tracking-[0.18em] text-fg",children:[i("span",{children:e}),i("strong",{className:"font-display text-[16px] font-medium tracking-[-0.005em] normal-case text-fg",children:t})]})}function xa(e){return e.map(t=>t.label).join(" \xB7 ")}import{Fragment as le,jsx as l,jsxs as v}from"react/jsx-runtime";function ft(e){return l(Yn,{...e,children:l(Ca,{})})}function Ca(){let{site:e,logo:t,items:n,placing:r,email:a,me:o,addressSaveNote:c,idemKey:p,confirmation:u,setConfirmation:s,payment:d,paypalStep:f,squareStep:k,pendingConf:m,paid:I,setPaid:b,payNote:w,afterpayConfirming:V,gocardlessConfirming:N,zipConfirming:T,klarnaConfirming:M,checkoutRootRef:z,setCheckoutHeaderEl:J}=ce();return u?v("div",{className:"flex min-h-screen flex-col items-center justify-center gap-4 bg-bg px-6 text-center text-fg",children:[l("h1",{className:"font-display text-3xl",children:I?"Payment received":"Order received"}),v("p",{className:"text-fg-dim",children:[I?v(le,{children:["Thank you \u2014 your payment for order"," ",l("span",{className:"font-mono text-fg",children:u.orderNumber})," has gone through."," "]}):v(le,{children:["Thank you \u2014 your order ",l("span",{className:"font-mono text-fg",children:u.orderNumber})," is being reviewed by our team."," "]}),o?v(le,{children:["Track it under"," ",l(re,{href:"/account/orders",className:"text-accent underline",children:"your orders"}),"."]}):l(le,{children:"We\u2019ve emailed you a link to set a password and track it."})]}),w&&l("p",{className:"text-sm text-fg-dim",children:w}),c&&l("p",{className:"text-sm text-fg-dim",children:c}),!o&&v("p",{className:"text-sm text-fg-dim",children:["You can also"," ",l(re,{href:`/track?order=${encodeURIComponent(u.orderNumber)}`,className:"text-accent underline",children:"track this order"})," ","anytime with just your order number and email \u2014 no password needed."]}),l(re,{href:"/wheels",className:"mt-2 border-2 border-line px-6 py-3 font-mono text-[12px] uppercase tracking-[0.24em] hover:border-accent",children:"Continue browsing"})]}):V?v("div",{className:"flex min-h-screen flex-col items-center justify-center gap-4 bg-bg px-6 text-center text-fg",children:[l("h1",{className:"font-display text-3xl",children:"Confirming your payment\u2026"}),l("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:"Checking with Afterpay \u2014 one moment."})]}):N?v("div",{className:"flex min-h-screen flex-col items-center justify-center gap-4 bg-bg px-6 text-center text-fg",children:[l("h1",{className:"font-display text-3xl",children:"Setting up your direct debit\u2026"}),l("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:"Confirming with GoCardless \u2014 one moment."})]}):T?v("div",{className:"flex min-h-screen flex-col items-center justify-center gap-4 bg-bg px-6 text-center text-fg",children:[l("h1",{className:"font-display text-3xl",children:"Confirming your payment\u2026"}),l("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:"Checking with Zip \u2014 one moment."})]}):M?v("div",{className:"flex min-h-screen flex-col items-center justify-center gap-4 bg-bg px-6 text-center text-fg",children:[l("h1",{className:"font-display text-3xl",children:"Confirming your payment\u2026"}),l("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:"Checking with Klarna \u2014 one moment."})]}):d?l(ka,{payment:d,onPaid:()=>{b(!0),s(m)},onSkip:()=>s(m)}):f&&m?l(wa,{confirmation:m,clientId:e.paypalClientId??"",idemKey:p,onPaid:()=>{b(!0),s(m)},onSkip:()=>s(m)}):k&&m?l(Ea,{confirmation:m,applicationId:e.squareApplicationId??"",locationId:e.squareLocationId??"",environment:e.squareEnvironment??"production",idemKey:p,onPaid:()=>{b(!0),s(m)},onSkip:()=>s(m)}):v("div",{ref:z,className:"bg-bg text-fg",children:[v("header",{ref:J,className:"sticky top-0 z-30 grid grid-cols-[1fr_auto_1fr] items-center gap-8 border-b border-line px-[var(--sf-site-gutter,40px)] py-6 backdrop-blur-md max-[640px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[640px]:py-4",style:{background:"color-mix(in oklab, var(--bg) 92%, transparent)"},children:[v(re,{href:"/",className:"inline-flex items-center gap-3 font-mono text-[13px] uppercase tracking-[0.26em] text-fg-dim transition-colors hover:text-accent",children:["\u2190",l("span",{className:"max-[640px]:hidden",children:"Back to shop"})]}),l(re,{href:"/","aria-label":`${e.name} home`,className:"inline-flex items-center justify-center",children:l(zt,{variant:"header",scrolled:!0,src:t?.url??null,reverse:t?.reverse??!1,reversedSrc:t?.reversed??null,inkIsDark:t?.inkIsDark??null,size:t?.size??"medium",sizePx:t?.sizePx??null,siteName:e.name})}),e.cardPayments?v("span",{className:"flex items-center justify-end gap-3 font-mono text-[12px] uppercase tracking-[0.26em] text-fg-dim",children:[l("span",{className:"text-green",children:"\u25CF"}),l("span",{className:"max-[640px]:hidden",children:"Encrypted \xB7"})," Stripe"]}):l("span",{})]}),v("section",{className:"mx-auto flex max-w-[var(--sf-site-width,1600px)] flex-wrap items-center justify-between gap-x-8 gap-y-3 border-b border-line bg-surface px-[var(--sf-site-gutter,40px)] py-4 font-mono text-[13px] font-medium uppercase tracking-[0.24em] text-fg max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[l("span",{className:"inline-flex items-center bg-accent px-3 py-1 font-bold text-bg",children:"Checkout"}),l("nav",{"aria-label":"Checkout steps",className:"flex flex-wrap items-center gap-5",children:[{n:"01",label:"Cart",state:"done"},{n:"02",label:"Ship & pay",state:"active"},{n:"03",label:"Confirmed",state:"pending"}].map(U=>v("span",{className:["relative flex items-center gap-2 transition-colors",U.state==="pending"?"text-fg-dim":"text-fg",U.state==="active"?"font-bold after:absolute after:inset-x-0 after:-bottom-1 after:h-[2px] after:bg-accent":""].join(" "),children:[l("span",{className:U.state==="done"?"text-accent font-bold":"",children:U.n}),l("span",{children:U.label})]},U.n))})]}),v("main",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[1fr_420px] items-start gap-16 px-[var(--sf-site-gutter,40px)] pt-10 pb-[100px] max-[1100px]:grid-cols-1 max-[1100px]:gap-10 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-8 max-[1100px]:pb-20",children:[v("div",{children:[l(Bn,{}),l(Hn,{}),l(Gn,{}),l(Vn,{})]}),l(Jn,{})]}),l("footer",{className:"flex flex-wrap items-center justify-between gap-4 border-t border-line px-[var(--sf-site-gutter,40px)] py-6 font-mono text-[12px] uppercase tracking-[0.22em] text-fg-dim max-[640px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:l("span",{children:Yt({legalName:e.legalName,foundedYear:e.foundedYear,siteName:e.name})})})]})}function ka({payment:e,onPaid:t,onSkip:n}){let{formatMoney:r}=ae(),a=Zn(()=>En(e.publishableKey),[e.publishableKey]),o=Zn(()=>{if(typeof document>"u")return;let c=getComputedStyle(document.documentElement),p=(s,d)=>c.getPropertyValue(s).trim()||d,u=document.documentElement.getAttribute("data-theme")!=="light";return{theme:u?"night":"stripe",variables:{colorPrimary:p("--accent",u?"#c9a461":"#8a6a2a"),colorBackground:p("--site-surface",u?"#131313":"#ffffff"),colorText:p("--fg",u?"#f5f1e8":"#0a0a0a"),borderRadius:"0px"}}},[]);return l("div",{className:"flex min-h-screen flex-col items-center justify-center gap-6 bg-bg px-6 py-16 text-fg",children:v("div",{className:"w-full max-w-xl border border-line bg-bg",children:[v("header",{className:"flex items-center justify-between gap-4 border-b border-line bg-surface px-6 py-4",children:[l("span",{className:"inline-flex items-center justify-center bg-accent px-3 py-1 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-bg",children:e.orderNumber}),l("h1",{className:"font-display text-[26px] font-medium uppercase leading-none tracking-[-0.02em] text-fg",children:"Payment"})]}),v("div",{className:"flex flex-col gap-4 px-6 py-6",children:[v("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:["Your order is placed. Pay"," ",l("span",{className:"text-fg",children:r(Number(e.amount),e.currency)})," ","by card to confirm it now."]}),l(ct,{stripe:a,options:{clientSecret:e.clientSecret,appearance:o},children:l(Sa,{payment:e,onPaid:t,onSkip:n})})]})]})})}function Sa({payment:e,onPaid:t,onSkip:n}){let{formatMoney:r}=ae(),a=bn(),o=hn(),[c,p]=ye(!1),[u,s]=ye(null);async function d(){if(!a||!o||c)return;p(!0),s(null);let f=await a.confirmPayment({elements:o,redirect:"if_required"});if(f.error){s(f.error.message??"Payment failed. Please try again."),p(!1);return}let k=f.paymentIntent?.status;if(k==="succeeded"||k==="processing"){t();return}s("Payment did not complete. Please try again."),p(!1)}return v("div",{className:"flex flex-col gap-4",children:[l(xn,{}),u&&l("p",{className:"border border-red-300 bg-red-50 px-3 py-2 text-[13px] text-red-700",children:u}),l("button",{type:"button",onClick:d,disabled:!a||!o||c,className:["group flex items-center justify-between border px-5 py-5 font-mono text-[14px] font-medium uppercase tracking-[0.3em] transition-all",!a||!o||c?"cursor-not-allowed border-line bg-surface text-fg-dim":"border-btn bg-btn text-btn-ink hover:border-fg hover:bg-fg"].join(" "),children:c?v(le,{children:["Processing\u2026 ",l("span",{children:"\xB7"})]}):v(le,{children:["Pay ",r(Number(e.amount),e.currency),l("span",{className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})}),l("button",{type:"button",onClick:n,disabled:c,className:"self-center font-mono text-[11px] uppercase tracking-[0.24em] text-fg-dim underline-offset-4 transition-colors hover:text-accent hover:underline",children:"Pay later \u2014 our team will be in touch"})]})}var Qn="paypal-sdk-js",dt=null;function Pa(e,t){let n=`${e}|${t}`;if(dt?.key===n)return dt.promise;let r=new Promise((a,o)=>{document.getElementById(Qn)?.remove();let c=document.createElement("script");c.id=Qn;let p=new URLSearchParams({"client-id":e,currency:t,intent:"capture"});c.src=`https://www.paypal.com/sdk/js?${p}`,c.onload=()=>{let u=window.paypal;u?a(u):o(new Error("PayPal SDK loaded without its namespace"))},c.onerror=()=>o(new Error("PayPal SDK failed to load")),document.head.appendChild(c)});return dt={key:n,promise:r},r}function wa({confirmation:e,clientId:t,idemKey:n,onPaid:r,onSkip:a}){let{formatMoney:o}=ae(),c=qe(null),[p,u]=ye(!1),[s,d]=ye(null),f=qe(r);return f.current=r,tr(()=>{let k=!1,m=null;return Pa(t,e.currency).then(I=>{if(!(k||!c.current))return m=I.Buttons({style:{layout:"vertical",color:"gold",shape:"rect",label:"paypal"},createOrder:async()=>(await _.createPaypalOrder({idempotencyKey:n})).paypalOrderId,onApprove:async b=>{try{if((await _.capturePaypalOrder({idempotencyKey:n,paypalOrderId:b.orderID})).status==="paid"){f.current();return}d("PayPal did not complete the payment. Please try again.")}catch(w){d(w instanceof Ae?w.message:"PayPal payment failed. Please try again.")}},onError:()=>{d("PayPal could not process the payment. Please try again.")}}),m.render(c.current).then(()=>{k||u(!0)})}).catch(()=>{k||d("PayPal could not be loaded. You can pay later \u2014 your order stands either way.")}),()=>{k=!0,m?.close?.()}},[t,e.currency,n]),l("div",{className:"flex min-h-screen flex-col items-center justify-center gap-6 bg-bg px-6 py-16 text-fg",children:v("div",{className:"w-full max-w-xl border border-line bg-bg",children:[v("header",{className:"flex items-center justify-between gap-4 border-b border-line bg-surface px-6 py-4",children:[l("span",{className:"inline-flex items-center justify-center bg-accent px-3 py-1 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-bg",children:e.orderNumber}),l("h1",{className:"font-display text-[26px] font-medium uppercase leading-none tracking-[-0.02em] text-fg",children:"PayPal"})]}),v("div",{className:"flex flex-col gap-4 px-6 py-6",children:[v("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:["Your order is placed. Pay"," ",l("span",{className:"text-fg",children:o(Number(e.grandTotal),e.currency)})," ","with PayPal to confirm it now."]}),!p&&!s&&l("p",{className:"font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim",children:"Loading PayPal\u2026"}),l("div",{ref:c}),s&&l("p",{className:"border border-red-300 bg-red-50 px-3 py-2 text-[13px] text-red-700",children:s}),l("button",{type:"button",onClick:a,className:"self-center font-mono text-[11px] uppercase tracking-[0.24em] text-fg-dim underline-offset-4 transition-colors hover:text-accent hover:underline",children:"Pay later \u2014 our team will be in touch"})]})]})})}var er="square-web-sdk",mt=null;function Na(e){let t=e==="sandbox"?"sandbox":"production";if(mt?.key===t)return mt.promise;let n=new Promise((r,a)=>{document.getElementById(er)?.remove();let o=document.createElement("script");o.id=er,o.src=t==="sandbox"?"https://sandbox.web.squarecdn.com/v1/square.js":"https://web.squarecdn.com/v1/square.js",o.onload=()=>{let c=window.Square;c?r(c):a(new Error("Square SDK loaded without its namespace"))},o.onerror=()=>a(new Error("Square SDK failed to load")),document.head.appendChild(o)});return mt={key:t,promise:n},n}function Ea({confirmation:e,applicationId:t,locationId:n,environment:r,idemKey:a,onPaid:o,onSkip:c}){let{formatMoney:p}=ae(),u=qe(null),s=qe(null),d=qe(null),[f,k]=ye(!1),[m,I]=ye(!1),[b,w]=ye(null);tr(()=>{let N=!1,T=null;return Na(r).then(async M=>{if(N||!u.current)return;let z=M.payments(t,n);d.current=z,T=await z.card(),await T.attach(u.current),s.current=T,N||k(!0)}).catch(()=>{N||w("Square could not be loaded. You can pay later \u2014 your order stands either way.")}),()=>{N=!0,T?.destroy?.()}},[t,n,r]);async function V(){let N=s.current;if(!(!N||m)){I(!0),w(null);try{let T=await N.tokenize();if(T.status!=="OK"||!T.token){w(T.errors?.[0]?.message??"Please check the card details and try again."),I(!1);return}let M;try{M=(await d.current?.verifyBuyer?.(T.token,{amount:String(e.grandTotal),currencyCode:e.currency,intent:"CHARGE"}))?.token}catch{}if((await _.chargeSquare({idempotencyKey:a,sourceId:T.token,...M?{verificationToken:M}:{}})).status==="paid"){o();return}w("Square did not complete the payment. Please try again.")}catch(T){w(T instanceof Ae?T.message:"Square payment failed. Please try again.")}I(!1)}}return l("div",{className:"flex min-h-screen flex-col items-center justify-center gap-6 bg-bg px-6 py-16 text-fg",children:v("div",{className:"w-full max-w-xl border border-line bg-bg",children:[v("header",{className:"flex items-center justify-between gap-4 border-b border-line bg-surface px-6 py-4",children:[l("span",{className:"inline-flex items-center justify-center bg-accent px-3 py-1 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-bg",children:e.orderNumber}),l("h1",{className:"font-display text-[26px] font-medium uppercase leading-none tracking-[-0.02em] text-fg",children:"Card"})]}),v("div",{className:"flex flex-col gap-4 px-6 py-6",children:[v("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:["Your order is placed. Pay"," ",l("span",{className:"text-fg",children:p(Number(e.grandTotal),e.currency)})," ","by card to confirm it now."]}),!f&&!b&&l("p",{className:"font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim",children:"Loading card form\u2026"}),l("div",{ref:u}),b&&l("p",{className:"border border-red-300 bg-red-50 px-3 py-2 text-[13px] text-red-700",children:b}),l("button",{type:"button",onClick:V,disabled:!f||m,className:["group flex items-center justify-between border px-5 py-5 font-mono text-[14px] font-medium uppercase tracking-[0.3em] transition-all",!f||m?"cursor-not-allowed border-line bg-surface text-fg-dim":"border-btn bg-btn text-btn-ink hover:border-fg hover:bg-fg"].join(" "),children:m?v(le,{children:["Processing\u2026 ",l("span",{children:"\xB7"})]}):v(le,{children:["Pay ",p(Number(e.grandTotal),e.currency),l("span",{className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})}),l("button",{type:"button",onClick:c,disabled:m,className:"self-center font-mono text-[11px] uppercase tracking-[0.24em] text-fg-dim underline-offset-4 transition-colors hover:text-accent hover:underline",children:"Pay later \u2014 our team will be in touch"})]})]})})}import{jsx as Je}from"react/jsx-runtime";function Ra(){let{settings:e,websiteName:t}=Lt(),n=t?{...rt,name:t}:rt,r=e?{url:e.logoUrl,reversed:e.logoReversed??null,inkIsDark:e.logoInkIsDark??null,reverse:e.reverseLogo,size:e.logoSize,sizePx:e.logoSizePx}:null;return Je("div",{style:{position:"fixed",inset:0,zIndex:2147482e3,overflowY:"auto",background:"var(--bg)",color:"var(--fg)"},children:Je(Wt,{children:Je(Kt,{preview:!0,children:Je(ft,{site:n,logo:r,preview:!0})})})})}export{Ra as default};

package/dist/chunks/chunk-BZDVZUF4.js

@@ -1 +0,0 @@
-import{f as ft,i as pe,q as pt,s as mt,t as gt,v as B}from"./chunk-QJDTP7K6.js";import{Ba as fe,Ca as ct,Fa as $e,Ga as dt,Ja as Be,Ka as We}from"./chunk-UJW4B64R.js";import{j as ut,l as oe}from"./chunk-5OFEWRWI.js";import{createContext as cn,useContext as xt,useEffect as dn,useMemo as ge,useState as bt}from"react";function ht(e,t){return e.map(n=>({partNumber:n.partNumber,quantity:n.wheels*t}))}function ie(e,t){if(e.length===0)return null;let n=0;for(let r of e){let o=r.prices?.[t];if(typeof o!="number"||!Number.isFinite(o)||o<=0)return null;n+=o*r.wheels}return n}var Ge=4,_r=1,Nr={unit:"set",spares:0,spareSide:"left"};function yt(e){return e.unit==="single"?1:Ge+e.spares}function Rr(e,t){return[{partNumber:e.partNumber,wheels:yt(t),prices:e.prices}]}function Lr(e,t){let n=yt(t)-Ge;if(n<=0||e.length===0)return e;let r=ln(e),o=r?r[t.spareSide]:0;return e.map((i,a)=>a===o?{...i,wheels:i.wheels+n}:i)}function ln(e){let t,n;for(let r=0;r<e.length;r+=1){let o=e[r].hand;if(o!=="left"&&o!=="right")continue;if((o==="left"?t:n)!==void 0)return null;o==="left"?t=r:n=r}return t!==void 0&&n!==void 0?{left:t,right:n}:null}function un(e,t){return t.spares>0?`${e} + spare`:e}function Ir(e){return e.unit==="single"?"Single":un(`Set of ${Ge}`,e)}var Ar="data-add-to-basket",qe=9,Ne="en";function me(e,t,n=0){return new Intl.NumberFormat(Ne,{style:"currency",currency:t,minimumFractionDigits:0,maximumFractionDigits:n}).format(e)}function kr(e,t){return new Intl.NumberFormat(Ne,{style:"currency",currency:t}).format(e)}import{jsx as gn}from"react/jsx-runtime";var fn="storefront-country",Ct=fn,Ke=cn(null);function pn(e){return St(e,"catalogue")}function mn(e){return St(e,"money")}function St(e,t){let n=new Map(e.map(o=>[o.code,o.decimalPlaces])),r=new Map;return(o,i)=>{if(!i)return"";let a=r.get(i);if(!a){let l=n.get(i)??0;a=new Intl.NumberFormat(Ne,{style:"currency",currency:i,minimumFractionDigits:t==="money"?l:0,maximumFractionDigits:l}),r.set(i,a)}return a.format(o)}}function Fr({children:e,currencies:t,countries:n,defaultCurrency:r,defaultCountry:o}){let i=ge(()=>t??[],[t]),a=ge(()=>n??[],[n]),l=ge(()=>r||i.find(b=>b.isDefault)?.code||i[0]?.code||"",[r,i]),c=ge(()=>o||a.find(b=>b.isDefault)?.code||a[0]?.code||"",[o,a]),[u,f]=bt(c),[d,S]=bt(!1);dn(()=>{let b=oe.getItem(Ct);b&&a.some(P=>P.code===b)&&f(b),S(!0)},[a]);function N(b){f(b),oe.setItem(Ct,b)}let C=ge(()=>{let b=a.find(v=>v.code===u)??null,P=b?.currency,O=P&&i.some(v=>v.code===P)?P:l,M=pn(i),I=mn(i);return{country:u,currency:O,setCountry:N,currencies:i,countries:a,activeCountry:b,formatPrice:(v,x)=>M(v,x??O),formatMoney:(v,x)=>I(v,x??O),ready:d}},[u,i,a,l,d]);return gn(Ke.Provider,{value:C,children:e})}function vt(){let e=xt(Ke);if(!e)throw new Error("useCurrency must be used within a CurrencyProvider");return e}function Ur(){return xt(Ke)?.country??""}import{createContext as In,useCallback as _,useContext as An,useEffect as Z,useMemo as Mt,useRef as Ie,useState as L}from"react";function Pt(e,t){return e.valid?!1:e.reason==="firstOrderOnly"?!0:e.reason==="notEligible"&&!t}var wt="We'll confirm this discount when you place your order.",Wr="Confirmed at checkout";function Gr(e){return e&&(e.valid||e.deferred)?e.code:void 0}var Et="coupon_code: ";function qr(e){return!(e instanceof pe)||e.status!==400||!e.message.startsWith(Et)?null:e.message.slice(Et.length)}function _t(e,t){return e.map(n=>({qty:n.qty,slug:n.slug,name:`${n.name.lead}${n.name.accent}`.trim(),finish:n.finishName,size:n.size,kind:n.kind,sku:n.sku,pack:n.pack,priceLabel:t(n)}))}var Re="Price on request",yn="Request a quote",bn="from ",Vr="From ",Yr="each",Nt="Free";function ze(e){return typeof e=="number"&&Number.isFinite(e)&&e>0}function Xe(e,t){let n=e?.[t];return ze(n)?n:null}function Qr(e,t,n,r){let o=Xe(e,n),i=Xe(t,n);return o===null&&i===null?0:o===null?1:i===null?-1:r==="asc"?o-i:i-o}function jr(e,t,n,r){if(n==null&&r==null)return!0;let o=Xe(e,t);return!(o===null||n!=null&&o<n||r!=null&&o>r)}var Cn={priced:!1,unit:null,was:null,onSale:!1,setTotal:null};function xn(e,t,n){if(!ze(e))return Cn;let r=ze(t)&&t>e?t:null;return{priced:!0,unit:e,was:r,onSale:r!==null,setTotal:n!=null?e*n:null}}function Zr(e,t,n=""){return!e.priced||e.unit==null?Re:`${n}${me(e.unit,t)}`}function Jr(e,t){return e.was==null?null:me(e.was,t)}function Sn(e,t,n=1){let r=ie(e,t);if(r===null)return{priced:!1,unit:null,isFrom:!1,setTotal:null};let o=e.reduce((a,l)=>a+l.wheels,0),i=Math.min(...e.map(a=>a.prices[t]));return{priced:!0,unit:i,isFrom:i*o!==r,setTotal:r*n}}var vn={priced:!1,unit:null,isFrom:!1,was:null,onSale:!1,setTotal:null};function eo(e,t,n,r=1){let o=xn(e.prices[n],e.msrpPrices?.[n],4),i=o.setTotal==null?null:o.setTotal*r;if(!t)return{priced:o.priced,unit:o.unit,isFrom:!0,was:o.was,onSale:o.onSale,setTotal:null,fromSetTotal:i};let a=Sn(t.components,n,r);return a.priced?{priced:!0,unit:a.unit,isFrom:a.isFrom,was:null,onSale:!1,setTotal:a.setTotal,fromSetTotal:i}:{...vn,fromSetTotal:i}}function En(e,t){return!e.priced||e.unit==null?Re:`${e.isFrom?bn:""}${me(e.unit,t)}`}function to(e,t){return e.was==null?null:me(e.was,t)}function no(e,t){return!e.priced||e.unit==null?yn:En(e,t)}var Pn=/^[^@\s]+@[^@\s]+\.[^@\s]+$/;function Rt(e){return Pn.test(e.trim())}var Lt="sf:ga-purchases",wn=20;function At(){return typeof window>"u"||window.parent!==window}function he(...e){try{if(At()||typeof window.gtag!="function")return;window.gtag(...e)}catch{}}function _n(e,t){let n=e.config.find(r=>r.gold)?.label;return{item_id:`${e.slug}|${e.finishName}|${e.size}`,item_name:`${e.name.lead}${e.name.accent}`.trim(),...n?{item_variant:n}:{},price:ie(e.components,t)??0,quantity:e.qty}}function Ve(e,t){return e.filter(Le).map(n=>_n(n,t))}function lo(e){he("event","view_item",{currency:e.currency,value:e.pricePerSet,items:[{item_id:e.itemId,item_name:e.itemName,...e.variant?{item_variant:e.variant}:{},price:e.pricePerSet,quantity:1}]})}function kt(e,t){let n=Ve([e],t);n.length!==0&&he("event","add_to_cart",{currency:t,value:n[0].price*n[0].quantity,items:n})}function uo(e){let t=Ve(e.lines,e.currency);t.length!==0&&he("event","begin_checkout",{currency:e.currency,value:e.value,...e.coupon?{coupon:e.coupon}:{},items:t})}var It=new Set;function Nn(e){if(It.has(e))return!1;It.add(e);try{let t=JSON.parse(oe.getItem(Lt)??"[]");if(t.includes(e))return!1;oe.setItem(Lt,JSON.stringify([...t,e].slice(-wn)))}catch{}return!0}function co(e){let t=e.confirmation;if(At()||!Nn(t.orderNumber))return;let n=t.currency,r=Number(t.grandTotal);he("event","purchase",{transaction_id:t.orderNumber,currency:n,value:r,shipping:Number(t.freightCharge),...t.couponCode?{coupon:t.couponCode}:{},items:Ve(e.lines,n)}),e.adsSendTo&&he("event","conversion",{send_to:e.adsSendTo,transaction_id:t.orderNumber,currency:n,value:r})}var Rn="Arranged after review",Tt="Calculated at checkout",Ln=Tt,mo=Tt;function Ot({quoted:e,optionCount:t,chosenAmount:n,couponWaivesFreight:r}){return e&&t===0?"arranged":r?"free":n===void 0?"pending":n===0?"free":"charged"}function go(e){switch(e){case"arranged":return Rn;case"pending":return Ln;case"free":return Nt;case"charged":return null}}import{jsx as Mn}from"react/jsx-runtime";var kn=400,Tn=400,On=1500;function Le(e){return(e.components?.length??0)>0}function Dt(e,t){return{code:e,valid:t.valid,deferred:Pt(t,t.askedAsShopper),message:t.message||void 0,effects:t.effects??void 0}}function Ut(e,t){return ie(e.components,t)}function Ye(e,t){let n=Ut(e,t);return n===null?null:n*e.qty}function Ft(e){return e!=="tyre"}var Ht=In(null);function No({children:e,preview:t=!1}){let{currency:n,country:r,formatMoney:o}=vt(),[i,a]=L(t),[l,c]=L([]),[u,f]=L([]),[d,S]=L([]),[N,C]=L(!1),[b,P]=L(!1),[O,M]=L(!1),[I,v]=L(!1),[x,W]=L(null),[A,G]=L(void 0),[y,w]=L(null),[m,q]=L(null),[J,U]=L(!1),[D,Se]=L(null),X=Ie(void 0),K=_(()=>a(!0),[]),se=_(()=>a(!1),[]),ee=_(()=>a(s=>!s),[]);Z(()=>{t||typeof window>"u"||new URLSearchParams(window.location.search).get("cart")==="open"&&K()},[K,t]);let ve=_(s=>{w(p=>p?.country===s?.country&&p?.subdivision===s?.subdivision?p:s)},[]),H=_(s=>{v(!0),Ft(s)&&M(!0)},[]),Ee=O||l.some(s=>Ft(s.kind)),F=I||l.length>0;Z(()=>{if(t||!Ee||N)return;let s=!0;return B.listWheels().then(p=>{s&&(f(p),C(!0))}),()=>{s=!1}},[t,Ee,N]),Z(()=>{if(t||!F||b)return;let s=!0;return B.listBundles().then(p=>{s&&(S(p),P(!0))}),()=>{s=!1}},[t,F,b]);let z=x?.deliveryOptions??[];Z(()=>{x&&Se(s=>s&&z.some(p=>p.id===s)?s:z[0]?.id??null)},[x]);let V=_(()=>l.filter(Le).flatMap(s=>ht(s.components,s.qty)),[l]),le=_(async(s,p)=>{let h=s.trim().toUpperCase();if(!h)return;let g=V();if(g.length===0){q({code:h,valid:!1,message:"Add a wheel to the cart first."});return}U(!0),X.current=p;try{let R=await B.validateCoupon({code:h,items:g,currency:n,shippingMethodId:D??void 0,customerEmail:p});q(Dt(h,R))}catch{q({code:h,valid:!1,message:"Could not check that code. Please try again."})}finally{U(!1)}},[V,n,D]),ue=_(()=>{q(null),X.current=void 0},[]),ce=_(s=>{if(!m)return;let{code:p}=m;q(h=>h&&h.code===p?{code:p,valid:!1,refused:!0,message:s}:h)},[m]);Z(()=>{if(!m||m.refused)return;let s=m.code,p=g=>g!==null&&g.code===s&&!g.refused,h=setTimeout(async()=>{let g=V();if(g.length===0){q(R=>p(R)?{code:s,valid:!1,message:"Add a wheel to the cart first."}:R);return}U(!0);try{let R=await B.validateCoupon({code:s,items:g,currency:n,shippingMethodId:D??void 0,customerEmail:X.current});q(de=>p(de)?Dt(s,R):de)}catch{}finally{U(!1)}},kn);return()=>clearTimeout(h)},[l,n,D]);let te=m&&!m.refused?m.code:void 0;Z(()=>{if(t)return;let s=!0,p=setTimeout(async()=>{let h=V();if(h.length===0){W(null),G(void 0);return}try{let g=await B.quoteCart({items:h,currency:n,shippingMethodId:D??void 0,couponCode:te,customerEmail:X.current||void 0,country:y?.country||r||void 0,subdivision:y?.country&&y.subdivision||void 0});if(!s)return;W(g)}catch{if(!s)return}G(te)},Tn);return()=>{s=!1,clearTimeout(p)}},[l,n,D,te,r,y]);let Y=_(s=>{c(p=>{let h=p.findIndex(g=>g.id===s.id);return h===-1?[...p,s]:p.map((g,R)=>R===h?{...g,qty:Math.min(qe,g.qty+s.qty)}:g)}),kt(s,n)},[n]),Pe=_(s=>{c(p=>p.filter(h=>h.id!==s))},[]),we=_((s,p)=>{let h=Math.max(1,Math.min(qe,p));c(g=>g.map(R=>R.id===s?{...R,qty:h}:R))},[]),E=_(s=>{c(s)},[]),[k,ne]=L(null),nt=Ie(null);nt.current=k;let $=Ie(null),Fe=Ie(""),rt=_((s,p)=>{let h=s.trim().toLowerCase();Rt(h)&&ne(g=>g&&g.email===h&&g.firstName===(p??"")?g:{email:h,firstName:p??""})},[]);Z(()=>{if(t||!k)return;let s=_t(l.filter(Le),g=>Ye(g,n)===null?Re:o(Ye(g,n),n)),p={email:k.email,firstName:k.firstName,currency:n,items:s},h=JSON.stringify(p);if(h!==Fe.current)return $.current&&clearTimeout($.current),$.current=setTimeout(()=>{$.current=null,Fe.current=h,B.captureCart(p).catch(g=>{})},On),()=>{$.current&&(clearTimeout($.current),$.current=null)}},[l,k,n,t]);let ot=_(()=>{$.current&&(clearTimeout($.current),$.current=null);let s=nt.current;s&&(Fe.current="",B.captureCart({email:s.email,firstName:s.firstName,currency:n,items:[]}).catch(p=>{}))},[n]),it=Mt(()=>{let s=l.reduce((T,re)=>{let _e=Ye(re,n);return _e===null?T:T+_e},0),p=l.some(T=>Ut(T,n)===null),h=l.reduce((T,re)=>T+re.qty,0),g=m?.valid?m.effects:void 0,R=g?Math.min(s,Number(g.discountAmount)):0,de=x?.bundleDiscount??0,nn=x?.appliedBundles??[],Ue=!!g?.freeShipping,st=z.find(T=>T.id===D),lt=Ue?0:x?.shipping??st?.amount??0,rn=Ot({quoted:x!==null,optionCount:z.length,chosenAmount:st?.amount,couponWaivesFreight:Ue}),He={};for(let T of g?.freeUnits??[])He[T.partNumber]=(He[T.partNumber]??0)+T.quantity;let on=x?.tax??null,an=x?x.grandTotal:s-R-de+lt;return{sets:h,units:l.reduce((T,re)=>T+(re.components??[]).reduce((_e,sn)=>_e+sn.wheels*re.qty,0),0),subtotal:s,hasUnpricedLine:p,discount:R,bundleDiscount:de,appliedBundles:nn,shipping:lt,freeShipping:Ue,shippingStatus:rn,freeUnitsByPartNumber:He,tax:on,grand:an,repricing:!!m?.refused&&x!==null&&A===m?.code,currency:n}},[l,n,m,z,D,x,A]),at=_(s=>{Y(s),K()},[Y,K]),tn=Mt(()=>({isOpen:i,preview:t,open:K,close:se,toggle:ee,items:l,catalog:u,bundles:d,warmCatalog:H,add:Y,addAndOpen:at,remove:Pe,setQty:we,replaceItems:E,identify:rt,clearCapturedCart:ot,coupon:m,applyCoupon:le,removeCoupon:ue,refuseCoupon:ce,couponBusy:J,deliveryOptions:z,setQuoteDestination:ve,shippingMethodId:D,setShippingMethodId:Se,totals:it}),[i,t,K,se,ee,l,u,d,H,Y,at,Pe,we,E,rt,ot,m,le,ue,ce,J,z,ve,D,it]);return Mn(Ht.Provider,{value:tn,children:e})}function $t(){let e=An(Ht);if(!e)throw new Error("useCart() must be called inside <CartProvider>. Mount the provider in app/layout.tsx.");return e}import{cache as zn}from"react";function Bt(e,t,n,r){for(;e.size>=t;){let o,i;for(let[l,c]of e){if(c.expiresAt<=r){o=l;break}i===void 0&&n(l)&&(i=l)}let a=o??i??e.keys().next().value;if(a===void 0)return;e.delete(a)}}var Dn=6e4,Fn=5e3,Un=500,Ae=new Map;async function Hn(e){let{host:t,matchesRequestHost:n}=await pt();if(!t)return"";let r=await mt();return r?`${e}|slug:${encodeURIComponent(t)}/${encodeURIComponent(r)}`:n?`${e}|host:${t}`:`${e}|xhost:${t}`}var $n=e=>e.includes("|slug:")||e.includes("|xhost:");async function Wt(e,t){if(await gt()!==null)return t();let n=await Hn(e);if(!n)return t();let r=Date.now(),o=Ae.get(n);if(o&&o.expiresAt>r)return o.load;let i=await t(),a=i.outcome.state==="failed",l=a?Fn:Dn,c=Ae.get(n)?.lastGood,u=i.outcome.state==="ok"?i:a?c:void 0,f=a&&u?u:i;return Bt(Ae,Un,$n,r),Ae.set(n,{load:f,expiresAt:r+l,lastGood:u}),f}var Bn=404;function Wn(e){if(e instanceof pe&&e.status===Bn)return{state:"absent"};let t=e instanceof pe?e.status:-1,n=e instanceof Error?e.message:String(e);return{state:"failed",status:t,detail:n}}var Gn="[storefront:chrome-load-failed]";function qn(e,t){console.error(`${Gn} ${e} status=${t.status} \u2014 serving fallback chrome`,t.detail)}async function Gt(e,t,n,r){try{let o=await t();return r?.(o)?{value:o,outcome:{state:"absent"}}:{value:o,outcome:{state:"ok"}}}catch(o){let i=Wn(o);return i.state==="failed"&&qn(e,i),{value:n,outcome:i}}}function Kn(e){return e==="production"?"silent":"banner"}var Mo=Kn("production");function Xn(e,t){return e?.trim()||t}function Go({legalName:e,foundedYear:t,siteName:n},r=new Date().getFullYear()){let o=Xn(e,n);return`\xA9 ${t&&t<r?`${t}\u2013${r}`:`${r}`} ${o}`}var Vn={name:fe,legalName:null,foundedYear:null,faviconUrl:null,currencies:[],defaultCurrency:null,countries:[],defaultCountry:null,commerceEnabled:!0,cardPayments:!1,paymentMethods:[],paypalClientId:null,paypalEnvironment:null,squareApplicationId:null,squareLocationId:null,squareEnvironment:null,ga4MeasurementId:null,googleAdsId:null,googleAdsConversionLabel:null,metaPixelId:null,consentEnabled:!1,consentPrivacyPage:null,consentNoticeOptOut:!1,socialLinks:$e},qo=zn(async()=>Wt("site",()=>Gt("site",async()=>{let e=await B.getSite();return{name:ct(e.name),legalName:e.legalName?.trim()||null,foundedYear:e.foundedYear??null,faviconUrl:e.faviconUrl??null,currencies:e.currencies??[],defaultCurrency:e.defaultCurrency??null,countries:e.countries??[],defaultCountry:e.defaultCountry??null,commerceEnabled:e.commerceEnabled??!0,cardPayments:e.cardPayments??!1,paymentMethods:e.paymentMethods??(e.cardPayments?["card"]:[]),paypalClientId:e.paypalClientId??null,paypalEnvironment:e.paypalEnvironment??null,squareApplicationId:e.squareApplicationId??null,squareLocationId:e.squareLocationId??null,squareEnvironment:e.squareEnvironment??null,ga4MeasurementId:e.ga4MeasurementId??null,googleAdsId:e.googleAdsId??null,googleAdsConversionLabel:(e.googleAdsId?e.googleAdsConversionLabel:null)??null,metaPixelId:e.metaPixelId??null,consentEnabled:e.consentEnabled??!1,consentPrivacyPage:e.consentPrivacyPage??null,consentNoticeOptOut:e.consentNoticeOptOut??!1,socialLinks:dt(e.socialLinks)}},Vn)));var Ko={name:fe,legalName:null,foundedYear:null,faviconUrl:null,currencies:[{code:"USD",symbol:"$",decimalPlaces:2,isDefault:!0}],defaultCurrency:"USD",countries:[{code:"US",name:"United States",currency:"USD",url:"",isDefault:!0,chargeTax:!1,taxDisplay:"none",taxName:"",taxRate:null,postalLabel:"Zip Code"}],defaultCountry:"US",commerceEnabled:!0,cardPayments:!0,paymentMethods:["card"],paypalClientId:null,paypalEnvironment:null,squareApplicationId:null,squareLocationId:null,squareEnvironment:null,ga4MeasurementId:null,googleAdsId:null,googleAdsConversionLabel:null,metaPixelId:null,consentEnabled:!1,consentPrivacyPage:null,consentNoticeOptOut:!1,socialLinks:$e};import{jsx as be,jsxs as Qe}from"react/jsx-runtime";import{useEffect as ke,useId as Zn,useRef as Kt,useState as Te}from"react";import{efficientClientOpen as Yn}from"efficient-easel/screen/lib/session";var ye=new Map,Qn=64;async function jn(e){if(!Yn())return null;try{let t=await fetch(`${ut()}/logo-analysis.json?url=${encodeURIComponent(e)}`);if(!t.ok)return null;let n=await t.json();if(!n||typeof n!="object")return null;let{reversed:r,inkIsDark:o}=n;return typeof r!="string"?null:{reversed:r,inkIsDark:typeof o=="boolean"?o:null}}catch{return null}}function qt(e){let t=ye.get(e);if(t)return t;let n=jn(e);if(ye.set(e,n),ye.size>Qn){let r=ye.keys().next();r.done||ye.delete(r.value)}return n}var Jn=202/22,er=.88,ai=16,tr="invert(1)";function si({variant:e="header",scrolled:t=!0,src:n,reverse:r=!1,color:o=null,onLightSurface:i,reversedSrc:a,inkIsDark:l,size:c="medium",sizePx:u,wordmark:f,siteName:d=fe,fitToContainer:S=!1,fitWordmarkToContainer:N=!1,fitFloorPx:C}){let b=f&&f.trim()?f.trim():d,[P,O]=Te(!1),M=Kt(null),I=E=>{M.current=E};ke(()=>{let E=M.current?.ownerDocument??document,k=()=>{O(E.documentElement.getAttribute("data-theme")==="light")};k();let ne=new MutationObserver(k);return ne.observe(E.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>ne.disconnect()},[]);let v=n&&n.trim()?n.trim():null,x=!!v&&ft(v),W=i??(P&&t),A=o&&o.trim()?o.trim():null,G=r&&!A,y=`logo-color-${Zn().replace(/[^A-Za-z0-9_-]/g,"")}`,w=G&&x&&v&&a!=null?{reversed:a,inkIsDark:l??null}:null,m=w!==null,[q,J]=Te(null);ke(()=>{if(!G||!v||!x||m){J(null);return}let E=!1;return J(null),qt(v).then(k=>{E||J(k)}),()=>{E=!0}},[G,v,x,m]);let U=w??q,D=!!U&&U.inkIsDark!==null&&(W?!U.inkIsDark:U.inkIsDark),Se=G&&!!v&&!x&&!W,X=D&&U?U.reversed:v,K=X?[X]:[],[se,ee]=Te(0);ke(()=>{ee(0)},[v,D]);let ve=e==="footer"?We:Be[c],H=u&&u>0?u:ve,Ee=Math.round(H*Jn),F=se<K.length?K[se]:null,[z,V]=Te(X),le=F!==null&&F===z,ue=Kt(null);ke(()=>{let E=ue.current;if(!E||!E.complete)return;if(E.naturalWidth>0||E.naturalHeight>0){V(F);return}let k=!1;return E.decode().then(()=>!k&&V(F),()=>!k&&ee(ne=>ne+1)),()=>{k=!0}},[F]);let ce=S||N,te=`calc(100cqi / ${((b.length+1)*er).toFixed(2)})`,Y=ce&&C&&C>0?Math.min(C,H):null,Pe=ce?Y===null?`min(${H}px, ${te})`:`clamp(${Y}px, ${te}, ${H}px)`:`${H}px`,we=Qe("span",{className:`font-display font-bold tracking-[0.18em] ${Y===null?"whitespace-nowrap":"whitespace-normal"}`,style:{fontSize:Pe,lineHeight:1,...A?{color:A}:{}},"aria-label":b,children:[b,be("span",{className:"text-accent",style:A?{color:A}:void 0,children:"."})]});return Qe("span",{ref:I,className:"inline-flex items-center",children:[!le&&we,A&&F&&be("svg",{"aria-hidden":"true",focusable:"false",width:"0",height:"0",style:{position:"absolute"},children:Qe("filter",{id:y,colorInterpolationFilters:"sRGB",children:[be("feFlood",{style:{floodColor:A}}),be("feComposite",{in2:"SourceAlpha",operator:"in"})]})}),F&&be("img",{ref:ue,src:F,alt:b,width:Ee,height:H,className:"shrink-0 object-contain",style:{...le?{height:`${H}px`,width:"auto",...S?{maxWidth:"100cqi"}:{}}:{display:"none"},...Se?{filter:tr}:{},...A?{filter:`url(#${y})`}:{}},onLoad:()=>V(F),onError:()=>ee(E=>E+1)},F)]})}import{jsx as Ce,jsxs as rr}from"react/jsx-runtime";function nr({spokes:e,mesh:t=!1,className:n}){let a=c=>Math.round(c*1e3)/1e3,l=[];for(let c=0;c<e;c++){let u=c/e*Math.PI*2-Math.PI/2;if(l.push({x1:a(100+Math.cos(u)*22),y1:a(100+Math.sin(u)*22),x2:a(100+Math.cos(u)*86),y2:a(100+Math.sin(u)*86),main:!0}),t){let f=u+Math.PI/e;l.push({x1:a(100+Math.cos(f)*22*1.4),y1:a(100+Math.sin(f)*22*1.4),x2:a(100+Math.cos(f)*78),y2:a(100+Math.sin(f)*78),main:!1})}}return rr("svg",{viewBox:"0 0 200 200",fill:"none",stroke:"currentColor",className:n??"block h-[70%] w-[70%] transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)]",children:[Ce("circle",{cx:100,cy:100,r:92,strokeWidth:2}),Ce("circle",{cx:100,cy:100,r:84,strokeWidth:1,opacity:.4}),Ce("circle",{cx:100,cy:100,r:22,strokeWidth:2}),Ce("circle",{cx:100,cy:100,r:6,fill:"currentColor"}),l.map((c,u)=>Ce("line",{x1:c.x1,y1:c.y1,x2:c.x2,y2:c.y2,stroke:"currentColor",strokeWidth:c.main?6:3,strokeLinecap:"round",opacity:c.main?1:.5},u))]})}var di="#c9a461",zt=[{f:"black",label:"Black",hex:"#171717"},{f:"silver",label:"Silver",hex:"#cccccc"},{f:"bronze",label:"Bronze",hex:"#8a6438"},{f:"graphite",label:"Graphite",hex:"#3a3c3f"},{f:"red",label:"Candy Red",hex:"#7a0f14"}],fi={name:"",color:"var(--fg)",family:"silver",src:""};function or(e,t){let n=r=>{let o=zt.findIndex(i=>i.f===r);return o===-1?zt.length:o};return n(e)-n(t)||e.localeCompare(t)}function pi(e){let t=new Set;for(let n of e)for(let r of n.finishes??[])r?.family&&t.add(r.family);return[...t].sort(or)}import{useState as ir}from"react";import{jsx as ae,jsxs as je}from"react/jsx-runtime";function ar({customerEmail:e}){let{coupon:t,applyCoupon:n,removeCoupon:r,couponBusy:o}=$t(),[i,a]=ir("");async function l(){o||!i.trim()||(await n(i,e),a(""))}return je("div",{className:"flex flex-col gap-2",children:[t===null?je("div",{className:"flex border border-line",children:[ae("input",{type:"text",value:i,onChange:c=>a(c.target.value),onKeyDown:c=>{c.key==="Enter"&&(c.preventDefault(),l())},placeholder:"Coupon code","aria-label":"Coupon code",className:"flex-1 bg-transparent px-4 py-4 font-mono text-[11px] uppercase tracking-[0.18em] text-fg outline-none placeholder:text-fg-dim"}),ae("button",{type:"button",onClick:()=>{l()},disabled:o,className:"border-l border-line px-4 font-mono text-[10px] uppercase tracking-[0.26em] text-btn transition-colors hover:bg-btn hover:text-btn-ink disabled:cursor-wait disabled:opacity-60",children:o?"\u2026":"Apply"})]}):je("div",{className:["flex items-center justify-between gap-3 border px-4 py-3",t.valid?"border-accent":"border-line"].join(" "),style:t.valid?{background:"color-mix(in oklab, var(--accent) 8%, transparent)"}:void 0,children:[ae("span",{className:["font-mono text-[11px] uppercase tracking-[0.22em]",t.valid?"text-accent":t.deferred?"text-fg":"text-fg-dim line-through"].join(" "),children:t.code}),ae("button",{type:"button",onClick:r,"aria-label":`Remove coupon ${t.code}`,className:"font-mono text-[12px] text-fg-dim transition-colors hover:text-fg",children:"\u2715"})]}),t?.deferred?ae("p",{className:"font-mono text-[10px] uppercase tracking-[0.18em] text-fg-dim",children:wt}):t&&!t.valid&&t.message&&ae("p",{className:"font-mono text-[10px] uppercase tracking-[0.18em] text-alert",children:t.message})]})}var Ze="Ads on. Shopper can opt out.",Oe="Ads and analytics off until Accept",sr={us:{region:"us",name:"United States",model:"opt-out",law:"California CCPA / CPRA, other state laws",beforeChoice:Ze,footerLink:"Do Not Sell or Share My Personal Information",panelEyebrow:"Do not sell or share",adsRowName:"Sale or sharing for ads"},ca:{region:"ca",name:"Canada",model:"opt-in",law:"PIPEDA, Quebec Law 25",beforeChoice:Oe,footerLink:"Privacy choices",panelEyebrow:"Privacy choices",adsRowName:"Advertising"},au:{region:"au",name:"Australia",model:"opt-out",law:"Privacy Act 1988 (APPs)",beforeChoice:Ze,footerLink:"Privacy choices",panelEyebrow:"Privacy choices",adsRowName:"Advertising"},nz:{region:"nz",name:"New Zealand",model:"opt-out",law:"Privacy Act 2020",beforeChoice:Ze,footerLink:"Privacy choices",panelEyebrow:"Privacy choices",adsRowName:"Advertising"},uk:{region:"uk",name:"United Kingdom",model:"opt-in",law:"PECR, UK GDPR",beforeChoice:Oe,footerLink:"Cookie settings",panelEyebrow:"Cookie settings",adsRowName:"Advertising"},eu:{region:"eu",name:"European Union",model:"opt-in",law:"ePrivacy Directive, GDPR",beforeChoice:Oe,footerLink:"Cookie settings",panelEyebrow:"Cookie settings",adsRowName:"Advertising"},other:{region:"other",name:"All other countries",model:"opt-in",law:"Safe default",beforeChoice:Oe,footerLink:"Cookie settings",panelEyebrow:"Cookie settings",adsRowName:"Advertising"}};function lr(e){let t=[...e.googleAds?["Google"]:[],...e.meta?["Facebook","Instagram"]:[]];return t.length<=1?t.join(""):`${t.slice(0,-1).join(", ")} and ${t[t.length-1]}`}function xi(e,t,n){let r=lr(n),o=r?`We use cookies to count visits and to show you ${t} ads on ${r}.`:"We use cookies to count visits.";return e.model==="opt-in"?{heading:r?"Cookies and ads":"Cookies",before:`${o} Nothing loads until you choose. You can change this at any time with `,link:e.footerLink,after:" at the bottom of every page."}:{heading:r?"Cookies and ads":"Cookies",before:`${o} You can say no at any time: choose Privacy choices, or use `,link:e.footerLink,after:" at the bottom of every page."}}var Si={accept:"Accept all",reject:"Reject all",choose:"Choose",save:"Save",ok:"OK",privacyChoices:"Privacy choices",privacyPolicy:"Privacy Policy",alwaysOn:"Always on"};var ur={asked:!1,region:"other",model:"opt-in",analytics:!0,ads:!0,chosen:!0,gpc:!1};var cr=ur;function wi(e=cr){if(e.asked)return e.ads?"granted":"denied"}function Ni(){let e=typeof crypto<"u"?crypto:void 0;if(typeof e?.randomUUID=="function")return e.randomUUID();let t=new Uint8Array(16);if(typeof e?.getRandomValues=="function")e.getRandomValues(t);else for(let r=0;r<t.length;r++)t[r]=Math.floor(Math.random()*256);t[6]=t[6]&15|64,t[8]=t[8]&63|128;let n=Array.from(t,r=>r.toString(16).padStart(2,"0")).join("");return`${n.slice(0,8)}-${n.slice(8,12)}-${n.slice(12,16)}-${n.slice(16,20)}-${n.slice(20)}`}import{Children as fr,isValidElement as pr,useEffect as Vt,useId as mr,useLayoutEffect as jt,useRef as Q,useState as Yt}from"react";var Me=(e,t)=>!!e[t]&&!e[t].disabled;function Je(e,t,n){let r=e.length;for(let o=1;o<=r;o++){let i=((t+n*o)%r+r)%r;if(Me(e,i))return i}return t}function et(e,t){return Je(e,t===1?-1:e.length,t)}function tt(e,t){return Me(e,t)?t:Math.max(et(e,1),0)}function Xt(e,t,n){let{open:r,focus:o}=e,i=a=>({...e,...a});if(t.length===1&&/\S/.test(t)){let a=e.typed+t.toLowerCase(),l=n.findIndex((c,u)=>Me(n,u)&&c.label.toLowerCase().startsWith(a));return{state:i({open:!0,typed:a,focus:l>=0?l:o}),handled:!0}}if(!r)return t==="ArrowDown"||t==="ArrowUp"||t==="Enter"||t===" "?{state:i({open:!0,typed:""}),handled:!0}:{state:e,handled:!1};switch(t){case"ArrowDown":return{state:i({focus:Je(n,o,1)}),handled:!0};case"ArrowUp":return{state:i({focus:Je(n,o,-1)}),handled:!0};case"Home":return{state:i({focus:et(n,1)}),handled:!0};case"End":return{state:i({focus:et(n,-1)}),handled:!0};case"Enter":case" ":return Me(n,o)?{state:i({open:!1,typed:""}),commit:o,refocus:!0,handled:!0}:{state:e,handled:!0};case"Escape":return{state:i({open:!1,typed:""}),refocus:!0,handled:!0};case"Tab":return{state:i({open:!1,typed:""}),handled:!1};default:return{state:e,handled:!1}}}import{placeMenu as gr}from"efficient-shell/ui";import{Fragment as Sr,jsx as j,jsxs as Zt}from"react/jsx-runtime";var Qt={body:"text-[length:var(--size-body,14px)]",label:"text-[length:var(--size-label,13px)]"};function hr({items:e,value:t,onPick:n,open:r,onOpen:o,onClose:i}){let[a,l]=Yt(!1),c=r!==void 0,u=c?r:a,[f,d]=Yt(0),S=Q({text:"",timer:0}),N=Q(null),C=Q(null),b=Q(null),P=mr(),O=Q(null),M=e.findIndex(y=>y.value===t),I=y=>{y!==u&&(c||l(y),y?o?.():i?.())},v=y=>{let w=e[y];!w||w.disabled||(n(w.value),I(!1),C.current?.focus())},x=y=>{let w={open:u,focus:u?f:tt(e,M),typed:S.current.text},m=Xt(w,y,e);return!m.handled&&m.state.open===u?!1:(m.state.typed!==w.typed&&(S.current.text=m.state.typed,window.clearTimeout(S.current.timer),S.current.timer=window.setTimeout(()=>{S.current.text=""},500)),d(m.state.focus),m.commit!==void 0?v(m.commit):I(m.state.open),m.refocus&&C.current?.focus(),m.handled)},W=Q(x);W.current=x;let A=Q(()=>I(!1));A.current=()=>I(!1);let G=y=>{u||(O.current=y.nativeEvent,W.current(y.key)&&y.preventDefault())};return Vt(()=>{if(!u)return;let y=m=>{N.current?.contains(m.target)||A.current()},w=m=>{m!==O.current&&W.current(m.key)&&m.preventDefault()};return document.addEventListener("mousedown",y),document.addEventListener("keydown",w),()=>{document.removeEventListener("mousedown",y),document.removeEventListener("keydown",w)}},[u]),Vt(()=>{u&&(S.current.text||d(tt(e,M)))},[u]),jt(()=>{if(!u||!b.current)return;b.current.children.item(f)?.scrollIntoView({block:"nearest"})},[f,u]),{open:u,toggle:()=>I(!u),close:()=>I(!1),focusIdx:f,setFocusIdx:d,pick:y=>v(e.findIndex(w=>w.value===y)),wrapRef:N,triggerRef:C,listRef:b,listId:P,onTriggerKeyDown:G,activeId:u?`${P}-${f}`:void 0}}var yr={select:{list:"absolute left-0 top-full z-50 mt-1 max-h-[280px] w-max min-w-full overflow-y-auto border-2 border-accent bg-bg shadow-xl",item:(e,t,n)=>["px-3 py-3 font-mono text-[13px] font-semibold uppercase tracking-[0.1em] transition-colors whitespace-nowrap",n?"cursor-not-allowed opacity-40":"cursor-pointer",e&&!n?"bg-accent text-bg":"bg-bg text-fg"].join(" ")},cell:{list:"absolute left-0 top-full z-50 mt-1 max-h-[320px] w-max min-w-full overflow-y-auto border-2 border-accent bg-bg shadow-xl",item:e=>[`cursor-pointer whitespace-nowrap px-6 py-3 font-mono ${Qt.label} font-semibold uppercase tracking-[0.1em] transition-colors`,e?"bg-accent text-bg":"bg-bg text-fg"].join(" "),pickerMarker:!0},hairline:{list:"absolute left-0 top-full z-50 max-h-[320px] w-full overflow-y-auto border border-line bg-bg shadow-[0_6px_20px_rgba(0,0,0,0.10)]",item:(e,t)=>[`flex cursor-pointer items-center justify-between gap-4 border-b border-line px-4 py-3 text-left ${Qt.body} transition-colors last:border-b-0`,t?"border-fg font-medium text-fg":e?"border-fg text-fg":"text-fg-dim"].join(" "),pickerMarker:!0},region:{list:"absolute right-0 top-full z-[200] mt-2 flex min-w-[240px] flex-col border border-line bg-surface text-fg",item:(e,t,n,r)=>["flex w-full cursor-pointer items-center gap-3 px-4 py-3 text-left transition-colors","font-mono text-[13px] uppercase tracking-[0.18em]",e?"bg-surface-2 text-fg":"",r?"":"border-b border-line",t?"text-accent":""].join(" "),itemStyle:e=>e?void 0:{color:"color-mix(in oklab, currentColor 80%, transparent)"}}};function br(e,t){jt(()=>{let n=e.current,r=n?.ownerDocument.defaultView;if(!n||!r)return;let o=()=>{let i=n.style;i.top=i.bottom=i.marginTop=i.marginBottom=i.maxHeight=i.overflowY=i.translate="";let a=n.offsetParent??n.parentElement;if(!a)return;let l=a.getBoundingClientRect(),c=n.getBoundingClientRect(),u=Math.abs(c.right-l.right)<Math.abs(c.left-l.left)?"end":"start",f=gr({trigger:{left:l.left,right:l.right,top:l.top,bottom:l.bottom},menu:{width:c.width,height:c.height},bounds:{left:0,top:0,right:r.innerWidth,bottom:r.innerHeight},align:u,side:"bottom"});if(f.side==="top"){i.top="auto",i.bottom="100%",i.marginTop="0px";let S=f.top+Math.min(c.height,f.maxHeight);i.marginBottom=`${Math.max(0,l.top-S)}px`}f.maxHeight<c.height&&(i.maxHeight=`${f.maxHeight}px`,i.overflowY="auto");let d=f.left-c.left;d&&(i.translate=`${d}px`)};return o(),r.addEventListener("resize",o),r.addEventListener("scroll",o,!0),()=>{r.removeEventListener("resize",o),r.removeEventListener("scroll",o,!0)}},[e,t])}function Cr({id:e,tone:t,items:n,value:r,focusIdx:o,onFocus:i,onPick:a,listRef:l,ariaLabel:c}){let u=yr[t],f=Q(null);return br(f,n.length),j("ul",{ref:d=>{f.current=d,l&&(l.current=d)},id:e,role:"listbox","aria-label":c,...u.pickerMarker?{"data-picker-menu":""}:{},className:u.list,children:n.map((d,S)=>{let N=d.value===r;return j("li",{id:`${e}-${S}`,role:"option","aria-selected":N,"aria-disabled":d.disabled||void 0,onMouseEnter:()=>!d.disabled&&i(S),onMouseDown:C=>{C.preventDefault(),d.disabled||a(d.value)},className:u.item(S===o,N&&d.value!=="",!!d.disabled,S===n.length-1),style:u.itemStyle?.(N),children:d.meta===void 0?d.label:Zt(Sr,{children:[d.lead,j("span",{className:"flex-1 whitespace-nowrap",children:d.label}),j("span",{className:"ml-auto text-[12px] opacity-50",children:d.meta})]})},`${d.value}_${S}`)})})}function xr({value:e,onChange:t,disabled:n,children:r,className:o,style:i,name:a,id:l,"aria-label":c}){let u=fr.toArray(r).flatMap(C=>{if(!pr(C))return[];if(C.type!=="option")return[];let P=C.props,O=P.value!==void 0?String(P.value):"",M=P.children,I=typeof M=="string"||typeof M=="number"?String(M):O;return[{value:O,label:I,disabled:!!P.disabled}]}),f=e??"",d=hr({items:u,value:f,onPick:C=>t?.({target:{value:C}})}),N=u.find(C=>C.value===f)?.label??u[0]?.label??"";return Zt("div",{ref:d.wrapRef,className:"relative",children:[a&&j("input",{type:"hidden",name:a,value:f}),j("button",{ref:C=>{d.triggerRef.current=C},type:"button",disabled:n,"aria-haspopup":"listbox","aria-expanded":d.open,"aria-controls":d.open?d.listId:void 0,"aria-activedescendant":d.activeId,"aria-label":c,id:l,onClick:()=>!n&&d.toggle(),onKeyDown:C=>!n&&d.onTriggerKeyDown(C),className:`block w-full ${o??""}`,style:i,children:j("span",{className:"block w-full truncate text-left",children:N})}),d.open&&j(Cr,{id:d.listId,tone:"select",items:u,value:f,focusIdx:d.focusIdx,onFocus:d.setFocusIdx,onPick:d.pick,listRef:d.listRef})]})}import{jsx as xe,jsxs as De}from"react/jsx-runtime";var vr="font-mono text-[length:var(--size-label,12px)]",Er="font-semibold uppercase tracking-[0.22em] text-fg";function Jt(e){return`${e??vr} ${Er}`}function en(){return xe("span",{className:"text-accent",children:" *"})}function Pr({children:e,required:t,labelFace:n}){return De("span",{className:Jt(n),children:[e,t?xe(en,{}):null]})}function wr({label:e,required:t,hint:n,separate:r,htmlFor:o,labelFace:i,className:a,children:l}){let c=a?`flex flex-col gap-2 ${a}`:"flex flex-col gap-2",u=n?xe("span",{className:"font-mono text-[11px] uppercase tracking-[0.22em] text-fg-dim",children:n}):null;return r||n?De("div",{className:c,children:[De("label",{htmlFor:o,className:Jt(i),children:[e,t?xe(en,{}):null]}),l,u]}):De("label",{htmlFor:o,className:c,children:[xe(Pr,{required:t,labelFace:i,children:e}),l]})}export{Wr as a,Gr as b,qr as c,ht as d,Ge as e,_r as f,Nr as g,Rr as h,Lr as i,ln as j,un as k,Ir as l,Ar as m,qe as n,Ne as o,me as p,kr as q,Re as r,yn as s,bn as t,Vr as u,Yr as v,Nt as w,Xe as x,Qr as y,jr as z,xn as A,Zr as B,Jr as C,Sn as D,eo as E,En as F,to as G,no as H,Rt as I,lo as J,uo as K,co as L,mo as M,go as N,Fr as O,vt as P,Ur as Q,Le as R,Ye as S,No as T,$t as U,Go as V,Vn as W,Ko as X,ai as Y,si as Z,nr as _,di as $,zt as aa,fi as ba,or as ca,pi as da,ar as ea,sr as fa,xi as ga,Si as ha,ur as ia,wi as ja,Ni as ka,hr as la,Cr as ma,xr as na,Pr as oa,wr as pa};