(window.webpackJsonp=window.webpackJsonp||[]).push([[593],{1277:function(t,e,n){t.exports={modal:"purify_qyBKMG+Oh0xtCNCb9uNNfg==",textSubtitle:"purify_eGzNl8YBUDMtZ22zpemAIA==",textTitle:"purify_GR7wOC8LCw7qbwVxSXzxpw==",action:"purify_A2-htB46w1uODoVWKIGmkw=="}},2126:function(t,e,n){t.exports=n.p+"img/payments-made-easy-GIF@2x 1.3e4ac15.png"},2127:function(t,e,n){"use strict";var o=n(1277),r=n.n(o);n.d(e,"default",(function(){return r.a}))},2599:function(t,e,n){"use strict";n.r(e);n(18),n(22),n(17),n(23),n(27),n(24);var o=n(6),r=n(3),l=(n(21),n(14)),c=n(86),d=n(163),img=n(247),m=n(7),f=n(2),y=n(76),h=n.n(y);function O(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,o)}return n}function v(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?O(Object(n),!0).forEach((function(e){Object(r.a)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var w="add-card",j="not-now",_="got-it",x="booksy.pay-by-app",N=Object(r.a)({},f.Q.ONBOARDING,{opened:0,turn:!0}),I={components:{Modal:c.default,ButtonElement:d.default,ImgComponent:img.default,AddCardModal:function(){return Promise.all([n.e(13),n.e(65)]).then(n.bind(null,1677))}},data:function(){return{modalInfo:null,modalName:""}},computed:v(v({},Object(l.e)({isMobile:function(t){return t.app.isMobile}})),{},{imgSrc:function(){return n(2126)},modals:function(){return Object(r.a)(Object(r.a)({},f.Q.ONBOARDING,{text:Object(m.a)("account.view.payments.pay-by-app.onboarding.text"),actions:Object(r.a)(Object(r.a)({},w,{name:w,label:Object(m.a)("account.view.payments.pay-by-app.onboarding.actions.add-card"),handler:this.handleAddCard}),j,{name:j,label:Object(m.a)("account.view.payments.pay-by-app.onboarding.actions.not-now"),theme:"white-light",handler:this.close})}),f.Q.REMINDER,{text:Object(m.a)("account.view.payments.pay-by-app.reminder.text"),actions:Object(r.a)({},_,{name:_,label:Object(m.a)("account.view.payments.pay-by-app.reminder.actions.got-it"),handler:this.close})})},modal:function(){return this.modals[this.modalName]},isReminder:function(){return this.modalName===f.Q.REMINDER}}),methods:v(v({},Object(l.b)({getUserPaymentMethods:"apiClient/getUserPaymentMethods"})),{},{close:function(){this.$refs.modal.close(),this.isReminder||this.onClose()},open:function(t){var e=this;return Object(o.a)(regeneratorRuntime.mark((function n(){var o,r,l,c;return regeneratorRuntime.wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(e.modalName=t.name,!e.isReminder){n.next=4;break}return e.$refs.modal.open(),n.abrupt("return");case 4:if(e.modalInfo=h.a.localStorage.getData(x)||N,l=null===(o=e.modalInfo[e.modalName])||void 0===o?void 0:o.opened,c=null===(r=e.modalInfo[e.modalName])||void 0===r?void 0:r.turn,!(l<5&&c)){n.next=10;break}return e.$refs.modal.open(),n.abrupt("return");case 10:e.modalInfo.turn||(e.modalInfo[e.modalName].turn=!e.modalInfo[e.modalName].turn,h.a.localStorage.setData(x,JSON.stringify(e.modalInfo)));case 11:case"end":return n.stop()}}),n)})))()},handleAddCard:function(){var t,e;null===(t=this.$refs.modal)||void 0===t||t.close(),null===(e=this.$refs.addCardModal)||void 0===e||e.open()},onClose:function(){this.modalInfo[this.modalName].opened+=1,this.modalInfo[this.modalName].turn=!this.modalInfo[this.modalName].turn,h.a.localStorage.setData(x,this.modalInfo)}}),mounted:function(){this.$root.$on("pay-by-app-info",this.open)},beforeDestroy:function(){this.$root.$off("pay-by-app-info",this.open)}},C=n(2127),$=n(16);var component=Object($.a)(I,(function(){var t=this,e=t._self._c;return e("div",[e("modal",{ref:"modal",staticClass:"modal -size-xs",class:t.isMobile&&"-mobile-view",attrs:{"click-outside-closes":""}},[t.modal?e("div",{staticClass:"modal__content"},[e("div",{staticClass:"modal__body",class:t.$style.modal},[e("img-component",{staticClass:"modal__image",attrs:{src:t.imgSrc}}),t._v(" "),e("div",{class:t.$style.textContainer},[e("div",{class:t.$style.textTitle},[t._v(t._s(t.$t("account.view.payments.pay-by-app.title")))]),t._v(" "),e("div",{class:t.$style.textSubtitle,attrs:{"data-testid":"pay-by-app-info-text"}},[t._v(t._s(t.$t(t.modal.text)))])]),t._v(" "),t._l(t.modal.actions,(function(n){return e("button-element",{key:n.name,class:t.$style.action,attrs:{rounded:"",theme:n.theme},on:{click:n.handler}},[t._v("\n                    "+t._s(t.$t(n.label))+"\n                ")])}))],2)]):t._e()]),t._v(" "),e("add-card-modal",{ref:"addCardModal"})],1)}),[],!1,(function(t){this.$style=C.default.locals||C.default}),null,null);e.default=component.exports}}]);
//# sourceMappingURL=7302e3a.js.map