@capitalos/vue 0.1.0-rc.1 → 0.1.0

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import { ComputedRef, DeepReadonly, Ref } from "vue";
-import { CapitalOSError, ErrorCode, Logger, Logger as Logger$1, RawErrorDetails, ThemeColorScheme, ThemeColorScheme as ThemeColorScheme$1, TokenData, TokenData as TokenData$1 } from "@capitalos/core";
+import { Account, AccountStatus, CapitalOSError, ErrorCode, Logger, Logger as Logger$1, RawErrorDetails, ThemeColorScheme, ThemeColorScheme as ThemeColorScheme$1, TokenData, TokenData as TokenData$1 } from "@capitalos/core";
 
 //#region src/types.d.ts
 interface CapitalOsConfig {
@@ -38,8 +38,18 @@ declare function createCapitalOs(config: CapitalOsConfig): {
 declare const CardsApp: any;
 
 //#endregion
-//#region src/composables/use-capitalos-auth.d.ts
+//#region src/components/BillPayApp.d.ts
 //# sourceMappingURL=CardsApp.d.ts.map
+declare const BillPayApp: any;
+
+//#endregion
+//#region src/components/Onboarding.d.ts
+//# sourceMappingURL=BillPayApp.d.ts.map
+declare const Onboarding: any;
+
+//#endregion
+//#region src/composables/use-capitalos-auth.d.ts
+//# sourceMappingURL=Onboarding.d.ts.map
 interface UseCapitalOsAuthReturn extends CapitalOsState {
   authState: ComputedRef<AuthState>;
 }
@@ -48,5 +58,5 @@ declare function useCapitalOsAuth(): UseCapitalOsAuthReturn;
 //#endregion
 //# sourceMappingURL=use-capitalos-auth.d.ts.map
 
-export { AuthState, CAPITALOS_INJECTION_KEY, CapitalOSError, CapitalOsConfig, CardsApp, ErrorCode, Logger, RawErrorDetails, ThemeColorScheme, TokenData, UseCapitalOsAuthReturn, createCapitalOs, useCapitalOsAuth };
+export { Account, AccountStatus, AuthState, BillPayApp, CAPITALOS_INJECTION_KEY, CapitalOSError, CapitalOsConfig, CardsApp, ErrorCode, Logger, Onboarding, RawErrorDetails, ThemeColorScheme, TokenData, UseCapitalOsAuthReturn, createCapitalOs, useCapitalOsAuth };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/types.ts","../src/plugin.ts","../src/components/CardsApp.ts","../src/composables/use-capitalos-auth.ts"],"sourcesContent":null,"mappings":";;;;UAMiB,eAAA;kBAKC;EALD,aAAA,CAAA,EAAA,OAAe;EAAA,MAAA,CAAA,EAerB,QAfqB;EAAA,KAKd,CAAA,EAeR,kBAfQ;;AAeR,UAMO,cAAA,CANP;EAAgB,SAAA,EAOb,YAPa,CAOA,GAPA,CAOI,WAPJ,GAAA,SAAA,CAAA,CAAA;EAMT,SAAA,EAEJ,YAFkB,CAEL,GAFK,CAAA,OAAA,CAAA,CAAA;EAAA,KAAA,EAGtB,YAHsB,CAGT,GAHS,CAGL,KAHK,GAAA,SAAA,CAAA,CAAA;EAAA,eACD,EAAA,GAAA,GAAA,IAAA;EAAS,MAAb,EAIhB,eAJgB;;AACA,KASd,SAAA,GATc,MAAA,GAAA,SAAA,GAAA,eAAA,GAAA,OAAA;;;;;cCSb;UAsCH,eAAA;ED3EO,KAAA,EAAA,CAAA,KAAA,EC4EA,MD5Ee,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAAA,OAAA,EAAA,MAAA;;UCkFtB,OAAA,CDnEC;EAAM,OAKP,EAAA,CAAA,GAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAgB,OAAA,EAAA,MAAA;AAM1B;AAA+B,iBCyFf,eAAA,CDzFe,MAAA,ECyFS,eDzFT,CAAA,EAAA;EAAA,OACD,CAAA,QAAA,EC0FR,eD1FQ,GC0FU,OD1FV,CAAA,EAAA,IAAA;CAAS;;;;cEqB1B;;;;;UC/CI,sBAAA,SAA+B;aAInC,YAAY;AHLzB;AAAgC,iBGahB,gBAAA,CAAA,CHbgB,EGaI,sBHbJ"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/types.ts","../src/plugin.ts","../src/components/CardsApp.ts","../src/components/BillPayApp.ts","../src/components/Onboarding.ts","../src/composables/use-capitalos-auth.ts"],"sourcesContent":null,"mappings":";;;;UAMiB,eAAA;kBAKC;EALD,aAAA,CAAA,EAAA,OAAe;EAAA,MAAA,CAAA,EAerB,QAfqB;EAAA,KAKd,CAAA,EAeR,kBAfQ;;AAeR,UAMO,cAAA,CANP;EAAgB,SAAA,EAOb,YAPa,CAOA,GAPA,CAOI,WAPJ,GAAA,SAAA,CAAA,CAAA;EAMT,SAAA,EAEJ,YAFkB,CAEL,GAFK,CAAA,OAAA,CAAA,CAAA;EAAA,KAAA,EAGtB,YAHsB,CAGT,GAHS,CAGL,KAHK,GAAA,SAAA,CAAA,CAAA;EAAA,eACD,EAAA,GAAA,GAAA,IAAA;EAAS,MAAb,EAIhB,eAJgB;;AACA,KASd,SAAA,GATc,MAAA,GAAA,SAAA,GAAA,eAAA,GAAA,OAAA;;;;;cCSb;UAsCH,eAAA;ED3EO,KAAA,EAAA,CAAA,KAAA,EC4EA,MD5Ee,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAAA,OAAA,EAAA,MAAA;;UCkFtB,OAAA,CDnEC;EAAM,OAKP,EAAA,CAAA,GAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAgB,OAAA,EAAA,MAAA;AAM1B;AAA+B,iBCyFf,eAAA,CDzFe,MAAA,ECyFS,eDzFT,CAAA,EAAA;EAAA,OACD,CAAA,QAAA,EC0FR,eD1FQ,GC0FU,OD1FV,CAAA,EAAA,IAAA;CAAS;;;;cEL1B;;;;;cCAA;;;;;cCOA;;;;;UC5BI,sBAAA,SAA+B;aAInC,YAAY;ALLzB;AAAgC,iBKahB,gBAAA,CAAA,CLbgB,EKaI,sBLbJ"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef, DeepReadonly, Ref } from "vue";
-import { CapitalOSError, ErrorCode, Logger, Logger as Logger$1, RawErrorDetails, ThemeColorScheme, ThemeColorScheme as ThemeColorScheme$1, TokenData, TokenData as TokenData$1 } from "@capitalos/core";
+import { Account, AccountStatus, CapitalOSError, ErrorCode, Logger, Logger as Logger$1, RawErrorDetails, ThemeColorScheme, ThemeColorScheme as ThemeColorScheme$1, TokenData, TokenData as TokenData$1 } from "@capitalos/core";
 
 //#region src/types.d.ts
 interface CapitalOsConfig {
@@ -38,8 +38,18 @@ declare function createCapitalOs(config: CapitalOsConfig): {
 declare const CardsApp: any;
 
 //#endregion
-//#region src/composables/use-capitalos-auth.d.ts
+//#region src/components/BillPayApp.d.ts
 //# sourceMappingURL=CardsApp.d.ts.map
+declare const BillPayApp: any;
+
+//#endregion
+//#region src/components/Onboarding.d.ts
+//# sourceMappingURL=BillPayApp.d.ts.map
+declare const Onboarding: any;
+
+//#endregion
+//#region src/composables/use-capitalos-auth.d.ts
+//# sourceMappingURL=Onboarding.d.ts.map
 interface UseCapitalOsAuthReturn extends CapitalOsState {
   authState: ComputedRef<AuthState>;
 }
@@ -48,5 +58,5 @@ declare function useCapitalOsAuth(): UseCapitalOsAuthReturn;
 //#endregion
 //# sourceMappingURL=use-capitalos-auth.d.ts.map
 
-export { AuthState, CAPITALOS_INJECTION_KEY, CapitalOSError, CapitalOsConfig, CardsApp, ErrorCode, Logger, RawErrorDetails, ThemeColorScheme, TokenData, UseCapitalOsAuthReturn, createCapitalOs, useCapitalOsAuth };
+export { Account, AccountStatus, AuthState, BillPayApp, CAPITALOS_INJECTION_KEY, CapitalOSError, CapitalOsConfig, CardsApp, ErrorCode, Logger, Onboarding, RawErrorDetails, ThemeColorScheme, TokenData, UseCapitalOsAuthReturn, createCapitalOs, useCapitalOsAuth };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/types.ts","../src/plugin.ts","../src/components/CardsApp.ts","../src/composables/use-capitalos-auth.ts"],"sourcesContent":null,"mappings":";;;;UAMiB,eAAA;kBAKC;EALD,aAAA,CAAA,EAAA,OAAe;EAAA,MAAA,CAAA,EAerB,QAfqB;EAAA,KAKd,CAAA,EAeR,kBAfQ;;AAeR,UAMO,cAAA,CANP;EAAgB,SAAA,EAOb,YAPa,CAOA,GAPA,CAOI,WAPJ,GAAA,SAAA,CAAA,CAAA;EAMT,SAAA,EAEJ,YAFkB,CAEL,GAFK,CAAA,OAAA,CAAA,CAAA;EAAA,KAAA,EAGtB,YAHsB,CAGT,GAHS,CAGL,KAHK,GAAA,SAAA,CAAA,CAAA;EAAA,eACD,EAAA,GAAA,GAAA,IAAA;EAAS,MAAb,EAIhB,eAJgB;;AACA,KASd,SAAA,GATc,MAAA,GAAA,SAAA,GAAA,eAAA,GAAA,OAAA;;;;;cCSb;UAsCH,eAAA;ED3EO,KAAA,EAAA,CAAA,KAAA,EC4EA,MD5Ee,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAAA,OAAA,EAAA,MAAA;;UCkFtB,OAAA,CDnEC;EAAM,OAKP,EAAA,CAAA,GAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAgB,OAAA,EAAA,MAAA;AAM1B;AAA+B,iBCyFf,eAAA,CDzFe,MAAA,ECyFS,eDzFT,CAAA,EAAA;EAAA,OACD,CAAA,QAAA,EC0FR,eD1FQ,GC0FU,OD1FV,CAAA,EAAA,IAAA;CAAS;;;;cEqB1B;;;;;UC/CI,sBAAA,SAA+B;aAInC,YAAY;AHLzB;AAAgC,iBGahB,gBAAA,CAAA,CHbgB,EGaI,sBHbJ"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/types.ts","../src/plugin.ts","../src/components/CardsApp.ts","../src/components/BillPayApp.ts","../src/components/Onboarding.ts","../src/composables/use-capitalos-auth.ts"],"sourcesContent":null,"mappings":";;;;UAMiB,eAAA;kBAKC;EALD,aAAA,CAAA,EAAA,OAAe;EAAA,MAAA,CAAA,EAerB,QAfqB;EAAA,KAKd,CAAA,EAeR,kBAfQ;;AAeR,UAMO,cAAA,CANP;EAAgB,SAAA,EAOb,YAPa,CAOA,GAPA,CAOI,WAPJ,GAAA,SAAA,CAAA,CAAA;EAMT,SAAA,EAEJ,YAFkB,CAEL,GAFK,CAAA,OAAA,CAAA,CAAA;EAAA,KAAA,EAGtB,YAHsB,CAGT,GAHS,CAGL,KAHK,GAAA,SAAA,CAAA,CAAA;EAAA,eACD,EAAA,GAAA,GAAA,IAAA;EAAS,MAAb,EAIhB,eAJgB;;AACA,KASd,SAAA,GATc,MAAA,GAAA,SAAA,GAAA,eAAA,GAAA,OAAA;;;;;cCSb;UAsCH,eAAA;ED3EO,KAAA,EAAA,CAAA,KAAA,EC4EA,MD5Ee,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA,GAAA,IAAA;EAAA,OAAA,EAAA,MAAA;;UCkFtB,OAAA,CDnEC;EAAM,OAKP,EAAA,CAAA,GAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAAgB,OAAA,EAAA,MAAA;AAM1B;AAA+B,iBCyFf,eAAA,CDzFe,MAAA,ECyFS,eDzFT,CAAA,EAAA;EAAA,OACD,CAAA,QAAA,EC0FR,eD1FQ,GC0FU,OD1FV,CAAA,EAAA,IAAA;CAAS;;;;cEL1B;;;;;cCAA;;;;;cCOA;;;;;UC5BI,sBAAA,SAA+B;aAInC,YAAY;ALLzB;AAAgC,iBKahB,gBAAA,CAAA,CLbgB,EKaI,sBLbJ"}

package/dist/index.js

@@ -142,6 +142,27 @@ function createCapitalOs(config) {
 	} };
 }
 
+//#endregion
+//#region src/components/common-props.ts
+/**
+* Common props shared by all CapitalOS Vue components.
+*/
+const commonProps = {
+	theme: String,
+	heightOffsetPx: {
+		type: Number,
+		default: 12
+	},
+	enableLogging: Boolean
+};
+/**
+* Common emits shared by all CapitalOS Vue components.
+*/
+const commonEmits = {
+	loaded: () => true,
+	error: (error) => error instanceof __capitalos_core.CapitalOSError
+};
+
 //#endregion
 //#region src/composables/use-capitalos-auth.ts
 /**
@@ -166,7 +187,89 @@ function useCapitalOsAuth() {
 
 //#endregion
 //#region package.json
-var version = "0.1.0-rc.1";
+var version = "0.1.0";
+
+//#endregion
+//#region src/composables/use-iframe-component.ts
+/**
+* Composable that handles common iframe component setup.
+*
+* Manages:
+* - Container ref and iframe manager lifecycle
+* - Token data subscription and iframe initialization
+* - Common callbacks (onLoad, onError, onTokenExpired)
+* - Cleanup on unmount
+* - Render function for the container div
+*
+* Note: Rendering context props (e.g., entryPoint, exitPoint for Onboarding) are read once
+* at iframe initialization. Changes to these props after the iframe loads will NOT trigger
+* re-initialization. This matches the behavior of the React SDK.
+*
+* @example
+* ```ts
+* setup(props, { emit }) {
+*   const { render } = useIframeComponent({
+*     props,
+*     emit,
+*     getRenderingContext: () => ({ entryPoint: 'cardsApp' }),
+*   })
+*   return render
+* }
+* ```
+*/
+function useIframeComponent(options) {
+	const { props, emit, getRenderingContext, componentCallbacks } = options;
+	const containerRef = (0, vue.ref)(null);
+	const { tokenData, config, invalidateToken } = useCapitalOsAuth();
+	let iframeManager = null;
+	function initializeIframe(token, container) {
+		iframeManager?.destroy();
+		const resolvedEnableLogging = props.enableLogging ?? config.enableLogging ?? false;
+		const resolvedTheme = props.theme ?? config.theme;
+		iframeManager = new __capitalos_core.IframeManager({
+			container,
+			tokenData: token,
+			renderingContext: getRenderingContext(),
+			theme: resolvedTheme,
+			enableLogging: resolvedEnableLogging,
+			logger: config.logger,
+			sdkVersion: version,
+			heightOffsetPx: props.heightOffsetPx,
+			callbacks: {
+				onLoad: () => {
+					emit("loaded");
+				},
+				onError: (rawError) => {
+					emit("error", new __capitalos_core.CapitalOSError(rawError));
+				},
+				onTokenExpired: () => {
+					invalidateToken();
+				},
+				...componentCallbacks
+			}
+		});
+	}
+	(0, vue.watch)([tokenData, containerRef], ([newTokenData, container]) => {
+		if (newTokenData && container) initializeIframe(newTokenData, container);
+	}, { immediate: true });
+	(0, vue.onUnmounted)(() => {
+		iframeManager?.destroy();
+		iframeManager = null;
+	});
+	function render() {
+		return (0, vue.h)("div", {
+			ref: (el) => {
+				containerRef.value = el;
+			},
+			class: "capitalos-iframe-container",
+			style: { width: "100%" }
+		});
+	}
+	return {
+		containerRef,
+		render
+	};
+}
 
 //#endregion
 //#region src/components/CardsApp.ts
