@moneykit/connect 0.3.1 → 0.3.4

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/index.js CHANGED
@@ -1 +1 @@
1
- import c from"query-string";var h=(n=>(n[n.largeTitle=0]="largeTitle",n[n.title1=1]="title1",n[n.title2=2]="title2",n[n.title3=3]="title3",n[n.body=4]="body",n[n.smallBody=5]="smallBody",n[n.button=6]="button",n[n.input=7]="input",n))(h||{});var d={colors:{accent:"#0077ff",primaryBackground:{light:"#fff",dark:"#212124"},secondaryBackground:{light:"#f2f2f5",dark:"#212124"},primaryContent:{light:"#fff",dark:"#343438"},secondaryContent:{light:"#f5f5f5",dark:"#343438"},primaryForeground:{light:"#111",dark:"#fff"},secondaryForeground:{light:"rgba(67, 67, 76, 0.6)",dark:"rgba(235, 235, 245, 0.6)"},tertiaryForeground:{light:"rgba(67, 67, 76, 0.3)",dark:"rgba(235, 234, 244, 0.3)"},primaryFill:{light:"rgba(120, 120, 128, 0.2)",dark:"rgba(120, 120, 128, 0.36)"},secondaryFill:{light:"rgba(120, 120, 128, 0.16)",dark:"rgba(120, 120, 128, 0.32)"},tertiaryFill:{light:"rgba(118, 118, 128, 0.12)",dark:"rgba(118, 118, 128, 0.24)"},success:{light:"#00ca32",dark:"#35DE5F"},warning:{light:"#ff9500",dark:"#FF9400"},error:{light:"#dd2424",dark:"#FA4242"},separator:{light:"rgba(60, 60, 67, 0.06)",dark:"rgba(84, 84, 88, 0.4)"},selection:{light:"rgba(120, 120, 128, 0.28)",dark:"rgba(120, 120, 128, 0.48)"}},typography:{fontFamily:"Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif",largeTitle:{size:"34px",lineHeight:"41px",letterSpacing:"-0.01em",weight:700},title1:{size:"28px",lineHeight:"34px",letterSpacing:"-0.03em",weight:700},title2:{size:"22px",lineHeight:"28px",letterSpacing:"0",weight:700},title3:{size:"20px",lineHeight:"24px",letterSpacing:"0",weight:700},body:{size:"17px",lineHeight:"24px",letterSpacing:"-0.01em",weight:500},smallBody:{size:"11px",lineHeight:"16px",letterSpacing:"-0.0225em",weight:400},button:{size:"18px",lineHeight:"24px",letterSpacing:"-1%",weight:700},input:{size:"19px",lineHeight:"24px",letterSpacing:"-0.02em",weight:500}},images:{close:"/images/close.svg",search:"/images/search.svg",spinner:"/images/spinner.png"},spacing:{contentHorizontalInset:"32px",buttonHorizontalInset:"24px"},components:{navigationBar:{height:"64px"},contentView:{borderRadius:"16px",boxShadow:{light:"none",dark:"inset 0 0 0 1px rgba(228, 227, 243, 0.04)"},border:null,separatorStyle:"all_except_last"},buttonPrimary:{height:"48px",borderRadius:"24px",inheritInstitutionColor:!0},searchInput:{backgroundColor:{light:"rgba(118, 118, 128, 0.12)",dark:"rgba(118, 118, 128, 0.24)"},height:"50px",borderRadius:"16px",border:null,alignment:"center",focus:{glow:!0,backgroundColor:null,border:null,boxShadow:null}},textField:{backgroundColor:null,height:"54px",borderRadius:"0px",boxShadow:null,focus:{glow:!0,backgroundColor:null,border:null,boxShadow:null}},progressSpinner:{strokeWidth:8,diameter:56,lineCap:"round"},icon:{strokeWidth:8,lineCap:"round"},separator:{height:"1px"}},screens:{finder:{title:"Connect Your Bank",subtitle:null,searchPlaceholder:"Search Banks",institutionCellBoxShadow:null,institutionCellBorderRadius:"16px",institutionCellBorder:{light:"1px solid rgba(60, 60, 67, 0.1)",dark:"1px solid rgba(84, 84, 88, 0.4)"},institutionCellSpacing:"16px",institutionCellBackgroundColor:{light:"#fff",dark:"#212124"}}},modal:{borderRadius:"20px",boxShadow:{light:"0px 2px 4px rgba(0, 0, 0, 0.1), 0 40px 80px rgba(0,0,0,.15)",dark:"inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 0 0 1px black, 0px 6px 18px rgba(0, 0, 0, 0.3)"},overlayBackgroundColor:{light:"rgba(0, 0, 0, 0.4)",dark:"rgba(0, 0, 0, 0.75)"},overlayBackdropFilter:null},popover:{borderRadius:"24px",boxShadow:{light:"0px 0px 80px rgba(0, 0, 0, 0.16)",dark:"inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 0 0 1px black, 0px 6px 18px rgba(0, 0, 0, 0.3)"}}};var u={name:"@moneykit/connect",description:"MoneyKit Connect launcher for web.",version:"0.3.1",author:"MoneyKit",repository:{type:"git",url:"https://github.com/moneykit/connect-js.git"},types:"./types/index.d.ts",license:"MIT"};var p="https://connect.moneykit.com";function T(i,t){let e=document.createElement("iframe");e.id="moneykit-connect-frame",e.src=i,e.style.position="absolute",e.style.top="0",e.style.left="0",e.style.width="100%",e.style.height="100%",e.style.zIndex="999999";let o=t?document.getElementById(t):document.body;if(!o)throw new Error(`MoneyKit could not find container element with ID "${t}".`);return o.appendChild(e),e.addEventListener("load",function(){e.focus()}),e}function m(i){i.remove()}var y="moneykit.linkSessionToken",g=class{constructor(t={}){this.options={...t}}link(t,e,o,r){this.startLink(t,e,o,r)}relink(t,e,o,r){let s={...this.linkParametersFromOptions(),linkSessionToken:t,origin:window.location.origin},a=c.stringifyUrl({url:`${p}/relink`,query:s});this.launch(a,e,o,r)}continue(t,e,o,r){if(window.opener){window.opener.postMessage({moneykit:!0,type:"link.resume",eventData:{redirectURL:t}},p);return}this.continueLink(t,e,o,r)}__linkDirect(t,e,o,r){this.startLink(t,e,o,r,{viewMode:"direct"})}__continueDirect(t,e,o,r){this.continueLink(t,e,o,r,{viewMode:"direct"})}startLink(t,e,o,r,s){let a={...this.linkParametersFromOptions(),linkSessionToken:t,origin:window.location.origin,...s},l=c.stringifyUrl({url:`${p}/start`,query:a});localStorage.setItem(y,t),this.launch(l,e,o,r)}continueLink(t,e,o,r,s){let a=localStorage.getItem(y);a||console.warn("Unable to get MoneyKit link session token from local storage.");let l={...this.linkParametersFromOptions(),linkSessionToken:a,redirectURL:t,origin:window.location.origin,...s},n=c.stringifyUrl({url:`${p}/continue`,query:l});this.launch(n,e,o,r)}linkParametersFromOptions(){let t=this.options.applicationName??"",e=this.options.device??null,o=this.options.stepTimers??!0;return{applicationName:t,device:e,stepTimers:o,launcherVersion:u.version}}launch(t,e,o,r){let s=T(t,this.options.containerID),a=new AbortController,l=x(s,this.options.theme??d,a,e,o,r,this.options.__onDemoEvent);window.addEventListener("message",l,{signal:a.signal})}};function x(i,t,e,o,r,s,a){return l=>{if(l.origin!=p||!("moneykit"in l.data||"__moneykitDemo"in l.data))return;let n=l.data;switch(n.type){case"connect.started":l.source?.postMessage({moneykit:!0,type:"connect.set_theme",data:{theme:t}},{targetOrigin:p});break;case"link.complete":o&&n.data.exchangeableToken&&o(n.data.exchangeableToken,n.data.institution),m(i),e.abort();break;case"relink.complete":o&&o(n.data.institution),m(i),e.abort();break;case"link.exit":m(i),r&&r(n.data.error),e.abort();break;case"link.close_oauth":window.close();break;case"link.event":s&&s(n.data);break;case"demo.link.event":a&&a(n.data);break}}}var k=g,I=(i,t)=>{switch(t){case 0:return i.typography.largeTitle;case 1:return i.typography.title1;case 2:return i.typography.title2;case 3:return i.typography.title3;case 5:return i.typography.smallBody;case 6:return i.typography.button;case 7:return i.typography.input;default:return i.typography.body}};var E=k;export{h as ThemeTypographyTextStyle,E as default,d as moneyui,I as themeTypographyStyleForTextStyle};
1
+ import c from"query-string";var d={name:"@moneykit/connect",description:"MoneyKit Connect launcher for web.",version:"0.3.3",author:"MoneyKit",repository:{type:"git",url:"https://github.com/moneykit/connect-js.git"},types:"./types/index.d.ts",license:"MIT"};var k=(o=>(o[o.largeTitle=0]="largeTitle",o[o.title1=1]="title1",o[o.title2=2]="title2",o[o.title3=3]="title3",o[o.body=4]="body",o[o.smallBody=5]="smallBody",o[o.button=6]="button",o[o.input=7]="input",o))(k||{}),x=(r,t)=>{switch(t){case 0:return r.typography.largeTitle;case 1:return r.typography.title1;case 2:return r.typography.title2;case 3:return r.typography.title3;case 5:return r.typography.smallBody;case 6:return r.typography.button;case 7:return r.typography.input;default:return r.typography.body}};var m="http://localhost:3002";function T(r,t){let e=document.createElement("iframe");e.id="moneykit-connect-frame",e.src=r,e.style.position="absolute",e.style.top="0",e.style.left="0",e.style.width="100%",e.style.height="100%",e.style.zIndex="999999";let n=t?document.getElementById(t):document.body;if(!n)throw new Error(`MoneyKit could not find container element with ID "${t}".`);return n.appendChild(e),e.addEventListener("load",function(){e.focus()}),e}function p(r){r.remove()}var y="moneykit.linkSessionToken",h=class{constructor(t={}){this.options={...t}}link(t,e,n,i){this.startLink(t,e,n,i)}relink(t,e,n,i){this.startRelink(t,e,n,i)}continue(t,e,n,i){if(window.opener){window.opener.postMessage({moneykit:!0,type:"link.resume",eventData:{redirectURL:t}},m);return}this.continueLink(t,e,n,i)}__linkDirect(t,e,n,i){this.startLink(t,e,n,i,{viewMode:"direct"})}__relinkDirect(t,e,n,i){this.startRelink(t,e,n,i,{viewMode:"direct"})}__continueDirect(t,e,n,i){this.continueLink(t,e,n,i,{viewMode:"direct"})}startLink(t,e,n,i,l){let s={...this.linkParametersFromOptions(),linkSessionToken:t,origin:window.location.origin,...l},a=c.stringifyUrl({url:`${m}/start`,query:s});localStorage.setItem(y,t),this.launch(a,e,n,i)}startRelink(t,e,n,i,l){let s={...this.linkParametersFromOptions(),linkSessionToken:t,origin:window.location.origin,...l},a=c.stringifyUrl({url:`${m}/relink`,query:s});localStorage.setItem(y,t),this.launch(a,e,n,i)}continueLink(t,e,n,i,l){let s=localStorage.getItem(y);s||console.warn("Unable to get MoneyKit link session token from local storage.");let a={...this.linkParametersFromOptions(),linkSessionToken:s,redirectURL:t,origin:window.location.origin,...l},o=c.stringifyUrl({url:`${m}/continue`,query:a});this.launch(o,e,n,i)}linkParametersFromOptions(){let t=this.options.applicationName??"",e=this.options.device??null,n=this.options.stepTimers??!0;return{applicationName:t,device:e,stepTimers:n,launcherVersion:d.version}}launch(t,e,n,i){let l=T(t,this.options.containerID),s=new AbortController,a=C(l,s,e,n,i,this.options.__onDemoEvent,this.options.theme);window.addEventListener("message",a,{signal:s.signal})}};function C(r,t,e,n,i,l,s){return a=>{if(a.origin!=m||!("moneykit"in a.data||"__moneykitDemo"in a.data))return;let o=a.data;switch(o.type){case"connect.started":s&&a.source?.postMessage({moneykit:!0,type:"connect.set_theme",data:{theme:s}},{targetOrigin:m});break;case"link.complete":e&&o.data.exchangeableToken&&e(o.data.exchangeableToken,o.data.institution),p(r),t.abort();break;case"relink.complete":e&&e(o.data.institution),p(r),t.abort();break;case"link.exit":p(r),n&&n(o.data.error),t.abort();break;case"link.close_oauth":window.close();break;case"link.event":i&&i(o.data);break;case"demo.link.event":l&&l(o.data);break}}}var g=h;var E=g;export{k as ThemeTypographyTextStyle,E as default,x as themeTypographyStyleForTextStyle};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@moneykit/connect",
3
3
  "description": "MoneyKit Connect launcher for web.",
