@nosto/nosto-react 0.1.2 → 0.1.5

package/src/components/Fohofo/index.tsx

@@ -1,29 +0,0 @@
-import React, { useEffect } from "react";
-
-const NostoFohofo: React.FC = () => {
-  useEffect(() => {
-    // @ts-ignore
-    window.nostojs((api) => {
-      api
-        .defaultSession()
-        .setResponseMode("HTML")
-        .viewNotFound()
-        .setPlacements(api.placements.getPlacements())
-        .load()
-        .then((data: object) => {
-          // @ts-ignore
-          api.placements.injectCampaigns(data.recommendations);
-        });
-    });
-  }, []);
-
-  return (
-    <>
-      <div className="nosto_page_type" style={{ display: "none" }}>
-        notfound
-      </div>
-    </>
-  );
-};
-
-export default NostoFohofo;

package/src/components/Home/index.tsx

@@ -1,29 +0,0 @@
-import React, { useEffect } from "react";
-
-const NostoHome: React.FC = () => {
-  useEffect(() => {
-    // @ts-ignore
-    window.nostojs((api) => {
-      api
-        .defaultSession()
-        .setResponseMode("HTML")
-        .viewFrontPage()
-        .setPlacements(api.placements.getPlacements())
-        .load()
-        .then((data: object) => {
-          // @ts-ignore
-          api.placements.injectCampaigns(data.recommendations);
-        });
-    });
-  }, []);
-
-  return (
-    <>
-      <div className="nosto_page_type" style={{ display: "none" }}>
-        front
-      </div>
-    </>
-  );
-};
-
-export default NostoHome;

package/src/components/Order/index.tsx

@@ -1,38 +0,0 @@
-import { Purchase } from "../../types";
-import React, { useEffect } from "react";
-import snakeize from "snakeize";
-
-export interface OrderProps {
-  purchase: Purchase;
-}
-
-const NostoOrder: React.FC<{ order: OrderProps }> = ({ order }) => {
-  useEffect(() => {
-    // @ts-ignore
-    window.nostojs((api) => {
-      api
-        .defaultSession()
-        .setResponseMode("HTML")
-        .addOrder(snakeize(order))
-        .setPlacements(api.placements.getPlacements())
-        .load()
-        .then((data: object) => {
-          // @ts-ignore
-          api.placements.injectCampaigns(data.recommendations);
-        });
-    });
-  }, []);
-
-  return (
-    <>
-      <div className="nosto_page_type" style={{ display: "none" }}>
-        order
-      </div>
-      <div className="nosto_order" style={{ display: "none" }}>
-        {order.purchase.number}
-      </div>
-    </>
-  );
-};
-
-export default NostoOrder;

package/src/components/Other/index.tsx

@@ -1,29 +0,0 @@
-import React, { useEffect } from "react";
-
-const NostoOther: React.FC = () => {
-  useEffect(() => {
-    // @ts-ignore
-    window.nostojs((api) => {
-      api
-        .defaultSession()
-        .setResponseMode("HTML")
-        .viewOther()
-        .setPlacements(api.placements.getPlacements())
-        .load()
-        .then((data: object) => {
-          // @ts-ignore
-          api.placements.injectCampaigns(data.recommendations);
-        });
-    });
-  }, []);
-
-  return (
-    <>
-      <div className="nosto_page_type" style={{ display: "none" }}>
-        other
-      </div>
-    </>
-  );
-};
-
-export default NostoOther;

package/src/components/Provider/context.ts

@@ -1,12 +0,0 @@
-import { createContext } from "react";
-
-export interface NostoInterface {
-  account: string;
-}
-
-/* tslint:disable:no-empty */
-export const NostoContext = createContext<NostoInterface>({
-  // @ts-ignore
-  account: undefined
-});
-/* tslint:enable:no-empty */

package/src/components/Provider/index.tsx

@@ -1,37 +0,0 @@
-import React, { useEffect } from "react";
-import { NostoContext } from "./context";
-
-interface NostoProviderProps {
-  account: string;
-  currentVariation: string;
-  host: string;
-  children: React.ReactElement;
-}
-
-const NostoProvider: React.FC<NostoProviderProps> = ({
-  account,
-  currentVariation,
-  host,
-  children,
-}) => {
-  useEffect(() => {
-    const script = document.createElement("script");
-    script.type = "text/javascript";
-    script.src = "//" + (host || "connect.nosto.com") + "/include/" + account;
-    script.async = true;
-    document.head.appendChild(script);
-
-    window.nostojs = (cb: Function) =>
-      (window.nostojs.q = window.nostojs.q || []).push(cb);
-    // @ts-ignore
-    window.nostojs((api) => api.setAutoLoad(false));
-  }, []);
-
-  return (
-    <NostoContext.Provider value={{ account }}>
-      {children}
-    </NostoContext.Provider>
-  );
-};
-
-export default NostoProvider;

package/src/components/Search/index.tsx

@@ -1,32 +0,0 @@
-import React, { useEffect } from "react";
-
-const NostoSearch: React.FC<{ query: string }> = ({ query }) => {
-  useEffect(() => {
-    // @ts-ignore
-    window.nostojs((api) => {
-      api
-        .defaultSession()
-        .setResponseMode("HTML")
-        .viewSearch(query)
-        .setPlacements(api.placements.getPlacements())
-        .load()
-        .then((data: object) => {
-          // @ts-ignore
-          api.placements.injectCampaigns(data.recommendations);
-        });
-    });
-  }, []);
-
-  return (
-    <>
-      <div className="nosto_page_type" style={{ display: "none" }}>
-        search
-      </div>
-      <div className="nosto_search" style={{ display: "none" }}>
-        {query}
-      </div>
-    </>
-  );
-};
-
-export default NostoSearch;