1import{r as l,j as e,t as we}from"./main-Dzr_lWVu.js";import{u as qe,K as ne}from"./demo-region-BMjZrREO.js";import{D as u}from"./demo-merchant-BcI8GgCw.js";const Te={AU:"Australia",UK:"United Kingdom",EU:"Europe",US:"United States"};function $e(){const{region:s,setRegion:n}=qe(),c=l.useRef([]),i=t=>{t!==s&&(we({name:"homepage_demo_region_switch",from:s,to:t}),n(t))},r=(t,a)=>{const o=t.key==="ArrowRight"||t.key==="ArrowDown"?1:t.key==="ArrowLeft"||t.key==="ArrowUp"?-1:0;if(o===0)return;t.preventDefault();const d=(a+o+ne.length)%ne.length;i(ne[d]),c.current[d]?.focus()};return e.jsx("div",{className:"demo-region",role:"radiogroup","aria-label":"Demo market",children:ne.map((t,a)=>e.jsxs("span",{className:"demo-region__item",children:[a>0&&e.jsx("span",{className:"demo-region__sep","aria-hidden":"true",children:"/"}),e.jsx("button",{type:"button",role:"radio",ref:o=>{c.current[a]=o},"aria-checked":s===t,"aria-label":`${t}, ${Te[t]}`,tabIndex:s===t?0:-1,className:`demo-region__opt ${s===t?"is-on":""}`,onClick:()=>i(t),onKeyDown:o=>r(o,a),children:t})]},t))})}const Be="pk_DsNHFndhT3yo-85c5vdKKg";function C(s){return`https://img.logo.dev/${s}?token=${Be}`}const Re={region:"AU",banks:[{name:"CommBank",domain:"commbank.com.au",brandColor:"#000000"},{name:"ANZ",domain:"anz.com.au",brandColor:"#004165"},{name:"NAB",domain:"nab.com.au",brandColor:"#C8102E"},{name:"Westpac",domain:"westpac.com.au",brandColor:"#DA1710"},{name:"ING",domain:"ing.com.au",brandColor:"#FF6200"},{name:"Macquarie",domain:"macquarie.com.au",brandColor:"#1A1A1A"}],currencyCode:"AUD",price:"A$229.00",save:"A$6.65",authorise:"payto",phone:"0423 771 620",customer:{name:"Mia Nguyen",postcode:"2000",email:"mia@â¦"}},Fe={region:"UK",banks:[{name:"Monzo",domain:"monzo.com",brandColor:"#14233C"},{name:"Barclays",domain:"barclays.co.uk",brandColor:"#00395D"},{name:"HSBC",domain:"hsbc.co.uk",brandColor:"#DB0011"},{name:"Lloyds Bank",domain:"lloydsbank.com",brandColor:"#024731"},{name:"NatWest",domain:"natwest.com",brandColor:"#42145F"},{name:"Santander",domain:"santander.co.uk",brandColor:"#CC0000"}],currencyCode:"GBP",price:"£129.00",save:"£3.74",authorise:"accounts",accounts:[{id:"current",name:"Current Account",sub:"â¢â¢4417",bal:"£6,208.44"},{id:"savings",name:"Instant Saver",sub:"â¢â¢9032",bal:"£18,740.15"},{id:"joint",name:"Joint Account",sub:"â¢â¢2865",bal:"£980.27"}],phone:"07700 900620",customer:{name:"Olivia Hartley",postcode:"E1 6AN",email:"olivia@â¦"}},De={region:"EU",banks:[{name:"Deutsche Bank",domain:"db.com",brandColor:"#001489"},{name:"Sparkasse",domain:"sparkasse.de",brandColor:"#C00000"},{name:"Commerzbank",domain:"commerzbank.de",brandColor:"#00223A"},{name:"DKB",domain:"dkb.de",brandColor:"#00427A"},{name:"ING",domain:"ing.de",brandColor:"#D65200"},{name:"N26",domain:"n26.com",brandColor:"#1F6F60"}],currencyCode:"EUR",price:"â¬139.00",save:"â¬4.03",authorise:"accounts",accounts:[{id:"giro",name:"Girokonto",sub:"â¢â¢7741",bal:"â¬7,315.90"},{id:"tagesgeld",name:"Tagesgeld",sub:"â¢â¢1180",bal:"â¬21,460.00"},{id:"gemeinschaft",name:"Gemeinschaftskonto",sub:"â¢â¢3369",bal:"â¬1,104.62"}],phone:"+49 151 5550620",customer:{name:"Jonas Brandt",postcode:"10115",email:"jonas@â¦"}},Ie={region:"US",banks:[{name:"Chase",domain:"chase.com",brandColor:"#0A2A66"},{name:"Bank of America",domain:"bankofamerica.com",brandColor:"#9C1B2E"},{name:"Wells Fargo",domain:"wellsfargo.com",brandColor:"#A8181E"},{name:"Citi",domain:"citi.com",brandColor:"#003A6E"},{name:"Capital One",domain:"capitalone.com",brandColor:"#0E3A5F"},{name:"U.S. Bank",domain:"usbank.com",brandColor:"#0E2A66"}],currencyCode:"USD",price:"$149.00",save:"$4.32",authorise:"connect",accounts:[{id:"checking",name:"Checking Account",short:"Checking",sub:"â¢â¢4821",bal:"$6,240.18",connected:!0},{id:"joint",name:"Joint Checking",sub:"â¢â¢7718",bal:"$11,905.72"},{id:"savings",name:"Savings",sub:"â¢â¢0461",bal:"$18,330.44",connected:!0}],phone:"(415) 555-0620",customer:{name:"Alex Marchetti",postcode:"02118",email:"alex@â¦"}},We={AU:Re,UK:Fe,EU:De,US:Ie},Ne=["redirect","launch","login","bank"],le=["processing","app-launch-safari","success"],me={AU:["checkout","q
1k-payto","redirect","faceid","bank",...le],UK:["checkout",...Ne,...le],EU:["checkout",...Ne,...le],US:["checkout","qk-verify","redirect","login","bank","processing","qk-accounts","app-launch-safari","success"]},He={checkout:"checkout","qk-payto":"quidkey_payto_setup","qk-verify":"quidkey_verify_mobile",redirect:"redirect_to_bank",launch:"bank_app_launching",login:"bank_login",faceid:"bank_faceid",bank:"bank_authorize","qk-accounts":"quidkey_choose_account",processing:"bank_processing","app-launch-safari":"safari_launching",success:"merchant_success"};function Ve(s){return me[s]}function Ue(s,n){return me[s].indexOf(n)}function de(s,n){const c=me[s],i=c.indexOf(n);return i<0||i===c.length-1?n:c[i+1]}function R(s){return s?.brandColor??"#0A2A66"}function ue({host:s,path:n}){return e.jsxs("div",{className:"phone__urlbar",children:[e.jsx("span",{className:"phone__url-lock","aria-hidden":"true",children:e.jsxs("svg",{viewBox:"0 0 12 14",width:"10",height:"12",fill:"none",stroke:"currentColor",strokeWidth:"1.5",children:[e.jsx("rect",{x:"2",y:"6",width:"8",height:"7",rx:"1"}),e.jsx("path",{d:"M4 6V4a2 2 0 014 0v2"})]})}),e.jsx("span",{className:"phone__url-host",children:s}),e.jsx("span",{className:"phone__url-path",children:n})]})}function Oe(){return e.jsxs("svg",{viewBox:"0 0 64 64",width:"100%",height:"100%","aria-hidden":"true",children:[e.jsx("defs",{children:e.jsxs("radialGradient",{id:"safari-bg",cx:"50%",cy:"40%",r:"60%",children:[e.jsx("stop",{offset:"0%",stopColor:"#1FA9F8"}),e.jsx("stop",{offset:"100%",stopColor:"#0A6FD3"})]})}),e.jsx("circle",{cx:"32",cy:"32",r:"30",fill:"url(#safari-bg)"}),e.jsx("circle",{cx:"32",cy:"32",r:"22",fill:"#fff"}),e.jsx("polygon",{points:"32,16 36,32 32,48 28,32",fill:"#E33A3A"}),e.jsx("polygon",{points:"32,16 32,32 36,32",fill:"#FFFFFF",opacity:"0.9"}),e.jsx("polygon",{points:"32,48 32,32 28,32",fill:"#FFFFFF",opacity:"0.85"}),e.jsx("circle",{cx:"32",cy:"32",r:"2.4",fill:"#fff",stroke:"#0A6FD3",strokeWidth:"1"})]})}const ze=e.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 30 31",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M9.26555 29.1539L9.78855 25.8319L8.62355 25.8049H3.06055L6.92655 1.29193C6.93855 1.21793 6.97755 1.14893 7.03455 1.09993C7.09155 1.05093 7.16455 1.02393 7.24055 1.02393H16.6205C19.7345 1.02393 21.8835 1.67193 23.0055 2.95093C23.5315 3.55093 23.8665 4.17793 24.0285 4.86793C24.1985 5.59193 24.2015 6.45693 24.0355 7.51193L24.0235 7.58893V8.26493L24.5495 8.56293C24.9925 8.79793 25.3445 9.06693 25.6145 9.37493C26.0645 9.88793 26.3555 10.5399 26.4785 11.3129C26.6055 12.1079 26.5635 13.0539 26.3555 14.1249C26.1155 15.3569 25.7275 16.4299 25.2035 17.3079C24.7215 18.1169 24.1075 18.7879 23.3785 19.3079C22.6825 19.8019 21.8555 20.1769 20.9205 20.4169C20.0145 20.6529 18.9815 20.7719 17.8485 20.7719H17.1185C16.5965 20.7719 16.0895 20.9599 15.6915 21.2969C15.2925 21.6409 15.0285 22.1109 14.9475 22.6249L14.8925 22.9239L13.9685 28.7789L13.9265 28.9939C13.9155 29.0619 13.8965 29.0959 13.8685 29.1189C13.8435 29.1399 13.8075 29.1539 13.7725 29.1539H9.26555Z",fill:"#253B80"}),e.jsx("path",{d:"M25.0481 7.66699C25.0201 7.84599 24.9881 8.02899 24.9521 8.21699C23.7151 14.568 19.4831 16.762 14.0781 16.762H11.3261C10.6651 16.762 10.1081 17.242 10.0051 17.894L8.59614 26.83L8.19714 29.363C8.13014 29.791 8.46014 30.177 8.89214 30.177H13.7731C14.3511 30.177 14.8421 29.757 14.9331 29.187L14.9811 28.939L15.9001 23.107L15.9591 22.787C16.0491 22.215 16.5411 21.795 17.1191 21.795H17.8491C22.5781 21.795 26.2801 19.875 27.3621 14.319C27.8141 11.998 27.5801 10.06 26.3841 8.69699C26.0221 8.28599 25.5731 7.94499 25.0481 7.66699Z",fill:"#179BD7"}),e.jsx("path",{d:"M11.614 7.699C11.675 7.306 11.927 6.985 12.266 6.823C12.421 6.749 12.592 6.708 12.773 6.708H20.125C20.996 6.708 21.809 6.765 22.551 6.885C22.763 6.919 22.969 6.958 23.17 7.002C23.37 7.047 23.565 7.097 23.754 7.152C23.848 7.18 23.941 7.209 24.032 7.238C24.397 7.359 24.736 7.502 25.049 7.667C25.417 5.32 25.046 3.722 23.777 2.275C22.378 0.682 19.853 0 16.622 0H7.24199C6.58199 0 6.01899 0.48 5.91699 1.133L2.00999 25.898C1.93299 26.388 2.3
11099 26.83 2.80499 26.83H8.59599L10.05 17.605L11.614 7.699Z",fill:"#253B80"})]});function Qe({paymentMethod:s,isPredicted:n,isSelectMode:c,expanded:i,pickedIdx:r,ctaLabel:t,banks:a,miniBanks:o,locale:d,onTapPredicted:h,tapSelectBank:_,selectBank:p,pickNonBank:k,handleCheckoutCta:N}){const b=r!=null?a[r]:null;return e.jsxs(e.Fragment,{children:[e.jsx(ue,{host:u.domain,path:"/checkout"}),e.jsxs("div",{className:"phone__screen",children:[e.jsxs("div",{className:"mck__product",children:[e.jsx("div",{className:"mck__product-img","aria-hidden":"true",children:e.jsx("img",{src:u.product.img,alt:u.product.alt,width:"800",height:"800",onError:g=>{g.currentTarget.style.display="none"}})}),e.jsxs("div",{className:"mck__product-body",children:[e.jsx("div",{className:"mck__product-brand",children:u.brand}),e.jsx("div",{className:"mck__product-title",children:u.product.title}),e.jsx("div",{className:"mck__product-meta",children:u.product.meta}),e.jsx("div",{className:"mck__product-price num",children:d.price})]})]}),e.jsxs("div",{className:"mck__sec-h",children:[e.jsx("span",{children:"Payment"}),e.jsx("span",{className:"mck__sec-h-meta",children:"Secured"})]}),d.authorise==="payto"?e.jsx("button",{type:"button","data-hint-id":"predicted-bank",className:`mck__opt mck__opt--bank ${n?"mck__opt--active":""}`,onClick:h,style:{height:"96px"},children:e.jsxs("div",{className:"mck__opt-row",children:[e.jsx("span",{className:`mck__radio ${n?"is-on":""}`,children:e.jsx("span",{})}),e.jsx("div",{className:"mck__opt-info",children:e.jsx("div",{className:"mck__opt-title",children:e.jsx("span",{style:{whiteSpace:"nowrap"},children:"Pay with PayID"})})}),e.jsxs("span",{className:"mck__pbb-marks","aria-hidden":"true",children:[e.jsx("img",{className:"mck__pbb-payto",src:"/homepage/payid-symbol.webp",alt:"PayID",width:"26",height:"26"}),e.jsx("img",{className:"mck__pbb-payto",src:"/homepage/payto-symbol.webp",alt:"PayTo",width:"26",height:"26"})]}),e.jsxs("span",{className:"mck__save",children:["Save ",d.save]})]})}):e.jsx("button",{type:"button","data-hint-id":"predicted-bank",className:`mck__opt mck__opt--bank ${n?"mck__opt--active":""}`,onClick:h,style:{height:"96px"},children:e.jsxs("div",{className:"mck__opt-row",children:[e.jsx("span",{className:`mck__radio ${n?"is-on":""}`,children:e.jsx("span",{})}),e.jsx("div",{className:"mck__opt-logo",children:e.jsx("img",{src:C(a[0].domain),alt:`${a[0].name} logo`,width:"38",height:"38"})}),e.jsx("div",{className:"mck__opt-info",children:e.jsx("div",{className:"mck__opt-title",children:e.jsxs("span",{style:{whiteSpace:"nowrap"},children:["Pay with ",a[0].name]})})}),e.jsxs("span",{className:"mck__save",children:["Save ",d.save]})]})}),d.authorise!=="payto"&&e.jsxs("div",{className:`mck__opt mck__select ${i?"is-open":""} ${c?"mck__select--on":""}`,children:[e.jsxs("button",{type:"button","data-hint-id":"select-bank",className:"mck__select-head",onClick:_,"aria-expanded":i,children:[e.jsx("span",{className:`mck__radio ${c?"is-on":""}`,children:e.jsx("span",{})}),e.jsx("span",{className:"mck__opt-logo mck__opt-logo--mute mck__select-icon","aria-hidden":"true",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M10 18v-7"}),e.jsx("path",{d:"M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z"}),e.jsx("path",{d:"M14 18v-7"}),e.jsx("path",{d:"M18 18v-7"}),e.jsx("path",{d:"M3 22h18"}),e.jsx("path",{d:"M6 18v-7"})]})}),e.jsxs("span",{className:"mck__select-toggle",children:[e.jsxs("span",{className:"mck__select-titlebox",children:[e.jsx("span",{className:"mck__opt-title mck__select-title",children:"Select bank"}),e.jsxs("span",{className:"mck__save mck__save--select",children:["Save ",d.save]})]}),e.jsxs("span",{className:"mck__select-mini","aria-hidden":"true",children:[o.map(g=>e.jsx("span",{className:"mck__select-mini-chip",children:e.jsx("img",{src:C(g.domain),alt:`${g.name} logo`,width:"18",height:"18"})},g.name)),e.jsx("span",{className:"mck__select-mini-plus","aria-hidden":"true",children:"+"})]}),e.jsx("span",{className:`mck__select-chev ${i?"is-open":""}`,children:e.jsx("svg",{viewBox:"0 0 12 8",width:"11",height:"7",fill:"none",stroke:"currentColor",strokeWidth:"1.8",children:e.jsx("path",{d:"M1 1l5 5 5-5"})})})]})]}),i&&e.jsxs("div",{className:"mck__select-body",children:[e.jsxs("div",{className:"mck__select-search",children:[e.jsxs("svg",{viewBox:"0 0 16 16",width:"13",height:"13",fill:"none",stroke:"currentColor",strokeWidth:"1.6",children:[e.jsx("circle",{cx:"7",cy:"7",r:"5"}),e.jsx("path",{d:"M11 11l3.5 3.5"})]}),e.jsx("span",{children:"Search"})]}),e.jsx("div",{className:"mck__select-grid",children:a.map((g,y)=>e.jsxs("button",{type:"button",className:`mck__select-bank ${y===r?"is-on":""}`,onClick:()=>p(y),children:[e.jsx("img",{src:C(g.domain),alt:`${g.name} logo`,width:"22",height:"22"}),e.jsx("span",{children:g.name})]},g.name))})]})]}),e.jsxs("button",{type:"button",className:`mck__opt ${s==="apple"?"mck__opt--picked":""}`,onClick:()=>k("apple"),children:[e.jsx("span",{className:`mck__radio ${s==="apple"?"is-on":""}`,children:e.jsx("span",{})}),e.jsx("div",{className:"mck__opt-logo mck__opt-logo--brand mck__opt-logo--applepay",children:e.jsx("img",{src:"/homepage/apple-pay-mark.svg",alt:"Apple Pay",width:"44",height:"28"})}),e.jsx("div",{className:"mck__opt-info",children:e.jsx("div",{className:"mck__opt-title",children:"Apple Pay"})})]}),e.jsxs("button",{type:"button",className:`mck__opt ${s==="card"?"mck__opt--picked":""}`,onClick:()=>k("card"),children:[e.jsx("span",{className:`mck__radio ${s==="card"?"is-on":""}`,children:e.jsx("span",{})}),e.jsx("div",{className:"mck__opt-logo mck__opt-logo--brand mck__opt-logo--mute",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"24",height:"24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",children:[e.jsx("rect",{x:"2.5",y:"5.5",width:"19",height:"13",rx:"2"}),e.jsx("line",{x1:"2.5",y1:"10",x2:"21.5",y2:"10"})]})}),e.jsx("div",{className:"mck__opt-info",children:e.jsx("div",{className:"mck__opt-title",children:"Credit or debit card"})})]}),e.jsxs("button",{type:"button",className:`mck__opt ${s==="paypal"?"mck__opt--picked":""}`,onClick:()=>k("paypal"),children:[e.jsx("span",{className:`mck__radio ${s==="paypal"?"is-on":""}`,children:e.jsx("span",{})}),e.jsx("div",{className:"mck__opt-logo mck__opt-logo--brand",children:ze}),e.jsx("div",{className:"mck__opt-info",children:e.jsx("div",{className:"mck__opt-title",children:"PayPal"})})]})]}),e.jsx("div",{className:"phone__action",children:e.jsx("button",{type:"button","data-hint-id":"checkout-cta",className:"phone__action-cta",disabled:s==="select"&&!b,onClick:N,children:e.jsx("span",{children:t})})})]})}const he="26 September 2026";function Ke({activeBank:s}){return e.jsxs("div",{className:"bnk__splash",children:[e.jsx("div",{className:"bnk__splash-mark",style:{background:R(s)},children:e.jsx("img",{src:C(s.domain),alt:`${s.name}
1 logo`,width:"38",height:"38",onError:n=>{n.currentTarget.style.display="none"}})}),e.jsxs("div",{className:"bnk__splash-title",children:["Opening ",s.name,"â¦"]}),e.jsx("div",{className:"bnk__splash-sub",children:"Securely connecting via Quidkey"}),e.jsx("div",{className:"bnk__splash-bar","aria-hidden":"true",children:e.jsx("span",{})})]})}function Ye({activeBank:s}){return e.jsx("div",{className:"bnk__launch",style:{"--bnk-brand":R(s)},children:e.jsx("div",{className:"bnk__launch-icon","aria-hidden":"true",children:e.jsx("img",{src:C(s.domain),alt:`${s.name} logo`,width:"60",height:"60",onError:n=>{n.currentTarget.style.display="none"}})})})}function Ge({activeBank:s,faceIdState:n,onSignIn:c}){return e.jsxs("div",{className:"bnk__login",style:{"--bnk-brand":R(s)},children:[e.jsxs("div",{className:"bnk__login-hero",children:[e.jsx("div",{className:"bnk__login-logo",children:e.jsx("img",{src:C(s.domain),alt:s.name,width:"56",height:"56",onError:i=>{i.currentTarget.style.display="none"}})}),e.jsx("div",{className:"bnk__login-name",children:s.name})]}),e.jsxs("div",{className:"bnk__login-card",children:[e.jsxs("label",{className:"bnk__field",children:[e.jsx("span",{className:"bnk__field-lbl",children:"Username"}),e.jsx("span",{className:"bnk__field-val bnk__field-val--placeholder",children:"Enter username"})]}),e.jsxs("label",{className:"bnk__field",children:[e.jsx("span",{className:"bnk__field-lbl",children:"Password"}),e.jsx("span",{className:"bnk__field-val bnk__field-val--placeholder",children:"Enter password"})]}),e.jsxs("div",{className:"bnk__login-row",children:[e.jsxs("span",{className:"bnk__login-check",children:[e.jsx("span",{className:"bnk__login-check-box bnk__login-check-box--off"}),e.jsx("span",{children:"Remember me"})]}),e.jsx("span",{className:"bnk__login-link",children:"Forgot?"})]}),e.jsx("button",{type:"button",className:"bnk__login-btn",onClick:c,children:"Sign in"}),e.jsx("div",{className:"bnk__login-or",children:e.jsx("span",{children:"or"})}),e.jsxs("button",{type:"button","data-hint-id":"face-id",className:"bnk__login-faceid",onClick:c,children:[e.jsxs("svg",{viewBox:"0 0 48 48",width:"22",height:"22",fill:"none",stroke:"currentColor",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("path",{d:"M8 16V12a4 4 0 014-4h4"}),e.jsx("path",{d:"M40 16V12a4 4 0 00-4-4h-4"}),e.jsx("path",{d:"M8 32v4a4 4 0 004 4h4"}),e.jsx("path",{d:"M40 32v4a4 4 0 01-4 4h-4"}),e.jsx("path",{d:"M18 20v3"}),e.jsx("path",{d:"M30 20v3"}),e.jsx("path",{d:"M24 20v8h-2"}),e.jsx("path",{d:"M18 32c1.8 1.5 4 2.2 6 2.2s4.2-.7 6-2.2"})]}),e.jsx("span",{children:"Sign in with Face ID"})]})]}),e.jsxs("div",{className:"bnk__login-foot",children:[e.jsx("span",{children:"Sign up"}),e.jsx("span",{children:"·"}),e.jsx("span",{children:"Open an account"}),e.jsx("span",{children:"·"}),e.jsx("span",{children:"Privacy"})]}),n!=="idle"&&e.jsx(Se,{state:n,title:n==="scanning"?"Scanningâ¦":"Approved",sub:n==="scanning"?`Look at the camera to sign in to ${s.name}`:`Signing you into ${s.name}`})]})}function Se({state:s,title:n,sub:c}){return e.jsx("div",{className:"bnk__faceid-modal",role:"dialog","aria-modal":"true",children:e.jsxs("div",{className:"bnk__faceid-sheet",children:[e.jsxs("div",{className:`bnk__faceid-sheet-icon bnk__faceid-sheet-icon--${s}`,children:[s==="scanning"&&e.jsxs("svg",{viewBox:"0 0 48 48",width:"42",height:"42",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M8 16V12a4 4 0 014-4h4"}),e.jsx("path",{d:"M40 16V12a4 4 0 00-4-4h-4"}),e.jsx("path",{d:"M8 32v4a4 4 0 004 4h4"}),e.jsx("path",{d:"M40 32v4a4 4 0 01-4 4h-4"}),e.jsx("path",{d:"M18 20v3"}),e.jsx("path",{d:"M30 20v3"}),e.jsx("path",{d:"M24 20v8h-2"}),e.jsx("path",{d:"M18 32c1.8 1.5 4 2.2 6 2.2s4.2-.7 6-2.2"})]}),s==="approved"&&e.jsx("svg",{viewBox:"0 0 48 48",width:"42",height:"42",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M10 24l9 9 19-19"})}),s==="scanning"&&e.jsx("span",{className:"bnk__faceid-scanline","aria-hidden":"true"})]}),e.jsx("div",{className:"bnk__faceid-sheet-title",children:n}),e.jsx("div",{className:"bnk__faceid-sheet-sub",children:c})]})})}function Ze({activeBank:s,onDone:n}){const[c,i]=l.useState("scanning"),r=l.useRef(n);return r.current=n,l.useEffect(()=>{const t=setTimeout(()=>i("approved"),1100),a=setTimeout(()=>r.current(),2100);return()=>{clearTimeout(t),clearTimeout(a)}},[]),e.jsxs("div",{className:"bnk__login bnk__login--auto",style:{"--bnk-brand":R(s)},children:[e.jsxs("div",{className:"bnk__login-hero",children:[e.jsx("div",{className:"bnk__login-logo",children:e.jsx("img",{src:C(s.domain),alt:s.name,width:"56",height:"56",onError:t=>{t.currentTarget.style.display="none"}})}),e.jsx("div",{className:"bnk__login-name",children:s.name})]}),e.jsxs("div",{className:"bnk__login-foot",children:[e.jsx("span",{children:"Sign up"}),e.jsx("span",{children:"·"}),e.jsx("span",{children:"Open an account"}),e.jsx("span",{children:"·"}),e.jsx("span",{children:"Privacy"})]}),e.jsx("div",{"data-hint-id":"face-id",className:"bnk__faceid-target","aria-hidden":"true"}),e.jsx(Se,{state:c,title:c==="scanning"?"Face ID":"Approved",sub:c==="scanning"?`Look at the camera to log on to ${s.name}`:`Logging you on to ${s.name}`})]})}function Xe({activeBank:s,locale:n,bankAccountIdx:c,setBankAccountIdx:i,onCancel:r,onPay:t}){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"bnk__topbar",children:[e.jsxs("button",{type:"button",className:"bnk__back",onClick:r,"aria-label":"Back to merchant",children:[e.jsx("svg",{viewBox:"0 0 16 16",width:"14",height:"14",fill:"none",stroke:"currentColor",strokeWidth:"1.8",children:e.jsx("path",{d:"M10 3l-5 5 5 5"})}),e.jsx("span",{children:"Cancel"})]}),e.jsxs("div",{className:"bnk__topbar-brand",children:[e.jsx("span",{className:"bnk__topbar-mark",style:{background:R(s)},children:e.jsx("img",{src:C(s.domain),alt:`${s.name} logo`,width:"16",height:"16",onError:a=>{a.currentTarget.style.display="none"}})}),e.jsx("span",{children:s.name})]}),e.jsx("span",{className:"bnk__topbar-spacer","aria-hidden":"true"})]}),e.jsxs("div",{className:"bnk__screen",children:[e.jsxs("div",{className:"bnk__pay-
1head",children:[e.jsx("div",{className:"bnk__pay-eyebrow",children:"Authorise payment"}),e.jsx("div",{className:"bnk__pay-amt num",children:n.price}),e.jsxs("div",{className:"bnk__pay-to",children:["to ",e.jsx("strong",{children:u.name})," · via Quidkey"]})]}),e.jsx("div",{className:"bnk__sec-h",children:"Pay from"}),e.jsx("div",{className:"bnk__accts",children:n.accounts?.map((a,o)=>e.jsxs("button",{type:"button",className:`bnk__acct ${o===c?"is-on":""}`,onClick:()=>i(o),children:[e.jsx("span",{className:`bnk__radio ${o===c?"is-on":""}`,children:e.jsx("span",{})}),e.jsxs("span",{className:"bnk__acct-info",children:[e.jsx("span",{className:"bnk__acct-name",children:a.name}),e.jsx("span",{className:"bnk__acct-sub num",children:a.sub})]}),e.jsx("span",{className:"bnk__acct-bal num",children:a.bal})]},a.id))}),e.jsxs("div",{className:"bnk__detail",children:[e.jsxs("div",{className:"bnk__detail-row",children:[e.jsx("span",{children:"Reference"}),e.jsx("span",{className:"num",children:u.reference})]}),e.jsxs("div",{className:"bnk__detail-row",children:[e.jsx("span",{children:"Arrives"}),e.jsx("span",{children:"Instantly"})]})]})]}),e.jsx("div",{className:"phone__action",children:e.jsx("button",{type:"button","data-hint-id":"bank-pay",className:"phone__action-cta phone__action-cta--bank",onClick:t,style:{background:R(s)},children:e.jsxs("span",{children:["Pay ",n.price]})})})]})}function Je({activeBank:s,locale:n,onApprove:c,onDecline:i}){const r=[["Status","Pending"],["PayID",n.phone,!0],["PayID Name",n.customer.name],["Payee",u.name.toUpperCase()],["Payment amount",n.price,!0],["Payment frequency","Single"],["Start date",he],["First payment",he]];return e.jsxs("div",{className:"bnk__agree",children:[e.jsxs("div",{className:"bnk__agree-bar",children:[e.jsx("span",{className:"bnk__agree-mark",style:{background:R(s)},children:e.jsx("img",{src:C(s.domain),alt:`${s.name} logo`,width:"18",height:"18",onError:t=>{t.currentTarget.style.display="none"}})}),e.jsx("span",{className:"bnk__agree-bank",children:s.name}),e.jsx("span",{className:"bnk__agree-avatar","aria-hidden":"true",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"none",stroke:"currentColor",strokeWidth:"1.8",children:[e.jsx("circle",{cx:"12",cy:"9",r:"3.5"}),e.jsx("path",{d:"M5 21c1.5-4 4-6 7-6s5.5 2 7 6"})]})})]}),e.jsxs("div",{className:"bnk__agree-body",children:[e.jsx("h2",{className:"bnk__agree-h",children:"PayTo agreement"}),e.jsx("div",{className:"bnk__agree-sub",children:"Awaiting authorisation"}),e.jsx("div",{className:"bnk__agree-sec",children:"Payment agreement details"}),e.jsx("dl",{className:"bnk__payto-rows",children:r.map(([t,a,o])=>e.jsxs("div",{className:"bnk__payto-row",children:[e.jsx("dt",{children:t}),e.jsx("dd",{className:o?"num":void 0,children:a})]},t))}),e.jsxs("div",{className:"bnk__agree-due",children:["Action required by ",he]}),e.jsxs("div",{className:"bnk__agree-actions",children:[e.jsx("button",{type:"button",className:"bnk__agree-decline",onClick:i,children:"Decline"}),e.jsx("button",{type:"button","data-hint-id":"bank-pay",className:"bnk__agree-approve",onClick:c,children:"Approve"})]})]})]})}function es({locale:s,activeBank:n}){const c=s.authorise==="payto"?{title:"Authorising PayTo agreementâ¦",sub:`Paying ${s.price} to ${u.name}`}:s.authorise==="connect"?{title:"Connecting bank accountâ¦",sub:`Linking your ${n.name} accounts`}:{title:"Authorising paymentâ¦",sub:`Sending ${s.price} to ${u.name}`};return e.jsxs("div",{className:"bnk__splash",children:[e.jsx("div",{className:"bnk__spinner","aria-hidden":"true"}),e.jsx("div",{className:"bnk__splash-title",children:c.title}),e.jsx("div",{className:"bnk__splash-sub",children:c.sub})]})}function ss({activeBank:s,locale:n,onAuthorise:c}){const i=n.accounts??[],[r,t]=l.useState(i.filter(d=>d.connected).map(d=>d.id)),a=d=>t(h=>h.includes(d)?h.filter(_=>_!==d):[...h,d]),o=R(s);return e.jsxs("div",{className:"bnk__connect",style:{"--bnk-brand":o},children:[e.jsxs("div",{className:"bnk__agree-bar",children:[e.jsx("span",{className:"bnk__agree-mark",style:{background:o},children:e.jsx("img",{src:C(s.domain),alt:`${s.name} logo`,width:"18",height:"18",onError:d=>{d.currentTarget.style.display="none"}})}),e.jsx("span",{className:"bnk__agree-bank",children:s.name})]}),e.jsxs("div",{className:"bnk__connect-body",children:[e.jsx("h2",{className:"bnk__agree-h",children:"Authorise payment"}),e.jsx("div",{className:"bnk__agree-sub",children:"Review and approve this bank transfer."}),e.jsxs("div",{className:"bnk__pay-card",children:[e.jsx("div",{className:"bnk__pay-card-amt num",children:n.price}),e.jsx("div",{className:"bnk__pay-card-rails",children:"Instant payment · ACH"}),e.jsxs("div",{className:"bnk__pay-card-row bnk__pay-card-row--first",children:[e.jsx("span",{children:"To"}),e.jsx("strong",{children:u.name.toUpperCase()})]}),e.jsxs("div",{className:"bnk__pay-card-row",children:[e.jsx("span",{children:"Reference"}),e.jsx("strong",{className:"num",children:u.reference})]})]}),e.jsx("div",{className:"bnk__connect-sec",children:"Pay from"}),e.jsx("div",{className:"bnk__connect-accts",children:i.map(d=>{const h=r.includes(d.id);return e.jsxs("button",{type:"button",role:"checkbox","aria-checked":h,className:`bnk__connect-acct ${h?"is-on":""}`,onClick:()=>a(d.id),children:[e.jsx("span",{className:`bnk__check ${h?"is-on":""}`,"aria-hidden":"true",children:h&&e.jsx("svg",{viewBox:"0 0 24 24",width:"13",height:"13",fill:"none",stroke:"#fff",strokeWidth:"3.4",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M5 13l4.5 4.5L19 7"})})}),e.jsxs("span",{className:"bnk__acct-info",children:[e.jsx("span",{className:"bnk__acct-name",children:d.name}),e.jsx("span",{className:"bnk__acct-sub num",children:d.sub})]}),e.jsx("span",{className:"bnk__acct-bal num",children:d.bal})]},d.id)})})]}),e.jsx("div",{className:"phone__action",children:e.jsx("button",{type:"button","data-hint-id":"bank-pay",className:"phone__action-cta phone__action-cta--bank",disabled:r.length===0,onClick:c,style:{background:o},children:e.jsxs("span",{children:["Authorise ",n.price]})})})]})}function ns(){return e.jsx("div",{className:"bnk__safari-launch",children:e.jsx("div",{className:"bnk__safari-launch-icon","aria-hidden":"true",children:e.jsx(Oe,{})})})}const ae="481920";function Ae(s){const n=l.useRef(s);return n.current=s,n}function Me(s){const n=s.replace(/\D/g,"");return s.startsWith("(")?`(â¢â¢â¢) â¢â¢â¢-${n.slice(-4)}`:`${s.slice(0,3)}â¢â¢ â¢â¢â¢ ${n.slice(-3)}`}function $({payto:s=!1,amount:n,children:c}){return e.jsxs(e.Fragment,{children:[e.jsx(ue,{host:"pay.quidkey.com",path:"/checkout"}),e.jsxs("div",{className:"qk__bar",children:[e.jsx("img",{className:"qk__bar-logo",src:"/quidkey-logo.svg",alt:"Quidkey",
1width:"76",height:"18"}),e.jsxs("span",{className:"qk__bar-secure",children:[e.jsxs("svg",{viewBox:"0 0 12 14",width:"11",height:"12",fill:"none",stroke:"currentColor",strokeWidth:"1.6",children:[e.jsx("rect",{x:"2",y:"6",width:"8",height:"7",rx:"1"}),e.jsx("path",{d:"M4 6V4a2 2 0 014 0v2"})]}),"Secure"]})]}),n&&e.jsxs("div",{className:"qk__due",children:[e.jsx("span",{className:"qk__due-lbl",children:"Amount due"}),e.jsx("span",{className:"qk__due-amt num",children:n})]}),s&&e.jsxs("div",{className:"qk__rails",children:[e.jsx("span",{children:"Pay by Bank with"}),e.jsx("img",{src:"/homepage/payto-logo.webp",alt:"PayTo",width:"43",height:"18"})]}),c,s&&e.jsxs("div",{className:"qk__npp",children:["Payments initiated by ",e.jsx("strong",{children:"Quidkey"}),", ",u.name,"â payment partner.",e.jsx("br",{}),"PayID and PayTo are registered trade marks of NPP Australia Ltd."]})]})}const as=["Add PayID details","Review in your bank","Confirm payment"];function _e(s,n){const[c,i]=l.useState(s);return l.useEffect(()=>{if(!n)return;const r=setInterval(()=>i(t=>Math.max(0,t-1)),1e3);return()=>clearInterval(r)},[n]),c}function ts(){const[s,n]=l.useState(!0);return l.useEffect(()=>{const c=setTimeout(()=>n(!1),2500);return()=>clearTimeout(c)},[]),e.jsxs("span",{className:`qk__vbadge ${s?"is-open":""}`,children:[e.jsx("span",{className:"qk__vbadge-txt",children:"verified"}),e.jsx("svg",{viewBox:"0 0 24 24",width:"14",height:"14",fill:"none",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M20 6 9 17l-5-5"})})]})}function Le(s=!0){const[n,c]=l.useState("");return l.useEffect(()=>{if(!s)return;let i;const r=setTimeout(()=>{i=setInterval(()=>{c(t=>t.length>=ae.length?(clearInterval(i),t):ae.slice(0,t.length+1))},120)},900);return()=>{clearTimeout(r),i&&clearInterval(i)}},[s]),{code:n,ready:n.length===ae.length}}function Pe({code:s,ready:n}){return e.jsx("div",{className:`qk__code num ${n?"is-filled":""}`,"aria-label":"Six digit code",children:s.padEnd(ae.length," ").split("").map((c,i)=>e.jsx("span",{className:c===" "?"qk__code-ph":"",children:c===" "?"0":c},i))})}function cs({phone:s,onVerified:n,onBack:c,onChange:i}){const{code:r,ready:t}=Le(),a=_e(30,!0),o=Me(s);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"phone__screen qk__screen",children:[e.jsxs("button",{type:"button",className:"qk__back",onClick:c,children:[e.jsx("svg",{viewBox:"0 0 16 16",width:"13",height:"13",fill:"none",stroke:"currentColor",strokeWidth:"1.8",children:e.jsx("path",{d:"M10 3l-5 5 5 5"})}),"Back"]}),e.jsx("h2",{className:"qk__h",children:"Verify your mobile number"}),e.jsx("p",{className:"qk__p",children:"Your PayTo® agreement will be tied to this number. You'll use it to pay in one tap next time, and to view or cancel the agreement."}),e.jsxs("div",{className:"qk__phone-row",children:[e.jsxs("svg",{viewBox:"0 0 24 24",width:"17",height:"17",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",children:[e.jsx("rect",{x:"6",y:"2",width:"12",height:"20",rx:"3"}),e.jsx("path",{d:"M11 18h2"})]}),e.jsx("span",{className:"qk__phone-num num",children:o}),e.jsx("button",{type:"button",className:"qk__change",onClick:i,children:"Change"})]}),e.jsx("div",{className:"qk__lbl",children:"Enter the 6-digit code"}),e.jsx(Pe,{code:r,ready:t}),e.jsxs("div",{className:"qk__code-note",children:[e.jsxs("span",{children:["Code sent to ",o]}),e.jsx("span",{className:"num",children:a>0?`Resend in ${a}s`:"Resend"})]})]}),e.jsxs("div",{className:"phone__action",children:[e.jsx("button",{type:"button",className:"phone__action-cta",disabled:!t,onClick:n,children:e.jsx("span",{children:"Verify and send to my bank"})}),e.jsx("p",{className:"qk__footnote",children:"Nothing is sent to your bank and no money moves until your number is verified."})]})]})}function is({locale:s,activeBank:n,onDone:c,onCancel:i}){const[r,t]=l.useState("entry"),[a,o]=l.useState("payid"),d=_e(1800,r==="waiting"||r==="notify"),h=`${Math.floor(d/60)}:${String(d%60).padStart(2,"0")}`,_=Ae(c);return l.useEffect(()=>{if(r==="waiting"){const p=setTimeout(()=>t("notify"),1e3);return()=>clearTimeout(p)}if(r==="notify"){const p=setTimeout(()=>_.current(),2e3);return()=>clearTimeout(p)}},[r,_]),r==="learn"?e.jsxs($,{payto:!0,children:[e.jsxs("div",{className:"phone__screen qk__screen",children:[e.jsx("h2",{className:"qk__h",children:"How PayTo® works"}),e.jsx("p",{className:"qk__p",children:"Set up a PayTo agreement using your PayID, or BSB and account number."}),e.jsx("p",{className:"qk__p",children:"You'll need to authorise your PayTo agreement in your banking app before any money comes out of your account."}),e.jsxs("p",{className:"qk__p",children:["Quidkey, ",u.name,"â payment partner, initiates the request. We never see or store your banking login."]})]}),e.jsx("div",{className:"phone__action",children:e.jsx("button",{type:"button",className:"phone__action-cta",onClick:()=>t("entry"),children:e.jsx("span",{children:"Back to payment"})})})]}):r==="verify"?e.jsxs($,{payto:!0,children:[e.jsxs("div",{className:"phone__screen qk__screen",children:[e.jsxs("button",{type:"button",className:"qk__back",onClick:()=>t("entry"),children:[e.jsx("svg",{viewBox:"0 0 16 16",width:"12",height:"12",fill:"none",stroke:"currentColor",strokeWidth:"1.8",children:e.jsx("path",{d:"M10 3l-5 5 5 5"})}),"Back"]}),e.jsx("h2",{className:"qk__h",children:"Verify your mobile number"}),e.jsx("p",{className:"qk__p",children:"Your PayTo® agreement will be tied to this number. You'll use it to pay in one tap next time, and to view or cancel the agreement."}),e.jsxs("div",{className:"qk__phone-row",children:[e.jsxs("svg",{viewBox:"0 0 24 24",width:"17",height:"17",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",children:[e.jsx("rect",{x:"6",y:"2",width:"12",height:"20",rx:"3"}),e.jsx("path",{d:"M11 18h2"})]}),e.jsx("span",{className:"qk__phone-num num",children:s.phone}),e.jsx("button",{type:"button",className:"qk__change",onClick:()=>t("entry"),children:"Change"})]})]}),e.jsxs("div",{className:"phone__action",children:[e.jsx("button",{type:"button",className:"phone__action-cta",onClick:()=>t("code"),children:e.jsx("span",{children:"Send verification code"})}),e.jsx("p",{className:"qk__footnote",children:"Nothing is sent to your bank and no money moves until your number is verified."})]})]}):r==="code"?e.jsx($,{payto:!0,children:e.jsx(cs,{phone:s.phone,onVerified:()=>t("waiting"),onBack:()=>t("verify"),onChange:()=>t("verify")})}):r==="waiting"||r==="notify"?e.jsxs($,{payto:!0,children:[r==="notify"&&e.jsxs("div",{className:"qk__banner",role:"status",children:[e.jsx("span",{className:"qk__banner-icon",children:e.jsx("img",{src:C(n.domain),alt:"",width:"22",height:"22",onError:p=>{p.currentTarget.style.display="none"}})}),e.jsxs("span",{className:"qk__banner-body",children:[e.jsxs("span",{className:"qk__banner-head",children:[e.jsx("span",{className:"qk__banner-app",children:n.name}),e.jsx("span",{className:"qk__banner-time",children:"now"})]}),e.jsx("span",{className:"qk__banner-title",children:"PayTo request"}
1),e.jsx("span",{className:"qk__banner-text",children:"Quidkey has sent you a PayTo request to authorise. Tap to review."})]})]}),e.jsxs("div",{className:"phone__screen qk__screen qk__screen--center",children:[e.jsx("h2",{className:"qk__h",children:"Authorise your PayTo® agreement to complete the payment"}),e.jsxs("div",{className:"qk__timer-wrap",children:[e.jsx("p",{className:"qk__timer-note",children:"You have 30 minutes to authorise"}),e.jsxs("div",{className:"qk__timer",children:[e.jsx("span",{className:"qk__timer-dot","aria-hidden":"true"}),e.jsx("span",{className:"num",children:h})," remaining"]})]}),e.jsxs("ol",{className:"qk__steps-list",children:[e.jsx("li",{children:"Log in to your banking app"}),e.jsx("li",{children:"Review and authorise your PayTo agreement"}),e.jsx("li",{children:"Return here and the payment completes automatically"})]}),e.jsx("span",{className:"qk__help",children:"Not sure where to find PayTo in your app? Find out how"}),e.jsxs("div",{className:"qk__push",children:[e.jsxs("div",{className:"qk__push-head",children:[e.jsx("span",{className:"qk__push-icon","aria-hidden":"true",children:e.jsxs("svg",{viewBox:"0 0 24 24",width:"12",height:"12",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("path",{d:"M3 21h18"}),e.jsx("path",{d:"M5 21V9l7-5 7 5v12"})]})}),e.jsx("span",{className:"qk__push-app",children:"Your bank"}),e.jsx("span",{className:"qk__push-time",children:"now"})]}),e.jsx("div",{className:"qk__push-body",children:"Quidkey has sent you a PayTo request to authorise"}),e.jsxs("div",{className:"qk__push-foot",children:["Appears from Quidkey, ",u.name,"'s payment partner."]})]}),e.jsxs("div",{className:"qk__waiting",children:[e.jsx("span",{className:"bnk__spinner","aria-hidden":"true"}),e.jsx("span",{children:"Waiting for your authorisationâ¦"})]}),e.jsx("button",{type:"button",className:"qk__linkbtn",onClick:()=>t("entry"),children:"Cancel and use another method"})]})]}):e.jsxs($,{payto:!0,children:[e.jsxs("div",{className:"phone__screen qk__screen",children:[e.jsx("h2",{className:"qk__h",children:"Pay directly from your bank"}),e.jsx("button",{type:"button",className:"qk__learn",onClick:()=>t("learn"),children:"How PayTo® works âº"}),e.jsx("ol",{className:"qk__steps",children:as.map((p,k)=>e.jsxs("li",{className:`qk__step ${k===0?"is-on":""}`,children:[e.jsx("span",{className:"qk__step-n num",children:k+1}),e.jsx("span",{className:"qk__step-l",children:p})]},p))}),e.jsx("div",{className:"qk__lbl",children:"Identify your account with"}),e.jsxs("div",{className:"qk__idkind",children:[e.jsxs("button",{type:"button",className:`qk__idkind-opt ${a==="payid"?"is-on":""}`,"aria-pressed":a==="payid",onClick:()=>o("payid"),children:[e.jsxs("span",{className:"qk__idkind-t",children:["PayID",e.jsx("sup",{children:"®"})]}),e.jsx("span",{className:"qk__idkind-s",children:"Mobile, email or ABN"})]}),e.jsxs("button",{type:"button",className:`qk__idkind-opt ${a==="bsb"?"is-on":""}`,"aria-pressed":a==="bsb",onClick:()=>o("bsb"),children:[e.jsx("span",{className:"qk__idkind-t",children:"BSB & account"}),e.jsx("span",{className:"qk__idkind-s",children:"Bank account details"})]})]}),a==="payid"?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"qk__lbl qk__lbl--field",children:"PayID type"}),e.jsxs("div",{className:"qk__select-fake","aria-hidden":"true",children:[e.jsx("span",{children:"Mobile number"}),e.jsx("svg",{viewBox:"0 0 12 8",width:"12",height:"8",fill:"none",stroke:"currentColor",strokeWidth:"1.8",children:e.jsx("path",{d:"M1 1l5 5 5-5"})})]}),e.jsxs("div",{className:"qk__input",children:[e.jsx("span",{className:"num",children:s.phone}),e.jsx(ts,{})]})]}):e.jsxs("div",{className:"qk__field-pair",children:[e.jsxs("div",{className:"qk__field",children:[e.jsx("span",{className:"qk__field-lbl",children:"BSB"}),e.jsx("span",{className:"qk__field-val num",children:"123-456"})]}),e.jsxs("div",{className:"qk__field",children:[e.jsx("span",{className:"qk__field-lbl",children:"Account number"}),e.jsx("span",{className:"qk__field-val num",children:"1234 5678"})]})]}),e.jsxs("div",{className:"qk__total",children:[e.jsx("span",{className:"qk__total-amt num",children:s.price}),e.jsxs("span",{className:"qk__total-to",children:["to ",u.name]})]})]}),e.jsxs("div",{className:"phone__action",children:[e.jsx("button",{type:"button","data-hint-id":"qk-payto",className:"phone__action-cta",onClick:()=>t("verify"),children:e.jsx("span",{children:"Send request to my bank"})}),e.jsxs("p",{className:"qk__terms",children:["By selecting âSend request to my bankâ, I authorise a PayTo agreement to be set up on my account and this payment to be debited. I agree to the"," ",e.jsx("span",{className:"qk__terms-link",children:"PayTo terms"}),"."]}),e.jsxs("button",{type:"button",className:"qk__linkbtn",onClick:i,children:["Cancel and return to ",u.name]})]})]})}const rs=[{label:"Connect in seconds",icon:e.jsx("svg",{viewBox:"0 0 24 24",width:"17",height:"17",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M13 2 4 14h6l-1 8 9-12h-6l1-8Z"})})}
1,{label:"Future payments in one tap",icon:e.jsxs("svg",{viewBox:"0 0 24 24",width:"17",height:"17",fill:"none",stroke:"currentColor",strokeWidth:"1.9",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M9 11V5.5a1.5 1.5 0 013 0V11"}),e.jsx("path",{d:"M12 11V9.5a1.5 1.5 0 013 0V11"}),e.jsx("path",{d:"M15 11.5v-1a1.5 1.5 0 013 0V15a6 6 0 01-6 6h-1a5 5 0 01-3.6-1.5L5 16.6a1.6 1.6 0 012.3-2.2L9 16"}),e.jsx("path",{d:"M3.5 4.5 2 3M7 2.6l.4-1.6M1.2 8.4l-1.1.3"})]})},{label:"Encrypted & secure",icon:e.jsxs("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"4",y:"11",width:"16",height:"10",rx:"2"}),e.jsx("path",{d:"M8 11V7a4 4 0 018 0v4"})]})}];function os({locale:s,activeBank:n,onDone:c,onCancel:i}){const[r,t]=l.useState(!1),{code:a,ready:o}=Le(r),d=_e(30,r),h=Me(s.phone),_=e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"qk__parties",children:[e.jsx("img",{src:"/quidkey-logo.svg",alt:"Quidkey",width:"76",height:"18"}),e.jsx("span",{className:"qk__parties-sep","aria-hidden":"true"}),e.jsx("img",{className:"qk__parties-bank",src:C(n.domain),alt:n.name,width:"26",height:"26",onError:k=>{k.currentTarget.style.display="none"}})]}),e.jsxs("h2",{className:"qk__h",children:["Pay ",u.name," from your bank"]}),e.jsx("p",{className:"qk__p",children:"Quidkey processes this payment."}),e.jsxs("div",{className:"qk__verify-head",children:[e.jsx("div",{className:"qk__lbl",children:"Verify your mobile number"}),!r&&e.jsx("p",{className:"qk__p qk__p--tight",children:"We'll text you a 6-digit code to confirm it's you."})]}),e.jsxs("div",{className:"qk__phone-row",children:[e.jsxs("svg",{viewBox:"0 0 24 24",width:"17",height:"17",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":"true",children:[e.jsx("rect",{x:"6",y:"2",width:"12",height:"20",rx:"3"}),e.jsx("path",{d:"M11 18h2"})]}),e.jsx("span",{className:"qk__phone-num num",children:r?h:s.phone}),e.jsx("button",{type:"button",className:"qk__change",onClick:()=>t(!1),children:"Change"})]})]}),p=e.jsxs("p",{className:"qk__terms",children:["By continuing, you agree to Quidkeyâs ",e.jsx("span",{className:"qk__terms-link",children:"Terms"})," and"," ",e.jsx("span",{className:"qk__terms-link",children:"Privacy Notice"}),"."]});return r?e.jsxs($,{amount:s.price,children:[e.jsxs("div",{className:"phone__screen qk__screen",children:[_,e.jsx("div",{className:"qk__lbl",children:"Enter the 6-digit code"}),e.jsx(Pe,{code:a,ready:o}),e.jsxs("div",{className:"qk__code-note",children:[e.jsxs("span",{children:["Code sent to ",h]}),e.jsx("span",{className:"num",children:d>0?`Resend in ${d}s`:"Resend"}),e.jsx("span",{"aria-hidden":"true",children:"·"}),e.jsx("span",{className:"qk__terms-link",children:"Call me instead"})]})]}),e.jsxs("div",{className:"phone__action",children:[p,e.jsx("button",{type:"button",className:"phone__action-cta",disabled:!o,onClick:c,children:e.jsxs("span",{children:["Verify and continue to ",n.name]})}),e.jsxs("button",{type:"button",className:"qk__linkbtn",onClick:i,children:["Cancel and return to ",u.name]})]})]}):e.jsxs($,{amount:s.price,children:[e.jsxs("div",{className:"phone__screen qk__screen",children:[_,e.jsx("div",{className:"qk__perks",children:rs.map(k=>e.jsxs("div",{className:"qk__perk",children:[e.jsx("span",{className:"qk__perk-icon","aria-hidden":"true",children:k.icon}),e.jsx("span",{className:"qk__perk-label",children:k.label})]},k.label))})]}),e.jsxs("div",{className:"phone__action",children:[p,e.jsx("button",{type:"button","data-hint-id":"qk-verify",className:"phone__action-cta",onClick:()=>t(!0),children:e.jsx("span",{children:"Send verification code"})}),e.jsxs("button",{type:"button",className:"qk__linkbtn",onClick:i,children:["Cancel and return to ",u.name]})]})]})}function ls({locale:s,activeBank:n,onDone:c,onCancel:i}){const r=s.accounts??[],t=r.filter(N=>N.connected),a=t.length>0?t:r,[o,d]=l.useState(0),[h,_]=l.useState(!1),p=Ae(c);if(l.useEffect(()=>{if(!h)return;const N=setTimeout(()=>p.current(),1400);return()=>clearTimeout(N)},[h,p]),h)return e.jsx($,{amount:s.price,children:e.jsxs("div",{className:"phone__screen qk__screen qk__screen--center",children:[e.jsx("span",{className:"bnk__spinner","aria-hidden":"true"}),e.jsxs("div",{className:"qk__paying",children:["Paying ",s.price," to ",u.name,"â¦"]}),e.jsxs("div",{className:"qk__p",children:["Debiting your ",n.name," account."]})]})});const k=a[o]??a[0];return e.jsxs($,{amount:s.price,children:[e.jsxs("div",{className:"phone__screen qk__screen",children:[e.jsx("h2",{className:"qk__h",children:"Choose an account"}),e.jsxs("p",{className:"qk__p",children:["You connected these at ",n.name,". Pick the one to pay from."]}),e.jsx("div",{className:"qk__accts",role:"radiogroup","aria-label":"Account to pay from",children:a.map((N,b)=>e.jsxs("button",{type:"button",role:"radio","aria-checked":b===o,className:`qk__acct ${b===o?"is-on":""}`,onClick:()=>d(b),children:[e.jsx("span",{className:"qk__acct-logo",children:e.jsx("img",{src:C(n.domain),alt:"",width:"22",height:"22",onError:g=>{g.currentTarget.style.display="none"}})}),e.jsxs("span",{className:"qk__acct-info",children:[e.jsxs("span",{className:"qk__acct-name",children:[n.name," ",N.short??N.name]}),e.jsxs("span",{className:"qk__acct-sub num",children:["····",N.sub.replace(/\D/g,"")]})]}),e.jsx("span",{className:`bnk__radio ${b===o?"is-on":""}`,children:e.jsx("span",{})})]},N.id))}),e.jsxs("div",{className:"qk__connect-more","aria-hidden":"true",children:[e.jsx("span",{children:"+"})," Connect another bank"]})]}),e.jsxs("div",{className:"phone__action",children:[e.jsxs("p",{className:"qk__terms",children:["By clicking Pay, you agree to the ",e.jsx("span",{className:"qk__terms-link",children:"Payment Terms"})," and authorize ",u.name," to debit your account ending in ",k?.sub.replace(/\D/g,"")??"",".",e.jsx("br",{}),"Questions about this payment? Contact ",u.name," or your bank."]}),e.jsx("button",{type:"button","data-hint-id":"qk-accounts",className:"phone__action-cta",onClick:()=>_(!0),children:e.jsxs("span",{children:["Pay ",s.price]})}),e.jsxs("button",{type:"button",className:"qk__linkbtn",onClick:i,children:["Cancel and return to ",u.name]})]})]})}function ds({activeBank:s,locale:n,onReplay:c}){return e.jsxs(e.Fragment,{children:[e.jsx(ue,{host:u.domain,path:"/order/confirmed"}),e.jsxs("div",{className:"phone__screen msuccess",children:[e.jsx("div",{className:"msuccess__check","aria-hidden":"true",children:e.jsx("svg",{viewBox:"0 0 48 48",width:"36",height:"36",fill:"none",stroke:"currentColor",strokeWidth:"3.2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M10 24l9 9 19-19"})})}),e.jsx("div",{className:"msuccess__title",children:"Payment successful"}),e.jsxs("div",{className:"msuccess__sub",children:[n.price," paid from your ",s.name," account"]}),e.jsxs("div",{className:"msuccess__rcpt",children:[e.jsxs("div",{className:"msuccess__rcpt-row",children:[e.jsx("span",{children:"Order"}),e.jsx("span",{className:"num",children:u.orderNo})]}),e.jsxs("div",{className:"msuccess__rcpt-row",children:[e.jsx("span",{children:"Paid with"}),e.jsxs("span",{children:[s.name," · Pay by Bank"]})]}),e.jsxs("div",{className:"msuccess__rcpt-row",children:[e.jsx("span",{children:"Saved"}),e.jsxs("span",{className:"msuccess__saved",children:[n.save," vs card"]})]}),e.jsxs("div",{className:"msuccess__rcpt-row",children:[e.jsx("span",{children:"Shipping to"}),e.jsxs("span",{children:[n.customer.name," · ",n.customer.postcode]})]})]}),e.jsxs("div",{className:"msuccess__hint",children:["A receipt has been sent to ",n.customer.email,e.jsx("br",{}),"Estimated arrival Tue, May 12."]})]}),e.jsx("div",{className:"phone__action",children:e.jsx("button",{type:"button","data-hint-id":"replay",className:"phone__action-cta phone__action-cta--ghost",onClick:c,children:e.jsx("span",{children:"Replay demo"})})})]})}const hs=20,ms=16,us=220,fe=110,ve=4,_s=30;function ps({stages:s,currentIdx:n,flowStep:c,suppressed:i,onPrev:r,onNext:t}){const a=s[n],o=!!a&&a.screen===c,[d,h]=l.useState(null),[_,p]=l.useState(null),[k,N]=l.useState(null),[b,g]=l.useState(null),y=l.useRef(null),A=l.useRef(null);if(l.useLayoutEffect(()=>{if(!o||i){h(null),p(null);return}let S=!1;const P=()=>{const x=document.querySelector(`[data-hint-id="${a.id}"]`),E=document.querySelector(".hero__viz--mobile"),V=document.querySelector(".hero__viz--mobile .phone");if(!x||!E||!V||S)return;const U=x.getBoundingClientRect(),O=E.getBoundingClientRect(),Ee=V.getBoundingClientRect(),pe=U.top+U.height/2,xe=pe-180,ke=pe+20,je=document.querySelector(".hero__split .hero__copy")||document.querySelector(".hero__copy");let z=-1/0;je&&je.querySelectorAll(".hero__title, .hero__sub, .hero__ctas, .hero__proof").forEach(be=>{const ge=document.createRange();ge.selectNodeContents(be);const ye=ge.getClientRects();for(let Z=0;Z<ye.length;Z++){const T=ye[Z];T.bottom<xe||T.top>ke||T.right>z&&(z=T.right)}be.querySelectorAll("button, a, .btn").forEach(Z=>{const T=Z.getBoundingClientRect();T.bottom<xe||T.top>ke||T.right>z&&(z=T.right)})}),h({x:Math.round(U.left-O.left),y:Math.round(U.top-O.top),w:Math.round(U.width),h:Math.round(U.height)}),p({phoneLeft:Math.round(Ee.left-O.left),containerW:Math.round(O.width),containerH:Math.round(O.height),copyRight:z===-1/0?-1/0:Math.round(z-O.left)})};P();const se=new ResizeObserver(P);se.observe(document.body),window.addEventListener("resize",P),window.addEventListener("scroll",P,{passive:!0});const m=setTimeout(P,100);return()=>{S=!0,se.disconnect(),window.removeEventListener("resize",P),window.removeEventListener("scroll",P),clearTimeout(m)}},[o,a?.id,i]),l.useLayoutEffect(()=>{if(!o||!y.current){N(null);return}const S=y.current.getBoundingClientRect();N({w:Math.round(S.width),h:Math.round(S.height)})},[o,a?.id,a?.label,_?.phoneLeft,d?.y]),l.useLayoutEffect(()=>{if(!o||!A.current){g(null);return}const S=A.current.getBoundingClientRect();g({w:Math.round(S.width),h:Math.round(S.height)})},[o,a?.id,k?.h]),!o||i||!d||!_)return null;const f=_.phoneLeft-14,j=d.y+d.h/2,F=_.copyRight===-1/0?-200:_.copyRight+ms,w=_.phoneLeft-hs,D=Math.max(F,-200),W=w-D;if(W<fe)return null;const B=Math.max(fe,Math.min(us,W)),I=Math.max(D,w-B),q=k?.h??64,H=k?.w??Math.min(B,180),M=b?.h??_s,te=b?.w??80,X=q+ve+M,L=Math.max(j-28-X,8),v=L+q+ve,ce=I+(b?te:H),Q=b?ce+8:I+H*.55,K=L+X,J=f-Q,ee=j-K,ie=Q+Math.max(J*.2,8),re=K+Math.max(ee*.5,18),Y=f-Math.max(J*.3,30),oe=j-12,G=`M ${Q} ${K} C ${ie} ${re}, ${Y} ${oe}, ${f} ${j}`;return e.jsxs("div",{className:"demo-hint demo-hint--scribble",children:[e.jsx("span",{ref:y,className:"demo-hint__scribble-lbl",style:{left:I,top:L,maxWidth:B},children:a.label}),e.jsxs("div",{ref:A,className:"demo-hint__scribble-nav",style:{left:I,top:v,maxWidth:B},children:[e.jsx("button",{type:"button",className:"demo-hint__scribble-navbtn",onClick:r,"aria-label":"Previous tip",children:e.jsx("svg",{viewBox:"0 0 16 16",width:"12",height:"12",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M10 3 L5 8 L10 13"})})}),e.jsxs("span",{className:"demo-hint__scribble-count",children:[n+1,"/",s.length]}),e.jsx("button",{type:"button",className:"demo-hint__scribble-navbtn",onClick:t,"aria-label":"Next tip",children:e.jsx("svg",{viewBox:"0 0 16 16",width:"12",height:"12",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:e.jsx("path",{d:"M6 3 L11 8 L6 13"})})})]}),e.jsxs("svg",{className:"demo-hint__scribble-svg",width:_.containerW,height:_.containerH,viewBox:`0 0 ${_.containerW} ${_.containerH}`,style:{position:"absolute",left:0,top:0,pointerEvents:"none"},"aria-hidden":"true",children:[e.jsx("defs",{children:e.jsx("marker",{id:"qkScribbleArrow",viewBox:"0 0 12 12",refX:"6",refY:"6",markerWidth:"10",markerHeight:"10",orient:"auto",children:e.jsx("path",{d:"M0 0 L12 6 L0 12 L4 6 z",fill:"#9CA3AF"})})}),e.jsx("path",{className:"demo-hint__scribble-path",d:G,fill:"none",stroke:"#9CA3AF",strokeWidth:"1.6",strokeLinecap:"round",markerEnd:"url(#qkScribbleArrow)"})]})]})}const xs={redirect:800,launch:1100,processing:1500,"app-launch-safari":1e3},Ce=e.jsxs(e.Fragment,{children:["Authorise with",e.jsx("br",{}),"Face ID"]});function ks(s){const n=s==="AU"?[{screen:"checkout",id:"predicted-bank",label:"One Pay by Bank option â no bank picking"},{screen:"checkout",id:"checkout-cta",label:"One tap to pay"}]:[{screen:"checkout",id:"predicted-bank",label:"Customer's predicted bank"},{screen:"checkout",id:"select-bank",label:"They can still pick any other bank"},{screen:"checkout",id:"checkout-cta",label:"One tap to pay"}],c=[{screen:"qk-payto",id:"qk-payto",label:"Quidkey sets up the PayTo agreement"},{screen:"qk-verify",id:"qk-verify",label:"Quidkey checks itâs really them"},{screen:"login",id:"face-id",label:Ce},{screen:"faceid",id:"face-id",label:Ce},{screen:"bank",id:"bank-pay",label:"Confirm in the bank app"}
1,{screen:"qk-accounts",id:"qk-accounts",label:"Choose which account pays"},{screen:"success",id:"replay",label:"Done, replay?"}],i=Ve(s);return[...n,...c.filter(r=>i.includes(r.screen))]}function Ns(){const[s,n]=l.useState("predicted"),[c,i]=l.useState(null),[r,t]=l.useState(!1),[a,o]=l.useState("checkout"),[d,h]=l.useState("idle"),[_,p]=l.useState(0),[k,N]=l.useState(0),b=()=>N(m=>m+1),g=k>=3,[y,A]=l.useState(0),{region:f}=qe(),j=We[f],F=j.banks,w=ks(f),D=l.useRef([]),W=(m,x)=>{const E=setTimeout(m,x);D.current.push(E)},B=()=>{D.current.forEach(clearTimeout),D.current=[]};l.useEffect(()=>()=>D.current.forEach(clearTimeout),[]);const I=l.useRef(null);l.useEffect(()=>{I.current!==a&&(I.current=a,we({name:"homepage_hero_viz_stage",flow:"merchant",stage:Ue(f,a),stageName:He[a],region:f}))},[a,f]);const q=()=>{B(),o("checkout"),p(0),h("idle")};l.useEffect(()=>{B(),o("checkout"),p(0),h("idle"),A(0)},[f]);const H=m=>{o(m);const x=xs[m];x!=null&&W(()=>H(de(f,m)),x)},M=m=>H(de(f,m)),te=s==="predicted",X=s==="select",L=c!=null?F[c]:null,v=s==="select"&&L?L:F[0],ce=F.slice(1,4),Q=m=>{b(),i(m),n("select")},K=m=>{b(),n(m),t(!1)},J=()=>{b(),n("select"),t(!0)},ee=j.authorise==="accounts"?null:`Pay by Bank · ${j.price}`,ie=s==="predicted"?ee??`Pay with ${F[0].name}`:s==="select"?L?ee??`Pay with ${L.name}`:"Choose a bank":s==="apple"?"Pay with Apple Pay":s==="card"?"Pay with card":"Pay with PayPal",re=()=>{s!=="predicted"&&s!=="select"||s==="select"&&!L||(b(),M("checkout"))},Y=()=>{d==="idle"&&(h("scanning"),W(()=>h("approved"),1e3),W(()=>{H(de(f,"login")),h("idle")},1900))};l.useEffect(()=>{if(a!=="login"||j.authorise!=="connect")return;const m=setTimeout(()=>Y(),700);return()=>clearTimeout(m)},[a,f]);const oe=()=>{b(),Y()},G=()=>{b(),M("bank")};l.useEffect(()=>{const m=w[y];if(!(!m||m.screen!=="checkout"))if(a!=="checkout"&&q(),y===0)n("predicted"),t(!1),i(null);else if(y===1){n("select"),t(!0),i(null);const x=setTimeout(()=>i(1),600);return()=>clearTimeout(x)}else y===2&&(n("predicted"),t(!1),i(null))},[y]),l.useEffect(()=>{A(m=>{const x=w[m];if(x&&x.screen===a)return m;const E=w.findIndex(V=>V.screen===a);return E>=0?E:m})},[a,f]);const S=()=>{const m=w[y];if(!m)return;const x=m.screen,E=x==="checkout"&&w[y+1]?.screen!=="checkout";if(x==="success"){q(),A(0);return}if(x==="login"&&a==="login"){Y();return}if((E||x!=="checkout")&&x===a){M(x);return}A(V=>Math.min(V+1,w.length-1))},P=()=>{const m=Math.max(y-1,0),x=w[m];x&&x.screen!==a&&(B(),h("idle"),p(0),o(x.screen)),A(m)},se=()=>{b(),n("predicted"),t(!1)};return e.jsxs("div",{className:"hero__viz hero__viz--mobile hero__viz--scribble",children:[e.jsx($e,{}),e.jsx("div",{className:"phone-wrap",children:e.jsxs("div",{className:`phone phone--step-${a}`,children:[e.jsx("div",{className:"phone__notch","aria-hidden":"true"}),e.jsxs("div",{className:"phone__statusbar",children:[e.jsx("span",{className:"phone__time",children:"9:41"}),e.jsxs("span",{className:"phone__icons","aria-hidden":"true",children:[e.jsx("svg",{className:"phone__icon phone__icon--cellular",width:"20",height:"13",viewBox:"0 0 20 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.2 1.14623C19.2 0.513183 18.7224 0 18.1333 0H17.0667C16.4776 0 16 0.513183 16 1.14623V11.0802C16 11.7132 16.4776 12.2264 17.0667 12.2264H18.1333C18.7224 12.2264 19.2 11.7132 19.2 11.0802V1.14623ZM11.7659 2.44528H12.8326C13.4217 2.44528 13.8992 2.97078 13.8992 3.61902V11.0527C13.8992 11.7009 13.4217 12.2264 12.8326 12.2264H11.7659C11.1768 12.2264 10.6992 11.7009 10.6992 11.0527V3.61902C10.6992 2.97078 11.1768 2.44528 11.7659 2.44528ZM7.43411 5.09433H6.36745C5.77834 5.09433 5.30078 5.62652 5.30078 6.28301V11.0377C5.30078 11.6942 5.77834 12.2264 6.36745 12.2264H7.43411C8.02322 12.2264 8.50078 11.6942 8.50078 11.0377V6.28301C8.50078 5.62652 8.02322 5.09433 7.43411 5.09433ZM2.13333 7.53962H1.06667C0.477563 7.53962 0 8.06421 0 8.71132V11.0547C0 11.7018 0.477563 12.2264 1.06667 12.2264H2.13333C2.72244 12.2264 3.2 11.7018 3.2 11.0547V8.71132C3.2 8.06421 2.72244 7.53962 2.13333 7.53962Z",fill:"currentColor"})}),e.jsx("svg",{className:"phone__icon phone__icon--wifi",width:"18",height:"13",viewBox:"0 0 18 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.5713 2.46628C11.0584 2.46639 13.4504 3.38847 15.2529 5.04195C15.3887 5.1696 15.6056 5.16799 15.7393 5.03834L17.0368 3.77487C17.1045 3.70911 17.1422 3.62004 17.1417 3.52735C17.1411 3.43467 17.1023 3.34603 17.0338 3.28104C12.3028 -1.09368 4.83907 -1.09368 0.108056 3.28104C0.
1039524 3.34598 0.000639766 3.4346 7.82398e-06 3.52728C-0.000624118 3.61996 0.0370483 3.70906 0.104689 3.77487L1.40255 5.03834C1.53615 5.16819 1.75327 5.1698 1.88893 5.04195C3.69167 3.38836 6.08395 2.46628 8.5713 2.46628ZM8.56795 6.68656C9.92527 6.68647 11.2341 7.19821 12.2403 8.12234C12.3763 8.2535 12.5907 8.25065 12.7234 8.11593L14.0106 6.79663C14.0784 6.72742 14.1161 6.63355 14.1151 6.536C14.1141 6.43844 14.0746 6.34536 14.0054 6.27757C10.9416 3.38672 6.19688 3.38672 3.13305 6.27757C3.06384 6.34536 3.02435 6.43849 3.02345 6.53607C3.02254 6.63366 3.06028 6.72752 3.12822 6.79663L4.41513 8.11593C4.54778 8.25065 4.76215 8.2535 4.89823 8.12234C5.90368 7.19882 7.21152 6.68713 8.56795 6.68656ZM11.0924 9.48011C11.0943 9.58546 11.0572 9.68703 10.9899 9.76084L8.81327 12.2156C8.74946 12.2877 8.66247 12.3283 8.5717 12.3283C8.48093 12.3283 8.39394 12.2877 8.33013 12.2156L6.1531 9.76084C6.08585 9.68697 6.04886 9.58537 6.05085 9.48002C6.05284 9.37467 6.09365 9.27491 6.16364 9.20429C7.55374 7.8904 9.58966 7.8904 10.9798 9.20429C11.0497 9.27497 11.0904 9.37476 11.0924 9.48011Z",fill:"currentColor"})}),e.jsxs("svg",{className:"phone__icon phone__icon--battery",width:"28",height:"13",viewBox:"0 0 28 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{opacity:"0.35",x:"0.5",y:"0.5",width:"24",height:"12",rx:"3.8",stroke:"currentColor"}),e.jsx("path",{opacity:"0.4",d:"M26 4.78125V8.85672C26.8047 8.51155 27.328 7.70859 27.328 6.81899C27.328 5.92938 26.8047 5.12642 26 4.78125",fill:"currentColor"}),e.jsx("rect",{x:"2",y:"2",width:"21",height:"9",rx:"2.5",fill:"currentColor"})]})]})]}),a==="checkout"&&e.jsx(Qe,{paymentMethod:s,isPredicted:te,isSelectMode:X,expanded:r,pickedIdx:c,ctaLabel:ie,banks:F,miniBanks:ce,locale:j,onTapPredicted:se,tapSelectBank:J,selectBank:Q,pickNonBank:K,handleCheckoutCta:re}),a==="qk-payto"&&e.jsx(is,{locale:j,activeBank:v,onDone:()=>M("qk-payto"),onCancel:q}),a==="qk-verify"&&e.jsx(os,{locale:j,activeBank:v,onDone:()=>M("qk-verify"),onCancel:q}),a==="redirect"&&e.jsx(Ke,{activeBank:v}),a==="launch"&&e.jsx(Ye,{activeBank:v}),a==="login"&&e.jsx(Ge,{activeBank:v,faceIdState:d,onSignIn:oe}),a==="faceid"&&e.jsx(Ze,{activeBank:v,onDone:()=>M("faceid")}),a==="bank"&&(j.authorise==="payto"?e.jsx(Je,{activeBank:v,locale:j,onApprove:G,onDecline:q}):j.authorise==="connect"?e.jsx(ss,{activeBank:v,locale:j,onAuthorise:G}):e.jsx(Xe,{activeBank:v,locale:j,bankAccountIdx:_,setBankAccountIdx:p,onCancel:q,onPay:G})),a==="qk-accounts"&&e.jsx(ls,{locale:j,activeBank:v,onDone:()=>M("qk-accounts"),onCancel:q}),a==="processing"&&e.jsx(es,{locale:j,activeBank:v}),a==="app-launch-safari"&&e.jsx(ns,{}),a==="success"&&e.jsx(ds,{activeBank:v,locale:j,onReplay:q})]})}),e.jsx(ps,{stages:w,currentIdx:y,flowStep:a,suppressed:g,onPrev:P,onNext:S})]})}export{Ns as MerchantHeroViz};
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.