https://e21f1796-fe55-4580-b4e7-3195286e34a2.netlify.app/Cards-7b8ff4c1f6412631d93b.js

1"use strict";(self.webpackChunkx0l8n_dba13b02_684c_4e3e_b7f7_be56f0bb6560=self.webpackChunkx0l8n_dba13b02_684c_4e3e_b7f7_be56f0bb6560||[]).push([[468],{57980:function(l,a,e){e.r(a),e.d(a,{default:function(){return k}});var n=e(86819),d=e(86326),r=e(57406),o=e(37358),u=e(52994),t=e(86559),s=e(12201),i=e(75674),c=e(40223),m=e(37615),b=e(54766),v=e(86329),g=e(80033),Y=e(16406),C=e(97553);var A=(0,C.YK)({cardNumber:{id:"loyalty.card.card-number-label",defaultMessage:"Your card number: <strong>{cardNumber}</strong>"}});const f=()=>{var l,a,e,n;const[u]=(0,m.Ay)(),t=(0,b.A)(),i=(0,o.K)(t.provider),c=(0,r.U)(null==i||null===(l=i.featureFlags)||void 0===l||null===(a=l.widgets)||void 0===a||null===(e=a.LOYALTY_CARDS)||void 0===e||null===(n=e.extra)||void 0===n?void 0:n.addToWallet);return null!=u&&u.loyaltyCardNumber?(0,s.Y)(d.Fragment,null,(0,s.Y)(v.s,Object.assign({},A.cardNumber,{values:{strong:l=>(0,s.Y)("strong",null,l),cardNumber:null==u?void 0:u.loyaltyCardNumber}})),(0,s.Y)("div",{id:"scannable-code",sx:{"& canvas":{height:"120px"},width:"140px",border:"solid",borderRadius:"medium",margin:3}},(0,s.Y)(d.Suspense,null,(0,s.Y)(Y.default,{cardNumber:null==u?void 0:u.loyaltyCardNumber,scannableCodeFormat:"QR_CODE"}))),c?(0,s.Y)(g.A,null):null):null};var p=(0,d.memo)(f),y=e(69977);var h=(0,C.YK)({addCard:{id:"loyalty.card.manual-cards.add-card-label",defaultMessage:"Add a card"}});const x=d.lazy((()=>Promise.all([e.e(604),e.e(910)]).then(e.bind(e,55115)))),_=l=>{var a,e,n,u;let{cards:t,onAddCard:i}=l;const{0:c,1:m}=(0,d.useState)(!1),{formatMessage:C}=(0,v.A)(),A=(0,b.A)(),f=(0,o.K)(A.provider),p=(0,r.U)(null==f||null===(a=f.featureFlags)||void 0===a||null===(e=a.widgets)||void 0===e||null===(n=e.LOYALTY_CARDS)||void 0===n||null===(u=n.extra)||void 0===u?void 0:u.addToWallet);return(0,s.Y)(d.Fragment,null,(0,s.Y)(s.xA,{gap:(0,y.no)({xs:3,lg:4}),sx:{gridTemplateColumns:(0,y.no)({xs:"1fr",md:"2fr 2fr",lg:"3fr 3fr 3fr"})}},t.map((l=>(0,s.Y)(s.xA,{key:l.number,gap:1},(0,s.Y)("strong",null,l.number),(0,s.Y)("div",{id:"scannable-code",sx:{"& canvas":{height:"120px"},width:"140px",border:"solid",borderRadius:"medium"}},(0,s.Y)(d.Suspense,null,(0,s.Y)(Y.default,{cardNumber:l.number,scannableCodeFormat:"QR_CODE"}))),p?(0,s.Y)(g.A,null):null)))),c?null:(0,s.Y)(s.$n,{onClick:()=>{m(!0)},sx:{marginTop:3}},C(h.addCard)),c?(0,s.Y)("div",{sx:{marginTop:3}},(0,s.Y)(d.Suspense,null,(0,s.Y)(x,{onAddCard:()=>{m(!1),i()}}))):null)};var w=(0,d.memo)(_);const N=()=>{var l,a,e,d;const[v]=(0,m.Ay)(),g=(0,b.A)(),Y=(0,n.A)(),C=(null==Y?void 0:Y.timeZone)||u.mY,A=(0,t.Ay)(),[f,y,h]=(0,c.A)(),x=(0,o.K)(g.provider),_=(0,r.U)(null==x||null===(l=x.featureFlags)||void 0===l||null===(a=l.widgets)||void 0===a||null===(e=a.LOYALTY_CARDS)||void 0===e||null===(d=e.extra)||void 0===d?void 0:d.manualCards),N=l=>new Promise(((a,e)=>{switch(null==v?void 0:v.cypherVersion){case 1:{const n=null==v?void 0:v.token;n?(0,i.GO)(g,n,{cardNumber:l}).then((async l=>{0===l.peachCode?(await h(),a()):e()})).catch((()=>{e()})):e();break}case 3:{const n=null==v?void 0:v.token;n?(0,i.jG)(g,n,{cardNumber:l}).then((async l=>{0===l.peachCode?(await h(),a()):e()})).catch((()=>{e()})):e();break}}}));return v?_?(0,s.Y)(w,{cards:f,loading:y,timeZone:C,locale:A.intl.locale.long,onDeleteCard:N,onAddCard:async()=>{await h()}}):(0,s.Y)(p,{cards:f,loading:y,timeZone:C,locale:A.intl.locale.long,onDeleteCard:N,onAddCard:async()=>{await h()}}):null};var k=(0,d.memo)(N)}}]);