@capitalos/react 1.3.3 → 1.4.5-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_tsup-dts-rollup.d.mts +1527 -1478
- package/dist/_tsup-dts-rollup.d.ts +1527 -1478
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.mts +46 -0
- package/dist/index.d.ts +46 -0
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/dist/src/index.d.mts +0 -44
- package/dist/src/index.d.ts +0 -44
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";var ke=Object.defineProperty,be=Object.defineProperties;var Te=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var te=Object.prototype.hasOwnProperty,re=Object.prototype.propertyIsEnumerable;var oe=(e,n,o)=>n in e?ke(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,c=(e,n)=>{for(var o in n||(n={}))te.call(n,o)&&oe(e,o,n[o]);if(U)for(var o of U(n))re.call(n,o)&&oe(e,o,n[o]);return e},d=(e,n)=>be(e,Te(n));var h=(e,n)=>{var o={};for(var t in e)te.call(e,t)&&n.indexOf(t)<0&&(o[t]=e[t]);if(e!=null&&U)for(var t of U(e))n.indexOf(t)<0&&re.call(e,t)&&(o[t]=e[t]);return o};var L=(e,n,o)=>new Promise((t,i)=>{var r=l=>{try{a(o.next(l))}catch(m){i(m)}},s=l=>{try{a(o.throw(l))}catch(m){i(m)}},a=l=>l.done?t(l.value):Promise.resolve(l.value).then(r,s);a((o=o.apply(e,n)).next())});import f,{useMemo as g,useContext as dn}from"react";import B from"react";import z,{createContext as en,useContext as nn,useState as H,useMemo as xe,useCallback as S,useEffect as on}from"react";import je,{useMemo as Ve,useRef as $e}from"react";var y=class extends Error{constructor({message:n,code:o}){super(n),this.name="CapitalOSError",this.code=o}},k={unauthorized:"unauthorized",invalid_account_status:"invalid_account_status",unsupported_entry_point:"unsupported_entry_point",internal_error:"internal_error"},D=class extends y{constructor(n){super({message:`Invalid token ${n!=null?n:""}`,code:k.unauthorized}),this.name="CapitalOSInvalidTokenError"}};import{connectToChild as De}from"penpal";import{useCallback as we,useEffect as J,useMemo as ae,useRef as W,useState as ce}from"react";var ie="1.3.3";function Ae(e){let n=JSON.stringify(e),o=btoa(n);return encodeURIComponent(o)}function K(e){try{let n=decodeURIComponent(e),o=atob(n);return JSON.parse(o)}catch(n){throw new D}}function Le(e){try{return decodeURIComponent(e)}catch(n){return e}}function se({tokenData:e,renderingContext:n,theme:o,onError:t}){try{let i=n?d(c({},n),{referer:window.location.href}):null,r=i?Ae(i):null,s=new URL(e.baseUrl),a=Le(e.token);return e.paramLocation==="search"?s.searchParams.set(e.paramKey,a):e.paramLocation==="hash"&&(s.hash=e.paramKey+"="+encodeURIComponent(a)),s.searchParams.set("sdkVersion",ie),r&&s.searchParams.set("renderingContext",r),o&&s.searchParams.set("theme",o),s.toString()}catch(i){t==null||t(new D);return}}function q(e){let o=K(e).path;if(!o||typeof o!="string")throw new D;return{token:e,tokenType:"oneTime",baseUrl:o,paramKey:"token",paramLocation:"search"}}var Se=1e4;function X({iframeRef:e,token:n,onError:o,methods:t}){let[i,r]=ce(null);return J(()=>{if(!e.current)return;let s=De({iframe:e.current,childOrigin:"*",debug:!0,timeout:Se,methods:t});return s.promise.then(()=>{r(s)}).catch(a=>{o==null||o(a),r(null)}),()=>{s.destroy(),r(null)}},[n,e]),i}function Z({tokenData:e,renderingContext:n,theme:o,onError:t}){let i=W(t),r=W(n);return ae(()=>{if(e)return se({tokenData:e,renderingContext:r.current,theme:o,onError:i.current})},[e,o,i,r])}function j(e){let{oneTimeToken:n,enableLogging:o,onError:t,renderingContext:i,theme:r,methods:s}=e,{tokenData:a,error:l,invalidateToken:m}=G(),{log:C,warn:P}=w(o),[v,b]=ce(!1),T=W(null);Re(l,t);let E=ae(()=>n?q(n):a,[n,a]),I=we(()=>{if(C("Token expired, invalidating..."),n){t==null||t(new y({message:"Token expired. Cannot automatically refresh when using token prop.",code:k.unauthorized}));return}m(),b(!1)},[n,m,C,t]);J(()=>{n&&a&&P("token was provided both from provider and from the token prop. the prop will take precedence")},[n,a,P]);let x=Z({tokenData:E,renderingContext:i,theme:r,onError:t}),u=X({iframeRef:T,token:E==null?void 0:E.token,onError:A=>{t==null||t(A),b(!0)},methods:c({onLoad:()=>{b(!0)},onError:A=>{let ve=new y(A);t==null||t(ve)},onTokenExpired:I},s)});return{isLoaded:v,url:x,tokenData:E,iframeRef:T,connection:u}}function Re(e,n){let o=W(!1);J(()=>{e&&!o.current&&(n==null||n(e),o.current=!0)},[e,n])}import{iframeResizer as Fe}from"iframe-resizer";import ze,{forwardRef as He,useEffect as Be,useImperativeHandle as Ne,useRef as _e}from"react";var M=He((e,n)=>{let o=e.title||"iframe",{iframeHTMLAttributes:t,resizerOptions:i}=We(e),r=_e(null);return Be(()=>{let s=r.current;return Fe(c({},i),s),()=>s.iFrameResizer&&s.iFrameResizer.removeListeners()}),Ne(n,()=>r.current),ze.createElement("iframe",d(c({},t),{title:o,ref:r}))});M.displayName="IframeResizer";var Ue=["autoResize","bodyBackground","bodyMargin","bodyPadding","checkOrigin","inPageLinks","heightCalculationMethod","interval","log","maxHeight","maxWidth","minHeight","minWidth","resizeFrom","scrolling","sizeHeight","sizeWidth","warningTimeout","tolerance","widthCalculationMethod","onClosed","onInit","onMessage","onResized","onScroll"],qe=new Set(Ue);function We(e){return Object.keys(e).reduce((o,t)=>{let i=e[t];return qe.has(t)?i!==void 0&&(o.resizerOptions[t]=e[t]):o.iframeHTMLAttributes[t]=e[t],o},{resizerOptions:{},iframeHTMLAttributes:{}})}function de(e){let{oneTimeToken:n,enableLogging:o,onExchangeComplete:t,onExchangeError:i}=e,r=R(o),s=$e(null),a=Ve(()=>q(n),[n]),m=Z({tokenData:a,onError:i,renderingContext:{entryPoint:"tokenExchange"}});return X({iframeRef:s,token:n,onError:i,methods:{onLoad:()=>{},onError:C=>{i==null||i(new y(C))},tokenExchange:{onLongLivedToken:t}}}),je.createElement(M,{src:m,checkOrigin:!1,style:{display:"none"},log:r,ref:s})}var Q={enableLogging:!1},Y="[CapitalOS] ",V={log:(e,n=Q)=>{n.enableLogging&&console.log(`${Y}${e}`)},warn:(e,n=Q)=>{n.enableLogging&&console.warn(`${Y}${e}`)},error:(e,n=Q)=>{n.enableLogging&&console.error(`${Y}${e}`)}};import F,{createContext as Ge,useState as Qe,useMemo as ge,useCallback as Ye}from"react";import Ke from"react";import{useMemo as Je}from"react";function le(l){var m=l,{onDone:e,onCancel:n,mfaId:o,destination:t,codeLength:i,canResendAfter:r,operationName:s}=m,a=h(m,["onDone","onCancel","mfaId","destination","codeLength","canResendAfter","operationName"]);let C="mfa",P=Je(()=>({entryPoint:C,mfaId:o,destination:t,codeLength:i,canResendAfter:r,operationName:s}),[C,o,t,i,r,s]);return Ke.createElement(p,d(c({},a),{renderingContext:P,methods:{mfa:{onDone:e,onCancel:n}}}))}import pe,{useEffect as Xe}from"react";var ue={backdrop:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.4)",backdropFilter:"blur(2px)",zIndex:1e3,display:"flex",alignItems:"center",justifyContent:"center",padding:"20px"},container:{backgroundColor:"white",borderRadius:"8px",boxShadow:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05)",maxWidth:"600px",width:"100%",maxHeight:"90vh",overflow:"hidden",position:"relative"}};function me({onClose:e,children:n,ariaLabel:o="Modal dialog"}){Xe(()=>{let i=r=>{r.key==="Escape"&&e()};return document.addEventListener("keydown",i),()=>{document.removeEventListener("keydown",i)}},[e]);let t=i=>{i.target===i.currentTarget&&e()};return pe.createElement("div",{style:ue.backdrop,onClick:t,role:"dialog","aria-modal":"true","aria-label":o},pe.createElement("div",{style:ue.container},n))}import{useState as Ze,useCallback as $}from"react";function fe(){var m;let[e,n]=Ze(null),{log:o}=w(),t=$(C=>(o("MFA requested"),new Promise((P,v)=>{n({context:C,resolve:P,reject:v})})),[o]),i=$(()=>{e&&(o("MFA completed successfully"),e.resolve({success:!0,canceled:!1,data:void 0}),n(null))},[e,o]),r=$(()=>{e&&(o("MFA canceled"),e.resolve({success:!1,canceled:!0}),n(null))},[e,o]),s=$(C=>{e&&(o("MFA error: "+C.message),e.resolve({success:!1,canceled:!1,error:C}),n(null))},[e,o]),a=!!e,l=(m=e==null?void 0:e.context)!=null?m:null;return{activeMfaRequest:e,isMfaActive:a,mfaContext:l,requestMfa:t,handleMfaDone:i,handleMfaCancel:r,handleMfaError:s}}var ee=Ge(null);function Ce({children:e}){let[n,o]=Qe(null),{log:t}=w(),{requestMfa:i,handleMfaDone:r,handleMfaCancel:s,isMfaActive:a,mfaContext:l}=fe(),m=Ye(x=>L(this,null,function*(){let u=yield i(x);return u.success?{success:!0}:u.canceled?{success:!1,canceled:!0}:{success:!1,error:u.error.message}}),[i]),C=ge(()=>n?{freezeCard:x=>L(this,null,function*(){try{let u=yield n.freezeCard(x);return u.success?{success:!0,canceled:!1,data:u.data}:u.canceled?{success:!1,canceled:!0}:{success:!1,canceled:!1,error:new y({code:k.internal_error,message:u.error})}}catch(u){return{success:!1,canceled:!1,error:new y({code:k.internal_error,message:u instanceof Error?u.message:"Communication error with iframe"})}}}),unfreezeCard:x=>L(this,null,function*(){try{let u=yield n.unfreezeCard(x);return u.success?{success:!0,canceled:!1,data:u.data}:u.canceled?{success:!1,canceled:!0}:{success:!1,canceled:!1,error:new y({code:k.internal_error,message:u.error})}}catch(u){return{success:!1,canceled:!1,error:new y({code:k.internal_error,message:u instanceof Error?u.message:"Communication error with iframe"})}}})}:null,[n]),P=ge(()=>({"system-messages":{requestMfa:m},mfa:{onDone:r,onCancel:s}}),[m,r,s]),{isLoaded:v,url:b,connection:T,iframeRef:E}=j({renderingContext:{entryPoint:"actions"},methods:P});F.useEffect(()=>{let x=!0;return T&&T.promise.then(u=>{x&&(o(u),t("Actions iframe child functions loaded"))}),()=>{x=!1}},[T,t]);let I=!v||!n;return F.createElement(ee.Provider,{value:{childFunctions:n,actions:C,isLoading:I}},e,b&&F.createElement(M,{src:b,style:{display:"none"},checkOrigin:!1,ref:E}),a&&l&&F.createElement(me,{onClose:s,ariaLabel:"Multi-factor authentication"},F.createElement(le,d(c({mfaId:l.mfaId,destination:l.destination,codeLength:l.codeLength,canResendAfter:l.canResendAfter},l.operationName&&{operationName:l.operationName}),{onDone:r,onCancel:s}))))}var he=en({isLoading:!1,invalidateToken:()=>{},enableLogging:!1}),tn=({getToken:e,enableLogging:n,children:o})=>{let[t,i]=H(void 0),[r,s]=H(void 0),[a,l]=H(void 0),[m,C]=H(!1),[P,v]=H(void 0),b=S(()=>L(void 0,null,function*(){C(!0);try{let x=yield e();i(x),v(void 0);let u=K(x),A=new URL(u.path);A.pathname="",s(A.toString())}catch(x){v(x)}finally{C(!1)}}),[e]),T=S(()=>{l(void 0)},[]);on(()=>{a||b()},[a,b]);let E=S(x=>{l(x),i(void 0),v(void 0)},[]),I=xe(()=>{if(a&&!r)throw new y({message:"baseUrl is required for long lived tokens",code:k.unauthorized});return{tokenData:a?{token:a,tokenType:"longLived",baseUrl:r,paramKey:"access_token",paramLocation:"hash"}:void 0,isLoading:m,error:P,invalidateToken:T,enableLogging:n!=null?n:!1}},[a,m,P,T,r,n]);return z.createElement(z.Fragment,null,z.createElement(he.Provider,{value:I},z.createElement(Ce,null,o)),t&&!a&&z.createElement(de,{oneTimeToken:t,onExchangeComplete:E,enableLogging:n,onExchangeError:v}))},G=()=>nn(he);function R(e){let{enableLogging:n}=G();return e!==void 0?e:n}function w(e){let n=R(e),o=S(r=>{V.log(r,{enableLogging:n})},[n]),t=S(r=>{V.warn(r,{enableLogging:n})},[n]),i=S(r=>{V.error(r,{enableLogging:n})},[n]);return xe(()=>({log:o,warn:t,error:i}),[o,t,i])}function p(e){let{token:n,className:o,enableLogging:t,onError:i,loadingComponent:r,renderingContext:s,methods:a,theme:l,sizeWidth:m}=e,C=R(t),{isLoaded:P,url:v,tokenData:b,iframeRef:T}=j({oneTimeToken:n,enableLogging:C,onError:i,renderingContext:s,theme:l,methods:a});if(!b||!v)return B.createElement(B.Fragment,null,r||null);let E=s.entryPoint!=="insightsWidget";return B.createElement(B.Fragment,null,!P&&r,B.createElement(M,{src:v,allow:"clipboard-write",checkOrigin:!1,style:{width:"1px",height:"0px",minWidth:"100%"},className:o,log:C,ref:T,hidden:!P,onResized:I=>{if(!E)return;let x=`${parseInt(I.height)+12}px`;I.iframe.style.height=x},sizeWidth:m}))}import _,{useMemo as rn}from"react";import{useState as sn}from"react";import O,{useState as ye}from"react";var N={bugButton:{position:"fixed",left:"12px",bottom:"12px",margin:"12px",padding:"4px",display:"inline-flex",alignItems:"center",borderRadius:"9999px",border:"1px solid transparent",backgroundColor:"#2563eb",color:"white",opacity:.4,boxShadow:"0 1px 3px 0 rgb(0 0 0 / 0.1)",cursor:"pointer",zIndex:50,transition:"opacity 0.3s ease-in-out"},bugButtonHover:{backgroundColor:"#1d4ed8",opacity:1},bugButtonFocus:{outline:"none",boxShadow:"0 0 0 2px white, 0 0 0 4px #3b82f6"},bugIcon:{width:"20px",height:"20px"},loadingButton:{cursor:"default",opacity:1,animation:"pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite"}},Pe=()=>O.createElement("svg",{style:N.bugIcon,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor"},O.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 12.75c1.148 0 2.278.08 3.383.237 1.037.146 1.866.966 1.866 2.013 0 3.728-2.35 6.75-5.25 6.75S6.75 18.728 6.75 15c0-1.046.83-1.867 1.866-2.013A24.204 24.204 0 0 1 12 12.75Zm0 0c2.883 0 5.647.508 8.207 1.44a23.91 23.91 0 0 1-1.152 6.06M12 12.75c-2.883 0-5.647.508-8.208 1.44.125 2.104.52 4.136 1.153 6.06M12 12.75a2.25 2.25 0 0 0 2.248-2.354M12 12.75a2.25 2.25 0 0 1-2.248-2.354M12 8.25c.995 0 1.971-.08 2.922-.236.403-.066.74-.358.795-.762a3.778 3.778 0 0 0-.399-2.25M12 8.25c-.995 0-1.97-.08-2.922-.236-.402-.066-.74-.358-.795-.762a3.734 3.734 0 0 1 .4-2.253M12 8.25a2.25 2.25 0 0 0-2.248 2.146M12 8.25a2.25 2.25 0 0 1 2.248 2.146M8.683 5a6.032 6.032 0 0 1-1.155-1.002c.07-.63.27-1.222.574-1.747m.581 2.749A3.75 3.75 0 0 1 15.318 5m0 0c.427-.283.815-.62 1.155-.999a4.471 4.471 0 0 0-.575-1.752M4.921 6a24.048 24.048 0 0 0-.392 3.314c1.668.546 3.416.914 5.223 1.082M19.08 6c.205 1.08.337 2.187.392 3.314a23.882 23.882 0 0 1-5.223 1.082"}));function ne({onClick:e,isLoading:n=!1}){let[o,t]=ye(!1),[i,r]=ye(!1),s=c(c(c(c({},N.bugButton),n&&N.loadingButton),!n&&o&&N.bugButtonHover),!n&&i&&N.bugButtonFocus);return n?O.createElement("div",{style:s},O.createElement("style",null,`
|
|
1
|
+
"use client";var be=Object.defineProperty,Te=Object.defineProperties;var Le=Object.getOwnPropertyDescriptors;var W=Object.getOwnPropertySymbols;var ie=Object.prototype.hasOwnProperty,se=Object.prototype.propertyIsEnumerable;var re=(e,n,o)=>n in e?be(e,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[n]=o,c=(e,n)=>{for(var o in n||(n={}))ie.call(n,o)&&re(e,o,n[o]);if(W)for(var o of W(n))se.call(n,o)&&re(e,o,n[o]);return e},p=(e,n)=>Te(e,Le(n));var P=(e,n)=>{var o={};for(var t in e)ie.call(e,t)&&n.indexOf(t)<0&&(o[t]=e[t]);if(e!=null&&W)for(var t of W(e))n.indexOf(t)<0&&se.call(e,t)&&(o[t]=e[t]);return o};var D=(e,n,o)=>new Promise((t,r)=>{var i=m=>{try{a(o.next(m))}catch(d){r(d)}},s=m=>{try{a(o.throw(m))}catch(d){r(d)}},a=m=>m.done?t(m.value):Promise.resolve(m.value).then(i,s);a((o=o.apply(e,n)).next())});import h,{useMemo as y,useContext as fn}from"react";import U from"react";import H,{createContext as sn,useContext as an,useState as B,useMemo as ye,useCallback as R,useEffect as cn}from"react";import Je,{useMemo as Xe,useRef as Ze,useEffect as Ge}from"react";var v=class extends Error{constructor({message:n,code:o}){super(n),this.name="CapitalOSError",this.code=o}},L={unauthorized:"unauthorized",invalid_account_status:"invalid_account_status",unsupported_entry_point:"unsupported_entry_point",internal_error:"internal_error"},S=class extends v{constructor(n){super({message:`Invalid token ${n!=null?n:""}`,code:L.unauthorized}),this.name="CapitalOSInvalidTokenError"}};import{connect as Re,WindowMessenger as Fe}from"penpal";import{useCallback as ze,useEffect as z,useMemo as Y,useRef as V,useState as le}from"react";var ae="1.4.5-rc.1";function Ae(e){let n=JSON.stringify(e),o=btoa(n);return encodeURIComponent(o)}function G(e){try{let n=decodeURIComponent(e),o=atob(n);return JSON.parse(o)}catch(n){throw new S}}function Oe(e){try{return decodeURIComponent(e)}catch(n){return e}}function ce({tokenData:e,renderingContext:n,theme:o,onError:t}){try{let r=n?p(c({},n),{referer:window.location.href}):null,i=r?Ae(r):null,s=new URL(e.baseUrl),a=Oe(e.token);return e.paramLocation==="search"?s.searchParams.set(e.paramKey,a):e.paramLocation==="hash"&&(s.hash=e.paramKey+"="+encodeURIComponent(a)),s.searchParams.set("sdkVersion",ae),i&&s.searchParams.set("renderingContext",i),o&&s.searchParams.set("theme",o),s.toString()}catch(r){t==null||t(new S);return}}function j(e){let o=G(e).path;if(!o||typeof o!="string")throw new S;return{token:e,tokenType:"oneTime",baseUrl:o,paramKey:"token",paramLocation:"search"}}var De={enableLogging:!1},Se="[CapitalOS] ";function Q(e){return(n,o=De)=>{try{let t=`${Se}${n}`;o.logger?o.logger[e](t):o.enableLogging&&console[e](t)}catch(t){}}}var q={log:Q("log"),warn:Q("warn"),error:Q("error")};function K(e){try{return e.replace(/([?&#])(token|access_token)=([^&\s#]+)/gi,(n,o,t,r)=>{if(!r||r.length<=12)return`${o}${t}=***`;let i=r.substring(0,4),s=r.substring(r.length-4);return`${o}${t}=${i}...${s}`})}catch(n){return"[URL redacted due to processing error]"}}var de=1e4;function $e(e){return(...n)=>{try{let o=n.map(t=>{if(typeof t=="string")return t;if(t instanceof Error)return t.message;try{return JSON.stringify(t)}catch(r){return String(t)}}).join(" ");e(o)}catch(o){}}}function ee({iframeRef:e,token:n,onError:o,methods:t,iframeLabel:r}){let[i,s]=le(null),{log:a}=I(),m=Y(()=>$e(a),[a]);return z(()=>{let d=r?`[${r}] `:"";if(!e.current){a(`${d}Iframe ref not available - iframe element may not be mounted`);return}if(!e.current.contentWindow){a(`${d}Iframe contentWindow not accessible - may be blocked by browser security policy or CSP`);return}a(`${d}Establishing Penpal connection to iframe`);let l=!0,f=new Fe({remoteWindow:e.current.contentWindow,allowedOrigins:["*"]}),b=Re({messenger:f,methods:t,timeout:de,log:m});return b.promise.then(()=>{l&&(a(`${d}Penpal connection established successfully`),s(b))}).catch(k=>{l&&(a(`${d}Penpal connection failed: ${k.message}. Timeout: ${de}ms`),o==null||o(k),s(null))}),()=>{l=!1,a(`${d}Destroying Penpal connection (cleanup triggered - likely due to token or iframeRef change, or component unmount)`),b.destroy(),s(null)}},[n,e]),i}function ne({tokenData:e,renderingContext:n,theme:o,onError:t}){let r=V(t),i=V(n);return Y(()=>{if(e)return ce({tokenData:e,renderingContext:i.current,theme:o,onError:r.current})},[e,o,r,i])}function J(e){let{oneTimeToken:n,enableLogging:o,onError:t,renderingContext:r,theme:i,methods:s}=e,{tokenData:a,error:m,invalidateToken:d}=X(),{log:l,warn:f}=I(o),[b,k]=le(!1),E=V(null);He(m,t);let g=Y(()=>n?j(n):a,[n,a]);z(()=>{if(g){let u=g.token?`${g.token.substring(0,4)}...${g.token.substring(g.token.length-4)}`:"undefined";l(`[${r.entryPoint}] Token data available, type: ${g.tokenType}, token: ${u}, location: ${g.paramLocation}, key: ${g.paramKey}, baseUrl: ${g.baseUrl}`)}},[g]);let M=ze(()=>{if(l("Token expired, invalidating..."),n){t==null||t(new v({message:"Token expired. Cannot automatically refresh when using token prop.",code:L.unauthorized}));return}d(),k(!1)},[n,d,t]);z(()=>{n&&a&&f("token was provided both from provider and from the token prop. the prop will take precedence")},[n,a]);let T=ne({tokenData:g,renderingContext:r,theme:i,onError:t});z(()=>{T?l(`Iframe URL generated: ${K(T).substring(0,1024)}...`):g&&f("Failed to generate iframe URL despite having token data")},[T,g]);let x=ee({iframeRef:E,token:g==null?void 0:g.token,iframeLabel:r.entryPoint,onError:u=>{l(`Connection error: ${u.message}`),t==null||t(u),k(!0)},methods:c({onLoad:()=>{l("Iframe called onLoad()"),k(!0)},onError:u=>{let F=new v(u);l(`Iframe error: ${F.message}`),t==null||t(F)},onTokenExpired:M},s)});return{isLoaded:b,url:T,tokenData:g,iframeRef:E,connection:x}}function He(e,n){let o=V(!1);z(()=>{e&&!o.current&&(n==null||n(e),o.current=!0)},[e,n])}import{iframeResizer as Be}from"iframe-resizer";import Ue,{forwardRef as Ne,useEffect as _e,useImperativeHandle as We,useRef as je}from"react";var w=Ne((e,n)=>{let o=e.title||"iframe",{iframeHTMLAttributes:t,resizerOptions:r}=Ve(e),i=je(null);return _e(()=>{let s=i.current;return Be(c({},r),s),()=>s.iFrameResizer&&s.iFrameResizer.removeListeners()}),We(n,()=>i.current),Ue.createElement("iframe",p(c({},t),{title:o,ref:i}))});w.displayName="IframeResizer";var qe=["autoResize","bodyBackground","bodyMargin","bodyPadding","checkOrigin","inPageLinks","heightCalculationMethod","interval","log","maxHeight","maxWidth","minHeight","minWidth","resizeFrom","scrolling","sizeHeight","sizeWidth","warningTimeout","tolerance","widthCalculationMethod","onClosed","onInit","onMessage","onResized","onScroll"],Ke=new Set(qe);function Ve(e){return Object.keys(e).reduce((o,t)=>{let r=e[t];return Ke.has(t)?r!==void 0&&(o.resizerOptions[t]=e[t]):o.iframeHTMLAttributes[t]=e[t],o},{resizerOptions:{},iframeHTMLAttributes:{}})}function pe(e){let{oneTimeToken:n,enableLogging:o,onExchangeComplete:t,onExchangeError:r}=e,i=A(o),{log:s}=I(o),a=Ze(null),m=Xe(()=>j(n),[n]),l=ne({tokenData:m,onError:r,renderingContext:{entryPoint:"tokenExchange"}});return Ge(()=>{l&&s(`Token exchange iframe URL: ${K(l).substring(0,1024)}...`)},[l]),ee({iframeRef:a,token:n,iframeLabel:"token-exchange",onError:f=>{s(`Token exchange connection error: ${f.message}`),r==null||r(f)},methods:{onLoad:()=>{s("Token exchange iframe loaded")},onError:f=>{s(`Token exchange iframe error: ${f.message}`),r==null||r(new v(f))},tokenExchange:{onLongLivedToken:f=>{s("Token exchange complete: received long-lived token"),t(f)}}}}),Je.createElement(w,{src:l,checkOrigin:!1,style:{display:"none"},log:i,ref:a,onLoad:()=>{s("Token exchange iframe HTML loaded successfully")},onError:f=>{s(`Token exchange iframe failed to load: ${f}`)}})}import $,{createContext as on,useState as tn,useMemo as xe,useCallback as rn}from"react";import Qe from"react";import{useMemo as Ye}from"react";function ue(m){var d=m,{onDone:e,onCancel:n,mfaId:o,destination:t,codeLength:r,canResendAfter:i,operationName:s}=d,a=P(d,["onDone","onCancel","mfaId","destination","codeLength","canResendAfter","operationName"]);let l="mfa",f=Ye(()=>({entryPoint:l,mfaId:o,destination:t,codeLength:r,canResendAfter:i,operationName:s}),[l,o,t,r,i,s]);return Qe.createElement(C,p(c({},a),{renderingContext:f,methods:{mfa:{onDone:e,onCancel:n}}}))}import me,{useEffect as en}from"react";var fe={backdrop:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.4)",backdropFilter:"blur(2px)",zIndex:1e3,display:"flex",alignItems:"center",justifyContent:"center",padding:"20px"},container:{backgroundColor:"white",borderRadius:"8px",boxShadow:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05)",maxWidth:"600px",width:"100%",maxHeight:"90vh",overflow:"hidden",position:"relative"}};function ge({onClose:e,children:n,ariaLabel:o="Modal dialog"}){en(()=>{let r=i=>{i.key==="Escape"&&e()};return document.addEventListener("keydown",r),()=>{document.removeEventListener("keydown",r)}},[e]);let t=r=>{r.target===r.currentTarget&&e()};return me.createElement("div",{style:fe.backdrop,onClick:t,role:"dialog","aria-modal":"true","aria-label":o},me.createElement("div",{style:fe.container},n))}import{useState as nn,useCallback as Z}from"react";function Ce(){var d;let[e,n]=nn(null),{log:o}=I(),t=Z(l=>(o("MFA requested"),new Promise((f,b)=>{n({context:l,resolve:f,reject:b})})),[o]),r=Z(()=>{e&&(o("MFA completed successfully"),e.resolve({success:!0,canceled:!1,data:void 0}),n(null))},[e,o]),i=Z(()=>{e&&(o("MFA canceled"),e.resolve({success:!1,canceled:!0}),n(null))},[e,o]),s=Z(l=>{e&&(o("MFA error: "+l.message),e.resolve({success:!1,canceled:!1,error:l}),n(null))},[e,o]),a=!!e,m=(d=e==null?void 0:e.context)!=null?d:null;return{activeMfaRequest:e,isMfaActive:a,mfaContext:m,requestMfa:t,handleMfaDone:r,handleMfaCancel:i,handleMfaError:s}}var oe=on(null);function he({children:e}){let[n,o]=tn(null),t=A(),{log:r}=I(),{requestMfa:i,handleMfaDone:s,handleMfaCancel:a,isMfaActive:m,mfaContext:d}=Ce(),l=rn(x=>D(null,null,function*(){let u=yield i(x);return u.success?{success:!0}:u.canceled?{success:!1,canceled:!0}:{success:!1,error:u.error.message}}),[i]),f=xe(()=>n?{freezeCard:x=>D(null,null,function*(){try{let u=yield n.freezeCard(x);return u.success?{success:!0,canceled:!1,data:u.data}:u.canceled?{success:!1,canceled:!0}:{success:!1,canceled:!1,error:new v({code:L.internal_error,message:u.error})}}catch(u){return{success:!1,canceled:!1,error:new v({code:L.internal_error,message:u instanceof Error?u.message:"Communication error with iframe"})}}}),unfreezeCard:x=>D(null,null,function*(){try{let u=yield n.unfreezeCard(x);return u.success?{success:!0,canceled:!1,data:u.data}:u.canceled?{success:!1,canceled:!0}:{success:!1,canceled:!1,error:new v({code:L.internal_error,message:u.error})}}catch(u){return{success:!1,canceled:!1,error:new v({code:L.internal_error,message:u instanceof Error?u.message:"Communication error with iframe"})}}})}:null,[n]),b=xe(()=>({"system-messages":{requestMfa:l},mfa:{onDone:s,onCancel:a}}),[l,s,a]),{isLoaded:k,url:E,connection:g,iframeRef:M}=J({renderingContext:{entryPoint:"actions"},methods:b});$.useEffect(()=>{let x=!0;return g&&g.promise.then(u=>{x&&(o(u),r("Actions iframe child functions loaded"))}),()=>{x=!1}},[g]);let T=!k||!n;return $.createElement(oe.Provider,{value:{childFunctions:n,actions:f,isLoading:T}},e,E&&$.createElement(w,{src:E,style:{display:"none"},checkOrigin:!1,log:t,ref:M,onLoad:()=>{r("Actions iframe HTML loaded successfully")},onError:x=>{r(`Actions iframe failed to load: ${x}. This may indicate network issues or security policy blocking.`)}}),m&&d&&$.createElement(ge,{onClose:a,ariaLabel:"Multi-factor authentication"},$.createElement(ue,p(c({mfaId:d.mfaId,destination:d.destination,codeLength:d.codeLength,canResendAfter:d.canResendAfter},d.operationName&&{operationName:d.operationName}),{onDone:s,onCancel:a}))))}var Pe=sn({isLoading:!1,invalidateToken:()=>{},enableLogging:!1}),dn=({getToken:e,enableLogging:n,logger:o,children:t})=>{let[r,i]=B(void 0),[s,a]=B(void 0),[m,d]=B(void 0),[l,f]=B(!1),[b,k]=B(void 0),E=R(()=>D(null,null,function*(){f(!0);try{let x=yield e();i(x),k(void 0);let u=G(x),F=new URL(u.path);F.pathname="",a(F.toString())}catch(x){k(x)}finally{f(!1)}}),[e]),g=R(()=>{d(void 0)},[]);cn(()=>{m||E()},[m,E]);let M=R(x=>{d(x),i(void 0),k(void 0)},[]),T=ye(()=>{if(m&&!s)throw new v({message:"baseUrl is required for long lived tokens",code:L.unauthorized});return{tokenData:m?{token:m,tokenType:"longLived",baseUrl:s,paramKey:"access_token",paramLocation:"hash"}:void 0,isLoading:l,error:b,invalidateToken:g,enableLogging:n!=null?n:!1,logger:o}},[m,l,b,g,s,n]);return H.createElement(H.Fragment,null,H.createElement(Pe.Provider,{value:T},H.createElement(he,null,t)),r&&!m&&H.createElement(pe,{oneTimeToken:r,onExchangeComplete:M,enableLogging:n,onExchangeError:k}))},X=()=>an(Pe);function A(e){let{enableLogging:n}=X();return e!==void 0?e:n}function I(e){let n=A(e),{logger:o}=X(),t=R(s=>{q.log(s,{enableLogging:n,logger:o})},[n]),r=R(s=>{q.warn(s,{enableLogging:n,logger:o})},[n]),i=R(s=>{q.error(s,{enableLogging:n,logger:o})},[n]);return ye(()=>({log:t,warn:r,error:i}),[t,r,i])}function C(e){let{token:n,className:o,enableLogging:t,onError:r,loadingComponent:i,renderingContext:s,methods:a,theme:m,sizeWidth:d}=e,l=A(t),{log:f}=I(t),{isLoaded:b,url:k,tokenData:E,iframeRef:g}=J({oneTimeToken:n,enableLogging:l,onError:r,renderingContext:s,theme:m,methods:a});if(!E||!k)return U.createElement(U.Fragment,null,i||null);let M=s.entryPoint!=="insightsWidget";return U.createElement(U.Fragment,null,!b&&i,U.createElement(w,{src:k,allow:"clipboard-write",checkOrigin:!1,style:{width:"1px",height:"0px",minWidth:"100%"},className:o,log:l,ref:g,hidden:!b,onLoad:()=>{f(`Main iframe HTML loaded successfully for entry point: ${s.entryPoint}`)},onError:T=>{f(`Main iframe failed to load: ${T}. This may indicate network issues, firewall blocking, or CSP violations.`)},onResized:T=>{if(!M)return;let x=`${parseInt(T.height)+12}px`;T.iframe.style.height=x},sizeWidth:d}))}import _,{useMemo as ln}from"react";import{useState as pn}from"react";import O,{useState as ve}from"react";var N={bugButton:{position:"fixed",left:"12px",bottom:"12px",margin:"12px",padding:"4px",display:"inline-flex",alignItems:"center",borderRadius:"9999px",border:"1px solid transparent",backgroundColor:"#2563eb",color:"white",opacity:.4,boxShadow:"0 1px 3px 0 rgb(0 0 0 / 0.1)",cursor:"pointer",zIndex:50,transition:"opacity 0.3s ease-in-out"},bugButtonHover:{backgroundColor:"#1d4ed8",opacity:1},bugButtonFocus:{outline:"none",boxShadow:"0 0 0 2px white, 0 0 0 4px #3b82f6"},bugIcon:{width:"20px",height:"20px"},loadingButton:{cursor:"default",opacity:1,animation:"pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite"}},ke=()=>O.createElement("svg",{style:N.bugIcon,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor"},O.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 12.75c1.148 0 2.278.08 3.383.237 1.037.146 1.866.966 1.866 2.013 0 3.728-2.35 6.75-5.25 6.75S6.75 18.728 6.75 15c0-1.046.83-1.867 1.866-2.013A24.204 24.204 0 0 1 12 12.75Zm0 0c2.883 0 5.647.508 8.207 1.44a23.91 23.91 0 0 1-1.152 6.06M12 12.75c-2.883 0-5.647.508-8.208 1.44.125 2.104.52 4.136 1.153 6.06M12 12.75a2.25 2.25 0 0 0 2.248-2.354M12 12.75a2.25 2.25 0 0 1-2.248-2.354M12 8.25c.995 0 1.971-.08 2.922-.236.403-.066.74-.358.795-.762a3.778 3.778 0 0 0-.399-2.25M12 8.25c-.995 0-1.97-.08-2.922-.236-.402-.066-.74-.358-.795-.762a3.734 3.734 0 0 1 .4-2.253M12 8.25a2.25 2.25 0 0 0-2.248 2.146M12 8.25a2.25 2.25 0 0 1 2.248 2.146M8.683 5a6.032 6.032 0 0 1-1.155-1.002c.07-.63.27-1.222.574-1.747m.581 2.749A3.75 3.75 0 0 1 15.318 5m0 0c.427-.283.815-.62 1.155-.999a4.471 4.471 0 0 0-.575-1.752M4.921 6a24.048 24.048 0 0 0-.392 3.314c1.668.546 3.416.914 5.223 1.082M19.08 6c.205 1.08.337 2.187.392 3.314a23.882 23.882 0 0 1-5.223 1.082"}));function te({onClick:e,isLoading:n=!1}){let[o,t]=ve(!1),[r,i]=ve(!1),s=c(c(c(c({},N.bugButton),n&&N.loadingButton),!n&&o&&N.bugButtonHover),!n&&r&&N.bugButtonFocus);return n?O.createElement("div",{style:s},O.createElement("style",null,`
|
|
2
2
|
@keyframes pulse {
|
|
3
3
|
0%, 100% {
|
|
4
4
|
opacity: 1;
|
|
@@ -7,5 +7,5 @@
|
|
|
7
7
|
opacity: 0.4;
|
|
8
8
|
}
|
|
9
9
|
}
|
|
10
|
-
`),O.createElement(
|
|
10
|
+
`),O.createElement(ke,null)):O.createElement("button",{id:"dev-tools-button",onClick:e,type:"button",style:s,onMouseEnter:()=>t(!0),onMouseLeave:()=>t(!1),onFocus:()=>i(!0),onBlur:()=>i(!1)},O.createElement(ke,null))}var un={panel:{position:"fixed",bottom:"20px",left:"20px",zIndex:50}};function mn(e){let n="devTools",o=ln(()=>({entryPoint:n}),[n]),[t,r]=pn(!1);return _.createElement("aside",{"aria-label":"CapitalOS dev tools"},!t&&_.createElement(te,{onClick:()=>r(!t)}),t&&_.createElement("div",{style:un.panel},_.createElement(C,p(c({},e),{renderingContext:o,methods:{devTools:{onClose:()=>r(!1)}},enableLogging:!0,sizeWidth:!0,loadingComponent:_.createElement(te,{isLoading:!0})}))))}function gn(e){let n="cardsApp",o=y(()=>({entryPoint:n}),[n]);return h.createElement(C,p(c({},e),{renderingContext:o}))}var it=gn;function st(r){var i=r,{cardholder:e,onDone:n,onCancel:o}=i,t=P(i,["cardholder","onDone","onCancel"]);let s="createCard",a=y(()=>({entryPoint:s,cardholder:e}),[e]);return h.createElement(C,p(c({},t),{renderingContext:a,methods:{createCard:{onDone:n,onCancel:o}}}))}function at(r){var i=r,{transactionId:e,onDone:n,onCancel:o}=i,t=P(i,["transactionId","onDone","onCancel"]);let s="createDispute",a=y(()=>({entryPoint:s,transactionId:e}),[e]);return h.createElement(C,p(c({},t),{renderingContext:a,methods:{createDispute:{onDone:n,onCancel:o}}}))}function ct(e){let n="billPayApp",o=y(()=>({entryPoint:n}),[n]);return h.createElement(C,p(c({},e),{renderingContext:o}))}function dt(e){let s=e,{onCardCanceled:n,onHideSensitiveDetails:o}=s,t=P(s,["onCardCanceled","onHideSensitiveDetails"]),r="cardDetails",i=y(()=>({entryPoint:r,cardId:e.cardId,cardOnly:e.cardOnly,backOnly:e.backOnly,hideAddress:e.hideAddress}),[r,e.cardId,e.cardOnly,e.backOnly,e.hideAddress]);return h.createElement(C,p(c({},t),{renderingContext:i,methods:{cardDetails:{onCardCanceled:n!=null?n:()=>{},onHideSensitiveDetails:o!=null?o:()=>{}}}}))}function lt(e){let n="accountDetails",o=y(()=>({entryPoint:n}),[n]);return h.createElement(C,p(c({},e),{renderingContext:o}))}function pt(e){let n="accountActions",o=y(()=>({entryPoint:n}),[n]);return h.createElement(C,p(c({},e),{renderingContext:o}))}function ut(o){var t=o,{onClose:e}=t,n=P(t,["onClose"]);let r="manageBankConnections",i=y(()=>({entryPoint:r}),[r]);return h.createElement(C,p(c({},n),{renderingContext:i,methods:{manageBankConnections:{onClose:e}}}))}function mt(o){var t=o,{onClose:e}=t,n=P(t,["onClose"]);let r="configureAutoPay",i=y(()=>({entryPoint:r}),[r]);return h.createElement(C,p(c({},n),{renderingContext:i,methods:{configureAutoPay:{onClose:e}}}))}function ft(o){var t=o,{onClose:e}=t,n=P(t,["onClose"]);let r="policySettings",i=y(()=>({entryPoint:r}),[r]);return h.createElement(C,p(c({},n),{renderingContext:i,methods:{policySettings:{onClose:e}}}))}function gt(r){var i=r,{cardId:e,onClose:n,inlineCardOnFile:o}=i,t=P(i,["cardId","onClose","inlineCardOnFile"]);let s="connectToVendors",a=y(()=>({entryPoint:s,cardId:e,inlineCardOnFile:o}),[s,e,o]);return h.createElement(C,p(c({},t),{renderingContext:a,methods:{connectToVendors:{onClose:n}}}))}function Ct(e){let n="insightsDashboard",o=y(()=>({entryPoint:n}),[n]);return h.createElement(C,p(c({},e),{renderingContext:o}))}function xt(e){let n="insightsWidget",{widget:o,hideTitle:t,height:r,width:i}=e,s=y(()=>({entryPoint:n,widget:o,hideTitle:t,height:r,width:i}),[n,o,t,r,i]);return h.createElement(C,p(c({},e),{renderingContext:s}))}function ht(r){var i=r,{onDone:e,entryPoint:n,exitPoint:o}=i,t=P(i,["onDone","entryPoint","exitPoint"]);let s="onboarding",a=y(()=>({entryPoint:s,onboardingEntryPoint:n,onboardingExitPoint:o}),[s,n,o]);return h.createElement(C,p(c({},t),{renderingContext:a,methods:{onboarding:{onDone:e}}}))}function yt(o){var t=o,{onDone:e}=t,n=P(t,["onDone"]);let r="makePayment",i=y(()=>({entryPoint:r}),[r]);return h.createElement(C,p(c({},n),{renderingContext:i,methods:{makePayment:{onDone:e}}}))}function Pt(t){var r=t,{onDone:e,onCancel:n}=r,o=P(r,["onDone","onCancel"]);let i="contactSupport",s=y(()=>({entryPoint:i}),[i]);return h.createElement(C,p(c({},o),{renderingContext:s,methods:{contactSupport:{onDone:e,onCancel:n}}}))}function vt(o){var t=o,{onDone:e}=t,n=P(t,["onDone"]);let r="statements",i=y(()=>({entryPoint:r}),[r]);return h.createElement(C,p(c({},n),{renderingContext:i,methods:{statements:{onDone:e}}}))}function kt(o){var t=o,{onDone:e}=t,n=P(t,["onDone"]);let r="legalDocuments",i=y(()=>({entryPoint:r}),[r]);return h.createElement(C,p(c({},n),{renderingContext:i,methods:{legalDocuments:{onDone:e}}}))}function bt(r){var i=r,{cardId:e,onDone:n,onClose:o}=i,t=P(i,["cardId","onDone","onClose"]);let s="replaceCard",a=y(()=>({entryPoint:s,cardId:e}),[e]);return h.createElement(C,p(c({},t),{renderingContext:a,methods:{replaceCard:{onDone:n,onClose:o}}}))}function Tt(r){var i=r,{cardId:e,onDone:n,onClose:o}=i,t=P(i,["cardId","onDone","onClose"]);let s="terminateCard",a=y(()=>({entryPoint:s,cardId:e}),[e]);return h.createElement(C,p(c({},t),{renderingContext:a,methods:{terminateCard:{onDone:n,onClose:o}}}))}function Lt(e){let n="transactions",o=y(()=>({entryPoint:n}),[n]);return h.createElement(C,p(c({},e),{renderingContext:o}))}function It(){let e=fn(oe);if(!e)throw new v({message:"useActions must be used within a CapitalOsAuthenticationProvider",code:L.internal_error});let{childFunctions:n,isLoading:o}=e;return{actions:n,isLoading:o}}export{pt as AccountActions,lt as AccountDetails,it as App,ct as BillPayApp,dn as CapitalOsAuthenticationProvider,dt as CardDetails,gn as CardsApp,mt as ConfigureAutoPay,gt as ConnectToVendors,Pt as ContactSupport,mn as DevTools,at as DisputeTransaction,Ct as InsightsDashboard,xt as InsightsWidget,st as IssueCard,kt as LegalDocuments,yt as MakePayment,ut as ManageBankConnections,ht as Onboarding,ft as PolicySettings,bt as ReplaceCard,vt as Statements,Tt as TerminateCard,Lt as Transactions,It as useActions};
|
|
11
11
|
//# sourceMappingURL=index.js.map
|