@leaflink/stash 48.5.0 → 48.6.0

package/dist/PlaidLink.js

@@ -1,6 +1,8 @@
-import { defineComponent as y, computed as E, ref as p, openBlock as S, createElementBlock as h, renderSlot as x } from "vue";
-import l from "@leaflink/snitch";
-const _ = /* @__PURE__ */ y({
+import { defineComponent as m, computed as y, ref as c, openBlock as h, createElementBlock as E, renderSlot as w } from "vue";
+import i from "@leaflink/snitch";
+import x from "./usePlaidLink.js";
+import "./useScriptTag.js";
+const L = /* @__PURE__ */ m({
   __name: "PlaidLink",
   props: {
     initScriptUrl: { default: "https://cdn.plaid.com/link/v2/stable/link-initialize.js" },
@@ -11,67 +13,58 @@ const _ = /* @__PURE__ */ y({
     createToken: { type: Function, default: void 0 }
   },
   emits: ["error", "success", "exit", "load", "event"],
-  setup(v, { expose: f, emit: n }) {
-    const t = v, s = E(() => t.storageKey ? t.storageKey : `${window.location.host.split(".").splice(-3).join(".")}-plaid`), i = p(""), a = p(!1), k = (e, r) => {
-      a.value = !1, e && (l.error(new Error("Plaid: Error trying to link an account"), {
+  setup(u, { expose: d, emit: n }) {
+    const o = u, s = y(() => o.storageKey ? o.storageKey : `${window.location.host.split(".").splice(-3).join(".")}-plaid`), r = c(!1), p = (e, t) => {
+      r.value = !1, e && (i.error(new Error("Plaid: Error trying to link an account"), {
         tags: { plaid: !0 },
         extra: { PlaidError: e }
-      }), n("error", e, r)), sessionStorage.removeItem(s.value), n("exit", r);
-    }, g = (e, r) => {
-      a.value = !1, sessionStorage.removeItem(s.value), n("success", e, r);
-    }, m = (...e) => n("load", ...e), w = (...e) => n("event", ...e);
-    async function c() {
-      if (a.value !== !0) {
-        if (a.value = !0, typeof t.createToken == "function")
+      }), n("error", e, t)), sessionStorage.removeItem(s.value), n("exit", t);
+    }, f = (e, t) => {
+      r.value = !1, sessionStorage.removeItem(s.value), n("success", e, t);
+    }, k = (...e) => n("load", ...e), v = (...e) => n("event", ...e), a = c({
+      env: o.env,
+      onSuccess: f,
+      onEvent: v,
+      onLoad: k,
+      onExit: p
+    }), { open: g } = x(a);
+    async function l() {
+      if (r.value !== !0) {
+        if (r.value = !0, typeof o.createToken == "function")
           try {
-            const { link_token: e } = await t.createToken();
-            i.value = e;
+            const { link_token: e } = await o.createToken();
+            a.value.token = e;
           } catch (e) {
-            const r = new Error("Plaid: Error trying to invoke createToken");
-            l.error(r, {
+            const t = new Error("Plaid: Error trying to invoke createToken");
+            i.error(t, {
               tags: { plaid: !0 },
               extra: { error: e }
-            }), n("error", r);
+            }), n("error", t);
           }
         else
-          t.token && (i.value = t.token);
-        if (!i.value) {
+          o.token && (a.value.token = o.token);
+        if (!a.value.token) {
           const e = new Error("Plaid: link token not found");
-          l.error(e, { tags: { plaid: !0 } }), n("error", e), a.value = !1;
+          i.error(e, { tags: { plaid: !0 } }), n("error", e), r.value = !1;
           return;
         }
         sessionStorage.setItem(
           s.value,
-          JSON.stringify({ token: i.value, returnTo: t.returnTo, env: t.env })
-        ), window.Plaid || await d(), window.Plaid.create({
-          token: i.value,
-          env: t.env,
-          onExit: k,
-          onSuccess: g,
-          onEvent: w,
-          onLoad: m
-        }).open();
+          JSON.stringify({ token: a.value.token, returnTo: o.returnTo, env: o.env })
+        ), g();
       }
     }
-    function d() {
-      return new Promise(function(e, r) {
-        const u = document.querySelector('script[src="' + t.initScriptUrl + '"]');
-        u && u.remove();
-        const o = document.createElement("script");
-        o.type = "text/javascript", o.async = !0, o.src = t.initScriptUrl, o.addEventListener("load", () => e()), o.addEventListener("error", r), o.addEventListener("abort", r), document.head.appendChild(o);
-      });
-    }
-    return d(), f({
-      handleClick: c
-    }), (e, r) => (S(), h("span", {
+    return d({
+      handleClick: l
+    }), (e, t) => (h(), E("span", {
       "data-test": "stash-plaid-link",
-      onClick: c
+      onClick: l
     }, [
-      x(e.$slots, "default", { open: a.value })
+      w(e.$slots, "default", { open: r.value })
     ]));
   }
 });
 export {
-  _ as default
+  L as default
 };
 //# sourceMappingURL=PlaidLink.js.map

package/dist/PlaidLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlaidLink.js","sources":["../src/components/PlaidLink/PlaidLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import { Plaid } from 'plaid-link';\n  import { computed, ref } from 'vue';\n\n  export interface LinkTokenResponse {\n    link_token: string;\n    /**\n     * expiration date in ISO-8601 format\n     */\n    expiration: string;\n    request_id: string;\n  }\n\n  export interface PlaidLinkProps {\n    /**\n     * Plaid initialization script url to be used\n     */\n    initScriptUrl?: string;\n\n    /**\n     * Key to be used in session storage for OAuth flow\n     */\n    storageKey?: string;\n\n    /**\n     * Url to be used to redirect the user from the OAuth flow\n     */\n    returnTo?: string;\n\n    /**\n     * Plaid link token\n     */\n    token?: string;\n\n    /**\n     * Plaid environment to connect\n     */\n    env?: Plaid.Environment;\n\n    /**\n     * Function that returns a link token object to be used with Plaid.\n     * `link_token` takes precedence over `token` if informed.\n     */\n    createToken?: () => Promise<LinkTokenResponse>;\n  }\n\n  const props = withDefaults(defineProps<PlaidLinkProps>(), {\n    initScriptUrl: 'https://cdn.plaid.com/link/v2/stable/link-initialize.js',\n    storageKey: undefined,\n    returnTo: window.location.href,\n    env: 'sandbox',\n    token: undefined,\n    createToken: undefined,\n  });\n\n  const internalStorageKey = computed(() => {\n    if (props.storageKey) {\n      return props.storageKey;\n    }\n\n    // returns up to the last 3 parts of the host. e.g. for `subdomain.my.domain.com` it will return `my.domain.com`\n    const host = window.location.host.split('.').splice(-3).join('.');\n\n    return `${host}-plaid`;\n  });\n\n  const internalToken = ref('');\n\n  const emit =\n    defineEmits<{\n      /**\n       * Emitted whenever the exit event contains errors\n       */\n      (e: 'error', error: Plaid.Error | null | Error, metadata?: Plaid.OnExitMetaData): void;\n      /**\n       * Emitted whenever the user successfully links an item\n       */\n      (e: 'success', public_token: string, metadata: Plaid.OnSuccessMetaData): void;\n      /**\n       * Emitted whenever the user exits the Link flow\n       */\n      (e: 'exit', metadata: Plaid.OnExitMetaData): void;\n      /**\n       * Emitted when the Link is ready to be opened\n       */\n      (e: 'load'): void;\n      /**\n       * Emitted at specific points during the Link flow\n       */\n      (e: 'event', eventName: Plaid.EventName, metadata: Plaid.OnEventMetaData): void;\n    }>();\n\n  const isPlaidModalOpen = ref(false);\n\n  const onExit: Plaid.OnExit = (error: Plaid.Error | null, metadata: Plaid.OnExitMetaData) => {\n    isPlaidModalOpen.value = false;\n\n    if (error) {\n      logger.error(new Error('Plaid: Error trying to link an account'), {\n        tags: { plaid: true },\n        extra: { PlaidError: error },\n      });\n      emit('error', error, metadata);\n    }\n\n    sessionStorage.removeItem(internalStorageKey.value);\n\n    emit('exit', metadata);\n  };\n\n  const onSuccess: Plaid.OnSuccess = (public_token: string, metadata: Plaid.OnSuccessMetaData) => {\n    isPlaidModalOpen.value = false;\n\n    sessionStorage.removeItem(internalStorageKey.value);\n\n    emit('success', public_token, metadata);\n  };\n\n  const onLoad: Plaid.OnLoad = (...args) => emit('load', ...args);\n\n  const onEvent: Plaid.OnEvent = (...args) => emit('event', ...args);\n\n  async function handleClick() {\n    if (isPlaidModalOpen.value === true) {\n      return;\n    }\n\n    isPlaidModalOpen.value = true;\n\n    if (typeof props.createToken === 'function') {\n      try {\n        const { link_token } = await props.createToken();\n\n        internalToken.value = link_token;\n      } catch (err) {\n        const error = new Error('Plaid: Error trying to invoke createToken');\n\n        logger.error(error, {\n          tags: { plaid: true },\n          extra: { error: err },\n        });\n\n        emit('error', error);\n      }\n    } else if (props.token) {\n      internalToken.value = props.token;\n    }\n\n    if (!internalToken.value) {\n      const error = new Error('Plaid: link token not found');\n\n      logger.error(error, { tags: { plaid: true } });\n      emit('error', error);\n\n      isPlaidModalOpen.value = false;\n\n      return;\n    }\n\n    sessionStorage.setItem(\n      internalStorageKey.value,\n      JSON.stringify({ token: internalToken.value, returnTo: props.returnTo, env: props.env }),\n    );\n\n    // Retries Plaid's script initialization if not loaded yet\n    if (!window.Plaid) {\n      await loadPlaidScript();\n    }\n\n    window.Plaid.create({\n      token: internalToken.value,\n      env: props.env,\n      onExit,\n      onSuccess,\n      onEvent,\n      onLoad,\n    }).open();\n  }\n\n  function loadPlaidScript() {\n    return new Promise<void>(function (resolve, reject) {\n      const existingScript = document.querySelector('script[src=\"' + props.initScriptUrl + '\"]');\n\n      if (existingScript) {\n        existingScript.remove();\n      }\n\n      const el = document.createElement('script');\n\n      el.type = 'text/javascript';\n      el.async = true;\n      el.src = props.initScriptUrl;\n      el.addEventListener('load', () => resolve());\n      el.addEventListener('error', reject);\n      el.addEventListener('abort', reject);\n      document.head.appendChild(el);\n    });\n  }\n\n  loadPlaidScript();\n\n  defineExpose({\n    handleClick,\n  });\n</script>\n\n<template>\n  <span data-test=\"stash-plaid-link\" @click=\"handleClick\">\n    <!-- @slot Default slot to trigger Plaid's modal -->\n    <slot :open=\"isPlaidModalOpen\"></slot>\n  </span>\n</template>\n"],"names":["internalStorageKey","computed","props","internalToken","ref","isPlaidModalOpen","onExit","error","metadata","logger","emit","onSuccess","public_token","onLoad","args","onEvent","handleClick","link_token","err","loadPlaidScript","resolve","reject","existingScript","el","__expose"],"mappings":"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"}
+{"version":3,"file":"PlaidLink.js","sources":["../src/components/PlaidLink/PlaidLink.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import { computed, ref } from 'vue';\n\n  import { LinkTokenResponse, Plaid } from '../../../types/plaid';\n  import usePlaidLink from '../../composables/usePlaidLink/usePlaidLink';\n\n  export interface PlaidLinkProps {\n    /**\n     * @deprecated Plaid does not support other URLs for loading its SDK\n     * Plaid initialization script url to be used\n     */\n    initScriptUrl?: string;\n\n    /**\n     * Key to be used in session storage for OAuth flow\n     */\n    storageKey?: string;\n\n    /**\n     * Url to be used to redirect the user from the OAuth flow\n     */\n    returnTo?: string;\n\n    /**\n     * Plaid link token\n     */\n    token?: string;\n\n    /**\n     * Plaid environment to connect\n     */\n    env?: Plaid.Environment;\n\n    /**\n     * Function that returns a link token object to be used with Plaid.\n     * `link_token` takes precedence over `token` if informed.\n     */\n    createToken?: () => Promise<LinkTokenResponse>;\n  }\n\n  const props = withDefaults(defineProps<PlaidLinkProps>(), {\n    initScriptUrl: 'https://cdn.plaid.com/link/v2/stable/link-initialize.js',\n    storageKey: undefined,\n    returnTo: window.location.href,\n    env: 'sandbox',\n    token: undefined,\n    createToken: undefined,\n  });\n\n  const internalStorageKey = computed(() => {\n    if (props.storageKey) {\n      return props.storageKey;\n    }\n\n    // returns up to the last 3 parts of the host. e.g. for `subdomain.my.domain.com` it will return `my.domain.com`\n    const host = window.location.host.split('.').splice(-3).join('.');\n\n    return `${host}-plaid`;\n  });\n\n  const emit =\n    defineEmits<{\n      /**\n       * Emitted whenever the exit event contains errors\n       */\n      (e: 'error', error: Plaid.Error | null | Error, metadata?: Plaid.OnExitMetaData): void;\n      /**\n       * Emitted whenever the user successfully links an item\n       */\n      (e: 'success', public_token: string, metadata: Plaid.OnSuccessMetaData): void;\n      /**\n       * Emitted whenever the user exits the Link flow\n       */\n      (e: 'exit', metadata: Plaid.OnExitMetaData): void;\n      /**\n       * Emitted when the Link is ready to be opened\n       */\n      (e: 'load'): void;\n      /**\n       * Emitted at specific points during the Link flow\n       */\n      (e: 'event', eventName: Plaid.EventName, metadata: Plaid.OnEventMetaData): void;\n    }>();\n\n  const isPlaidModalOpen = ref(false);\n\n  const onExit: Plaid.OnExit = (error: Plaid.Error | null, metadata: Plaid.OnExitMetaData) => {\n    isPlaidModalOpen.value = false;\n\n    if (error) {\n      logger.error(new Error('Plaid: Error trying to link an account'), {\n        tags: { plaid: true },\n        extra: { PlaidError: error },\n      });\n      emit('error', error, metadata);\n    }\n\n    sessionStorage.removeItem(internalStorageKey.value);\n\n    emit('exit', metadata);\n  };\n\n  const onSuccess: Plaid.OnSuccess = (public_token: string, metadata: Plaid.OnSuccessMetaData) => {\n    isPlaidModalOpen.value = false;\n\n    sessionStorage.removeItem(internalStorageKey.value);\n\n    emit('success', public_token, metadata);\n  };\n\n  const onLoad: Plaid.OnLoad = (...args) => emit('load', ...args);\n\n  const onEvent: Plaid.OnEvent = (...args) => emit('event', ...args);\n\n  const plaidLinkOptions = ref<Plaid.CreateConfig>({\n    env: props.env,\n    onSuccess,\n    onEvent,\n    onLoad,\n    onExit,\n  });\n\n  const { open: openPlaidLink } = usePlaidLink(plaidLinkOptions);\n\n  async function handleClick() {\n    if (isPlaidModalOpen.value === true) {\n      return;\n    }\n\n    isPlaidModalOpen.value = true;\n\n    if (typeof props.createToken === 'function') {\n      try {\n        const { link_token } = await props.createToken();\n\n        plaidLinkOptions.value.token = link_token;\n      } catch (err) {\n        const error = new Error('Plaid: Error trying to invoke createToken');\n\n        logger.error(error, {\n          tags: { plaid: true },\n          extra: { error: err },\n        });\n\n        emit('error', error);\n      }\n    } else if (props.token) {\n      plaidLinkOptions.value.token = props.token;\n    }\n\n    if (!plaidLinkOptions.value.token) {\n      const error = new Error('Plaid: link token not found');\n\n      logger.error(error, { tags: { plaid: true } });\n      emit('error', error);\n\n      isPlaidModalOpen.value = false;\n\n      return;\n    }\n\n    sessionStorage.setItem(\n      internalStorageKey.value,\n      JSON.stringify({ token: plaidLinkOptions.value.token, returnTo: props.returnTo, env: props.env }),\n    );\n\n    openPlaidLink();\n  }\n\n  defineExpose({\n    handleClick,\n  });\n</script>\n\n<template>\n  <span data-test=\"stash-plaid-link\" @click=\"handleClick\">\n    <!-- @slot Default slot to trigger Plaid's modal -->\n    <slot :open=\"isPlaidModalOpen\"></slot>\n  </span>\n</template>\n"],"names":["internalStorageKey","computed","props","isPlaidModalOpen","ref","onExit","error","metadata","logger","emit","onSuccess","public_token","onLoad","args","onEvent","plaidLinkOptions","openPlaidLink","usePlaidLink","handleClick","link_token","err","__expose"],"mappings":";;;;;;;;;;;;;;;;iBAkDQA,IAAqBC,EAAS,MAC9BC,EAAM,aACDA,EAAM,aAMR,GAFM,OAAO,SAAS,KAAK,MAAM,GAAG,EAAE,OAAO,EAAE,EAAE,KAAK,GAAG,CAElD,QACf,GA0BKC,IAAmBC,EAAI,EAAK,GAE5BC,IAAuB,CAACC,GAA2BC,MAAmC;AAC1F,MAAAJ,EAAiB,QAAQ,IAErBG,MACFE,EAAO,MAAM,IAAI,MAAM,wCAAwC,GAAG;AAAA,QAChE,MAAM,EAAE,OAAO,GAAK;AAAA,QACpB,OAAO,EAAE,YAAYF,EAAM;AAAA,MAAA,CAC5B,GACIG,EAAA,SAASH,GAAOC,CAAQ,IAGhB,eAAA,WAAWP,EAAmB,KAAK,GAElDS,EAAK,QAAQF,CAAQ;AAAA,IAAA,GAGjBG,IAA6B,CAACC,GAAsBJ,MAAsC;AAC9F,MAAAJ,EAAiB,QAAQ,IAEV,eAAA,WAAWH,EAAmB,KAAK,GAE7CS,EAAA,WAAWE,GAAcJ,CAAQ;AAAA,IAAA,GAGlCK,IAAuB,IAAIC,MAASJ,EAAK,QAAQ,GAAGI,CAAI,GAExDC,IAAyB,IAAID,MAASJ,EAAK,SAAS,GAAGI,CAAI,GAE3DE,IAAmBX,EAAwB;AAAA,MAC/C,KAAKF,EAAM;AAAA,MACX,WAAAQ;AAAA,MACA,SAAAI;AAAA,MACA,QAAAF;AAAA,MACA,QAAAP;AAAA,IAAA,CACD,GAEK,EAAE,MAAMW,EAAc,IAAIC,EAAaF,CAAgB;AAE7D,mBAAeG,IAAc;AACvB,UAAAf,EAAiB,UAAU,IAM3B;AAAA,YAFJA,EAAiB,QAAQ,IAErB,OAAOD,EAAM,eAAgB;AAC3B,cAAA;AACF,kBAAM,EAAE,YAAAiB,EAAe,IAAA,MAAMjB,EAAM,YAAY;AAE/C,YAAAa,EAAiB,MAAM,QAAQI;AAAA,mBACxBC,GAAK;AACN,kBAAAd,IAAQ,IAAI,MAAM,2CAA2C;AAEnE,YAAAE,EAAO,MAAMF,GAAO;AAAA,cAClB,MAAM,EAAE,OAAO,GAAK;AAAA,cACpB,OAAO,EAAE,OAAOc,EAAI;AAAA,YAAA,CACrB,GAEDX,EAAK,SAASH,CAAK;AAAA,UACrB;AAAA;AACF,UAAWJ,EAAM,UACEa,EAAA,MAAM,QAAQb,EAAM;AAGnC,YAAA,CAACa,EAAiB,MAAM,OAAO;AAC3B,gBAAAT,IAAQ,IAAI,MAAM,6BAA6B;AAE9C,UAAAE,EAAA,MAAMF,GAAO,EAAE,MAAM,EAAE,OAAO,MAAQ,GAC7CG,EAAK,SAASH,CAAK,GAEnBH,EAAiB,QAAQ;AAEzB;AAAA,QACF;AAEe,uBAAA;AAAA,UACbH,EAAmB;AAAA,UACnB,KAAK,UAAU,EAAE,OAAOe,EAAiB,MAAM,OAAO,UAAUb,EAAM,UAAU,KAAKA,EAAM,KAAK;AAAA,QAAA,GAGpFc;;IAChB;AAEa,WAAAK,EAAA;AAAA,MACX,aAAAH;AAAA,IAAA,CACD;;;;;;;;"}

package/dist/PlaidLink.vue.d.ts

@@ -59,9 +59,9 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
 }>>> & {
     onLoad?: (() => any) | undefined;
     onError?: ((error: Error | Plaid.Error | null, metadata?: Plaid.OnExitMetaData | undefined) => any) | undefined;
-    onSuccess?: ((public_token: string, metadata: Plaid.OnSuccessMetaData) => any) | undefined;
     onEvent?: ((eventName: Plaid.EventName, metadata: Plaid.OnEventMetaData) => any) | undefined;
     onExit?: ((metadata: Plaid.OnExitMetaData) => any) | undefined;
+    onSuccess?: ((public_token: string, metadata: Plaid.OnSuccessMetaData) => any) | undefined;
 }, {
     initScriptUrl: string;
     storageKey: string;
@@ -78,17 +78,15 @@ export default _default;
 
 declare function handleClick(): Promise<void>;
 
-export declare interface LinkTokenResponse {
+declare interface LinkTokenResponse {
     link_token: string;
-    /**
-     * expiration date in ISO-8601 format
-     */
     expiration: string;
     request_id: string;
 }
 
 export declare interface PlaidLinkProps {
     /**
+     * @deprecated Plaid does not support other URLs for loading its SDK
      * Plaid initialization script url to be used
      */
     initScriptUrl?: string;

package/dist/index.d.ts

@@ -80,6 +80,12 @@ export declare interface I18nPlugin {
     t: (key: string, value: string) => string;
 }
 
+export declare interface LinkTokenResponse {
+    link_token: string;
+    expiration: string;
+    request_id: string;
+}
+
 declare interface MenusPluginOptions {
     mountNodeClass?: string;
     mountNodeId?: string;
@@ -402,4 +408,7 @@ export declare interface UnifiedApiPaginationParams {
     pageSize?: number;
 }
 
+
+export * from "plaid-link";
+
 export { }

package/dist/usePlaidLink.d.ts

@@ -0,0 +1,19 @@
+import { ComputedRef } from 'vue';
+import { MaybeRef } from 'vue';
+import { Plaid } from 'plaid-link';
+import { Ref } from 'vue';
+
+declare function usePlaidLink(options: MaybeRef<Plaid.CreateConfig>): {
+    ready: ComputedRef<boolean>;
+    error: Ref<{
+        name: string;
+        message: string;
+        stack?: string | undefined;
+        cause?: unknown;
+    } | null>;
+    open: () => void | undefined;
+    exit: (options?: Plaid.ExitOptions) => void | undefined;
+};
+export default usePlaidLink;
+
+export { }

package/dist/usePlaidLink.js

@@ -0,0 +1,42 @@
+import { ref as l, watchSyncEffect as c, toValue as f, computed as s, onUnmounted as v } from "vue";
+import p from "./useScriptTag.js";
+const m = "https://cdn.plaid.com/link/v2/stable/link-initialize.js";
+function P(u) {
+  const { isLoaded: i, error: r } = p(m), a = l(null), t = l(!1);
+  c(() => {
+    const e = f(u);
+    if (i.value && !(!e.token && !e.receivedRedirectUri)) {
+      if (!window.Plaid)
+        throw new Error("Error loading Plaid SDK");
+      n(), a.value = window.Plaid.create({
+        ...e,
+        onLoad: () => {
+          var o;
+          t.value = !0, (o = e.onLoad) == null || o.call(e);
+        }
+      });
+    }
+  });
+  const d = s(
+    () => !r.value && a.value !== null && (i.value || t.value)
+  );
+  function n() {
+    a.value && (a.value.exit({ force: !0 }), a.value.destroy(), t.value = !1);
+  }
+  return v(n), {
+    ready: d,
+    error: r,
+    open: () => {
+      var e;
+      return (e = a.value) == null ? void 0 : e.open();
+    },
+    exit: (e) => {
+      var o;
+      return (o = a.value) == null ? void 0 : o.exit(e);
+    }
+  };
+}
+export {
+  P as default
+};
+//# sourceMappingURL=usePlaidLink.js.map

package/dist/usePlaidLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePlaidLink.js","sources":["../src/composables/usePlaidLink/usePlaidLink.ts"],"sourcesContent":["import { computed, MaybeRef, onUnmounted, ref, toValue, watchSyncEffect } from 'vue';\n\nimport { Plaid } from '../../../types/plaid';\nimport useScriptTag from '../useScriptTag/useScriptTag';\n\nconst PLAID_SDK_URL = 'https://cdn.plaid.com/link/v2/stable/link-initialize.js';\n\nexport default function usePlaidLink(options: MaybeRef<Plaid.CreateConfig>) {\n  const { isLoaded: isPlaidScriptLoaded, error } = useScriptTag(PLAID_SDK_URL);\n\n  const plaid = ref<Plaid.LinkHandler | null>(null);\n  const iframeLoaded = ref(false);\n\n  // We want to trigger this as soon as options ref changes\n  watchSyncEffect(() => {\n    const optionsVal = toValue(options);\n\n    if (!isPlaidScriptLoaded.value) {\n      return;\n    }\n\n    if (!optionsVal.token && !optionsVal.receivedRedirectUri) {\n      return;\n    }\n\n    if (!window.Plaid) {\n      throw new Error('Error loading Plaid SDK');\n    }\n\n    // destroy & exit existing instances so we don't\n    // have multiple Plaid link modals at the same time\n    teardown();\n\n    plaid.value = window.Plaid.create({\n      ...optionsVal,\n      onLoad: () => {\n        iframeLoaded.value = true;\n        optionsVal.onLoad?.();\n      },\n    });\n  });\n\n  const ready = computed(\n    () => !error.value && plaid.value !== null && (isPlaidScriptLoaded.value || iframeLoaded.value),\n  );\n\n  function teardown() {\n    if (plaid.value) {\n      plaid.value.exit({ force: true });\n      plaid.value.destroy();\n\n      iframeLoaded.value = false;\n    }\n  }\n\n  onUnmounted(teardown);\n\n  return {\n    ready,\n    error,\n    open: () => plaid.value?.open(),\n    exit: (options?: Plaid.ExitOptions) => plaid.value?.exit(options),\n  };\n}\n"],"names":["PLAID_SDK_URL","usePlaidLink","options","isPlaidScriptLoaded","error","useScriptTag","plaid","ref","iframeLoaded","watchSyncEffect","optionsVal","toValue","teardown","_a","ready","computed","onUnmounted"],"mappings":";;AAKA,MAAMA,IAAgB;AAEtB,SAAwBC,EAAaC,GAAuC;AAC1E,QAAM,EAAE,UAAUC,GAAqB,OAAAC,EAAM,IAAIC,EAAaL,CAAa,GAErEM,IAAQC,EAA8B,IAAI,GAC1CC,IAAeD,EAAI,EAAK;AAG9B,EAAAE,EAAgB,MAAM;AACd,UAAAC,IAAaC,EAAQT,CAAO;AAE9B,QAACC,EAAoB,SAIrB,GAACO,EAAW,SAAS,CAACA,EAAW,sBAIjC;AAAA,UAAA,CAAC,OAAO;AACJ,cAAA,IAAI,MAAM,yBAAyB;AAKlC,MAAAE,KAEHN,EAAA,QAAQ,OAAO,MAAM,OAAO;AAAA,QAChC,GAAGI;AAAA,QACH,QAAQ,MAAM;;AACZ,UAAAF,EAAa,QAAQ,KACrBK,IAAAH,EAAW,WAAX,QAAAG,EAAA,KAAAH;AAAA,QACF;AAAA,MAAA,CACD;AAAA;AAAA,EAAA,CACF;AAED,QAAMI,IAAQC;AAAA,IACZ,MAAM,CAACX,EAAM,SAASE,EAAM,UAAU,SAASH,EAAoB,SAASK,EAAa;AAAA,EAAA;AAG3F,WAASI,IAAW;AAClB,IAAIN,EAAM,UACRA,EAAM,MAAM,KAAK,EAAE,OAAO,GAAM,CAAA,GAChCA,EAAM,MAAM,WAEZE,EAAa,QAAQ;AAAA,EAEzB;AAEA,SAAAQ,EAAYJ,CAAQ,GAEb;AAAA,IACL,OAAAE;AAAA,IACA,OAAAV;AAAA,IACA,MAAM,MAAM;;AAAA,cAAAS,IAAAP,EAAM,UAAN,gBAAAO,EAAa;AAAA;AAAA,IACzB,MAAM,CAACX,MAAgC;;AAAA,cAAAW,IAAAP,EAAM,UAAN,gBAAAO,EAAa,KAAKX;AAAAA;AAAAA,EAAO;AAEpE;"}

package/dist/useScriptTag.d.ts

@@ -0,0 +1,21 @@
+import { Ref } from 'vue';
+
+declare type UseScriptOptions = {
+    manual: boolean;
+};
+
+declare function useScriptTag(url: string, options?: UseScriptOptions): {
+    scriptTag: Ref<HTMLScriptElement | null>;
+    load: () => void;
+    unload: () => void;
+    isLoaded: Ref<boolean>;
+    error: Ref<{
+        name: string;
+        message: string;
+        stack?: string | undefined;
+        cause?: unknown;
+    } | null>;
+};
+export default useScriptTag;
+
+export { }

package/dist/useScriptTag.js

@@ -0,0 +1,19 @@
+import { ref as a, onMounted as i, onUnmounted as v } from "vue";
+function f(r, d = { manual: !1 }) {
+  const n = a(null), t = a(!1), o = a(null), l = () => t.value = !0, u = (e) => o.value = e.error;
+  function c() {
+    let e = document.querySelector(`script[src="${r}"]`);
+    e ? t.value = !0 : (t.value = !1, o.value = null, e = document.createElement("script"), e.type = "text/javascript", e.async = !0, e.src = r, e.addEventListener("load", l), e.addEventListener("error", u), document.head.appendChild(e)), n.value = e;
+  }
+  function s() {
+    if (!document)
+      return;
+    const e = document.querySelector(`script[src="${r}"]`);
+    e && (e.removeEventListener("load", l), e.removeEventListener("error", u), document.head.removeChild(e), n.value = null, t.value = !1);
+  }
+  return d.manual || (i(c), v(s)), { scriptTag: n, load: c, unload: s, isLoaded: t, error: o };
+}
+export {
+  f as default
+};
+//# sourceMappingURL=useScriptTag.js.map

package/dist/useScriptTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScriptTag.js","sources":["../src/composables/useScriptTag/useScriptTag.ts"],"sourcesContent":["import { onMounted, onUnmounted, ref } from 'vue';\n\ntype UseScriptOptions = {\n  manual: boolean;\n};\n\nexport default function useScriptTag(url: string, options: UseScriptOptions = { manual: false }) {\n  const scriptTag = ref<HTMLScriptElement | null>(null);\n  const isLoaded = ref(false);\n  const error = ref<Error | null>(null);\n\n  const setIsLoaded = () => (isLoaded.value = true);\n  const setError = (e: ErrorEvent) => (error.value = e.error);\n\n  function loadScript() {\n    let el = document.querySelector<HTMLScriptElement>(`script[src=\"${url}\"]`);\n\n    if (!el) {\n      isLoaded.value = false;\n      error.value = null;\n\n      el = document.createElement('script');\n\n      el.type = 'text/javascript';\n      el.async = true;\n      el.src = url;\n      el.addEventListener('load', setIsLoaded);\n      el.addEventListener('error', setError);\n      document.head.appendChild(el);\n    } else {\n      isLoaded.value = true;\n    }\n\n    scriptTag.value = el;\n  }\n\n  function unloadScript() {\n    if (!document) {\n      return;\n    }\n\n    const elToBeRemoved = document.querySelector<HTMLScriptElement>(`script[src=\"${url}\"]`);\n\n    if (elToBeRemoved) {\n      elToBeRemoved.removeEventListener('load', setIsLoaded);\n      elToBeRemoved.removeEventListener('error', setError);\n\n      document.head.removeChild(elToBeRemoved);\n\n      scriptTag.value = null;\n      isLoaded.value = false;\n    }\n  }\n\n  if (!options.manual) {\n    onMounted(loadScript);\n    onUnmounted(unloadScript);\n  }\n\n  return { scriptTag, load: loadScript, unload: unloadScript, isLoaded, error };\n}\n"],"names":["useScriptTag","url","options","scriptTag","ref","isLoaded","error","setIsLoaded","setError","loadScript","el","unloadScript","elToBeRemoved","onMounted","onUnmounted"],"mappings":";AAMA,SAAwBA,EAAaC,GAAaC,IAA4B,EAAE,QAAQ,MAAS;AACzF,QAAAC,IAAYC,EAA8B,IAAI,GAC9CC,IAAWD,EAAI,EAAK,GACpBE,IAAQF,EAAkB,IAAI,GAE9BG,IAAc,MAAOF,EAAS,QAAQ,IACtCG,IAAW,CAAC,MAAmBF,EAAM,QAAQ,EAAE;AAErD,WAASG,IAAa;AACpB,QAAIC,IAAK,SAAS,cAAiC,eAAeT,CAAG,IAAI;AAEzE,IAAKS,IAaHL,EAAS,QAAQ,MAZjBA,EAAS,QAAQ,IACjBC,EAAM,QAAQ,MAETI,IAAA,SAAS,cAAc,QAAQ,GAEpCA,EAAG,OAAO,mBACVA,EAAG,QAAQ,IACXA,EAAG,MAAMT,GACNS,EAAA,iBAAiB,QAAQH,CAAW,GACpCG,EAAA,iBAAiB,SAASF,CAAQ,GAC5B,SAAA,KAAK,YAAYE,CAAE,IAK9BP,EAAU,QAAQO;AAAA,EACpB;AAEA,WAASC,IAAe;AACtB,QAAI,CAAC;AACH;AAGF,UAAMC,IAAgB,SAAS,cAAiC,eAAeX,CAAG,IAAI;AAEtF,IAAIW,MACYA,EAAA,oBAAoB,QAAQL,CAAW,GACvCK,EAAA,oBAAoB,SAASJ,CAAQ,GAE1C,SAAA,KAAK,YAAYI,CAAa,GAEvCT,EAAU,QAAQ,MAClBE,EAAS,QAAQ;AAAA,EAErB;AAEI,SAACH,EAAQ,WACXW,EAAUJ,CAAU,GACpBK,EAAYH,CAAY,IAGnB,EAAE,WAAAR,GAAW,MAAMM,GAAY,QAAQE,GAAc,UAAAN,GAAU,OAAAC;AACxE;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leaflink/stash",
-  "version": "48.5.0",
+  "version": "48.6.0",
   "description": "LeafLink's design system.",
   "homepage": "https://stash.leaflink.com",
   "main": "./dist/index.ts",

package/types/index.ts

@@ -1,5 +1,6 @@
 export * from './address';
 export * from './colors';
 export * from './misc';
+export * from './plaid';
 export * from './statusLevels';
 export * from './unifiedApi';

package/types/plaid.ts

@@ -0,0 +1,7 @@
+export interface LinkTokenResponse {
+  link_token: string;
+  expiration: string; // ISO-8601
+  request_id: string;
+}
+
+export type * from 'plaid-link';