https://www.1945oc.com/component---src-templates-prepaid-js-a67221886d480baaba49.js

1"use strict";(self.webpackChunkappfront_ordering=self.webpackChunkappfront_ordering||[]).push([[4166],{4679:function(e,t,a){a.d(t,{Z:function(){return P}});var r=a(41609),n=a.n(r),o=a(81763),s=a.n(o),i=a(27361),l=a.n(i),c=a(69931),d=a.n(c),u=a(67294),p=a(87844),m=a(32069),y=a(26615),h=a(93752),f=a(39704),g=a(48872),C="index-module--StatLabel--adf50",v="index-module--StatValue--6bd20",E="index-module--StatsElement--a66b1",T=a(16153),P=function(e){var t=e.T,a=e.appStyles,r=e.user,o=e.order,i=e.onError,c=e.onRecharge,P=e.onGoBack,b=e.hasChargeCard,S=e.currencySymbol,D=e.cashbackDiscounts,N=e.hasCashback,k=e.hasPointBank,x=e.classNames,L=e.isCardRecentlyCharged,I=r.loyaltyProfile,A=void 0===I?{}:I,M=(0,m.F_)(m.Ok.cardBackgroundImage,a),R=l()(A,"data.openChargeCardInstance"),w=R?R.loadedAmount-R.usedAmount:"",Z=l()(A,"data.rewardPointBalance.balance"),_=l()(A,"data.visitCount"),O=a.pointsRewards?"":S||"",B=l()(r,"userDetails.data.name");return u.createElement("div",{className:x},u.createElement("div",{style:{display:"flex",flexDirection:"column",margin:16}},u.createElement("span",{style:{color:a.titleOnBackgroundColor,textAlign:"center",fontSize:"1.3rem"}},t("{{business_name}} Card")),u.createElement("small",{style:{marginTop:10,textAlign:"center"}},l()(R,"chargeCardExplanation","")),L&&u.createElement("div",{style:{fontSize:"1.2rem",margin:"16px 0",textAlign:"center",color:a.titleOnBackgroundColor}},t("Your card was loaded successfully!"))),u.createElement("div",{style:{margin:16}},u.createElement("div",{className:"index-module--ChargeCard--69197",style:M?{background:"url("+M+")",textShadow:"0 0 8px #333"}:{}},u.createElement("div",{className:d()("index-module--CardHeader--0af16",a.rtl&&"index-module--RTL--181f7")},u.createElement("div",{className:"index-module--Title--edb0c"},u.createElement(g.Z,{size:20,name:B,avatarUrl:l()(r,"userDetails.data.avatarImage.url"),appStyles:a,style:a.rtl?{marginLeft:16}:{marginRight:16}}),B),u.createElement("div",{className:"index-module--MemebrSince--9699e"},(0,y.X)(r,t))),A.loading?u.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"}},u.createElement(f.Z,{appStyles:a}),u.createElement("strong",null,t("Loading Your Card..."))):u.createElement("div",null,A.error?u.createElement("div",null,u.createElement("h4",{style:{color:a.accentColor,textAlign:"center"}},t("Connection Error :(")),u.createElement(h.Z,{linkStyle:!0,centered:!0,slim:!0,appStyles:a,onClick:i,style:{margin:20}},t("Try Again"))):A.data&&u.createElement("div",{style:{display:"flex",justifyContent:"space-around"}},(N||b)&&s()(w)?u.createElement("div",{className:d()(E,"index-module--CashbackCredit--014ea")},u.createElement("div",{className:v},u.createElement("div",{className:"index-module--CurrencySymbol--7b836"},S),u.createElement("div",null,w?L?u.createElement(p.ZP,{end:w,decimals:2,duration:1}):w.toFixed(2):0)),u.createElement("div",{className:C},t("Credit"))):!a.hideVisitCount&&s()(_)&&u.createElement("div",{className:d()(E)},u.createElement("div",{className:v},u.createElement("div",null,_)),u.createElement("div",{className:C},t("Visits"))),k&&s()(Z)&&u.createElement("div",{className:d()(E)},u.createElement("div",{className:v},u.createElement("div",null,null==Z?void 0:Z.toFixed(0))),u.createElement("div",{className:C},t("Points")))))),N&&u.createElement(T.Z,{T:t,appStyles:a,cashbackDiscounts:D,currencySymbol:O,appCurrencySymbol:S}),b&&u.createElement("div",{style:{marginBottom:20,display:"flex",flexDirection:"column"}},L&&!n()(o.orderItems)&&u.createElement(h.Z,{appStyles:a,centered:!0,onClick:P},t("Back to Checkout")),u.createElement(h.Z,{style:{marginTop:20},linkStyle:L&&!n()(o.orderItems),appStyles:a,centered:!0,onClick:c},t(L?"Recharge Card Again":"Recharge Card")))))}},2049:function(e,t,a){a.d(t,{Z:function(){return C}});var r=a(87462),n=a(94578),o=a(8342),s=a.n(o),i=a(27361),l=a.n(i),c=a(67294),d=a(61962),u=a(73183),p=a(85562),m=a(71541),y=a(93714),h=a(1559),f="PAYMENT_METHOD_INPUT",g=function(e){return e+"_ERROR"},C=function(e){function t(){for(var t,a=arguments.length,n=new Array(a),o=0;o<a;o++)n[o]=arguments[o];

1return(t=e.call(this,...n)||this).state={shouldLoadPayment:!1,shouldConfirmPayment:!1},t.isLoyaltyProfileLoaded=function(){return t.props.user.loyaltyProfile.data},t.onRechargeCardClick=function(e){return function(){var a=t.props,n=a.user,o=a.rechargeCard,s=a.paymentTypeDetails;if(!t.state.shouldLoadPayment||t.state.paymentLoaded)if([h.PAYMENT_ID.SHIFT4,h.PAYMENT_ID.SQUARE].includes(t.props.paymentTypeDetails.paymentType))t.setState({shouldConfirmPayment:!0});else{t.fieldsRefs.PAYMENT_METHOD_INPUT.validate((function(t,a){t||o((0,r.Z)({paymentTypeDetails:s,customerDetails:{email:n.userDetails.data.email,phoneNumber:n.userDetails.data.phoneNumber,fullName:n.userDetails.data.name},chargeMultiple:e},a))}))}else console.error("not handled, zooz should be loaded but it failed to load")}},t.onInputError=function(e){return function(a){var r;return t.setState(((r={})[g(e)]=a,r))}},t.onInputValid=function(e){return function(a){var r;t.setState(((r={})[g(e)]=null,r[e]=a,r))}},t.registerInput=function(e){return function(a){var n;t.fieldsRefs=(0,r.Z)({},t.fieldsRefs,((n={})[e]=a,n))}},t.isValidField=function(e){return!t.state[g(e)]&&!!t.state[e]},t.getSingleLoadAmount=function(){var e=t.props.user;return _.get(e,"loyaltyProfile.data.openChargeCardInstance.chargeCard.cardAmount.amount")},t.getSingleLoadPrice=function(){var e=t.props.user;return l()(e,"loyaltyProfile.data.openChargeCardInstance.chargeCard.price.amount")},t.getChargeMultiple=function(e){var a=t.props.amountNeeded;return a&&e>0?s()(a/e):1},t.getInputPropsFor=function(e,a){var r;return void 0===a&&(a="refEl"),(r={})[a]=t.registerInput(e),r.onValid=t.onInputValid(e),r.onError=t.onInputError(e),r.T=T,r},t}(0,n.Z)(t,e);var a=t.prototype;return a.componentDidMount=function(){var e=this.props,t=e.paymentTypeDetails,a=e.user,r=e.loadLoyaltyProfile;this.isLoyaltyProfileLoaded()&&!_.get(a,"loyaltyProfile.loading")&&r(!0),this.setState({shouldLoadPayment:(0,m.XJ)(t)})},a.componentDidUpdate=function(e,t){[h.PAYMENT_ID.SHIFT4,h.PAYMENT_ID.SQUARE].includes(this.props.paymentTypeDetails.paymentType)&&this.state.PAYMENT_METHOD_INPUT&&!t.PAYMENT_METHOD_INPUT&&this.props.rechargeCard((0,r.Z)({paymentTypeDetails:this.props.paymentTypeDetails,customerDetails:{email:this.props.user.userDetails.data.email,phoneNumber:this.props.user.userDetails.data.phoneNumber,fullName:this.props.user.userDetails.data.name},chargeMultiple:this.getChargeMultiple(this.getSingleLoadAmount())},this.state.PAYMENT_METHOD_INPUT))},a.render=function(){var e=this,t=this.props,a=t.T,n=t.appStyles,o=t.user,s=t.location,i=t.idRequired,l=t.keyboardOpen,h=t.currencySymbol,C=t.classNames,v=t.paymentTypeDetails,E=this.getSingleLoadAmount(),T=this.getChargeMultiple(E),P=this.getSingleLoadPrice();return c.createElement(u.Z.Content,{appStyles:n,classNames:C},this.state.shouldLoadPayment&&c.createElement(m.ZP,{paymentTypeDetails:v,onLoad:function(){return e.setState({paymentLoaded:!0})}}),(o.rechargeCard.error||this.state[g(f)])&&c.createElement(p.Z,{appStyles:n},a(""+(o.rechargeCard.error||this.state[g(f)]))),c.createElement("div",{className:"index-module--Gutters--1d987"},c.createElement(y.Z,{user:this.props.user,appStyles:n,T:a,getInputPropsFor:this.getInputPropsFor,executeRecaptcha:this.props.executeRecaptcha,paymentTypeDetails:v,changeTargetURL:(0,d.PX)("/payment-methods",{backPath:(0,d.PX)(s.pathname,(0,r.Z)({},(0,d.Qf)(s),{rechargeCard:!0}))}),requireCVV:!0,idRequired:i,paymentScriptLoaded:this.state.paymentLoaded,ref:this.registerInput(f),pageContext:this.props.pageContext,onValidation:function(t){var a;t&&e.setState(((a={}).PAYMENT_METHOD_INPUT=null,a[g(f)]=t,a.shouldConfirmPayment=!1,a))},onConfirm:function(t){var a;e.setState(((a={}).PAYMENT_METHOD_INPUT=t,a[g(f)]=null,a.shouldConfirmPayment=!1,a))},shouldConfirmPayment:this.state.shouldConfirmPayment,isRechargeCard:!0}),c.createElement(u.Z.Footer,{relativePosition:l,appStyles:n},c.createElement(u.Z.Footer.Button,{onClick:this.onRechargeCardClick(T),appStyles:n,loading:o.rechargeCard.sending,completed:o.rechargeCard.sent,spread:!0,classNames:"index-module--Footer--ffc07"},c.createElement("div",null,a("Recharge")),this.isLoyaltyProfileLoaded()&&c.createElement("div",null,a("Charge")+" "+(T>1?T+"X ":"")+h+P+" "+a("and get")+" "+h+T*E)))))},t}(c.Component)},52479:function(e,t,a){a.d(t,{Z:function(){return h}});var r=a(67294),n="https://js.stripe.com/v3",o=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,s="loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used",i=null,l=function(e){return null!==i||(i=new Promise((function(t,a){if("undefined"!=typeof window&&"undefined"!=typeof document)if(window.Stripe&&e&&console.warn(s),window.Stripe)t(window.Stripe);else try{var r=function(){for(var e=document.querySelectorAll('script[src^="'.concat(n,'"]')),t=0;t<e.length;t++){var a=e[t];if(o.test(a.src))return a}return null}();r&&e?console.warn(s):r||(r=function(e){var t=e&&!e.advancedFraudSignals?"?advancedFraudSignals=false":"",a=document.createElement("script");a.src="".concat(n).concat(t);var r=document.head||document.body;if(!r)throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");return r.appendChild(a),a}(e)),r.addEventListener("load",(function(){window.Stripe?t(window.Stripe):a(new Error("Stripe.js not available"))})),r.addEventListener("error",(function(){a(new Error("Failed to load Stripe.js"))}))}catch(i){return void a(i)}else t(null)}))),i},c=function(e,t,a){if(null===e)return null;var r=e.apply(void 0,t);return function(e,t){e&&e._registerWrapper&&e._registerWrapper({name:"stripe-js",version:"2.1.11",startTime:t})}(r,a),r}

1,d=Promise.resolve().then((function(){return l(null)})),u=!1;d.catch((function(e){u||console.warn(e)}));var p=a(783),m=new Map,y=function(e){var t=e||"default";if(!m.has(t)){var a=function(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];u=!0;var r=Date.now();return d.then((function(e){return c(e,t,r)}))}("pk_live_51IbEGdBwTb4sQIPpLRjgSJe1bbtbPhAtpua4IbtE9L9LKAE7NXqy3yyMIq3IJuQp1XrMJD3MUGA9lRd1F7Xv4RK100BaO0QDbc",{stripeAccount:e});m.set(t,a)}return m.get(t)},h=function(e){var t=e.options,a=e.children,n=e.paymentTypeDetails,o=y(n.paymentAppId);return o?r.createElement(p.Elements,{stripe:o,options:t},a):null}},58346:function(e,t,a){a.r(t),a.d(t,{default:function(){return S}});var r=a(27361),n=a.n(r),o=a(67294),s=a(43434),i=a(26098),l=a(94578),c=a(87462),d=a(61962),u=a(73183),p=a(4679),m=a(2049),y="index-module--DesktopGutters--d2c59",h=a(1559),f=a(52479),g=a(783),C=function(e){var t=e.business,a=e.paymentTypeDetails,r=e.order,s=n()(t,"openChargeCard.price");if((null==a?void 0:a.paymentType)===h.PAYMENT_ID.STRIPE&&!r.orderPlaced&&s.amount){var i={mode:"payment",amount:Math.floor(100*s.amount),currency:t.currency.toLowerCase(),paymentMethodCreation:"manual"};return o.createElement(f.Z,{options:i,paymentTypeDetails:a},o.createElement(g.ElementsConsumer,null,(function(t){var a=t.stripe,r=t.elements;return o.createElement(m.Z,(0,c.Z)({stripe:a,elements:r},e))})))}return o.createElement(m.Z,e)},v=function(e){function t(){for(var t,a=arguments.length,r=new Array(a),o=0;o<a;o++)r[o]=arguments[o];return(t=e.call(this,...r)||this).handleChangeLocation=function(e){return function(){var a,r=t.props,o=r.location,s=r.paymentTypeDetails;if(t.props.rechargeCardReset(),"rechargeCard"!==e)(0,d.T8)(e);else if((0,d.T8)((0,d.PX)(o,((a={})[e]=!0,a))),"rechargeCard"===e){var i=n()(s,"paymentType");t.props.loadPaymentMethods(i)}}},t}(0,l.Z)(t,e);var a=t.prototype;return a.componentDidMount=function(){var e=this.props,t=e.user,a=e.paymentTypeDetails;if(t.loggedIn){var r=n()(a,"paymentType");this.props.loadPaymentMethods(r),this.props.loadLoyaltyProfile(!0)}},a.componentDidUpdate=function(e){var t=this;!e.user.rechargeCard.sent&&this.props.user.rechargeCard.sent&&(this.nextPageTransition=setTimeout((function(){t.props.loadLoyaltyProfile(!0),(0,d.T8)((0,d.mn)(t.props.location,"rechargeCard"))}),200))},a.componentWillUnmount=function(){this.props.rechargeCardReset(),clearTimeout(this.nextPageTransition)},a.render=function(){var e=this.props,t=e.T,a=e.location,r=e.appStyles,s=void 0===r?{}:r,i=e.business,l=e.business.currencySymbol,c=e.user,m=e.order,h=e.businessAppConfiguration,f=h.idRequired,g=h.hasCashback,v=h.loadCardEnabled,E=h.hasPointBank,T=e.loadLoyaltyProfile,P=e.keyboardOpen,b=e.paymentTypeDetails,S=(0,d.Qf)(a),D=Boolean(S.rechargeCard),N=n()(c,"rechargeCard.sent");return D?o.createElement(C,{T:t,appStyles:s,user:c,location:a,idRequired:f,keyboardOpen:P,currencySymbol:l,paymentTypeDetails:b,loadLoyaltyProfile:T,rechargeCard:this.props.rechargeCard,classNames:y,order:m,business:i,pageContext:this.props.pageContext}):o.createElement(u.Z.Content,{appStyles:s},o.createElement(p.Z,{appStyles:s,T:t,hasCashback:g,hasChargeCard:v,hasPointBank:E,user:c,order:m,onError:T,onRecharge:this.handleChangeLocation("rechargeCard"),onGoBack:this.handleChangeLocation("/order/?checkoutOpen=true"),currencySymbol:l,classNames:y,isCardRecentlyCharged:N}))},t}(o.Component),E=a(64892),T=a(50665),P=a(97321),b=(0,i.Z)((function(e){var t=e.T,a=e.location,r=e.pageContext,n=r.business,s=r.businessAppConfiguration,i=e.user,l=e.order,c=(e.chargeCard,e.loadCard,e.cashbackDiscounts),d=e.loadLoyaltyProfile,u=e.keyboardOpen,p=e.loadPaymentMethods,m=e.paymentTypeDetails,y=e.rechargeCard,h=e.rechargeCardReset,f=e.appStyles;return o.createElement(v,{T:t,location:a,user:i,order:l,business:n,businessAppConfiguration:s,cashbackDiscounts:c,loadLoyaltyProfile:d,keyboardOpen:u,paymentTypeDetails:m,loadPaymentMethods:p,rechargeCard:y,rechargeCardReset:h,appStyles:f})})),S=(0,s.$j)((function(e,t){return{user:e.user,order:e.order,keyboardOpen:e.app.keyboardOpen,cashbackDiscounts:(0,E.getCashbackDiscounts)(e,t),paymentTypeDetails:(0,E.getCurrentPaymentMethodDetails)(e,t),appStyles:(0,E.getStyles)(e,t)}}),(function(e,t){var a=t.pageContext,r=a.businessAppConfiguration,o=(r.hasCashback,r.loadCardEnabled,a.business),s=n()(o,"openChargeCard.price.currency",0),i=n()(o,"openChargeCard.price");return{loadLoyaltyProfile:function(t){return e((0,T.Yt)(t))},loadPaymentMethods:function(t){return e((0,T.y7)(t,s))},rechargeCard:function(t){var a=t.customerDetails,r=t.cvv,n=t.credit

1Card,o=t.paymentTypeDetails;return e((0,P.Z1)({customerDetails:a,cvv:r,paymentTypeDetails:o,currency:s,chargeCardBasePrice:i,creditCard:n}))},rechargeCardReset:function(){return e((0,T.$t)())}}}))(b)}}]);