@saasquatch/squatch-js 2.3.0 → 2.3.1-3

package/demo/toolbar.tsx

@@ -1,249 +1,249 @@
-import React, { Component, version } from "react";
-import { render } from "react-dom";
-
-import {
-  popup,
-  embed,
-  embedNew,
-  embedReferred,
-  popupNew,
-  popupReferred,
-  script,
-  toURL,
-  users,
-  href,
-} from "./sandbox";
-import { getVersions } from "./versions";
-import { delay } from "./util";
-
-const modes = ["POPUP", "EMBED"];
-const widgetTypes = [
-  "REFERRER_WIDGET",
-  "CONVERSION_WIDGET",
-  "p/tuesday-test/w/referrerWidget",
-];
-const staticVersions = ["HEAD", "latest", "alpha"];
-
-/**
- * Use the addUrlProps higher-order component to hook-in react-url-query.
- */
-class App extends Component {
-  state = {
-    versions: staticVersions,
-  };
-  async componentWillMount() {
-    const apiVersions = await getVersions();
-    const versions = [...staticVersions, ...apiVersions];
-    this.setState({ versions });
-  }
-  render() {
-    return (
-      <div>
-        <hr />
-        <div>
-          <ParamArea />
-          <hr />
-          <h2>Quick pick variables</h2>
-          <details>
-            <summary>Tenant / Program</summary>
-            <a href={href(popup)}>Popup (classic)</a>
-            <a href={href(embed)}>Embed (classic)</a>
-            <a href={href(popupNew)}>Popup (new program)</a>
-            <a href={href(embedNew)}>Embed (new program)</a>
-            <a href={href(popupReferred)}>Popup (classic referred widget)</a>
-            <a href={href(embedReferred)}>Embed (classic referred widget)</a>
-          </details>
-          <WidgetType />
-          <ModeList />
-          <UserList />
-          <VersionList {...this.state} />
-        </div>
-        <hr />
-
-        <button onClick={() => recordPurchase()}>Record Purchase</button>
-        <hr />
-
-        <button onClick={() => runEventBomb()}>Event Bomb</button>
-      </div>
-    );
-  }
-}
-
-function ParamArea() {
-  return (
-    <div>
-      <h2>Squatch.js Config</h2>
-      <div>
-        <textarea id="area1" rows={15} cols={80}>
-          {JSON.stringify(window["sandbox"], null, 2)}
-        </textarea>
-      </div>
-      <div>
-        <button
-          onClick={() => {
-            let json: Sandbox = JSON.parse(
-              // @ts-ignore
-              document.getElementById("area1").value
-            );
-            toURL(json);
-          }}
-        >
-          Reload Config
-        </button>
-        <button
-          onClick={() => {
-            navigator.clipboard.writeText(window.location.toString());
-          }}
-        >
-          Share Current Config
-        </button>
-      </div>
-    </div>
-  );
-}
-
-async function recordPurchase() {
-  //@ts-ignore
-  const { squatch, sandbox } = window;
-  const {
-    jwt,
-    user: { id, accountId },
-  } = sandbox.initObj;
-  const fields = {
-    // Optional
-    total: 10.0,
-    revenue: 10.0,
-    tax: 5.0,
-    currency: "USD",
-  };
-
-  await squatch.events().track(
-    {
-      userId: id,
-      accountId: accountId,
-      events: [
-        {
-          key: "purchase",
-          fields: fields, // Optional
-          // id: "kjv12kbwktb13t3", // Optional id
-          // dateTriggered: 1535136384753  // Optional date
-        },
-      ],
-    },
-    {
-      jwt,
-    }
-  );
-  // TODO: Eventually we'd like an API like this:
-  // squatch.events().track("purchase", { ...fields });
-}
-async function runEventBomb() {
-  while (true) {
-    await recordPurchase();
-    await delay(100);
-  }
-}
-function WidgetType(props) {
-  return (
-    <details
-      title={window["sandbox"].initObj.widgetType}
-      key={0}
-      id={`dropdown-basic-1`}
-    >
-      {widgetTypes.map((widgetType, i) => (
-        <a
-          key={i}
-          href={href({
-            ...window["sandbox"],
-            initObj: {
-              ...window["sandbox"].initObj,
-              widgetType: widgetType,
-            },
-          })}
-        >
-          {widgetType}
-        </a>
-      ))}
-    </details>
-  );
-}
-function ModeList(props) {
-  return (
-    <details
-      title={window["sandbox"].initObj.engagementMedium}
-      key={0}
-      id={`dropdown-basic-1`}
-    >
-      <summary>Engagement Medium</summary>
-      {modes.map((mode, i) => (
-        <a
-          key={i}
-          href={href({
-            ...window["sandbox"],
-            initObj: {
-              ...window["sandbox"].initObj,
-              engagementMedium: mode,
-            },
-          })}
-        >
-          {mode}
-        </a>
-      ))}
-    </details>
-  );
-}
-function UserList(props) {
-  return (
-    <details
-      title={"User: " + window["sandbox"].initObj.user.firstName}
-      key={0}
-      id={`dropdown-basic-1`}
-    >
-      <summary>User</summary>
-      {users.map((user, i) => (
-        <a
-          key={i}
-          href={href({
-            ...window["sandbox"],
-            initObj: {
-              ...window["sandbox"].initObj,
-              user: user,
-            },
-          })}
-        >
-          {user["firstName"] || "Empty"}
-        </a>
-      ))}
-    </details>
-  );
-}
-function VersionList(props) {
-  const { versions } = props;
-  return (
-    <details
-      title={"Version: " + window["sandbox"].version || "Head"}
-      key={0}
-      id={`dropdown-basic-1`}
-    >
-      <summary>Version</summary>
-      {versions.map((v, i) => (
-        <a
-          key={i}
-          href={href({
-            ...window["sandbox"],
-            version: v,
-            script:
-              v.toLocaleLowerCase() == "head"
-                ? script
-                : `https://unpkg.com/@saasquatch/squatch-js@${v}`,
-          })}
-        >
-          {v}
-        </a>
-      ))}
-    </details>
-  );
-}
-const root = document.getElementById("app");
-console.log("mount to", root);
-render(<App />, root);
+import React, { Component, version } from "react";
+import { render } from "react-dom";
+
+import {
+  popup,
+  embed,
+  embedNew,
+  embedReferred,
+  popupNew,
+  popupReferred,
+  script,
+  toURL,
+  users,
+  href,
+} from "./sandbox";
+import { getVersions } from "./versions";
+import { delay } from "./util";
+
+const modes = ["POPUP", "EMBED"];
+const widgetTypes = [
+  "REFERRER_WIDGET",
+  "CONVERSION_WIDGET",
+  "p/tuesday-test/w/referrerWidget",
+];
+const staticVersions = ["HEAD", "latest", "alpha"];
+
+/**
+ * Use the addUrlProps higher-order component to hook-in react-url-query.
+ */
+class App extends Component {
+  state = {
+    versions: staticVersions,
+  };
+  async componentWillMount() {
+    const apiVersions = await getVersions();
+    const versions = [...staticVersions, ...apiVersions];
+    this.setState({ versions });
+  }
+  render() {
+    return (
+      <div>
+        <hr />
+        <div>
+          <ParamArea />
+          <hr />
+          <h2>Quick pick variables</h2>
+          <details>
+            <summary>Tenant / Program</summary>
+            <a href={href(popup)}>Popup (classic)</a>
+            <a href={href(embed)}>Embed (classic)</a>
+            <a href={href(popupNew)}>Popup (new program)</a>
+            <a href={href(embedNew)}>Embed (new program)</a>
+            <a href={href(popupReferred)}>Popup (classic referred widget)</a>
+            <a href={href(embedReferred)}>Embed (classic referred widget)</a>
+          </details>
+          <WidgetType />
+          <ModeList />
+          <UserList />
+          <VersionList {...this.state} />
+        </div>
+        <hr />
+
+        <button onClick={() => recordPurchase()}>Record Purchase</button>
+        <hr />
+
+        <button onClick={() => runEventBomb()}>Event Bomb</button>
+      </div>
+    );
+  }
+}
+
+function ParamArea() {
+  return (
+    <div>
+      <h2>Squatch.js Config</h2>
+      <div>
+        <textarea id="area1" rows={15} cols={80}>
+          {JSON.stringify(window["sandbox"], null, 2)}
+        </textarea>
+      </div>
+      <div>
+        <button
+          onClick={() => {
+            let json: Sandbox = JSON.parse(
+              // @ts-ignore
+              document.getElementById("area1").value
+            );
+            toURL(json);
+          }}
+        >
+          Reload Config
+        </button>
+        <button
+          onClick={() => {
+            navigator.clipboard.writeText(window.location.toString());
+          }}
+        >
+          Share Current Config
+        </button>
+      </div>
+    </div>
+  );
+}
+
+async function recordPurchase() {
+  //@ts-ignore
+  const { squatch, sandbox } = window;
+  const {
+    jwt,
+    user: { id, accountId },
+  } = sandbox.initObj;
+  const fields = {
+    // Optional
+    total: 10.0,
+    revenue: 10.0,
+    tax: 5.0,
+    currency: "USD",
+  };
+
+  await squatch.events().track(
+    {
+      userId: id,
+      accountId: accountId,
+      events: [
+        {
+          key: "purchase",
+          fields: fields, // Optional
+          // id: "kjv12kbwktb13t3", // Optional id
+          // dateTriggered: 1535136384753  // Optional date
+        },
+      ],
+    },
+    {
+      jwt,
+    }
+  );
+  // TODO: Eventually we'd like an API like this:
+  // squatch.events().track("purchase", { ...fields });
+}
+async function runEventBomb() {
+  while (true) {
+    await recordPurchase();
+    await delay(100);
+  }
+}
+function WidgetType(props) {
+  return (
+    <details
+      title={window["sandbox"].initObj.widgetType}
+      key={0}
+      id={`dropdown-basic-1`}
+    >
+      {widgetTypes.map((widgetType, i) => (
+        <a
+          key={i}
+          href={href({
+            ...window["sandbox"],
+            initObj: {
+              ...window["sandbox"].initObj,
+              widgetType: widgetType,
+            },
+          })}
+        >
+          {widgetType}
+        </a>
+      ))}
+    </details>
+  );
+}
+function ModeList(props) {
+  return (
+    <details
+      title={window["sandbox"].initObj.engagementMedium}
+      key={0}
+      id={`dropdown-basic-1`}
+    >
+      <summary>Engagement Medium</summary>
+      {modes.map((mode, i) => (
+        <a
+          key={i}
+          href={href({
+            ...window["sandbox"],
+            initObj: {
+              ...window["sandbox"].initObj,
+              engagementMedium: mode,
+            },
+          })}
+        >
+          {mode}
+        </a>
+      ))}
+    </details>
+  );
+}
+function UserList(props) {
+  return (
+    <details
+      title={"User: " + window["sandbox"].initObj.user.firstName}
+      key={0}
+      id={`dropdown-basic-1`}
+    >
+      <summary>User</summary>
+      {users.map((user, i) => (
+        <a
+          key={i}
+          href={href({
+            ...window["sandbox"],
+            initObj: {
+              ...window["sandbox"].initObj,
+              user: user,
+            },
+          })}
+        >
+          {user["firstName"] || "Empty"}
+        </a>
+      ))}
+    </details>
+  );
+}
+function VersionList(props) {
+  const { versions } = props;
+  return (
+    <details
+      title={"Version: " + window["sandbox"].version || "Head"}
+      key={0}
+      id={`dropdown-basic-1`}
+    >
+      <summary>Version</summary>
+      {versions.map((v, i) => (
+        <a
+          key={i}
+          href={href({
+            ...window["sandbox"],
+            version: v,
+            script:
+              v.toLocaleLowerCase() == "head"
+                ? script
+                : `https://unpkg.com/@saasquatch/squatch-js@${v}`,
+          })}
+        >
+          {v}
+        </a>
+      ))}
+    </details>
+  );
+}
+const root = document.getElementById("app");
+console.log("mount to", root);
+render(<App />, root);

