https://www.zable.com/credit-cards/_next/static/chunks/pages/view-card-details-component-cbdbd19ff9da4228.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];if(null!=t)for(var s in t)t.hasOwnProperty(s)&&(e[s]=t[s])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:cards-app":!0});var a=(new e.Error).stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="e995cf78-a4a4-4adb-a69c-04ec56be2787",e._sentryDebugIdIdentifier="sentry-dbid-e995cf78-a4a4-4adb-a69c-04ec56be2787")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1461],{5700:(e,a,t)=>{"use strict";t.d(a,{c:()=>l});var s=t(59965);function r(e,a){return(...e)=>{try{return a(...e)}catch{throw Error(void 0)}}}let l=r(0,s.c3);r(0,s.kc)},27962:(e,a,t)=>{"use strict";t.d(a,{R:()=>f});var s=t(6029),r=t(75322),l=t.n(r),o=t(32988),n=t.n(o),d=t(6772),c=t.n(d),i=t(5700),_=t(55729),u=t(376),p=t(8609),y=t(57487),m=t(35800),v=t(31518),b=t.n(v);let D=({label:e,copyDomId:a,valueDomId:t,isCopied:r})=>{let l=(0,i.c)();return(0,s.jsxs)("button",{className:b().copyButton,children:[(0,s.jsx)("div",{id:a}),(0,s.jsxs)("div",{className:b().copyButtonContent,children:[(0,s.jsxs)("div",{className:b().copyButtonLabels,children:[(0,s.jsx)("div",{className:b().cardDetailValueWrapper,children:(0,s.jsx)("div",{id:t,className:b().cardDetailValue})}),(0,s.jsx)("span",{className:b().valueLabel,children:e})]}),(0,s.jsxs)("div",{className:b().copyButtonStateContainer,children:[(0,s.jsxs)("div",{className:n()(b().copyButtonState,r&&b().copyButtonStateHidden),"aria-hidden":r,children:[(0,s.jsx)("span",{className:b().copyLabel,children:l("cards.cardDetails.viewCardDetails.copyCTA")}),(0,s.jsx)(m.A,{type:"interface-copy",className:b().copyLabel})]}),(0,s.jsxs)("div",{className:n()(b().copyButtonState,!r&&b().copyButtonStateHidden),"aria-hidden":!r,children:[(0,s.jsx)("span",{className:b().copyLabel,children:l("cards.cardDetails.viewCardDetails.copiedCTA")}),(0,s.jsx)(m.A,{type:"interface-checkmark-thick",className:b().copyLabel})]})]})]})]})},C={span:{"font-family":"'Courier New', monospace","font-size":"16px","font-weight":"700",color:l().theme.light.text.header}},h={valueDomId:"mq-card-pan",copyDomId:"mq-copy-card-pan"},x={valueDomId:"mq-card-cvv",copyDomId:"mq-copy-card-cvv"},N={valueDomId:"mq-card-exp",copyDomId:"mq-copy-card-exp"},f=({clientAccessToken:e,children:a,onMarqetaSuccess:t,onMarqetaError:r,containerClassName:l})=>{let o=(0,i.c)("cards.cardDetails.viewCardDetails"),[d,m]=_.useState(!0),[v,f]=_.useState(!1),[j,k]=_.useState(!1),[w,g]=_.useState(!1),I=()=>{r?.(),m(!1)};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c(),{src:`${u.i.MARQETA_WIDGET_BASE_URL}/marqetajs/2.0.0/marqeta.min.js`,strategy:"afterInteractive",onReady:()=>{if(!(0,y.XC)(e))return void(0,p.FF)("Viewing card details: no client access token");if(!window.marqeta){(0,p.vV)("Viewing card details: Marqeta widget missing after script load"),I();return}let a=()=>alert(o("alertMessage.error")),s=e=>{let a={cvc:f,expiryDate:k,cardNumber:g}[e];a(!0),setTimeout(()=>{a(!1)},2e3)};window.marqeta.bootstrap({clientAccessToken:e,options:{cardholderVerificationMethod:"OTHER"},component:{showPan:{cardPan:{domId:h.valueDomId,format:!0,styles:C},copyCardPan:{domId:h.copyDomId,mode:"transparent",onCopySuccess:()=>s("cardNumber"),onCopyFailure:a},cardCvv:{domId:x.valueDomId,styles:C},copyCardCvv:{domId:x.copyDomId,mode:"transparent",onCopySuccess:()=>s("cvc"),onCopyFailure:a},cardExp:{domId:N.valueDomId,format:!0,styles:C},copyCardExp:{domId:N.copyDomId,mode:"transparent",onCopySuccess:()=>s("expiryDate"),onCopyFailure:a}}},callbackEvents:{onSuccess:()=>{m(!1),t?.()},onFailure:e=>{(0,p.vV)("Viewing card details: Marqeta error",{error:e?JSON.stringify(e):"No error message"}),r?.(),m(!1)}}})},onError:()=>{(0,p.vV)("Viewing card details: Marqeta widget script failed to load"),I()}}),(0,s.jsxs)("div",{className:l,children:[a,(0,s.jsxs)("div",{className:n()(b().copyButtonsContainer,d&&b().hidden),children:[(0,s.jsx)(D,{label:o("labels.cardNumber"),isCopied:w,...h}),(0,s.jsx)(D,{label:o("labels.expiryDate"),isCopied:j,...N}),(0,s.jsx)(D,{label:o("labels.CVC"),isCopied:v,...x})]})]})]})}},31518:e=>

