1import{c as J,A as ee,aZ as p,a as ae,z as Re,M as ct,r as i,C as ne,bb as g,K as w,i as X,u as R,I,bc as V,R as D,j as e,e as N,N as U,q as G,g as Ae,aS as Z,as as bt,ar as jt,h as It,aa as Ie,L as ot,F as B,b as Q,O as Me,bd as lt,B as dt,s as mt,be as ut,a6 as Pt,bf as Mt,aC as $t,H as ke,d as be,b3 as Ct,bg as le,T as vt,W as se,a9 as Ot,a8 as kt,ai as Lt,Y as Bt,U as wt,ab as Ft,Z as Vt}from"./bundle_desktop-BHx774Z0.js";import{G as Ut}from"./Dk65796Y.js";import{u as pe,F as Le,a as Yt}from"./Cw8sq9u-.js";import{C as Kt}from"./CwKGQ-Tv.js";import{L as Be,a as we,G as ge}from"./DxoFPSew.js";import{C as _t}from"./O9Xzdtqq.js";import{A as He,a as Ge}from"./okAQ_kMa.js";import{C as Fe,I as Se,u as je,T as fe,b as Wt}from"./CpN9rgfj.js";import{S as Ve}from"./BY1Ltyrc.js";import{R as Ht,C as Ue}from"./CvJye-q_.js";import{A as Gt}from"./TDLKHFNp.js";try{let t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new t.Error().stack;s&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[s]="d84684c6-787a-4542-96de-0676df66d970",t._sentryDebugIdIdentifier="sentry-dbid-d84684c6-787a-4542-96de-0676df66d970")}catch{}const W=class W{};W.getPaymentItems=(s,n)=>J.get(ee.apiPayments(),{...n}),W.deletePayment=(s,n)=>J.delete(ee.apiPayments(s.paymentType,s.externalReference),{...n}),W.validateBankAccount=(s,n)=>J.post(ee.apiPaymentBankAccountValidate,s,n),W.addBankAccount=(s,n)=>J.post(ee.apiPayments(p.BANK_ACCOUNT),s,n),W.editBankAccount=(s,n)=>J.put(ee.apiPayments(p.BANK_ACCOUNT,s.externalReference),s,n),W.addCreditCard=(s,n)=>J.post(ee.apiPayments(p.CREDIT_CARD),s,n),W.editCreditCard=(s,n)=>J.put(ee.apiPayments(p.CREDIT_CARD,s.externalReference),s,n);let q=W;const qt=({refreshOnMount:t=!0})=>{const s=ae(q.getPaymentItems,Re.paymentItems),{setData:n,removeData:r}=ct(Re.paymentItems),[a,o]=i.useState(s.data?.payments??[]);return i.useEffect(()=>{if(!t)return;const d=s.request();return()=>d?.cancel(ne)},[]),i.useEffect(()=>{s.data?.payments&&o(s.data.payments??[])},[s.data]),{paymentItems:a,updatePaymentItems:d=>{o(d??[]),n({payments:d??[]})},isLoading:!s.isSuccessful&&!s.data?.payments,isError:!!s.error,removeCacheData:r}},At=({paymentType:t,externalReference:s,actionType:n,refreshPaymentsOnMount:r=!0})=>{const{paymentItems:a,updatePaymentItems:o,isLoading:l,isError:d}=qt({refreshOnMount:r}),c=i.useMemo(()=>a.filter(E=>E.paymentType===p.BANK_ACCOUNT).map(E=>E.data),[a]),m=i.useMemo(()=>a.filter(E=>E.paymentType===p.CREDIT_CARD).map(E=>E.data),[a]),C=i.useMemo(()=>{if(m.length===0&&c.length===0||[g.ADD_CREDIT_CARD,g.ADD_BANK_ACCOUNT].includes(n))return;const E=a.find(S=>S.data.externalReference===s);if(E||w())return E;if(n===g.VIEW){if((t===p.BANK_ACCOUNT||!t)&&c.length>0)return{paymentType:p.BANK_ACCOUNT,data:c[0]};if((t===p.CREDIT_CARD||!t)&&m.length>0)return{paymentType:p.CREDIT_CARD,data:m[0]}}},[m,c,a,s,t,n]),u=i.useMemo(()=>C?C.paymentType:t,[t,C]),A=i.useMemo(()=>{if(!C&&X())return u===p.CREDIT_CARD||!u&&n===g.ADD_CREDIT_CARD?g.ADD_CREDIT_CARD:g.ADD_BANK_ACCOUNT;if(u===p.CREDIT_CARD){if(n===g.ADD_BANK_ACCOUNT)return g.ADD_CREDIT_CARD;if(n===g.EDIT_BANK_ACCOUNT)return g.EDIT_CREDIT_CARD}if(u===p.BANK_ACCOUNT){if(n===g.ADD_CREDIT_CARD)return g.ADD_BANK_ACCOUNT;if(n===g.EDIT_CREDIT_CARD)return g.EDIT_BANK_ACCOUNT}return n},[u,C,n]);return{paymentItems:a,updatePaymentItems:o,isLoading:l,isError:d,usedPaymentItem:C,usedPaymentType:u,usedActionType:A,getValidPaymentData:E=>E.filter(S=>{if(p.CREDIT_CARD===t){const f=S.data;return p.CREDIT_CARD===S?.paymentType&&f.expired!==!0}return p.BANK_ACCOUNT===S?.paymentType})??[]}};var Ye=(t=>(t.PAYMENT_SELECT_OVERVIEW="payment_select_overview",t.PAYMENT_ADD="payment_add",t))(Ye||{});const Ke=t=>{if(t.paymentType===p.CREDIT_CARD)return{shortNumber:t.data.numberShort};const s=t.data;return{shortNumber:(()=>{if(s.iban)return s.iban.substring(s.iban.length-4)})()}},pt=t=>{const s=R(),{shortNumber:n}=Ke(t);if(t.paymentType===p.BANK_ACCOUNT){const l=t.data;return{imgName:I.paymentSepa,imgAlt:s("PAYMENT.SEPA.IMG_ALT"),line1:"**** "+n,line2:l.bankName,line3:l.firstName+" "+l.lastName,linkTitle:s("PAYMENT.TILE.BANK_ACCOUNT"),defaultText:s("PAYMENT.DEFAULT.BANK_ACCOUNT")}}const r=t.data,o={imgName:(()=>
1{switch(r.creditCardType){case V.AMEX:return I.paymentAmex;case V.MASTERCARD:return I.paymentMastercard;case V.VISA:return I.paymentVisa}return I.paymentSepa})(),imgAlt:r.creditCardTypeLong,line1:r.creditCardTypeLong+" **** "+n,line2:r.name,linkTitle:s("PAYMENT.TILE.CREDIT_CARD"),defaultText:s("PAYMENT.DEFAULT.CREDIT_CARD")};return r.creditCardType===V.AMEX&&(o.line1=r.creditCardTypeLong,o.line2=" **** "+n,o.line3=r.name),o},Ne="c24-kb__payment-item-tile__content",Xt=({payment:t})=>{const{line1:s,line2:n,line3:r}=pt(t);return e.jsxs("div",{className:`${Ne}__wrapper`,children:[e.jsx("div",{className:`${Ne}__shortnumber`,children:s}),e.jsx("div",{className:`${Ne}__name`,children:n}),e.jsx(N,{isVisible:!!r,children:e.jsx("div",{className:`${Ne}__name`,children:r})})]})},zt=D.memo(Xt),te="c24-kb__payment-tile",Qt=({imgName:t,imgAlt:s,isSelected:n,before:r,after:a,onClick:o,title:l,className:d,children:c})=>e.jsxs("div",{title:l,onClick:o?.bind?.(void 0),className:G(`${te}__wrapper`,d,{[`${te}__wrapper--selected`]:n}),children:[e.jsxs("div",{children:[e.jsx("div",{className:`${te}__before`,children:r}),e.jsxs("div",{className:`${te}__container-inner`,children:[e.jsx(U,{className:`${te}__img`,imageName:t,alt:s}),e.jsx("div",{className:`${te}__content`,children:c})]})]}),e.jsx("div",{className:`${te}__after`,children:a})]}),ft=D.memo(Qt),Zt=({imgName:t,imgAlt:s,isSelected:n,link:r,linkTitle:a,before:o,after:l,children:d,tileClassName:c})=>{const m=Ae(),{clearSystemMessage:C}=i.useContext(Z),u=()=>{C(),m(r,{replace:X()})};return e.jsx(ft,{onClick:u,title:a,isSelected:n,imgAlt:s,imgName:t,before:o,after:l,className:c,children:d})},Jt=D.memo(Zt),es="c24-kb__bank-account__default-credit-card-text",ts=({showFirstLine:t})=>{const s=R();return e.jsxs("div",{className:`${es}`,children:[e.jsx("strong",{children:s("PAYMENT.FORM.CREDIT_CARD.DEFAULT.HEADLINE")}),e.jsx(N,{isVisible:t,children:e.jsx("p",{children:s("PAYMENT.FORM.CREDIT_CARD.DEFAULT.INFO_1",{strong:e.jsx("strong",{children:s("PAYMENT.FORM.CREDIT_CARD.DEFAULT.INFO_1_STRONG")})})})}),e.jsx("p",{children:s("PAYMENT.FORM.CREDIT_CARD.DEFAULT.INFO_2")}),e.jsx("p",{children:s("PAYMENT.FORM.CREDIT_CARD.DEFAULT.INFO_3")})]})},Nt=D.memo(ts),ss="c24-kb__bank-account__default-bank-account-text",as=({showFirstLine:t})=>{const s=R();return e.jsxs("div",{className:`${ss}`,children:[e.jsx("strong",{children:s("PAYMENT.FORM.BANK_ACCOUNT.DEFAULT.HEADLINE")}),e.jsx(N,{isVisible:t,children:e.jsx("p",{children:s("PAYMENT.FORM.BANK_ACCOUNT.DEFAULT.INFO_1",{strong:e.jsx("strong",{children:s("PAYMENT.FORM.BANK_ACCOUNT.DEFAULT.INFO_1_STRONG")})})})}),e.jsx("p",{children:s("PAYMENT.FORM.BANK_ACCOUNT.DEFAULT.INFO_2")}),e.jsx("p",{children:s("PAYMENT.FORM.BANK_ACCOUNT.DEFAULT.INFO_3")})]})},Tt=D.memo(as),re="c24-kb__payment__default-payment-method-label",ns=({paymentType:t,text:s,hasTooltip:n=!0,className:r,classNameText:a})=>e.jsx(Be,{variant:we.BLUE,className:G(r,`${re}__label`),children:e.jsx("div",{className:`${re}__root`,children:e.jsxs(bt,{className:`${re}__label-container`,leftLabelChildren:e.jsx("div",{className:G(a,`${re}__text`),children:s}),rightLabelChildren:e.jsx(N,{isVisible:n,children:e.jsx("div",{className:`${re}__tooltip-container`,children:e.jsx(U,{className:`${re}__tooltip-icon`,imageName:I.iconsInfoBlack})})}),children:[e.jsx(N,{isVisible:t===p.CREDIT_CARD,children:e.jsx(Nt,{showFirstLine:!0})}),e.jsx(N,{isVisible:t===p.BANK_ACCOUNT,children:e.jsx(Tt,{showFirstLine:!0})})]})})}),Et=D.memo(ns),Te="c24-kb__payment-item-tile",rs=({payment:t,link:s,isSelected:n,hasLabelTooltip:r=!0,showArrow:a=!0,isDefault:o,tileClassName:l})=>{const{imgName:d,imgAlt:c,linkTitle:m,defaultText:C}=pt(t),u=R();return e.jsx(Jt,{imgName:d,imgAlt:c,isSelected:n,link:s,tileClassName:l,linkTitle:m,before:e.jsxs(e.Fragment,{children:[e.jsx(N,{isVisible:o||o===void 0&&t.data.isDefault&&(t.paymentType===p.BANK_ACCOUNT||t.data.expired===!1),children:e.jsx(Et,{paymentType:t.paymentType,text:C,hasTooltip:r,className:`${Te}__label`,classNameText:`${Te}__label-default-text`})}),e.jsx(N,{isVisible:t.paymentType===p.CREDIT_CARD&&t.data.expired===!0,children:e.jsx(Be,{className:`${Te}__label`,variant:we.GREY,children:u("PAYMENT.TILE.EXPIRED")})})]}),after:e.jsx(N,{isVisible:w(),children:e.jsx(jt,{className:`${Te}__arrow`})}),children:e.jsx(zt,{payment:t})})},xt=D.memo(rs),qe="c24-kb__add-payment-tile",is=({paymentType:t,isSelected:s,onClick:n,tileClassName:r})=>{const a=R(),o=t===p.BANK_ACCOUNT?I.paymentSepa:I.paymentCreditCardDefault,l=a(t===p.BANK_ACCOUNT?"PAYMENT.TILE.BANK_ACCOUNT.ADD":"PAYMENT.TILE.CREDIT_CARD.ADD");return e.jsx(ft,{imgName:o,imgAlt:l,isSelected:s,onClick:n,title:l,className:r,after:e.jsx(U,{imageName:I.iconsAdd,className:`${qe}__img`}),children:e.jsx("div",{className:`${qe}__wrapper`,children:l})})},$e=D.memo(is),Xe="c24-kb__payment-tile-container",cs=({paymentTiles:t,className:s})=>t.length===0?null:e.jsx("div",{className:G(`${Xe}__wrapper`,s),children:t.map((n,r)=>e.jsxs(D.Fragment,{children:[n,e.jsx(N,{isVisible:r!==t.length-1,children:e.jsx("div",{className:`${Xe}__separator`})})]},r))}),ve=D.memo(cs),Dt=({onSuccess:t,bankAccount:s})=>{const[n,r]=i.useState(),[a,o]=i.useState(),l=ae(q.editBankAccount);i.useEffect(()=>()=>n?.cancel(ne),[]);const d=(C,u)=>{o(u),r(l.request({externalReference:s?s.externalReference:C.externalReference,firstName:C.firstName?.trim(),lastName:C.lastName?.trim(),isDefault:C.isDefault}))},{errorMessage:c,isLoading:m}=pe({request:l,methods:a,onSuccess:C=>t(C,a)});return{editBankAccount:d,isLoading:m,errorMessage:c}}
1,We=({onSuccess:t,creditCard:s})=>{const[n,r]=i.useState(),[a,o]=i.useState(),l=ae(q.editCreditCard);i.useEffect(()=>()=>n?.cancel(ne),[]);const d=u=>u?/(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/(19|20)\d{2}/.test(u)===!0?u:`${It(u).format("DD/MM/YYYY")}`:void 0,c=(u,A,T)=>{o(A),r(l.request({externalReference:s?s.externalReference:u.externalReference,name:u.name?.trim(),expiryDate:d(T?.trim()),isDefault:u.isDefault}))},{errorMessage:m,isLoading:C}=pe({request:l,methods:a,onSuccess:u=>t(u,a)});return{editCreditCard:c,isLoading:C,errorMessage:m}},$="c24-kb-payment-select-default",os="paymentReference",ls=({itemList:t,handleClose:s,handleSuccessRedirect:n})=>{const r=R(),{updatePaymentItems:a,setCurrentView:o,clearPaymentType:l,clearCurrentView:d,paymentType:c}=i.useContext(F),{setSystemMessage:m,setGlobalErrorMessage:C}=i.useContext(Z),u=i.useMemo(()=>c?t.filter(b=>c===b?.paymentType):[],[t,c]),[A,T]=i.useState(u[0]?.data?.externalReference),E=b=>{if(!b.data?.externalReference||!b.data?.payments){C();return}m({message:r("PAYMENT.SELECT.DEFAULT.SYSTEM_MESSAGE",{paymentType:c}),variant:Q.SUCCESS}),l(),a(b.data.payments),d();{s();return}},{editBankAccount:S,isLoading:f,errorMessage:_}=Dt({onSuccess:E}),{editCreditCard:h,isLoading:y,errorMessage:P}=We({onSuccess:E}),Y=P||_,M=u?.map((b,k)=>{const x=(p.CREDIT_CARD===c,b.data);return{label:e.jsx(xt,{payment:b,isSelected:!1,hasLabelTooltip:w(),link:"",showArrow:!1,isDefault:A===x?.externalReference,tileClassName:`${$}__tile-wrapper`},k),value:x?.externalReference,className:`${$}__radio-toggle-input-wrapper`,inputClassName:`${$}__radio-toggle-input`}}),O=b=>{T(b)},K=(b,k)=>{const x=u?.find(Rt=>Rt.data.externalReference===b.paymentReference);if(x===null){m({message:r("GLOBAL.ERROR"),variant:Q.ERROR});return}const j=x?.data,oe=x?.data;if(c===p.BANK_ACCOUNT){S({...oe,isDefault:!0},k);return}h({...j,isDefault:!0},k,j.expiryDate)};return Ie({spinnerActive:f||y,elementSelector:`.${$}__wrapper`}),e.jsxs("div",{className:`${$}__wrapper`,children:[e.jsx(Ve,{visible:!!Y,className:`${$}__system-message`,hideCloseIcon:!0,children:c===p.CREDIT_CARD?P:_}),e.jsx(Fe,{onSubmit:K.bind(void 0),defaultValues:{paymentReference:u[0]?.data?.externalReference},children:e.jsx(Le,{headline:null,buttonArea:{leftElement:e.jsx(N,{isVisible:X(),fallback:e.jsx("div",{}),children:e.jsx(ot,{link:c===p.BANK_ACCOUNT?B.paymentAddBankAccount:B.paymentAddCreditCard,internal:!0,className:`${$}__link`,onClick:d,children:r("PAYMENT.SELECT.DEFAULT.OVERLAY.LINK_TEXT",{paymentType:c})})}),primaryButton:{text:r("PAYMENT.SELECT.DEFAULT.BUTTON.UPDATE")},className:`${$}__button-area-wrapper`},children:e.jsxs("div",{children:[e.jsx(Ht,{itemList:M,name:os,direction:null,errorClassName:`${$}__radio-toggle-error`,hasSeparator:!1,isToggleReset:!1,className:`${$}__radio-toggle-wrapper`,containerClassName:`${$}__radio-toggle-container`,onChange:O.bind(void 0)}),e.jsx(N,{isVisible:w(),children:e.jsx(ve,{paymentTiles:[e.jsx($e,{paymentType:c,onClick:()=>o(Ye.PAYMENT_ADD),isSelected:!1},1)],className:`${$}__payment-add-container`})})]})})})]})},ds=D.memo(ls),Ee="c24-kb-payment-delete-overlay",ms=({payment:t,isVisible:s,handleClose:n,paymentItems:r,handleSuccessRedirect:a})=>{const o=R(),[l,d]=i.useState(),{setSystemMessage:c,clearSystemMessage:m}=i.useContext(Z),{paymentType:C,setPaymentType:u,currentView:A,updatePaymentItems:T,setCurrentView:E}=i.useContext(F),S=ae(q.deletePayment);i.useEffect(()=>()=>l?.cancel(ne),[]);const{getValidPaymentData:f}=At({actionType:g.VIEW,paymentType:C,refreshPaymentsOnMount:!1}),{isLoading:_,errorMessage:h}=pe({request:S,onSuccess:O=>{if(!O.data?.payments){c({message:o("GLOBAL.ERROR"),variant:Q.ERROR});return}if(n(),c({message:o("PAYMENT.DELETE.SUCCESS",{paymentType:t.paymentType,shortNumber:P}),variant:Q.SUCCESS}),T(O.data.payments),f(O.data.payments).length>1&&t.data.isDefault){E(Ye.PAYMENT_SELECT_OVERVIEW,!0);return}a(B.paymentOverview(void 0,t.paymentType))}}),y=t.paymentType===p.CREDIT_CARD,{shortNumber:P}=Ke(t),Y=()=>{m(),u(t.paymentType),d(S.request({paymentType:t.paymentType,externalReference:t.data.externalReference}))},M=()=>{E(null)};return e.jsxs(e.Fragment,{children:[e.jsx(Me,{containerClassName:`${Ee}
1__overlay`,isOpen:s,headline:o(y?"PAYMENT.DELETE.HEADLINE.CREDIT_CARD":"PAYMENT.DELETE.HEADLINE.BANK_ACCOUNT",{shortNumber:P}),primaryButton:e.jsx(mt,{isLoading:_,onClick:Y.bind(void 0),children:o("GLOBAL.BUTTON.DELETE")}),secondaryButton:e.jsx(dt,{isDisabled:_,onClick:n.bind(void 0),children:o("GLOBAL.BUTTON.CANCEL")}),closeDisabled:_,isLoading:_,onBackdropClick:n.bind(void 0),onCloseIconClick:n.bind(void 0),children:e.jsxs("div",{children:[o(y?"PAYMENT.DELETE.TEXT.CREDIT_CARD":"PAYMENT.DELETE.TEXT.BANK_ACCOUNT",{shortNumber:P}),e.jsx(N,{isVisible:!!h,children:e.jsx(lt,{className:`${Ee}__error`,children:h})})]})}),e.jsx(Me,{containerClassName:`${Ee}__container`,contentClassName:`${Ee}__content`,isOpen:!!A,onBackdropClick:M.bind(void 0),onCloseIconClick:M.bind(void 0),headline:o("PAYMENT.SELECT.DEFAULT.HEADLINE",{paymentType:C}),children:e.jsx(ds,{itemList:f(r),handleClose:()=>E(null,!0),handleSuccessRedirect:a})})]})},us=D.memo(ms),Cs=t=>{const s=R(),{shortNumber:n}=Ke(t),r=s("PAYMENT.DETAILVIEW.BANK_NUMBER.LONG",{shortNumber:n}),a={imgLine1:s("PAYMENT.DETAILVIEW.BANK_NUMBER.SHORT",{shortNumber:n}),bankNumber:r,infoLine2:r};if(t.paymentType===p.BANK_ACCOUNT){const c=t.data,m=`${c.firstName} ${c.lastName}`;return{...a,imageName:I.paymentSepaBig,imgLine2:void 0,infoLine1:c.bankName,infoLine3:m,infoLine4:void 0,defaultText:s("PAYMENT.DEFAULT.BANK_ACCOUNT")}}const o=t.data,l=new Date(o.expiryDate);return{...a,imageName:(()=>{switch(o.creditCardType){case V.AMEX:return I.paymentAmexBig;case V.MASTERCARD:return I.paymentMastercardBig;case V.VISA:return I.paymentVisaBig}return I.paymentSepaBig})(),imgLine2:o.name,infoLine1:o.creditCardTypeLong.toUpperCase(),infoLine3:o.name,infoLine4:`${ut(l.getMonth()+1)}/${l.getFullYear()}`,defaultText:s("PAYMENT.DEFAULT.CREDIT_CARD")}},v="c24-kb__payment-detail-container",_s=({payment:t})=>{const s=R(),{imageName:n,imgLine1:r,imgLine2:a,infoLine1:o,infoLine2:l,infoLine3:d,infoLine4:c,defaultText:m}=Cs(t);return e.jsx("div",{className:`${v}__wrapper`,children:e.jsxs("div",{className:`${v}__payment-data`,children:[e.jsxs("div",{className:`${v}__img-wrapper`,children:[e.jsx(U,{imageName:n,className:`${v}__img`}),e.jsxs("div",{className:`${v}__img-content`,children:[e.jsx("div",{className:`${v}__img-content__line`,children:r}),e.jsx("div",{className:`${v}__img-content__line`,children:a})]})]}),e.jsxs("div",{className:`${v}__payment-information`,children:[e.jsx(N,{isVisible:t.data.isDefault&&t.data.expired!==!0,children:e.jsx(Et,{paymentType:t.paymentType,text:m})}),e.jsx(N,{isVisible:t.paymentType===p.CREDIT_CARD&&t.data.expired===!0,children:e.jsx(Be,{className:`${v}__label`,variant:we.GREY,children:s("PAYMENT.TILE.EXPIRED")})}),e.jsx("div",{children:o}),e.jsx("div",{className:`${v}__payment-information__line`,children:l}),e.jsx("div",{className:`${v}__payment-information__line`,children:d}),e.jsx(N,{isVisible:!!c,children:e.jsx("div",{className:`${v}__payment-information__line`,children:c})})]})]})})},As=D.memo(_s),xe="c24-kb-payment-detailview",ps=({payment:t,paymentItems:s})=>{const{searchParams:n,removeQueryParam:r}=Pt(),a=R(),{clearSystemMessage:o}=i.useContext(Z),{handleSuccessRedirect:l}=i.useContext(F),[d,c]=i.useState(n.get(Mt)==="yes"),m=t.paymentType===p.CREDIT_CARD;return e.jsxs("div",{className:`${xe}__wrapper`,children:[e.jsx(As,{payment:t}),e.jsx("div",{className:`${xe}__info-container`,children:a("PAYMENT.DETAILVIEW.INFO",{strong:e.jsx("strong",{children:a("PAYMENT.DETAILVIEW.INFO.STRONG")})})}),e.jsxs("div",{className:`${xe}__button-wrapper`,children:[e.jsx("a",{onClick:()=>c(!0),children:a("GLOBAL.BUTTON.DELETE")}),e.jsx($t,{className:`${xe}__primary-button`,internal:!0,onClick:()=>o(),href:m?B.paymentEditCreditCard(t.data.externalReference):B.paymentEditBankAccount(t.data.externalReference),children:a("PAYMENT.DETAILVIEW.BUTTON.EDIT")})]}),e.jsx(us,{isVisible:d,payment:t,handleClose:()=>{r("delete_bank_account"),c(!1)},paymentItems:s,handleSuccessRedirect:C=>l({url:C,isInternal:!0})})]})},fs=D.memo(ps),De="c24-kb-payment-overview",Ns=({actionType:t,usedPaymentItem:s,paymentItems:n})=>{const r=R(),a=Ae(),{clearCurrentView:o,setPaymentType:l}=i.useContext(F);i.useEffect(()=>o(),[]);const d=c=>c.map(m=>{const u=(m.paymentType===p.BANK_ACCOUNT?[g.VIEW,g.EDIT_BANK_ACCOUNT].includes(t):[g.VIEW,g.EDIT_CREDIT_CARD].includes(t))&&m.data.externalReference===s?.data?.externalReference,A=B.paymentOverview(m.data.externalReference);return e.jsx(xt,{payment:m,isSelected:u,link:A},m.data.externalReference)})??[];return e.jsxs("div",{className:`${De}__navi`,children:[e.jsx(N,{isVisible:w(),children:e.jsx("div",{className:`${De}__info-text`,children:r("PAYMENT.OVERVIEW.INFO")})}),e.jsx(N,{isVisible:X(),children:e.jsx(_t,{className:`${De}__system-message`,hideCloseIcon:!0,deleteMessageOnUnmount:!1,isFadeOut:!0})}),e.jsx(N,{isVisible:n.length>0,children:e.jsx(ve,{paymentTiles:d(n),className:`${De}__payment-list`})}),e.jsx(ve,{paymentTiles:[e.jsxs("div",{children:[e.jsx(He,{id:Ge.BANKDATA}),e.jsx($e,{paymentType:p.BANK_ACCOUNT,onClick:()=>{l(void 0),a(B.paymentAddBankAccount)},isSelected:t===g.ADD_BANK_ACCOUNT})]},1),e.jsxs("div",{children:[e.jsx(He,{id:Ge.CREDITCARD}),e.jsx($e,{paymentType:p.CREDIT_CARD,onClick:()=>{l(void 0),a(B.paymentAddCreditCard)},isSelected:t===g.ADD_CREDIT_CARD})]},2)]})]})},Ts=D.memo(Ns),ie="c24-kb-bank-account-form-header",Es=({isEdit:t})=>{const s=R();return e.jsxs("div",{className:`${ie}__wrapper`,children:[e.jsxs("div",{className:`${ie}__headline-wrapper`,children:[e.jsx(ke,{className:`${ie}__headline`,children:t?s("PAYMENT.EDIT.BANK_ACCOUNT.HEADLINE"):s("PAYMENT.ADD.BANK_ACCOUNT.HEADLINE",{layout:be})}),e.jsx(U,{className:`${ie}__add-icon`,imageName:I.paymentSepa})]}),e.jsx(N,{isVisible:!t,children:e.jsx("div",{className:`${ie}__subheadline`,children:s("PAYMENT.ADD.BANK_ACCOUNT.SUBHEADLINE")})}),e.jsx(N,{isVisible:w(),children:e.jsx("div",{className:`${ie}__info`,children:s("PAYMENT.EDIT.INFO")})})]})},xs=D.memo(Es),Ds=({callback:t}={})=>{const s=ae(q.validateBankAccount),[n,r]=i.useState(),[a,o]=i.useState(void 0);i.useEffect(()=>()=>n?.cancel(ne),[]);const l=(c,m)=>{o(m),r(s.request({iban:c}))},d=i.useMemo(()=>s.data?.bankAccount,[s.data]);return i.useEffect(()=>{a&&t?.(d,a)},[d]),{isLoading:s.loading,isError:!!s.error,bankAccountData:d,validateBankData:l}},hs=({isEdit:t,payment:s,paymentItems:n,handleDeleteSuccessRedirect:r})=>{R();const[a,o]=i.useState(!1);return null},ht=D.memo(hs),ys=({separator:t,charsInGroup:s})=>({onChange:(a,o)=>
1{if(!a.target)return;const l=a.target.selectionStart,d=a.target.value.substring(0,l).split(t).length-1,c=l-d,m=Math.floor((c-1)/s)+c;a.target.value=o,a.target.setSelectionRange(m,m)},onKeyDown:a=>{if(a.key==="Backspace"&&a.currentTarget.value.charAt(a.currentTarget.selectionStart-1)===t){if(a.currentTarget.selectionStart!==a.currentTarget.selectionEnd)return;a.currentTarget.setSelectionRange(a.currentTarget.selectionStart-1,a.currentTarget.selectionStart-1);return}if(a.key==="Delete"&&a.currentTarget.value.charAt(a.currentTarget.selectionStart)===t){if(a.currentTarget.selectionStart!==a.currentTarget.selectionEnd)return;a.currentTarget.setSelectionRange(a.currentTarget.selectionStart+1,a.currentTarget.selectionStart+1)}}}),gs=()=>({formatIban:s=>(Ct(s).toUpperCase().match(/.{1,4}/g)??[]).join(" ").trim()}),de="c24-kb__bank-account__default-bank-account-checkbox",Ss=({willBeDefaultAccount:t,className:s})=>{const n=R(),[r,a]=i.useState(!1);return e.jsx("div",{className:G(`${de}__wrapper`,s),children:e.jsx(ge,{keyName:"default-bank-account-info",isInfoShown:r,setIsInfoShown:a,infoElement:e.jsx(Tt,{showFirstLine:!1}),children:e.jsxs("div",{className:`${de}__default-bank-account`,children:[e.jsx(N,{isVisible:!t,children:e.jsx(Ue,{name:"isDefault",label:n("PAYMENT.FORM.BANK_ACCOUNT.DEFAULT.CHECKBOX"),className:`${de}__checkbox`})}),e.jsx(N,{isVisible:t,children:e.jsx("div",{className:`${de}__default-bank-account__text`,children:n("PAYMENT.FORM.BANK_ACCOUNT.DEFAULT.FIRST_BANK_ACCOUNT")})}),e.jsx(Se,{isActive:r,onClick:()=>a(!r),className:G(`${de}__question-icon`)})]})})})},Rs=D.memo(Ss),ze="c24-kb__bank-account-form-view",bs=({isEdit:t,payment:s,onBackLinkClick:n,saveButtonLabel:r,children:a,isLoading:o,buttonAreaLeftElement:l,saveToAccount:d,isFirstAccount:c=!1,showDefaultAccountInfo:m=!0,paymentItems:C,handleDeleteSuccessRedirect:u})=>{const A=R(),T=Ae(),[E,S]=i.useState(d??!1),{currentView:f}=i.useContext(F),{setFormValue:_}=je(),{onChange:h,onKeyDown:y}=ys({separator:" ",charsInGroup:4}),{formatIban:P}=gs(),{methods:Y}=je(),{bankAccountData:M,validateBankData:O}=Ds();i.useEffect(()=>{M&&_("bankName",M?.bankName??"")},[M]),i.useEffect(()=>{},[]);const K=j=>{const oe=P(j.target?.value??"");h(j,oe),b(Ct(oe))},b=j=>{(j.substring(0,2)==="DE"&&j.length>=22||j.substring(0,2)!=="DE"&&j.length>14)&&O(j,Y)},k=()=>{if(n){n();return}T(-1)},x=c||(s?.data?.isDefault??!1);return e.jsxs(Le,{buttonArea:{children:e.jsx(ht,{isEdit:t,payment:s,paymentItems:C,handleDeleteSuccessRedirect:u}),link:{url:null,label:A("BREADCRUMB.BACK"),onClick:k},leftElement:l,primaryButton:{text:r??A("GLOBAL.BUTTON.SAVE"),isLoading:o}},children:[e.jsx(fe,{name:"firstName",label:A("PAYMENT.FORM.BANK_ACCOUNT.FIRSTNAME.LABEL"),rules:{required:{value:!0,message:A("PAYMENT.FORM.BANK_ACCOUNT.FIRSTNAME.EMPTY")}}}),e.jsx(fe,{name:"lastName",label:A("PAYMENT.FORM.BANK_ACCOUNT.LASTNAME.LABEL"),rules:{required:{value:!0,message:A("PAYMENT.FORM.BANK_ACCOUNT.LASTNAME.EMPTY")}}}),e.jsx(fe,{name:"iban",label:A("PAYMENT.FORM.BANK_ACCOUNT.IBAN.LABEL"),rules:{disabled:t,required:{value:!0,message:A("PAYMENT.FORM.BANK_ACCOUNT.IBAN.EMPTY")}},onKeyDown:y,onChange:K}),e.jsx(fe,{name:"bankName",label:A("PAYMENT.FORM.BANK_ACCOUNT.BANK_NAME.LABEL"),rules:{disabled:!0}}),e.jsx(N,{isVisible:d,children:e.jsx(Ue,{name:"saveToAccount",label:e.jsx("div",{className:`${ze}__save-to-account-label`,children:A("PAYMENT.FORM.BANK_ACCOUNT.SAVE_TO_ACCOUNT.LABEL")}),onChange:S,className:`${ze}__save-to-account-checkbox`})}),e.jsx(N,{isVisible:!d&&m||E,children:e.jsx(Rs,{willBeDefaultAccount:x})}),a]})},js=D.memo(bs),Is=({onSuccess:t})=>{const[s,n]=i.useState(),[r,a]=i.useState(),o=ae(q.addBankAccount);i.useEffect(()=>()=>s?.cancel(ne),[]);const l=(m,C)=>{a(C),n(o.request({iban:m.iban?.trim(),firstName:m.firstName?.trim(),lastName:m.lastName?.trim(),isDefault:m.isDefault}))},{errorMessage:d,isLoading:c}=pe({request:o,methods:r,onSuccess:m=>t(m,r)});return{addBankAccount:l,isLoading:c,errorMessage:d}},he="c24-kb__bank-account__form-container",Ps=({payment:t,hasBankAccounts:s,paymentItems:n})=>{if(t&&t?.paymentType!==p.BANK_ACCOUNT)return null;const r=R(),a=t?.data,{setSystemMessage:o,setGlobalErrorMessage:l}=i.useContext(Z),{updatePaymentItems:d,handleSuccessRedirect:c}=i.useContext(F),m=!!t,C=y=>{if(!y.data?.externalReference||!y.data?.payments){l();return}o({message:r(m?"PAYMENT.EDIT.BANK_ACCOUNT.SUCCESS":"PAYMENT.ADD.BANK_ACCOUNT.SUCCESS"),variant:Q.SUCCESS}),d(y.data.payments),c({url:B.paymentOverview(y.data.externalReference),isInternal:!0})},{addBankAccount:u,isLoading:A,errorMessage:T}=Is({onSuccess:C}),{editBankAccount:E,isLoading:S,errorMessage:f}=Dt({onSuccess:C,bankAccount:a});Ie({spinnerActive:A||S,elementSelector:`.${he}__wrapper`});const _=f||T,h=(y,P)=>{if(m){E({firstName:y.firstName.trim(),lastName:y.lastName.trim(),externalReference:a.externalReference,isDefault:y.isDefault??!1},P);return}u({iban:y.iban?.trim(),firstName:y.firstName?.trim(),lastName:y.lastName?.trim(),isDefault:y.isDefault??!1},P)};return e.jsxs("div",{className:`${he}__wrapper`,children:[e.jsx(Ve,{visible:!!_,className:`${he}__system-message`,hideCloseIcon:!0,children:_}),e.jsx(xs,{isEdit:m}),e.jsx(Fe,{onSubmit:h,className:`${he}__form`,defaultValues:{firstName:a?.firstName??"",lastName:a?.lastName??"",iban:a?.iban??"",bankName:a?.bankName??"",isDefault:a?.isDefault??!s},children:e.jsx(js,{isEdit:m,payment:t,isFirstAccount:!s,paymentItems:n,handleDeleteSuccessRedirect:y=>c({url:y,isInternal:!0})})})]})},Ms=D.memo(Ps),H="c24-kb-credit-card-form-header",Qe=e.jsx(U,{className:`${H}
1__card-icon`,imageName:I.paymentVisa}),Ze=e.jsx(U,{className:`${H}__card-icon`,imageName:I.paymentMastercard}),Je=e.jsx(U,{className:`${H}__card-icon`,imageName:I.paymentAmex}),et=e.jsx(U,{className:`${H}__card-icon`,imageName:I.paymentCreditCardDefault}),$s=({isEdit:t,creditCard:s})=>{const n=R(),r=o=>{switch(o){case V.VISA:return Qe;case V.MASTERCARD:return Ze;case V.AMEX:return Je;default:return et}},a=()=>n(t?"PAYMENT.EDIT.CREDIT_CARD.HEADLINE":"PAYMENT.ADD.CREDIT_CARD.HEADLINE");return e.jsxs("div",{className:`${H}__wrapper`,children:[e.jsxs("div",{className:`${H}__headline-wrapper`,children:[e.jsx(ke,{className:`${H}__headline`,children:a()}),e.jsxs("div",{className:`${H}__card-wrapper`,children:[e.jsx(N,{isVisible:X(),children:e.jsx(N,{isVisible:t,fallback:e.jsxs(e.Fragment,{children:[Qe,Ze,Je]}),children:e.jsx(e.Fragment,{children:r(s?.creditCardType)})})}),e.jsx(N,{isVisible:w(),children:e.jsx(N,{isVisible:t,fallback:e.jsx(e.Fragment,{children:et}),children:e.jsx(e.Fragment,{children:r(s?.creditCardType)})})})]})]}),e.jsx(N,{isVisible:w(),children:e.jsx("div",{className:`${H}__info`,children:n("PAYMENT.EDIT.INFO")})})]})},vs=D.memo($s),_e="c24-kb-sps-text-field",z=`${_e}__wrapper`,tt=`${z}--error`,st=`${z}--focus`,Oe=`${z}--empty`,yt=`${_e}__error`,at=`${_e}__sps-error`,Os=({name:t,nameAlias:s,label:n,rules:r={},isHidden:a=!1,deactivateWithDefault:o,children:l})=>{if(Wt(s??t,r),a)return null;const{getDefaultFieldData:d}=je(),c=i.useRef(void 0),m=i.useMemo(()=>d(t)??"",[]);return i.useEffect(()=>{!c.current||m||c.current.classList.add(Oe)},[c.current]),e.jsxs("div",{ref:c,id:`${z}--${t}`,className:G(z,{[`${z}--disabled`]:!!m&&o}),children:[e.jsxs("div",{className:`${_e}__content`,children:[e.jsx("div",{className:`${_e}__label`,children:n}),e.jsx("div",{"data-c24-sps-field":t,"data-c24-sps-group":St,"data-c24-sps-placeholder":n,"data-c24-sps-value":m}),l]}),e.jsx("div",{className:yt})]})},me=D.memo(Os),gt=({id:t,scriptUrl:s,onLoad:n,onError:r})=>{const a=()=>document.querySelector(`#${t}`);return{addScript:()=>{if(a()){n?.();return}const d=document.createElement("script");d.src=s,d.id=t,d.async=!0,n&&(d.onload=n),r&&(d.onerror=r),document.body.appendChild(d)},removeScript:()=>{const d=a();d&&document.body.removeChild(d)}}},ks=t=>{const{addScript:s,removeScript:n}=gt({scriptUrl:Gt.js.jquery,id:"script-jquery",onLoad:t});i.useEffect(()=>(s(),()=>n()),[])},St="kb",Ls={".c24-sps-input":{border:"none","font-size":"14px",padding:"0"},".c24-sps-input:disabled":{"background-color":"#FAFAFA",cursor:"not-allowed"}},Bs=({onSubmit:t,setFormFieldValue:s,formMethods:n})=>{const[r,a]=i.useState(),[o,l]=i.useState(!window.C24SpsClient),d=()=>{window.C24SpsClient&&(l(!1),a(S()))},{addScript:c,removeScript:m}=gt({id:"script-sps",scriptUrl:window.Check24.customerArea.spsScriptUrl,onLoad:()=>d()});ks(()=>c()),i.useEffect(()=>()=>m(),[]);const C=()=>{switch(be){case le.tablet:return window.C24SpsClient.const.DEVICE_TABLET;case le.tabletapp:return window.C24SpsClient.const.DEVICE_TABLET_APP;case le.app:return window.C24SpsClient.const.DEVICE_MOBILE_APP;case le.mobile:return window.C24SpsClient.const.DEVICE_MOBILE;case le.desktop:default:return window.C24SpsClient.const.DEVICE_DESKTOP}},u=f=>{Object.entries(f.creditcard).map(([_,h])=>{n.getValues()?.[_]!==void 0&&s(_,h??"")})},A=f=>f.$field?.closest(`.${z}`)?.[0],T=f=>{const _=A(f);_&&(f.isEmpty?_.classList.add(Oe):_.classList.remove(Oe),f.isFocused?_.classList.add(st):_.classList.remove(st),E(_,!f.isValid&&typeof f.errorMessage=="string"?f.errorMessage:""))},E=(f,_)=>{const h=f?.querySelector(`.${yt}`);if(h){if(!_){f.classList.remove(tt),h.innerHTML="";return}h.innerHTML=_,f.classList.add(tt)}},S=()=>(window.C24SpsClient.defaults.apiService="1",new window.C24SpsClient(St,{theme:window.C24SpsClient.const.THEME_VERSION_CONTRAST,device:C(),showInputClear:w(),showInlineLabel:!0,errorSelector:`.${at}`,errorTemplate:`<div class="${at}"></div>`,fieldStyles:Ls,onInput:function(f){u(f),T(f)},onBlur:function(f){T(f)},onSubmit:function(f){if(!f.isValid){Object.entries(f.errorMessage).map(([_,h])=>{const y=document.querySelector(`#${z}--${_}`);y&&E(y,h)});return}u(f),t()}}));return{spsClient:r,isLoading:o}},nt="https://www.pcisecuritystandards.org/",ws=()=>{const t=R();return e.jsxs("div",{children:[e.jsx("p",{children:t("PAYMENT.FORM.CREDIT_CARD.SPS_SAFETY.INFO_1")}),e.jsxs("p",{children:[t("PAYMENT.FORM.CREDIT_CARD.SPS_SAFETY.INFO_2")," ",e.jsx(ot,{link:nt,internal:!1,target:vt.BLANK,children:nt})]}),e.jsx("p",{children:t("PAYMENT.FORM.CREDIT_CARD.SPS_SAFETY.INFO_3")})]})},Fs=D.memo(ws),Vs=()=>null,Us=D.memo(Vs),L="c24-kb__credit-card-form-view",Ys=({isEdit:t,payment:s,onSubmit:n,isFirstCreditCard:r=!1,paymentItems:a,handleDeleteSuccessRedirect:o})=>{const l=R(),d=Ae(),{methods:c,setFormValue:m}=je(),[C,u]=i.useState(!1),[A,T]=i.useState(!1),[E,S]=i.useState(!1),{currentView:f}=i.useContext(F),{spsClient:_,isLoading:h}=Bs({onSubmit:()=>n(c.getValues(),c),formMethods:c,setFormFieldValue:m});Ie({spinnerActive:h,elementSelector:`.${L}__wrapper`}),i.useEffect(()=>{_&&s&&s.data?.expired&&setTimeout(()=>{_.submit()},1e3)},[_]),i.useEffect(()=>{},[]);const y=()=>{d(-1)},P=r||(s?.data?.isDefault??!1);return e.jsxs(Le,{buttonArea:{children:e.jsx(ht,{isEdit:t,payment:s,paymentItems:a,handleDeleteSuccessRedirect:o}),link:{url:null,label:l("BREADCRUMB.BACK"),onClick:y},primaryButton:{text:l("GLOBAL.BUTTON.SAVE"),onSubmit:()=>_.submit()}},children:[e.jsx(ge,{keyName:"credit-card-number",isInfoShown:A,setIsInfoShown:T,infoElement:e.jsx(Us,{}),children:e.jsx(me,{name:"number",nameAlias:"number_short",label:l("PAYMENT.FORM.CREDIT_CARD.NUM
1BER"),deactivateWithDefault:!0,children:e.jsx(N,{isVisible:w(),children:e.jsx(Se,{isActive:A,onClick:()=>T(!A),className:G(`${L}__question-icon`,`${L}__number-info`)})})})}),e.jsx(me,{name:"name",label:l("PAYMENT.FORM.CREDIT_CARD.NAME")}),e.jsx(me,{name:"expiry_date",label:l("PAYMENT.FORM.CREDIT_CARD.EXPIRY_DATE")}),e.jsx(me,{name:"token",label:"",isHidden:!0}),e.jsx(me,{name:"type",label:"",isHidden:!0}),e.jsx(ge,{keyName:"default-credit-card-info",isInfoShown:E,setIsInfoShown:S,infoElement:e.jsx(Nt,{showFirstLine:!1}),children:e.jsxs("div",{className:`${L}__default-credit-card`,children:[e.jsx(N,{isVisible:!P,fallback:e.jsx("div",{className:`${L}__default-credit-card__text`,children:l("PAYMENT.FORM.CREDIT_CARD.DEFAULT.FIRST_CARD")}),children:e.jsx(Ue,{name:"isDefault",label:l("PAYMENT.FORM.CREDIT_CARD.DEFAULT.CHECKBOX"),className:`${L}__checkbox`})}),e.jsx(Se,{isActive:E,onClick:()=>S(!E),className:G(`${L}__question-icon`)})]})}),e.jsx(ge,{keyName:"sps-pci-info",isInfoShown:C,setIsInfoShown:u,infoElement:e.jsx(Fs,{}),children:e.jsxs("div",{className:`${L}__sps-info`,children:[e.jsxs("div",{className:`${L}__safety-info`,children:[e.jsx(U,{className:`${L}__lock-icon`,imageName:I.iconsLockGrey}),e.jsx("div",{children:l("PAYMENT.FORM.CREDIT_CARD.SPS_SAFETY")})]}),e.jsx(Se,{isActive:C,onClick:()=>u(!C),className:`${L}__question-icon`})]})})]})},Ks=D.memo(Ys),Ws=({onSuccess:t})=>{const[s,n]=i.useState(),[r,a]=i.useState(),o=ae(q.addCreditCard),[l,d]=i.useState({});i.useEffect(()=>()=>s?.cancel(ne),[]);const c=(A,T)=>{a(T),d({}),n(o.request({expiryDate:A.expiryDate?.trim(),name:A.name?.trim(),numberShort:A.numberShort?.trim(),token:A.token?.trim(),type:A.type?.trim(),isDefault:A.isDefault}))},{errorMessage:m,isLoading:C,data:u}=pe({request:o,methods:r,onSuccess:A=>t(A,r)});return i.useEffect(()=>{d(u??{})},[u]),{addCreditCard:c,isLoading:C,errorMessage:m,data:l}},rt="c24-kb-payment-duplicated-credit-card-overlay",Hs=({duplicatedCardExternalReference:t,editCreditCardData:s,isVisible:n,handleClose:r})=>{const a=R(),o=Ae(),{setSystemMessage:l,clearSystemMessage:d}=i.useContext(Z),{updatePaymentItems:c}=i.useContext(F),{editCreditCard:m,isLoading:C,errorMessage:u}=We({onSuccess:T=>{if(!T.data?.payments){l({message:a("GLOBAL.ERROR"),variant:Q.ERROR});return}r(),l({message:a("PAYMENT.EDIT.CREDIT_CARD.SUCCESS"),variant:Q.SUCCESS}),c(T.data.payments),o(B.paymentOverview(t))}}),A=()=>{d();const T={externalReference:t,expiryDate:s.expiryDate,isDefault:s.isDefault,name:s.name};m(T,null,T.expiryDate)};return e.jsx(e.Fragment,{children:e.jsx(Me,{containerClassName:`${rt}__overlay`,isOpen:n??!1,headline:a("PAYMENT.DUPLICATED.CREDIT_CARD.HEADLINE"),primaryButton:e.jsx(mt,{isDisabled:C,onClick:A.bind(void 0),children:a("PAYMENT.DUPLICATED.CREDIT_CARD.UPDATE")}),secondaryButton:e.jsx(dt,{isDisabled:C,onClick:r.bind(void 0),children:a("GLOBAL.BUTTON.CANCEL")}),closeDisabled:C,isLoading:C,onBackdropClick:r.bind(void 0),onCloseIconClick:r.bind(void 0),children:e.jsxs("div",{children:[a("PAYMENT.DUPLICATED.CREDIT_CARD.TEXT"),e.jsx(N,{isVisible:!!u,children:e.jsx(lt,{className:`${rt}__error`,children:u})})]})})})},Gs=D.memo(Hs),ue="c24-kb__credit-card__form-container",qs=({payment:t,hasCreditCards:s,paymentItems:n})=>{if(t&&t?.paymentType!==p.CREDIT_CARD)return null;const r=t?.data,a=R(),{setSystemMessage:o,setGlobalErrorMessage:l}=i.useContext(Z),{updatePaymentItems:d,handleSuccessRedirect:c}=i.useContext(F),m=!!t,C=x=>{if(!x.data?.externalReference||!x.data?.payments){l();return}o({message:a(m?"PAYMENT.EDIT.CREDIT_CARD.SUCCESS":"PAYMENT.ADD.CREDIT_CARD.SUCCESS"),variant:Q.SUCCESS}),d(x.data.payments),c({url:B.paymentOverview(x.data.externalReference),isInternal:!0})},{editCreditCard:u,isLoading:A,errorMessage:T}=We({onSuccess:C,creditCard:r}),{addCreditCard:E,isLoading:S,errorMessage:f,data:_}=Ws({onSuccess:C});Ie({spinnerActive:A||S,elementSelector:`.${ue}__wrapper`}),i.useEffect(()=>{_&&K(!0)},[_]);const h=T||f,[y,P]=i.useState({expiryDate:"",externalReference:"",isDefault:!1,name:""}),Y=(x,j)=>{if(m){u({externalReference:r.externalReference,name:x.name.trim(),expiryDate:x.expiry_date.trim(),isDefault:x.isDefault??!1},j,x.expiry_date);return}P({externalReference:"",name:x.name.trim(),expiryDate:x.expiry_date.trim(),isDefault:x.isDefault??!1}),E({expiryDate:x.expiry_date?.trim(),name:x.name?.trim(),numberShort:x.number_short?.trim(),token:x.token?.trim(),type:x.type?.trim(),isDefault:x.isDefault??!1},j)},M=()=>
1{if(!r?.expiryDate)return;const x=new Date(r.expiryDate),j=x.getFullYear().toString().substring(2);return`${ut(x.getMonth()+1)}/${j}`},[O,K]=i.useState(!0),b=i.useMemo(()=>_&&_.duplicate&&_.duplicate!=="",[_]),k=i.useMemo(()=>_?.duplicate??"",[_]);return e.jsxs("div",{className:`${ue}__wrapper`,children:[e.jsx(Ve,{visible:!!h&&!b&&!S,className:`${ue}__system-message`,hideCloseIcon:!0,children:h}),e.jsx(Gs,{isVisible:b&&O,duplicatedCardExternalReference:k,editCreditCardData:y,handleClose:()=>K(!1)}),e.jsx(vs,{isEdit:m,creditCard:r}),e.jsx(Fe,{id:`${ue}__form`,onSubmit:()=>{},className:`${ue}__form`,defaultValues:{number:r?.token??"",expiry_date:M(),number_short:r?.numberShort??"",name:r?.name??"",token:r?.token??"",type:r?.creditCardType??"",isDefault:r?.isDefault??!s},children:e.jsx(Ks,{isEdit:m,payment:t,onSubmit:Y,isFirstCreditCard:!s,paymentItems:n,handleDeleteSuccessRedirect:x=>c({url:x,isInternal:!0})})})]})},Xs=D.memo(qs),ce="c24-kb__payment-detail-container__skeleton-wrapper",zs=()=>e.jsx("div",{className:`${ce}__wrapper`,children:e.jsxs("div",{className:`${ce}__payment-data`,children:[e.jsx("div",{className:`${ce}__img-wrapper`,children:e.jsx(se,{isLoading:!0,className:`${ce}__img`})}),e.jsx("div",{className:`${ce}__payment-information`,children:[...Array(3)].map((t,s)=>e.jsx(se,{isLoading:!0,className:`${ce}__payment-information-line`},s))})]})}),Qs=D.memo(zs),Ce="c24-kb-payment-detailview__skeleton-wrapper",Zs=()=>e.jsxs("div",{className:`${Ce}__wrapper`,children:[e.jsx(Qs,{}),[...Array(2)].map((t,s)=>e.jsx(se,{isLoading:!0,className:`${Ce}__info-container`},s)),e.jsxs("div",{className:`${Ce}__button_wrapper`,children:[e.jsx(se,{isLoading:!0,className:`${Ce}__button_wrapper__button`}),e.jsx(se,{isLoading:!0,className:`${Ce}__button_wrapper__button`})]})]}),Js=D.memo(Zs),ye="c24-kb__payment-tile__skeleton-wrapper",ea=()=>e.jsx("div",{className:`${ye}__wrapper`,children:e.jsxs("div",{className:`${ye}__container`,children:[e.jsx(se,{isLoading:!0,className:`${ye}__container-img`}),e.jsx(se,{isLoading:!0,className:`${ye}__container-content`})]})}),ta=D.memo(ea),it="c24-kb__page-payment__overview-tile__skeleton-wrapper",sa=()=>e.jsx("div",{className:`${it}__wrapper`,children:[...Array(3)].map((t,s)=>e.jsxs(D.Fragment,{children:[e.jsx(ta,{}),e.jsx(N,{isVisible:s!==2,children:e.jsx("div",{className:`${it}__separator`})})]},s))}),aa=D.memo(sa),Pe="c24-kb-payment-page",na="external_reference",ra="payment_type",F=i.createContext({currentView:void 0,setCurrentView:()=>{},clearCurrentView:()=>{},updatePaymentItems:()=>{},paymentType:void 0,setPaymentType:()=>{},clearPaymentType:()=>{},handleSuccessRedirect:()=>{}}),ia=({actionType:t=g.VIEW,debugPaymentReference:s})=>{const[n]=Ot(),r=R(),{clearSystemMessage:a}=i.useContext(Z),{isFeatureActive:o}=Vt(),{externalReference:l}=kt();i.useEffect(()=>()=>{a(),K()},[]);const d=i.useMemo(()=>n.get(na)??s,[n,s,l,be]),c=n.get(ra),m=i.useMemo(()=>{if(c&&Object.values(p).includes(c))return c},[c]),{setData:C,data:u,removeData:A}=ct(Re.payment.paymentType),{paymentItems:T,isLoading:E,isError:S,updatePaymentItems:f,usedActionType:_,usedPaymentItem:h}=At({actionType:t,paymentType:u||m,externalReference:d}),y=i.useMemo(()=>X(),[be,_]),P=i.useMemo(()=>!!T.find(j=>j.paymentType===p.CREDIT_CARD),[T]),Y=i.useMemo(()=>!!T.find(j=>
1j.paymentType===p.BANK_ACCOUNT),[T]),{viewType:M,updateViewType:O,clearViewType:K,handleSuccessRedirect:b}=Yt({cacheKey:Re.payment.currentPage,alwaysSuccessRedirect:!0});if(S)return e.jsx(Lt,{});const k=E||o(Bt.permanentLoading),x=()=>{if(k&&X())return e.jsx(Js,{});switch(_){case g.VIEW:if(h)return e.jsx(fs,{payment:h,paymentItems:T},h?.data?.externalReference);case g.ADD_CREDIT_CARD:case g.EDIT_CREDIT_CARD:return e.jsx(Xs,{payment:h,hasCreditCards:P,paymentItems:T},h?.data?.externalReference);case g.ADD_BANK_ACCOUNT:case g.EDIT_BANK_ACCOUNT:default:return e.jsx(Ms,{payment:h,hasBankAccounts:Y,paymentItems:T},h?.data?.externalReference)}};return e.jsxs(wt,{mobileWhite:!0,children:[e.jsx(Ft,{pageLabel:r(_===g.VIEW?"PAYMENT.OVERVIEW.BACK":"PAYMENT.DETAILVIEW.BACK"),useMobileBrowserBack:!0}),e.jsxs("div",{className:`${Pe}__wrapper`,children:[e.jsx(N,{isVisible:w(),children:e.jsx(_t,{className:`${Pe}__system-message`,hideCloseIcon:!0,deleteMessageOnUnmount:!1,isFadeOut:!0})}),e.jsx(N,{isVisible:X(),children:e.jsx(ke,{className:`${Pe}__headline`,children:r("PAYMENT.PAGE.HEADLINE")})}),e.jsx(F.Provider,{value:{updatePaymentItems:f,currentView:M,setCurrentView:O,clearCurrentView:K,paymentType:u,setPaymentType:C,clearPaymentType:A,handleSuccessRedirect:b},children:e.jsx(Ut,{children:e.jsxs(e.Fragment,{children:[e.jsx(N,{isVisible:y,children:e.jsx(N,{isVisible:!k,fallback:e.jsx(aa,{}),children:e.jsx(Ts,{actionType:_,usedPaymentItem:h,paymentItems:T})})}),e.jsx(Kt,{gridContent:!0,children:x()})]})})})]})]})},Na=Object.freeze(Object.defineProperty({__proto__:null,PaymentPageContext:F,default:ia},Symbol.toStringTag,{value:"Module"}));export{$e as A,xs as B,Et as D,ft as P,js as a,qt as b,pt as c,zt as d,ve as e,As as f,Rs as g,Na as h,Ds as u};
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.