package/demo/tsconfig.json

@@ -1,14 +1,14 @@
-{
-  "compilerOptions": {
-    "outDir": "demo/dist",
-    "sourceMap": true,
-    "noImplicitAny": false,
-    "allowSyntheticDefaultImports": true,
-    "strictNullChecks": true,
-    "module": "commonjs",
-    "target": "es5",
-    "allowJs": true,
-    "jsx": "react",
-    "lib": ["es2015", "dom", "es5", "scripthost"]
-  }
-}
+{
+  "compilerOptions": {
+    "outDir": "demo/dist",
+    "sourceMap": true,
+    "noImplicitAny": false,
+    "allowSyntheticDefaultImports": true,
+    "strictNullChecks": true,
+    "module": "commonjs",
+    "target": "es5",
+    "allowJs": true,
+    "jsx": "react",
+    "lib": ["es2015", "dom", "es5", "scripthost"]
+  }
+}

package/demo/util.ts

@@ -1,22 +1,22 @@
-export function getQueryStringParams(query) {
-  return query
-    ? (/^[?#]/.test(query) ? query.slice(1) : query)
-        .split("&")
-        .reduce((params, param) => {
-          let [key, value] = param.split("=");
-          params[key] = value
-            ? decodeURIComponent(value.replace(/\+/g, " "))
-            : "";
-          return params;
-        }, {})
-    : {};
-}
-
-
-export function delay (duration) {
-		return new Promise(function(resolve, reject){
-			setTimeout(function(){
-				resolve();
-      }, duration)
-    })
+export function getQueryStringParams(query) {
+  return query
+    ? (/^[?#]/.test(query) ? query.slice(1) : query)
+        .split("&")
+        .reduce((params, param) => {
+          let [key, value] = param.split("=");
+          params[key] = value
+            ? decodeURIComponent(value.replace(/\+/g, " "))
+            : "";
+          return params;
+        }, {})
+    : {};
+}
+
+
+export function delay (duration) {
+		return new Promise(function(resolve, reject){
+			setTimeout(function(){
+				resolve();
+      }, duration)
+    })
 }

package/demo/versions.ts

@@ -1,14 +1,14 @@
-export async function getVersions(): Promise<string[]> {
-  const headers = {
-    Origin: "google.com",
-    "X-Requested-With":
-      "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36"
-  };
-
-  const response = await fetch(
-    "https://cors-anywhere.herokuapp.com/https://registry.npmjs.org/@saasquatch/squatch-js",
-    {}
-  );
-  const body = await response.json();
-  return Object.keys(body.versions).reverse();
-}
+export async function getVersions(): Promise<string[]> {
+  const headers = {
+    Origin: "google.com",
+    "X-Requested-With":
+      "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36"
+  };
+
+  const response = await fetch(
+    "https://cors-anywhere.herokuapp.com/https://registry.npmjs.org/@saasquatch/squatch-js",
+    {}
+  );
+  const body = await response.json();
+  return Object.keys(body.versions).reverse();
+}

package/dist/api/EventsApi.d.ts

@@ -42,7 +42,7 @@ export default class EventsApi {
      * Track an event for a user
      *
      * @param params Parameters for request
-     * @param params.jwt the JSON Web Token (JWT) that is used to authenticate the user
+     * @param options.jwt the JSON Web Token (JWT) that is used to authenticate the user
      *
      * @return An ID to confirm the event has been accepted for asynchronous processing
      */