1{e.exports={"card-detail-value-wrapper":"CardDetails_card-detail-value-wrapper__LDrrl",cardDetailValueWrapper:"CardDetails_card-detail-value-wrapper__LDrrl","copy-button":"CardDetails_copy-button__kTXXo",copyButton:"CardDetails_copy-button__kTXXo","copy-button-content":"CardDetails_copy-button-content__e_BgX",copyButtonContent:"CardDetails_copy-button-content__e_BgX","copy-button-labels":"CardDetails_copy-button-labels__J_qda",copyButtonLabels:"CardDetails_copy-button-labels__J_qda","copy-buttons-container":"CardDetails_copy-buttons-container__meO0Q",copyButtonsContainer:"CardDetails_copy-buttons-container__meO0Q",hidden:"CardDetails_hidden__cB_N4","copy-label":"CardDetails_copy-label__TgChr",copyLabel:"CardDetails_copy-label__TgChr","copy-button-state-container":"CardDetails_copy-button-state-container__R78sQ",copyButtonStateContainer:"CardDetails_copy-button-state-container__R78sQ","copy-button-state":"CardDetails_copy-button-state__aI11B",copyButtonState:"CardDetails_copy-button-state__aI11B","copy-button-state-hidden":"CardDetails_copy-button-state-hidden__Ijoxx",copyButtonStateHidden:"CardDetails_copy-button-state-hidden__Ijoxx","value-label":"CardDetails_value-label__bmvp0",valueLabel:"CardDetails_value-label__bmvp0","card-detail-value":"CardDetails_card-detail-value__WNau_",cardDetailValue:"CardDetails_card-detail-value__WNau_","skeleton-card-details":"CardDetails_skeleton-card-details__FThNm",skeletonCardDetails:"CardDetails_skeleton-card-details__FThNm","skeleton-card-detail-row":"CardDetails_skeleton-card-detail-row__x7zTH",skeletonCardDetailRow:"CardDetails_skeleton-card-detail-row__x7zTH","skeleton-value":"CardDetails_skeleton-value__SKGXO",skeletonValue:"CardDetails_skeleton-value__SKGXO",shimmer:"CardDetails_shimmer__GhDJN","skeleton-label":"CardDetails_skeleton-label__UHnAL",skeletonLabel:"CardDetails_skeleton-label__UHnAL"}},35800:(e,a,t)=>{"use strict";t.d(a,{A:()=>l});var s=t(6029),r=t(84833);t(58046);let l=({type:e,className:a,style:t,children:l,ariaHidden:o=!0,...n})=>(0,s.jsx)("span",{"aria-hidden":o,className:(0,r.c)("_icon_1j6dh_1",`icons-${e}`,a),style:t,...n,children:l})},58046:()=>{},77614:(e,a,t)=>{"use strict";t.r(a),t.d(a,{__N_SSP:()=>p,default:()=>y});var s=t(6029),r=t(81278),l=t(5700),o=t(55729),n=t(27962),d=t(31518),c=t.n(d);let i=()=>(0,s.jsxs)("div",{className:c().skeletonCardDetails,children:[(0,s.jsxs)("div",{className:c().skeletonCardDetailRow,children:[(0,s.jsx)("div",{className:c().skeletonValue}),(0,s.jsx)("div",{className:c().skeletonLabel})]}),(0,s.jsxs)("div",{className:c().skeletonCardDetailRow,children:[(0,s.jsx)("div",{className:c().skeletonValue}),(0,s.jsx)("div",{className:c().skeletonLabel})]}),(0,s.jsxs)("div",{className:c().skeletonCardDetailRow,children:[(0,s.jsx)("div",{className:c().skeletonValue}),(0,s.jsx)("div",{className:c().skeletonLabel})]})]});var _=t(57487);let u=()=>{let e=(0,l.c)("cards.cardDetails.viewCardDetails");return(0,s.jsx)(s.Fragment,{children:(0,s.jsx)("p",{className:"text-center",children:e("errorDescription.genericError")})})};var p=!0;let y=()=>{let{query:e}=(0,r.useRouter)(),a=(0,_.y1)(e.clientAccessToken),[t,l]=o.useState("loading");return"error"===t?(0,s.jsx)(u,{}):(0,s.jsx)(n.R,{clientAccessToken:a,onMarqetaError:()=>l("error"),onMarqetaSuccess:()=>l("success"),children:"loading"===t&&(0,s.jsx)(i,{})})}},81625:(e,a,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/view-card-details-component",function(){return t(77614)}])},84833:(e,a,t)=>{"use strict";function s(){for(var e,a,t=0,s="",r=arguments.length;t<r;t++)(e=arguments[t])&&(a=function e(a){var t,s,r="";if("string"==typeof a||"number"==typeof a)r+=a;else if("object"==typeof a)if(Array.isArray(a)){var l=a.length;for(t=0;t<l;t++)a[t]&&(s=e(a[t]))&&(r&&(r+=" "),r+=s)}else for(s in a)a[s]&&(r&&(r+=" "),r+=s);return r}(e))&&(s&&(s+=" "),s+=a);return s}t.d(a,{c:()=>s})}},e=>{e.O(0,[5322,636,6593,8792],()=>e(e.s=81625)),_N_E=e.O()}]);