@@ -193,74 +296,128 @@ var version = "0.1.0-rc.1";
 * const onCardsError = (error) => console.error(error)
 * </script>
 * ```
-*
-* Note: CardsApp is not designed to be conditionally mounted/unmounted frequently.
-* For show/hide behavior, consumers should toggle visibility (e.g., v-show) rather
-* than mount/unmount repeatedly.
 */
 const CardsApp = (0, vue.defineComponent)({
 	name: "CardsApp",
+	props: commonProps,
+	emits: commonEmits,
+	setup(props, { emit }) {
+		const { render } = useIframeComponent({
+			props,
+			emit,
+			getRenderingContext: () => ({ entryPoint: "cardsApp" })
+		});
+		return render;
+	}
+});
+
+//#endregion
+//#region src/components/BillPayApp.ts
+/**
+* BillPayApp component that renders the CapitalOS bill payment interface in an iframe.
+*
+* The component emits events for loading state - consumers should handle their own loading UI:
+*
+* @example
+* ```vue
+* <template>
+*   <div v-if="!billPayLoaded">Loading...</div>
+*   <BillPayApp
+*     @loaded="billPayLoaded = true"
+*     @error="onBillPayError"
+*   />
+* </template>
+*
+* <script setup>
+* import { ref } from 'vue'
+* import { BillPayApp } from '@capitalos/vue'
+*
+* const billPayLoaded = ref(false)
+* const onBillPayError = (error) => console.error(error)
+* </script>
+* ```
+*/
+const BillPayApp = (0, vue.defineComponent)({
+	name: "BillPayApp",
+	props: commonProps,
+	emits: commonEmits,
+	setup(props, { emit }) {
+		const { render } = useIframeComponent({
+			props,
+			emit,
+			getRenderingContext: () => ({ entryPoint: "billPayApp" })
+		});
+		return render;
+	}
+});
+
+//#endregion
+//#region src/components/Onboarding.ts
+/**
+* Onboarding component that renders the CapitalOS onboarding flow in an iframe.
+*
+* The component emits events for loading state and completion - consumers should handle their own loading UI:
+*
+* @example
+* ```vue
+* <template>
+*   <div v-if="!onboardingLoaded">Loading...</div>
+*   <Onboarding
+*     entry-point="welcome"
+*     exit-point="activation"
+*     @loaded="onboardingLoaded = true"
+*     @error="onOnboardingError"
+*     @done="onOnboardingComplete"
+*   />
+* </template>
+*
+* <script setup>
+* import { ref } from 'vue'
+* import { Onboarding } from '@capitalos/vue'
+*
+* const onboardingLoaded = ref(false)
+* const onOnboardingError = (error) => console.error(error)
+* const onOnboardingComplete = (account) => {
+*   console.log('Onboarding complete:', account.status)
+* }
+* </script>
+* ```
+*/
+const Onboarding = (0, vue.defineComponent)({
+	name: "Onboarding",
 	props: {
-		theme: String,
-		heightOffsetPx: {
-			type: Number,
-			default: 12
-		},
-		enableLogging: Boolean
+		...commonProps,
+		entryPoint: String,
+		exitPoint: String,
+		allowExitOnNonApproved: {
+			type: Boolean,
+			default: void 0
+		}
 	},
 	emits: {
-		loaded: () => true,
-		error: (error) => error instanceof __capitalos_core.CapitalOSError
+		...commonEmits,
+		done: (_account) => true
 	},
 	setup(props, { emit }) {
-		const containerRef = (0, vue.ref)(null);
-		const { tokenData, config, invalidateToken } = useCapitalOsAuth();
-		let iframeManager = null;
-		function initializeIframe(token, container) {
-			iframeManager?.destroy();
-			const resolvedEnableLogging = props.enableLogging ?? config.enableLogging ?? false;
-			const resolvedTheme = props.theme ?? config.theme;
-			iframeManager = new __capitalos_core.IframeManager({
-				container,
-				tokenData: token,
-				renderingContext: { entryPoint: "cardsApp" },
-				theme: resolvedTheme,
-				enableLogging: resolvedEnableLogging,
-				logger: config.logger,
-				sdkVersion: version,
-				heightOffsetPx: props.heightOffsetPx,
-				callbacks: {
-					onLoad: () => {
-						emit("loaded");
-					},
-					onError: (rawError) => {
-						const capitalOsError = new __capitalos_core.CapitalOSError(rawError);
-						emit("error", capitalOsError);
-					},
-					onTokenExpired: () => {
-						invalidateToken();
-					}
-				}
-			});
-		}
-		(0, vue.watch)([tokenData, containerRef], ([newTokenData, container]) => {
-			if (newTokenData && container) initializeIframe(newTokenData, container);
-		}, { immediate: true });
-		(0, vue.onUnmounted)(() => {
-			iframeManager?.destroy();
-			iframeManager = null;
-		});
-		return () => (0, vue.h)("div", {
-			ref: (el) => {
-				containerRef.value = el;
-			},
-			class: "capitalos-iframe-container",
-			style: { width: "100%" }
+		const { render } = useIframeComponent({
+			props,
+			emit,
+			getRenderingContext: () => ({
+				entryPoint: "onboarding",
+				onboardingEntryPoint: props.entryPoint,
+				onboardingExitPoint: props.exitPoint,
+				allowExitOnNonApproved: props.allowExitOnNonApproved
+			}),
+			componentCallbacks: { onboarding: { onDone: (account) => {
+				emit("done", account);
+			} } }
 		});
+		return render;
 	}
 });
 
 //#endregion
+exports.BillPayApp = BillPayApp
 exports.CAPITALOS_INJECTION_KEY = CAPITALOS_INJECTION_KEY
 Object.defineProperty(exports, 'CapitalOSError', {
   enumerable: true,
@@ -275,6 +432,7 @@ Object.defineProperty(exports, 'ErrorCode', {
     return __capitalos_core.ErrorCode;
   }
 });
+exports.Onboarding = Onboarding
 exports.createCapitalOs = createCapitalOs
 exports.useCapitalOsAuth = useCapitalOsAuth
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["globalState: CapitalOsState | null","error: unknown","appOrVue: Vue2Constructor | Vue3App","config: CapitalOsConfig","logger","activeAbortController: AbortController | null","TokenType","TokenParamKey","TokenParamLocation","state: CapitalOsState","error: CapitalOSError","CapitalOSError","iframeManager: IframeManager | null","token: TokenData","container: HTMLElement","IframeManager","SDK_VERSION","rawError: RawErrorDetails","el: Element | null"],"sources":["../src/plugin.ts","../src/composables/use-capitalos-auth.ts","../package.json","../src/components/CardsApp.ts"],"sourcesContent":["// =============================================================================\n// MAINTAINER NOTE: Vue 2.7 vs Vue 3 Plugin Compatibility\n// =============================================================================\n//\n// Vue 2.7 and Vue 3 call plugin.install() with DIFFERENT arguments:\n//\n// Vue 3 consumer code:\n//   const app = createApp(App)\n//   app.use(myPlugin)  // → calls myPlugin.install(app) with app INSTANCE\n//\n// Vue 2.7 consumer code:\n//   Vue.use(myPlugin)  // → calls myPlugin.install(Vue) with Vue CONSTRUCTOR\n//\n// This matters because:\n// - Vue 3's app instance has app.provide() for dependency injection\n// - Vue 2.7's Vue constructor does NOT have provide() - must use Vue.mixin()\n//\n// This plugin detects which API is available and uses the appropriate method.\n// As an additional fallback for edge cases, we also store state in a module-level\n// variable that `useCapitalOsAuth` can access if `inject()` returns undefined.\n//\n// FUTURE: If we ever need to support Vue < 2.7 or have more complex version-\n// specific logic throughout the codebase, consider using `vue-demi` package\n// (https://github.com/vueuse/vue-demi) which abstracts all Vue 2/3 differences.\n// For now, our simple detection is sufficient since Vue 2.7 has Composition API\n// backported and we only need to handle the plugin install signature difference.\n// =============================================================================\n\nimport { ref, readonly } from 'vue'\nimport {\n  exchangeOneTimeToken,\n  createLogger,\n  TokenType,\n  TokenParamKey,\n  TokenParamLocation,\n  type TokenData,\n} from '@capitalos/core'\nimport type { CapitalOsConfig, CapitalOsState } from './types'\n\n/**\n * Injection key for CapitalOS state.\n * Used with Vue's provide/inject system.\n */\nexport const CAPITALOS_INJECTION_KEY = Symbol('capitalos')\n\n// MAINTAINER NOTE: Module-level state storage for Vue 2.7 compatibility fallback.\n//\n// In Vue 2.7, even with the mixin approach, there can be edge cases where\n// `inject()` doesn't find the provided value (e.g., in the root component\n// or components created before the mixin is applied). This global fallback\n// ensures `useCapitalOsAuth()` always has access to the state.\nlet globalState: CapitalOsState | null = null\n\n// @internal - used by useCapitalOsAuth for Vue 2.7 fallback\nexport function getGlobalState(): CapitalOsState | null {\n  return globalState\n}\n\nconst TOKEN_EXCHANGE_TIMEOUT_MS = 10_000\n\n// Converts an unknown error to an Error object\nfunction toError(error: unknown): Error {\n  if (error instanceof Error) {\n    return error\n  }\n  return new Error(String(error))\n}\n\n// MAINTAINER NOTE: Module-level guard against double installation (singleton pattern).\n//\n// This MUST be module-level (not inside createCapitalOs) because:\n// - The plugin creates reactive state that should only exist once\n// - Multiple installations would create multiple token exchange iframes\n// - Multiple auth states would cause inconsistent behavior\n//\n// If a consumer accidentally calls Vue.use(createCapitalOs(...)) twice,\n// the second call will be silently ignored with a warning.\nlet installed = false\n\n// Type for Vue 2 constructor passed to plugin install.\n// In Vue 2.7, `Vue.use(plugin)` passes the Vue constructor.\ninterface Vue2Constructor {\n  mixin: (mixin: Record<string, unknown>) => void\n  version: string\n}\n\n// Type for Vue 3 app instance passed to plugin install.\n// In Vue 3, `app.use(plugin)` passes the app instance.\ninterface Vue3App {\n  provide: (key: symbol, value: unknown) => void\n  version: string\n}\n\n// Detect Vue version by checking for Vue 3's `provide` method.\n// Vue 3 app instances have `app.provide()`, Vue 2 constructors don't.\nfunction isVue3App(appOrVue: Vue2Constructor | Vue3App): appOrVue is Vue3App {\n  return typeof (appOrVue as Vue3App).provide === 'function'\n}\n\n/**\n * Creates the CapitalOS Vue plugin.\n *\n * Usage (Vue 3):\n * ```typescript\n * import { createApp } from 'vue'\n * import { createCapitalOs } from '@capitalos/vue'\n *\n * const app = createApp(App)\n * app.use(createCapitalOs({ getToken: async () => { ... } }))\n * app.mount('#app')\n * ```\n *\n * Usage (Vue 2.7):\n * ```typescript\n * import Vue from 'vue'\n * import { createCapitalOs } from '@capitalos/vue'\n *\n * Vue.use(createCapitalOs({ getToken: async () => { ... } }))\n * new Vue({ render: h => h(App) }).$mount('#app')\n * ```\n */\nexport function createCapitalOs(config: CapitalOsConfig) {\n  return {\n    install(appOrVue: Vue2Constructor | Vue3App) {\n      // Prevent double installation\n      if (installed) {\n        const logger = createLogger(config.enableLogging, config.logger)\n        logger.warn('[CapitalOS] Plugin already installed, skipping duplicate installation')\n        return\n      }\n      installed = true\n\n      const logger = createLogger(config.enableLogging, config.logger)\n\n      // Create reactive state\n      const tokenData = ref<TokenData | undefined>(undefined)\n      const isLoading = ref(false)\n      const error = ref<Error | undefined>(undefined)\n\n      // AbortController for cancelling in-flight token exchanges\n      let activeAbortController: AbortController | null = null\n\n      // Refreshes the token by fetching a new one-time token and exchanging it.\n      async function refreshToken(): Promise<void> {\n        // Prevent concurrent refresh calls - if already loading, skip\n        if (isLoading.value) {\n          logger.log('[CapitalOS] Token refresh already in progress, skipping')\n          return\n        }\n\n        logger.log('[CapitalOS] Starting token refresh')\n        isLoading.value = true\n        error.value = undefined\n\n        // Abort any in-flight exchange when a new one begins\n        activeAbortController?.abort()\n        const abortController = new AbortController()\n        activeAbortController = abortController\n\n        try {\n          const oneTimeToken = await config.getToken()\n          logger.log('[CapitalOS] Received one-time token')\n\n          // Check if aborted after getToken\n          if (abortController.signal.aborted) {\n            return\n          }\n\n          // Exchange for long-lived token using @capitalos/core\n          const result = await exchangeOneTimeToken({\n            oneTimeToken,\n            enableLogging: config.enableLogging,\n            logger: config.logger,\n            timeoutMs: TOKEN_EXCHANGE_TIMEOUT_MS,\n            signal: abortController.signal,\n          })\n\n          // Check if aborted after exchange\n          if (abortController.signal.aborted) {\n            return\n          }\n\n          tokenData.value = {\n            token: result.longLivedToken,\n            tokenType: TokenType.longLived,\n            baseUrl: result.baseUrl,\n            paramKey: TokenParamKey.accessToken,\n            paramLocation: TokenParamLocation.hash,\n          }\n          logger.log('[CapitalOS] Token exchange complete')\n        } catch (e) {\n          // Ignore abort errors\n          if (e instanceof Error && e.name === 'AbortError') {\n            return\n          }\n\n          const err = toError(e)\n          logger.error(`[CapitalOS] Token refresh failed: ${err.message}`)\n          error.value = err\n        } finally {\n          if (activeAbortController === abortController) {\n            activeAbortController = null\n          }\n          isLoading.value = false\n        }\n      }\n\n      // Invalidates the current token, triggering a refresh.\n      // Called when the iframe signals that the token has expired.\n      function invalidateToken(): void {\n        logger.log('[CapitalOS] Invalidating token')\n        tokenData.value = undefined\n        error.value = undefined\n        refreshToken()\n      }\n\n      // Create state object to provide\n      const state: CapitalOsState = {\n        tokenData: readonly(tokenData),\n        isLoading: readonly(isLoading),\n        error: readonly(error),\n        invalidateToken,\n        config,\n      }\n\n      // Store globally as fallback for Vue 2.7 edge cases where inject() fails\n      globalState = state\n\n      // Provide state using the appropriate API based on Vue version\n      if (isVue3App(appOrVue)) {\n        // Vue 3: use app.provide() - this makes state available to all components\n        // via inject(CAPITALOS_INJECTION_KEY)\n        appOrVue.provide(CAPITALOS_INJECTION_KEY, state)\n      } else {\n        // Vue 2.7: use Vue.mixin() to add a provide function to all components.\n        // This is the Vue 2 equivalent of app.provide() - it injects the provide\n        // option into every component so inject() can find our state.\n        appOrVue.mixin({\n          provide() {\n            return {\n              [CAPITALOS_INJECTION_KEY]: state,\n            }\n          },\n        })\n      }\n\n      // Start token exchange eagerly (matches Angular behavior)\n      refreshToken()\n    },\n  }\n}\n","import { inject, computed, type ComputedRef } from 'vue'\nimport { CAPITALOS_INJECTION_KEY, getGlobalState } from '../plugin'\nimport type { CapitalOsState, AuthState } from '../types'\n\n/**\n * Return type for useCapitalOsAuth composable\n */\nexport interface UseCapitalOsAuthReturn extends CapitalOsState {\n  /**\n   * Computed authentication state\n   */\n  authState: ComputedRef<AuthState>\n}\n\n/**\n * @internal\n * Internal composable for accessing CapitalOS authentication state.\n * Used by SDK components - not intended for direct consumer use.\n */\nexport function useCapitalOsAuth(): UseCapitalOsAuthReturn {\n  // MAINTAINER NOTE: Vue 2.7 vs Vue 3 Compatibility\n  //\n  // Try inject() first - this works in:\n  // - Vue 3 (via app.provide)\n  // - Vue 2.7 (via mixin provide, in most components)\n  //\n  // Fall back to getGlobalState() for Vue 2.7 edge cases where inject() fails,\n  // such as the root component or components created before the mixin is applied.\n  //\n  // Do NOT remove the ?? getGlobalState() fallback - it's required for Vue 2.7.\n  const state = inject<CapitalOsState>(CAPITALOS_INJECTION_KEY) ?? getGlobalState()\n\n  if (!state) {\n    throw new Error(\n      'useCapitalOsAuth must be used in a component where createCapitalOs plugin is installed. ' +\n        'Make sure to call app.use(createCapitalOs({ ... })) or Vue.use(createCapitalOs({ ... })) in your main.ts'\n    )\n  }\n\n  const authState = computed<AuthState>(() => {\n    if (state.isLoading.value) return 'loading'\n    if (state.error.value) return 'error'\n    if (state.tokenData.value) return 'authenticated'\n    return 'idle'\n  })\n\n  return {\n    ...state,\n    authState,\n  }\n}\n","{\n  \"name\": \"@capitalos/vue\",\n  \"version\": \"0.1.0-rc.1\",\n  \"description\": \"Vue SDK for CapitalOS\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/index.mjs\",\n  \"types\": \"dist/index.d.ts\",\n  \"exports\": {\n    \".\": {\n      \"import\": {\n        \"types\": \"./dist/index.d.mts\",\n        \"default\": \"./dist/index.mjs\"\n      },\n      \"require\": {\n        \"types\": \"./dist/index.d.ts\",\n        \"default\": \"./dist/index.js\"\n      }\n    }\n  },\n  \"files\": [\n    \"dist\"\n  ],\n  \"scripts\": {\n    \"build\": \"tsdown\",\n    \"dev\": \"tsdown --watch\",\n    \"lint\": \"eslint src --ext .ts --fix\",\n    \"lint-ci\": \"eslint src --ext .ts\",\n    \"start\": \"pnpm --filter vue-test-app dev\",\n    \"start:all\": \"concurrently \\\"pnpm --filter sdk-test-server start\\\" \\\"pnpm start\\\"\"\n  },\n  \"keywords\": [\n    \"capitalos\",\n    \"vue\",\n    \"sdk\",\n    \"iframe\"\n  ],\n  \"author\": \"CapitalOS\",\n  \"license\": \"MIT\",\n  \"peerDependencies\": {\n    \"vue\": \"^2.7.0 || ^3.0.0\"\n  },\n  \"dependencies\": {\n    \"@capitalos/core\": \"workspace:*\"\n  },\n  \"devDependencies\": {\n    \"tsdown\": \"^0.9.2\",\n    \"typescript\": \"^5.6.2\",\n    \"vue\": \"^3.5.13\",\n    \"concurrently\": \"^9.1.2\"\n  }\n}\n","// =============================================================================\n// MAINTAINER NOTE: Why defineComponent + render function instead of SFC?\n// =============================================================================\n//\n// This component uses `defineComponent()` with a render function (`h()`) instead\n// of a Single File Component (.vue file) for Vue 2.7/3 compatibility:\n//\n// - SFCs require different compilers for Vue 2 vs Vue 3\n// - Render functions work identically in both versions\n// - Simpler build - no vue-compiler needed, just TypeScript\n//\n// This is a deliberate architectural choice for cross-version compatibility.\n// Do NOT convert this to an SFC without understanding the implications.\n// =============================================================================\n\nimport { defineComponent, h, ref, watch, onUnmounted, type PropType } from 'vue'\nimport {\n  IframeManager,\n  CapitalOSError,\n  type ThemeColorScheme,\n  type TokenData,\n  type RawErrorDetails,\n} from '@capitalos/core'\nimport { useCapitalOsAuth } from '../composables/use-capitalos-auth'\nimport { version as SDK_VERSION } from '../../package.json'\n\n/**\n * CardsApp component that renders the CapitalOS cards interface in an iframe.\n *\n * The component emits events for loading state - consumers should handle their own loading UI:\n *\n * @example\n * ```vue\n * <template>\n *   <div v-if=\"!cardsLoaded\">Loading...</div>\n *   <CardsApp\n *     @loaded=\"cardsLoaded = true\"\n *     @error=\"onCardsError\"\n *   />\n * </template>\n *\n * <script setup>\n * import { ref } from 'vue'\n * import { CardsApp } from '@capitalos/vue'\n *\n * const cardsLoaded = ref(false)\n * const onCardsError = (error) => console.error(error)\n * </script>\n * ```\n *\n * Note: CardsApp is not designed to be conditionally mounted/unmounted frequently.\n * For show/hide behavior, consumers should toggle visibility (e.g., v-show) rather\n * than mount/unmount repeatedly.\n */\nexport const CardsApp = defineComponent({\n  name: 'CardsApp',\n  props: {\n    /**\n     * Theme color scheme for the cards interface.\n     * Overrides the theme set in plugin configuration.\n     */\n    theme: String as PropType<ThemeColorScheme>,\n    /**\n     * Offset in pixels to add to the iframe height calculation.\n     * Useful for avoiding scrollbars when the content height changes dynamically.\n     */\n    heightOffsetPx: {\n      type: Number,\n      default: 12,\n    },\n    /**\n     * Whether to enable logging for debugging purposes.\n     * Overrides the enableLogging set in plugin configuration.\n     */\n    enableLogging: Boolean,\n  },\n  emits: {\n    /**\n     * Emitted when the cards interface has finished loading.\n     */\n    loaded: () => true,\n    /**\n     * Emitted when an error occurs in the cards interface.\n     */\n    error: (error: CapitalOSError) => error instanceof CapitalOSError,\n  },\n  setup(props, { emit }) {\n    const containerRef = ref<HTMLElement | null>(null)\n    const { tokenData, config, invalidateToken } = useCapitalOsAuth()\n\n    let iframeManager: IframeManager | null = null\n\n    function initializeIframe(token: TokenData, container: HTMLElement): void {\n      // Destroy previous iframe before creating new one (matches Angular/React behavior)\n      // This ensures token refresh works correctly - new token = new iframe\n      iframeManager?.destroy()\n\n      const resolvedEnableLogging = props.enableLogging ?? config.enableLogging ?? false\n      const resolvedTheme = props.theme ?? config.theme\n\n      iframeManager = new IframeManager({\n        container,\n        tokenData: token,\n        renderingContext: { entryPoint: 'cardsApp' },\n        theme: resolvedTheme,\n        enableLogging: resolvedEnableLogging,\n        logger: config.logger,\n        sdkVersion: SDK_VERSION,\n        heightOffsetPx: props.heightOffsetPx,\n        callbacks: {\n          onLoad: () => {\n            emit('loaded')\n          },\n          onError: (rawError: RawErrorDetails) => {\n            const capitalOsError = new CapitalOSError(rawError)\n            emit('error', capitalOsError)\n          },\n          onTokenExpired: () => {\n            invalidateToken()\n          },\n        },\n      })\n    }\n\n    // MAINTAINER NOTE: Watch for tokenData and container changes to initialize the iframe.\n    //\n    // Why watch both tokenData AND containerRef?\n    // - tokenData: comes from async token exchange, may not be ready on mount\n    // - containerRef: DOM element, available after first render\n    //\n    // Why { immediate: true }?\n    // - If tokenData is already available when component mounts, we want to\n    //   initialize immediately without waiting for a change\n    // - Without this, the iframe wouldn't load until tokenData changes again\n    watch(\n      [tokenData, containerRef],\n      ([newTokenData, container]) => {\n        if (newTokenData && container) {\n          initializeIframe(newTokenData, container)\n        }\n      },\n      { immediate: true }\n    )\n\n    onUnmounted(() => {\n      iframeManager?.destroy()\n      iframeManager = null\n    })\n\n    // MAINTAINER NOTE: Render function - creates the container div for the iframe.\n    //\n    // Why use a function ref `ref: (el) => { ... }` instead of `ref: containerRef`?\n    //\n    // Vue 2.7 and Vue 3 handle template refs differently in render functions:\n    // - Vue 3: can use `ref: containerRef` directly\n    // - Vue 2.7: requires function ref pattern for reliable element access\n    //\n    // The function ref pattern works in both versions, so we use it for compatibility.\n    // Do NOT change this to `ref: containerRef` - it will break Vue 2.7 support.\n    //\n    // The `as unknown as string` type assertion is required because:\n    // - Vue 3's TypeScript types don't properly express that function refs are valid\n    // - The function ref pattern IS valid at runtime in both Vue 2.7 and Vue 3\n    // - This is a known limitation of Vue 3's type definitions\n    return () =>\n      h('div', {\n        // Type assertion required: Vue 3's types don't support function refs in h(),\n        // but function refs ARE valid at runtime in both Vue 2.7 and Vue 3\n        ref: ((el: Element | null) => {\n          containerRef.value = el as HTMLElement | null\n        }) as unknown as string,\n        class: 'capitalos-iframe-container',\n        style: { width: '100%' },\n      })\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,0BAA0B,OAAO,YAAY;AAQ1D,IAAIA,cAAqC;AAGzC,SAAgB,iBAAwC;AACtD,QAAO;AACR;AAED,MAAM,4BAA4B;AAGlC,SAAS,QAAQC,OAAuB;AACtC,KAAI,iBAAiB,MACnB,QAAO;AAET,QAAO,IAAI,MAAM,OAAO,MAAM;AAC/B;AAWD,IAAI,YAAY;AAkBhB,SAAS,UAAUC,UAA0D;AAC3E,eAAe,SAAqB,YAAY;AACjD;;;;;;;;;;;;;;;;;;;;;;;AAwBD,SAAgB,gBAAgBC,QAAyB;AACvD,QAAO,EACL,QAAQD,UAAqC;AAE3C,MAAI,WAAW;GACb,MAAME,WAAS,mCAAa,OAAO,eAAe,OAAO,OAAO;AAChE,YAAO,KAAK,wEAAwE;AACpF;EACD;AACD,cAAY;EAEZ,MAAM,SAAS,mCAAa,OAAO,eAAe,OAAO,OAAO;EAGhE,MAAM,YAAY,oBAAqC;EACvD,MAAM,YAAY,aAAI,MAAM;EAC5B,MAAM,QAAQ,oBAAiC;EAG/C,IAAIC,wBAAgD;EAGpD,eAAe,eAA8B;AAE3C,OAAI,UAAU,OAAO;AACnB,WAAO,IAAI,0DAA0D;AACrE;GACD;AAED,UAAO,IAAI,qCAAqC;AAChD,aAAU,QAAQ;AAClB,SAAM;AAGN,0BAAuB,OAAO;GAC9B,MAAM,kBAAkB,IAAI;AAC5B,2BAAwB;AAExB,OAAI;IACF,MAAM,eAAe,MAAM,OAAO,UAAU;AAC5C,WAAO,IAAI,sCAAsC;AAGjD,QAAI,gBAAgB,OAAO,QACzB;IAIF,MAAM,SAAS,MAAM,2CAAqB;KACxC;KACA,eAAe,OAAO;KACtB,QAAQ,OAAO;KACf,WAAW;KACX,QAAQ,gBAAgB;IACzB,EAAC;AAGF,QAAI,gBAAgB,OAAO,QACzB;AAGF,cAAU,QAAQ;KAChB,OAAO,OAAO;KACd,WAAWC,2BAAU;KACrB,SAAS,OAAO;KAChB,UAAUC,+BAAc;KACxB,eAAeC,oCAAmB;IACnC;AACD,WAAO,IAAI,sCAAsC;GAClD,SAAQ,GAAG;AAEV,QAAI,aAAa,SAAS,EAAE,SAAS,aACnC;IAGF,MAAM,MAAM,QAAQ,EAAE;AACtB,WAAO,OAAO,oCAAoC,IAAI,QAAQ,EAAE;AAChE,UAAM,QAAQ;GACf,UAAS;AACR,QAAI,0BAA0B,gBAC5B,yBAAwB;AAE1B,cAAU,QAAQ;GACnB;EACF;EAID,SAAS,kBAAwB;AAC/B,UAAO,IAAI,iCAAiC;AAC5C,aAAU;AACV,SAAM;AACN,iBAAc;EACf;EAGD,MAAMC,QAAwB;GAC5B,WAAW,kBAAS,UAAU;GAC9B,WAAW,kBAAS,UAAU;GAC9B,OAAO,kBAAS,MAAM;GACtB;GACA;EACD;AAGD,gBAAc;AAGd,MAAI,UAAU,SAAS,CAGrB,UAAS,QAAQ,yBAAyB,MAAM;MAKhD,UAAS,MAAM,EACb,UAAU;AACR,UAAO,GACJ,0BAA0B,MAC5B;EACF,EACF,EAAC;AAIJ,gBAAc;CACf,EACF;AACF;;;;;;;;;ACvOD,SAAgB,mBAA2C;CAWzD,MAAM,QAAQ,gBAAuB,wBAAwB,IAAI,gBAAgB;AAEjF,MAAK,MACH,OAAM,IAAI,MACR;CAKJ,MAAM,YAAY,kBAAoB,MAAM;AAC1C,MAAI,MAAM,UAAU,MAAO,QAAO;AAClC,MAAI,MAAM,MAAM,MAAO,QAAO;AAC9B,MAAI,MAAM,UAAU,MAAO,QAAO;AAClC,SAAO;CACR,EAAC;AAEF,QAAO;EACL,GAAG;EACH;CACD;AACF;;;;cChDY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACoDb,MAAa,WAAW,yBAAgB;CACtC,MAAM;CACN,OAAO;EAKL,OAAO;EAKP,gBAAgB;GACd,MAAM;GACN,SAAS;EACV;EAKD,eAAe;CAChB;CACD,OAAO;EAIL,QAAQ,MAAM;EAId,OAAO,CAACC,UAA0B,iBAAiBC;CACpD;CACD,MAAM,OAAO,EAAE,MAAM,EAAE;EACrB,MAAM,eAAe,aAAwB,KAAK;EAClD,MAAM,EAAE,WAAW,QAAQ,iBAAiB,GAAG,kBAAkB;EAEjE,IAAIC,gBAAsC;EAE1C,SAAS,iBAAiBC,OAAkBC,WAA8B;AAGxE,kBAAe,SAAS;GAExB,MAAM,wBAAwB,MAAM,iBAAiB,OAAO,iBAAiB;GAC7E,MAAM,gBAAgB,MAAM,SAAS,OAAO;AAE5C,mBAAgB,IAAIC,+BAAc;IAChC;IACA,WAAW;IACX,kBAAkB,EAAE,YAAY,WAAY;IAC5C,OAAO;IACP,eAAe;IACf,QAAQ,OAAO;IACf,YAAYC;IACZ,gBAAgB,MAAM;IACtB,WAAW;KACT,QAAQ,MAAM;AACZ,WAAK,SAAS;KACf;KACD,SAAS,CAACC,aAA8B;MACtC,MAAM,iBAAiB,IAAIN,gCAAe;AAC1C,WAAK,SAAS,eAAe;KAC9B;KACD,gBAAgB,MAAM;AACpB,uBAAiB;KAClB;IACF;GACF;EACF;AAYD,iBACE,CAAC,WAAW,YAAa,GACzB,CAAC,CAAC,cAAc,UAAU,KAAK;AAC7B,OAAI,gBAAgB,UAClB,kBAAiB,cAAc,UAAU;EAE5C,GACD,EAAE,WAAW,KAAM,EACpB;AAED,uBAAY,MAAM;AAChB,kBAAe,SAAS;AACxB,mBAAgB;EACjB,EAAC;AAiBF,SAAO,MACL,WAAE,OAAO;GAGP,KAAM,CAACO,OAAuB;AAC5B,iBAAa,QAAQ;GACtB;GACD,OAAO;GACP,OAAO,EAAE,OAAO,OAAQ;EACzB,EAAC;CACL;AACF,EAAC"}
+{"version":3,"file":"index.js","names":["globalState: CapitalOsState | null","error: unknown","appOrVue: Vue2Constructor | Vue3App","config: CapitalOsConfig","logger","activeAbortController: AbortController | null","TokenType","TokenParamKey","TokenParamLocation","state: CapitalOsState","error: CapitalOSError","CapitalOSError","options: UseIframeComponentOptions","iframeManager: IframeManager | null","token: TokenData","container: HTMLElement","IframeManager","SDK_VERSION","rawError: RawErrorDetails","CapitalOSError","el: Element | null","_account: Account","account: Account"],"sources":["../src/plugin.ts","../src/components/common-props.ts","../src/composables/use-capitalos-auth.ts","../package.json","../src/composables/use-iframe-component.ts","../src/components/CardsApp.ts","../src/components/BillPayApp.ts","../src/components/Onboarding.ts"],"sourcesContent":["// =============================================================================\n// MAINTAINER NOTE: Vue 2.7 vs Vue 3 Plugin Compatibility\n// =============================================================================\n//\n// Vue 2.7 and Vue 3 call plugin.install() with DIFFERENT arguments:\n//\n// Vue 3 consumer code:\n//   const app = createApp(App)\n//   app.use(myPlugin)  // → calls myPlugin.install(app) with app INSTANCE\n//\n// Vue 2.7 consumer code:\n//   Vue.use(myPlugin)  // → calls myPlugin.install(Vue) with Vue CONSTRUCTOR\n//\n// This matters because:\n// - Vue 3's app instance has app.provide() for dependency injection\n// - Vue 2.7's Vue constructor does NOT have provide() - must use Vue.mixin()\n//\n// This plugin detects which API is available and uses the appropriate method.\n// As an additional fallback for edge cases, we also store state in a module-level\n// variable that `useCapitalOsAuth` can access if `inject()` returns undefined.\n//\n// FUTURE: If we ever need to support Vue < 2.7 or have more complex version-\n// specific logic throughout the codebase, consider using `vue-demi` package\n// (https://github.com/vueuse/vue-demi) which abstracts all Vue 2/3 differences.\n// For now, our simple detection is sufficient since Vue 2.7 has Composition API\n// backported and we only need to handle the plugin install signature difference.\n// =============================================================================\n\nimport { ref, readonly } from 'vue'\nimport {\n  exchangeOneTimeToken,\n  createLogger,\n  TokenType,\n  TokenParamKey,\n  TokenParamLocation,\n  type TokenData,\n} from '@capitalos/core'\nimport type { CapitalOsConfig, CapitalOsState } from './types'\n\n/**\n * Injection key for CapitalOS state.\n * Used with Vue's provide/inject system.\n */\nexport const CAPITALOS_INJECTION_KEY = Symbol('capitalos')\n\n// MAINTAINER NOTE: Module-level state storage for Vue 2.7 compatibility fallback.\n//\n// In Vue 2.7, even with the mixin approach, there can be edge cases where\n// `inject()` doesn't find the provided value (e.g., in the root component\n// or components created before the mixin is applied). This global fallback\n// ensures `useCapitalOsAuth()` always has access to the state.\nlet globalState: CapitalOsState | null = null\n\n// @internal - used by useCapitalOsAuth for Vue 2.7 fallback\nexport function getGlobalState(): CapitalOsState | null {\n  return globalState\n}\n\nconst TOKEN_EXCHANGE_TIMEOUT_MS = 10_000\n\n// Converts an unknown error to an Error object\nfunction toError(error: unknown): Error {\n  if (error instanceof Error) {\n    return error\n  }\n  return new Error(String(error))\n}\n\n// MAINTAINER NOTE: Module-level guard against double installation (singleton pattern).\n//\n// This MUST be module-level (not inside createCapitalOs) because:\n// - The plugin creates reactive state that should only exist once\n// - Multiple installations would create multiple token exchange iframes\n// - Multiple auth states would cause inconsistent behavior\n//\n// If a consumer accidentally calls Vue.use(createCapitalOs(...)) twice,\n// the second call will be silently ignored with a warning.\nlet installed = false\n\n// Type for Vue 2 constructor passed to plugin install.\n// In Vue 2.7, `Vue.use(plugin)` passes the Vue constructor.\ninterface Vue2Constructor {\n  mixin: (mixin: Record<string, unknown>) => void\n  version: string\n}\n\n// Type for Vue 3 app instance passed to plugin install.\n// In Vue 3, `app.use(plugin)` passes the app instance.\ninterface Vue3App {\n  provide: (key: symbol, value: unknown) => void\n  version: string\n}\n\n// Detect Vue version by checking for Vue 3's `provide` method.\n// Vue 3 app instances have `app.provide()`, Vue 2 constructors don't.\nfunction isVue3App(appOrVue: Vue2Constructor | Vue3App): appOrVue is Vue3App {\n  return typeof (appOrVue as Vue3App).provide === 'function'\n}\n\n/**\n * Creates the CapitalOS Vue plugin.\n *\n * Usage (Vue 3):\n * ```typescript\n * import { createApp } from 'vue'\n * import { createCapitalOs } from '@capitalos/vue'\n *\n * const app = createApp(App)\n * app.use(createCapitalOs({ getToken: async () => { ... } }))\n * app.mount('#app')\n * ```\n *\n * Usage (Vue 2.7):\n * ```typescript\n * import Vue from 'vue'\n * import { createCapitalOs } from '@capitalos/vue'\n *\n * Vue.use(createCapitalOs({ getToken: async () => { ... } }))\n * new Vue({ render: h => h(App) }).$mount('#app')\n * ```\n */\nexport function createCapitalOs(config: CapitalOsConfig) {\n  return {\n    install(appOrVue: Vue2Constructor | Vue3App) {\n      // Prevent double installation\n      if (installed) {\n        const logger = createLogger(config.enableLogging, config.logger)\n        logger.warn('[CapitalOS] Plugin already installed, skipping duplicate installation')\n        return\n      }\n      installed = true\n\n      const logger = createLogger(config.enableLogging, config.logger)\n\n      // Create reactive state\n      const tokenData = ref<TokenData | undefined>(undefined)\n      const isLoading = ref(false)\n      const error = ref<Error | undefined>(undefined)\n\n      // AbortController for cancelling in-flight token exchanges\n      let activeAbortController: AbortController | null = null\n\n      // Refreshes the token by fetching a new one-time token and exchanging it.\n      async function refreshToken(): Promise<void> {\n        // Prevent concurrent refresh calls - if already loading, skip\n        if (isLoading.value) {\n          logger.log('[CapitalOS] Token refresh already in progress, skipping')\n          return\n        }\n\n        logger.log('[CapitalOS] Starting token refresh')\n        isLoading.value = true\n        error.value = undefined\n\n        // Abort any in-flight exchange when a new one begins\n        activeAbortController?.abort()\n        const abortController = new AbortController()\n        activeAbortController = abortController\n\n        try {\n          const oneTimeToken = await config.getToken()\n          logger.log('[CapitalOS] Received one-time token')\n\n          // Check if aborted after getToken\n          if (abortController.signal.aborted) {\n            return\n          }\n\n          // Exchange for long-lived token using @capitalos/core\n          const result = await exchangeOneTimeToken({\n            oneTimeToken,\n            enableLogging: config.enableLogging,\n            logger: config.logger,\n            timeoutMs: TOKEN_EXCHANGE_TIMEOUT_MS,\n            signal: abortController.signal,\n          })\n\n          // Check if aborted after exchange\n          if (abortController.signal.aborted) {\n            return\n          }\n\n          tokenData.value = {\n            token: result.longLivedToken,\n            tokenType: TokenType.longLived,\n            baseUrl: result.baseUrl,\n            paramKey: TokenParamKey.accessToken,\n            paramLocation: TokenParamLocation.hash,\n          }\n          logger.log('[CapitalOS] Token exchange complete')\n        } catch (e) {\n          // Ignore abort errors\n          if (e instanceof Error && e.name === 'AbortError') {\n            return\n          }\n\n          const err = toError(e)\n          logger.error(`[CapitalOS] Token refresh failed: ${err.message}`)\n          error.value = err\n        } finally {\n          if (activeAbortController === abortController) {\n            activeAbortController = null\n          }\n          isLoading.value = false\n        }\n      }\n\n      // Invalidates the current token, triggering a refresh.\n      // Called when the iframe signals that the token has expired.\n      function invalidateToken(): void {\n        logger.log('[CapitalOS] Invalidating token')\n        tokenData.value = undefined\n        error.value = undefined\n        refreshToken()\n      }\n\n      // Create state object to provide\n      const state: CapitalOsState = {\n        tokenData: readonly(tokenData),\n        isLoading: readonly(isLoading),\n        error: readonly(error),\n        invalidateToken,\n        config,\n      }\n\n      // Store globally as fallback for Vue 2.7 edge cases where inject() fails\n      globalState = state\n\n      // Provide state using the appropriate API based on Vue version\n      if (isVue3App(appOrVue)) {\n        // Vue 3: use app.provide() - this makes state available to all components\n        // via inject(CAPITALOS_INJECTION_KEY)\n        appOrVue.provide(CAPITALOS_INJECTION_KEY, state)\n      } else {\n        // Vue 2.7: use Vue.mixin() to add a provide function to all components.\n        // This is the Vue 2 equivalent of app.provide() - it injects the provide\n        // option into every component so inject() can find our state.\n        appOrVue.mixin({\n          provide() {\n            return {\n              [CAPITALOS_INJECTION_KEY]: state,\n            }\n          },\n        })\n      }\n\n      // Start token exchange eagerly (matches Angular behavior)\n      refreshToken()\n    },\n  }\n}\n","import type { PropType } from 'vue'\nimport type { ThemeColorScheme } from '@capitalos/core'\nimport { CapitalOSError } from '@capitalos/core'\n\n/**\n * Common props shared by all CapitalOS Vue components.\n */\nexport const commonProps = {\n  /**\n   * Theme color scheme for the interface.\n   * Overrides the theme set in plugin configuration.\n   */\n  theme: String as PropType<ThemeColorScheme>,\n  /**\n   * Offset in pixels to add to the iframe height calculation.\n   * Useful for avoiding scrollbars when the content height changes dynamically.\n   */\n  heightOffsetPx: {\n    type: Number,\n    default: 12,\n  },\n  /**\n   * Whether to enable logging for debugging purposes.\n   * Overrides the enableLogging set in plugin configuration.\n   */\n  enableLogging: Boolean,\n}\n\n/**\n * Common emits shared by all CapitalOS Vue components.\n */\nexport const commonEmits = {\n  /**\n   * Emitted when the interface has finished loading.\n   */\n  loaded: () => true,\n  /**\n   * Emitted when an error occurs in the interface.\n   */\n  error: (error: CapitalOSError) => error instanceof CapitalOSError,\n}\n","import { inject, computed, type ComputedRef } from 'vue'\nimport { CAPITALOS_INJECTION_KEY, getGlobalState } from '../plugin'\nimport type { CapitalOsState, AuthState } from '../types'\n\n/**\n * Return type for useCapitalOsAuth composable\n */\nexport interface UseCapitalOsAuthReturn extends CapitalOsState {\n  /**\n   * Computed authentication state\n   */\n  authState: ComputedRef<AuthState>\n}\n\n/**\n * @internal\n * Internal composable for accessing CapitalOS authentication state.\n * Used by SDK components - not intended for direct consumer use.\n */\nexport function useCapitalOsAuth(): UseCapitalOsAuthReturn {\n  // MAINTAINER NOTE: Vue 2.7 vs Vue 3 Compatibility\n  //\n  // Try inject() first - this works in:\n  // - Vue 3 (via app.provide)\n  // - Vue 2.7 (via mixin provide, in most components)\n  //\n  // Fall back to getGlobalState() for Vue 2.7 edge cases where inject() fails,\n  // such as the root component or components created before the mixin is applied.\n  //\n  // Do NOT remove the ?? getGlobalState() fallback - it's required for Vue 2.7.\n  const state = inject<CapitalOsState>(CAPITALOS_INJECTION_KEY) ?? getGlobalState()\n\n  if (!state) {\n    throw new Error(\n      'useCapitalOsAuth must be used in a component where createCapitalOs plugin is installed. ' +\n        'Make sure to call app.use(createCapitalOs({ ... })) or Vue.use(createCapitalOs({ ... })) in your main.ts'\n    )\n  }\n\n  const authState = computed<AuthState>(() => {\n    if (state.isLoading.value) return 'loading'\n    if (state.error.value) return 'error'\n    if (state.tokenData.value) return 'authenticated'\n    return 'idle'\n  })\n\n  return {\n    ...state,\n    authState,\n  }\n}\n","{\n  \"name\": \"@capitalos/vue\",\n  \"version\": \"0.1.0\",\n  \"description\": \"Vue SDK for CapitalOS\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/index.mjs\",\n  \"types\": \"dist/index.d.ts\",\n  \"exports\": {\n    \".\": {\n      \"import\": {\n        \"types\": \"./dist/index.d.mts\",\n        \"default\": \"./dist/index.mjs\"\n      },\n      \"require\": {\n        \"types\": \"./dist/index.d.ts\",\n        \"default\": \"./dist/index.js\"\n      }\n    }\n  },\n  \"files\": [\n    \"dist\"\n  ],\n  \"scripts\": {\n    \"build\": \"tsdown\",\n    \"dev\": \"tsdown --watch\",\n    \"lint\": \"eslint src --ext .ts --fix\",\n    \"lint-ci\": \"eslint src --ext .ts\",\n    \"start\": \"pnpm --filter vue-test-app dev\",\n    \"start:all\": \"concurrently \\\"pnpm --filter sdk-test-server start\\\" \\\"pnpm start\\\"\",\n    \"test:pack\": \"pnpm build && pnpm pack\",\n    \"prepublishOnly\": \"pnpm build\"\n  },\n  \"keywords\": [\n    \"capitalos\",\n    \"vue\",\n    \"sdk\",\n    \"iframe\"\n  ],\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/CapitalOS/theboss\",\n    \"directory\": \"sdk/vue\"\n  },\n  \"bugs\": {\n    \"url\": \"https://github.com/CapitalOS/theboss/issues\"\n  },\n  \"author\": \"CapitalOS\",\n  \"license\": \"MIT\",\n  \"peerDependencies\": {\n    \"vue\": \"^2.7.0 || ^3.0.0\"\n  },\n  \"dependencies\": {\n    \"@capitalos/core\": \"workspace:*\"\n  },\n  \"devDependencies\": {\n    \"tsdown\": \"^0.9.2\",\n    \"typescript\": \"^5.6.2\",\n    \"vue\": \"^3.5.13\",\n    \"concurrently\": \"^9.1.2\"\n  }\n}\n","import { ref, watch, onUnmounted, h, type VNode, type Ref } from 'vue'\nimport {\n  IframeManager,\n  CapitalOSError,\n  type TokenData,\n  type RawErrorDetails,\n  type RenderingContext,\n  type IframeManagerConfig,\n} from '@capitalos/core'\nimport { useCapitalOsAuth } from './use-capitalos-auth'\nimport { version as SDK_VERSION } from '../../package.json'\n\n/**\n * Props expected by useIframeComponent - matches commonProps shape\n */\nexport interface IframeComponentProps {\n  theme?: 'light' | 'dark' | 'system'\n  heightOffsetPx: number\n  enableLogging?: boolean\n}\n\n/**\n * Emit function type for common events\n */\nexport interface CommonEmitFn {\n  (event: 'loaded'): void\n  (event: 'error', error: CapitalOSError): void\n}\n\n/**\n * Component-specific callbacks to pass to IframeManager.\n * Excludes common callbacks (onLoad, onError, onTokenExpired) which the composable handles.\n */\nexport type ComponentCallbacks = Omit<IframeManagerConfig['callbacks'], 'onLoad' | 'onError' | 'onTokenExpired'>\n\n/**\n * Options for configuring the iframe component\n */\nexport interface UseIframeComponentOptions {\n  /** Props from the component */\n  props: IframeComponentProps\n  /** Emit function from the component */\n  emit: CommonEmitFn\n  /** Function that returns the rendering context for this component */\n  getRenderingContext: () => RenderingContext\n  /** Component-specific callbacks (onboarding, tokenExchange, etc.) */\n  componentCallbacks?: ComponentCallbacks\n}\n\n/**\n * Return type for useIframeComponent\n */\nexport interface UseIframeComponentReturn {\n  /** Ref to the container element */\n  containerRef: Ref<HTMLElement | null>\n  /** Render function that returns the container div */\n  render: () => VNode\n}\n\n/**\n * Composable that handles common iframe component setup.\n *\n * Manages:\n * - Container ref and iframe manager lifecycle\n * - Token data subscription and iframe initialization\n * - Common callbacks (onLoad, onError, onTokenExpired)\n * - Cleanup on unmount\n * - Render function for the container div\n *\n * Note: Rendering context props (e.g., entryPoint, exitPoint for Onboarding) are read once\n * at iframe initialization. Changes to these props after the iframe loads will NOT trigger\n * re-initialization. This matches the behavior of the React SDK.\n *\n * @example\n * ```ts\n * setup(props, { emit }) {\n *   const { render } = useIframeComponent({\n *     props,\n *     emit,\n *     getRenderingContext: () => ({ entryPoint: 'cardsApp' }),\n *   })\n *   return render\n * }\n * ```\n */\nexport function useIframeComponent(options: UseIframeComponentOptions): UseIframeComponentReturn {\n  const { props, emit, getRenderingContext, componentCallbacks } = options\n\n  const containerRef = ref<HTMLElement | null>(null)\n  const { tokenData, config, invalidateToken } = useCapitalOsAuth()\n\n  let iframeManager: IframeManager | null = null\n\n  function initializeIframe(token: TokenData, container: HTMLElement): void {\n    // Destroy previous iframe before creating new one (matches Angular/React behavior)\n    // This ensures token refresh works correctly - new token = new iframe\n    iframeManager?.destroy()\n\n    const resolvedEnableLogging = props.enableLogging ?? config.enableLogging ?? false\n    const resolvedTheme = props.theme ?? config.theme\n\n    iframeManager = new IframeManager({\n      container,\n      tokenData: token,\n      renderingContext: getRenderingContext(),\n      theme: resolvedTheme,\n      enableLogging: resolvedEnableLogging,\n      logger: config.logger,\n      sdkVersion: SDK_VERSION,\n      heightOffsetPx: props.heightOffsetPx,\n      callbacks: {\n        onLoad: () => {\n          emit('loaded')\n        },\n        onError: (rawError: RawErrorDetails) => {\n          emit('error', new CapitalOSError(rawError))\n        },\n        onTokenExpired: () => {\n          invalidateToken()\n        },\n        ...componentCallbacks,\n      },\n    })\n  }\n\n  // Watch for tokenData and container changes to initialize the iframe.\n  //\n  // Why watch both tokenData AND containerRef?\n  // - tokenData: comes from async token exchange, may not be ready on mount\n  // - containerRef: DOM element, available after first render\n  //\n  // Why { immediate: true }?\n  // - If tokenData is already available when component mounts, we want to\n  //   initialize immediately without waiting for a change\n  // - Without this, the iframe wouldn't load until tokenData changes again\n  watch(\n    [tokenData, containerRef],\n    ([newTokenData, container]) => {\n      if (newTokenData && container) {\n        initializeIframe(newTokenData, container)\n      }\n    },\n    { immediate: true }\n  )\n\n  onUnmounted(() => {\n    iframeManager?.destroy()\n    iframeManager = null\n  })\n\n  // Render function - creates the container div for the iframe.\n  //\n  // Why use a function ref `ref: (el) => { ... }` instead of `ref: containerRef`?\n  //\n  // Vue 2.7 and Vue 3 handle template refs differently in render functions:\n  // - Vue 3: can use `ref: containerRef` directly\n  // - Vue 2.7: requires function ref pattern for reliable element access\n  //\n  // The function ref pattern works in both versions, so we use it for compatibility.\n  // Do NOT change this to `ref: containerRef` - it will break Vue 2.7 support.\n  //\n  // The `as unknown as string` type assertion is required because:\n  // - Vue 3's TypeScript types don't properly express that function refs are valid\n  // - The function ref pattern IS valid at runtime in both Vue 2.7 and Vue 3\n  // - This is a known limitation of Vue 3's type definitions\n  function render(): VNode {\n    return h('div', {\n      // Type assertion required: Vue 3's types don't support function refs in h(),\n      // but function refs ARE valid at runtime in both Vue 2.7 and Vue 3\n      ref: ((el: Element | null) => {\n        containerRef.value = el as HTMLElement | null\n      }) as unknown as string,\n      class: 'capitalos-iframe-container',\n      style: { width: '100%' },\n    })\n  }\n\n  return {\n    containerRef,\n    render,\n  }\n}\n","import { defineComponent } from 'vue'\nimport { commonProps, commonEmits } from './common-props'\nimport { useIframeComponent } from '../composables/use-iframe-component'\n\n/**\n * CardsApp component that renders the CapitalOS cards interface in an iframe.\n *\n * The component emits events for loading state - consumers should handle their own loading UI:\n *\n * @example\n * ```vue\n * <template>\n *   <div v-if=\"!cardsLoaded\">Loading...</div>\n *   <CardsApp\n *     @loaded=\"cardsLoaded = true\"\n *     @error=\"onCardsError\"\n *   />\n * </template>\n *\n * <script setup>\n * import { ref } from 'vue'\n * import { CardsApp } from '@capitalos/vue'\n *\n * const cardsLoaded = ref(false)\n * const onCardsError = (error) => console.error(error)\n * </script>\n * ```\n */\nexport const CardsApp = defineComponent({\n  name: 'CardsApp',\n  props: commonProps,\n  emits: commonEmits,\n  setup(props, { emit }) {\n    const { render } = useIframeComponent({\n      props,\n      emit,\n      getRenderingContext: () => ({ entryPoint: 'cardsApp' }),\n    })\n\n    return render\n  },\n})\n","import { defineComponent } from 'vue'\nimport { commonProps, commonEmits } from './common-props'\nimport { useIframeComponent } from '../composables/use-iframe-component'\n\n/**\n * BillPayApp component that renders the CapitalOS bill payment interface in an iframe.\n *\n * The component emits events for loading state - consumers should handle their own loading UI:\n *\n * @example\n * ```vue\n * <template>\n *   <div v-if=\"!billPayLoaded\">Loading...</div>\n *   <BillPayApp\n *     @loaded=\"billPayLoaded = true\"\n *     @error=\"onBillPayError\"\n *   />\n * </template>\n *\n * <script setup>\n * import { ref } from 'vue'\n * import { BillPayApp } from '@capitalos/vue'\n *\n * const billPayLoaded = ref(false)\n * const onBillPayError = (error) => console.error(error)\n * </script>\n * ```\n */\nexport const BillPayApp = defineComponent({\n  name: 'BillPayApp',\n  props: commonProps,\n  emits: commonEmits,\n  setup(props, { emit }) {\n    const { render } = useIframeComponent({\n      props,\n      emit,\n      getRenderingContext: () => ({ entryPoint: 'billPayApp' }),\n    })\n\n    return render\n  },\n})\n","import { defineComponent, type PropType } from 'vue'\nimport type { Account, OnboardingEntryPoint, OnboardingExitPoint } from '@capitalos/core'\nimport { commonProps, commonEmits } from './common-props'\nimport { useIframeComponent } from '../composables/use-iframe-component'\n\n/**\n * Onboarding component that renders the CapitalOS onboarding flow in an iframe.\n *\n * The component emits events for loading state and completion - consumers should handle their own loading UI:\n *\n * @example\n * ```vue\n * <template>\n *   <div v-if=\"!onboardingLoaded\">Loading...</div>\n *   <Onboarding\n *     entry-point=\"welcome\"\n *     exit-point=\"activation\"\n *     @loaded=\"onboardingLoaded = true\"\n *     @error=\"onOnboardingError\"\n *     @done=\"onOnboardingComplete\"\n *   />\n * </template>\n *\n * <script setup>\n * import { ref } from 'vue'\n * import { Onboarding } from '@capitalos/vue'\n *\n * const onboardingLoaded = ref(false)\n * const onOnboardingError = (error) => console.error(error)\n * const onOnboardingComplete = (account) => {\n *   console.log('Onboarding complete:', account.status)\n * }\n * </script>\n * ```\n */\nexport const Onboarding = defineComponent({\n  name: 'Onboarding',\n  props: {\n    ...commonProps,\n    /**\n     * The starting point of the onboarding flow.\n     * @default 'welcome'\n     */\n    entryPoint: String as PropType<OnboardingEntryPoint>,\n    /**\n     * The ending point of the onboarding flow.\n     * @default 'activation'\n     */\n    exitPoint: String as PropType<OnboardingExitPoint>,\n    /**\n     * Whether to allow the user to exit the onboarding flow by clicking the done button\n     * when they finished the onboarding form but are still not approved (e.g. waiting or pending).\n     * This should only be false if you want the user to stay on the onboarding flow\n     * (e.g. to add bank account) and not exit the flow.\n     * @default true\n     */\n    allowExitOnNonApproved: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n  emits: {\n    ...commonEmits,\n    /**\n     * Emitted when the onboarding flow completes successfully.\n     */\n    done: (_account: Account) => true,\n  },\n  setup(props, { emit }) {\n    const { render } = useIframeComponent({\n      props,\n      emit,\n      getRenderingContext: () => ({\n        entryPoint: 'onboarding',\n        onboardingEntryPoint: props.entryPoint,\n        onboardingExitPoint: props.exitPoint,\n        allowExitOnNonApproved: props.allowExitOnNonApproved,\n      }),\n      componentCallbacks: {\n        onboarding: {\n          onDone: (account: Account) => {\n            emit('done', account)\n          },\n        },\n      },\n    })\n\n    return render\n  },\n})\n"],"mappings":"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"}

