rename to publishableKey

Author: azat-co

src/components/DeviceManager/DeviceManager.tsx

@@ -7,10 +7,10 @@ import { SeamContext } from '../SeamProvider'
 import './DeviceManager.css' // TODO: add postcss
 
 const DeviceManager = (props: any) => {
-  const { publishedKey, clientSessionToken, seamEndpoint, userIdentifierKey } = useContext(SeamContext)
+  const { publishableKey, clientSessionToken, seamEndpoint, userIdentifierKey } = useContext(SeamContext)
   const { email } = props // TODO: change email to userIdentifierKey in DB
   const seam = useSeamClient({
-    publishedKey,
+    publishableKey,
     clientSessionToken,
     endpoint: seamEndpoint,
     userIdentifierKey,

src/components/SeamProvider/index.tsx

@@ -1,18 +1,18 @@
 import { createContext, ReactNode } from 'react'
 import React from 'react'
-import { QueryClientProvider, QueryClient } from "@tanstack/react-query"
+import { QueryClientProvider, QueryClient } from '@tanstack/react-query'
 
 export const queryClient = new QueryClient()
 
 export type SeamContextType = {
-  publishedKey?: string
+  publishableKey?: string
   clientSessionToken?: string
   seamEndpoint: string
   userIdentifierKey: string
 }
 
 export const SeamContext = createContext<SeamContextType>({
-  publishedKey: '',
+  publishableKey: '',
   clientSessionToken: '',
   seamEndpoint: '',
   userIdentifierKey: '',
@@ -24,16 +24,14 @@ type Props = {
 
 export default function SeamProvider({
   children,
-  publishedKey,
+  publishableKey,
   clientSessionToken,
   seamEndpoint,
   userIdentifierKey,
 }: Props & SeamContextType) {
   return (
-    <SeamContext.Provider value={{ publishedKey, clientSessionToken, seamEndpoint, userIdentifierKey }}>
-      <QueryClientProvider client={queryClient}>
-        {children}
-      </QueryClientProvider>
+    <SeamContext.Provider value={{ publishableKey, clientSessionToken, seamEndpoint, userIdentifierKey }}>
+      <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
     </SeamContext.Provider>
   )
 }

src/hooks/use-seam-client.ts

@@ -2,12 +2,12 @@ import Seam from 'seamapi'
 import { getCookie, setCookie } from '../utils'
 
 export const useSeamClient = ({
-  publishedKey,
+  publishableKey,
   endpoint,
   userIdentifierKey,
   clientSessionToken,
 }: {
-  publishedKey?: string
+  publishableKey?: string
   endpoint: string
   userIdentifierKey: string
   clientSessionToken?: string
@@ -31,10 +31,14 @@ export const useSeamClient = ({
     // no need to use public key
     // TODO: check if client access token is valid (not expired), if expired/invalid, get new one with the public key
     return getSeam(clientSessionTokenFromCookie)
-  } else if (publishedKey?.startsWith('seam_pk1')) {
+  } else if (publishableKey?.startsWith('seam_pk1')) {
     // public key, need to create a client access token and store it in cookie
     ;(async () => {
-      const clientSessionTokenResponse = await Seam.getClientSessionToken({ publishedKey, userIdentifierKey, endpoint })
+      const clientSessionTokenResponse = await Seam.getClientSessionToken({
+        publishableKey,
+        userIdentifierKey,
+        endpoint,
+      })
       if (clientSessionTokenResponse.ok === false || !clientSessionTokenResponse['client_session']) {
         throw new Error('Could not get client access token')
       }
@@ -47,7 +51,7 @@ export const useSeamClient = ({
       // TODO: improve: use devices are not loading probably due to async nature of this hook
     })()
   } else {
-    throw new Error('No publishedKey nor clientSessionToken provided or they are invalid')
+    throw new Error('No publishableKey nor clientSessionToken provided or they are invalid')
     return null as any
   }
   return null as any