@moneykit/connect 0.3.4 → 0.3.6

package/index.js

@@ -1 +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};
+import c from"query-string";var d={name:"@moneykit/connect",description:"MoneyKit Connect launcher for web.",version:"0.3.6",author:"MoneyKit",repository:{type:"git",url:"https://github.com/moneykit/connect-js.git"},types:"./types/index.d.ts",license:"MIT"};var p="http://localhost:3002";function k(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 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 m(i){i.remove()}var g="moneykit.linkSessionToken",h=class{constructor(t={}){this.options={...t}}link(t,e,n,r){this.startLink(t,e,n,r)}relink(t,e,n,r){this.startRelink(t,e,n,r)}continue(t,e,n,r){if(window.opener){window.opener.postMessage({moneykit:!0,type:"link.resume",eventData:{redirectURL:t}},p);return}this.continueLink(t,e,n,r)}__linkDirect(t,e,n,r){this.startLink(t,e,n,r,{viewMode:"direct"})}__relinkDirect(t,e,n,r){this.startRelink(t,e,n,r,{viewMode:"direct"})}__continueDirect(t,e,n,r){this.continueLink(t,e,n,r,{viewMode:"direct"})}startLink(t,e,n,r,s){let l={...this.linkParametersFromOptions(),linkSessionToken:t,origin:window.location.origin,...s},a=c.stringifyUrl({url:`${p}/start`,query:l});localStorage.setItem(g,t),this.launch(a,e,n,r)}startRelink(t,e,n,r,s){let l={...this.linkParametersFromOptions(),linkSessionToken:t,origin:window.location.origin,...s},a=c.stringifyUrl({url:`${p}/relink`,query:l});localStorage.setItem(g,t),this.launch(a,e,n,r)}continueLink(t,e,n,r,s){let l=localStorage.getItem(g);l||console.warn("Unable to get MoneyKit link session token from local storage.");let a={...this.linkParametersFromOptions(),linkSessionToken:l,redirectURL:t,origin:window.location.origin,...s},o=c.stringifyUrl({url:`${p}/continue`,query:a});this.launch(o,e,n,r)}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,r){let s=k(t,this.options.containerID),l=new AbortController,a=T(s,l,e,n,r,this.options.__onDemoEvent,this.options.theme);window.addEventListener("message",a,{signal:l.signal})}};function T(i,t,e,n,r,s,l){return a=>{if(a.origin!=p||!("moneykit"in a.data||"__moneykitDemo"in a.data))return;let o=a.data;switch(o.type){case"connect.started":l&&a.source?.postMessage({moneykit:!0,type:"connect.set_theme",data:{theme:l}},{targetOrigin:p});break;case"link.complete":e&&o.data.exchangeableToken&&e(o.data.exchangeableToken,o.data.institution),m(i),t.abort();break;case"relink.complete":e&&e(o.data.institution),m(i),t.abort();break;case"link.exit":m(i),n&&n(o.data.error),t.abort();break;case"link.close_oauth":window.close();break;case"link.event":r&&r(o.data);break;case"demo.link.event":s&&s(o.data);break}}}var y=h;var b=(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))(b||{}),v=(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 f={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",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:"18px",lineHeight:"24px",letterSpacing:"0",weight:500}},images:{close:"/images/close.svg",search:"/images/search.svg",spinner:"/images/spinner.png"},spacing:{contentHorizontalInset:"28px",buttonHorizontalInset:"28px"},components:{navigationBar:{height:"64px"},contentView:{borderRadius:"12px",boxShadow:{light:"none",dark:"inset 0 0 0 1px rgba(228, 227, 243, 0.04)"},border:null,separatorStyle:"all_except_last"},buttonPrimary:{height:"44px",borderRadius:"12px",inheritInstitutionColor:!0},searchInput:{backgroundColor:{light:"rgba(118, 118, 128, 0.12)",dark:"rgba(118, 118, 128, 0.24)"},height:"48px",borderRadius:"12px",border:null,alignment:"center",focus:{glow:!0,backgroundColor:null,border:null,boxShadow:null}},textField:{backgroundColor:null,height:"52px",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:"12px",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 I=y;export{b as ThemeTypographyTextStyle,I as default,f as moneyui,v as themeTypographyStyleForTextStyle};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@moneykit/connect",
   "description": "MoneyKit Connect launcher for web.",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "author": "MoneyKit",
   "repository": {
     "type": "git",

package/types/index.d.ts

@@ -1,3 +0,0 @@
-import { default as MoneyKit } from "./lib/connect-launcher";
-export * from "./lib/connect-launcher";
-export default MoneyKit;

package/types/lib/connect-launcher.d.ts

@@ -1,63 +0,0 @@
-import { type Theme } from "./connect-theme";
-export * from "./connect-theme";
-export type Institution = {
-    avatar: string | null;
-    avatar_dark: string | null;
-    color: string;
-    color_dark: string | null;
-    country: string;
-    domain: string;
-    id: string;
-    logo: string | null;
-    logo_dark: string | null;
-    name: string;
-    search_group: "primary" | "secondary" | "tertiary";
-};
-export type AccountType = "depository.cash" | "depository.checking" | "depository.savings" | "depository.prepaid" | "depository.other" | "credit_card" | "loan.general" | "loan.mortgage" | "loan.other" | "investment" | "other";
-export type LinkedInstitution = Institution & {
-    selectedAccounts: {
-        account_id: string;
-        account_type: AccountType;
-        name: string;
-        account_mask: string | null;
-    }[];
-    trackedScreens: {
-        tag: string;
-        name: string;
-        duration: number;
-    }[];
-};
-export type MoneyKitDevice = "mobile" | "desktop" | "mobile-playground";
-export type MoneyKitOptions = {
-    applicationName?: string;
-    theme?: Theme;
-    device?: MoneyKitDevice;
-    stepTimers?: boolean;
-    containerID?: string;
-    __onDemoEvent?: LinkEventCallback;
-};
-export type LinkSuccessCallback = (exchangeableToken: string, institution: LinkedInstitution) => void;
-export type RelinkSuccessCallback = (institution: LinkedInstitution) => void;
-export type LinkExitCallback = (error: LinkExitError | null) => void;
-export type LinkEventCallback = (event: Record<string, unknown>) => void;
-export type LinkExitError = {
-    error_id: string;
-    displayed_message: string;
-    request_id: string | null;
-};
-declare class MoneyKit {
-    options: MoneyKitOptions;
-    constructor(options?: MoneyKitOptions);
-    link(linkSessionToken: string, onLinkSuccess?: LinkSuccessCallback, onLinkExit?: LinkExitCallback, onLinkEvent?: LinkEventCallback): void;
-    relink(linkSessionToken: string, onRelinkSuccess?: RelinkSuccessCallback, onRelinkExit?: LinkExitCallback, onRelinkEvent?: LinkEventCallback): void;
-    continue(redirectURL: string, onLinkSuccess?: LinkSuccessCallback, onLinkExit?: LinkExitCallback, onLinkEvent?: LinkEventCallback): void;
-    __linkDirect(linkSessionToken: string, onLinkSuccess?: LinkSuccessCallback, onLinkExit?: LinkExitCallback, onLinkEvent?: LinkEventCallback): void;
-    __relinkDirect(linkSessionToken: string, onLinkSuccess?: RelinkSuccessCallback, onLinkExit?: LinkExitCallback, onLinkEvent?: LinkEventCallback): void;
-    __continueDirect(redirectURL: string, onLinkSuccess?: LinkSuccessCallback, onLinkExit?: LinkExitCallback, onLinkEvent?: LinkEventCallback): void;
-    private startLink;
-    private startRelink;
-    private continueLink;
-    private linkParametersFromOptions;
-    private launch;
-}
-export default MoneyKit;

package/types/lib/connect-theme.d.ts

@@ -1,185 +0,0 @@
-export type Theme = {
-    colors: ThemeColors;
-    typography: ThemeTypography;
-    images: ThemeImages;
-    spacing: ThemeSpacing;
-    components: ThemeComponents;
-    screens: ThemeScreens;
-    modal: ThemeModal;
-    popover: ThemePopover;
-};
-export type ThemeAppearanceBasedValue<T> = {
-    light: T;
-    dark: T;
-};
-export type ThemeSize = string;
-export type ThemeFontFamily = string;
-export type ThemeBorderRadius = string;
-export type ThemeColor = string;
-export type ThemeDynamicColor = ThemeColor | ThemeAppearanceBasedValue<ThemeColor>;
-export type ThemeBoxShadow = string;
-export type ThemeDynamicBoxShadow = ThemeBoxShadow | ThemeAppearanceBasedValue<ThemeBoxShadow>;
-export type ThemeBorder = string;
-export type ThemeDynamicBorder = ThemeBorder | ThemeAppearanceBasedValue<ThemeBorder>;
-export type ThemeBackdropFilter = string;
-export type ThemeDynamicBackdropFilter = ThemeBackdropFilter | ThemeAppearanceBasedValue<ThemeBackdropFilter>;
-export type ThemeImageUrl = string;
-export type ThemeTransitionDuration = string | number;
-export type ThemeTransitionTimingFunction = string;
-export type ThemeTransform = string;
-export type ThemeOpacity = string | number;
-export type ThemeLineCap = "round" | "butt" | "square";
-export type ThemeSeparatorStyle = "all" | "all_except_last" | "none";
-export type ThemeModal = {
-    borderRadius: ThemeBorderRadius | null;
-    boxShadow: ThemeDynamicBoxShadow | null;
-    overlayBackgroundColor: ThemeDynamicColor | null;
-    overlayBackdropFilter: ThemeDynamicBackdropFilter | null;
-};
-export type ThemePopover = {
-    borderRadius: ThemeBorderRadius | null;
-    boxShadow: ThemeDynamicBoxShadow | null;
-};
-export type ThemeColors = {
-    accent: ThemeDynamicColor;
-    primaryBackground: ThemeDynamicColor;
-    secondaryBackground: ThemeDynamicColor;
-    primaryContent: ThemeDynamicColor;
-    secondaryContent: ThemeDynamicColor;
-    primaryForeground: ThemeDynamicColor;
-    secondaryForeground: ThemeDynamicColor;
-    tertiaryForeground: ThemeDynamicColor;
-    primaryFill: ThemeDynamicColor;
-    secondaryFill: ThemeDynamicColor;
-    tertiaryFill: ThemeDynamicColor;
-    success: ThemeDynamicColor;
-    warning: ThemeDynamicColor;
-    error: ThemeDynamicColor;
-    separator: ThemeDynamicColor;
-    selection: ThemeDynamicColor;
-};
-export type ThemeTypography = {
-    fontFamily: ThemeFontFamily;
-    largeTitle: ThemeTypographyStyle;
-    title1: ThemeTypographyStyle;
-    title2: ThemeTypographyStyle;
-    title3: ThemeTypographyStyle;
-    body: ThemeTypographyStyle;
-    smallBody: ThemeTypographyStyle;
-    button: ThemeTypographyStyle;
-    input: ThemeTypographyStyle;
-};
-export type ThemeImages = {
-    close?: ThemeImageUrl;
-    search?: ThemeImageUrl;
-    spinner?: ThemeImageUrl;
-    radio?: ThemeImageUrl;
-    radioChecked?: ThemeImageUrl;
-    checkbox?: ThemeImageUrl;
-    checkboxChecked?: ThemeImageUrl;
-    verified?: ThemeImageUrl;
-    permissionAccountNumbers?: ThemeImageUrl;
-    permissionBalances?: ThemeImageUrl;
-    permissionIdentity?: ThemeImageUrl;
-    permissionTransactions?: ThemeImageUrl;
-    mfaSms?: ThemeImageUrl;
-    mfaEmail?: ThemeImageUrl;
-    mfaPhone?: ThemeImageUrl;
-};
-export declare enum ThemeTypographyTextStyle {
-    largeTitle = 0,
-    title1 = 1,
-    title2 = 2,
-    title3 = 3,
-    body = 4,
-    smallBody = 5,
-    button = 6,
-    input = 7
-}
-export type ThemeTypographyStyle = {
-    fontFamily?: ThemeFontFamily;
-    size: string;
-    lineHeight: string;
-    letterSpacing: string;
-    weight: ThemeTypographyWeight;
-};
-export type ThemeTypographyWeight = "normal" | "bold" | "lighter" | "bolder" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "inherit" | "initial" | "revert" | "revert-layer" | "unset";
-export type ThemeSpacing = {
-    contentHorizontalInset: string;
-    buttonHorizontalInset: string;
-};
-export type ThemeComponents = {
-    navigationBar: ThemeComponentsNavigationBar;
-    contentView: ThemeComponentsContentView;
-    buttonPrimary: ThemeComponentsButton;
-    searchInput: ThemeComponentsSearchInput;
-    textField: ThemeComponentsTextField;
-    progressSpinner: ThemeComponentsProgressSpinner;
-    icon: ThemeComponentsIcon;
-    separator: ThemeComponentsSeparator;
-};
-export type ThemeComponentsNavigationBar = {
-    height: string;
-};
-export type ThemeComponentsContentView = {
-    borderRadius: ThemeBorderRadius;
-    boxShadow: ThemeDynamicBoxShadow | null;
-    border: ThemeDynamicBorder | null;
-    separatorStyle: ThemeSeparatorStyle;
-};
-export type ThemeComponentsButton = {
-    height: ThemeSize;
-    borderRadius: ThemeBorderRadius;
-    inheritInstitutionColor: boolean;
-};
-export type ThemeComponentsSearchInput = {
-    backgroundColor: ThemeDynamicColor | null;
-    height: ThemeSize;
-    borderRadius: ThemeBorderRadius;
-    border: ThemeDynamicBorder | null;
-    alignment: "left" | "center";
-    focus: {
-        glow: boolean;
-        backgroundColor: ThemeDynamicColor | null;
-        border: ThemeDynamicBorder | null;
-        boxShadow: ThemeDynamicBoxShadow | null;
-    };
-};
-export type ThemeComponentsTextField = {
-    backgroundColor: ThemeDynamicColor | null;
-    height: ThemeSize;
-    borderRadius: ThemeBorderRadius;
-    boxShadow: ThemeDynamicBoxShadow | null;
-    focus: {
-        glow: boolean;
-        backgroundColor: ThemeDynamicColor | null;
-        border: ThemeDynamicBorder | null;
-        boxShadow: ThemeDynamicBoxShadow | null;
-    };
-};
-export type ThemeComponentsProgressSpinner = {
-    strokeWidth: number;
-    diameter: number;
-    lineCap: ThemeLineCap;
-};
-export type ThemeComponentsIcon = {
-    strokeWidth: number;
-    lineCap: ThemeLineCap;
-};
-export type ThemeComponentsSeparator = {
-    height: ThemeSize;
-};
-export type ThemeScreens = {
-    finder: ThemeScreensFinder;
-};
-export type ThemeScreensFinder = {
-    title: string;
-    subtitle: string | null;
-    searchPlaceholder: string;
-    institutionCellBoxShadow: ThemeDynamicBoxShadow | null;
-    institutionCellBorderRadius: ThemeBorderRadius;
-    institutionCellBorder: ThemeDynamicBorder | null;
-    institutionCellSpacing: string;
-    institutionCellBackgroundColor: ThemeDynamicColor | null;
-};
-export declare const themeTypographyStyleForTextStyle: (theme: Theme, textStyle: ThemeTypographyTextStyle) => ThemeTypographyStyle;