package/dist/index.mjs

@@ -118,6 +118,27 @@ function createCapitalOs(config) {
 	} };
 }
 
+//#endregion
+//#region src/components/common-props.ts
+/**
+* Common props shared by all CapitalOS Vue components.
+*/
+const commonProps = {
+	theme: String,
+	heightOffsetPx: {
+		type: Number,
+		default: 12
+	},
+	enableLogging: Boolean
+};
+/**
+* Common emits shared by all CapitalOS Vue components.
+*/
+const commonEmits = {
+	loaded: () => true,
+	error: (error) => error instanceof CapitalOSError$1
+};
+
 //#endregion
 //#region src/composables/use-capitalos-auth.ts
 /**
@@ -142,7 +163,89 @@ function useCapitalOsAuth() {
 
 //#endregion
 //#region package.json
-var version = "0.1.0-rc.1";
+var version = "0.1.0";
+
+//#endregion
+//#region src/composables/use-iframe-component.ts
+/**
+* Composable that handles common iframe component setup.
+*
+* Manages:
+* - Container ref and iframe manager lifecycle
+* - Token data subscription and iframe initialization
+* - Common callbacks (onLoad, onError, onTokenExpired)
+* - Cleanup on unmount
+* - Render function for the container div
+*
+* Note: Rendering context props (e.g., entryPoint, exitPoint for Onboarding) are read once
+* at iframe initialization. Changes to these props after the iframe loads will NOT trigger
+* re-initialization. This matches the behavior of the React SDK.
+*
+* @example
+* ```ts
+* setup(props, { emit }) {
+*   const { render } = useIframeComponent({
+*     props,
+*     emit,
+*     getRenderingContext: () => ({ entryPoint: 'cardsApp' }),
+*   })
+*   return render
+* }
+* ```
+*/
+function useIframeComponent(options) {
+	const { props, emit, getRenderingContext, componentCallbacks } = options;
+	const containerRef = ref(null);
+	const { tokenData, config, invalidateToken } = useCapitalOsAuth();
+	let iframeManager = null;
+	function initializeIframe(token, container) {
+		iframeManager?.destroy();
+		const resolvedEnableLogging = props.enableLogging ?? config.enableLogging ?? false;
+		const resolvedTheme = props.theme ?? config.theme;
+		iframeManager = new IframeManager({
+			container,
+			tokenData: token,
+			renderingContext: getRenderingContext(),
+			theme: resolvedTheme,
+			enableLogging: resolvedEnableLogging,
+			logger: config.logger,
+			sdkVersion: version,
+			heightOffsetPx: props.heightOffsetPx,
+			callbacks: {
+				onLoad: () => {
+					emit("loaded");
+				},
+				onError: (rawError) => {
+					emit("error", new CapitalOSError$1(rawError));
+				},
+				onTokenExpired: () => {
+					invalidateToken();
+				},
+				...componentCallbacks
+			}
+		});
+	}
+	watch([tokenData, containerRef], ([newTokenData, container]) => {
+		if (newTokenData && container) initializeIframe(newTokenData, container);
+	}, { immediate: true });
+	onUnmounted(() => {
+		iframeManager?.destroy();
+		iframeManager = null;
+	});
+	function render() {
+		return h("div", {
+			ref: (el) => {
+				containerRef.value = el;
+			},
+			class: "capitalos-iframe-container",
+			style: { width: "100%" }
+		});
+	}
+	return {
+		containerRef,
+		render
+	};
+}
 
 //#endregion
 //#region src/components/CardsApp.ts
