@strivacity/sdk-vue 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,11 @@
+# 1.0.0 (2024-09-20)
+
+
+### 🚀 Features
+
+- @strivacity/sdk-vue package implemented
+
+
+### 🧱 Updated Dependencies
+
+- Updated sdk-core to 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Strivacity Inc. <info@strivacity.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,110 @@
+# @strivacity/sdk-vue
+
+> **The SDK supports Vue version 3 and above**
+
+### Install
+
+```bash
+npm install @strivacity/sdk-vue
+```
+
+### Usage
+
+#### Add this to your main file:
+
+```js
+import { createApp } from 'vue';
+import App from './App.vue';
+import { createStrivacitySDK } from '@strivacity/sdk-vue';
+
+const app = createApp(AppComponent);
+const sdk = createStrivacitySDK({
+	issuer: 'https://<YOUR_DOMAIN>',
+	scopes: ['openid', 'profile'],
+	clientId: '<YOUR_CLIENT_ID>',
+	redirectUri: '<YOUR_REDIRECT_URI>',
+});
+
+app.use(sdk);
+app.mount('#app');
+```
+
+#### How to use the SDK in your components:
+
+```js
+<script setup>
+import { computed } from 'vue';
+import { useStrivacity } from '@strivacity/sdk-vue';
+
+const { isAuthenticated, idTokenClaims, login, logout } = useStrivacity();
+const name = computed(() => `${idTokenClaims.value?.given_name} ${idTokenClaims.value?.family_name}`);
+</script>
+
+<template>
+	<template v-if="isAuthenticated">
+		<div>Welcome, {{ name }}!</div>
+		<button @click="logout()">Logout</button>
+	</template>
+
+	<template v-else>
+		<div>Not logged in</div>
+		<button @click="login()">Log in</button>
+	</template>
+</template>
+```
+
+### API Documentation
+
+#### `useStrivacity` hook
+
+```typescript
+useStrivacity<T extends PopupContext | RedirectContext>(): T;
+```
+
+You can choose between `PopupContext` or `RedirectContext` with the `mode` option when you configure the sdk options.
+
+**Properties**
+
+- **`loading: boolean`**: Indicates if the session is being loaded.
+- **`isAuthenticated: boolean`**: Indicates whether the user is authenticated.
+- **`idTokenClaims: IdTokenClaims | null`**: Claims from the ID token or null if not available.
+- **`accessToken: string | null`**: The access token or null if not available.
+- **`refreshToken: string | null`**: The refresh token or null if not available.
+- **`accessTokenExpired: boolean`**: Indicates if the access token has expired.
+- **`accessTokenExpirationDate: number | null`**: Expiration date of the access token or null if not set.
+
+---
+
+Type: `RedirectContext`
+Represents the available methods for Redirect-based interactions.
+
+- **`login(options?: LoginOptions): Promise<void>`**: Initiates the login process by redirecting the user to the identity provider.
+  - `options` (optional): Configuration options for login.
+- **`register(options?: RegisterOptions): Promise<void>`**: Registers a new user using a redirect flow.
+  - `options` (optional): Configuration options for registration.
+- **`refresh(): Promise<void>`**: Refreshes the user's session using a redirect flow.
+- **`revoke(): Promise<void>`**: Revokes the current session tokens using a redirect flow.
+- **`logout(options?: LogoutOptions): Promise<void>`**: Logs out the user by redirecting to the logout page.
+  - `options` (optional): Configuration options for logout.
+- **`handleCallback(url?: string): Promise<void>`**: Handles the callback after a redirect-based authentication or token exchange.
+  - `url` (optional): The URL to handle for the callback.
+
+---
+
+Type: `PopupContext`
+Represents the available methods for Popup-based interactions.
+
+- **`login(options?: LoginOptions): Promise<void>`**: Initiates the login process using a popup window.
+  - `options` (optional): Configuration options for login.
+- **`register(options?: RegisterOptions): Promise<void>`**: Registers a new user using a popup flow.
+  - `options` (optional): Configuration options for registration.
+- **`refresh(): Promise<void>`**: Refreshes the user's session using a popup.
+- **`revoke(): Promise<void>`**: Revokes the current session tokens using a popup flow.
+- **`logout(options?: LogoutOptions): Promise<void>`**: Logs out the user using a popup window.
+  - `options` (optional): Configuration options for logout.
+- **`handleCallback(url?: string): Promise<void>`**: Handles the callback after a popup-based authentication or token exchange.
+  - `url` (optional): The URL to handle for the callback.
+
+### Links
+
+- [Example app](https://github.com/Strivacity/sdk-js/tree/main/apps/vue)

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),k=require("@strivacity/sdk-core"),T=require("@strivacity/sdk-core/storages/LocalStorage"),b=require("@strivacity/sdk-core/storages/SessionStorage"),f=Symbol("sty");exports.isAuthenticated=()=>Promise.resolve(!1);const g=()=>{const n=s.inject(f);if(!n)throw Error("Missing Strivacity SDK context");return n},S=n=>{const e=k.initFlow(n);return{install:v=>{const i=s.ref(!0),o=s.ref(!1),r=s.ref(null),c=s.ref(null),l=s.ref(null),u=s.ref(!0),d=s.ref(null),t=async()=>{o.value=await e.isAuthenticated,r.value=e.idTokenClaims||null,c.value=e.accessToken||null,l.value=e.refreshToken||null,u.value=e.accessTokenExpired,d.value=e.accessTokenExpirationDate||null,i.value&&(i.value=!1)};exports.isAuthenticated=()=>e.isAuthenticated,e.subscribeToEvent("init",t),e.subscribeToEvent("loggedIn",t),e.subscribeToEvent("sessionLoaded",t),e.subscribeToEvent("tokenRefreshed",t),e.subscribeToEvent("tokenRefreshFailed",t),e.subscribeToEvent("logoutInitiated",t),e.subscribeToEvent("tokenRevoked",t),e.subscribeToEvent("tokenRevokeFailed",t),v.provide(f,{loading:i,isAuthenticated:o,idTokenClaims:r,accessToken:c,refreshToken:l,accessTokenExpired:u,accessTokenExpirationDate:d,login:async a=>{await e.login(a),await t()},register:async a=>{await e.register(a),await t()},refresh:async()=>{await e.refresh(),await t()},revoke:async()=>{await e.revoke(),await t()},logout:async a=>{await e.logout(a),await t()},handleCallback:async a=>{await e.handleCallback(a),await t()}})}}};Object.defineProperty(exports,"LocalStorage",{enumerable:!0,get:()=>T.LocalStorage});Object.defineProperty(exports,"SessionStorage",{enumerable:!0,get:()=>b.SessionStorage});exports.createStrivacitySDK=S;exports.useStrivacity=g;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import { type App, inject, ref } from 'vue';\nimport { initFlow, type SDKOptions, type SDKStorage, type IdTokenClaims } from '@strivacity/sdk-core';\nimport type { PopupFlow } from '@strivacity/sdk-core/flows/PopupFlow';\nimport type { RedirectFlow } from '@strivacity/sdk-core/flows/RedirectFlow';\nimport { LocalStorage } from '@strivacity/sdk-core/storages/LocalStorage';\nimport { SessionStorage } from '@strivacity/sdk-core/storages/SessionStorage';\nimport type { Session, PopupContext, PopupSDK, RedirectContext, RedirectSDK } from './types';\n\nexport type { SDKOptions, SDKStorage, Session, IdTokenClaims, PopupFlow, RedirectFlow, PopupContext, RedirectContext, PopupSDK, RedirectSDK };\nexport { LocalStorage, SessionStorage };\n\nconst STRIVACITY_SDK = Symbol('sty');\n\n/**\n * Checks if the user is authenticated.\n *\n * @returns {Promise<boolean>} A promise that resolves to `true` if the user is authenticated, otherwise `false`.\n */\nexport let isAuthenticated: () => Promise<boolean> = () => Promise.resolve(false);\n\n/**\n * Retrieves the Strivacity SDK context for Popup or Redirect flows.\n *\n * @template T The type of context, either PopupContext or RedirectContext.\n *\n * @throws {Error} If the Strivacity SDK context is not found.\n *\n * @returns {T} The Strivacity SDK context, typed as either PopupContext or RedirectContext.\n */\nexport const useStrivacity = <T extends PopupContext | RedirectContext>() => {\n\tconst context = inject(STRIVACITY_SDK);\n\n\tif (!context) {\n\t\tthrow Error('Missing Strivacity SDK context');\n\t}\n\n\treturn context as T;\n};\n\n/**\n * Creates a Strivacity SDK plugin for Vue.\n *\n * @param {SDKOptions} options - The options used to configure the SDK.\n *\n * @returns {Plugin} A Vue plugin that can be installed in the application.\n */\nexport const createStrivacitySDK = (options: SDKOptions) => {\n\tconst sdk = initFlow(options);\n\n\tconst plugin = {\n\t\tinstall: (app: App) => {\n\t\t\tconst loadingRef = ref<boolean>(true);\n\t\t\tconst isAuthenticatedRef = ref<boolean>(false);\n\t\t\tconst idTokenClaimsRef = ref<IdTokenClaims | null>(null);\n\t\t\tconst accessTokenRef = ref<string | null>(null);\n\t\t\tconst refreshTokenRef = ref<string | null>(null);\n\t\t\tconst accessTokenExpiredRef = ref<boolean>(true);\n\t\t\tconst accessTokenExpirationDateRef = ref<number | null>(null);\n\n\t\t\tconst updateSession = async () => {\n\t\t\t\tisAuthenticatedRef.value = await sdk.isAuthenticated;\n\t\t\t\tidTokenClaimsRef.value = sdk.idTokenClaims || null;\n\t\t\t\taccessTokenRef.value = sdk.accessToken || null;\n\t\t\t\trefreshTokenRef.value = sdk.refreshToken || null;\n\t\t\t\taccessTokenExpiredRef.value = sdk.accessTokenExpired;\n\t\t\t\taccessTokenExpirationDateRef.value = sdk.accessTokenExpirationDate || null;\n\n\t\t\t\tif (loadingRef.value) {\n\t\t\t\t\tloadingRef.value = false;\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tisAuthenticated = () => sdk.isAuthenticated;\n\n\t\t\tsdk.subscribeToEvent('init', updateSession);\n\t\t\tsdk.subscribeToEvent('loggedIn', updateSession);\n\t\t\tsdk.subscribeToEvent('sessionLoaded', updateSession);\n\t\t\tsdk.subscribeToEvent('tokenRefreshed', updateSession);\n\t\t\tsdk.subscribeToEvent('tokenRefreshFailed', updateSession);\n\t\t\tsdk.subscribeToEvent('logoutInitiated', updateSession);\n\t\t\tsdk.subscribeToEvent('tokenRevoked', updateSession);\n\t\t\tsdk.subscribeToEvent('tokenRevokeFailed', updateSession);\n\n\t\t\tapp.provide(STRIVACITY_SDK, {\n\t\t\t\tloading: loadingRef,\n\t\t\t\tisAuthenticated: isAuthenticatedRef,\n\t\t\t\tidTokenClaims: idTokenClaimsRef,\n\t\t\t\taccessToken: accessTokenRef,\n\t\t\t\trefreshToken: refreshTokenRef,\n\t\t\t\taccessTokenExpired: accessTokenExpiredRef,\n\t\t\t\taccessTokenExpirationDate: accessTokenExpirationDateRef,\n\n\t\t\t\tlogin: async (options?: Parameters<PopupFlow['login'] | RedirectFlow['login']>[0]) => {\n\t\t\t\t\tawait sdk.login(options);\n\t\t\t\t\tawait updateSession();\n\t\t\t\t},\n\t\t\t\tregister: async (options?: Parameters<PopupFlow['register'] | RedirectFlow['register']>[0]) => {\n\t\t\t\t\tawait sdk.register(options);\n\t\t\t\t\tawait updateSession();\n\t\t\t\t},\n\t\t\t\trefresh: async () => {\n\t\t\t\t\tawait sdk.refresh();\n\t\t\t\t\tawait updateSession();\n\t\t\t\t},\n\t\t\t\trevoke: async () => {\n\t\t\t\t\tawait sdk.revoke();\n\t\t\t\t\tawait updateSession();\n\t\t\t\t},\n\t\t\t\tlogout: async (options?: Parameters<PopupFlow['logout'] | RedirectFlow['logout']>[0]) => {\n\t\t\t\t\tawait sdk.logout(options);\n\t\t\t\t\tawait updateSession();\n\t\t\t\t},\n\t\t\t\thandleCallback: async (url?: Parameters<PopupFlow['handleCallback'] | RedirectFlow['handleCallback']>[0]) => {\n\t\t\t\t\tawait sdk.handleCallback(url);\n\t\t\t\t\tawait updateSession();\n\t\t\t\t},\n\t\t\t});\n\t\t},\n\t};\n\n\treturn plugin;\n};\n"],"names":["STRIVACITY_SDK","isAuthenticated","useStrivacity","context","inject","createStrivacitySDK","options","sdk","initFlow","app","loadingRef","ref","isAuthenticatedRef","idTokenClaimsRef","accessTokenRef","refreshTokenRef","accessTokenExpiredRef","accessTokenExpirationDateRef","updateSession","url"],"mappings":"2PAWMA,EAAiB,OAAO,KAAK,EAOxBC,QAAAA,gBAA0C,IAAM,QAAQ,QAAQ,EAAK,EAWzE,MAAMC,EAAgB,IAAgD,CACtE,MAAAC,EAAUC,SAAOJ,CAAc,EAErC,GAAI,CAACG,EACJ,MAAM,MAAM,gCAAgC,EAGtC,OAAAA,CACR,EASaE,EAAuBC,GAAwB,CACrD,MAAAC,EAAMC,WAASF,CAAO,EAyErB,MAvEQ,CACd,QAAUG,GAAa,CAChB,MAAAC,EAAaC,MAAa,EAAI,EAC9BC,EAAqBD,MAAa,EAAK,EACvCE,EAAmBF,MAA0B,IAAI,EACjDG,EAAiBH,MAAmB,IAAI,EACxCI,EAAkBJ,MAAmB,IAAI,EACzCK,EAAwBL,MAAa,EAAI,EACzCM,EAA+BN,MAAmB,IAAI,EAEtDO,EAAgB,SAAY,CACdN,EAAA,MAAQ,MAAML,EAAI,gBACpBM,EAAA,MAAQN,EAAI,eAAiB,KAC/BO,EAAA,MAAQP,EAAI,aAAe,KAC1BQ,EAAA,MAAQR,EAAI,cAAgB,KAC5CS,EAAsB,MAAQT,EAAI,mBACLU,EAAA,MAAQV,EAAI,2BAA6B,KAElEG,EAAW,QACdA,EAAW,MAAQ,GACpB,EAGDT,wBAAkB,IAAMM,EAAI,gBAExBA,EAAA,iBAAiB,OAAQW,CAAa,EACtCX,EAAA,iBAAiB,WAAYW,CAAa,EAC1CX,EAAA,iBAAiB,gBAAiBW,CAAa,EAC/CX,EAAA,iBAAiB,iBAAkBW,CAAa,EAChDX,EAAA,iBAAiB,qBAAsBW,CAAa,EACpDX,EAAA,iBAAiB,kBAAmBW,CAAa,EACjDX,EAAA,iBAAiB,eAAgBW,CAAa,EAC9CX,EAAA,iBAAiB,oBAAqBW,CAAa,EAEvDT,EAAI,QAAQT,EAAgB,CAC3B,QAASU,EACT,gBAAiBE,EACjB,cAAeC,EACf,YAAaC,EACb,aAAcC,EACd,mBAAoBC,EACpB,0BAA2BC,EAE3B,MAAO,MAAOX,GAAwE,CAC/E,MAAAC,EAAI,MAAMD,CAAO,EACvB,MAAMY,EAAc,CACrB,EACA,SAAU,MAAOZ,GAA8E,CACxF,MAAAC,EAAI,SAASD,CAAO,EAC1B,MAAMY,EAAc,CACrB,EACA,QAAS,SAAY,CACpB,MAAMX,EAAI,UACV,MAAMW,EAAc,CACrB,EACA,OAAQ,SAAY,CACnB,MAAMX,EAAI,SACV,MAAMW,EAAc,CACrB,EACA,OAAQ,MAAOZ,GAA0E,CAClF,MAAAC,EAAI,OAAOD,CAAO,EACxB,MAAMY,EAAc,CACrB,EACA,eAAgB,MAAOC,GAAsF,CACtG,MAAAZ,EAAI,eAAeY,CAAG,EAC5B,MAAMD,EAAc,CACrB,CAAA,CACA,CACF,CAAA,CAIF"}

package/dist/index.d.ts

@@ -0,0 +1,35 @@
+import { App } from 'vue';
+import { SDKOptions, SDKStorage, IdTokenClaims } from '@strivacity/sdk-core';
+import { PopupFlow } from '@strivacity/sdk-core/flows/PopupFlow';
+import { RedirectFlow } from '@strivacity/sdk-core/flows/RedirectFlow';
+import { LocalStorage } from '@strivacity/sdk-core/storages/LocalStorage';
+import { SessionStorage } from '@strivacity/sdk-core/storages/SessionStorage';
+import { Session, PopupContext, PopupSDK, RedirectContext, RedirectSDK } from './types';
+export type { SDKOptions, SDKStorage, Session, IdTokenClaims, PopupFlow, RedirectFlow, PopupContext, RedirectContext, PopupSDK, RedirectSDK };
+export { LocalStorage, SessionStorage };
+/**
+ * Checks if the user is authenticated.
+ *
+ * @returns {Promise<boolean>} A promise that resolves to `true` if the user is authenticated, otherwise `false`.
+ */
+export declare let isAuthenticated: () => Promise<boolean>;
+/**
+ * Retrieves the Strivacity SDK context for Popup or Redirect flows.
+ *
+ * @template T The type of context, either PopupContext or RedirectContext.
+ *
+ * @throws {Error} If the Strivacity SDK context is not found.
+ *
+ * @returns {T} The Strivacity SDK context, typed as either PopupContext or RedirectContext.
+ */
+export declare const useStrivacity: <T extends PopupContext | RedirectContext>() => T;
+/**
+ * Creates a Strivacity SDK plugin for Vue.
+ *
+ * @param {SDKOptions} options - The options used to configure the SDK.
+ *
+ * @returns {Plugin} A Vue plugin that can be installed in the application.
+ */
+export declare const createStrivacitySDK: (options: SDKOptions) => {
+    install: (app: App) => void;
+};

package/dist/index.mjs

@@ -0,0 +1,2 @@
+import{inject as T,ref as a}from"vue";import{initFlow as f}from"@strivacity/sdk-core";import{LocalStorage as S}from"@strivacity/sdk-core/storages/LocalStorage";import{SessionStorage as x}from"@strivacity/sdk-core/storages/SessionStorage";const k=Symbol("sty");let b=()=>Promise.resolve(!1);const w=()=>{const n=T(k);if(!n)throw Error("Missing Strivacity SDK context");return n},E=n=>{const e=f(n);return{install:v=>{const o=a(!0),i=a(!1),c=a(null),r=a(null),l=a(null),u=a(!0),d=a(null),t=async()=>{i.value=await e.isAuthenticated,c.value=e.idTokenClaims||null,r.value=e.accessToken||null,l.value=e.refreshToken||null,u.value=e.accessTokenExpired,d.value=e.accessTokenExpirationDate||null,o.value&&(o.value=!1)};b=()=>e.isAuthenticated,e.subscribeToEvent("init",t),e.subscribeToEvent("loggedIn",t),e.subscribeToEvent("sessionLoaded",t),e.subscribeToEvent("tokenRefreshed",t),e.subscribeToEvent("tokenRefreshFailed",t),e.subscribeToEvent("logoutInitiated",t),e.subscribeToEvent("tokenRevoked",t),e.subscribeToEvent("tokenRevokeFailed",t),v.provide(k,{loading:o,isAuthenticated:i,idTokenClaims:c,accessToken:r,refreshToken:l,accessTokenExpired:u,accessTokenExpirationDate:d,login:async s=>{await e.login(s),await t()},register:async s=>{await e.register(s),await t()},refresh:async()=>{await e.refresh(),await t()},revoke:async()=>{await e.revoke(),await t()},logout:async s=>{await e.logout(s),await t()},handleCallback:async s=>{await e.handleCallback(s),await t()}})}}};export{S as LocalStorage,x as SessionStorage,E as createStrivacitySDK,b as isAuthenticated,w as useStrivacity};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import { type App, inject, ref } from 'vue';\nimport { initFlow, type SDKOptions, type SDKStorage, type IdTokenClaims } from '@strivacity/sdk-core';\nimport type { PopupFlow } from '@strivacity/sdk-core/flows/PopupFlow';\nimport type { RedirectFlow } from '@strivacity/sdk-core/flows/RedirectFlow';\nimport { LocalStorage } from '@strivacity/sdk-core/storages/LocalStorage';\nimport { SessionStorage } from '@strivacity/sdk-core/storages/SessionStorage';\nimport type { Session, PopupContext, PopupSDK, RedirectContext, RedirectSDK } from './types';\n\nexport type { SDKOptions, SDKStorage, Session, IdTokenClaims, PopupFlow, RedirectFlow, PopupContext, RedirectContext, PopupSDK, RedirectSDK };\nexport { LocalStorage, SessionStorage };\n\nconst STRIVACITY_SDK = Symbol('sty');\n\n/**\n * Checks if the user is authenticated.\n *\n * @returns {Promise<boolean>} A promise that resolves to `true` if the user is authenticated, otherwise `false`.\n */\nexport let isAuthenticated: () => Promise<boolean> = () => Promise.resolve(false);\n\n/**\n * Retrieves the Strivacity SDK context for Popup or Redirect flows.\n *\n * @template T The type of context, either PopupContext or RedirectContext.\n *\n * @throws {Error} If the Strivacity SDK context is not found.\n *\n * @returns {T} The Strivacity SDK context, typed as either PopupContext or RedirectContext.\n */\nexport const useStrivacity = <T extends PopupContext | RedirectContext>() => {\n\tconst context = inject(STRIVACITY_SDK);\n\n\tif (!context) {\n\t\tthrow Error('Missing Strivacity SDK context');\n\t}\n\n\treturn context as T;\n};\n\n/**\n * Creates a Strivacity SDK plugin for Vue.\n *\n * @param {SDKOptions} options - The options used to configure the SDK.\n *\n * @returns {Plugin} A Vue plugin that can be installed in the application.\n */\nexport const createStrivacitySDK = (options: SDKOptions) => {\n\tconst sdk = initFlow(options);\n\n\tconst plugin = {\n\t\tinstall: (app: App) => {\n\t\t\tconst loadingRef = ref<boolean>(true);\n\t\t\tconst isAuthenticatedRef = ref<boolean>(false);\n\t\t\tconst idTokenClaimsRef = ref<IdTokenClaims | null>(null);\n\t\t\tconst accessTokenRef = ref<string | null>(null);\n\t\t\tconst refreshTokenRef = ref<string | null>(null);\n\t\t\tconst accessTokenExpiredRef = ref<boolean>(true);\n\t\t\tconst accessTokenExpirationDateRef = ref<number | null>(null);\n\n\t\t\tconst updateSession = async () => {\n\t\t\t\tisAuthenticatedRef.value = await sdk.isAuthenticated;\n\t\t\t\tidTokenClaimsRef.value = sdk.idTokenClaims || null;\n\t\t\t\taccessTokenRef.value = sdk.accessToken || null;\n\t\t\t\trefreshTokenRef.value = sdk.refreshToken || null;\n\t\t\t\taccessTokenExpiredRef.value = sdk.accessTokenExpired;\n\t\t\t\taccessTokenExpirationDateRef.value = sdk.accessTokenExpirationDate || null;\n\n\t\t\t\tif (loadingRef.value) {\n\t\t\t\t\tloadingRef.value = false;\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tisAuthenticated = () => sdk.isAuthenticated;\n\n\t\t\tsdk.subscribeToEvent('init', updateSession);\n\t\t\tsdk.subscribeToEvent('loggedIn', updateSession);\n\t\t\tsdk.subscribeToEvent('sessionLoaded', updateSession);\n\t\t\tsdk.subscribeToEvent('tokenRefreshed', updateSession);\n\t\t\tsdk.subscribeToEvent('tokenRefreshFailed', updateSession);\n\t\t\tsdk.subscribeToEvent('logoutInitiated', updateSession);\n\t\t\tsdk.subscribeToEvent('tokenRevoked', updateSession);\n\t\t\tsdk.subscribeToEvent('tokenRevokeFailed', updateSession);\n\n\t\t\tapp.provide(STRIVACITY_SDK, {\n\t\t\t\tloading: loadingRef,\n\t\t\t\tisAuthenticated: isAuthenticatedRef,\n\t\t\t\tidTokenClaims: idTokenClaimsRef,\n\t\t\t\taccessToken: accessTokenRef,\n\t\t\t\trefreshToken: refreshTokenRef,\n\t\t\t\taccessTokenExpired: accessTokenExpiredRef,\n\t\t\t\taccessTokenExpirationDate: accessTokenExpirationDateRef,\n\n\t\t\t\tlogin: async (options?: Parameters<PopupFlow['login'] | RedirectFlow['login']>[0]) => {\n\t\t\t\t\tawait sdk.login(options);\n\t\t\t\t\tawait updateSession();\n\t\t\t\t},\n\t\t\t\tregister: async (options?: Parameters<PopupFlow['register'] | RedirectFlow['register']>[0]) => {\n\t\t\t\t\tawait sdk.register(options);\n\t\t\t\t\tawait updateSession();\n\t\t\t\t},\n\t\t\t\trefresh: async () => {\n\t\t\t\t\tawait sdk.refresh();\n\t\t\t\t\tawait updateSession();\n\t\t\t\t},\n\t\t\t\trevoke: async () => {\n\t\t\t\t\tawait sdk.revoke();\n\t\t\t\t\tawait updateSession();\n\t\t\t\t},\n\t\t\t\tlogout: async (options?: Parameters<PopupFlow['logout'] | RedirectFlow['logout']>[0]) => {\n\t\t\t\t\tawait sdk.logout(options);\n\t\t\t\t\tawait updateSession();\n\t\t\t\t},\n\t\t\t\thandleCallback: async (url?: Parameters<PopupFlow['handleCallback'] | RedirectFlow['handleCallback']>[0]) => {\n\t\t\t\t\tawait sdk.handleCallback(url);\n\t\t\t\t\tawait updateSession();\n\t\t\t\t},\n\t\t\t});\n\t\t},\n\t};\n\n\treturn plugin;\n};\n"],"names":["STRIVACITY_SDK","isAuthenticated","useStrivacity","context","inject","createStrivacitySDK","options","sdk","initFlow","app","loadingRef","ref","isAuthenticatedRef","idTokenClaimsRef","accessTokenRef","refreshTokenRef","accessTokenExpiredRef","accessTokenExpirationDateRef","updateSession","url"],"mappings":"8OAWA,MAAMA,EAAiB,OAAO,KAAK,EAO5B,IAAIC,EAA0C,IAAM,QAAQ,QAAQ,EAAK,EAWzE,MAAMC,EAAgB,IAAgD,CACtE,MAAAC,EAAUC,EAAOJ,CAAc,EAErC,GAAI,CAACG,EACJ,MAAM,MAAM,gCAAgC,EAGtC,OAAAA,CACR,EASaE,EAAuBC,GAAwB,CACrD,MAAAC,EAAMC,EAASF,CAAO,EAyErB,MAvEQ,CACd,QAAUG,GAAa,CAChB,MAAAC,EAAaC,EAAa,EAAI,EAC9BC,EAAqBD,EAAa,EAAK,EACvCE,EAAmBF,EAA0B,IAAI,EACjDG,EAAiBH,EAAmB,IAAI,EACxCI,EAAkBJ,EAAmB,IAAI,EACzCK,EAAwBL,EAAa,EAAI,EACzCM,EAA+BN,EAAmB,IAAI,EAEtDO,EAAgB,SAAY,CACdN,EAAA,MAAQ,MAAML,EAAI,gBACpBM,EAAA,MAAQN,EAAI,eAAiB,KAC/BO,EAAA,MAAQP,EAAI,aAAe,KAC1BQ,EAAA,MAAQR,EAAI,cAAgB,KAC5CS,EAAsB,MAAQT,EAAI,mBACLU,EAAA,MAAQV,EAAI,2BAA6B,KAElEG,EAAW,QACdA,EAAW,MAAQ,GACpB,EAGDT,EAAkB,IAAMM,EAAI,gBAExBA,EAAA,iBAAiB,OAAQW,CAAa,EACtCX,EAAA,iBAAiB,WAAYW,CAAa,EAC1CX,EAAA,iBAAiB,gBAAiBW,CAAa,EAC/CX,EAAA,iBAAiB,iBAAkBW,CAAa,EAChDX,EAAA,iBAAiB,qBAAsBW,CAAa,EACpDX,EAAA,iBAAiB,kBAAmBW,CAAa,EACjDX,EAAA,iBAAiB,eAAgBW,CAAa,EAC9CX,EAAA,iBAAiB,oBAAqBW,CAAa,EAEvDT,EAAI,QAAQT,EAAgB,CAC3B,QAASU,EACT,gBAAiBE,EACjB,cAAeC,EACf,YAAaC,EACb,aAAcC,EACd,mBAAoBC,EACpB,0BAA2BC,EAE3B,MAAO,MAAOX,GAAwE,CAC/E,MAAAC,EAAI,MAAMD,CAAO,EACvB,MAAMY,EAAc,CACrB,EACA,SAAU,MAAOZ,GAA8E,CACxF,MAAAC,EAAI,SAASD,CAAO,EAC1B,MAAMY,EAAc,CACrB,EACA,QAAS,SAAY,CACpB,MAAMX,EAAI,UACV,MAAMW,EAAc,CACrB,EACA,OAAQ,SAAY,CACnB,MAAMX,EAAI,SACV,MAAMW,EAAc,CACrB,EACA,OAAQ,MAAOZ,GAA0E,CAClF,MAAAC,EAAI,OAAOD,CAAO,EACxB,MAAMY,EAAc,CACrB,EACA,eAAgB,MAAOC,GAAsF,CACtG,MAAAZ,EAAI,eAAeY,CAAG,EAC5B,MAAMD,EAAc,CACrB,CAAA,CACA,CACF,CAAA,CAIF"}

package/dist/types.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.cjs.map

package/dist/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/types.d.ts

@@ -0,0 +1,110 @@
+import { Ref } from 'vue';
+import { IdTokenClaims } from '@strivacity/sdk-core';
+import { PopupFlow } from '@strivacity/sdk-core/flows/PopupFlow';
+import { RedirectFlow } from '@strivacity/sdk-core/flows/RedirectFlow';
+/**
+ * Represents the session state, including authentication details and token information.
+ */
+export type Session = {
+    /**
+     * Reactive reference to the loading state of the session.
+     * `true` when the session is initializing, otherwise `false`.
+     */
+    loading: Ref<boolean>;
+    /**
+     * Reactive reference to the user's authentication status.
+     * `true` if the user is authenticated, otherwise `false`.
+     */
+    isAuthenticated: Ref<boolean>;
+    /**
+     * Reactive reference to the claims contained in the ID token.
+     * Contains user identity and other information, or `null` if not authenticated.
+     */
+    idTokenClaims: Ref<IdTokenClaims | null>;
+    /**
+     * Reactive reference to the current access token for API authorization.
+     * `null` if the user is not authenticated or the token is unavailable.
+     */
+    accessToken: Ref<string | null>;
+    /**
+     * Reactive reference to the refresh token, used to refresh the access token.
+     * `null` if the user is not authenticated or the refresh token is unavailable.
+     */
+    refreshToken: Ref<string | null>;
+    /**
+     * Reactive reference indicating if the access token has expired.
+     * `true` if expired, otherwise `false`.
+     */
+    accessTokenExpired: Ref<boolean>;
+    /**
+     * Reactive reference to the expiration date of the access token in Unix time (milliseconds).
+     * `null` if no token is available or the session is not authenticated.
+     */
+    accessTokenExpirationDate: Ref<number | null>;
+};
+/**
+ * Represents the available authentication flows and operations for Popup-based interactions.
+ */
+export type PopupSDK = {
+    /**
+     * Initiates the login process using a popup window.
+     */
+    login: InstanceType<typeof PopupFlow>['login'];
+    /**
+     * Registers a new user using a popup flow.
+     */
+    register: InstanceType<typeof PopupFlow>['register'];
+    /**
+     * Refreshes the user's session using a popup.
+     */
+    refresh: InstanceType<typeof PopupFlow>['refresh'];
+    /**
+     * Revokes the current session tokens using a popup flow.
+     */
+    revoke: InstanceType<typeof PopupFlow>['revoke'];
+    /**
+     * Logs out the user using a popup window.
+     */
+    logout: InstanceType<typeof PopupFlow>['logout'];
+    /**
+     * Handles the callback after a popup-based authentication or token exchange.
+     */
+    handleCallback: InstanceType<typeof PopupFlow>['handleCallback'];
+};
+/**
+ * Represents the available authentication flows and operations for Redirect-based interactions.
+ */
+export type RedirectSDK = {
+    /**
+     * Initiates the login process by redirecting the user to the identity provider.
+     */
+    login: InstanceType<typeof RedirectFlow>['login'];
+    /**
+     * Registers a new user using a redirect flow.
+     */
+    register: InstanceType<typeof RedirectFlow>['register'];
+    /**
+     * Refreshes the user's session using a redirect flow.
+     */
+    refresh: InstanceType<typeof RedirectFlow>['refresh'];
+    /**
+     * Revokes the current session tokens using a redirect flow.
+     */
+    revoke: InstanceType<typeof RedirectFlow>['revoke'];
+    /**
+     * Logs out the user by redirecting to the logout page.
+     */
+    logout: InstanceType<typeof RedirectFlow>['logout'];
+    /**
+     * Handles the callback after a redirect-based authentication or token exchange.
+     */
+    handleCallback: InstanceType<typeof RedirectFlow>['handleCallback'];
+};
+/**
+ * Represents a combined context for Popup-based flows, containing both the Popup SDK and the session state.
+ */
+export type PopupContext = PopupSDK & Session;
+/**
+ * Represents a combined context for Redirect-based flows, containing both the Redirect SDK and the session state.
+ */
+export type RedirectContext = RedirectSDK & Session;

package/dist/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/dist/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@strivacity/sdk-vue",
+  "version": "1.0.0",
+  "type": "module",
+  "license": "MIT",
+  "description": "Strivacity Vue.js SDK client",
+  "author": "strivacity <info@strivacity.com>",
+  "dependencies": {
+    "@strivacity/sdk-core": "1.0.0"
+  },
+  "peerDependencies": {
+    "vue": ">=3"
+  },
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.mjs"
+    }
+  }
+}