@nosto/nosto-react 1.0.0 → 2.1.0

package/src/components/context.ts

@@ -1,55 +0,0 @@
-import { createContext, useContext } from "react"
-import { NostoClient, Recommendation, RenderMode } from "../types"
-
-type AnyFunction = (...args: unknown[]) => unknown
-
-/**
- * @group Types
- */
-export interface NostoContextType {
-  account: string
-  clientScriptLoaded: boolean
-  currentVariation?: string
-  renderFunction?: AnyFunction
-  responseMode: RenderMode
-  recommendationComponent?: React.ReactElement<{
-    nostoRecommendation: Recommendation
-  }>
-  useRenderCampaigns(type: string): {
-    renderCampaigns(data: unknown, api: NostoClient): void
-    pageTypeUpdated: boolean
-  }
-  pageType: string
-}
-
-/**
- * @group Essential Functions
- */
-export const NostoContext = createContext<NostoContextType>({
-  account: "",
-  currentVariation: "",
-  pageType: "",
-  responseMode: "HTML",
-  clientScriptLoaded: false,
-  useRenderCampaigns: () => {
-    return {
-      renderCampaigns: () => {},
-      pageTypeUpdated: false,
-    }
-  },
-})
-
-/**
- * A hook that allows you to access the NostoContext and retrieve Nosto-related data from it in React components.
- *
- * @group Essential Functions
- */
-export function useNostoContext(): NostoContextType {
-  const context = useContext(NostoContext)
-
-  if (!context) {
-    throw new Error("No nosto context found")
-  }
-
-  return context
-}

package/src/utils/hooks.ts

@@ -1,41 +0,0 @@
-import { useEffect, useRef, useMemo } from "react"
-import { useNostoContext } from "../components/context"
-import { deepCompare } from "./compare"
-import { NostoClient } from "../types"
-
-export function useDeepCompareEffect(
-  callback: Parameters<typeof useEffect>[0],
-  dependencies: Parameters<typeof useEffect>[1]
-): ReturnType<typeof useEffect> {
-  return useEffect(callback, useDeepCompareMemoize(dependencies))
-}
-
-function useDeepCompareMemoize<T>(value: T) {
-  const ref = useRef<T>(value)
-  const signalRef = useRef<number>(0)
-
-  if (!deepCompare(value, ref.current)) {
-    ref.current = value
-    signalRef.current += 1
-  }
-
-  return useMemo(() => ref.current, [signalRef.current])
-}
-
-export function useNostoApi(
-  cb: (api: NostoClient) => void,
-  deps?: React.DependencyList,
-  flags?: { deep?: boolean }
-): void {
-  const { clientScriptLoaded, currentVariation, responseMode } = useNostoContext()
-  const useEffectFn = flags?.deep ? useDeepCompareEffect : useEffect
-
-  useEffectFn(() => {
-    if (clientScriptLoaded) {
-      window.nostojs(api => {
-        api.defaultSession().setVariation(currentVariation!).setResponseMode(responseMode)
-        cb(api)
-      })
-    }
-  }, [clientScriptLoaded, currentVariation, responseMode, ...(deps ?? [])])
-}