https://99offers.io/5525.2388370a6bc7305c.js

1"use strict";(self.webpackChunkguliver=self.webpackChunkguliver||[]).push([[5525],{3338:(O,y,s)=>{s.d(y,{F:()=>S});var r=s(9468),x=s(6208),h=s(4713),b=s(2538),t=s(6814),M=s(33),v=s(1693),l=s(2437);function g(c,_){if(1&c&&(r.TgZ(0,"p",10),r._uU(1),r.qZA()),2&c){const m=r.oxw();r.xp6(1),r.Oqu(m.dialogText)}}let S=(()=>{class c{constructor(){this.dialogTitle="Are you sure?",this.dialogText="",this.buttonYes="Yes",this.buttonNo="No",this.dialog=(0,r.f3M)(h.z),this.config=(0,r.f3M)(b.i)}ngOnInit(){this.config?.data?.title&&(this.dialogTitle=this.config.data.title),this.config?.data?.message&&(this.dialogText=this.config.data.message),this.config?.data?.buttonYes&&(this.buttonYes=this.config.data.buttonYes),this.config?.data?.buttonNo&&(this.buttonNo=this.config.data.buttonNo),this.config?.data?.classes&&(this.classes=this.config.data.classes)}onCloseModal(m=!1){this.dialog.close(m)}}return c.\u0275fac=function(m){return new(m||c)},c.\u0275cmp=r.Xpm({type:c,selectors:[["app-sure"]],standalone:!0,features:[r.jDz],decls:13,vars:4,consts:[[1,"sure"],[1,"dialog-header"],[1,"dialog-header__left"],[1,"dialog-header__title"],[1,"dialog__close",3,"click"],["name","close2"],["class","sure__text",4,"ngIf"],[1,"sure__buttons"],["type","button","ui-stroked-button","","color","primary",3,"click"],["type","button","ui-flat-button","","color","primary",3,"click"],[1,"sure__text"]],template:function(m,u){1&m&&(r.TgZ(0,"div",0)(1,"div",1)(2,"div",2)(3,"h2",3),r._uU(4),r.qZA()(),r.TgZ(5,"button",4),r.NdJ("click",function(){return u.onCloseModal()}),r._UZ(6,"app-svg",5),r.qZA()(),r.YNc(7,g,2,1,"p",6),r.TgZ(8,"div",7)(9,"button",8),r.NdJ("click",function(){return u.onCloseModal()}),r._uU(10),r.qZA(),r.TgZ(11,"button",9),r.NdJ("click",function(){return u.onCloseModal(!0)}),r._uU(12),r.qZA()()()),2&m&&(r.xp6(4),r.Oqu(u.dialogTitle),r.xp6(3),r.Q6J("ngIf",u.dialogText),r.xp6(3),r.Oqu(u.buttonNo),r.xp6(2),r.Oqu(u.buttonYes))},dependencies:[x.m,t.O5,M.H,v.z,l.Y],styles:[".sure[_ngcontent-%COMP%]{width:338px}.sure[_ngcontent-%COMP%]   .dialog-header__title[_ngcontent-%COMP%]{font-size:24px}.sure__text[_ngcontent-%COMP%]{margin:36px 0;color:var(--greyscale-900, #181E29);font-size:18px}.sure__buttons[_ngcontent-%COMP%]{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.sure__buttons[_ngcontent-%COMP%]   .ui-button[_ngcontent-%COMP%]{width:100%}@media screen and (max-width: 767px){.sure[_ngcontent-%COMP%]{width:100%}}"]}),c})()},5525:(O,y,s)=>{s.r(y),s.d(y,{SettingsPaymentModule:()=>ot});var r=s(6208),x=s(6495),h=s(7338),b=s(8514),t=s(9468);let M=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=t.oAB({type:n}),n.\u0275inj=t.cJS({imports:[r.m,x.n,h.fy,b.A]}),n})();var v=s(8938),l=s(95),g=s(3529),S=s(3730),c=s(3338),_=s(8913),m=s(1398),u=s(3732),f=s(6814),Z=s(33),A=s(1693),w=s(2211),D=s(1999),E=s(3239),I=s(1893),L=s(5965),J=s(6207);const N=["cardInfo"];function U(n,i){1&n&&(t.ynx(0),t._uU(1,"+ Add card"),t.BQk())}function Q(n,i){1&n&&(t.ynx(0),t._uU(1,"Saved cards"),t.BQk())}function Y(n,i){if(1&n){const e=t.EpF();t.TgZ(0,"button",6),t.NdJ("click",function(){t.CHM(e);const a=t.oxw();return t.KtG(a.onToggleMethod())}),t.YNc(1,U,2,0,"ng-container",7),t.YNc(2,Q,2,0,"ng-container",7),t.qZA()}if(2&n){const e=t.oxw();

1t.xp6(1),t.Q6J("ngIf",!e.isAddCard),t.xp6(1),t.Q6J("ngIf",e.isAddCard)}}function q(n,i){if(1&n&&(t.TgZ(0,"div",30),t._uU(1),t.qZA()),2&n){const e=t.oxw(2);t.Q6J("@slideDown",void 0),t.xp6(1),t.Oqu(e.cardError)}}function F(n,i){1&n&&(t.TgZ(0,"span",31),t._uU(1,"This field cannot be empty."),t.qZA())}function $(n,i){1&n&&(t.TgZ(0,"span",31),t._uU(1,"This field cannot be empty."),t.qZA())}function k(n,i){1&n&&(t.TgZ(0,"span",31),t._uU(1,"This field cannot be empty."),t.qZA())}function z(n,i){1&n&&(t.TgZ(0,"span",31),t._uU(1,"This field cannot be empty."),t.qZA())}function B(n,i){1&n&&t._UZ(0,"app-svg",32)}function G(n,i){1&n&&t._uU(0,"+ Save card")}function H(n,i){if(1&n){const e=t.EpF();t.TgZ(0,"form",8),t.NdJ("ngSubmit",function(){t.CHM(e);const a=t.oxw();return t.KtG(a.onSubmit())}),t.TgZ(1,"p",9),t._uU(2,"Add card"),t.qZA(),t.TgZ(3,"p",10),t._uU(4,"Your card will only be billed with every lead purchase (nothing will be billed right now)"),t.qZA(),t.TgZ(5,"div",11)(6,"ngx-stripe-card",12),t.NdJ("change",function(a){t.CHM(e);const d=t.oxw();return t.KtG(d.onCardErrorChange(a))}),t.qZA(),t.YNc(7,q,2,2,"div",13),t.qZA(),t.TgZ(8,"div",14)(9,"p",15),t._uU(10,"Billing address"),t.qZA(),t.TgZ(11,"div",11)(12,"app-ui-input",16),t.YNc(13,F,2,0,"span",17),t.qZA()(),t.TgZ(14,"div",18)(15,"app-ui-input",19),t.YNc(16,$,2,0,"span",17),t.qZA(),t._UZ(17,"app-ui-input",20),t.qZA(),t.TgZ(18,"div",21)(19,"app-ui-input",22),t.YNc(20,k,2,0,"span",17),t.qZA(),t.TgZ(21,"app-ui-input",23),t.YNc(22,z,2,0,"span",17),t.qZA(),t.TgZ(23,"app-ui-select",24)(24,"input",25),t.NdJ("input",function(a){t.CHM(e);const d=t.oxw();return t.KtG(d.onStateSearch(a))}),t.qZA(),t.TgZ(25,"span",26),t._uU(26,"States not found!"),t.qZA()()(),t.TgZ(27,"button",27),t.YNc(28,B,1,0,"app-svg",28),t.YNc(29,G,1,0,"ng-template",null,29,t.W1O),t.qZA()()()}if(2&n){const e=t.MAs(30),o=t.oxw();t.Q6J("formGroup",o.form),t.xp6(6),t.Q6J("options",o.cardOptions),t.xp6(1),t.Q6J("ngIf",o.cardError),t.xp6(5),t.Q6J("required",!0),t.xp6(1),t.Q6J("ngIf",o.form.controls.name.touched&&(null==o.form.controls.name.errors?null:o.form.controls.name.errors.required)),t.xp6(2),t.Q6J("required",!0),t.xp6(1),t.Q6J("ngIf",o.form.controls.line1.touched&&(null==o.form.controls.line1.errors?null:o.form.controls.line1.errors.required)),t.xp6(3),t.Q6J("required",!0),t.xp6(1),t.Q6J("ngIf",o.form.controls.postal_code.touched&&(null==o.form.controls.postal_code.errors?null:o.form.controls.postal_code.errors.required)),t.xp6(1),t.Q6J("required",!0),t.xp6(1),t.Q6J("ngIf",o.form.controls.city.touched&&(null==o.form.controls.city.errors?null:o.form.controls.city.errors.required)),t.xp6(1),t.Q6J("data",o.states)("filteredData",o.filteredStates)("required",!0),t.xp6(4),t.ekj("form-load-btn",o.formLoad),t.Q6J("disabled",o.formLoad||o.form.invalid),t.xp6(1),t.Q6J("ngIf",o.formLoad)("ngIfElse",e)}}function K(n,i){1&n&&t._UZ(0,"app-svg",43)}function R(n,i){1&n&&(t.O4$(),t.TgZ(0,"svg",44),t._UZ(1,"path",45)(2,"path",46),t.qZA(),t.kcU(),t.TgZ(3,"span"),t._uU(4,"Delete"),t.qZA())}function j(n,i){if(1&n){const e=t.EpF();t.TgZ(0,"div",35),t.NdJ("click",function(){const d=t.CHM(e).$implicit,p=t.oxw(2);return t.KtG(p.onSelectCard(null==d?null:d.id))}),t._UZ(1,"div",36),t.TgZ(2,"div",37),t._UZ(3,"img",38),t.ALo(4,"cardImage"),t.qZA(),t.TgZ(5,"div",39)(6,"span"),t._uU(7),t.qZA()(),t.TgZ(8,"button",40),t.NdJ("click",function(a){const p=t.CHM(e).$implicit,C=t.oxw(2);return t.KtG(C.onDelete(a,null==p?null:p.id))}),t.YNc(9,K,1,0,"app-svg",41),t.YNc(10,R,5,0,"ng-template",null,42,t.W1O),t.qZA()()}if(2&n){const e=i.$implicit,o=t.MAs(11),a=t.oxw(2);t.ekj("selected",a.selectedCard===(null==e?null:e.id)),t.xp6(3),t.Q6J("src",t.lcZ(4,10,e),t.LSH)("alt",null==e||null==e.card?null:e.card.brand),t.xp6(4),t.hij("---- ---- ---- ",null==e||null==e.card?null:e.card.last4,""),t.xp6(1),t.ekj("form-load-btn",a.formLoadDelete[null==e?null:e.id]),t.Q6J("disabled",a.formLoadDelete[null==e?null:e.id]),t.xp6(1),t.Q6J("ngIf",a.formLoadDelete[null==e?null:e.id])("ngIfElse",o)}}function W(n,i){if(1&n&&(t.TgZ(0,"div",33),t.YNc(1,j,12,12,"div",34),t.qZA()),2&n){const e=t.oxw();

1t.xp6(1),t.Q6J("ngForOf",e.cards)}}function V(n,i){1&n&&(t.TgZ(0,"div",33),t._UZ(1,"div",47),t.qZA())}let X=(()=>{class n{constructor(e,o,a,d,p){this.fb=e,this.myStripeService=o,this.stripeService=a,this.toastService=d,this.dialog=p,this.cardOptions={hidePostalCode:!0},this.outputCard=new t.vpe,this.formLoad=!1,this.formLoadDelete={},this.states=g.G.states,this.filteredStates=g.G.states,this.isAddCard=!1,this.cards=[],this.cardsLoad=!1,this.selectedCard=null,this.cardError=null,this.cards$=null,this.cardsCache$=null,this.removeCard$=null,this.setDefaultCard$=null,this.getDefaultCard$=null,this.sureDialog$=null}setForm(){this.form=this.fb.group({name:["",[l.kI.required]],line1:["",[l.kI.required]],line2:[""],postal_code:["",[l.kI.required]],city:["",[l.kI.required]],state:["",[l.kI.required]]})}getCardsCache(){this.cardsLoad=!0,this.cardsCache$=this.myStripeService.cardsState.subscribe({next:e=>{e?.length?(this.cards=e,this.onSelectCard(this.cards[0]?.id),this.cardsLoad=!1,this.cardsCache$?.unsubscribe()):this.getCards()},error:()=>{this.getCards()}})}getCards(){this.cards$?.unsubscribe(),this.cards$=this.myStripeService.getCards().subscribe({next:e=>{e?.data?.length?(this.cards=e?.data,this.myStripeService.setCardsCache(this.cards),this.myStripeService.setDefaultCardCache(this.cards.find(o=>o.id===e.default_source)),this.onSelectCard(this.cards.find(o=>o.id===e.default_source)?.id)):(this.cards=[],this.cardsCache$?.unsubscribe(),this.isAddCard=!0),this.cardsLoad=!1},error:()=>{this.cards=[],this.cardsCache$?.unsubscribe(),this.cardsLoad=!1,this.isAddCard=!0}})}ngOnInit(){this.setForm(),this.getCardsCache()}onToggleMethod(){this.isAddCard=!this.isAddCard,this.onSelectCard(this.isAddCard?null:this.cards[0]?.id)}onStateSearch(e){const o=e.target.value;o?(this.filteredStates=[],this.states.forEach(a=>{(a.long_name.toLowerCase().match(RegExp("^"+o.toLowerCase(),"g"))||a.short_name.toLowerCase().includes(o.toLowerCase()))&&this.filteredStates.push(a)})):this.filteredStates=g.G.states}onSelectCard(e){this.selectedCard=e,this.outputCard.emit(e)}onSubmit(){this.form.invalid||(this.formLoad=!0,this.stripeService.createPaymentMethod({type:"card",card:this.card.element,billing_details:{name:this.form.value.name,address:{city:this.form.value.city,country:"US",line1:this.form.value.line1,line2:this.form.value.line2??null,postal_code:this.form.value.postal_code,state:this.form.value.state}}}).subscribe(e=>{e?.paymentMethod?.id?this.onAddCard([{key:"card",value:e?.paymentMethod?.id}]):(this.toastService.onShowToast("Somethings goes wrong. Please, try again.","error"),this.formLoad=!1)}))}onAddCard(e){this.myStripeService.addCard(e).subscribe({next:o=>{o?.id?(this.cards.unshift(o),this.onSelectCard(this.cards[0]?.id),this.myStripeService.setCardsCache(this.cards),this.cards.length>1?(this.toastService.onShowToast("Card was added!","success"),this.isAddCard=!1):this.setDefaultCard(o?.id)):this.toastService.onShowToast("Somethings goes wrong. Please, try again.","error"),this.formLoad=!1},error:o=>{this.toastService.onShowToast(o.error.message,"error"),this.formLoad=!1}})}setDefaultCard(e){this.setDefaultCard$=this.myStripeService.setDefaultCard([{key:"card",value:e}]).subscribe({next:a=>{a?.id?(this.myStripeService.setDefaultCardCache(this.cards.find(d=>d.id===a.id)),this.toastService.onShowToast("Card was added!","success")):this.toastService.onShowToast("Somethings goes wrong. Please, try again.","error"),this.isAddCard=!1},error:a=>{this.isAddCard=!1,this.toastService.onShowToast(a.error.message,"error")}})}onDelete(e,o){e.stopPropagation(),this.sureDialog$=this.dialog.open(c.F,{data:{}}).afterClosed.subscribe(a=>{a&&(this.formLoadDelete[o]=!0,this.removeCard$=this.myStripeService.remove(o).subscribe({next:d=>{d?.id?this.cards?.length>1?this.getDefaultCard$=this.myStripeService.defaultCardState.subscribe(p=>{p?.id===o?this.setDefaultCard$=this.myStripeService.setDefaultCard([{key:"card",value:this.cards[0]?.id!==d?.id?this.cards[0]?.id:this.cards[1]?.id}]).subscribe(T=>{this.cards=this.cards.filter(P=>P.id!==d.id),this.myStripeService.setCardsCache(this.cards),this.myStripeService.setDefaultCardCache(this.cards.find(P=>P.id===T?.invoice_settings?.default_payment_method)),this.onSelectCard(T?.invoice_settings?.default_payment_method),this.toastService.onShowToast("Card was removed!","

1success"),this.formLoadDelete[o]=!1}):(this.cards=this.cards.filter(C=>C.id!==d.id),d?.id===this.selectedCard&&this.onSelectCard(this.cards[0]?.id),this.myStripeService.setCardsCache(this.cards),this.toastService.onShowToast("Card was removed!","success"),this.formLoadDelete[o]=!1)}):(this.cards=this.cards.filter(p=>p.id!==d.id),this.myStripeService.setCardsCache([]),this.selectedCard=null,this.isAddCard=!0,this.toastService.onShowToast("Card was removed!","success"),this.formLoadDelete[o]=!1):(this.toastService.onShowToast("Somethings goes wrong. Please, try again.","error"),this.formLoadDelete[o]=!1)},error:d=>{this.toastService.onShowToast(d.error.message,"error"),this.formLoadDelete[o]=!1}}))})}onCardErrorChange(e){this.cardError=e?.error?.message?e?.error?.message:null}ngOnDestroy(){this.cards$?.unsubscribe(),this.cardsCache$?.unsubscribe(),this.removeCard$?.unsubscribe(),this.sureDialog$?.unsubscribe(),this.setDefaultCard$?.unsubscribe(),this.getDefaultCard$?.unsubscribe()}}return n.\u0275fac=function(e){return new(e||n)(t.Y36(l.qu),t.Y36(_.h),t.Y36(h.tJ),t.Y36(m.M),t.Y36(u.K))},n.\u0275cmp=t.Xpm({type:n,selectors:[["app-payment-methods"]],viewQuery:function(e,o){if(1&e&&(t.Gf(h.fy,5),t.Gf(N,5)),2&e){let a;

1t.iGM(a=t.CRH())&&(o.card=a.first),t.iGM(a=t.CRH())&&(o.cardInfo=a.first)}},outputs:{outputCard:"outputCard"},decls:8,vars:4,consts:[[1,"payment-methods"],[1,"payment-methods__header"],[1,"payment-methods__title"],["type","button","class","payment-methods__toggle",3,"click",4,"ngIf"],["class","payment-methods-add",3,"formGroup","ngSubmit",4,"ngIf"],["class","payment-methods-cards",4,"ngIf"],["type","button",1,"payment-methods__toggle",3,"click"],[4,"ngIf"],[1,"payment-methods-add",3,"formGroup","ngSubmit"],[1,"payment-methods-add__title"],[1,"payment-methods-add__text"],[1,"form-row"],[1,"payment-methods-add__stripe",3,"options","change"],["class","payment-methods-add__stripe-error",4,"ngIf"],[1,"payment-methods-add-billing"],[1,"payment-methods-add-billing__title"],["label","Full name","type","text","name","name","formControlName","name",3,"required"],["ui-input-error","",4,"ngIf"],[1,"form-row-2"],["label","Street address","type","text","name","address_line1","formControlName","line1",3,"required"],["label","Apt, suite, etc. (optional)","type","text","name","address_line2","formControlName","line2"],[1,"form-row-3"],["label","Zip code","type","text","name","zip-code","formControlName","postal_code",3,"required"],["label","City","type","text","name","city","formControlName","city",3,"required"],["formControlName","state","label","State","optionValue","short_name","optionText","long_name",3,"data","filteredData","required"],["type","text","uiSelectSearch","","placeholder","Start type...",3,"input"],["uiSelectSearchNotFound",""],["type","submit","ui-flat-button","","color","primary",1,"full-width",3,"disabled"],["name","form-load",4,"ngIf","ngIfElse"],["noFormLo

1ad",""],[1,"payment-methods-add__stripe-error"],["ui-input-error",""],["name","form-load"],[1,"payment-methods-cards"],["class","payment-methods-card",3,"selected","click",4,"ngFor","ngForOf"],[1,"payment-methods-card",3,"click"],[1,"payment-methods-card__radio"],[1,"payment-methods-card__image"],[3,"src","alt"],[1,"payment-methods-card__number"],["type","button",1,"payment-methods-card__delete",3,"disabled","click"],["name","form-load","class","load-svg",4,"ngIf","ngIfElse"],["noFormLoadDelete",""],["name","form-load",1,"load-svg"],["width","10","height","11","viewBox","0 0 10 11","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M8.18311 4.45328C8.18311 4.48161 7.96104 7.29026 7.83421 8.47231C7.75478 9.1977 7.28715 9.63768 6.58569 9.65018C6.04674 9.66226 5.51913 9.66643 5.00003 9.66643C4.44891 9.66643 3.90996 9.66226 3.3868 9.65018C2.70885 9.63393 2.24081 9.1852 2.16544 8.47231C2.03496 7.2861 1.81694 4.48161 1.81289 4.45328C1.80884 4.36787 1.83639 4.28662 1.89232 4.22079C1.94743 4.15996 2.02685 4.12329 2.11033 4.12329H7.88972C7.97279 4.12329 8.04817 4.15996 8.10774 4.22079C8.16325 4.28662 8.19121 4.36787 8.18311 4.45328Z","fill","currentColor"],["d","M8.75 2.99028C8.75 2.81903 8.61506 2.68487 8.45297 2.68487H7.23809C6.9909 2.68487 6.77612 2.50904 6.72101 2.26114L6.65293 1.9574C6.5577 1.59033 6.22906 1.33325 5.8603 1.33325H4.1401C3.76729 1.33325 3.44189 1.59033 3.34301 1.9774L3.27939 2.26155C3.22388 2.50904 3.0091 2.68487 2.76232 2.68487H1.54744C1.38494 2.68487 1.25 2.81903 1.25 2.99028V3.1486C1.25 3.31568 1.38494 3.45401 1.54744 3.45401H8.45297C8.61506 3.45401 8.75 3.31568 8.75 3.1486V2.99028Z","fill","currentColor"],[1,"skeleton","skeleton--card"]],template:function(e,o){1&e&&(t.TgZ(0,"div",0)(1,"div",1)(2,"h5",2),t._uU(3,"Payment methods"),t.qZA(),t.YNc(4,Y,3,2,"button",3),t.qZA(),t.YNc(5,H,31,19,"form",4),t.YNc(6,W,2,1,"div",5),t.YNc(7,V,2,0,"div",5),t.qZA()),2&e&&(t.xp6(4),t.Q6J("ngIf",null==o.cards?null:o.cards.length),t.xp6(1),t.Q6J("ngIf",o.isAddCard),t.xp6(1),t.Q6J("ngIf",!o.isAddCard&&!o.cardsLoad),t.xp6(1),t.Q6J("ngIf",!o.isAddCard&&o.cardsLoad))},dependencies:[f.sg,f.O5,l._Y,l.JJ,l.JL,l.Q7,l.sg,l.u,Z.H,A.z,w.c,D.n,E.P,h.fy,I.M,L.O,J.M],styles:['.payment-methods__header[_ngcontent-%COMP%]{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.payment-methods__toggle[_ngcontent-%COMP%]{padding:8px 16px;border-radius:16px;background:var(--color-greyscale-600);color:#edeff3;font-size:12px;font-weight:700;line-height:1.6;transition:.3s ease-in-out}.payment-methods__toggle[_ngcontent-%COMP%]:hover{background:var(--color-primary);color:var(--color-primary-contrast)}.payment-methods-add[_ngcontent-%COMP%]{background:var(--color-greyscale-60);border-radius:24px;padding:24px}.payment-methods-add__title[_ngcontent-%COMP%]{font-size:18px;font-weight:500;color:var(--color-greyscale-600);line-height:1.1;margin-bottom:8px}.payment-methods-add__text[_ngcontent-%COMP%]{font-size:14px;color:var(--color-greyscale-200);line-height:19px;margin-bottom:24px}.payment-methods-add-billing__title[_ngcontent-%COMP%]{font-size:14px;line-height:1;font-weight:700;margin-bottom:16px}.payment-methods-add-billing[_ngcontent-%COMP%]   .form-row[_ngcontent-%COMP%], .payment-methods-add-billing[_ngcontent-%COMP%]   .form-row-2[_ngcontent-%COMP%], .payment-methods-add-billing[_ngcontent-%COMP%]   .form-row-3[_ngcontent-%COMP%]{margin-bottom:16px}.payment-methods-add-billing[_ngcontent-%COMP%]   .form-row-2[_ngcontent-%COMP%], .payment-methods-add-billing[_ngcontent-%COMP%]   .form-row-3[_ngcontent-%COMP%]{gap:0 16px}.payment-methods-add__stripe[_ngcontent-%COMP%]     .StripeElement{border:1px solid transparent;display:block;padding:21px 16px;width:100%;background:#FFF;border-radius:16px}.payment-methods-add__stripe[_ngcontent-%COMP%]     .StripeElement--invalid{border:1px solid var(--color-action-red-100)}.payment-methods-add__stripe-error[_ngcontent-%COMP%]{display:block;margin-top:8px;font-size:16px;font-weight:500;color:var(--color-action-red-100)}.payment-methods-card[_ngcontent-%COMP%]{display:flex;align-items:center;gap:0 16px;padding:16px;background:#FFF;border:1px solid var(--color-greyscale-40);border-radius:16px;cursor:pointer}.payment-methods-card[_ngcontent-%COMP%]:not(:last-child){margin-bottom:8px}.payment-methods-card__radio[_ngcontent-%COMP%]{position:relative;flex-shrink:0;width:20px;height:20px;border-radius:8px;border:1px solid rgba(7,9,13,.2)}.payment-methods-card__image[_ngcontent-%COMP%]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:82px;text-align:center;border-left:1px solid var(--color-greyscale-60);border-right:1px solid var(--color-greyscale-60)}.payment-methods-card__image[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{max-width:60%;height:26px}.payment-methods-card__number[_ngcontent-%COMP%]{font-size:16px;line-height:1.6}

1.payment-methods-card__delete[_ngcontent-%COMP%]{margin-left:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:0 4px;width:66px;height:27px;font-size:12px;color:#344763;border:1px solid #D5E4EC;border-radius:13px;background:#FFF;font-weight:700;line-height:1.6;transition:.3s ease-in-out}.payment-methods-card__delete[_ngcontent-%COMP%]:not([disabled]):hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.payment-methods-card__delete.form-load-btn[_ngcontent-%COMP%]     svg{width:30px;height:30px}.payment-methods-card.selected[_ngcontent-%COMP%]{border-color:var(--color-greyscale-60)}.payment-methods-card.selected[_ngcontent-%COMP%]   .payment-methods-card__radio[_ngcontent-%COMP%]{border-color:var(--color-primary)}.payment-methods-card.selected[_ngcontent-%COMP%]   .payment-methods-card__radio[_ngcontent-%COMP%]:before{content:"";position:absolute;inset:3px;background:var(--color-primary);border-radius:4px}@media screen and (max-width: 767px){.payment-methods-add-billing[_ngcontent-%COMP%]   .form-row-2[_ngcontent-%COMP%], .payment-methods-add-billing[_ngcontent-%COMP%]   .form-row-3[_ngcontent-%COMP%]{gap:16px 0}.payment-methods-card[_ngcontent-%COMP%]{gap:0 12px;padding:16px 12px}.payment-methods-card__image[_ngcontent-%COMP%]{width:64px}.payment-methods-card__number[_ngcontent-%COMP%]{font-size:14px}}'],data:{animation:[S.vJ]}}),n})();const tt=[{path:"",component:(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275cmp=t.Xpm({type:n,selectors:[["app-settings-payment"]],decls:2,vars:0,consts:[[1,"payment","list-page"]],template:function(e,o){1&e&&(t.TgZ(0,"section",0),t._UZ(1,"app-payment-methods"),t.qZA())},dependencies:[X]}),n})()}];let et=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=t.oAB({type:n}),n.\u0275inj=t.cJS({imports:[v.Bz.forChild(tt),v.Bz]}),n})(),ot=(()=>{class n{}return n.\u0275fac=function(e){return new(e||n)},n.\u0275mod=t.oAB({type:n}),n.\u0275inj=t.cJS({imports:[r.m,et,M]}),n})()}}]);