4
- "version": "0.3.1",
4
+ "version": "0.3.4",
5
5
  "author": "MoneyKit",
6
6
  "repository": {
7
7
  "type": "git",
@@ -15,4 +15,4 @@
15
15
  "module": "./index.js",
16
16
  "type": "module",
17
17
  "main": "./index.js"
18
- }
18
+ }
package/types/index.d.ts CHANGED
@@ -1,4 +1,3 @@
1
1
  import { default as MoneyKit } from "./lib/connect-launcher";
2
2
  export * from "./lib/connect-launcher";
3
- export * from "./lib/theme";
4
3
  export default MoneyKit;
@@ -1,4 +1,5 @@
1
- import { type Theme, type ThemeTypographyStyle, ThemeTypographyTextStyle } from "./theme";
1
+ import { type Theme } from "./connect-theme";
2
+ export * from "./connect-theme";
2
3
  export type Institution = {
3
4
  avatar: string | null;
4
5
  avatar_dark: string | null;
@@ -26,7 +27,7 @@ export type LinkedInstitution = Institution & {
26
27
  duration: number;
27
28
  }[];
28
29
  };
29
- export type MoneyKitDevice = "mobile" | "desktop";
30
+ export type MoneyKitDevice = "mobile" | "desktop" | "mobile-playground";
30
31
  export type MoneyKitOptions = {
31
32
  applicationName?: string;
32
33
  theme?: Theme;
@@ -51,11 +52,12 @@ declare class MoneyKit {
51
52
  relink(linkSessionToken: string, onRelinkSuccess?: RelinkSuccessCallback, onRelinkExit?: LinkExitCallback, onRelinkEvent?: LinkEventCallback): void;
52
53
  continue(redirectURL: string, onLinkSuccess?: LinkSuccessCallback, onLinkExit?: LinkExitCallback, onLinkEvent?: LinkEventCallback): void;
53
54
  __linkDirect(linkSessionToken: string, onLinkSuccess?: LinkSuccessCallback, onLinkExit?: LinkExitCallback, onLinkEvent?: LinkEventCallback): void;
55
+ __relinkDirect(linkSessionToken: string, onLinkSuccess?: RelinkSuccessCallback, onLinkExit?: LinkExitCallback, onLinkEvent?: LinkEventCallback): void;
54
56
  __continueDirect(redirectURL: string, onLinkSuccess?: LinkSuccessCallback, onLinkExit?: LinkExitCallback, onLinkEvent?: LinkEventCallback): void;
55
57
  private startLink;
58
+ private startRelink;
56
59
  private continueLink;
57
60
  private linkParametersFromOptions;
58
61
  private launch;
59
62
  }
60
63
  export default MoneyKit;
61
- export declare const themeTypographyStyleForTextStyle: (theme: Theme, textStyle: ThemeTypographyTextStyle) => ThemeTypographyStyle;
@@ -182,3 +182,4 @@ export type ThemeScreensFinder = {
182
182
  institutionCellSpacing: string;
183
183
  institutionCellBackgroundColor: ThemeDynamicColor | null;
184
184
  };
185
+ export declare const themeTypographyStyleForTextStyle: (theme: Theme, textStyle: ThemeTypographyTextStyle) => ThemeTypographyStyle;
@@ -1,3 +0,0 @@
1
- import { Theme } from "./types";
2
- export * from "./types";
3
- export declare const moneyui: Theme;