@@ -169,73 +272,126 @@ var version = "0.1.0-rc.1";
 * const onCardsError = (error) => console.error(error)
 * </script>
 * ```
-*
-* Note: CardsApp is not designed to be conditionally mounted/unmounted frequently.
-* For show/hide behavior, consumers should toggle visibility (e.g., v-show) rather
-* than mount/unmount repeatedly.
 */
 const CardsApp = defineComponent({
 	name: "CardsApp",
+	props: commonProps,
+	emits: commonEmits,
+	setup(props, { emit }) {
+		const { render } = useIframeComponent({
+			props,
+			emit,
+			getRenderingContext: () => ({ entryPoint: "cardsApp" })
+		});
+		return render;
+	}
+});
+
+//#endregion
+//#region src/components/BillPayApp.ts
+/**
+* BillPayApp component that renders the CapitalOS bill payment interface in an iframe.
+*
+* The component emits events for loading state - consumers should handle their own loading UI:
+*
+* @example
+* ```vue
+* <template>
+*   <div v-if="!billPayLoaded">Loading...</div>
+*   <BillPayApp
+*     @loaded="billPayLoaded = true"
+*     @error="onBillPayError"
+*   />
+* </template>
+*
+* <script setup>
+* import { ref } from 'vue'
+* import { BillPayApp } from '@capitalos/vue'
+*
+* const billPayLoaded = ref(false)
+* const onBillPayError = (error) => console.error(error)
+* </script>
+* ```
+*/
+const BillPayApp = defineComponent({
+	name: "BillPayApp",
+	props: commonProps,
+	emits: commonEmits,
+	setup(props, { emit }) {
+		const { render } = useIframeComponent({
+			props,
+			emit,
+			getRenderingContext: () => ({ entryPoint: "billPayApp" })
+		});
+		return render;
+	}
+});
+
+//#endregion
+//#region src/components/Onboarding.ts
+/**
+* Onboarding component that renders the CapitalOS onboarding flow in an iframe.
+*
+* The component emits events for loading state and completion - consumers should handle their own loading UI:
+*
+* @example
+* ```vue
+* <template>
+*   <div v-if="!onboardingLoaded">Loading...</div>
+*   <Onboarding
+*     entry-point="welcome"
+*     exit-point="activation"
+*     @loaded="onboardingLoaded = true"
+*     @error="onOnboardingError"
+*     @done="onOnboardingComplete"
+*   />
+* </template>
+*
+* <script setup>
+* import { ref } from 'vue'
+* import { Onboarding } from '@capitalos/vue'
+*
+* const onboardingLoaded = ref(false)
+* const onOnboardingError = (error) => console.error(error)
+* const onOnboardingComplete = (account) => {
+*   console.log('Onboarding complete:', account.status)
+* }
+* </script>
+* ```
+*/
+const Onboarding = defineComponent({
+	name: "Onboarding",
 	props: {
-		theme: String,
-		heightOffsetPx: {
-			type: Number,
-			default: 12
-		},
-		enableLogging: Boolean
+		...commonProps,
+		entryPoint: String,
+		exitPoint: String,
+		allowExitOnNonApproved: {
+			type: Boolean,
+			default: void 0
+		}
 	},
 	emits: {
-		loaded: () => true,
-		error: (error) => error instanceof CapitalOSError$1
+		...commonEmits,
+		done: (_account) => true
 	},
 	setup(props, { emit }) {
-		const containerRef = ref(null);
-		const { tokenData, config, invalidateToken } = useCapitalOsAuth();
-		let iframeManager = null;
-		function initializeIframe(token, container) {
-			iframeManager?.destroy();
-			const resolvedEnableLogging = props.enableLogging ?? config.enableLogging ?? false;
-			const resolvedTheme = props.theme ?? config.theme;
-			iframeManager = new IframeManager({
-				container,
-				tokenData: token,
-				renderingContext: { entryPoint: "cardsApp" },
-				theme: resolvedTheme,
-				enableLogging: resolvedEnableLogging,
-				logger: config.logger,
-				sdkVersion: version,
-				heightOffsetPx: props.heightOffsetPx,
-				callbacks: {
-					onLoad: () => {
-						emit("loaded");
-					},
-					onError: (rawError) => {
-						const capitalOsError = new CapitalOSError$1(rawError);
-						emit("error", capitalOsError);
-					},
-					onTokenExpired: () => {
-						invalidateToken();
-					}
-				}
-			});
-		}
-		watch([tokenData, containerRef], ([newTokenData, container]) => {
-			if (newTokenData && container) initializeIframe(newTokenData, container);
-		}, { immediate: true });
-		onUnmounted(() => {
-			iframeManager?.destroy();
-			iframeManager = null;
-		});
-		return () => h("div", {
-			ref: (el) => {
-				containerRef.value = el;
-			},
-			class: "capitalos-iframe-container",
-			style: { width: "100%" }
+		const { render } = useIframeComponent({
+			props,
+			emit,
+			getRenderingContext: () => ({
+				entryPoint: "onboarding",
+				onboardingEntryPoint: props.entryPoint,
+				onboardingExitPoint: props.exitPoint,
+				allowExitOnNonApproved: props.allowExitOnNonApproved
+			}),
+			componentCallbacks: { onboarding: { onDone: (account) => {
+				emit("done", account);
+			} } }
 		});
+		return render;
 	}
 });
 
 //#endregion
-export { CAPITALOS_INJECTION_KEY, CapitalOSError, CardsApp, ErrorCode, createCapitalOs, useCapitalOsAuth };
+export { BillPayApp, CAPITALOS_INJECTION_KEY, CapitalOSError, CardsApp, ErrorCode, Onboarding, createCapitalOs, useCapitalOsAuth };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["globalState: CapitalOsState | null","error: unknown","appOrVue: Vue2Constructor | Vue3App","config: CapitalOsConfig","logger","activeAbortController: AbortController | null","state: CapitalOsState","error: CapitalOSError","CapitalOSError","iframeManager: IframeManager | null","token: TokenData","container: HTMLElement","SDK_VERSION","rawError: RawErrorDetails","el: Element | null"],"sources":["../src/plugin.ts","../src/composables/use-capitalos-auth.ts","../package.json","../src/components/CardsApp.ts"],"sourcesContent":["// =============================================================================\n// MAINTAINER NOTE: Vue 2.7 vs Vue 3 Plugin Compatibility\n// =============================================================================\n//\n// Vue 2.7 and Vue 3 call plugin.install() with DIFFERENT arguments:\n//\n// Vue 3 consumer code:\n//   const app = createApp(App)\n//   app.use(myPlugin)  // → calls myPlugin.install(app) with app INSTANCE\n//\n// Vue 2.7 consumer code:\n//   Vue.use(myPlugin)  // → calls myPlugin.install(Vue) with Vue CONSTRUCTOR\n//\n// This matters because:\n// - Vue 3's app instance has app.provide() for dependency injection\n// - Vue 2.7's Vue constructor does NOT have provide() - must use Vue.mixin()\n//\n// This plugin detects which API is available and uses the appropriate method.\n// As an additional fallback for edge cases, we also store state in a module-level\n// variable that `useCapitalOsAuth` can access if `inject()` returns undefined.\n//\n// FUTURE: If we ever need to support Vue < 2.7 or have more complex version-\n// specific logic throughout the codebase, consider using `vue-demi` package\n// (https://github.com/vueuse/vue-demi) which abstracts all Vue 2/3 differences.\n// For now, our simple detection is sufficient since Vue 2.7 has Composition API\n// backported and we only need to handle the plugin install signature difference.\n// =============================================================================\n\nimport { ref, readonly } from 'vue'\nimport {\n  exchangeOneTimeToken,\n  createLogger,\n  TokenType,\n  TokenParamKey,\n  TokenParamLocation,\n  type TokenData,\n} from '@capitalos/core'\nimport type { CapitalOsConfig, CapitalOsState } from './types'\n\n/**\n * Injection key for CapitalOS state.\n * Used with Vue's provide/inject system.\n */\nexport const CAPITALOS_INJECTION_KEY = Symbol('capitalos')\n\n// MAINTAINER NOTE: Module-level state storage for Vue 2.7 compatibility fallback.\n//\n// In Vue 2.7, even with the mixin approach, there can be edge cases where\n// `inject()` doesn't find the provided value (e.g., in the root component\n// or components created before the mixin is applied). This global fallback\n// ensures `useCapitalOsAuth()` always has access to the state.\nlet globalState: CapitalOsState | null = null\n\n// @internal - used by useCapitalOsAuth for Vue 2.7 fallback\nexport function getGlobalState(): CapitalOsState | null {\n  return globalState\n}\n\nconst TOKEN_EXCHANGE_TIMEOUT_MS = 10_000\n\n// Converts an unknown error to an Error object\nfunction toError(error: unknown): Error {\n  if (error instanceof Error) {\n    return error\n  }\n  return new Error(String(error))\n}\n\n// MAINTAINER NOTE: Module-level guard against double installation (singleton pattern).\n//\n// This MUST be module-level (not inside createCapitalOs) because:\n// - The plugin creates reactive state that should only exist once\n// - Multiple installations would create multiple token exchange iframes\n// - Multiple auth states would cause inconsistent behavior\n//\n// If a consumer accidentally calls Vue.use(createCapitalOs(...)) twice,\n// the second call will be silently ignored with a warning.\nlet installed = false\n\n// Type for Vue 2 constructor passed to plugin install.\n// In Vue 2.7, `Vue.use(plugin)` passes the Vue constructor.\ninterface Vue2Constructor {\n  mixin: (mixin: Record<string, unknown>) => void\n  version: string\n}\n\n// Type for Vue 3 app instance passed to plugin install.\n// In Vue 3, `app.use(plugin)` passes the app instance.\ninterface Vue3App {\n  provide: (key: symbol, value: unknown) => void\n  version: string\n}\n\n// Detect Vue version by checking for Vue 3's `provide` method.\n// Vue 3 app instances have `app.provide()`, Vue 2 constructors don't.\nfunction isVue3App(appOrVue: Vue2Constructor | Vue3App): appOrVue is Vue3App {\n  return typeof (appOrVue as Vue3App).provide === 'function'\n}\n\n/**\n * Creates the CapitalOS Vue plugin.\n *\n * Usage (Vue 3):\n * ```typescript\n * import { createApp } from 'vue'\n * import { createCapitalOs } from '@capitalos/vue'\n *\n * const app = createApp(App)\n * app.use(createCapitalOs({ getToken: async () => { ... } }))\n * app.mount('#app')\n * ```\n *\n * Usage (Vue 2.7):\n * ```typescript\n * import Vue from 'vue'\n * import { createCapitalOs } from '@capitalos/vue'\n *\n * Vue.use(createCapitalOs({ getToken: async () => { ... } }))\n * new Vue({ render: h => h(App) }).$mount('#app')\n * ```\n */\nexport function createCapitalOs(config: CapitalOsConfig) {\n  return {\n    install(appOrVue: Vue2Constructor | Vue3App) {\n      // Prevent double installation\n      if (installed) {\n        const logger = createLogger(config.enableLogging, config.logger)\n        logger.warn('[CapitalOS] Plugin already installed, skipping duplicate installation')\n        return\n      }\n      installed = true\n\n      const logger = createLogger(config.enableLogging, config.logger)\n\n      // Create reactive state\n      const tokenData = ref<TokenData | undefined>(undefined)\n      const isLoading = ref(false)\n      const error = ref<Error | undefined>(undefined)\n\n      // AbortController for cancelling in-flight token exchanges\n      let activeAbortController: AbortController | null = null\n\n      // Refreshes the token by fetching a new one-time token and exchanging it.\n      async function refreshToken(): Promise<void> {\n        // Prevent concurrent refresh calls - if already loading, skip\n        if (isLoading.value) {\n          logger.log('[CapitalOS] Token refresh already in progress, skipping')\n          return\n        }\n\n        logger.log('[CapitalOS] Starting token refresh')\n        isLoading.value = true\n        error.value = undefined\n\n        // Abort any in-flight exchange when a new one begins\n        activeAbortController?.abort()\n        const abortController = new AbortController()\n        activeAbortController = abortController\n\n        try {\n          const oneTimeToken = await config.getToken()\n          logger.log('[CapitalOS] Received one-time token')\n\n          // Check if aborted after getToken\n          if (abortController.signal.aborted) {\n            return\n          }\n\n          // Exchange for long-lived token using @capitalos/core\n          const result = await exchangeOneTimeToken({\n            oneTimeToken,\n            enableLogging: config.enableLogging,\n            logger: config.logger,\n            timeoutMs: TOKEN_EXCHANGE_TIMEOUT_MS,\n            signal: abortController.signal,\n          })\n\n          // Check if aborted after exchange\n          if (abortController.signal.aborted) {\n            return\n          }\n\n          tokenData.value = {\n            token: result.longLivedToken,\n            tokenType: TokenType.longLived,\n            baseUrl: result.baseUrl,\n            paramKey: TokenParamKey.accessToken,\n            paramLocation: TokenParamLocation.hash,\n          }\n          logger.log('[CapitalOS] Token exchange complete')\n        } catch (e) {\n          // Ignore abort errors\n          if (e instanceof Error && e.name === 'AbortError') {\n            return\n          }\n\n          const err = toError(e)\n          logger.error(`[CapitalOS] Token refresh failed: ${err.message}`)\n          error.value = err\n        } finally {\n          if (activeAbortController === abortController) {\n            activeAbortController = null\n          }\n          isLoading.value = false\n        }\n      }\n\n      // Invalidates the current token, triggering a refresh.\n      // Called when the iframe signals that the token has expired.\n      function invalidateToken(): void {\n        logger.log('[CapitalOS] Invalidating token')\n        tokenData.value = undefined\n        error.value = undefined\n        refreshToken()\n      }\n\n      // Create state object to provide\n      const state: CapitalOsState = {\n        tokenData: readonly(tokenData),\n        isLoading: readonly(isLoading),\n        error: readonly(error),\n        invalidateToken,\n        config,\n      }\n\n      // Store globally as fallback for Vue 2.7 edge cases where inject() fails\n      globalState = state\n\n      // Provide state using the appropriate API based on Vue version\n      if (isVue3App(appOrVue)) {\n        // Vue 3: use app.provide() - this makes state available to all components\n        // via inject(CAPITALOS_INJECTION_KEY)\n        appOrVue.provide(CAPITALOS_INJECTION_KEY, state)\n      } else {\n        // Vue 2.7: use Vue.mixin() to add a provide function to all components.\n        // This is the Vue 2 equivalent of app.provide() - it injects the provide\n        // option into every component so inject() can find our state.\n        appOrVue.mixin({\n          provide() {\n            return {\n              [CAPITALOS_INJECTION_KEY]: state,\n            }\n          },\n        })\n      }\n\n      // Start token exchange eagerly (matches Angular behavior)\n      refreshToken()\n    },\n  }\n}\n","import { inject, computed, type ComputedRef } from 'vue'\nimport { CAPITALOS_INJECTION_KEY, getGlobalState } from '../plugin'\nimport type { CapitalOsState, AuthState } from '../types'\n\n/**\n * Return type for useCapitalOsAuth composable\n */\nexport interface UseCapitalOsAuthReturn extends CapitalOsState {\n  /**\n   * Computed authentication state\n   */\n  authState: ComputedRef<AuthState>\n}\n\n/**\n * @internal\n * Internal composable for accessing CapitalOS authentication state.\n * Used by SDK components - not intended for direct consumer use.\n */\nexport function useCapitalOsAuth(): UseCapitalOsAuthReturn {\n  // MAINTAINER NOTE: Vue 2.7 vs Vue 3 Compatibility\n  //\n  // Try inject() first - this works in:\n  // - Vue 3 (via app.provide)\n  // - Vue 2.7 (via mixin provide, in most components)\n  //\n  // Fall back to getGlobalState() for Vue 2.7 edge cases where inject() fails,\n  // such as the root component or components created before the mixin is applied.\n  //\n  // Do NOT remove the ?? getGlobalState() fallback - it's required for Vue 2.7.\n  const state = inject<CapitalOsState>(CAPITALOS_INJECTION_KEY) ?? getGlobalState()\n\n  if (!state) {\n    throw new Error(\n      'useCapitalOsAuth must be used in a component where createCapitalOs plugin is installed. ' +\n        'Make sure to call app.use(createCapitalOs({ ... })) or Vue.use(createCapitalOs({ ... })) in your main.ts'\n    )\n  }\n\n  const authState = computed<AuthState>(() => {\n    if (state.isLoading.value) return 'loading'\n    if (state.error.value) return 'error'\n    if (state.tokenData.value) return 'authenticated'\n    return 'idle'\n  })\n\n  return {\n    ...state,\n    authState,\n  }\n}\n","{\n  \"name\": \"@capitalos/vue\",\n  \"version\": \"0.1.0-rc.1\",\n  \"description\": \"Vue SDK for CapitalOS\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/index.mjs\",\n  \"types\": \"dist/index.d.ts\",\n  \"exports\": {\n    \".\": {\n      \"import\": {\n        \"types\": \"./dist/index.d.mts\",\n        \"default\": \"./dist/index.mjs\"\n      },\n      \"require\": {\n        \"types\": \"./dist/index.d.ts\",\n        \"default\": \"./dist/index.js\"\n      }\n    }\n  },\n  \"files\": [\n    \"dist\"\n  ],\n  \"scripts\": {\n    \"build\": \"tsdown\",\n    \"dev\": \"tsdown --watch\",\n    \"lint\": \"eslint src --ext .ts --fix\",\n    \"lint-ci\": \"eslint src --ext .ts\",\n    \"start\": \"pnpm --filter vue-test-app dev\",\n    \"start:all\": \"concurrently \\\"pnpm --filter sdk-test-server start\\\" \\\"pnpm start\\\"\"\n  },\n  \"keywords\": [\n    \"capitalos\",\n    \"vue\",\n    \"sdk\",\n    \"iframe\"\n  ],\n  \"author\": \"CapitalOS\",\n  \"license\": \"MIT\",\n  \"peerDependencies\": {\n    \"vue\": \"^2.7.0 || ^3.0.0\"\n  },\n  \"dependencies\": {\n    \"@capitalos/core\": \"workspace:*\"\n  },\n  \"devDependencies\": {\n    \"tsdown\": \"^0.9.2\",\n    \"typescript\": \"^5.6.2\",\n    \"vue\": \"^3.5.13\",\n    \"concurrently\": \"^9.1.2\"\n  }\n}\n","// =============================================================================\n// MAINTAINER NOTE: Why defineComponent + render function instead of SFC?\n// =============================================================================\n//\n// This component uses `defineComponent()` with a render function (`h()`) instead\n// of a Single File Component (.vue file) for Vue 2.7/3 compatibility:\n//\n// - SFCs require different compilers for Vue 2 vs Vue 3\n// - Render functions work identically in both versions\n// - Simpler build - no vue-compiler needed, just TypeScript\n//\n// This is a deliberate architectural choice for cross-version compatibility.\n// Do NOT convert this to an SFC without understanding the implications.\n// =============================================================================\n\nimport { defineComponent, h, ref, watch, onUnmounted, type PropType } from 'vue'\nimport {\n  IframeManager,\n  CapitalOSError,\n  type ThemeColorScheme,\n  type TokenData,\n  type RawErrorDetails,\n} from '@capitalos/core'\nimport { useCapitalOsAuth } from '../composables/use-capitalos-auth'\nimport { version as SDK_VERSION } from '../../package.json'\n\n/**\n * CardsApp component that renders the CapitalOS cards interface in an iframe.\n *\n * The component emits events for loading state - consumers should handle their own loading UI:\n *\n * @example\n * ```vue\n * <template>\n *   <div v-if=\"!cardsLoaded\">Loading...</div>\n *   <CardsApp\n *     @loaded=\"cardsLoaded = true\"\n *     @error=\"onCardsError\"\n *   />\n * </template>\n *\n * <script setup>\n * import { ref } from 'vue'\n * import { CardsApp } from '@capitalos/vue'\n *\n * const cardsLoaded = ref(false)\n * const onCardsError = (error) => console.error(error)\n * </script>\n * ```\n *\n * Note: CardsApp is not designed to be conditionally mounted/unmounted frequently.\n * For show/hide behavior, consumers should toggle visibility (e.g., v-show) rather\n * than mount/unmount repeatedly.\n */\nexport const CardsApp = defineComponent({\n  name: 'CardsApp',\n  props: {\n    /**\n     * Theme color scheme for the cards interface.\n     * Overrides the theme set in plugin configuration.\n     */\n    theme: String as PropType<ThemeColorScheme>,\n    /**\n     * Offset in pixels to add to the iframe height calculation.\n     * Useful for avoiding scrollbars when the content height changes dynamically.\n     */\n    heightOffsetPx: {\n      type: Number,\n      default: 12,\n    },\n    /**\n     * Whether to enable logging for debugging purposes.\n     * Overrides the enableLogging set in plugin configuration.\n     */\n    enableLogging: Boolean,\n  },\n  emits: {\n    /**\n     * Emitted when the cards interface has finished loading.\n     */\n    loaded: () => true,\n    /**\n     * Emitted when an error occurs in the cards interface.\n     */\n    error: (error: CapitalOSError) => error instanceof CapitalOSError,\n  },\n  setup(props, { emit }) {\n    const containerRef = ref<HTMLElement | null>(null)\n    const { tokenData, config, invalidateToken } = useCapitalOsAuth()\n\n    let iframeManager: IframeManager | null = null\n\n    function initializeIframe(token: TokenData, container: HTMLElement): void {\n      // Destroy previous iframe before creating new one (matches Angular/React behavior)\n      // This ensures token refresh works correctly - new token = new iframe\n      iframeManager?.destroy()\n\n      const resolvedEnableLogging = props.enableLogging ?? config.enableLogging ?? false\n      const resolvedTheme = props.theme ?? config.theme\n\n      iframeManager = new IframeManager({\n        container,\n        tokenData: token,\n        renderingContext: { entryPoint: 'cardsApp' },\n        theme: resolvedTheme,\n        enableLogging: resolvedEnableLogging,\n        logger: config.logger,\n        sdkVersion: SDK_VERSION,\n        heightOffsetPx: props.heightOffsetPx,\n        callbacks: {\n          onLoad: () => {\n            emit('loaded')\n          },\n          onError: (rawError: RawErrorDetails) => {\n            const capitalOsError = new CapitalOSError(rawError)\n            emit('error', capitalOsError)\n          },\n          onTokenExpired: () => {\n            invalidateToken()\n          },\n        },\n      })\n    }\n\n    // MAINTAINER NOTE: Watch for tokenData and container changes to initialize the iframe.\n    //\n    // Why watch both tokenData AND containerRef?\n    // - tokenData: comes from async token exchange, may not be ready on mount\n    // - containerRef: DOM element, available after first render\n    //\n    // Why { immediate: true }?\n    // - If tokenData is already available when component mounts, we want to\n    //   initialize immediately without waiting for a change\n    // - Without this, the iframe wouldn't load until tokenData changes again\n    watch(\n      [tokenData, containerRef],\n      ([newTokenData, container]) => {\n        if (newTokenData && container) {\n          initializeIframe(newTokenData, container)\n        }\n      },\n      { immediate: true }\n    )\n\n    onUnmounted(() => {\n      iframeManager?.destroy()\n      iframeManager = null\n    })\n\n    // MAINTAINER NOTE: Render function - creates the container div for the iframe.\n    //\n    // Why use a function ref `ref: (el) => { ... }` instead of `ref: containerRef`?\n    //\n    // Vue 2.7 and Vue 3 handle template refs differently in render functions:\n    // - Vue 3: can use `ref: containerRef` directly\n    // - Vue 2.7: requires function ref pattern for reliable element access\n    //\n    // The function ref pattern works in both versions, so we use it for compatibility.\n    // Do NOT change this to `ref: containerRef` - it will break Vue 2.7 support.\n    //\n    // The `as unknown as string` type assertion is required because:\n    // - Vue 3's TypeScript types don't properly express that function refs are valid\n    // - The function ref pattern IS valid at runtime in both Vue 2.7 and Vue 3\n    // - This is a known limitation of Vue 3's type definitions\n    return () =>\n      h('div', {\n        // Type assertion required: Vue 3's types don't support function refs in h(),\n        // but function refs ARE valid at runtime in both Vue 2.7 and Vue 3\n        ref: ((el: Element | null) => {\n          containerRef.value = el as HTMLElement | null\n        }) as unknown as string,\n        class: 'capitalos-iframe-container',\n        style: { width: '100%' },\n      })\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["globalState: CapitalOsState | null","error: unknown","appOrVue: Vue2Constructor | Vue3App","config: CapitalOsConfig","logger","activeAbortController: AbortController | null","state: CapitalOsState","error: CapitalOSError","CapitalOSError","options: UseIframeComponentOptions","iframeManager: IframeManager | null","token: TokenData","container: HTMLElement","SDK_VERSION","rawError: RawErrorDetails","CapitalOSError","el: Element | null","_account: Account","account: Account"],"sources":["../src/plugin.ts","../src/components/common-props.ts","../src/composables/use-capitalos-auth.ts","../package.json","../src/composables/use-iframe-component.ts","../src/components/CardsApp.ts","../src/components/BillPayApp.ts","../src/components/Onboarding.ts"],"sourcesContent":["// =============================================================================\n// MAINTAINER NOTE: Vue 2.7 vs Vue 3 Plugin Compatibility\n// =============================================================================\n//\n// Vue 2.7 and Vue 3 call plugin.install() with DIFFERENT arguments:\n//\n// Vue 3 consumer code:\n//   const app = createApp(App)\n//   app.use(myPlugin)  // → calls myPlugin.install(app) with app INSTANCE\n//\n// Vue 2.7 consumer code:\n//   Vue.use(myPlugin)  // → calls myPlugin.install(Vue) with Vue CONSTRUCTOR\n//\n// This matters because:\n// - Vue 3's app instance has app.provide() for dependency injection\n// - Vue 2.7's Vue constructor does NOT have provide() - must use Vue.mixin()\n//\n// This plugin detects which API is available and uses the appropriate method.\n// As an additional fallback for edge cases, we also store state in a module-level\n// variable that `useCapitalOsAuth` can access if `inject()` returns undefined.\n//\n// FUTURE: If we ever need to support Vue < 2.7 or have more complex version-\n// specific logic throughout the codebase, consider using `vue-demi` package\n// (https://github.com/vueuse/vue-demi) which abstracts all Vue 2/3 differences.\n// For now, our simple detection is sufficient since Vue 2.7 has Composition API\n// backported and we only need to handle the plugin install signature difference.\n// =============================================================================\n\nimport { ref, readonly } from 'vue'\nimport {\n  exchangeOneTimeToken,\n  createLogger,\n  TokenType,\n  TokenParamKey,\n  TokenParamLocation,\n  type TokenData,\n} from '@capitalos/core'\nimport type { CapitalOsConfig, CapitalOsState } from './types'\n\n/**\n * Injection key for CapitalOS state.\n * Used with Vue's provide/inject system.\n */\nexport const CAPITALOS_INJECTION_KEY = Symbol('capitalos')\n\n// MAINTAINER NOTE: Module-level state storage for Vue 2.7 compatibility fallback.\n//\n// In Vue 2.7, even with the mixin approach, there can be edge cases where\n// `inject()` doesn't find the provided value (e.g., in the root component\n// or components created before the mixin is applied). This global fallback\n// ensures `useCapitalOsAuth()` always has access to the state.\nlet globalState: CapitalOsState | null = null\n\n// @internal - used by useCapitalOsAuth for Vue 2.7 fallback\nexport function getGlobalState(): CapitalOsState | null {\n  return globalState\n}\n\nconst TOKEN_EXCHANGE_TIMEOUT_MS = 10_000\n\n// Converts an unknown error to an Error object\nfunction toError(error: unknown): Error {\n  if (error instanceof Error) {\n    return error\n  }\n  return new Error(String(error))\n}\n\n// MAINTAINER NOTE: Module-level guard against double installation (singleton pattern).\n//\n// This MUST be module-level (not inside createCapitalOs) because:\n// - The plugin creates reactive state that should only exist once\n// - Multiple installations would create multiple token exchange iframes\n// - Multiple auth states would cause inconsistent behavior\n//\n// If a consumer accidentally calls Vue.use(createCapitalOs(...)) twice,\n// the second call will be silently ignored with a warning.\nlet installed = false\n\n// Type for Vue 2 constructor passed to plugin install.\n// In Vue 2.7, `Vue.use(plugin)` passes the Vue constructor.\ninterface Vue2Constructor {\n  mixin: (mixin: Record<string, unknown>) => void\n  version: string\n}\n\n// Type for Vue 3 app instance passed to plugin install.\n// In Vue 3, `app.use(plugin)` passes the app instance.\ninterface Vue3App {\n  provide: (key: symbol, value: unknown) => void\n  version: string\n}\n\n// Detect Vue version by checking for Vue 3's `provide` method.\n// Vue 3 app instances have `app.provide()`, Vue 2 constructors don't.\nfunction isVue3App(appOrVue: Vue2Constructor | Vue3App): appOrVue is Vue3App {\n  return typeof (appOrVue as Vue3App).provide === 'function'\n}\n\n/**\n * Creates the CapitalOS Vue plugin.\n *\n * Usage (Vue 3):\n * ```typescript\n * import { createApp } from 'vue'\n * import { createCapitalOs } from '@capitalos/vue'\n *\n * const app = createApp(App)\n * app.use(createCapitalOs({ getToken: async () => { ... } }))\n * app.mount('#app')\n * ```\n *\n * Usage (Vue 2.7):\n * ```typescript\n * import Vue from 'vue'\n * import { createCapitalOs } from '@capitalos/vue'\n *\n * Vue.use(createCapitalOs({ getToken: async () => { ... } }))\n * new Vue({ render: h => h(App) }).$mount('#app')\n * ```\n */\nexport function createCapitalOs(config: CapitalOsConfig) {\n  return {\n    install(appOrVue: Vue2Constructor | Vue3App) {\n      // Prevent double installation\n      if (installed) {\n        const logger = createLogger(config.enableLogging, config.logger)\n        logger.warn('[CapitalOS] Plugin already installed, skipping duplicate installation')\n        return\n      }\n      installed = true\n\n      const logger = createLogger(config.enableLogging, config.logger)\n\n      // Create reactive state\n      const tokenData = ref<TokenData | undefined>(undefined)\n      const isLoading = ref(false)\n      const error = ref<Error | undefined>(undefined)\n\n      // AbortController for cancelling in-flight token exchanges\n      let activeAbortController: AbortController | null = null\n\n      // Refreshes the token by fetching a new one-time token and exchanging it.\n      async function refreshToken(): Promise<void> {\n        // Prevent concurrent refresh calls - if already loading, skip\n        if (isLoading.value) {\n          logger.log('[CapitalOS] Token refresh already in progress, skipping')\n          return\n        }\n\n        logger.log('[CapitalOS] Starting token refresh')\n        isLoading.value = true\n        error.value = undefined\n\n        // Abort any in-flight exchange when a new one begins\n        activeAbortController?.abort()\n        const abortController = new AbortController()\n        activeAbortController = abortController\n\n        try {\n          const oneTimeToken = await config.getToken()\n          logger.log('[CapitalOS] Received one-time token')\n\n          // Check if aborted after getToken\n          if (abortController.signal.aborted) {\n            return\n          }\n\n          // Exchange for long-lived token using @capitalos/core\n          const result = await exchangeOneTimeToken({\n            oneTimeToken,\n            enableLogging: config.enableLogging,\n            logger: config.logger,\n            timeoutMs: TOKEN_EXCHANGE_TIMEOUT_MS,\n            signal: abortController.signal,\n          })\n\n          // Check if aborted after exchange\n          if (abortController.signal.aborted) {\n            return\n          }\n\n          tokenData.value = {\n            token: result.longLivedToken,\n            tokenType: TokenType.longLived,\n            baseUrl: result.baseUrl,\n            paramKey: TokenParamKey.accessToken,\n            paramLocation: TokenParamLocation.hash,\n          }\n          logger.log('[CapitalOS] Token exchange complete')\n        } catch (e) {\n          // Ignore abort errors\n          if (e instanceof Error && e.name === 'AbortError') {\n            return\n          }\n\n          const err = toError(e)\n          logger.error(`[CapitalOS] Token refresh failed: ${err.message}`)\n          error.value = err\n        } finally {\n          if (activeAbortController === abortController) {\n            activeAbortController = null\n          }\n          isLoading.value = false\n        }\n      }\n\n      // Invalidates the current token, triggering a refresh.\n      // Called when the iframe signals that the token has expired.\n      function invalidateToken(): void {\n        logger.log('[CapitalOS] Invalidating token')\n        tokenData.value = undefined\n        error.value = undefined\n        refreshToken()\n      }\n\n      // Create state object to provide\n      const state: CapitalOsState = {\n        tokenData: readonly(tokenData),\n        isLoading: readonly(isLoading),\n        error: readonly(error),\n        invalidateToken,\n        config,\n      }\n\n      // Store globally as fallback for Vue 2.7 edge cases where inject() fails\n      globalState = state\n\n      // Provide state using the appropriate API based on Vue version\n      if (isVue3App(appOrVue)) {\n        // Vue 3: use app.provide() - this makes state available to all components\n        // via inject(CAPITALOS_INJECTION_KEY)\n        appOrVue.provide(CAPITALOS_INJECTION_KEY, state)\n      } else {\n        // Vue 2.7: use Vue.mixin() to add a provide function to all components.\n        // This is the Vue 2 equivalent of app.provide() - it injects the provide\n        // option into every component so inject() can find our state.\n        appOrVue.mixin({\n          provide() {\n            return {\n              [CAPITALOS_INJECTION_KEY]: state,\n            }\n          },\n        })\n      }\n\n      // Start token exchange eagerly (matches Angular behavior)\n      refreshToken()\n    },\n  }\n}\n","import type { PropType } from 'vue'\nimport type { ThemeColorScheme } from '@capitalos/core'\nimport { CapitalOSError } from '@capitalos/core'\n\n/**\n * Common props shared by all CapitalOS Vue components.\n */\nexport const commonProps = {\n  /**\n   * Theme color scheme for the interface.\n   * Overrides the theme set in plugin configuration.\n   */\n  theme: String as PropType<ThemeColorScheme>,\n  /**\n   * Offset in pixels to add to the iframe height calculation.\n   * Useful for avoiding scrollbars when the content height changes dynamically.\n   */\n  heightOffsetPx: {\n    type: Number,\n    default: 12,\n  },\n  /**\n   * Whether to enable logging for debugging purposes.\n   * Overrides the enableLogging set in plugin configuration.\n   */\n  enableLogging: Boolean,\n}\n\n/**\n * Common emits shared by all CapitalOS Vue components.\n */\nexport const commonEmits = {\n  /**\n   * Emitted when the interface has finished loading.\n   */\n  loaded: () => true,\n  /**\n   * Emitted when an error occurs in the interface.\n   */\n  error: (error: CapitalOSError) => error instanceof CapitalOSError,\n}\n","import { inject, computed, type ComputedRef } from 'vue'\nimport { CAPITALOS_INJECTION_KEY, getGlobalState } from '../plugin'\nimport type { CapitalOsState, AuthState } from '../types'\n\n/**\n * Return type for useCapitalOsAuth composable\n */\nexport interface UseCapitalOsAuthReturn extends CapitalOsState {\n  /**\n   * Computed authentication state\n   */\n  authState: ComputedRef<AuthState>\n}\n\n/**\n * @internal\n * Internal composable for accessing CapitalOS authentication state.\n * Used by SDK components - not intended for direct consumer use.\n */\nexport function useCapitalOsAuth(): UseCapitalOsAuthReturn {\n  // MAINTAINER NOTE: Vue 2.7 vs Vue 3 Compatibility\n  //\n  // Try inject() first - this works in:\n  // - Vue 3 (via app.provide)\n  // - Vue 2.7 (via mixin provide, in most components)\n  //\n  // Fall back to getGlobalState() for Vue 2.7 edge cases where inject() fails,\n  // such as the root component or components created before the mixin is applied.\n  //\n  // Do NOT remove the ?? getGlobalState() fallback - it's required for Vue 2.7.\n  const state = inject<CapitalOsState>(CAPITALOS_INJECTION_KEY) ?? getGlobalState()\n\n  if (!state) {\n    throw new Error(\n      'useCapitalOsAuth must be used in a component where createCapitalOs plugin is installed. ' +\n        'Make sure to call app.use(createCapitalOs({ ... })) or Vue.use(createCapitalOs({ ... })) in your main.ts'\n    )\n  }\n\n  const authState = computed<AuthState>(() => {\n    if (state.isLoading.value) return 'loading'\n    if (state.error.value) return 'error'\n    if (state.tokenData.value) return 'authenticated'\n    return 'idle'\n  })\n\n  return {\n    ...state,\n    authState,\n  }\n}\n","{\n  \"name\": \"@capitalos/vue\",\n  \"version\": \"0.1.0\",\n  \"description\": \"Vue SDK for CapitalOS\",\n  \"main\": \"dist/index.js\",\n  \"module\": \"dist/index.mjs\",\n  \"types\": \"dist/index.d.ts\",\n  \"exports\": {\n    \".\": {\n      \"import\": {\n        \"types\": \"./dist/index.d.mts\",\n        \"default\": \"./dist/index.mjs\"\n      },\n      \"require\": {\n        \"types\": \"./dist/index.d.ts\",\n        \"default\": \"./dist/index.js\"\n      }\n    }\n  },\n  \"files\": [\n    \"dist\"\n  ],\n  \"scripts\": {\n    \"build\": \"tsdown\",\n    \"dev\": \"tsdown --watch\",\n    \"lint\": \"eslint src --ext .ts --fix\",\n    \"lint-ci\": \"eslint src --ext .ts\",\n    \"start\": \"pnpm --filter vue-test-app dev\",\n    \"start:all\": \"concurrently \\\"pnpm --filter sdk-test-server start\\\" \\\"pnpm start\\\"\",\n    \"test:pack\": \"pnpm build && pnpm pack\",\n    \"prepublishOnly\": \"pnpm build\"\n  },\n  \"keywords\": [\n    \"capitalos\",\n    \"vue\",\n    \"sdk\",\n    \"iframe\"\n  ],\n  \"repository\": {\n    \"type\": \"git\",\n    \"url\": \"https://github.com/CapitalOS/theboss\",\n    \"directory\": \"sdk/vue\"\n  },\n  \"bugs\": {\n    \"url\": \"https://github.com/CapitalOS/theboss/issues\"\n  },\n  \"author\": \"CapitalOS\",\n  \"license\": \"MIT\",\n  \"peerDependencies\": {\n    \"vue\": \"^2.7.0 || ^3.0.0\"\n  },\n  \"dependencies\": {\n    \"@capitalos/core\": \"workspace:*\"\n  },\n  \"devDependencies\": {\n    \"tsdown\": \"^0.9.2\",\n    \"typescript\": \"^5.6.2\",\n    \"vue\": \"^3.5.13\",\n    \"concurrently\": \"^9.1.2\"\n  }\n}\n","import { ref, watch, onUnmounted, h, type VNode, type Ref } from 'vue'\nimport {\n  IframeManager,\n  CapitalOSError,\n  type TokenData,\n  type RawErrorDetails,\n  type RenderingContext,\n  type IframeManagerConfig,\n} from '@capitalos/core'\nimport { useCapitalOsAuth } from './use-capitalos-auth'\nimport { version as SDK_VERSION } from '../../package.json'\n\n/**\n * Props expected by useIframeComponent - matches commonProps shape\n */\nexport interface IframeComponentProps {\n  theme?: 'light' | 'dark' | 'system'\n  heightOffsetPx: number\n  enableLogging?: boolean\n}\n\n/**\n * Emit function type for common events\n */\nexport interface CommonEmitFn {\n  (event: 'loaded'): void\n  (event: 'error', error: CapitalOSError): void\n}\n\n/**\n * Component-specific callbacks to pass to IframeManager.\n * Excludes common callbacks (onLoad, onError, onTokenExpired) which the composable handles.\n */\nexport type ComponentCallbacks = Omit<IframeManagerConfig['callbacks'], 'onLoad' | 'onError' | 'onTokenExpired'>\n\n/**\n * Options for configuring the iframe component\n */\nexport interface UseIframeComponentOptions {\n  /** Props from the component */\n  props: IframeComponentProps\n  /** Emit function from the component */\n  emit: CommonEmitFn\n  /** Function that returns the rendering context for this component */\n  getRenderingContext: () => RenderingContext\n  /** Component-specific callbacks (onboarding, tokenExchange, etc.) */\n  componentCallbacks?: ComponentCallbacks\n}\n\n/**\n * Return type for useIframeComponent\n */\nexport interface UseIframeComponentReturn {\n  /** Ref to the container element */\n  containerRef: Ref<HTMLElement | null>\n  /** Render function that returns the container div */\n  render: () => VNode\n}\n\n/**\n * Composable that handles common iframe component setup.\n *\n * Manages:\n * - Container ref and iframe manager lifecycle\n * - Token data subscription and iframe initialization\n * - Common callbacks (onLoad, onError, onTokenExpired)\n * - Cleanup on unmount\n * - Render function for the container div\n *\n * Note: Rendering context props (e.g., entryPoint, exitPoint for Onboarding) are read once\n * at iframe initialization. Changes to these props after the iframe loads will NOT trigger\n * re-initialization. This matches the behavior of the React SDK.\n *\n * @example\n * ```ts\n * setup(props, { emit }) {\n *   const { render } = useIframeComponent({\n *     props,\n *     emit,\n *     getRenderingContext: () => ({ entryPoint: 'cardsApp' }),\n *   })\n *   return render\n * }\n * ```\n */\nexport function useIframeComponent(options: UseIframeComponentOptions): UseIframeComponentReturn {\n  const { props, emit, getRenderingContext, componentCallbacks } = options\n\n  const containerRef = ref<HTMLElement | null>(null)\n  const { tokenData, config, invalidateToken } = useCapitalOsAuth()\n\n  let iframeManager: IframeManager | null = null\n\n  function initializeIframe(token: TokenData, container: HTMLElement): void {\n    // Destroy previous iframe before creating new one (matches Angular/React behavior)\n    // This ensures token refresh works correctly - new token = new iframe\n    iframeManager?.destroy()\n\n    const resolvedEnableLogging = props.enableLogging ?? config.enableLogging ?? false\n    const resolvedTheme = props.theme ?? config.theme\n\n    iframeManager = new IframeManager({\n      container,\n      tokenData: token,\n      renderingContext: getRenderingContext(),\n      theme: resolvedTheme,\n      enableLogging: resolvedEnableLogging,\n      logger: config.logger,\n      sdkVersion: SDK_VERSION,\n      heightOffsetPx: props.heightOffsetPx,\n      callbacks: {\n        onLoad: () => {\n          emit('loaded')\n        },\n        onError: (rawError: RawErrorDetails) => {\n          emit('error', new CapitalOSError(rawError))\n        },\n        onTokenExpired: () => {\n          invalidateToken()\n        },\n        ...componentCallbacks,\n      },\n    })\n  }\n\n  // Watch for tokenData and container changes to initialize the iframe.\n  //\n  // Why watch both tokenData AND containerRef?\n  // - tokenData: comes from async token exchange, may not be ready on mount\n  // - containerRef: DOM element, available after first render\n  //\n  // Why { immediate: true }?\n  // - If tokenData is already available when component mounts, we want to\n  //   initialize immediately without waiting for a change\n  // - Without this, the iframe wouldn't load until tokenData changes again\n  watch(\n    [tokenData, containerRef],\n    ([newTokenData, container]) => {\n      if (newTokenData && container) {\n        initializeIframe(newTokenData, container)\n      }\n    },\n    { immediate: true }\n  )\n\n  onUnmounted(() => {\n    iframeManager?.destroy()\n    iframeManager = null\n  })\n\n  // Render function - creates the container div for the iframe.\n  //\n  // Why use a function ref `ref: (el) => { ... }` instead of `ref: containerRef`?\n  //\n  // Vue 2.7 and Vue 3 handle template refs differently in render functions:\n  // - Vue 3: can use `ref: containerRef` directly\n  // - Vue 2.7: requires function ref pattern for reliable element access\n  //\n  // The function ref pattern works in both versions, so we use it for compatibility.\n  // Do NOT change this to `ref: containerRef` - it will break Vue 2.7 support.\n  //\n  // The `as unknown as string` type assertion is required because:\n  // - Vue 3's TypeScript types don't properly express that function refs are valid\n  // - The function ref pattern IS valid at runtime in both Vue 2.7 and Vue 3\n  // - This is a known limitation of Vue 3's type definitions\n  function render(): VNode {\n    return h('div', {\n      // Type assertion required: Vue 3's types don't support function refs in h(),\n      // but function refs ARE valid at runtime in both Vue 2.7 and Vue 3\n      ref: ((el: Element | null) => {\n        containerRef.value = el as HTMLElement | null\n      }) as unknown as string,\n      class: 'capitalos-iframe-container',\n      style: { width: '100%' },\n    })\n  }\n\n  return {\n    containerRef,\n    render,\n  }\n}\n","import { defineComponent } from 'vue'\nimport { commonProps, commonEmits } from './common-props'\nimport { useIframeComponent } from '../composables/use-iframe-component'\n\n/**\n * CardsApp component that renders the CapitalOS cards interface in an iframe.\n *\n * The component emits events for loading state - consumers should handle their own loading UI:\n *\n * @example\n * ```vue\n * <template>\n *   <div v-if=\"!cardsLoaded\">Loading...</div>\n *   <CardsApp\n *     @loaded=\"cardsLoaded = true\"\n *     @error=\"onCardsError\"\n *   />\n * </template>\n *\n * <script setup>\n * import { ref } from 'vue'\n * import { CardsApp } from '@capitalos/vue'\n *\n * const cardsLoaded = ref(false)\n * const onCardsError = (error) => console.error(error)\n * </script>\n * ```\n */\nexport const CardsApp = defineComponent({\n  name: 'CardsApp',\n  props: commonProps,\n  emits: commonEmits,\n  setup(props, { emit }) {\n    const { render } = useIframeComponent({\n      props,\n      emit,\n      getRenderingContext: () => ({ entryPoint: 'cardsApp' }),\n    })\n\n    return render\n  },\n})\n","import { defineComponent } from 'vue'\nimport { commonProps, commonEmits } from './common-props'\nimport { useIframeComponent } from '../composables/use-iframe-component'\n\n/**\n * BillPayApp component that renders the CapitalOS bill payment interface in an iframe.\n *\n * The component emits events for loading state - consumers should handle their own loading UI:\n *\n * @example\n * ```vue\n * <template>\n *   <div v-if=\"!billPayLoaded\">Loading...</div>\n *   <BillPayApp\n *     @loaded=\"billPayLoaded = true\"\n *     @error=\"onBillPayError\"\n *   />\n * </template>\n *\n * <script setup>\n * import { ref } from 'vue'\n * import { BillPayApp } from '@capitalos/vue'\n *\n * const billPayLoaded = ref(false)\n * const onBillPayError = (error) => console.error(error)\n * </script>\n * ```\n */\nexport const BillPayApp = defineComponent({\n  name: 'BillPayApp',\n  props: commonProps,\n  emits: commonEmits,\n  setup(props, { emit }) {\n    const { render } = useIframeComponent({\n      props,\n      emit,\n      getRenderingContext: () => ({ entryPoint: 'billPayApp' }),\n    })\n\n    return render\n  },\n})\n","import { defineComponent, type PropType } from 'vue'\nimport type { Account, OnboardingEntryPoint, OnboardingExitPoint } from '@capitalos/core'\nimport { commonProps, commonEmits } from './common-props'\nimport { useIframeComponent } from '../composables/use-iframe-component'\n\n/**\n * Onboarding component that renders the CapitalOS onboarding flow in an iframe.\n *\n * The component emits events for loading state and completion - consumers should handle their own loading UI:\n *\n * @example\n * ```vue\n * <template>\n *   <div v-if=\"!onboardingLoaded\">Loading...</div>\n *   <Onboarding\n *     entry-point=\"welcome\"\n *     exit-point=\"activation\"\n *     @loaded=\"onboardingLoaded = true\"\n *     @error=\"onOnboardingError\"\n *     @done=\"onOnboardingComplete\"\n *   />\n * </template>\n *\n * <script setup>\n * import { ref } from 'vue'\n * import { Onboarding } from '@capitalos/vue'\n *\n * const onboardingLoaded = ref(false)\n * const onOnboardingError = (error) => console.error(error)\n * const onOnboardingComplete = (account) => {\n *   console.log('Onboarding complete:', account.status)\n * }\n * </script>\n * ```\n */\nexport const Onboarding = defineComponent({\n  name: 'Onboarding',\n  props: {\n    ...commonProps,\n    /**\n     * The starting point of the onboarding flow.\n     * @default 'welcome'\n     */\n    entryPoint: String as PropType<OnboardingEntryPoint>,\n    /**\n     * The ending point of the onboarding flow.\n     * @default 'activation'\n     */\n    exitPoint: String as PropType<OnboardingExitPoint>,\n    /**\n     * Whether to allow the user to exit the onboarding flow by clicking the done button\n     * when they finished the onboarding form but are still not approved (e.g. waiting or pending).\n     * This should only be false if you want the user to stay on the onboarding flow\n     * (e.g. to add bank account) and not exit the flow.\n     * @default true\n     */\n    allowExitOnNonApproved: {\n      type: Boolean,\n      default: undefined,\n    },\n  },\n  emits: {\n    ...commonEmits,\n    /**\n     * Emitted when the onboarding flow completes successfully.\n     */\n    done: (_account: Account) => true,\n  },\n  setup(props, { emit }) {\n    const { render } = useIframeComponent({\n      props,\n      emit,\n      getRenderingContext: () => ({\n        entryPoint: 'onboarding',\n        onboardingEntryPoint: props.entryPoint,\n        onboardingExitPoint: props.exitPoint,\n        allowExitOnNonApproved: props.allowExitOnNonApproved,\n      }),\n      componentCallbacks: {\n        onboarding: {\n          onDone: (account: Account) => {\n            emit('done', account)\n          },\n        },\n      },\n    })\n\n    return render\n  },\n})\n"],"mappings":";;;;;;;;AA2CA,MAAa,0BAA0B,OAAO,YAAY;AAQ1D,IAAIA,cAAqC;AAGzC,SAAgB,iBAAwC;AACtD,QAAO;AACR;AAED,MAAM,4BAA4B;AAGlC,SAAS,QAAQC,OAAuB;AACtC,KAAI,iBAAiB,MACnB,QAAO;AAET,QAAO,IAAI,MAAM,OAAO,MAAM;AAC/B;AAWD,IAAI,YAAY;AAkBhB,SAAS,UAAUC,UAA0D;AAC3E,eAAe,SAAqB,YAAY;AACjD;;;;;;;;;;;;;;;;;;;;;;;AAwBD,SAAgB,gBAAgBC,QAAyB;AACvD,QAAO,EACL,QAAQD,UAAqC;AAE3C,MAAI,WAAW;GACb,MAAME,WAAS,aAAa,OAAO,eAAe,OAAO,OAAO;AAChE,YAAO,KAAK,wEAAwE;AACpF;EACD;AACD,cAAY;EAEZ,MAAM,SAAS,aAAa,OAAO,eAAe,OAAO,OAAO;EAGhE,MAAM,YAAY,WAAqC;EACvD,MAAM,YAAY,IAAI,MAAM;EAC5B,MAAM,QAAQ,WAAiC;EAG/C,IAAIC,wBAAgD;EAGpD,eAAe,eAA8B;AAE3C,OAAI,UAAU,OAAO;AACnB,WAAO,IAAI,0DAA0D;AACrE;GACD;AAED,UAAO,IAAI,qCAAqC;AAChD,aAAU,QAAQ;AAClB,SAAM;AAGN,0BAAuB,OAAO;GAC9B,MAAM,kBAAkB,IAAI;AAC5B,2BAAwB;AAExB,OAAI;IACF,MAAM,eAAe,MAAM,OAAO,UAAU;AAC5C,WAAO,IAAI,sCAAsC;AAGjD,QAAI,gBAAgB,OAAO,QACzB;IAIF,MAAM,SAAS,MAAM,qBAAqB;KACxC;KACA,eAAe,OAAO;KACtB,QAAQ,OAAO;KACf,WAAW;KACX,QAAQ,gBAAgB;IACzB,EAAC;AAGF,QAAI,gBAAgB,OAAO,QACzB;AAGF,cAAU,QAAQ;KAChB,OAAO,OAAO;KACd,WAAW,UAAU;KACrB,SAAS,OAAO;KAChB,UAAU,cAAc;KACxB,eAAe,mBAAmB;IACnC;AACD,WAAO,IAAI,sCAAsC;GAClD,SAAQ,GAAG;AAEV,QAAI,aAAa,SAAS,EAAE,SAAS,aACnC;IAGF,MAAM,MAAM,QAAQ,EAAE;AACtB,WAAO,OAAO,oCAAoC,IAAI,QAAQ,EAAE;AAChE,UAAM,QAAQ;GACf,UAAS;AACR,QAAI,0BAA0B,gBAC5B,yBAAwB;AAE1B,cAAU,QAAQ;GACnB;EACF;EAID,SAAS,kBAAwB;AAC/B,UAAO,IAAI,iCAAiC;AAC5C,aAAU;AACV,SAAM;AACN,iBAAc;EACf;EAGD,MAAMC,QAAwB;GAC5B,WAAW,SAAS,UAAU;GAC9B,WAAW,SAAS,UAAU;GAC9B,OAAO,SAAS,MAAM;GACtB;GACA;EACD;AAGD,gBAAc;AAGd,MAAI,UAAU,SAAS,CAGrB,UAAS,QAAQ,yBAAyB,MAAM;MAKhD,UAAS,MAAM,EACb,UAAU;AACR,UAAO,GACJ,0BAA0B,MAC5B;EACF,EACF,EAAC;AAIJ,gBAAc;CACf,EACF;AACF;;;;;;;ACnPD,MAAa,cAAc;CAKzB,OAAO;CAKP,gBAAgB;EACd,MAAM;EACN,SAAS;CACV;CAKD,eAAe;AAChB;;;;AAKD,MAAa,cAAc;CAIzB,QAAQ,MAAM;CAId,OAAO,CAACC,UAA0B,iBAAiBC;AACpD;;;;;;;;;ACrBD,SAAgB,mBAA2C;CAWzD,MAAM,QAAQ,OAAuB,wBAAwB,IAAI,gBAAgB;AAEjF,MAAK,MACH,OAAM,IAAI,MACR;CAKJ,MAAM,YAAY,SAAoB,MAAM;AAC1C,MAAI,MAAM,UAAU,MAAO,QAAO;AAClC,MAAI,MAAM,MAAM,MAAO,QAAO;AAC9B,MAAI,MAAM,UAAU,MAAO,QAAO;AAClC,SAAO;CACR,EAAC;AAEF,QAAO;EACL,GAAG;EACH;CACD;AACF;;;;cChDY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACmFb,SAAgB,mBAAmBC,SAA8D;CAC/F,MAAM,EAAE,OAAO,MAAM,qBAAqB,oBAAoB,GAAG;CAEjE,MAAM,eAAe,IAAwB,KAAK;CAClD,MAAM,EAAE,WAAW,QAAQ,iBAAiB,GAAG,kBAAkB;CAEjE,IAAIC,gBAAsC;CAE1C,SAAS,iBAAiBC,OAAkBC,WAA8B;AAGxE,iBAAe,SAAS;EAExB,MAAM,wBAAwB,MAAM,iBAAiB,OAAO,iBAAiB;EAC7E,MAAM,gBAAgB,MAAM,SAAS,OAAO;AAE5C,kBAAgB,IAAI,cAAc;GAChC;GACA,WAAW;GACX,kBAAkB,qBAAqB;GACvC,OAAO;GACP,eAAe;GACf,QAAQ,OAAO;GACf,YAAYC;GACZ,gBAAgB,MAAM;GACtB,WAAW;IACT,QAAQ,MAAM;AACZ,UAAK,SAAS;IACf;IACD,SAAS,CAACC,aAA8B;AACtC,UAAK,SAAS,IAAIC,iBAAe,UAAU;IAC5C;IACD,gBAAgB,MAAM;AACpB,sBAAiB;IAClB;IACD,GAAG;GACJ;EACF;CACF;AAYD,OACE,CAAC,WAAW,YAAa,GACzB,CAAC,CAAC,cAAc,UAAU,KAAK;AAC7B,MAAI,gBAAgB,UAClB,kBAAiB,cAAc,UAAU;CAE5C,GACD,EAAE,WAAW,KAAM,EACpB;AAED,aAAY,MAAM;AAChB,iBAAe,SAAS;AACxB,kBAAgB;CACjB,EAAC;CAiBF,SAAS,SAAgB;AACvB,SAAO,EAAE,OAAO;GAGd,KAAM,CAACC,OAAuB;AAC5B,iBAAa,QAAQ;GACtB;GACD,OAAO;GACP,OAAO,EAAE,OAAO,OAAQ;EACzB,EAAC;CACH;AAED,QAAO;EACL;EACA;CACD;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzJD,MAAa,WAAW,gBAAgB;CACtC,MAAM;CACN,OAAO;CACP,OAAO;CACP,MAAM,OAAO,EAAE,MAAM,EAAE;EACrB,MAAM,EAAE,QAAQ,GAAG,mBAAmB;GACpC;GACA;GACA,qBAAqB,OAAO,EAAE,YAAY,WAAY;EACvD,EAAC;AAEF,SAAO;CACR;AACF,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACbF,MAAa,aAAa,gBAAgB;CACxC,MAAM;CACN,OAAO;CACP,OAAO;CACP,MAAM,OAAO,EAAE,MAAM,EAAE;EACrB,MAAM,EAAE,QAAQ,GAAG,mBAAmB;GACpC;GACA;GACA,qBAAqB,OAAO,EAAE,YAAY,aAAc;EACzD,EAAC;AAEF,SAAO;CACR;AACF,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACNF,MAAa,aAAa,gBAAgB;CACxC,MAAM;CACN,OAAO;EACL,GAAG;EAKH,YAAY;EAKZ,WAAW;EAQX,wBAAwB;GACtB,MAAM;GACN;EACD;CACF;CACD,OAAO;EACL,GAAG;EAIH,MAAM,CAACC,aAAsB;CAC9B;CACD,MAAM,OAAO,EAAE,MAAM,EAAE;EACrB,MAAM,EAAE,QAAQ,GAAG,mBAAmB;GACpC;GACA;GACA,qBAAqB,OAAO;IAC1B,YAAY;IACZ,sBAAsB,MAAM;IAC5B,qBAAqB,MAAM;IAC3B,wBAAwB,MAAM;GAC/B;GACD,oBAAoB,EAClB,YAAY,EACV,QAAQ,CAACC,YAAqB;AAC5B,SAAK,QAAQ,QAAQ;GACtB,EACF,EACF;EACF,EAAC;AAEF,SAAO;CACR;AACF,EAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capitalos/vue",
-  "version": "0.1.0-rc.1",
+  "version": "0.1.0",
   "description": "Vue SDK for CapitalOS",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -20,32 +20,42 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "lint": "eslint src --ext .ts --fix",
