Merge pull request #82 from Nosto/tagging-removal

Remove tagging and align API types

src/components/Nosto404.tsx

@@ -36,12 +36,5 @@ export default function Nosto404(props: { placements?: string[] }) {
     },
     [recommendationComponent, pageTypeUpdated]
   )
-
-  return (
-    <>
-      <div className="nosto_page_type" style={{ display: "none" }}>
-        notfound
-      </div>
-    </>
-  )
+  return null
 }

src/components/NostoCategory.tsx

@@ -39,15 +39,5 @@ export default function NostoCategory(props: { category: string; placements?: st
     },
     [category, recommendationComponent, pageTypeUpdated]
   )
-
-  return (
-    <>
-      <div className="nosto_page_type" style={{ display: "none" }}>
-        category
-      </div>
-      <div className="nosto_category" style={{ display: "none" }}>
-        {category}
-      </div>
-    </>
-  )
+  return null
 }

src/components/NostoCheckout.tsx

@@ -20,7 +20,6 @@ import { useNostoApi } from "../utils/hooks"
  *
  * @group Components
  */
-
 export default function NostoCheckout(props: { placements?: string[] }) {
   const { recommendationComponent, useRenderCampaigns } = useNostoContext()
 
@@ -36,12 +35,5 @@ export default function NostoCheckout(props: { placements?: string[] }) {
     },
     [recommendationComponent, pageTypeUpdated]
   )
-
-  return (
-    <>
-      <div className="nosto_page_type" style={{ display: "none" }}>
-        cart
-      </div>
-    </>
-  )
+  return null
 }

src/components/NostoHome.tsx

@@ -39,12 +39,5 @@ export default function NostoHome(props: { placements?: string[] }) {
     },
     [recommendationComponent, pageTypeUpdated]
   )
-
-  return (
-    <>
-      <div className="nosto_page_type" style={{ display: "none" }}>
-        front
-      </div>
-    </>
-  )
+  return null
 }

src/components/NostoOrder.tsx

@@ -1,4 +1,4 @@
-import { Purchase } from "../types"
+import { Order } from "../types"
 import { useNostoContext } from "./context"
 import { snakeize } from "../utils/snakeize"
 import { useNostoApi } from "../utils/hooks"
@@ -23,7 +23,7 @@ import { useNostoApi } from "../utils/hooks"
  * @group Components
  */
 export default function NostoOrder(props: {
-  order: { purchase: Purchase }
+  order: Order,
   placements?: string[]
 }) {
   const { order, placements } = props
@@ -41,15 +41,5 @@ export default function NostoOrder(props: {
     },
     [recommendationComponent, pageTypeUpdated]
   )
-
-  return (
-    <>
-      <div className="nosto_page_type" style={{ display: "none" }}>
-        order
-      </div>
-      <div className="nosto_order" style={{ display: "none" }}>
-        {order.purchase.number}
-      </div>
-    </>
-  )
+  return null
 }

src/components/NostoOther.tsx

@@ -35,12 +35,5 @@ export default function NostoOther(props: { placements?: string[] }) {
     },
     [recommendationComponent, pageTypeUpdated]
   )
-
-  return (
-    <>
-      <div className="nosto_page_type" style={{ display: "none" }}>
-        other
-      </div>
-    </>
-  )
+  return null
 }

src/components/NostoProduct.tsx

@@ -39,14 +39,13 @@ export default function NostoProduct(props: {
   useNostoApi(
     async (api) => {
       const data = await api.defaultSession()
-        .viewProduct(tagging?.productId ?? product)
+        .viewProduct(tagging ?? product)
         .setPlacements(placements || api.placements.getPlacements())
         .load()
       renderCampaigns(data, api)
     },
     [product, recommendationComponent, pageTypeUpdated],
     { deep: true }
   )
-
   return null
 }

src/components/NostoSearch.tsx

@@ -40,15 +40,5 @@ export default function NostoSearch(props: { query: string; placements?: string[
     },
     [query, recommendationComponent, pageTypeUpdated]
   )
-
-  return (
-    <>
-      <div className="nosto_page_type" style={{ display: "none" }}>
-        search
-      </div>
-      <div className="nosto_search" style={{ display: "none" }}>
-        {query}
-      </div>
-    </>
-  )
+  return null
 }

src/components/NostoSession.tsx

@@ -13,8 +13,8 @@ import { useDeepCompareEffect } from "../utils/hooks"
  *
  * @group Essential Functions
  */
-export default function NostoSession(props: { cart: Cart; customer: Customer }) {
-  const { cart, customer } = props
+export default function NostoSession(props?: { cart?: Cart; customer?: Customer }) {
+  const { cart, customer } = props ?? {}
   const { clientScriptLoaded } = useNostoContext()
 
   useDeepCompareEffect(() => {

src/components/context.ts

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react"
-import { NostoClient, Recommendation } from "../types"
+import { NostoClient, Recommendation, RenderMode } from "../types"
 
 type AnyFunction = (...args: unknown[]) => unknown
 
@@ -11,7 +11,7 @@ export interface NostoContextType {
   clientScriptLoaded: boolean
   currentVariation?: string
   renderFunction?: AnyFunction
-  responseMode: string
+  responseMode: RenderMode
   recommendationComponent?: React.ReactElement<{
     nostoRecommendation: Recommendation
   }>

src/index.ts

@@ -1,3 +1,2 @@
-export type { Buyer, Cart, Customer, Item, Product, Purchase, Recommendation, SKU } from "./types"
-
+export type { Cart, Customer, Product, Order, Recommendation } from "./types"
 export * from "./components"