m2m-components 3.3.1-alpha-e3d71ae.0 → 4.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/MenuBaseElement.d.mts +2 -2
- package/MenuBaseElement.d.ts +2 -2
- package/MenuBaseElement.js +4 -2
- package/MenuBaseElement.js.map +1 -1
- package/MenuBaseElement.mjs +1 -1
- package/{chunk-M4ZBTA6A.mjs → chunk-4FZMOOVK.mjs} +2 -2
- package/{chunk-UM6FAKR4.mjs → chunk-5UD6DCZW.mjs} +5 -3
- package/chunk-5UD6DCZW.mjs.map +1 -0
- package/{chunk-V4ROE7DI.mjs → chunk-5V2GM6RK.mjs} +1 -1
- package/chunk-5V2GM6RK.mjs.map +1 -0
- package/{chunk-CEBJL6ZD.mjs → chunk-IYTHV2XJ.mjs} +1 -1
- package/chunk-IYTHV2XJ.mjs.map +1 -0
- package/{chunk-VNCVFELM.mjs → chunk-L74NH4WS.mjs} +2 -2
- package/chunk-L74NH4WS.mjs.map +1 -0
- package/{chunk-UOPEIK22.mjs → chunk-LUTUMV2M.mjs} +1 -1
- package/chunk-LUTUMV2M.mjs.map +1 -0
- package/{chunk-LYVJL4T5.mjs → chunk-ULIEV5F6.mjs} +2 -2
- package/{chunk-LDSJ6KYP.mjs → chunk-UXYQOQLC.mjs} +1 -1
- package/chunk-UXYQOQLC.mjs.map +1 -0
- package/{chunk-BFPL6AIR.mjs → chunk-WE7B4PI4.mjs} +3 -3
- package/{chunk-5FHEMJGG.mjs → chunk-Y36VD6Z6.mjs} +2 -2
- package/chunk-Y36VD6Z6.mjs.map +1 -0
- package/{chunk-CB56CZRA.mjs → chunk-ZKTYMWRB.mjs} +370 -339
- package/chunk-ZKTYMWRB.mjs.map +1 -0
- package/feedback/MultipleTextQuestion.js.map +1 -1
- package/feedback/MultipleTextQuestion.mjs +1 -1
- package/feedback/index.js +335 -335
- package/feedback/index.js.map +1 -1
- package/feedback/index.mjs +3 -4
- package/index.d.mts +2 -3
- package/index.d.ts +2 -3
- package/index.js +4 -2
- package/index.js.map +1 -1
- package/index.mjs +13 -14
- package/initM2mComponents.js.map +1 -1
- package/initM2mComponents.mjs +3 -3
- package/m2m-apps-menu.d.mts +3 -4
- package/m2m-apps-menu.d.ts +3 -4
- package/m2m-apps-menu.js +4 -2
- package/m2m-apps-menu.js.map +1 -1
- package/m2m-apps-menu.mjs +2 -2
- package/{releases/m2m-releases-link.d.mts → m2m-releases-link.d.mts} +1 -2
- package/{releases/m2m-releases-link.d.ts → m2m-releases-link.d.ts} +1 -2
- package/{releases/m2m-releases-link.js → m2m-releases-link.js} +2 -2
- package/m2m-releases-link.js.map +1 -0
- package/{releases/m2m-releases-link.mjs → m2m-releases-link.mjs} +3 -3
- package/m2m-releases-link.mjs.map +1 -0
- package/m2m-user-menu.d.mts +3 -4
- package/m2m-user-menu.d.ts +3 -4
- package/m2m-user-menu.js +4 -2
- package/m2m-user-menu.js.map +1 -1
- package/m2m-user-menu.mjs +4 -4
- package/notification/NotificationProvider.js.map +1 -1
- package/notification/NotificationProvider.mjs +2 -2
- package/notification/ServiceIdProvider.js.map +1 -1
- package/notification/ServiceIdProvider.mjs +1 -1
- package/notification/api.js.map +1 -1
- package/notification/api.mjs +1 -1
- package/notification/index.js.map +1 -1
- package/notification/index.mjs +3 -3
- package/package.json +10 -76
- package/storage/client.js.map +1 -1
- package/storage/client.mjs +2 -2
- package/storage/lib/client.js.map +1 -1
- package/storage/lib/client.mjs +1 -1
- package/storage/useM2mAuth.js.map +1 -1
- package/storage/useM2mAuth.mjs +95 -6
- package/storage/useM2mAuth.mjs.map +1 -1
- package/chunk-3YQYBFME.mjs +0 -102
- package/chunk-3YQYBFME.mjs.map +0 -1
- package/chunk-5FHEMJGG.mjs.map +0 -1
- package/chunk-CB56CZRA.mjs.map +0 -1
- package/chunk-CEBJL6ZD.mjs.map +0 -1
- package/chunk-DEC3QHKP.mjs +0 -8491
- package/chunk-DEC3QHKP.mjs.map +0 -1
- package/chunk-LDSJ6KYP.mjs.map +0 -1
- package/chunk-UCJSCAN5.mjs +0 -45
- package/chunk-UCJSCAN5.mjs.map +0 -1
- package/chunk-UM6FAKR4.mjs.map +0 -1
- package/chunk-UOPEIK22.mjs.map +0 -1
- package/chunk-V4ROE7DI.mjs.map +0 -1
- package/chunk-VNCVFELM.mjs.map +0 -1
- package/releases/m2m-releases-link.js.map +0 -1
- package/releases/m2m-releases-link.mjs.map +0 -1
- package/storage/useM2mAuth.test.d.mts +0 -2
- package/storage/useM2mAuth.test.d.ts +0 -2
- package/storage/useM2mAuth.test.js +0 -60906
- package/storage/useM2mAuth.test.js.map +0 -1
- package/storage/useM2mAuth.test.mjs +0 -60682
- package/storage/useM2mAuth.test.mjs.map +0 -1
- /package/{chunk-M4ZBTA6A.mjs.map → chunk-4FZMOOVK.mjs.map} +0 -0
- /package/{chunk-LYVJL4T5.mjs.map → chunk-ULIEV5F6.mjs.map} +0 -0
- /package/{chunk-BFPL6AIR.mjs.map → chunk-WE7B4PI4.mjs.map} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/storage/useM2mAuth.tsx","../../src/storage/client.ts","../../src/endpoints/m2m-users.v1.ts"],"sourcesContent":["import { fetcher } from \"matsuri-hooks\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { login as m2mUsers_v1_login } from \"../endpoints/m2m-users.v1\";\nimport React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\n\ninterface LoginInput {\n email: string;\n password: string;\n}\n\ninterface AuthenticationState {\n token: string;\n authenticated: boolean;\n login: (input: LoginInput) => Promise<{ token?: string; error?: Error }>;\n logout: () => void;\n updateToken: (token: string) => Promise<{ error?: Error }>;\n}\n\nconst AuthenticationContext = createContext<AuthenticationState | undefined>(\n undefined\n);\n\nconst checkJwtExpiration = (jwt: string): boolean => {\n const splitted = jwt.split(\".\");\n if (splitted.length !== 3) return false;\n\n const [, payload] = splitted;\n const parsedPayload = JSON.parse(atob(payload)) as {\n exp: number;\n };\n return new Date() < new Date(parsedPayload.exp * 1000);\n};\n\nexport const M2mAuthenticationProvider = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const [token, setToken] = useState(m2mAuthTokenApi.getCache() ?? \"\");\n\n const authenticated = useMemo(() => !!token, [token]);\n\n const tryCheckAuth = useCallback(async () => {\n const authToken = await m2mAuthTokenApi.get();\n if (!(authToken && checkJwtExpiration(authToken))) {\n void m2mAuthTokenApi.clear();\n setToken(\"\");\n } else {\n void m2mAuthTokenApi.set(authToken);\n setToken(authToken);\n }\n }, []);\n\n useEffect(() => {\n void tryCheckAuth();\n }, [tryCheckAuth]);\n\n const login = useCallback(async (input: LoginInput) => {\n const { data, error } = await fetcher<{\n accessToken: string;\n }>(m2mUsers_v1_login(), {\n method: \"POST\",\n body: JSON.stringify(input),\n });\n if (data) {\n const authToken = data.accessToken;\n\n void m2mAuthTokenApi.set(authToken);\n setToken(authToken);\n }\n return {\n error,\n token: data ? data.accessToken : undefined,\n };\n }, []);\n\n const logout = useCallback(() => {\n void m2mAuthTokenApi.clear();\n window.location.reload();\n }, []);\n\n const updateToken = useCallback(async (token: string) => {\n if (checkJwtExpiration(token)) {\n return {\n error: new Error(\"M2MAuthToken is expired\"),\n };\n }\n await m2mAuthTokenApi.set(token);\n setToken(token);\n return { error: undefined };\n }, []);\n\n const state = useMemo(() => {\n return {\n login,\n logout,\n token,\n authenticated,\n updateToken,\n };\n }, [authenticated, login, logout, token, updateToken]);\n return (\n <AuthenticationContext.Provider value={state}>\n {children}\n </AuthenticationContext.Provider>\n );\n};\n\nexport const useAuth = () => {\n const ctx = useContext(AuthenticationContext);\n if (!ctx) {\n throw new Error(\"AuthenticationProvider is not found\");\n }\n return ctx;\n};\n","import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\n\nconst context: {\n storage?: M2mStorageClient;\n} = {};\n\n/**\n * Get the connected storage client.\n * @param timeout\n * @default 5000\n */\nconst getStorage = async (timeout = 5000) => {\n const storage = await new Promise<M2mStorageClient>((resolve, reject) => {\n const rejectTimer = window.setTimeout(function () {\n reject(\n new Error(\n \"Timeout: M2mStorageClient could not connect. Please call m2mStorageClient.init() before using m2mStorageClient.\"\n )\n );\n }, timeout);\n\n const storage = context.storage;\n if (storage) {\n window.clearTimeout(rejectTimer);\n resolve(storage);\n }\n\n const timer = window.setInterval(() => {\n const storage = context.storage;\n if (storage) {\n window.clearTimeout(rejectTimer);\n window.clearInterval(timer);\n resolve(storage);\n }\n }, 200);\n });\n\n await storage.onConnect();\n\n return storage;\n};\n\nconst M2M_STORAGE_HUB_URL = \"https://hub.m2msystems.cloud/\";\n\nconst M2M_STORAGE_HUB_URL_DEV =\n \"https://m2m-components-storage-hub-dev.netlify.app/\";\n\nconst initStorageClient = (options?: {\n env?: \"development\" | \"production\";\n}) => {\n if (context.storage) {\n throw new Error(\n \"M2mStorageClient already initialized. Do not call m2mStorageClient.init multiple times.\"\n );\n }\n const storage = new M2mStorageClient(\n options?.env === \"production\"\n ? M2M_STORAGE_HUB_URL\n : M2M_STORAGE_HUB_URL_DEV\n );\n context.storage = storage;\n};\n\nexport const m2mStorageClient = {\n init: initStorageClient,\n getStorage: getStorage,\n};\n\nexport const M2M_AUTH_TOKEN_KEY = \"M2M_APP_AUTH_TOKEN\";\n\nconst getAuthTokenCache = () => {\n return window.localStorage.getItem(M2M_AUTH_TOKEN_KEY);\n};\n\nconst getAuthToken = async () => {\n try {\n const storage = await getStorage();\n const autuToken = (await storage.get(M2M_AUTH_TOKEN_KEY)) as string;\n return autuToken || getAuthTokenCache();\n } catch (error) {\n console.warn(error);\n return getAuthTokenCache();\n }\n};\n\nconst setAuthToken = async (token: string) => {\n window.localStorage.setItem(M2M_AUTH_TOKEN_KEY, token);\n try {\n const storage = await getStorage();\n await storage.set(M2M_AUTH_TOKEN_KEY, token);\n } catch (error) {\n console.warn(error);\n }\n};\n\nconst clearAuthToken = async () => {\n window.localStorage.removeItem(M2M_AUTH_TOKEN_KEY);\n try {\n const storage = await getStorage();\n await storage.del(M2M_AUTH_TOKEN_KEY);\n } catch (error) {\n console.warn(error);\n }\n};\n\nexport const m2mAuthTokenApi = {\n get: getAuthToken,\n getCache: getAuthTokenCache,\n set: setAuthToken,\n clear: clearAuthToken,\n};\n","/* eslint-disable */\n/**\n * A function that returns the URL part common to the endpoints.\n */\nexport const root = () => {\n let __root = \"\";\n\n if (globalThis.M2M_COMPONENTS_ENV === \"local\") {\n __root = \"http://localhost:8080\";\n }\n\n if (globalThis.M2M_COMPONENTS_ENV === \"localDev\") {\n __root = \"https://api-users.dev.m2msystems.cloud\";\n }\n\n if (globalThis.M2M_COMPONENTS_ENV === \"development\") {\n __root = \"https://api-users.dev.m2msystems.cloud\";\n }\n\n if (globalThis.M2M_COMPONENTS_ENV === \"production\") {\n __root = \"https://api.m2msystems.cloud\";\n }\n\n return __root;\n};\n/**\n * ヘルスチェック\n *\n */\nexport const healthCheck = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`health_check`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * 会社を作成する\n *\n */\nexport const createCompany = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`companies/`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * 会社情報を取得する\n *\n */\nexport const getCompany = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`companies/${id}`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * 会社情報を更新する\n *\n */\nexport const updateCompany = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`companies/`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * 会社情報を更新する\n *\n */\nexport const updateCompanyPatch = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`companies/`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * idを指定して複数の会社情報を取得する\n * @param {string} company_ids a,b,c\n */\nexport const findCompaniesByIds = ({\n company_ids,\n}: {\n company_ids?: string;\n}) => {\n const __root = root();\n const __queries = Object.entries({ company_ids })\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`companies/find_by_ids`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを作成する\n *\n */\nexport const createUser = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを取得する\n *\n */\nexport const findUserById = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/${id}`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを更新する\n *\n */\nexport const updateUser = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/${id}`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを更新する\n *\n */\nexport const updateUserPatch = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/${id}`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを強制的に有効化する\n *\n */\nexport const activateUserByAdmin = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/${id}/admin_activate`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを無効化する\n *\n */\nexport const deactivateUser = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/${id}/deactivate`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * パスワードリセットのメールを送信する\n *\n */\nexport const sendResetPasswordEmail = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/reset_password_email`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * パスワードをリセットする\n *\n */\nexport const resetPassword = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/reset_password`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * アクティベーションメールを送信する\n *\n */\nexport const sendActivationEmail = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/activation_email`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを有効化する\n *\n */\nexport const activateUser = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/activate`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * 認可スコープを設定する\n *\n */\nexport const setAuthorityScope = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/scope`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * メールを指定してユーザーを取得する\n *\n */\nexport const findUserByEmail = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/find_by_email`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーの権限を更新する\n *\n */\nexport const updateAuthority = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/authority/${id}`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * companyIdからユーザーを取得する\n * @param {string} statuses BeforeVerification,Active,Deactivated\n */\nexport const findUsersByCompanyId = ({ statuses }: { statuses?: string }) => {\n const __root = root();\n const __queries = Object.entries({ statuses })\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/find_by_company_id`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザー情報をAdminが変更する\n *\n */\nexport const updateUserByAdmin = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/${id}/admin_update`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ログインする\n *\n */\nexport const login = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`login`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ログインする\n *\n */\nexport const loginWithSlash = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`login/`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * JWKを取得する\n *\n */\nexport const getJwks = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`login/jwks`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * 公開鍵を取得する\n *\n */\nexport const getPublicKeys = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`login/public_keys`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * MFAのコードを発行する\n *\n */\nexport const publishMFACode = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`login/publish_mfa_code`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * MFAを使ってログインする\n *\n */\nexport const loginWithMFA = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`login/mfa_login`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * usersに存在しないアカウントのトークンを作成する(deprecated)\n *\n */\nexport const generateToken = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`guest/token`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * usersに存在しないアカウントのトークンを作成する\n *\n */\nexport const generateUserToken = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`generate/token`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\nexport const m2mUsers_v1 = {\n healthCheck,\n createCompany,\n getCompany,\n updateCompany,\n updateCompanyPatch,\n findCompaniesByIds,\n createUser,\n findUserById,\n updateUser,\n updateUserPatch,\n activateUserByAdmin,\n deactivateUser,\n sendResetPasswordEmail,\n resetPassword,\n sendActivationEmail,\n activateUser,\n setAuthorityScope,\n findUserByEmail,\n updateAuthority,\n findUsersByCompanyId,\n updateUserByAdmin,\n login,\n loginWithSlash,\n getJwks,\n getPublicKeys,\n publishMFACode,\n loginWithMFA,\n generateToken,\n generateUserToken,\n};\n"],"mappings":"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","names":["storage","login","token"]}
|
|
1
|
+
{"version":3,"sources":["../../src/storage/useM2mAuth.tsx","../../src/storage/client.ts","../../src/endpoints/m2m-users.v1.ts"],"sourcesContent":["import { fetcher } from \"matsuri-hooks\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { login as m2mUsers_v1_login } from \"../endpoints/m2m-users.v1\";\nimport React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\n\ninterface LoginInput {\n email: string;\n password: string;\n}\n\ninterface AuthenticationState {\n token: string;\n authenticated: boolean;\n login: (input: LoginInput) => Promise<{ token?: string; error?: Error }>;\n logout: () => void;\n updateToken: (token: string) => Promise<{ error?: Error }>;\n}\n\nconst AuthenticationContext = createContext<AuthenticationState | undefined>(\n undefined,\n);\n\nconst checkJwtExpiration = (jwt: string): boolean => {\n const splitted = jwt.split(\".\");\n if (splitted.length !== 3) return false;\n\n const [, payload] = splitted;\n const parsedPayload = JSON.parse(atob(payload)) as {\n exp: number;\n };\n return new Date() < new Date(parsedPayload.exp * 1000);\n};\n\nexport const M2mAuthenticationProvider = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const [token, setToken] = useState(m2mAuthTokenApi.getCache() ?? \"\");\n\n const authenticated = useMemo(() => !!token, [token]);\n\n const tryCheckAuth = useCallback(async () => {\n const authToken = await m2mAuthTokenApi.get();\n if (!(authToken && checkJwtExpiration(authToken))) {\n void m2mAuthTokenApi.clear();\n setToken(\"\");\n } else {\n void m2mAuthTokenApi.set(authToken);\n setToken(authToken);\n }\n }, []);\n\n useEffect(() => {\n void tryCheckAuth();\n }, [tryCheckAuth]);\n\n const login = useCallback(async (input: LoginInput) => {\n const { data, error } = await fetcher<{\n accessToken: string;\n }>(m2mUsers_v1_login(), {\n method: \"POST\",\n body: JSON.stringify(input),\n });\n if (data) {\n const authToken = data.accessToken;\n\n void m2mAuthTokenApi.set(authToken);\n setToken(authToken);\n }\n return {\n error,\n token: data ? data.accessToken : undefined,\n };\n }, []);\n\n const logout = useCallback(() => {\n void m2mAuthTokenApi.clear();\n window.location.reload();\n }, []);\n\n const updateToken = useCallback(async (token: string) => {\n if (checkJwtExpiration(token)) {\n return {\n error: new Error(\"M2MAuthToken is expired\"),\n };\n }\n await m2mAuthTokenApi.set(token);\n setToken(token);\n return { error: undefined };\n }, []);\n\n const state = useMemo(() => {\n return {\n login,\n logout,\n token,\n authenticated,\n updateToken,\n };\n }, [authenticated, login, logout, token, updateToken]);\n return (\n <AuthenticationContext.Provider value={state}>\n {children}\n </AuthenticationContext.Provider>\n );\n};\n\nexport const useAuth = () => {\n const ctx = useContext(AuthenticationContext);\n if (!ctx) {\n throw new Error(\"AuthenticationProvider is not found\");\n }\n return ctx;\n};\n","import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\n\nconst context: {\n storage?: M2mStorageClient;\n} = {};\n\n/**\n * Get the connected storage client.\n * @param timeout\n * @default 5000\n */\nconst getStorage = async (timeout = 5000) => {\n const storage = await new Promise<M2mStorageClient>((resolve, reject) => {\n const rejectTimer = window.setTimeout(function () {\n reject(\n new Error(\n \"Timeout: M2mStorageClient could not connect. Please call m2mStorageClient.init() before using m2mStorageClient.\",\n ),\n );\n }, timeout);\n\n const storage = context.storage;\n if (storage) {\n window.clearTimeout(rejectTimer);\n resolve(storage);\n }\n\n const timer = window.setInterval(() => {\n const storage = context.storage;\n if (storage) {\n window.clearTimeout(rejectTimer);\n window.clearInterval(timer);\n resolve(storage);\n }\n }, 200);\n });\n\n await storage.onConnect();\n\n return storage;\n};\n\nconst M2M_STORAGE_HUB_URL = \"https://hub.m2msystems.cloud/\";\n\nconst M2M_STORAGE_HUB_URL_DEV =\n \"https://m2m-components-storage-hub-dev.netlify.app/\";\n\nconst initStorageClient = (options?: {\n env?: \"development\" | \"production\";\n}) => {\n if (context.storage) {\n throw new Error(\n \"M2mStorageClient already initialized. Do not call m2mStorageClient.init multiple times.\",\n );\n }\n const storage = new M2mStorageClient(\n options?.env === \"production\"\n ? M2M_STORAGE_HUB_URL\n : M2M_STORAGE_HUB_URL_DEV,\n );\n context.storage = storage;\n};\n\nexport const m2mStorageClient = {\n init: initStorageClient,\n getStorage: getStorage,\n};\n\nexport const M2M_AUTH_TOKEN_KEY = \"M2M_APP_AUTH_TOKEN\";\n\nconst getAuthTokenCache = () => {\n return window.localStorage.getItem(M2M_AUTH_TOKEN_KEY);\n};\n\nconst getAuthToken = async () => {\n try {\n const storage = await getStorage();\n const autuToken = (await storage.get(M2M_AUTH_TOKEN_KEY)) as string;\n return autuToken || getAuthTokenCache();\n } catch (error) {\n console.warn(error);\n return getAuthTokenCache();\n }\n};\n\nconst setAuthToken = async (token: string) => {\n window.localStorage.setItem(M2M_AUTH_TOKEN_KEY, token);\n try {\n const storage = await getStorage();\n await storage.set(M2M_AUTH_TOKEN_KEY, token);\n } catch (error) {\n console.warn(error);\n }\n};\n\nconst clearAuthToken = async () => {\n window.localStorage.removeItem(M2M_AUTH_TOKEN_KEY);\n try {\n const storage = await getStorage();\n await storage.del(M2M_AUTH_TOKEN_KEY);\n } catch (error) {\n console.warn(error);\n }\n};\n\nexport const m2mAuthTokenApi = {\n get: getAuthToken,\n getCache: getAuthTokenCache,\n set: setAuthToken,\n clear: clearAuthToken,\n};\n","/* eslint-disable */\n/**\n * A function that returns the URL part common to the endpoints.\n */\nexport const root = () => {\n let __root = \"\";\n\n if (globalThis.M2M_COMPONENTS_ENV === \"local\") {\n __root = \"http://localhost:8080\";\n }\n\n if (globalThis.M2M_COMPONENTS_ENV === \"localDev\") {\n __root = \"https://api-users.dev.m2msystems.cloud\";\n }\n\n if (globalThis.M2M_COMPONENTS_ENV === \"development\") {\n __root = \"https://api-users.dev.m2msystems.cloud\";\n }\n\n if (globalThis.M2M_COMPONENTS_ENV === \"production\") {\n __root = \"https://api.m2msystems.cloud\";\n }\n\n return __root;\n};\n/**\n * ヘルスチェック\n *\n */\nexport const healthCheck = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`health_check`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * 会社を作成する\n *\n */\nexport const createCompany = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`companies/`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * 会社情報を取得する\n *\n */\nexport const getCompany = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`companies/${id}`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * 会社情報を更新する\n *\n */\nexport const updateCompany = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`companies/`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * 会社情報を更新する\n *\n */\nexport const updateCompanyPatch = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`companies/`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * idを指定して複数の会社情報を取得する\n * @param {string} company_ids a,b,c\n */\nexport const findCompaniesByIds = ({\n company_ids,\n}: {\n company_ids?: string;\n}) => {\n const __root = root();\n const __queries = Object.entries({ company_ids })\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`companies/find_by_ids`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを作成する\n *\n */\nexport const createUser = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを取得する\n *\n */\nexport const findUserById = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/${id}`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを更新する\n *\n */\nexport const updateUser = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/${id}`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを更新する\n *\n */\nexport const updateUserPatch = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/${id}`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを強制的に有効化する\n *\n */\nexport const activateUserByAdmin = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/${id}/admin_activate`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを無効化する\n *\n */\nexport const deactivateUser = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/${id}/deactivate`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * パスワードリセットのメールを送信する\n *\n */\nexport const sendResetPasswordEmail = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/reset_password_email`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * パスワードをリセットする\n *\n */\nexport const resetPassword = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/reset_password`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * アクティベーションメールを送信する\n *\n */\nexport const sendActivationEmail = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/activation_email`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーを有効化する\n *\n */\nexport const activateUser = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/activate`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * 認可スコープを設定する\n *\n */\nexport const setAuthorityScope = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/scope`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * メールを指定してユーザーを取得する\n *\n */\nexport const findUserByEmail = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/find_by_email`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザーの権限を更新する\n *\n */\nexport const updateAuthority = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/authority/${id}`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * companyIdからユーザーを取得する\n * @param {string} statuses BeforeVerification,Active,Deactivated\n */\nexport const findUsersByCompanyId = ({ statuses }: { statuses?: string }) => {\n const __root = root();\n const __queries = Object.entries({ statuses })\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/find_by_company_id`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ユーザー情報をAdminが変更する\n *\n */\nexport const updateUserByAdmin = ({ id }: { id: string }) => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`users/${id}/admin_update`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ログインする\n *\n */\nexport const login = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`login`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * ログインする\n *\n */\nexport const loginWithSlash = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`login/`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * JWKを取得する\n *\n */\nexport const getJwks = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`login/jwks`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * 公開鍵を取得する\n *\n */\nexport const getPublicKeys = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`login/public_keys`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * MFAのコードを発行する\n *\n */\nexport const publishMFACode = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`login/publish_mfa_code`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * MFAを使ってログインする\n *\n */\nexport const loginWithMFA = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`login/mfa_login`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * usersに存在しないアカウントのトークンを作成する(deprecated)\n *\n */\nexport const generateToken = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`guest/token`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\n\n/**\n * usersに存在しないアカウントのトークンを作成する\n *\n */\nexport const generateUserToken = () => {\n const __root = root();\n const __queries = Object.entries({})\n .filter(([_, value]) => {\n return value !== undefined;\n })\n .map(([key, value]) => {\n return `${key}=${value}`;\n })\n .join(\"&\");\n const __path = `${__root}/${`generate/token`}`;\n return __queries ? `${__path}?${__queries}` : __path;\n};\nexport const m2mUsers_v1 = {\n healthCheck,\n createCompany,\n getCompany,\n updateCompany,\n updateCompanyPatch,\n findCompaniesByIds,\n createUser,\n findUserById,\n updateUser,\n updateUserPatch,\n activateUserByAdmin,\n deactivateUser,\n sendResetPasswordEmail,\n resetPassword,\n sendActivationEmail,\n activateUser,\n setAuthorityScope,\n findUserByEmail,\n updateAuthority,\n findUsersByCompanyId,\n updateUserByAdmin,\n login,\n loginWithSlash,\n getJwks,\n getPublicKeys,\n publishMFACode,\n loginWithMFA,\n generateToken,\n generateUserToken,\n};\n"],"mappings":"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","names":["storage","login","token"]}
|
package/storage/useM2mAuth.mjs
CHANGED
|
@@ -1,12 +1,101 @@
|
|
|
1
1
|
'use client'
|
|
2
2
|
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import "../chunk-
|
|
3
|
+
login
|
|
4
|
+
} from "../chunk-GMPQV5TL.mjs";
|
|
5
|
+
import {
|
|
6
|
+
m2mAuthTokenApi
|
|
7
|
+
} from "../chunk-Y36VD6Z6.mjs";
|
|
8
|
+
import "../chunk-LUTUMV2M.mjs";
|
|
9
9
|
import "../chunk-JUBOAWNR.mjs";
|
|
10
|
+
|
|
11
|
+
// src/storage/useM2mAuth.tsx
|
|
12
|
+
import { fetcher } from "matsuri-hooks";
|
|
13
|
+
import {
|
|
14
|
+
createContext,
|
|
15
|
+
useCallback,
|
|
16
|
+
useContext,
|
|
17
|
+
useEffect,
|
|
18
|
+
useMemo,
|
|
19
|
+
useState
|
|
20
|
+
} from "react";
|
|
21
|
+
import { jsx } from "react/jsx-runtime";
|
|
22
|
+
var AuthenticationContext = createContext(
|
|
23
|
+
void 0
|
|
24
|
+
);
|
|
25
|
+
var checkJwtExpiration = (jwt) => {
|
|
26
|
+
const splitted = jwt.split(".");
|
|
27
|
+
if (splitted.length !== 3)
|
|
28
|
+
return false;
|
|
29
|
+
const [, payload] = splitted;
|
|
30
|
+
const parsedPayload = JSON.parse(atob(payload));
|
|
31
|
+
return /* @__PURE__ */ new Date() < new Date(parsedPayload.exp * 1e3);
|
|
32
|
+
};
|
|
33
|
+
var M2mAuthenticationProvider = ({
|
|
34
|
+
children
|
|
35
|
+
}) => {
|
|
36
|
+
var _a;
|
|
37
|
+
const [token, setToken] = useState((_a = m2mAuthTokenApi.getCache()) != null ? _a : "");
|
|
38
|
+
const authenticated = useMemo(() => !!token, [token]);
|
|
39
|
+
const tryCheckAuth = useCallback(async () => {
|
|
40
|
+
const authToken = await m2mAuthTokenApi.get();
|
|
41
|
+
if (!(authToken && checkJwtExpiration(authToken))) {
|
|
42
|
+
void m2mAuthTokenApi.clear();
|
|
43
|
+
setToken("");
|
|
44
|
+
} else {
|
|
45
|
+
void m2mAuthTokenApi.set(authToken);
|
|
46
|
+
setToken(authToken);
|
|
47
|
+
}
|
|
48
|
+
}, []);
|
|
49
|
+
useEffect(() => {
|
|
50
|
+
void tryCheckAuth();
|
|
51
|
+
}, [tryCheckAuth]);
|
|
52
|
+
const login2 = useCallback(async (input) => {
|
|
53
|
+
const { data, error } = await fetcher(login(), {
|
|
54
|
+
method: "POST",
|
|
55
|
+
body: JSON.stringify(input)
|
|
56
|
+
});
|
|
57
|
+
if (data) {
|
|
58
|
+
const authToken = data.accessToken;
|
|
59
|
+
void m2mAuthTokenApi.set(authToken);
|
|
60
|
+
setToken(authToken);
|
|
61
|
+
}
|
|
62
|
+
return {
|
|
63
|
+
error,
|
|
64
|
+
token: data ? data.accessToken : void 0
|
|
65
|
+
};
|
|
66
|
+
}, []);
|
|
67
|
+
const logout = useCallback(() => {
|
|
68
|
+
void m2mAuthTokenApi.clear();
|
|
69
|
+
window.location.reload();
|
|
70
|
+
}, []);
|
|
71
|
+
const updateToken = useCallback(async (token2) => {
|
|
72
|
+
if (checkJwtExpiration(token2)) {
|
|
73
|
+
return {
|
|
74
|
+
error: new Error("M2MAuthToken is expired")
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
await m2mAuthTokenApi.set(token2);
|
|
78
|
+
setToken(token2);
|
|
79
|
+
return { error: void 0 };
|
|
80
|
+
}, []);
|
|
81
|
+
const state = useMemo(() => {
|
|
82
|
+
return {
|
|
83
|
+
login: login2,
|
|
84
|
+
logout,
|
|
85
|
+
token,
|
|
86
|
+
authenticated,
|
|
87
|
+
updateToken
|
|
88
|
+
};
|
|
89
|
+
}, [authenticated, login2, logout, token, updateToken]);
|
|
90
|
+
return /* @__PURE__ */ jsx(AuthenticationContext.Provider, { value: state, children });
|
|
91
|
+
};
|
|
92
|
+
var useAuth = () => {
|
|
93
|
+
const ctx = useContext(AuthenticationContext);
|
|
94
|
+
if (!ctx) {
|
|
95
|
+
throw new Error("AuthenticationProvider is not found");
|
|
96
|
+
}
|
|
97
|
+
return ctx;
|
|
98
|
+
};
|
|
10
99
|
export {
|
|
11
100
|
M2mAuthenticationProvider,
|
|
12
101
|
useAuth
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
1
|
+
{"version":3,"sources":["../../src/storage/useM2mAuth.tsx"],"sourcesContent":["import { fetcher } from \"matsuri-hooks\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { login as m2mUsers_v1_login } from \"../endpoints/m2m-users.v1\";\nimport React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\n\ninterface LoginInput {\n email: string;\n password: string;\n}\n\ninterface AuthenticationState {\n token: string;\n authenticated: boolean;\n login: (input: LoginInput) => Promise<{ token?: string; error?: Error }>;\n logout: () => void;\n updateToken: (token: string) => Promise<{ error?: Error }>;\n}\n\nconst AuthenticationContext = createContext<AuthenticationState | undefined>(\n undefined,\n);\n\nconst checkJwtExpiration = (jwt: string): boolean => {\n const splitted = jwt.split(\".\");\n if (splitted.length !== 3) return false;\n\n const [, payload] = splitted;\n const parsedPayload = JSON.parse(atob(payload)) as {\n exp: number;\n };\n return new Date() < new Date(parsedPayload.exp * 1000);\n};\n\nexport const M2mAuthenticationProvider = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const [token, setToken] = useState(m2mAuthTokenApi.getCache() ?? \"\");\n\n const authenticated = useMemo(() => !!token, [token]);\n\n const tryCheckAuth = useCallback(async () => {\n const authToken = await m2mAuthTokenApi.get();\n if (!(authToken && checkJwtExpiration(authToken))) {\n void m2mAuthTokenApi.clear();\n setToken(\"\");\n } else {\n void m2mAuthTokenApi.set(authToken);\n setToken(authToken);\n }\n }, []);\n\n useEffect(() => {\n void tryCheckAuth();\n }, [tryCheckAuth]);\n\n const login = useCallback(async (input: LoginInput) => {\n const { data, error } = await fetcher<{\n accessToken: string;\n }>(m2mUsers_v1_login(), {\n method: \"POST\",\n body: JSON.stringify(input),\n });\n if (data) {\n const authToken = data.accessToken;\n\n void m2mAuthTokenApi.set(authToken);\n setToken(authToken);\n }\n return {\n error,\n token: data ? data.accessToken : undefined,\n };\n }, []);\n\n const logout = useCallback(() => {\n void m2mAuthTokenApi.clear();\n window.location.reload();\n }, []);\n\n const updateToken = useCallback(async (token: string) => {\n if (checkJwtExpiration(token)) {\n return {\n error: new Error(\"M2MAuthToken is expired\"),\n };\n }\n await m2mAuthTokenApi.set(token);\n setToken(token);\n return { error: undefined };\n }, []);\n\n const state = useMemo(() => {\n return {\n login,\n logout,\n token,\n authenticated,\n updateToken,\n };\n }, [authenticated, login, logout, token, updateToken]);\n return (\n <AuthenticationContext.Provider value={state}>\n {children}\n </AuthenticationContext.Provider>\n );\n};\n\nexport const useAuth = () => {\n const ctx = useContext(AuthenticationContext);\n if (!ctx) {\n throw new Error(\"AuthenticationProvider is not found\");\n }\n return ctx;\n};\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,eAAe;AAGxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAmGH;AApFJ,IAAM,wBAAwB;AAAA,EAC5B;AACF;AAEA,IAAM,qBAAqB,CAAC,QAAyB;AACnD,QAAM,WAAW,IAAI,MAAM,GAAG;AAC9B,MAAI,SAAS,WAAW;AAAG,WAAO;AAElC,QAAM,CAAC,EAAE,OAAO,IAAI;AACpB,QAAM,gBAAgB,KAAK,MAAM,KAAK,OAAO,CAAC;AAG9C,SAAO,oBAAI,KAAK,IAAI,IAAI,KAAK,cAAc,MAAM,GAAI;AACvD;AAEO,IAAM,4BAA4B,CAAC;AAAA,EACxC;AACF,MAEM;AA5CN;AA6CE,QAAM,CAAC,OAAO,QAAQ,IAAI,UAAS,qBAAgB,SAAS,MAAzB,YAA8B,EAAE;AAEnE,QAAM,gBAAgB,QAAQ,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;AAEpD,QAAM,eAAe,YAAY,YAAY;AAC3C,UAAM,YAAY,MAAM,gBAAgB,IAAI;AAC5C,QAAI,EAAE,aAAa,mBAAmB,SAAS,IAAI;AACjD,WAAK,gBAAgB,MAAM;AAC3B,eAAS,EAAE;AAAA,IACb,OAAO;AACL,WAAK,gBAAgB,IAAI,SAAS;AAClC,eAAS,SAAS;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,SAAK,aAAa;AAAA,EACpB,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAMA,SAAQ,YAAY,OAAO,UAAsB;AACrD,UAAM,EAAE,MAAM,MAAM,IAAI,MAAM,QAE3B,MAAkB,GAAG;AAAA,MACtB,QAAQ;AAAA,MACR,MAAM,KAAK,UAAU,KAAK;AAAA,IAC5B,CAAC;AACD,QAAI,MAAM;AACR,YAAM,YAAY,KAAK;AAEvB,WAAK,gBAAgB,IAAI,SAAS;AAClC,eAAS,SAAS;AAAA,IACpB;AACA,WAAO;AAAA,MACL;AAAA,MACA,OAAO,OAAO,KAAK,cAAc;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS,YAAY,MAAM;AAC/B,SAAK,gBAAgB,MAAM;AAC3B,WAAO,SAAS,OAAO;AAAA,EACzB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAAY,OAAOC,WAAkB;AACvD,QAAI,mBAAmBA,MAAK,GAAG;AAC7B,aAAO;AAAA,QACL,OAAO,IAAI,MAAM,yBAAyB;AAAA,MAC5C;AAAA,IACF;AACA,UAAM,gBAAgB,IAAIA,MAAK;AAC/B,aAASA,MAAK;AACd,WAAO,EAAE,OAAO,OAAU;AAAA,EAC5B,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,QAAQ,MAAM;AAC1B,WAAO;AAAA,MACL,OAAAD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,eAAeA,QAAO,QAAQ,OAAO,WAAW,CAAC;AACrD,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,OACpC,UACH;AAEJ;AAEO,IAAM,UAAU,MAAM;AAC3B,QAAM,MAAM,WAAW,qBAAqB;AAC5C,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,qCAAqC;AAAA,EACvD;AACA,SAAO;AACT;","names":["login","token"]}
|
package/chunk-3YQYBFME.mjs
DELETED
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
'use client'
|
|
2
|
-
import {
|
|
3
|
-
login
|
|
4
|
-
} from "./chunk-GMPQV5TL.mjs";
|
|
5
|
-
import {
|
|
6
|
-
m2mAuthTokenApi
|
|
7
|
-
} from "./chunk-5FHEMJGG.mjs";
|
|
8
|
-
|
|
9
|
-
// src/storage/useM2mAuth.tsx
|
|
10
|
-
import { fetcher } from "matsuri-hooks";
|
|
11
|
-
import {
|
|
12
|
-
createContext,
|
|
13
|
-
useCallback,
|
|
14
|
-
useContext,
|
|
15
|
-
useEffect,
|
|
16
|
-
useMemo,
|
|
17
|
-
useState
|
|
18
|
-
} from "react";
|
|
19
|
-
import { jsx } from "react/jsx-runtime";
|
|
20
|
-
var AuthenticationContext = createContext(
|
|
21
|
-
void 0
|
|
22
|
-
);
|
|
23
|
-
var checkJwtExpiration = (jwt) => {
|
|
24
|
-
const splitted = jwt.split(".");
|
|
25
|
-
if (splitted.length !== 3)
|
|
26
|
-
return false;
|
|
27
|
-
const [, payload] = splitted;
|
|
28
|
-
const parsedPayload = JSON.parse(atob(payload));
|
|
29
|
-
return /* @__PURE__ */ new Date() < new Date(parsedPayload.exp * 1e3);
|
|
30
|
-
};
|
|
31
|
-
var M2mAuthenticationProvider = ({
|
|
32
|
-
children
|
|
33
|
-
}) => {
|
|
34
|
-
var _a;
|
|
35
|
-
const [token, setToken] = useState((_a = m2mAuthTokenApi.getCache()) != null ? _a : "");
|
|
36
|
-
const authenticated = useMemo(() => !!token, [token]);
|
|
37
|
-
const tryCheckAuth = useCallback(async () => {
|
|
38
|
-
const authToken = await m2mAuthTokenApi.get();
|
|
39
|
-
if (!(authToken && checkJwtExpiration(authToken))) {
|
|
40
|
-
void m2mAuthTokenApi.clear();
|
|
41
|
-
setToken("");
|
|
42
|
-
} else {
|
|
43
|
-
void m2mAuthTokenApi.set(authToken);
|
|
44
|
-
setToken(authToken);
|
|
45
|
-
}
|
|
46
|
-
}, []);
|
|
47
|
-
useEffect(() => {
|
|
48
|
-
void tryCheckAuth();
|
|
49
|
-
}, [tryCheckAuth]);
|
|
50
|
-
const login2 = useCallback(async (input) => {
|
|
51
|
-
const { data, error } = await fetcher(login(), {
|
|
52
|
-
method: "POST",
|
|
53
|
-
body: JSON.stringify(input)
|
|
54
|
-
});
|
|
55
|
-
if (data) {
|
|
56
|
-
const authToken = data.accessToken;
|
|
57
|
-
void m2mAuthTokenApi.set(authToken);
|
|
58
|
-
setToken(authToken);
|
|
59
|
-
}
|
|
60
|
-
return {
|
|
61
|
-
error,
|
|
62
|
-
token: data ? data.accessToken : void 0
|
|
63
|
-
};
|
|
64
|
-
}, []);
|
|
65
|
-
const logout = useCallback(() => {
|
|
66
|
-
void m2mAuthTokenApi.clear();
|
|
67
|
-
window.location.reload();
|
|
68
|
-
}, []);
|
|
69
|
-
const updateToken = useCallback(async (token2) => {
|
|
70
|
-
if (checkJwtExpiration(token2)) {
|
|
71
|
-
return {
|
|
72
|
-
error: new Error("M2MAuthToken is expired")
|
|
73
|
-
};
|
|
74
|
-
}
|
|
75
|
-
await m2mAuthTokenApi.set(token2);
|
|
76
|
-
setToken(token2);
|
|
77
|
-
return { error: void 0 };
|
|
78
|
-
}, []);
|
|
79
|
-
const state = useMemo(() => {
|
|
80
|
-
return {
|
|
81
|
-
login: login2,
|
|
82
|
-
logout,
|
|
83
|
-
token,
|
|
84
|
-
authenticated,
|
|
85
|
-
updateToken
|
|
86
|
-
};
|
|
87
|
-
}, [authenticated, login2, logout, token, updateToken]);
|
|
88
|
-
return /* @__PURE__ */ jsx(AuthenticationContext.Provider, { value: state, children });
|
|
89
|
-
};
|
|
90
|
-
var useAuth = () => {
|
|
91
|
-
const ctx = useContext(AuthenticationContext);
|
|
92
|
-
if (!ctx) {
|
|
93
|
-
throw new Error("AuthenticationProvider is not found");
|
|
94
|
-
}
|
|
95
|
-
return ctx;
|
|
96
|
-
};
|
|
97
|
-
|
|
98
|
-
export {
|
|
99
|
-
M2mAuthenticationProvider,
|
|
100
|
-
useAuth
|
|
101
|
-
};
|
|
102
|
-
//# sourceMappingURL=chunk-3YQYBFME.mjs.map
|
package/chunk-3YQYBFME.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/storage/useM2mAuth.tsx"],"sourcesContent":["import { fetcher } from \"matsuri-hooks\";\nimport { m2mAuthTokenApi } from \"./client\";\nimport { login as m2mUsers_v1_login } from \"../endpoints/m2m-users.v1\";\nimport React, {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useState,\n} from \"react\";\n\ninterface LoginInput {\n email: string;\n password: string;\n}\n\ninterface AuthenticationState {\n token: string;\n authenticated: boolean;\n login: (input: LoginInput) => Promise<{ token?: string; error?: Error }>;\n logout: () => void;\n updateToken: (token: string) => Promise<{ error?: Error }>;\n}\n\nconst AuthenticationContext = createContext<AuthenticationState | undefined>(\n undefined\n);\n\nconst checkJwtExpiration = (jwt: string): boolean => {\n const splitted = jwt.split(\".\");\n if (splitted.length !== 3) return false;\n\n const [, payload] = splitted;\n const parsedPayload = JSON.parse(atob(payload)) as {\n exp: number;\n };\n return new Date() < new Date(parsedPayload.exp * 1000);\n};\n\nexport const M2mAuthenticationProvider = ({\n children,\n}: {\n children: React.ReactNode;\n}) => {\n const [token, setToken] = useState(m2mAuthTokenApi.getCache() ?? \"\");\n\n const authenticated = useMemo(() => !!token, [token]);\n\n const tryCheckAuth = useCallback(async () => {\n const authToken = await m2mAuthTokenApi.get();\n if (!(authToken && checkJwtExpiration(authToken))) {\n void m2mAuthTokenApi.clear();\n setToken(\"\");\n } else {\n void m2mAuthTokenApi.set(authToken);\n setToken(authToken);\n }\n }, []);\n\n useEffect(() => {\n void tryCheckAuth();\n }, [tryCheckAuth]);\n\n const login = useCallback(async (input: LoginInput) => {\n const { data, error } = await fetcher<{\n accessToken: string;\n }>(m2mUsers_v1_login(), {\n method: \"POST\",\n body: JSON.stringify(input),\n });\n if (data) {\n const authToken = data.accessToken;\n\n void m2mAuthTokenApi.set(authToken);\n setToken(authToken);\n }\n return {\n error,\n token: data ? data.accessToken : undefined,\n };\n }, []);\n\n const logout = useCallback(() => {\n void m2mAuthTokenApi.clear();\n window.location.reload();\n }, []);\n\n const updateToken = useCallback(async (token: string) => {\n if (checkJwtExpiration(token)) {\n return {\n error: new Error(\"M2MAuthToken is expired\"),\n };\n }\n await m2mAuthTokenApi.set(token);\n setToken(token);\n return { error: undefined };\n }, []);\n\n const state = useMemo(() => {\n return {\n login,\n logout,\n token,\n authenticated,\n updateToken,\n };\n }, [authenticated, login, logout, token, updateToken]);\n return (\n <AuthenticationContext.Provider value={state}>\n {children}\n </AuthenticationContext.Provider>\n );\n};\n\nexport const useAuth = () => {\n const ctx = useContext(AuthenticationContext);\n if (!ctx) {\n throw new Error(\"AuthenticationProvider is not found\");\n }\n return ctx;\n};\n"],"mappings":";;;;;;;;;AAAA,SAAS,eAAe;AAGxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAmGH;AApFJ,IAAM,wBAAwB;AAAA,EAC5B;AACF;AAEA,IAAM,qBAAqB,CAAC,QAAyB;AACnD,QAAM,WAAW,IAAI,MAAM,GAAG;AAC9B,MAAI,SAAS,WAAW;AAAG,WAAO;AAElC,QAAM,CAAC,EAAE,OAAO,IAAI;AACpB,QAAM,gBAAgB,KAAK,MAAM,KAAK,OAAO,CAAC;AAG9C,SAAO,oBAAI,KAAK,IAAI,IAAI,KAAK,cAAc,MAAM,GAAI;AACvD;AAEO,IAAM,4BAA4B,CAAC;AAAA,EACxC;AACF,MAEM;AA5CN;AA6CE,QAAM,CAAC,OAAO,QAAQ,IAAI,UAAS,qBAAgB,SAAS,MAAzB,YAA8B,EAAE;AAEnE,QAAM,gBAAgB,QAAQ,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;AAEpD,QAAM,eAAe,YAAY,YAAY;AAC3C,UAAM,YAAY,MAAM,gBAAgB,IAAI;AAC5C,QAAI,EAAE,aAAa,mBAAmB,SAAS,IAAI;AACjD,WAAK,gBAAgB,MAAM;AAC3B,eAAS,EAAE;AAAA,IACb,OAAO;AACL,WAAK,gBAAgB,IAAI,SAAS;AAClC,eAAS,SAAS;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,SAAK,aAAa;AAAA,EACpB,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAMA,SAAQ,YAAY,OAAO,UAAsB;AACrD,UAAM,EAAE,MAAM,MAAM,IAAI,MAAM,QAE3B,MAAkB,GAAG;AAAA,MACtB,QAAQ;AAAA,MACR,MAAM,KAAK,UAAU,KAAK;AAAA,IAC5B,CAAC;AACD,QAAI,MAAM;AACR,YAAM,YAAY,KAAK;AAEvB,WAAK,gBAAgB,IAAI,SAAS;AAClC,eAAS,SAAS;AAAA,IACpB;AACA,WAAO;AAAA,MACL;AAAA,MACA,OAAO,OAAO,KAAK,cAAc;AAAA,IACnC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,SAAS,YAAY,MAAM;AAC/B,SAAK,gBAAgB,MAAM;AAC3B,WAAO,SAAS,OAAO;AAAA,EACzB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAAY,OAAOC,WAAkB;AACvD,QAAI,mBAAmBA,MAAK,GAAG;AAC7B,aAAO;AAAA,QACL,OAAO,IAAI,MAAM,yBAAyB;AAAA,MAC5C;AAAA,IACF;AACA,UAAM,gBAAgB,IAAIA,MAAK;AAC/B,aAASA,MAAK;AACd,WAAO,EAAE,OAAO,OAAU;AAAA,EAC5B,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,QAAQ,MAAM;AAC1B,WAAO;AAAA,MACL,OAAAD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,eAAeA,QAAO,QAAQ,OAAO,WAAW,CAAC;AACrD,SACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,OACpC,UACH;AAEJ;AAEO,IAAM,UAAU,MAAM;AAC3B,QAAM,MAAM,WAAW,qBAAqB;AAC5C,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,qCAAqC;AAAA,EACvD;AACA,SAAO;AACT;","names":["login","token"]}
|
package/chunk-5FHEMJGG.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/storage/client.ts"],"sourcesContent":["import { StorageClient } from \"./lib/client\";\n\nclass M2mStorageClient extends StorageClient {}\n\nexport type { M2mStorageClient };\n\nconst context: {\n storage?: M2mStorageClient;\n} = {};\n\n/**\n * Get the connected storage client.\n * @param timeout\n * @default 5000\n */\nconst getStorage = async (timeout = 5000) => {\n const storage = await new Promise<M2mStorageClient>((resolve, reject) => {\n const rejectTimer = window.setTimeout(function () {\n reject(\n new Error(\n \"Timeout: M2mStorageClient could not connect. Please call m2mStorageClient.init() before using m2mStorageClient.\"\n )\n );\n }, timeout);\n\n const storage = context.storage;\n if (storage) {\n window.clearTimeout(rejectTimer);\n resolve(storage);\n }\n\n const timer = window.setInterval(() => {\n const storage = context.storage;\n if (storage) {\n window.clearTimeout(rejectTimer);\n window.clearInterval(timer);\n resolve(storage);\n }\n }, 200);\n });\n\n await storage.onConnect();\n\n return storage;\n};\n\nconst M2M_STORAGE_HUB_URL = \"https://hub.m2msystems.cloud/\";\n\nconst M2M_STORAGE_HUB_URL_DEV =\n \"https://m2m-components-storage-hub-dev.netlify.app/\";\n\nconst initStorageClient = (options?: {\n env?: \"development\" | \"production\";\n}) => {\n if (context.storage) {\n throw new Error(\n \"M2mStorageClient already initialized. Do not call m2mStorageClient.init multiple times.\"\n );\n }\n const storage = new M2mStorageClient(\n options?.env === \"production\"\n ? M2M_STORAGE_HUB_URL\n : M2M_STORAGE_HUB_URL_DEV\n );\n context.storage = storage;\n};\n\nexport const m2mStorageClient = {\n init: initStorageClient,\n getStorage: getStorage,\n};\n\nexport const M2M_AUTH_TOKEN_KEY = \"M2M_APP_AUTH_TOKEN\";\n\nconst getAuthTokenCache = () => {\n return window.localStorage.getItem(M2M_AUTH_TOKEN_KEY);\n};\n\nconst getAuthToken = async () => {\n try {\n const storage = await getStorage();\n const autuToken = (await storage.get(M2M_AUTH_TOKEN_KEY)) as string;\n return autuToken || getAuthTokenCache();\n } catch (error) {\n console.warn(error);\n return getAuthTokenCache();\n }\n};\n\nconst setAuthToken = async (token: string) => {\n window.localStorage.setItem(M2M_AUTH_TOKEN_KEY, token);\n try {\n const storage = await getStorage();\n await storage.set(M2M_AUTH_TOKEN_KEY, token);\n } catch (error) {\n console.warn(error);\n }\n};\n\nconst clearAuthToken = async () => {\n window.localStorage.removeItem(M2M_AUTH_TOKEN_KEY);\n try {\n const storage = await getStorage();\n await storage.del(M2M_AUTH_TOKEN_KEY);\n } catch (error) {\n console.warn(error);\n }\n};\n\nexport const m2mAuthTokenApi = {\n get: getAuthToken,\n getCache: getAuthTokenCache,\n set: setAuthToken,\n clear: clearAuthToken,\n};\n"],"mappings":";;;;;;AAEA,IAAM,mBAAN,cAA+B,cAAc;AAAC;AAI9C,IAAM,UAEF,CAAC;AAOL,IAAM,aAAa,OAAO,UAAU,QAAS;AAC3C,QAAM,UAAU,MAAM,IAAI,QAA0B,CAAC,SAAS,WAAW;AACvE,UAAM,cAAc,OAAO,WAAW,WAAY;AAChD;AAAA,QACE,IAAI;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF,GAAG,OAAO;AAEV,UAAMA,WAAU,QAAQ;AACxB,QAAIA,UAAS;AACX,aAAO,aAAa,WAAW;AAC/B,cAAQA,QAAO;AAAA,IACjB;AAEA,UAAM,QAAQ,OAAO,YAAY,MAAM;AACrC,YAAMA,WAAU,QAAQ;AACxB,UAAIA,UAAS;AACX,eAAO,aAAa,WAAW;AAC/B,eAAO,cAAc,KAAK;AAC1B,gBAAQA,QAAO;AAAA,MACjB;AAAA,IACF,GAAG,GAAG;AAAA,EACR,CAAC;AAED,QAAM,QAAQ,UAAU;AAExB,SAAO;AACT;AAEA,IAAM,sBAAsB;AAE5B,IAAM,0BACJ;AAEF,IAAM,oBAAoB,CAAC,YAErB;AACJ,MAAI,QAAQ,SAAS;AACnB,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,QAAM,UAAU,IAAI;AAAA,KAClB,mCAAS,SAAQ,eACb,sBACA;AAAA,EACN;AACA,UAAQ,UAAU;AACpB;AAEO,IAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN;AACF;AAEO,IAAM,qBAAqB;AAElC,IAAM,oBAAoB,MAAM;AAC9B,SAAO,OAAO,aAAa,QAAQ,kBAAkB;AACvD;AAEA,IAAM,eAAe,YAAY;AAC/B,MAAI;AACF,UAAM,UAAU,MAAM,WAAW;AACjC,UAAM,YAAa,MAAM,QAAQ,IAAI,kBAAkB;AACvD,WAAO,aAAa,kBAAkB;AAAA,EACxC,SAAS,OAAO;AACd,YAAQ,KAAK,KAAK;AAClB,WAAO,kBAAkB;AAAA,EAC3B;AACF;AAEA,IAAM,eAAe,OAAO,UAAkB;AAC5C,SAAO,aAAa,QAAQ,oBAAoB,KAAK;AACrD,MAAI;AACF,UAAM,UAAU,MAAM,WAAW;AACjC,UAAM,QAAQ,IAAI,oBAAoB,KAAK;AAAA,EAC7C,SAAS,OAAO;AACd,YAAQ,KAAK,KAAK;AAAA,EACpB;AACF;AAEA,IAAM,iBAAiB,YAAY;AACjC,SAAO,aAAa,WAAW,kBAAkB;AACjD,MAAI;AACF,UAAM,UAAU,MAAM,WAAW;AACjC,UAAM,QAAQ,IAAI,kBAAkB;AAAA,EACtC,SAAS,OAAO;AACd,YAAQ,KAAK,KAAK;AAAA,EACpB;AACF;AAEO,IAAM,kBAAkB;AAAA,EAC7B,KAAK;AAAA,EACL,UAAU;AAAA,EACV,KAAK;AAAA,EACL,OAAO;AACT;","names":["storage"]}
|