16iartxremz7w.js?dpl=dpl_4v5pGniR5dWvt2sBBTjauoXv3qSu

js bagdock.com collected 2026-09-25 22:00:22 UTC 96,206 bytes, 1 lines download raw bytes

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,211521,106833,206736,e=>{"use strict";var t=e.i(72785),s=e.i(957504),a=e.i(84429),r=e.i(56418),n=e.i(115782),l=e.i(571180),i=e.i(857905);let d={uk:"London",ie:"Dublin",fr:"Paris",us:"New York City",ch:"Zurich"},o={uk:{label:"VAT",rate:.2},ie:{label:"VAT",rate:.23},fr:{label:"VAT",rate:.2},us:{label:"Sales tax",rate:.08875},ch:{label:"VAT",rate:.081}};function c(){let e=(0,i.useMetricsRegion)();return(0,s.useMemo)(()=>{let t=d[e.key]??"London",s=l.REGIONS.find(e=>e.label===t)??l.REGIONS[0],r=s?.facilities[0];if(!s||!r)return null;let n=r.units.find(e=>50===e.sqft)??r.units[Math.min(1,r.units.length-1)];if(!n)return null;let i=o[e.key]??{label:"VAT",rate:.2},c=Math.round(100*n.price),x=Math.round(.9*c),m=x+1400,h=!!n.promo,p=m-(h?Math.round(x/2):0),u=Math.round(p*i.rate);return{region:s,facility:r,unit:n,currencyCode:s.currencyCode,money:e=>(0,a.formatMoneyIn)(e/100,s.locale,s.currencyCode),moneyWhole:e=>(0,a.formatMoneyIn)(e/100,s.locale,s.currencyCode,{whole:!0}),moneyMajor:e=>(0,a.formatMoneyIn)(e,s.locale,s.currencyCode),moneyMajorWhole:e=>(0,a.formatMoneyIn)(e,s.locale,s.currencyCode,{whole:!0}),base:c,plan:x,promo:h,firstMonth:p,tax:u,taxLabel:i.label,deposit:c,total:p+u,addOn:1400,subtotal:m,sqm:(.0929*n.sqft).toFixed(1),country:({uk:"United Kingdom",ie:"Ireland",fr:"France",us:"United States",ch:"Switzerland","ch-fr":"Switzerland","ch-it":"Switzerland"})[e.key]??"United Kingdom"}},[e.key])}function x({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,t.jsx)("path",{d:"m15 18-6-6 6-6"})})}function m({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":!0,children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M16.704 5.29a1 1 0 010 1.42l-7.5 7.5a1 1 0 01-1.42 0l-3.5-3.5a1 1 0 011.42-1.42l2.79 2.79 6.79-6.79a1 1 0 011.42 0z",clipRule:"evenodd"})})}function h({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,t.jsx)("path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"})})}function p({className:e}){return(0,t.jsxs)("svg",{className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,t.jsx)("rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}),(0,t.jsx)("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]})}function u({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,t.jsx)("path",{d:"m6 9 6 6 6-6"})})}function g({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,t.jsx)("path",{d:"m9 18 6-6-6-6"})})}function b({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,t.jsx)("path",{d:"m18 15-6-6-6 6"})})}function f({children:e,onClick:s}){return(0,t.jsx)("button",{type:"button",onClick:s,className:"w-full py-4 rounded-full font-semibold text-base bg-[#1A059E] text-white hover:bg-[#090045] shadow-lg border-b-4 border-[#090045] active:scale-[0.98] transition-all",children:(0,t.jsxs)("span",{className:"inline-flex items-center justify-center gap-1.5",children:[e," ",(0,t.jsx)(g,{className:"w-4 h-4"})]})})}function y({variant:e,title:s,subtitle:a,step:r,total:n,onBack:l}){let i="mobile"===e;return(0,t.jsx)("header",{className:`bg-[#0f172a] text-white ${i?"rounded-[24px] px-3 py-2.5":"rounded-full px-5 py-3"}`,role:"banner","aria-label":"Checkout navigation",children:(0,t.jsxs)("div",{className:`flex items-center justify-between ${i?"gap-2":"gap-4"}`,children:[i?(0,t.jsxs)("div",{className:"flex items-center bg-indigo-900/60 rounded-full overflow-hidden flex-shrink-0",children:[(0,t.jsx)("button",{type:"button",onClick:l,className:"flex items-center justify-center w-9 h-9 hover:bg-indigo-800/80 transition-colors","aria-label":"Go back to previous step",children:(0,t.jsx)(x,{className:"w-5 h-5 text-indigo-400"})}),(0,t.jsx)("div",{className:"relative w-9 h-9 flex-shrink-0",children:(0,t.jsx)("img",{src:"/favicons/apple-touch-icon.png",alt:"Bagdock",className:"absolute inset-0 h-full w-full object-contain rounded-full p-[0.15rem]"})})]}):(0,t.jsxs)("div",{className:"flex items-center gap-3 flex-shrink-0",children:[(0,t.jsx)("button",{type:"button",onClick:l,className:"flex items-center justify-center w-10 h-10 rounded-full bg-indigo-900/60 hover:bg-indigo-800/80 transition-colors","aria-label":"Go back to previous step",children:(0,t.jsx)(x,{className:"w-5 h-5 text-indigo-400"})}),(0,t.jsx)("div",{className:"relative w-24 h-10",children:(0,t.jsx)("img",{src:"/bagdock-white-logo.png",alt:"Bagdock",className:"absolute inset-0 h-full w-full object-contain"})})]}),(0,t.jsxs)("div",{className:"flex-1 min-w-0 text-center",children:[(0,t.jsx)("div",{className:`font-bold leading-tight truncate ${i?"text-sm":"text-base"}`,children:s}),(0,t.jsx)("p",{className:`text-white/70 leading-tight truncate ${i?"text-[11px]":"text-sm"}`,children:a})]}),(0,t.jsxs)("span",{className:`flex-shrink-0 font-bold whitespace-nowrap ${i?"text-xs":"text-base"}`,children:["Step ",r," of ",n]})]})})}function j({percent:e}

1){return(0,t.jsx)("div",{"aria-hidden":!0,className:"h-1 bg-gray-100 rounded-full overflow-hidden",children:(0,t.jsx)("div",{className:"h-full bg-gradient-to-r from-indigo-500 to-indigo-600 rounded-full transition-all duration-300",style:{width:`${e}%`}})})}let N=[{title:"Rent or reserve",sub:"Choose how to secure this unit.",cta:"Continue to your details"},{title:"Your details",sub:"We need some information to complete your rental.",cta:"Continue to identity check"},{title:"Verify your identity",sub:"Quick check to get your access code.",cta:"Continue to add-ons"},{title:"Protection & add-ons",sub:"Choose cover and optional extras for this unit.",cta:"Continue to payment"},{title:"Payment",sub:"Complete your rental securely.",cta:null}];function v({title:e,sub:s}){return(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:"text-lg lg:text-xl font-bold text-gray-900",children:e}),(0,t.jsx)("p",{className:"text-xs lg:text-sm text-gray-500 mt-0.5",children:s})]})}function w({leftLabel:e,rightLabel:s,rightSubLabel:a,selected:r}){return(0,t.jsxs)("div",{role:"radio","aria-checked":r,className:`w-full flex items-center justify-between px-4 py-3 rounded-xl bg-white cursor-pointer ${r?"border-[#0f172a] border-2":"border border-gray-200 hover:border-gray-300"}`,children:[(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("div",{"aria-hidden":!0,className:"w-5 h-5 rounded-full border-2 flex items-center justify-center",style:{borderColor:r?"#0f172a":"#d1d5db",backgroundColor:r?"#0f172a":"transparent"},children:r&&(0,t.jsx)("div",{className:"w-2 h-2 rounded-full bg-white"})}),(0,t.jsx)("span",{className:"text-sm font-medium text-gray-900",children:e})]}),(0,t.jsxs)("div",{className:"text-right",children:[(0,t.jsx)("p",{className:"text-sm md:text-base font-bold text-gray-900",children:s}),(0,t.jsx)("p",{className:"text-xs md:text-sm text-gray-500",children:a})]})]})}function k({name:e,features:s,price:a,money:r,selected:n,mostPopular:l}){return(0,t.jsxs)("div",{role:"radio","aria-checked":!!n,className:`bg-white rounded-xl p-3 lg:p-4 transition-all flex flex-col cursor-pointer min-w-[200px] flex-1 basis-[calc(33.333%-0.75rem)] ${n?"border-[#0f172a] border-2":l?"border-[#1A059E] border-2":"border border-gray-200 hover:border-gray-300"}`,children:[(0,t.jsx)("div",{className:"mb-2 lg:mb-3","aria-hidden":!0,children:(0,t.jsx)("div",{className:`w-4 h-4 lg:w-5 lg:h-5 rounded-full border-2 flex items-center justify-center transition-all ${n?"border-[#0f172a] bg-[#0f172a]":"border-gray-300"}`,children:n&&(0,t.jsx)("div",{className:"w-1.5 h-1.5 lg:w-2 lg:h-2 rounded-full bg-white"})})}),(0,t.jsxs)("div",{className:"mb-1.5 lg:mb-2 flex items-center gap-1.5 flex-wrap",children:[(0,t.jsx)("p",{className:"text-xs lg:text-base font-bold text-gray-900 uppercase tracking-wide",children:e}),l&&(0,t.jsx)("span",{className:"text-[9px] lg:text-[10px] font-bold px-1.5 py-0.5 rounded-full bg-[#1A059E] text-white uppercase tracking-wide",children:"Most popular"})]}),(0,t.jsx)("p",{className:"text-xs lg:text-sm text-gray-500 mb-1.5 lg:mb-2 leading-relaxed capitalize",children:"Billed monthly"}),(0,t.jsx)("ul",{className:"mb-2 lg:mb-3 space-y-1",children:s.map(e=>(0,t.jsxs)("li",{className:"flex items-start gap-1.5 text-[11px] lg:text-xs text-gray-600",children:[(0,t.jsx)(m,{className:"w-3 h-3 lg:w-3.5 lg:h-3.5 mt-0.5 shrink-0 text-[#1A059E]"}),(0,t.jsx)("span",{children:e})]},e))}),(0,t.jsxs)("div",{className:"mb-2 lg:mb-3 mt-auto",children:[(0,t.jsx)("span",{className:"text-lg lg:text-2xl font-bold text-gray-900",children:r(a)}),(0,t.jsx)("span",{className:"text-xs lg:text-sm text-gray-500 ml-0.5 lg:ml-1",children:"per month"})]}),(0,t.jsx)("div",{"aria-hidden":!0,className:`w-full py-2 lg:py-2.5 rounded-lg font-semibold text-xs lg:text-sm text-center transition-all ${n?"bg-[#0077FF] text-white border-b-4 border-[#0055CC]":"bg-[#1A059E] text-white border-b-4 border-[#090045]"}`,children:n?"Selected":"Select"})]})}function C({m:e}){return(0,t.jsxs)("section",{className:"space-y-2.5 lg:space-y-3",children:[(0,t.jsx)(v,{title:"Choose how to secure this unit",sub:"Reserve your space to lock it in at no cost, then complete your rental online or over the phone. Or pay now to get our best rate."}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)(w,{leftLabel:"Rent now",rightLabel:"Secure today",rightSubLabel:`Starting at ${e.money(e.plan)}/month`,selected:!0}),(0,t.jsx)(w,{leftLabel:"Reserve now",rightLabel:"Pay later",rightSubLabel:`Starting at ${e.money(e.base)}/month`,selected:!1})]})]})}function S({m:e}){return(0,t.jsxs)("section",{className:"space-y-2.5 lg:space-y-3",children:[(0,t.jsx)(v,{title:"Review operator terms",sub:"Read and accept before continuing"}),(0,t.jsx)("div",{className:"rounded-xl border border-gray-200 bg-white px-4 py-3.5",children:(0,t.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-sm font-bold text-gray-900",children:e.facility.name.split(" Â· ")[0]}),(0,t.jsx)("p",{className:"mt-1 text-[13px] leading-relaxed text-gray-600",children:"Month-to-month rental agreement with 14-d

1ay notice. Access 6amâ10pm daily. Insurance required for stored goods."}),(0,t.jsxs)("div",{className:"mt-1.5 inline-flex items-center gap-1 text-xs font-medium text-green-600",children:[(0,t.jsx)(m,{className:"w-3 h-3"})," Terms accepted"]})]}),(0,t.jsx)("span",{"aria-hidden":!0,className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-green-500 text-white",children:(0,t.jsx)(m,{className:"h-3.5 w-3.5"})})]})})]})}function A({m:e,stacked:s=!1}){return(0,t.jsxs)("section",{className:"space-y-2.5 lg:space-y-3",children:[(0,t.jsx)(v,{title:"Choose your pricing tier",sub:"These are managed and controlled by the operator."}),(0,t.jsxs)("div",{className:s?"flex flex-col gap-3":"flex flex-wrap gap-3",children:[(0,t.jsx)(k,{name:"Flexible",features:["Cancel anytime","No commitment"],price:e.base,money:e.money}),(0,t.jsx)(k,{name:"6-Month",features:["10% off monthly rate","Price locked for 6 months"],price:e.plan,money:e.money,selected:!0}),(0,t.jsx)(k,{name:"12-Month",features:["20% off monthly rate","Price locked for 12 months","Free padlock included"],price:Math.round(.8*e.base),money:e.money,mostPopular:!0})]})]})}function M({m:e}){let s=(e,s,a=!1)=>(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-sm font-medium text-gray-700 mb-1.5",children:e}),(0,t.jsx)("div",{"aria-hidden":!0,className:`rounded-xl border border-[#e5e7eb] bg-[#f9fafb] px-4 py-3 text-sm ${a?"text-gray-900":"text-gray-400"}`,children:s})]});return(0,t.jsxs)("section",{className:"space-y-4",children:[(0,t.jsx)(v,{title:"Your details",sub:"Your personal info and billing address."}),s("Full name","Aoife Byrne",!0),s("Address","12 Example Street"),(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[s("City",e.facility.name.split(" Â· ").pop()??"London"),s("Postcode","Postcode")]}),s("Email address","[email protected]"),s("Phone number","Phone number"),(0,t.jsxs)("div",{className:"flex items-center justify-between rounded-xl border border-gray-200 bg-white px-4 py-3.5",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("span",{className:"font-medium text-gray-900 text-sm",children:"Renting on behalf of a business?"}),(0,t.jsx)("p",{className:"text-xs text-gray-500 mt-0.5",children:"Enable to add your business details and tax ID"})]}),(0,t.jsx)("span",{"aria-hidden":!0,className:"relative h-6 w-10 rounded-full bg-gray-200",children:(0,t.jsx)("span",{className:"absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-white shadow"})})]})]})}function P(){return(0,t.jsxs)("div",{className:"space-y-6 lg:space-y-8",children:[(0,t.jsxs)("section",{children:[(0,t.jsxs)("div",{className:"mb-3 lg:mb-4",children:[(0,t.jsx)("h2",{className:"text-lg lg:text-xl font-bold text-gray-900",children:"We need these details for you"}),(0,t.jsx)("p",{className:"text-xs lg:text-sm text-gray-500 mt-0.5 lg:mt-1",children:"These are managed and controlled by the operator."})]}),(0,t.jsx)("div",{className:"space-y-3",children:["Are you active duty in the military?","Is there any lien on the items being stored?"].map(e=>(0,t.jsxs)("div",{className:"flex items-center justify-between px-4 py-4 rounded-xl border border-gray-200 bg-white",children:[(0,t.jsx)("span",{className:"text-sm font-semibold text-gray-900 leading-tight pr-4",children:e}),(0,t.jsxs)("div",{className:"flex flex-shrink-0 gap-1",children:[(0,t.jsx)("span",{className:"px-4 py-1.5 rounded-lg text-sm font-semibold border bg-white text-gray-700 border-gray-200",children:"Yes"}),(0,t.jsx)("span",{className:"px-4 py-1.5 rounded-lg text-sm font-semibold border bg-[#5E6AD2] text-white border-[#5E6AD2]",children:"No"})]})]},e))})]}),(0,t.jsxs)("section",{children:[(0,t.jsxs)("div",{className:"mb-3 lg:mb-4",children:[(0,t.jsx)("h2",{className:"text-lg lg:text-xl font-bold text-gray-900",children:"Verifying your identity"}),(0,t.jsx)("p",{className:"text-xs lg:text-sm text-gray-500 mt-0.5 lg:mt-1",children:"Securely verify your ID with our trusted verification partner. Takes about 60 seconds."})]}),(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsxs)("button",{type:"button",className:"w-full flex items-center justify-center gap-3 px-6 py-4 rounded-xl border-2 border-[#5E6AD2] text-white font-semibold shadow-lg",style:{backgroundImage:"linear-gradient(to right, #5E6AD2, #1A059E)"},children:[(0,t.jsx)(h,{className:"w-5 h-5"}),(0,t.jsx)("span",{children:"Verify your identity"}),(0,t.jsxs)("svg",{className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,

1children:[(0,t.jsx)("path",{d:"M15 3h6v6"}),(0,t.jsx)("path",{d:"M10 14 21 3"}),(0,t.jsx)("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"})]})]}),(0,t.jsx)("div",{className:"p-4 bg-gray-50 border border-gray-200 rounded-xl",children:(0,t.jsxs)("div",{className:"flex items-start gap-3",children:[(0,t.jsx)(h,{className:"w-5 h-5 text-gray-500 flex-shrink-0 mt-0.5"}),(0,t.jsxs)("div",{className:"text-sm text-gray-600",children:[(0,t.jsx)("p",{className:"font-medium text-gray-700 mb-1",children:"What you'll need:"}),(0,t.jsxs)("ul",{className:"list-disc list-inside space-y-0.5",children:[(0,t.jsx)("li",{children:"A valid government-issued ID (passport or driving license)"}),(0,t.jsx)("li",{children:"Good lighting and a camera for a selfie"}),(0,t.jsx)("li",{children:"About 60 seconds of your time"})]})]})]})})]})]})]})}function T({m:e,part:s="both"}){let a=e.facility.name.split(" Â· ")[0];return(0,t.jsxs)("div",{className:"space-y-6 lg:space-y-8",children:["addons"!==s&&(0,t.jsxs)("section",{children:[(0,t.jsxs)("div",{className:"mb-3 lg:mb-4",children:[(0,t.jsx)("h2",{className:"text-lg lg:text-xl font-bold text-gray-900",children:"Bagdock Protect"}),(0,t.jsxs)("p",{className:"text-xs lg:text-sm text-gray-500 mt-0.5 lg:mt-1 leading-relaxed",children:["Bagdock protection is not insurance, and is backed by your operator's facility liability insurance. Claims and underwriting are provided by ",a,"."]})]}),(0,t.jsx)("div",{className:"flex gap-2 lg:gap-3 flex-wrap",children:[{cover:5e3,price:250,selected:!1},{cover:1e4,price:325,selected:!1},{cover:25e3,price:450,selected:!1}].map(s=>(0,t.jsxs)("div",{className:`flex-1 min-w-[120px] flex flex-col items-start px-3 lg:px-4 py-2.5 lg:py-3 rounded-xl border-2 cursor-pointer ${s.selected?"border-[#5E6AD2] bg-indigo-50/50":"border-gray-200 bg-white"}`,children:[(0,t.jsxs)("div",{className:"flex items-center justify-between w-full mb-0.5 lg:mb-1",children:[(0,t.jsxs)("p",{className:"text-xs lg:text-sm font-bold text-gray-900",children:[e.moneyMajorWhole(s.cover)," cover"]}),(0,t.jsx)("span",{"aria-hidden":!0,className:`w-5 h-5 lg:w-6 lg:h-6 rounded-md flex items-center justify-center ${s.selected?"bg-[#5E6AD2]":"bg-gray-100"}`,children:(0,t.jsx)(h,{className:`w-3 h-3 lg:w-4 lg:h-4 ${s.selected?"text-white":"text-gray-400"}`})})]}),(0,t.jsxs)("p",{className:"text-xs lg:text-sm text-gray-500",children:[e.money(s.price),"/month"]})]},s.cover))}),(0,t.jsxs)("div",{className:"mt-3 w-full flex items-center gap-3 px-4 py-3 rounded-xl border-2 border-gray-200 bg-white cursor-pointer",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"w-5 h-5 rounded-full border-2 border-gray-300 flex-shrink-0"}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-sm font-medium text-gray-900",children:"I have my own insurance"}),(0,t.jsx)("p",{className:"text-xs text-gray-500 mt-0.5",children:"You'll need to provide proof of cover if required by the operator."})]})]})]}),"protect"!==s&&(0,t.jsxs)("section",{children:[(0,t.jsxs)("div",{className:"mb-3 lg:mb-4",children:[(0,t.jsx)("h2",{className:"text-lg lg:text-xl font-bold text-gray-900",children:"Available add-ons"}),(0,t.jsx)("p",{className:"text-xs lg:text-sm text-gray-500 mt-0.5 lg:mt-1 leading-relaxed",children:"This operator has these available add-ons. Bagdock Partner add ons are third-party options not directly provided by the operator."})]}),(0,t.jsx)("h3",{className:"text-base lg:text-lg font-bold text-gray-900 mb-2 lg:mb-3",children:"Essentials"}),(0,t.jsx)("div",{className:"space-y-3",children:[{name:"Padlock & key set",desc:"Heavy-duty disc lock for your unit door",price:1400,added:!0},{name:"24/7 access upgrade",desc:"Around-the-clock keypad entry to your unit",price:900,added:!1}].map(s=>(0,t.jsxs)("div",{className:`flex items-center gap-3 lg:gap-4 p-3 lg:p-4 rounded-xl border ${s.added?"border-[#5E6AD2]/40 bg-indigo-50/30":"border-gray-200 bg-white"}`,children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"w-14 h-14 lg:w-16 lg:h-16 rounded-lg bg-gray-100 flex-shrink-0 overflow-hidden",children:(0,t.jsx)("span",{className:"block w-full h-full bg-gradient-to-br from-gray-200 to-gray-300"})}),(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsx)("h4",{className:"text-xs lg:text-sm font-bold text-gray-900",children:s.name}),(0,t.jsx)("p",{className:"text-xs lg:text-sm text-gray-500 mt-0.5",children:s.desc}),(0,t.jsxs)("p",{className:"text-xs lg:text-sm font-semibold text-gray-900 mt-0.5 lg:mt-1",children:[e.money(s.price),"/month"]})]}),(0,t.jsx)("span",{className:"flex items-center gap-1 lg:gap-1.5 px-3 lg:px-4 py-1.5 lg:py-2 rounded-lg text-xs lg:text-sm font-semibold bg-[#5E6AD2] text-white",children:s.added?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(m,{className:"w-3.5 h-3.5 lg:w-4 lg:h-4"}),(0,t.jsx)("span",{children:"Added"})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{"aria-hidden":!0,

1children:"+"}),(0,t.jsx)("span",{children:"Add"})]})})]},s.name))})]})]})}function L({m:e,compact:s=!1}){let a=(e,s,a=!1)=>(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-sm font-medium text-gray-700 mb-1.5",children:e}),(0,t.jsx)("div",{"aria-hidden":!0,className:`rounded-xl border border-[#e5e7eb] bg-[#f9fafb] px-4 py-3 text-sm ${a?"text-gray-900":"text-gray-400"}`,children:s})]});return(0,t.jsxs)("div",{className:"space-y-4",children:[!s&&(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:"text-2xl font-bold text-gray-900",children:"Complete your payment"}),(0,t.jsxs)("p",{className:"text-sm text-gray-500 mt-0.5",children:["Your card will be charged ",e.money(e.total)," today"]})]}),a("Email","[email protected]",!0),(0,t.jsx)("div",{className:"grid grid-cols-3 gap-2",children:[{label:"Card",selected:!0},{label:"Sales tax"===e.taxLabel?"ACH Direct Debit":"GBP"===e.currencyCode?"Bacs Direct Debit":"SEPA Direct Debit",selected:!1},{label:"PayPal",selected:!1}].map(e=>(0,t.jsx)("div",{className:`rounded-xl px-3 py-3 text-[13px] truncate ${e.selected?"border-2 border-[#5E6AD2] bg-indigo-50/50 font-medium text-[#1A059E]":"border border-gray-200 text-gray-700"}`,children:e.label},e.label))}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-sm font-medium text-gray-700 mb-1.5",children:"Card number"}),(0,t.jsxs)("div",{"aria-hidden":!0,className:"flex items-center justify-between rounded-xl border border-[#e5e7eb] bg-[#f9fafb] px-4 py-3",children:[(0,t.jsx)("span",{className:"text-sm text-gray-400",children:"1234 1234 1234 1234"}),(0,t.jsx)("span",{className:"flex gap-1",children:["#f59e0b","#1a4fd8","#3b82f6","#6b7280"].map(e=>(0,t.jsx)("span",{"aria-hidden":!0,className:"h-4 w-6 rounded-[3px]",style:{background:e,opacity:.85}},e))})]})]}),(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[a("Expiry date","MM / YY"),a("Security code","CVC")]}),a("Country/Territory",e.country,!0),(0,t.jsx)("button",{type:"button",className:"w-full py-4 bg-indigo-600 rounded-full text-white font-semibold hover:bg-indigo-700 transition-colors",children:(0,t.jsxs)("span",{className:"inline-flex items-center justify-center gap-2",children:[(0,t.jsx)(p,{className:"w-4 h-4"})," Pay securely ",(0,t.jsx)(g,{className:"w-4 h-4"})]})}),(0,t.jsx)("div",{className:"text-center text-xs text-gray-500",children:"256-bit SSL Â· PCI DSS Compliant Â· Powered by Stripe"})]})}function B({operator:e,onAgree:s}){return(0,t.jsxs)("div",{className:"absolute inset-0 z-30 flex items-center justify-center p-6",role:"dialog","aria-modal":"true",children:[(0,t.jsx)("div",{className:"absolute inset-0 bg-black/50 backdrop-blur-sm","aria-hidden":!0}),(0,t.jsxs)("div",{className:"relative bg-white rounded-2xl shadow-2xl w-full max-w-2xl max-h-[88%] flex flex-col overflow-hidden",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between px-6 py-4",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h2",{className:"text-lg font-bold text-gray-900",children:e}),(0,t.jsx)("p",{className:"text-sm text-gray-500",children:"Terms & Conditions"})]}),(0,t.jsx)("span",{"aria-hidden":!0,className:"p-2 rounded-full text-gray-400",children:(0,t.jsx)("svg",{className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:(0,t.jsx)("path",{d:"M18 6 6 18M6 6l12 12"})})})]}),(0,t.jsxs)("div",{className:"min-h-0 flex-1 overflow-hidden border-t border-gray-100 px-6 py-5",children:[(0,t.jsxs)("div",{className:"rounded-xl bg-gray-50 p-4 flex items-start gap-3",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[#0f172a] text-[11px] font-bold text-white",children:e.slice(0,2).toUpperCase()}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-sm font-bold text-gray-900",children:"Quick Summary"}),(0,t.jsx)("p",{className:"mt-1 text-[13.5px] leading-relaxed text-gray-700",children:"Month-to-month license; 14-day notice to vacate; late fees after 7 days; no hazardous or perishable goods."})]})]}),(0,t.jsx)("p",{className:"mt-5 mb-2.5 text-[11px] font-semibold uppercase tracking-wider text-gray-500",children:"Covers"}),(0,t.jsx)("div",{className:"grid grid-cols-2 gap-2.5",children:["Rental Agreement","Payment Terms","Access & Security","Termination","Prohibited Items","Insurance"].map((e,s)=>(0,t.jsxs)("div",{className:"flex items-center gap-2.5 rounded-xl bg-gray-50 px-3.5 py-3",children:[(0,t.jsx)("span",{"aria-hidden":!0,

1className:"flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-gray-200 text-[11px] font-semibold text-gray-600",children:s+1}),(0,t.jsx)("span",{className:"text-sm text-gray-900",children:e})]},e))}),(0,t.jsxs)("div",{className:"mt-4 flex items-center justify-center gap-2 rounded-xl border border-dashed border-gray-300 px-4 py-3.5 text-sm text-gray-500",children:[(0,t.jsxs)("svg",{className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,t.jsx)("path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"}),(0,t.jsx)("path",{d:"M14 2v4a2 2 0 0 0 2 2h4"})]}),"View full legal document"]})]}),(0,t.jsx)("div",{className:"flex items-center justify-end px-6 py-4",children:(0,t.jsx)("button",{type:"button",onClick:s,className:"px-6 py-2.5 bg-[#0f172a] text-white rounded-full text-sm font-semibold hover:bg-[#1e293b] transition-colors",children:"I agree to these terms"})})]})]})}function E({m:e,expanded:s}){return(0,t.jsxs)("div",{className:"rounded-2xl border border-gray-200 bg-white overflow-hidden",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between px-4 py-3",children:[(0,t.jsx)("span",{className:"text-sm font-semibold text-gray-900 uppercase tracking-wide",children:"Optional add-ons"}),(0,t.jsx)("span",{"aria-hidden":!0,className:`text-gray-400 transition-transform duration-200 ${s?"rotate-180":""}`,children:(0,t.jsx)(u,{className:"w-5 h-5"})})]}),s&&(0,t.jsx)("div",{className:"border-t border-gray-100 px-4 py-3 space-y-2.5",children:[{name:"24/7 access upgrade",desc:"Around-the-clock keypad entry",price:900},{name:"Van hire discount",desc:"Bagdock Partner, 20% off local van rental",price:0}].map(s=>(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"w-10 h-10 rounded-lg flex-shrink-0 bg-gradient-to-br from-gray-200 to-gray-300"}),(0,t.jsxs)("span",{className:"flex-1 min-w-0",children:[(0,t.jsx)("span",{className:"block text-sm font-medium text-gray-900 truncate",children:s.name}),(0,t.jsx)("span",{className:"block text-xs text-gray-500 truncate",children:s.desc})]}),(0,t.jsx)("span",{className:"text-xs font-medium text-gray-900 [font-variant-numeric:tabular-nums]",children:0===s.price?"Free":`${e.money(s.price)}/mo`}),(0,t.jsx)("span",{className:"rounded-lg bg-[#5E6AD2] px-2.5 py-1 text-xs font-semibold text-white",children:"+ Add"})]},s.name))})]})}function R({moveIn:e="15 Jul 2026",moveOut:s="Ongoing"}){return(0,t.jsxs)("div",{className:"px-4 py-3 flex items-center justify-between gap-3",children:[(0,t.jsxs)("div",{className:"flex items-center gap-4 min-w-0",children:[(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("p",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wide",children:"Move-in"}),(0,t.jsx)("p",{className:"text-sm font-medium text-gray-900 truncate",children:e})]}),(0,t.jsx)("span",{className:"text-gray-300","aria-hidden":!0,children:"â"}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("p",{className:"text-[10px] font-semibold text-gray-500 uppercase tracking-wide",children:"Move-out"}),(0,t.jsx)("p",{className:"text-sm font-medium text-gray-900 truncate",children:s})]})]}),(0,t.jsx)("button",{type:"button",className:"flex-shrink-0 text-gray-900 underline underline-offset-2 text-xs font-medium",children:"Edit dates"})]})}function $({reserve:e=!1}){let s=c();if(!s)return null;let a=(s.unit.promo??"").toUpperCase();return(0,t.jsxs)("div",{className:"w-full rounded-2xl border border-gray-200 bg-white overflow-hidden font-sans",role:"region","aria-label":"Order summary",children:[(0,t.jsxs)("div",{className:"px-4 pt-4 pb-3",children:[(0,t.jsx)("p",{className:"text-xs text-gray-500 mb-0.5",children:"Facility 15 minutes from you."}),(0,t.jsx)("h3",{className:"text-lg font-bold text-gray-900",children:s.facility.name}),(0,t.jsx)("div",{className:"mt-1 text-3xl font-bold text-gray-900 [font-variant-numeric:tabular-nums]",children:e?s.money(F):s.money(s.total)}),(0,t.jsx)("p",{className:"mt-0.5 text-xs text-gray-500",children:e?"Fully refund

1able if you change your mind":`Then ${s.money(s.plan)} per month after month 1`})]}),(0,t.jsx)("div",{className:"border-t border-gray-200"}),(0,t.jsxs)("div",{className:"px-4 py-3 flex items-start gap-3",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"w-16 h-16 bg-gray-100 rounded-lg flex items-center justify-center flex-shrink-0 overflow-hidden",children:(0,t.jsx)("span",{className:"w-10 h-10 bg-gradient-to-br from-slate-300 to-indigo-300 rounded"})}),(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsxs)("div",{className:"flex items-start justify-between",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-md font-normal text-gray-900",children:"Medium unit"}),(0,t.jsxs)("p",{className:"text-base text-gray-900 font-bold",children:[s.sqm," mÂ²",(0,t.jsx)("button",{type:"button",className:"ml-2 text-gray-900 underline underline-offset-2 text-sm font-normal","aria-label":"Edit unit size",children:"Edit size"})]})]}),(0,t.jsxs)("div",{className:"text-right [font-variant-numeric:tabular-nums]",children:[!e&&(0,t.jsx)("p",{className:"text-xs text-gray-400 line-through",children:s.money(s.base)}),(0,t.jsx)("p",{className:"text-sm font-medium text-gray-900",children:s.money(e?s.base:s.plan)})]})]}),(0,t.jsx)("div",{className:"mt-1 space-y-0.5",children:["Ground floor access","24/7 keypad entry","CCTV monitored"].map(e=>(0,t.jsx)("p",{className:"text-xs text-gray-600 leading-relaxed",children:e},e))})]})]}),(0,t.jsx)("div",{className:"border-t border-gray-200"}),(0,t.jsx)(R,{}),!e&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"border-t border-gray-200"}),(0,t.jsxs)("div",{className:"px-4 py-3",children:[(0,t.jsx)("p",{className:"text-sm font-semibold text-gray-900 uppercase tracking-wide mb-2",children:"Add-ons"}),(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"w-10 h-10 rounded-lg flex-shrink-0 overflow-hidden bg-gradient-to-br from-emerald-100 to-teal-200"}),(0,t.jsxs)("span",{className:"flex-1 min-w-0",children:[(0,t.jsx)("span",{className:"block text-sm font-medium text-gray-900 truncate",children:"Padlock & key set"}),(0,t.jsx)("span",{className:"block text-xs text-gray-500 truncate",children:"Heavy-duty disc lock for your unit door"})]}),(0,t.jsx)("span",{className:"text-sm font-medium text-gray-900 [font-variant-numeric:tabular-nums]",children:s.money(s.addOn)})]})]})]}),(0,t.jsx)("div",{className:"border-t border-gray-200"}),e?(0,t.jsxs)("div",{className:"px-4 py-3 space-y-2 [font-variant-numeric:tabular-nums]",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between text-sm",children:[(0,t.jsx)("span",{className:"text-gray-700",children:"Monthly rate"}),(0,t.jsxs)("span",{className:"text-gray-900",children:[s.money(s.base),"/mo"]})]}),(0,t.jsxs)("div",{className:"border-t border-gray-200 pt-3 mt-2",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-sm font-semibold text-gray-900",children:"Deposit to reserve"}),(0,t.jsx)("span",{className:"text-xl font-bold text-gray-900",children:s.money(F)})]}),(0,t.jsx)("p",{className:"text-xs text-gray-500 mt-1",children:"Fully refundable if you change your mind"})]})]}):(0,t.jsxs)("div",{className:"px-4 py-3 space-y-2 text-sm [font-variant-numeric:tabular-nums]",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("span",{className:"text-gray-700",children:["Unit rental ",(0,t.jsx)("span",{className:"ml-1 text-xs text-[#5E6AD2]",children:"(6-month)"})]}),(0,t.jsxs)("span",{className:"text-right text-gray-900",children:[(0,t.jsx)("span",{className:"text-gray-400 line-through text-xs mr-1",children:s.money(s.base)}),s.money(s.plan),"/mo"]})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-gray-700",children:"Add-ons (1)"}),(0,t.jsxs)("span",{className:"text-gray-900",children:[s.money(s.addOn),"/mo"]})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-gray-700",children:"Subtotal"}),(0,t.jsx)("span",{className:"text-gray-900",children:s.money(s.subtotal)})]}),s.promo&&(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"inline-flex items-center px-2.5 py-0.5 bg-[#0f172a] text-white text-[10px] font-bold rounded-full uppercase tracking-wide whitespace-nowrap",children:a}),(0,t.jsxs)("span",{className:"text-green-600 font-medium",children:["-",s.money(s.subtotal-s.firstMonth)]})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-gray-700",children:s.taxLabel}),(0,t.jsx)("span",{className:"text-gray-900",children:s.money(s.tax)})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsxs)("span",{className:"text-gray-700",children:["Security deposit ",(0,t.jsx)("span",{className:"text-xs text-gray-400",children:"(refundable)"})]}),(0,t.jsx)("span",{className:"text-gray-900",children:s.money(s.deposit)})]}),(0,t.jsxs)("div",{className:"border-t border-gray-200 pt-3 mt-2",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-sm font-semibold text-gray-900",children:"Total due today"}),(0,t.jsx)("span",{className:"text-xl font-bold text-gray-900",children:s.money(s.total)})]}),(0,t.jsx)("p",{className:"text-xs text-gray-500 mt-1",children:"Includes 1 add-on"})]})]})]})}function D({m:e,expanded:s,reserve:a=!1}){return(0,t.jsxs)("div",{className:"bg-white rounded-2xl border border-gray-200 overflow-hidden font-sans",role:"region","aria-label":"Unit summary",children:[(0,t.jsx)("div",{className:"p-3",children:(0,t.jsxs)("div",{className:"flex items-start gap-3",children:[(0,t.jsx)("div",{className:"w-20 h-20 bg-gray-100 rounded-lg flex items-center justify-center flex-shrink-0 overflow-hidden",children:(0,t.jsx)("div",{"aria-hidden":!0,

1className:"w-12 h-12 bg-gradient-to-br from-slate-300 to-indigo-300 rounded"})}),(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsx)("div",{className:"text-sm font-semibold text-gray-900",children:e.facility.name}),(0,t.jsxs)("div",{className:"text-sm font-bold text-gray-900",children:[e.sqm," mÂ²",(0,t.jsx)("button",{type:"button",className:"ml-2 text-gray-900 underline underline-offset-2 text-xs font-medium","aria-label":"Edit unit size",children:"Edit size"})]}),(0,t.jsxs)("div",{className:"text-sm text-gray-900 [font-variant-numeric:tabular-nums]",children:[e.money(a?e.base:e.plan)," per month"]}),(0,t.jsx)("div",{className:"text-xs text-gray-500",children:"Facility 15 minutes from you."})]}),!a&&(0,t.jsx)("span",{"aria-hidden":!0,className:`flex-shrink-0 p-1 -mr-1 rounded-full text-gray-400 transition-transform duration-200 ${s?"rotate-180":""}`,children:(0,t.jsx)(u,{className:"w-6 h-6"})})]})}),(0,t.jsx)("div",{className:"border-t border-gray-200"}),(0,t.jsx)(R,{}),a?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"border-t border-gray-200"}),(0,t.jsxs)("div",{className:"px-4 py-3",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-sm font-semibold text-gray-900",children:"Deposit to reserve"}),(0,t.jsx)("span",{className:"text-xl font-bold text-gray-900 [font-variant-numeric:tabular-nums]",children:e.money(F)})]}),(0,t.jsx)("p",{className:"text-xs text-gray-500 mt-1",children:"Refundable deposit to hold your unit"})]})]}):s&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"border-t border-gray-200"}),(0,t.jsxs)("div",{className:"px-4 py-3 space-y-1.5 text-sm [font-variant-numeric:tabular-nums]",children:[(0,t.jsxs)("div",{className:"flex justify-between",children:[(0,t.jsx)("span",{className:"text-gray-700",children:"Unit rental"}),(0,t.jsxs)("span",{className:"text-gray-900",children:[e.money(e.plan),"/mo"]})]}),(0,t.jsxs)("div",{className:"flex justify-between",children:[(0,t.jsx)("span",{className:"text-gray-700",children:"Add-ons (1)"}),(0,t.jsxs)("span",{className:"text-gray-900",children:[e.money(e.addOn),"/mo"]})]}),(0,t.jsxs)("div",{className:"flex justify-between",children:[(0,t.jsx)("span",{className:"text-gray-700",children:"Subtotal"}),(0,t.jsx)("span",{className:"text-gray-900",children:e.money(e.subtotal)})]}),e.promo&&(0,t.jsxs)("div",{className:"flex justify-between",children:[(0,t.jsx)("span",{className:"inline-flex items-center px-2 py-0.5 bg-[#0f172a] text-white text-[9px] font-bold rounded-full uppercase tracking-wide",children:(e.unit.promo??"").toUpperCase()}),(0,t.jsxs)("span",{className:"text-green-600",children:["-",e.money(e.subtotal-e.firstMonth)]})]}),(0,t.jsxs)("div",{className:"flex justify-between",children:[(0,t.jsx)("span",{className:"text-gray-700",children:e.taxLabel}),(0,t.jsx)("span",{className:"text-gray-900",children:e.money(e.tax)})]}),(0,t.jsxs)("div",{className:"flex justify-between",children:[(0,t.jsx)("span",{className:"text-gray-700",children:"Security deposit (refundable)"}),(0,t.jsx)("span",{className:"text-gray-900",children:e.money(e.deposit)})]}),(0,t.jsxs)("div",{className:"flex justify-between border-t border-gray-200 pt-1.5 font-semibold",children:[(0,t.jsx)("span",{className:"text-gray-900",children:"Total due today"}),(0,t.jsx)("span",{className:"text-gray-900",children:e.money(e.total)})]})]})]})]})}let F=5e3;function I({kind:e}){let s=c();if(!s)return null;let a="rental"===e?[{label:"Move-in date",value:"15 Jul 2026"},{label:"Insurance",value:`${s.moneyMajor(1e4)} \xb7 ${s.money(325)}/month`},{label:"Payment details",value:"Monthly billing"},{label:"Next billing date",value:"15 Aug 2026"},{label:"Rental reference",value:"9F2KWQ7L"},{label:"Security deposit",value:s.money(s.deposit),hint:"refundable"}]:[{label:"Move-in date",value:"15 Jul 2026"},{label:"Deposit paid",value:s.money(F),hint:"refundable",positive:!0},{label:"Payment details",value:"Card on file"},{label:"Next billing date",value:"15 Aug 2026"},{label:"Reservation ID",value:"9F2KWQ7L"},{label:"Reserved until",value:"13 Jul 2026, 3:00 pm"}];return(0,t.jsxs)("div",{className:"bg-white rounded-2xl border border-gray-200 shadow-sm overflow-hidden w-full max-w-md mx-auto font-sans",role:"status",children:[(0,t.jsx)("div",{className:"h-2 bg-green-500","aria-hidden":!0}),(0,t.jsxs)("div",{className:"p-6 sm:p-8",children:[(0,t.jsxs)("div",{className:"text-center",children:[(0,t.jsx)("div",{className:"mx-auto w-14 h-14 bg-green-100 rounded-full flex items-center justify-center mb-4",children:(0,t.jsx)(m,{className:"w-7 h-7 text-green-600"})}),(0,t.jsx)("h1",{className:"text-2xl font-bold text-gray-900 mb-2",children:"rental"===e?"Rental confirmed":"Reservation successful"}),(0,t.jsx)("p",{className:"text-sm text-gray-600",children:"rental"===e?"Thank you, your storage unit is booked. You'll receive a confirmation email shortly with your rental details and access instructions.":`Thank you for choosing ${s.facility.name}. You will receive a reservation confirmation email shortly with details on the next steps.`})]}),(0,t.jsx)("div",{className:"border-t border-dashed border-gray-200 my-6","aria-hidden":!0}),(0,t.jsx)("dl",{className:"grid grid-cols-2 gap-x-4 gap-y-5 text-left [font-variant-numeric:tabular-nums]",children:a.map(e=>(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("dt",{className:"text-xs text-gray-500 mb-0.5",children:e.label}),(0,t.jsx)("dd",{className:`text-sm font-semibold break-words ${"positive"in e&&e.positive?"text-green-600":"text-gray-900"}`,children:e.value}),"hint"in e&&e.hint&&(0,t.jsx)("p",{className:"text-xs text-gray-500 mt-0.5",children:e.hint})]},e.label))}),(0,t.jsx)("div",{className:"mt-6",children:(0,t.jsx)("span",{className:"inline-block w-full px-6 py-3 bg-indigo-600 text-white font-medium text-center rounded-full",children:"Back to Home"})})]})]})}let O=[{kind:"step",i:0},{kind:"terms"},{kind:"step",i:1},{kind:"step",i:2},{kind:"step",i:3},{kind:"step",i:4},{kind:"rental-success"},{kind:"reserve"},{kind:"reservation-success"}];function U(){let e=c(),{ref:s,step:a,select:l}=(0,r.useAutoCycle)(O.length,{intervalMs:3e3});if(!e)return null;let i=O[Math.min(a,O.length-1)]??O[0];if("rental-success"===i.kind||"reservation-success"===i.kind)return(0,t.jsx)("div",{ref:s,className:"relative flex items-center justify-center overflow-hidden rounded-2xl border border-gray-200 bg-gray-50 px-4 font-sans",style:{...n.BENTO_RADIUS_FIX,width:1180,height:850},children:(0,t.jsx)(I,{kind:"rental-success"===i.kind?"rental":"reservation"})});let d="reserve"===i.kind,o="terms"===i.kind,x=d||o?0:i.i,m=N[x]??N[0],h=d?"Reserve unit":m.title,p=d?"Lock in this unit with no commitment.":4===x?`Complete your payment of ${e.money(e.total)}`:m.sub,u=d?`Pay ${e.money(F)} deposit`:m.cta;return(0,t.jsxs)("div",{ref:s,className:"relative flex overflow-hidden rounded-2xl border border-gray-200 bg-white font-sans",style:{...n.BENTO_RADIUS_FIX,width:1180,height:850},children:[(0,t.jsx)("aside",{className:"h-full w-[44.4%] flex-shrink-0 overflow-hidden bg-[#F6F9FC]","aria-label":"Order summary",children:(0,t.jsxs)("div",{className:"h-full overflow-hidden p-8",children:[(0,t.jsx)("div",{className:"pb-2",children:(0,t.jsx)(y,{variant:"desktop",title:h,subtitle:p,step:d?1:x+1,total:d?1:5,onBack:()=>l(d||o||x<=1?0:x)})}),(0,t.jsx)(j,{percent:d?100:(x+1)/5*100}),(0,t.jsxs)("div",{className:"mt-6 space-y-4",children:[(0,t.jsx)($,{reserve:d}

1),!d&&(0,t.jsx)(E,{m:e,expanded:3===x})]})]})}),(0,t.jsxs)("main",{className:"relative h-full min-w-0 flex-1 bg-white","aria-label":"Checkout options",children:[(0,t.jsx)("div",{className:"h-full overflow-hidden p-10 xl:p-12",children:(0,t.jsxs)("div",{className:"mx-auto max-w-[800px] space-y-6 pb-24",children:[d&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("section",{className:"space-y-2.5 lg:space-y-3",children:[(0,t.jsx)(v,{title:"Choose how to secure this unit",sub:"Reserve your space to lock it in at no cost, then complete your rental online or over the phone. Or pay now to get our best rate."}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)("button",{type:"button",onClick:()=>l(0),className:"w-full text-left",children:(0,t.jsx)(w,{leftLabel:"Rent now",rightLabel:"Secure today",rightSubLabel:`Starting at ${e.money(e.plan)}/month`,selected:!1})}),(0,t.jsx)(w,{leftLabel:"Reserve now",rightLabel:"Pay later",rightSubLabel:`Starting at ${e.money(e.base)}/month`,selected:!0})]})]}),(0,t.jsx)(S,{m:e}),(0,t.jsx)(M,{m:e})]}),!d&&0===x&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("section",{className:"space-y-2.5 lg:space-y-3",children:[(0,t.jsx)(v,{title:"Choose how to secure this unit",sub:"Reserve your space to lock it in at no cost, then complete your rental online or over the phone. Or pay now to get our best rate."}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)(w,{leftLabel:"Rent now",rightLabel:"Secure today",rightSubLabel:`Starting at ${e.money(e.plan)}/month`,selected:!0}),(0,t.jsx)("button",{type:"button",onClick:()=>l(7),className:"w-full text-left",children:(0,t.jsx)(w,{leftLabel:"Reserve now",rightLabel:"Pay later",rightSubLabel:`Starting at ${e.money(e.base)}/month`,selected:!1})})]})]}),(0,t.jsx)(S,{m:e}),(0,t.jsx)(A,{m:e})]}),!d&&1===x&&(0,t.jsx)(M,{m:e}),!d&&2===x&&(0,t.jsx)(P,{}),!d&&3===x&&(0,t.jsx)(T,{m:e}),!d&&4===x&&(0,t.jsx)(L,{m:e})]})}),u&&(0,t.jsx)("footer",{className:"absolute bottom-0 left-0 right-0 z-10 border-t border-gray-200 bg-white p-3",children:(0,t.jsx)("div",{className:"mx-auto max-w-[600px]",children:(0,t.jsx)(f,{onClick:()=>l(d?8:0===x?1:Math.min(6,x+2)),children:u})})})]}),o&&(0,t.jsx)(B,{operator:e.facility.name.split(" Â· ")[0]??"",onAgree:()=>l(2)})]})}let W=[{title:"Rent or reserve",subtitle:"Choose how to secure this unit.",macro:1,cta:"Continue to your plan"},{title:"Choose your plan",subtitle:"Select a payment plan that works for you.",macro:1,cta:"Continue to your details"},{title:"Your details",subtitle:"Your personal info and billing address.",macro:1,cta:"Continue to identity check"},{title:"Verify identity",subtitle:"Quick ID check to get your access code.",macro:2,cta:"Continue to protection"},{title:"Protection plan",subtitle:"Choose your coverage level.",macro:2,cta:"Continue to add-ons"},{title:"Add-ons",subtitle:"Optional extras for your unit.",macro:2,cta:"Continue to payment"},{title:"Payment",subtitle:"Complete your rental.",macro:3,cta:null},{title:"success",subtitle:"",macro:3,cta:null}];function _(){let e=c(),{ref:s,step:a,select:l}=(0,r.useAutoCycle)(W.length,{intervalMs:2600});if(!e)return null;let i=Math.min(a,W.length-1),d=W[i]??W[0];return"success"===d.title?(0,t.jsx)("div",{ref:s,className:"relative flex items-center justify-center overflow-hidden rounded-[28px] border border-gray-200 bg-gray-50 px-4 font-sans",style:{...n.BENTO_RADIUS_FIX,width:390,height:780},children:(0,t.jsx)(I,{kind:"rental"})}):(0,t.jsxs)("div",{ref:s,className:"relative flex flex-col overflow-hidden rounded-[28px] border border-gray-200 bg-white font-sans",style:{...n.BENTO_RADIUS_FIX,width:390,height:780},children:[(0,t.jsx)("div",{className:"px-3 pt-3 pb-2",children:(0,t.jsx)(y,{variant:"mobile",title:d.title,subtitle:d.subtitle,step:d.macro,total:3,onBack:()=>l(Math.max(0,i-1))})}),(0,t.jsx)("div",{className:"mx-4 mb-3",children:(0,t.jsx)(j,{percent:(i+1)/7*100})}),(0,t.jsx)("div",{className:"px-4 pb-4",children:(0,t.jsx)(D,{m:e,expanded:6===i})}),(0,t.jsxs)("div",{className:"min-h-0 flex-1 overflow-hidden px-4 pb-24",children:[0===i&&(0,t.jsxs)("div",{className:"space-y-4",children:[(0,t.jsx)(C,{m:e}),(0,t.jsx)(S,{m:e})]}),1===i&&(0,t.jsx)(A,{m:e,stacked:!0}),2===i&&(0,t.jsx)(M,{m:e}),3===i&&(0,t.jsx)(P,{}),4===i&&(0,t.jsx)(T,{m:e,part:"protect"}),5===i&&(0,t.jsx)(T,{m:e,part:"addons"}),6===i&&(0,t.jsx)(L,{m:e,compact:!0})]}),d.cta&&(0,t.jsx)("footer",{className:"absolute inset-x-0 bottom-0 z-10 border-t border-gray-200 bg-white p-3",children:(0,t.jsx)(f,{onClick:()=>l(Math.min(W.length-1,i+1)),children:d.cta}

1)})]})}let V=["ask","search","results","unit","card-summary","auth","card-identity","verified","card-addons","chat-padlock","card-payment","success"],Y={"card-summary":0,auth:1,"card-identity":2,verified:3,"card-addons":3,"chat-padlock":3,"card-payment":4,success:4},H=["Summary","Contact","Identity","Protection","Payment"];function z({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,t.jsx)("path",{d:"m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"})})}function q({className:e}){return(0,t.jsxs)("svg",{className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,t.jsx)("path",{d:"m5 12 7-7 7 7"}),(0,t.jsx)("path",{d:"M12 19V5"})]})}function G({className:e}){return(0,t.jsxs)("svg",{className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,t.jsx)("path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"}),(0,t.jsx)("circle",{cx:"12",cy:"10",r:"3"})]})}function K({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:(0,t.jsx)("path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z"})})}function X({label:e,done:s,children:a}){return(0,t.jsxs)("div",{className:"mb-2 rounded-xl border border-gray-100 bg-gray-50/70 px-3.5 py-2.5",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 text-[11.5px] leading-relaxed",children:[s?(0,t.jsx)(m,{className:"w-3 h-3 text-emerald-600 flex-none"}):(0,t.jsx)("span",{className:"w-3 h-3 grid place-items-center flex-none","aria-hidden":!0,children:(0,t.jsx)("span",{className:"w-1.5 h-1.5 rounded-full bg-gray-400 animate-pulse"})}),(0,t.jsx)("span",{className:s?"text-gray-700":"text-gray-500",children:e})]}),s&&a&&(0,t.jsx)("div",{className:"mt-1.5 pl-5",children:a})]})}e.s(["AgentCheckoutReplica",0,function(){let e=c(),{ref:s,step:a}=(0,r.useAutoCycle)(V.length,{intervalMs:2400});if(!e)return null;let l=V[Math.min(a,V.length-1)]??"ask",i=V.indexOf(l),d=e.region.facilities.slice(0,2),o=Y[l],x="success"===l;return(0,t.jsxs)("div",{ref:s,className:"relative flex flex-col overflow-hidden rounded-[28px] border border-gray-200 bg-white font-sans",style:{...n.BENTO_RADIUS_FIX,width:390,height:780},children:[(0,t.jsxs)("div",{className:"px-4 pt-4 pb-2.5 border-b border-gray-100 flex items-center gap-2 flex-shrink-0 bg-white",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"flex items-center justify-center w-8 h-8 rounded-full text-gray-700",children:(0,t.jsxs)("svg",{className:"w-4 h-4",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,t.jsx)("path",{d:"m12 19-7-7 7-7"}),(0,t.jsx)("path",{d:"M19 12H5"})]})}),(0,t.jsx)("b",{className:"text-[14px] text-gray-900",children:"Cora"}),(0,t.jsx)("span",{className:"inline-flex items-center min-h-[24px] text-[12.5px] text-gray-500 font-medium",children:"Â· New conversation â¾"})]}),(0,t.jsxs)("div",{className:"min-h-0 flex-1 space-y-2 overflow-hidden px-4 py-4",children:[(0,t.jsx)("div",{className:"max-w-[85%] self-end ml-auto rounded-xl bg-gray-100 px-3.5 py-2.5 text-[13px] leading-relaxed text-gray-900",children:"I need about 4 mÂ² of storage, ground floor if possible."}),1===i&&(0,t.jsx)(X,{label:"Searching facilities",done:!1}),i>=2&&i<=3&&(0,t.jsxs)(X,{label:"Searched facilities",done:!0,children:[(0,t.jsx)("div",{className:"flex items-center gap-1.5 text-xs text-gray-500 mb-2",children:(0,t.jsxs)("span",{children:[(0,t.jsx)("span",{className:"font-medium text-gray-700",children:d.length})," facilities in"," ",e.region.label]})}),(0,t.jsx)("div",{className:"flex flex-wrap gap-1.5 mb-2",children:d.map(e=>(0,t.jsxs)("span",{className:"inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-gray-100 border border-gray-200 text-xs font-medium text-gray-700",children:[(0,t.jsx)(G,{className:"w-3 h-3 text-gray-400 flex-shrink-0"}),(0,t.jsx)("span",{className:"truncate max-w-[140px]",children:e.name})]},e.id))}),(0,t.jsxs)("div",{className:"border border-gray-200 rounded-lg overflow-hidden bg-white",children:[(0,t.jsxs)("div",{className:"p-3",children:[(0,t.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,t.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,t.jsx)("p",{className:"text-sm font-semibold text-gray-900 truncate",children:e.facility.name}),(0,t.jsxs)("div",{className:"flex items-center gap-1 mt-0.5",children:[(0,t.jsx)(G,{className:"w-3 h-3 text-gray-400 flex-shrink-0"}),(0,t.jsx)("span",{className:"text-xs text-gray-500 truncate",children:e.region.label})]})]}),(0,t.jsxs)("div",{className:"text-right flex-shrink-0",children:[(0,t.jsx)("p",{className:"text-sm font-bold text-gray-900 [font-variant-numeric:tabular-nums]",children:e.moneyMajorWhole(Math.round(e.facility.units[0]?.price??e.unit.price))}),(0,t.jsx)("p",{className:"text-[10px] text-gray-400",children:"/mo"})]})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between mt-1.5",children:[(0,t.jsxs)("span",{className:"flex items-center gap-1",children:[(0,t.jsx)(K,{className:"w-3 h-3 text-amber-500"}),(0,t.jsx)("span",{className:"text-xs font-medium text-gray-700",children:"4.8"}),(0,t.jsx)("span",{className:"text-xs text-gray-400",children:"(212)"})]}),(0,t.jsxs)("span",{className:"flex items-center gap-0.5 text-xs font-medium text-gray-500",children:["Full details",(0,t.jsx)(g,{className:"w-3 h-3"})]})]})]}),(0,t.jsxs)("div",{className:"border-t border-gray-100 px-3 py-2 bg-gray-50/50",children:[(0,t.jsxs)("p",{className:"text-[11px] font-medium text-gray-500 mb-1.5",children:[e.facility.units.length," unit sizes available"]}),(0,t.jsxs)("div",{className:"flex flex-wrap gap-1.5",children:[e.facility.units.slice(0,3).map(s=>(0,t.jsxs)("span",{className:`inline-flex items-center gap-1 px-2 py-1 rounded-full border text-[11px] font-medium [font-variant-numeric:tabular-nums] ${s.sqft===e.unit.sqft?"bg-indigo-50 border-indigo-300 text-gray-900":"bg-white border-gray-200 text-gray-700"}`,children:[(0,t.jsxs)("span",{children:[(.0929*s.sqft).toFixed(1)," mÂ²"]}),(0,t.jsx)("span",{className:"text-gray-400",children:"Â·"}),(0,t.jsxs)("span",{className:"text-gray-900",children:[e.moneyMajorWhole(Math.round(s.price)),"/mo"]})]},s.sqft)),e.facility.units.length>3&&(0,t.jsxs)("span",{className:"inline-flex items-center px-2 py-1 rounded-full bg-white border border-dashed border-gray-300 text-[11px] text-gray-400",children:["+",e.facility.units.length-3," more"]})]})]})]})]}),i>=3&&(0,t.jsxs)("div",{className:"max-w-[85%] self-end ml-auto rounded-xl bg-gray-100 px-3.5 py-2.5 text-[13px] leading-relaxed text-gray-900",children:["I'd like the ",e.sqm," mÂ² unit at ",e.facility.name]}),i>=4&&i<=5&&(0,t.jsx)(X,{label:"Started checkout",done:!0,children:(0,t.jsx)("p",{className:"text-[12px] text-gray-600",children:"Pinned below; it stays in step as we talk."})}),"auth"===l&&(0,t.jsxs)("div",{className:"max-w-[90%] rounded-2xl border border-gray-200 bg-white shadow-sm overflow-hidden",children:[(0,t.jsxs)("div",{className:"px-4 py-3 border-b border-gray-100 flex items-center gap-2.5",children:[(0,t.jsx)(p,{className:"w-4 h-4 text-indigo-600 flex-shrink-0"}),(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsx)("p",{className:"text-sm font-semibold text-gray-900",children:"Qu

1ick sign in"}),(0,t.jsx)("p",{className:"text-xs text-gray-500 mt-0.5",children:"To hold this unit for you"})]})]}),(0,t.jsxs)("div",{className:"px-4 py-3.5",children:[(0,t.jsx)("p",{className:"text-xs text-gray-500 mb-2.5",children:"Code sent to +41 â¢â¢ â¢â¢â¢ â¢â¢ 42"}),(0,t.jsx)("div",{className:"flex gap-1.5",children:["4","7","1","","",""].map((e,s)=>(0,t.jsx)("span",{className:`h-10 w-9 rounded-lg border text-center leading-10 text-sm font-semibold ${e?"border-gray-300 text-gray-900":"border-gray-200 text-gray-300"}`,children:e},s))}),(0,t.jsx)("p",{className:"mt-2.5 text-center text-xs text-gray-500",children:"Use email instead"})]})]}),"verified"===l&&(0,t.jsx)("div",{className:"max-w-[90%] p-4 bg-green-50 border border-green-200 rounded-xl",children:(0,t.jsxs)("div",{className:"flex items-center gap-3",children:[(0,t.jsx)(m,{className:"w-5 h-5 text-green-600 flex-shrink-0"}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{className:"text-sm font-medium text-green-800",children:"Identity verified successfully"}),(0,t.jsx)("p",{className:"text-xs text-green-600 mt-0.5",children:"Your identity has been confirmed. You can continue with your rental."})]})]})}),i>=9&&(0,t.jsx)("div",{className:"max-w-[85%] self-end ml-auto rounded-xl bg-gray-100 px-3.5 py-2.5 text-[13px] leading-relaxed text-gray-900",children:"Add the padlock too."}),i>=9&&(0,t.jsx)(X,{label:"Updated checkout",done:!0,children:(0,t.jsxs)("p",{className:"text-[12px] text-gray-600",children:["Padlock & key set added, ",e.money(e.addOn),". Total today ",e.money(e.total),"."]})}),"success"===l&&(0,t.jsxs)("div",{className:"max-w-[90%] rounded-xl border border-gray-200 bg-white shadow-sm overflow-hidden",children:[(0,t.jsx)("div",{"aria-hidden":!0,className:"h-1.5 bg-green-500"}),(0,t.jsxs)("div",{className:"px-3.5 py-3",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)(m,{className:"w-4 h-4 text-green-600 flex-shrink-0"}),(0,t.jsx)("span",{className:"text-sm font-semibold text-gray-900",children:"Rental confirmed"})]}),(0,t.jsxs)("div",{className:"mt-2 space-y-1 text-[12px] text-gray-600 [font-variant-numeric:tabular-nums]",children:[(0,t.jsxs)("p",{children:[e.facility.name," Â· Medium unit Â· ",e.sqm," mÂ²"]}),(0,t.jsxs)("p",{children:["Paid ",e.money(e.total)," Â· then ",e.money(e.plan),"/mo Â· ref 9F2KWQ7L"]})]}),(0,t.jsx)("p",{className:"mt-2 text-[11.5px] text-gray-500",children:"Your access code and move-in details are on their way to your inbox."})]})]})]}),(0,t.jsxs)("div",{className:"flex-shrink-0 border-t border-gray-200 px-4 py-2",children:[null!=o&&!x&&(0,t.jsxs)("div",{className:"rounded-xl border border-gray-200 bg-white p-3 shadow-sm",children:[(0,t.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,t.jsx)("span",{className:"text-sm font-semibold text-gray-900",children:e.facility.name}),(0,t.jsxs)("span",{className:"text-sm font-bold text-gray-900 [font-variant-numeric:tabular-nums]",children:[e.money(e.plan),"/mo"]})]}),(0,t.jsxs)("div",{className:"mt-0.5 text-xs text-gray-500",children:["Medium unit Â· ",e.sqm," mÂ² Â· 6-month rate"]}),(0,t.jsxs)("div",{className:"mt-2.5 flex items-center gap-1",children:[H.map((e,s)=>(0,t.jsxs)("span",{className:"flex items-center gap-1",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:`w-2 h-2 rounded-full ${s<o?"bg-green-400":s===o?"bg-indigo-500":"bg-gray-200"}`}),s===o&&(0,t.jsx)("span",{className:"mr-1 text-[10px] font-medium text-gray-600",children:e})]},e)),(0,t.jsxs)("span",{className:"ml-auto text-[10px] text-gray-400",children:["Step ",o+1," of 5"]})]}),(0,t.jsxs)("div",{className:"mt-2.5",children:[0===o&&(0,t.jsxs)("div",{className:"flex items-baseline justify-between rounded-lg bg-indigo-50/60 px-2.5 py-2 text-[12px] [font-variant-numeric:tabular-nums]",children:[(0,t.jsx)("span",{className:"font-medium text-gray-900",children:"6-month rate Â· 10% off"}),(0,t.jsxs)("span",{className:"font-semibold text-gray-900",children:[e.money(e.plan),"/mo"]})]}),1===o&&(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-2",children:[(0,t.jsx)("span",{"aria-hidden":!0,

1className:"rounded-lg border border-[#e5e7eb] bg-[#f9fafb] px-2.5 py-2 text-[12px] text-gray-900",children:"Aoife Byrne"}),(0,t.jsx)("span",{"aria-hidden":!0,className:"rounded-lg border border-[#e5e7eb] bg-[#f9fafb] px-2.5 py-2 text-[12px] text-gray-400",children:"Mobile number"})]}),2===o&&(0,t.jsxs)("div",{className:"flex items-center justify-center gap-2 rounded-lg px-3 py-2.5 text-[12px] font-semibold text-white",style:{backgroundImage:"linear-gradient(to right, #5E6AD2, #1A059E)"},children:[(0,t.jsx)(h,{className:"w-3.5 h-3.5"})," Verify your identity"]}),3===o&&(0,t.jsxs)("div",{className:"space-y-1.5",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between rounded-lg border-2 border-[#5E6AD2] bg-indigo-50/50 px-2.5 py-2 text-[12px] [font-variant-numeric:tabular-nums]",children:[(0,t.jsxs)("span",{className:"font-medium text-gray-900",children:[e.moneyMajorWhole(1e4)," cover"]}),(0,t.jsxs)("span",{className:"text-gray-600",children:[e.money(325),"/mo"]})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between rounded-lg border border-gray-200 px-2.5 py-2 text-[12px] [font-variant-numeric:tabular-nums]",children:[(0,t.jsx)("span",{className:"text-gray-900",children:"Padlock & key set"}),(0,t.jsxs)("span",{className:"text-gray-600",children:[e.money(e.addOn),"/mo"]})]})]}),4===o&&(0,t.jsxs)("div",{className:"space-y-1.5",children:[(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-1.5",children:[(0,t.jsx)("span",{className:"rounded-lg bg-black px-2 py-2 text-center text-[11.5px] font-semibold text-white",children:"Apple Pay"}),(0,t.jsx)("span",{className:"rounded-lg border border-gray-300 bg-white px-2 py-2 text-center text-[11.5px] font-semibold text-gray-800",children:"Google Pay"})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2 py-0.5 text-[10px] text-gray-400",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"h-px flex-1 bg-gray-200"}),"or pay with card",(0,t.jsx)("span",{"aria-hidden":!0,className:"h-px flex-1 bg-gray-200"})]}),(0,t.jsx)("span",{"aria-hidden":!0,className:"block rounded-lg border border-[#e5e7eb] bg-[#f9fafb] px-2.5 py-2 text-[11.5px] text-gray-400",children:"1234 1234 1234 1234"}),(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-1.5",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"rounded-lg border border-[#e5e7eb] bg-[#f9fafb] px-2.5 py-2 text-[11.5px] text-gray-400",children:"MM / YY"}),(0,t.jsx)("span",{"aria-hidden":!0,className:"rounded-lg border border-[#e5e7eb] bg-[#f9fafb] px-2.5 py-2 text-[11.5px] text-gray-400",children:"CVC"})]}),(0,t.jsxs)("p",{className:"text-[10.5px] text-gray-500",children:["Prefer"," ","Sales tax"===e.taxLabel?"ACH":"GBP"===e.currencyCode?"Bacs Direct Debit":"SEPA Direct Debit","? Set it up here instead."]}),(0,t.jsx)("div",{className:"rounded-lg bg-indigo-600 px-3 py-2.5 text-center text-[12px] font-semibold text-white",children:(0,t.jsxs)("span",{className:"inline-flex items-center gap-1.5",children:[(0,t.jsx)(p,{className:"w-3.5 h-3.5"})," Pay securely Â· ",e.money(e.total)]})})]})]}),(0,t.jsxs)("div",{className:"mt-2 flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-[11px] font-medium text-gray-500",children:"Back to chat"}),4!==o&&(0,t.jsx)("span",{className:"rounded-lg bg-[#1A059E] px-3 py-1.5 text-[11px] font-semibold text-white border-b-2 border-[#090045]",children:"Continue"})]})]}),null!=o&&x&&(0,t.jsxs)("button",{type:"button",className:"w-full flex items-center gap-3 px-3 py-2.5 bg-white border border-gray-200 rounded-xl shadow-sm",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"w-8 h-1 rounded-full bg-gray-300 flex-shrink-0"}),(0,t.jsx)("span",{className:"flex items-center gap-0.5 flex-shrink-0",children:[0,1,2,3,4].map(e=>(0,t.jsx)("span",{"aria-hidden":!0,className:`w-2 h-2 rounded-full ${"success"===l||e<o?"bg-green-400":e===o?"bg-indigo-500":"bg-gray-200"}`},e))}),(0,t.jsxs)("span",{className:"text-xs font-medium text-gray-600 truncate flex-1 text-left [font-variant-numeric:tabular-nums]",children:["success"===l?"Complete":H[o]," Â· ",e.moneyWhole(e.plan),"/mo"]}),(0,t.jsx)(b,{className:"w-4 h-4 text-gray-400 flex-shrink-0"})]}),i<=3&&(0,t.jsx)("div",{className:"rounded-xl border border-dashed border-gray-200 px-3 py-2.5 text-center text-[11px] text-gray-400",children:"Cora pins the checkout here when you choose a unit"})]}),(0,t.jsxs)("div",{className:"px-4 pb-3 pt-2 flex-shrink-0",children:[(0,t.jsxs)("div",{className:"flex flex-col rounded-2xl border border-gray-200 bg-white px-3.5 py-3 shadow-sm",children:[(0,t.jsx)("span",{className:"text-[13px] text-gray-500",children:"Ask about sizes, prices, accessâ¦"}),(0,t.jsxs)("div",{className:"mt-2 flex items-center justify-between",children:[(0,t.jsx)("span",{"aria-hidden":!0,

1className:"w-7 h-7 grid place-items-center rounded-full text-gray-500",children:(0,t.jsx)(z,{className:"w-4 h-4"})}),(0,t.jsx)("span",{"aria-hidden":!0,className:"w-7 h-7 rounded-full grid place-items-center bg-gray-100 text-gray-300",children:(0,t.jsx)(q,{className:"w-3.5 h-3.5"})})]})]}),(0,t.jsxs)("p",{className:"px-0.5 pt-2 text-[11px] text-gray-500",children:["Prices shown live Â· chats recorded to improve the service Â·"," ",(0,t.jsx)("span",{className:"underline",children:"Privacy"})]})]})]})},"CheckoutAppReplica",0,U,"CheckoutAppReplicaMobile",0,_,"UnitSummaryCardReplica",0,$],106833),e.i(116233);var Q=e.i(109403);let J={colorBackground:"#ffffff",colorText:"#111827",colorTextSecondary:"#4b5563",colorDanger:"#b91c1c"},Z={colorBackground:"#0f172a",colorText:"#f8fafc",colorTextSecondary:"#cbd5e1",colorDanger:"#f87171"},ee="#1A059E";function et(e,t){var s;let a,r=(0,Q.parseHex)(e);if(!r)return e;let n=function({r:e,g:t,b:s}){let a=e/255,r=t/255,n=s/255,l=Math.max(a,r,n),i=Math.min(a,r,n),d=l-i,o=0;0!==d&&(o=(l===a?(r-n)/d%6:l===r?(n-a)/d+2:(a-r)/d+4)*60)<0&&(o+=360);let c=(l+i)/2;return{h:o,s:0===d?0:d/(1-Math.abs(2*c-1)),l:c}}(r);return n.l=Math.max(0,Math.min(1,n.l*t)),s=function({h:e,s:t,l:s}){let a=(1-Math.abs(2*s-1))*t,r=e/60,n=a*(1-Math.abs(r%2-1)),l=0,i=0,d=0;r>=0&&r<1?[l,i,d]=[a,n,0]:r<2?[l,i,d]=[n,a,0]:r<3?[l,i,d]=[0,a,n]:r<4?[l,i,d]=[0,n,a]:r<5?[l,i,d]=[n,0,a]:[l,i,d]=[a,0,n];let o=s-a/2;return{r:(l+o)*255,g:(i+o)*255,b:(d+o)*255}}(n),a=e=>Math.max(0,Math.min(255,Math.round(e))).toString(16).padStart(2,"0"),`#${a(s.r)}${a(s.g)}${a(s.b)}`}function es(e,t){let s="dark"===t?Z.colorText:J.colorText,a="#ffffff",r=(0,Q.parseHex)(e)?e:ee,n=!1,l=e=>{let t=(0,Q.contrastRatio)(e,a),r=(0,Q.contrastRatio)(e,s);return t>=r?{fg:a,contrast:t}:{fg:s,contrast:r}},i=l(r),d=0;for(;i.contrast<Q.WCAG_AA_TEXT&&d<24;)i=l(r=et(r,.92)),n=!0,d+=1;return{accent:r,accentForeground:i.fg,accentHover:et(r,.85),foregroundContrast:i.contrast,clamped:n}}let ea=[{name:"Ardran Self Storage",mark:"AR",primaryColor:"#0F766E"},{name:"Northwind Storage",mark:"NW",primaryColor:"#B91C1C"},{name:"Solstice Storage",mark:"SO",primaryColor:"#F59E0B"},{name:"Meridian Vaults",mark:"MV",primaryColor:"#4F46E5"}];function er(e,t){return(0,i.regionMoney)(Math.round(e*t.moneyFactor),t)}function en({className:e}){return(0,t.jsxs)("svg",{className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[(0,t.jsx)("rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2"}),(0,t.jsx)("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]})}function el({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":!0,children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M16.704 5.29a1 1 0 010 1.42l-7.5 7.5a1 1 0 01-1.42 0l-3.5-3.5a1 1 0 011.42-1.42l2.79 2.79 6.79-6.79a1 1 0 011.42 0z",clipRule:"evenodd"})})}function ei({className:e}){return(0,t.jsx)("svg",{className:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:(0,t.jsx)("path",{d:"m9 18 6-6-6-6"})})}function ed({brand:e,mobile:s=!1}){return(0,t.jsxs)("span",{className:"flex items-center gap-2 min-w-0",children:[(0,t.jsx)("span",{className:`grid place-items-center rounded-lg font-bold ${s?"h-8 w-8 text-[11px]":"h-9 w-9 text-[12px]"}`,style:{backgroundColor:"var(--bd-checkout-accent)",color:"var(--bd-checkout-accent-fg)"},"aria-hidden":!0,children:e.mark}),(0,t.jsx)("span",{className:`font-semibold truncate ${s?"text-[13px]":"text-sm"}`,children:e.name})]})}function eo(){return(0,t.jsxs)("div",{className:"grid grid-cols-3 gap-2 text-[13px]",children:[(0,t.jsx)("div",{className:"truncate rounded-xl border-2 bg-gray-50 px-3 py-2.5 text-center font-semibold text-gray-900",style:{borderColor:"var(--bd-checkout-accent)"},children:"Card"}),(0,t.jsx)("div",{className:"rounded-xl border border-gray-200 px-3 py-2.5 text-center text-gray-700 truncate",children:"Apple Pay"}),(0,t.jsx)("div",{className:"rounded-xl border border-gray-200 px-3 py-2.5 text-center text-gray-700 truncate",children:"Bank"})]})}function ec({value:e,className:s=""}

1){return(0,t.jsx)("div",{"aria-hidden":!0,className:`rounded-xl border border-[#e5e7eb] bg-[#f9fafb] px-4 py-3 text-sm text-gray-400 ${s}`,children:e})}function ex({brand:e,cssVars:s,region:a}){let r=er(12500,a);return(0,t.jsxs)("div",{"data-checkout-branded":!0,style:s,className:"flex h-full flex-col overflow-hidden rounded-2xl border border-gray-200 bg-white font-sans",children:[(0,t.jsx)("div",{className:"p-3",children:(0,t.jsxs)("header",{className:"flex items-center justify-between gap-3 rounded-full bg-[#0f172a] px-4 py-2.5 text-white",role:"banner","aria-label":"Checkout navigation",children:[(0,t.jsx)(ed,{brand:e}),(0,t.jsx)("span",{className:"flex-shrink-0 whitespace-nowrap text-xs font-bold",children:"Step 5 of 5"})]})}),(0,t.jsxs)("div",{className:"flex-1 space-y-4 overflow-hidden px-5 pb-5",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:"text-lg font-bold text-gray-900",children:"Complete your payment"}),(0,t.jsxs)("p",{className:"mt-0.5 text-sm text-gray-500",children:["Your card will be charged ",r," today"]})]}),(0,t.jsx)(eo,{}),(0,t.jsxs)("div",{className:"flex items-center justify-between rounded-xl border border-[#e5e7eb] bg-[#f9fafb] px-4 py-3","aria-hidden":!0,children:[(0,t.jsx)("span",{className:"text-sm text-gray-400",children:"1234 1234 1234 1234"}),(0,t.jsx)("span",{className:"flex gap-1",children:["#f59e0b","#1a4fd8","#3b82f6","#6b7280"].map(e=>(0,t.jsx)("span",{"aria-hidden":!0,className:"h-4 w-6 rounded-[3px]",style:{background:e,opacity:.85}},e))})]}),(0,t.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,t.jsx)(ec,{value:"MM / YY"}),(0,t.jsx)(ec,{value:"CVC"})]}),(0,t.jsx)("button",{type:"button",className:"w-full rounded-full border-b-4 py-3.5 text-base font-semibold transition-transform active:scale-[0.98] bd-cta-primary",style:{backgroundColor:"var(--bd-checkout-accent)",color:"var(--bd-checkout-accent-fg)",borderColor:"var(--bd-checkout-accent-hover)"},children:(0,t.jsxs)("span",{className:"inline-flex items-center justify-center gap-2",children:[(0,t.jsx)(en,{className:"h-4 w-4"})," Pay securely ",(0,t.jsx)(ei,{className:"h-4 w-4"})]})}),(0,t.jsx)("p",{className:"text-center text-xs text-gray-500",children:"256-bit SSL Â· PCI DSS Compliant Â· Powered by Stripe"}),(0,t.jsxs)("div",{className:"flex items-start gap-2 rounded-xl border border-gray-200 bg-gray-50 px-3.5 py-2.5",children:[(0,t.jsx)(el,{className:"mt-0.5 h-4 w-4 flex-shrink-0 text-green-600"}),(0,t.jsxs)("p",{className:"text-xs leading-relaxed text-gray-600",children:["Charged directly to ",e.name," on their own Stripe account. Bagdock never holds operator funds."]})]})]})]})}function em({brand:e,cssVars:s,region:a}){let r=er(12500,a);return(0,t.jsxs)("div",{"data-checkout-branded":!0,style:s,className:"flex flex-col overflow-hidden rounded-2xl border border-gray-200 bg-white font-sans",children:[(0,t.jsx)("div",{className:"p-3",children:(0,t.jsxs)("header",{className:"flex items-center justify-between gap-2 rounded-[20px] bg-[#0f172a] px-3 py-2.5 text-white","aria-label":"Checkout navigation",children:[(0,t.jsx)(ed,{brand:e,mobile:!0}),(0,t.jsx)("span",{className:"flex-shrink-0 whitespace-nowrap text-[11px] font-bold",children:"Step 5 of 5"})]})}),(0,t.jsxs)("div",{className:"space-y-3.5 px-4 pb-4",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{className:"text-base font-bold text-gray-900",children:"Complete your payment"}),(0,t.jsxs)("p",{className:"mt-0.5 text-xs text-gray-500",children:["Your card will be charged ",r," today"]})]}),(0,t.jsx)(eo,{}),(0,t.jsx)("div",{className:"flex items-center justify-between rounded-xl border border-[#e5e7eb] bg-[#f9fafb] px-3.5 py-2.5","aria-hidden":!0,children:(0,t.jsx)("span",{className:"text-[13px] text-gray-400",children:"1234 1234 1234 1234"})}),(0,t.jsx)("button",{type:"button",className:"w-full rounded-full border-b-4 py-3 text-sm font-semibold bd-cta-primary",style:{backgroundColor:"var(--bd-checkout-accent)",color:"var(--bd-checkout-accent-fg)",borderColor:"var(--bd-checkout-accent-hover)"},children:(0,t.jsxs)("span",{className:"inline-flex items-center justify-center gap-2",children:[(0,t.jsx)(en,{className:"h-4 w-4"})," Pay securely"]})}),(0,t.jsx)("p",{className:"text-center text-[11px] text-gray-500",children:"256-bit SSL Â· PCI DSS Â· Powered by Stripe"})]})]})}function eh({active:e,onSelect:s}){return(0,t.jsx)("div",{className:"flex items-center gap-2",role:"group","aria-label":"Operator brand colour",children:ea.map((a,r)=>

1(0,t.jsx)("button",{type:"button",onClick:()=>s(r),"aria-pressed":r===e,"aria-label":`Preview the ${a.name} brand`,className:`h-8 w-8 rounded-full transition-transform focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-bd-ring ${r===e?"scale-110":"opacity-70 hover:opacity-100"}`,style:{backgroundColor:a.primaryColor,boxShadow:r===e?`0 0 0 2px var(--bd-surface), 0 0 0 4px ${a.primaryColor}`:void 0}},a.name))})}function ep({label:e,swatch:s,value:a}){return(0,t.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,t.jsx)("span",{className:"text-[12px] text-bd-text-2",children:e}),(0,t.jsxs)("span",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"h-4 w-4 rounded border border-bd-gray-100",style:{backgroundColor:s}}),(0,t.jsx)("span",{className:"font-mono text-[11.5px] text-bd-text [font-variant-numeric:tabular-nums]",children:a})]})]})}function eu({active:e,onSelect:s,appearance:a,accent:r}){let n=a.variables;return(0,t.jsxs)("div",{className:"flex h-full min-h-0 flex-col gap-3 rounded-2xl border border-bd-gray-100 bg-bd-surface p-4",children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:"text-[11px] font-semibold uppercase tracking-[0.08em] text-bd-text",children:"Operator theming"}),(0,t.jsx)("div",{className:"mt-1 text-[13px] leading-relaxed text-bd-text-2",children:"One brand colour sets the accent. The contrast is solved for you."})]}),(0,t.jsx)(eh,{active:e,onSelect:s}),(0,t.jsxs)("div",{className:"space-y-2.5 rounded-xl border border-bd-gray-100 p-3.5",children:[(0,t.jsx)(ep,{label:"Accent",swatch:n.colorPrimary,value:n.colorPrimary.toUpperCase()}),(0,t.jsx)(ep,{label:"Text on accent",swatch:n.colorPrimaryText,value:"auto-derived"}),(0,t.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,t.jsx)("span",{className:"text-[12px] text-bd-text-2",children:"Contrast on accent"}),(0,t.jsxs)("span",{className:"inline-flex items-center gap-1.5 rounded-full border border-bd-gray-100 px-2 py-0.5 text-[11.5px] font-medium text-bd-text",children:[(0,t.jsx)(el,{className:"h-3 w-3 text-bd-success"}),r.foregroundContrast.toFixed(1),":1 Â· WCAG AA"]})]}),(0,t.jsx)("p",{className:"text-[11.5px] leading-relaxed text-bd-text-2",children:r.clamped?"This hue was too light, so the accent was darkened until it cleared 4.5:1.":"If a hue can't clear 4.5:1, the accent darkens itself until it does."})]}),(0,t.jsxs)("div",{className:"mt-auto space-y-2",children:[(0,t.jsx)("div",{className:"text-[11px] font-semibold uppercase tracking-[0.08em] text-bd-text",children:"One surface, two modes"}),[["Direct charge","Paid to the operator's own connected account"],["Operator owns identity","No marketplace verification gate"],["A single operator quote","No marketplace merchandising"],["Your logo and favicon","Swapped in the header and the browser tab"]].map(([e,s])=>(0,t.jsxs)("div",{className:"rounded-lg border border-bd-gray-100 px-3.5 py-2",children:[(0,t.jsx)("div",{className:"text-[12.5px] font-medium text-bd-text",children:e}),(0,t.jsx)("div",{className:"mt-0.5 text-[11.5px] text-bd-text-2",children:s})]},e))]})]})}function eg({active:e,onSelect:s,appearance:a,accent:r}){let n=a.variables;return(0,t.jsxs)("div",{className:"space-y-3 rounded-2xl border border-bd-gray-100 bg-bd-surface p-4",children:[(0,t.jsx)("div",{className:"text-[11px] font-semibold uppercase tracking-[0.08em] text-bd-text",children:"Operator theming"}),(0,t.jsx)(eh,{active:e,onSelect:s}),(0,t.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,t.jsxs)("span",{className:"flex items-center gap-2",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"h-4 w-4 rounded border border-bd-gray-100",style:{backgroundColor:n.colorPrimary}}),(0,t.jsx)("span",{className:"font-mono text-[11.5px] text-bd-text",children:n.colorPrimary.toUpperCase()})]}),(0,t.jsxs)("span",{className:"inline-flex items-center gap-1.5 rounded-full border border-bd-gray-100 px-2 py-0.5 text-[11.5px] font-medium text-bd-text",children:[(0,t.jsx)(el,{className:"h-3 w-3 text-bd-success"}),r.foregroundContrast.toFixed(1),":1 Â· WCAG AA"]})]})]})}function eb(){let e=(0,i.useMetricsRegion)(),{ref:t,step:a,select:n}=(0,r.useAutoCycle)(ea.length,{intervalMs:3200}),l=a%ea.length,d=ea[l],o=(0,s.useMemo)(()=>{let e,t=function(e,t="light"){let s="dark"===t?Z:J,a=es(e?.primaryColor||ee,t);return{theme:t,variables:{colorPrimary:a.accent,colorPrimaryText:a.accentForeground,colorPrimaryHover:a.accentHover,colorBackgroun

1d:s.colorBackground,colorText:s.colorText,colorTextSecondary:s.colorTextSecondary,colorDanger:s.colorDanger,borderRadius:"12px",fontFamily:'"DM Sans", system-ui, -apple-system, sans-serif'},logo:e?.logoUrl||void 0,favicon:e?.faviconUrl||void 0}}({primaryColor:d.primaryColor},"light");return{appearance:t,accent:es(d.primaryColor,"light"),cssVars:{"--bd-checkout-accent":(e=t.variables).colorPrimary,"--bd-checkout-accent-fg":e.colorPrimaryText,"--bd-checkout-accent-hover":e.colorPrimaryHover}}},[d.primaryColor]);return{ref:t,select:n,active:l,brand:d,region:e,...o}}function ef(){let{ref:e,select:s,active:a,brand:r,region:l,appearance:i,accent:d,cssVars:o}=eb();return(0,t.jsxs)("div",{ref:e,className:"bd-demo grid grid-cols-[500px_1fr] items-stretch gap-6",style:{...n.BENTO_RADIUS_FIX,width:1040,height:570,background:"transparent"},children:[(0,t.jsx)(ex,{brand:r,cssVars:o,region:l}),(0,t.jsx)(eu,{active:a,onSelect:s,appearance:i,accent:d})]})}e.s(["CheckoutAppearancePanels",0,ef,"CheckoutAppearancePanelsMobile",0,function(){let{ref:e,select:s,active:a,brand:r,region:l,appearance:i,accent:d,cssVars:o}=eb();return(0,t.jsxs)("div",{ref:e,className:"bd-demo flex flex-col gap-4",style:{...n.BENTO_RADIUS_FIX,width:390,background:"transparent"},children:[(0,t.jsx)(em,{brand:r,cssVars:o,region:l}),(0,t.jsx)(eg,{active:a,onSelect:s,appearance:i,accent:d})]})}],206736);var ey=e.i(831874);function ej(e,t){return(0,i.regionMoney)(Math.round(e*t.moneyFactor),t)}function eN({title:e,children:s,className:a=""}){return(0,t.jsxs)("div",{className:`rounded-2xl border border-bd-gray-100 bg-bd-surface p-6 ${a}`,children:[(0,t.jsx)("div",{className:"text-[11px] font-semibold uppercase tracking-[0.08em] text-bd-text-2",children:e}),(0,t.jsx)("div",{className:"mt-2.5",children:s})]})}function ev(){return(0,t.jsxs)("div",{className:"flex h-full min-h-0 flex-col gap-2.5",children:[[["Tax the way the law reads","named server-side: Sales tax in the US, VAT elsewhere"],["Protection attach","cover chosen in the flow, administered on the rental"],["Identity before access","didit verification issues the access code"],["Autopay opt-in","the mandate starts at signup, not as a later chase"]].map(([e,s])=>(0,t.jsxs)("div",{className:"rounded-lg border border-bd-gray-100 bg-bd-surface px-3.5 py-2.5",children:[(0,t.jsx)("div",{className:"text-[12.5px] font-medium text-bd-text",children:e}),(0,t.jsx)("div",{className:"mt-0.5 text-[11.5px] text-bd-text-2",children:s})]},e)),(0,t.jsxs)("div",{className:"mt-auto flex flex-wrap gap-1.5",children:[["rental.created","rental.paid"].map(e=>(0,t.jsx)("span",{className:"rounded-md border border-bd-gray-100 px-2 py-0.5 font-mono text-[10px] text-bd-text-2",children:e},e)),(0,t.jsx)("span",{className:"basis-full font-mono text-[10px] text-bd-text-2",children:"fires to your webhooks on completion"})]})]})}let ew={eyebrow:"Checkout",title:"Checkout, already built.",lead:"One flow for the marketplace and your storefront. Five steps, an honest summary, and Cora can drive the whole thing from a conversation.",captions:[{lead:"No mock of a mock.",rest:"Both exhibits are the shipped checkout, ported piece by piece."},{lead:"Recut for one hand.",rest:"Mobile gets the same flow in three steps. The summary rides along."},{lead:"It all adds up.",rest:"Subtotal, discount, tax, total. To the penny, in five currencies."}]},ek={eyebrow:"Operator checkout",title:"One checkout. Your brand.",lead:"The same checkout the marketplace runs, hosted for your storefront and wearing your brand. Set one colour, and the accent, the pay button and the Stripe form all follow it.",captions:[{lead:"Your colour, made legible.",rest:"The text on the accent is derived to clear WCAG AA, and the hue darkens itself if it cannot."},{lead:"One surface, two modes.",rest:"Marketplace and storefront run the same five steps. Operator checkout charges direct to your connected account."},{lead:"Down to the pay form.",rest:"Your logo in the header, your accent on the button, and the Stripe payment element inherits the same theme."}]};function eC({region:e}){return(0,t.jsxs)(eN,{title:"Your rental",children:[(0,t.jsx)("div",{className:"text-[15px] font-semibold text-bd-text",children:"Unit B-114 Â· 50 sqft"}),(0,t.jsx)("div",{className:"mt-0.5 text-[11.5px] text-bd-text-2",children:"Harrow Business Park"}),(0,t.jsx)("div",{className:"mt-3 [font-variant-numeric:tabular-nums]",children:[["Rent",`${ej(11500,e)}

1 /mo`],["Next payment","1 Aug Â· autopay"],["Balance",ej(0,e)]].map(([e,s],a)=>(0,t.jsxs)("div",{className:`flex items-baseline justify-between py-[9px] ${a>0?"border-t border-bd-gray-100":""}`,children:[(0,t.jsx)("span",{className:"text-[12px] text-bd-text-2",children:e}),(0,t.jsx)("span",{className:"text-[12.5px] text-bd-text",children:s})]},e))}),(0,t.jsx)("div",{className:"mt-2 text-[11.5px] font-medium text-bd-text",children:"Manage your rental â"})]})}function eS(){return(0,t.jsxs)(eN,{title:"Access",children:[(0,t.jsxs)("div",{className:"rounded-xl border border-bd-gray-100 px-4 py-6 text-center",children:[(0,t.jsx)("div",{className:"mx-auto w-max rounded-full border border-bd-accent/40 px-5 py-2 text-[13px] font-medium text-bd-text",children:"Unlock the gate"}),(0,t.jsx)("div",{className:"mt-3 font-mono text-[10.5px] text-bd-text-2",children:"code fallback Â· Â·Â·Â·Â·42"})]}),(0,t.jsxs)("div",{className:"mt-3 flex items-baseline justify-between text-[11.5px]",children:[(0,t.jsx)("span",{className:"text-bd-text-2",children:"Gate hours"}),(0,t.jsx)("span",{className:"text-bd-text",children:"06:00 â 22:00"})]})]})}function eA({region:e}){return(0,t.jsxs)(eN,{title:"Billing",children:[(0,t.jsx)("div",{className:"[font-variant-numeric:tabular-nums]",children:[["July",ej(11500,e),!0],["June",ej(11500,e),!0],["May",ej(11500,e),!0]].map(([e,s,a],r)=>(0,t.jsxs)("div",{className:`flex items-center justify-between py-[9px] ${r>0?"border-t border-bd-gray-100":""}`,children:[(0,t.jsxs)("span",{className:"text-[12.5px] text-bd-text",children:[e," invoice"]}),(0,t.jsxs)("span",{className:"flex items-center gap-2.5",children:[(0,t.jsx)("span",{className:"text-[12px] text-bd-text",children:s}),(0,t.jsx)("span",{"aria-hidden":!0,className:"h-1.5 w-1.5 rounded-full",style:{background:a?"var(--bd-success, #16a34a)":"var(--bd-warn, #d97706)"}})]})]},e))}),(0,t.jsx)("div",{className:"mt-2 text-[11px] text-bd-text-2",children:"Every invoice downloadable, VAT shown."})]})}let eM={eyebrow:"Customer platform",title:"The tenant runs their own rental.",lead:"Balance, access and paperwork live in the tenant's own portal, so the counter conversation happens only when someone wants it.",captions:[{lead:"Self-serve first.",rest:"The rental, the money and the paperwork without a phone call."},{lead:"The door in the pocket.",rest:"Smart entry from the same platform that runs the facility."},{lead:"No surprises.",rest:"A green dot per invoice; a problem would be a colour, not a letter."}]};function eP(){return(0,t.jsxs)(eN,{title:"The program Â· yours to shape",children:[(0,t.jsx)("div",{className:"[font-variant-numeric:tabular-nums]",children:[["Bronze","from move-in","212 members"],["Silver","from month 6","84 members"],["Gold","from month 12","31 members"]].map(([e,s,a],r)=>(0,t.jsxs)("div",{className:`flex items-center justify-between py-[10px] ${r>0?"border-t border-bd-gray-100":""}`,children:[(0,t.jsx)("span",{className:"text-[13px] font-medium text-bd-text",children:e}),(0,t.jsx)("span",{className:"text-[11.5px] text-bd-text-2",children:s}),(0,t.jsx)("span",{className:"text-[11.5px] text-bd-text-2",children:a})]},e))}),(0,t.jsx)("div",{className:"mt-3 border-t border-bd-gray-100 pt-3 text-[11.5px] leading-relaxed text-bd-text-2",children:"Points accrue from paid rent; rewards are yours to define and price. Tenure earns the tier, so the program favours exactly the tenant you want to keep."})]})}function eT({region:e}){return(0,t.jsxs)(eN,{title:"Embedded Â· on your own site",children:[(0,t.jsxs)("div",{className:"rounded-xl border border-bd-gray-100 px-4 py-4",children:[(0,t.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,t.jsx)("span",{className:"text-[16px] font-bold text-bd-text [font-variant-numeric:tabular-nums]",children:"1,240 points"}),(0,t.jsx)("span",{className:"rounded-md border border-bd-gray-100 px-1.5 py-0.5 text-[10px] font-medium text-bd-text",children:"Silver"})]}),(0,t.jsxs)("div",{className:"mt-2 flex items-center gap-2",children:[(0,t.jsx)("span",{"aria-hidden":!0,className:"h-1.5 flex-1 rounded-full bg-bd-gray-100",children:(0,t.jsx)("span",{className:"block h-1.5 rounded-full",style:{width:"62%",background:"var(--bd-accent)"}})}),(0,t.jsx)("span",{className:"text-[10.5px] text-bd-text-2",children:"Gold at month 12"})]}),(0,t.jsx)("div",{className:"mt-3 [font-variant-numeric:tabular-nums]",children:[[`${ej(1e3,e)} off next month`,"800 points"],["Free van day at move","1,500 points"]].map(([e,s],a)=>(0,t.jsxs)("div",{className:`flex items-baseline justify-between py-[8px] ${a>0?"border-t border-bd-gray-100":""}`,children:[(0,t.jsx)("span",{className:"text-[12px] text-bd-text",children:e}),(0,t.jsx)("span",{className:"text-[11px] text-bd-text-2",children:s})]},e))})]}),(0,t.jsx)("div",{className:"mt-3 font-mono text-[10px] text-bd-text-2",children:"@bagdock/loyalty-react Â· one component, your colours"})]})}let eL={eyebrow:"Loyalty",title:"Long stays, rewarded.",lead:"Points, tiers and rewards you define, running on the rental ledger; the widget embeds on any site you own.",captions:[{lead:"Retention is the product.",rest:"The program runs on paid rent from the ledger, so points can never drift from the money."},{lead:"Embeddable, not portal-locked.",rest:"The published widget drops into your own site; tenants see it where they already are."}]};function eB(){return(0,t.jsx)(eN,{title:"The run sheet Â· Tuesday",children:(0,t.jsx)("div",{className:"[font-variant-numeric:tabular-nums]",children:[["09:00","Collection Â· T. Barrow","4 items Â· N7",!1],["10:30","Collection Â· Areto Ltd","12 items Â· N1",!1],["13:00","Return Â· L. Novak","2 items Â· N5",!1],["15:30","Collection Â· new signup","items counted at door",!0]].map(([e,s,a,r],n)=>(0,t.jsxs)("div",{className:`flex items-baseline gap-4 py-[10px] ${n>0?"border-t border-bd-gray-100":""} ${r?"opacity-45":""}`,children:[(0,t.jsx)("span",{className:"w-[42px] shrink-0 font-mono text-[11px] text-bd-text-2",children:e}),(0,t.jsxs)("span",{className:"min-w-0 flex-1",children:[(0,t.jsx)("span",{className:"block text-[13px] text-bd-text",children:s}),(0,t.jsx)("span",{className:"block text-[11px] text-bd-text-2",children:a})]})]},s))})})}function eE(){return(0,t.jsxs)(eN,{title:"The manifest Â· T. Barrow",children:[(0,t.jsx)("div",{className:"[font-variant-numeric:tabular-nums]",children:[["Bo

1xes, sealed","3","bin A4","6 photos"],["Sofa, two-seat","1","bin B2","4 photos"],["Bike","1","rack R1","2 photos"]].map(([e,s,a,r],n)=>(0,t.jsxs)("div",{className:`grid grid-cols-[1fr_28px_64px_70px] items-baseline gap-x-3 py-[10px] ${n>0?"border-t border-bd-gray-100":""}`,children:[(0,t.jsx)("span",{className:"text-[12.5px] text-bd-text",children:e}),(0,t.jsx)("span",{className:"text-right text-[12px] text-bd-text",children:s}),(0,t.jsx)("span",{className:"font-mono text-[10.5px] text-bd-text-2",children:a}),(0,t.jsx)("span",{className:"text-right text-[11px] text-bd-text-2",children:r})]},e))}),(0,t.jsx)("div",{className:"mt-3 border-t border-bd-gray-100 pt-3 text-[11.5px] leading-relaxed text-bd-text-2",children:"Photographed at the threshold, condition noted, retrievable by item; a return request books itself onto the next run with capacity."})]})}let eR={eyebrow:"Valet",title:"Storage that collects.",lead:"Pickups, returns and the van's day run on the same ledger as the doors; every item is photographed at the threshold and binned by name.",captions:[{lead:"The van is a facility.",rest:"Runs, capacity and items live on the same ledger as units, so valet is a module, not a second system."},{lead:"Evidence per item.",rest:"The photo set at collection is the photo set at return; disputes start from records."}]};e.s(["CHECKOUT_APPEARANCE_DEFAULTS",0,ek,"CHECKOUT_DEFAULTS",0,ew,"CUSTOMER_PLATFORM_DEFAULTS",0,eM,"CheckoutAppearanceShowcase",0,function({eyebrow:e,title:s,lead:a,captions:r}={}){let n=r?.length?r:ek.captions;return(0,t.jsxs)("div",{className:"bd-demo relative flex flex-col",style:{width:1180,height:720,background:"transparent"},children:[(0,t.jsx)(ey.SplitHeader,{eyebrow:e||ek.eyebrow,title:s||ek.title,lead:a||ek.lead}),(0,t.jsx)("div",{className:"mx-[42px] mb-2 mt-[30px] flex min-h-0 flex-1 items-center justify-center",children:(0,t.jsx)(ef,{})}),(0,t.jsx)("div",{className:"mx-[42px] mb-[34px] mt-4 grid shrink-0 grid-cols-3 gap-x-8",children:n.map((e,s)=>(0,t.jsx)(ey.Caption,{lead:e.lead??"",rest:e.rest??""},e._key??s))})]})},"CheckoutFeaturesPanels",0,function(){return(0,t.jsxs)("div",{className:"bd-demo grid grid-cols-[440px_236px_1fr] items-start gap-5",style:{width:1040,height:444,background:"transparent"},children:[(0,t.jsx)("div",{className:"relative h-full min-h-0 overflow-hidden rounded-2xl border border-bd-gray-100",style:{maskImage:"linear-gradient(180deg, black 76%, transparent)",WebkitMaskImage:"linear-gradient(180deg, black 76%, transparent)"},children:(0,t.jsx)("div",{className:"origin-top-left",style:{transform:"scale(0.373)",width:1180},children:(0,t.jsx)(U,{})})}),(0,t.jsx)("div",{className:"origin-top-left",style:{transform:"scale(0.56)",width:390,height:437},children:(0,t.jsx)(_,{})}),(0,t.jsx)(ev,{})]})},"CheckoutFeaturesPanelsMobile",0,function(){return(0,t.jsxs)("div",{className:"bd-demo flex flex-col gap-4",style:{width:390,height:682,background:"transparent"},children:[(0,t.jsx)("div",{className:"relative overflow-hidden rounded-2xl border border-bd-gray-100",style:{height:420,maskImage:"linear-gradient(180deg, black 82%, transparent)",WebkitMaskImage:"linear-gradient(180deg, black 82%, transparent)"},children:(0,t.jsx)("div",{className:"origin-top-left",style:{width:390},children:(0,t.jsx)(_,{})})}),(0,t.jsx)(ev,{})]})},"CheckoutShowcase",0,function({eyebrow:e,title:s,lead:a,captions:r}={}){let n=r?.length?r:ew.captions;return(0,t.jsxs)("div",{className:"bd-demo relative flex flex-col",style:{width:1180,height:760,background:"transparent"},children:[(0,t.jsx)(ey.SplitHeader,{eyebrow:e||ew.eyebrow,title:s||ew.title,lead:a||ew.lead}),(0,t.jsxs)("div",{className:"mx-[42px] mb-2 mt-[30px] grid min-h-0 flex-1 grid-cols-[440px_236px_1fr] items-start gap-5",children:[(0,t.jsx)("div",{className:"relative h-full min-h-0 overflow-hidden rounded-2xl border border-bd-gray-100",style:{maskImage:"linear-gradient(180deg, black 76%, transparent)",WebkitMaskImage:"linear-gradient(180deg, black 76%, transparent)"},children:(0,t.jsx)("div",{className:"origin-top-left",style:{transform:"scale(0.373)",width:1180},children:(0,t.jsx)(U,{})})}),(0,t.jsx)("div",{className:"origin-top-left",style:{transform:"scale(0.56)",width:390,height:437},children:(0,t.jsx)(_,{})}),(0,t.jsx)(ev,{})]}),(0,t.jsx)("div",{className:"mx-[42px] mb-[34px] mt-4 grid shrink-0 grid-cols-3 gap-x-8",children:n.map((e,s)=>(0,t.jsx)(ey.Caption,{lead:e.lead??"",rest:e.rest??""},e._key??s))})]})},"CustomerPlatformPanels",0,function(){let e=(0,i.useMetricsRegion)();return(0,t.jsxs)("div",{className:"bd-demo grid grid-cols-3 items-stretch gap-4",style:{width:1040,height:283,background:"transparent"},children:[(0,t.jsx)(eC,{region:e}),(0,t.jsx)(eS,{}),(0,t.jsx)(eA,{region:e})]})},"CustomerPlatformPanelsMobile",0,function(){let e=(0,i.useMetricsRegion)();return(0,t.jsxs)("div",{className:"bd-demo flex flex-col gap-4",style:{width:390,height:760,background:"transparent"},children:[(0,t.jsx)(eC,{region:e}),(0,t.jsx)(eS,{}),(0,t.jsx)(eA,{region:e})]})},"CustomerPlatformShowcase",0,function({eyebrow:e,title:s,lead:a,captions:r}={}){let n=(0,i.useMetricsRegion)(),l=r?.length?r:eM.captions;return(0,t.jsxs)("div",{className:"bd-demo relative flex flex-col",style:{width:1180,height:660,background:"transparent"},children:[(0,t.jsx)(ey.SplitHeader,{eyebrow:e||eM.eyebrow,title:s||eM.title,lead:a||eM.lead}),(0,t.jsxs)("div",{className:"mx-[42px] mb-2 mt-[36px] grid flex-1 grid-cols-3 gap-4",children:[(0,t.jsx)(eC,{region:n}),(0,t.jsx)(eS,{}),(0,t.jsx)(eA,{region:n})]}),(0,t.jsx)("div",{className:"mx-[42px] mb-[36px] mt-4 grid shrink-0 grid-cols-3 gap-x-8",children:l.map((e,s)=>(0,t.jsx)(ey.Caption,{lead:e.lead??"",rest:e.rest??""},e._key??s))})]})},"LOYALTY_DEFAULTS",0,eL,"LoyaltyPanels",0,function(){let e=(0,i.useMetricsRegion)();return(0,t.jsxs)("div",{className:"bd-demo grid grid-cols-2 items-stretch gap-4",style:{width:1040,height:280,background:"transparent"},children:[(0,t.jsx)(eP,{}),(0,t.jsx)(eT,{region:e})]})},"LoyaltyPanelsMobile",0,function(){let e=(0,i.useMetricsRegion)();return(0,t.jsxs)("div",{className:"bd-demo flex flex-col gap-4",style:{width:390,height:580,background:"transparent"},children:[(0,t.jsx)(eP,{}),(0,t.jsx)(eT,{region:e})]})},"LoyaltyShowcase",0,function({eyebrow:e,title:s,lead:a,captions:r}={}){let n=(0,i.useMetricsRegion)(),l=r?.length?r:eL.captions;return(0,t.jsxs)("div",{className:"bd-demo relative flex flex-col",style:{width:1180,height:660,background:"transparent"},children:[(0,t.jsx)(ey.SplitHeader,{eyebrow:e||eL.eyebrow,title:s||eL.title,lead:a||eL.lead}),(0,t.jsxs)("div",{className:"mx-[42px] mb-2 mt-[36px] grid flex-1 grid-cols-2 gap-4",children:[(0,t.jsx)(eP,{}),(0,t.jsx)(eT,{region:n})]}),(0,t.jsx)("div",{className:"mx-[42px] mb-[36px] mt-4 grid shrink-0 grid-cols-2 gap-x-10",children:l.map((e,s)=>(0,t.jsx)(ey.Caption,{lead:e.lead??"",rest:e.rest??""},e._key??s))})]})},"VALET_DEFAULTS",0,eR,"ValetPanels",0,function(){return(0,t.jsxs)("div",{className:"bd-demo grid grid-cols-2 items-stretch gap-4",style:{width:1040,height:321,background:"transparent"},children:[(0,t.jsx)(eB,{}),(0,t.jsx)(eE,{})]})},"ValetPanelsMobile",0,function(){return(0,t.jsxs)("div",{className:"bd-demo flex flex-col gap-4",style:{width:390,height:620,background:"transparent"},children:[(0,t.jsx)(eB,{}),(0,t.jsx)(eE,{})]})},"ValetShowcase",0,function({eyebrow:e,title:s,lead:a,captions:r}={}

1){let n=r?.length?r:eR.captions;return(0,t.jsxs)("div",{className:"bd-demo relative flex flex-col",style:{width:1180,height:660,background:"transparent"},children:[(0,t.jsx)(ey.SplitHeader,{eyebrow:e||eR.eyebrow,title:s||eR.title,lead:a||eR.lead}),(0,t.jsxs)("div",{className:"mx-[42px] mb-2 mt-[36px] grid flex-1 grid-cols-2 gap-4",children:[(0,t.jsx)(eB,{}),(0,t.jsx)(eE,{})]}),(0,t.jsx)("div",{className:"mx-[42px] mb-[36px] mt-4 grid shrink-0 grid-cols-2 gap-x-10",children:n.map((e,s)=>(0,t.jsx)(ey.Caption,{lead:e.lead??"",rest:e.rest??""},e._key??s))})]})}],211521)}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.