+    "lint-ci": "eslint src --ext .ts",
+    "start": "pnpm --filter vue-test-app dev",
+    "start:all": "concurrently \"pnpm --filter sdk-test-server start\" \"pnpm start\"",
+    "test:pack": "pnpm build && pnpm pack",
+    "prepublishOnly": "pnpm build"
+  },
   "keywords": [
     "capitalos",
     "vue",
     "sdk",
     "iframe"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/CapitalOS/theboss",
+    "directory": "sdk/vue"
+  },
+  "bugs": {
+    "url": "https://github.com/CapitalOS/theboss/issues"
+  },
   "author": "CapitalOS",
   "license": "MIT",
   "peerDependencies": {
     "vue": "^2.7.0 || ^3.0.0"
   },
   "dependencies": {
-    "@capitalos/core": "0.1.0-rc.1"
+    "@capitalos/core": "workspace:*"
   },
   "devDependencies": {
     "tsdown": "^0.9.2",
     "typescript": "^5.6.2",
     "vue": "^3.5.13",
     "concurrently": "^9.1.2"
-  },
-  "scripts": {
-    "build": "tsdown",
-    "dev": "tsdown --watch",
-    "lint": "eslint src --ext .ts --fix",
-    "lint-ci": "eslint src --ext .ts",
-    "start": "pnpm --filter vue-test-app dev",
-    "start:all": "concurrently \"pnpm --filter sdk-test-server start\" \"pnpm start\""
   }
-}
+}