customerio-gist-web 3.6.1

package/src/services/log-service.js

@@ -0,0 +1,19 @@
+import { UserNetworkInstance } from './network';
+
+export async function logUserMessageView(queueId) {
+  try {
+    var response = await UserNetworkInstance().post(`/api/v1/logs/queue/${queueId}`);
+    return response;
+  } catch (error) {
+    return error.response;
+  }
+}
+
+export async function logMessageView(messageId) {
+  try {
+    var response = await UserNetworkInstance().post(`/api/v1/logs/message/${messageId}`);
+    return response;
+  } catch (error) {
+    return error.response;
+  }
+}

package/src/services/network.js

@@ -0,0 +1,17 @@
+import Gist from '../gist';
+import axios from 'axios';
+import { settings } from './settings';
+import { getUserToken } from "../managers/user-manager";
+
+export function UserNetworkInstance() {
+  var headers = { "X-CIO-Site-Id": Gist.config.siteId, "X-CIO-Datacenter": Gist.config.dataCenter };
+  var userToken = getUserToken();
+  if (userToken != null) {
+    headers['X-Gist-Encoded-User-Token'] = btoa(userToken);
+  }
+  return axios.create({
+    baseURL: settings.GIST_QUEUE_API_ENDPOINT[Gist.config.env],
+    timeout: 20000,
+    headers: headers
+  });
+}

package/src/services/queue-service.js

@@ -0,0 +1,10 @@
+import { UserNetworkInstance } from './network';
+
+export async function getUserQueue() {
+  try {
+    var response = await UserNetworkInstance().post(`/api/v1/users`, {});
+    return response;
+  } catch (error) {
+    return error.response;
+  }
+}

package/src/services/settings.js

@@ -0,0 +1,17 @@
+export const settings = {
+  ENGINE_API_ENDPOINT: {
+    "prod": "https://engine.api.gist.build",
+    "dev": "https://engine.api.dev.gist.build",
+    "local": "http://engine.api.local.gist.build:82"
+  },
+  GIST_QUEUE_API_ENDPOINT: {
+    "prod": "https://gist-queue-consumer-api.cloud.gist.build",
+    "dev": "https://gist-queue-consumer-api.cloud.dev.gist.build",
+    "local": "http://api.local.gist.build:86"
+  },
+  GIST_VIEW_ENDPOINT: {
+    "prod": "https://renderer.gist.build/2.0",
+    "dev": "https://renderer.gist.build/2.0",
+    "local": "http://app.local.gist.build:8080/web"
+  }
+}

package/src/templates/embed.html

@@ -0,0 +1,48 @@
+<div id="gist-embed">
+  <style>
+    #x-gist-floating-top, #x-gist-floating-top-left, #x-gist-floating-top-right {
+      position: fixed;
+      top: 0px;
+      z-index: 1000000;
+    }
+    #x-gist-floating-bottom, #x-gist-floating-bottom-left, #x-gist-floating-bottom-right {
+      position: fixed;
+      bottom: 0px;
+      z-index: 1000000;
+    }
+    #x-gist-bottom, #x-gist-top, #x-gist-floating-top, #x-gist-floating-bottom {
+      left: 50%;
+      transform: translate(-50%, 0%);
+      width: '${topBottomMessageWidth}';
+    }
+    #x-gist-floating-top-left, #x-gist-floating-top-right, #x-gist-floating-bottom-left, #x-gist-floating-bottom-right {
+      width: '${cornersMessageWidth}';
+    }
+    #x-gist-floating-top-right, #x-gist-floating-bottom-right {
+      right: 0px;
+    }
+    #gist-embed {
+      position: relative;
+      height: 100%;
+      width: 100%;
+    }
+    #gist-embed-container {
+      position: relative;
+      height: 100%;
+      width: 100%;
+    }
+    #gist-embed-container .gist-frame {
+      height: 100%;
+      width: 100%;
+      border: none;
+    }
+    @media (max-width: '${maxWidth}') {
+      #x-gist-bottom, #x-gist-bottom, #x-gist-floating-top, #x-gist-floating-bottom, #x-gist-floating-top-left, #x-gist-floating-top-right, #x-gist-floating-bottom-left, #x-gist-floating-bottom-right {
+        width: 100%;
+      }
+    }
+  </style>
+  <div id="gist-embed-container">
+    <iframe class="gist-frame" src="${url}"></iframe>
+  </div>
+</div>

package/src/templates/message.html

@@ -0,0 +1,51 @@
+<div id="gist-embed-message">
+  <style>
+    #gist-overlay.background {
+      position: fixed;
+      z-index: 9999999998;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 100%;
+      background-color: '${overlayColor}';
+      visibility: hidden;
+    }
+    #gist-overlay.background.visible {
+      visibility: visible;
+    }
+    #gist-overlay.background.is-blacked-out {
+      display: block;
+    }
+    #gist-message {
+      width: '${messageWidth}';
+      position: absolute;
+      border: none;
+      opacity: 0;
+      transition: opacity 0.3s ease-in-out;
+      z-index: 9999999999;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+    #gist-message.visible {
+      opacity: 1;
+    }
+    #gist-message.center {
+      transform: translate(-50%, -50%);
+      top: 50%;
+    }
+    #gist-message.bottom {
+      bottom: 0;
+    }
+    #gist-message.top {
+      top: 0;
+    }
+    @media (max-width: '${maxWidth}') {
+      #gist-message {
+        width: 100%;
+      }
+    }
+  </style>
+  <div id="gist-overlay" class="background">
+    <iframe id="gist-message" class="message" src="${url}"></iframe>
+  </div>
+</div>

package/src/utilities/event-emitter.js

@@ -0,0 +1,12 @@
+export default class EventEmitter {
+  on(name, callback) {
+      var callbacks = this[name];
+      if (!callbacks) this[name] = [callback];
+      else callbacks.push(callback);
+  }
+
+  dispatch(name, event) {
+      var callbacks = this[name];
+      if (callbacks) callbacks.forEach(callback => callback(event));
+  }
+}

package/src/utilities/local-storage.js

@@ -0,0 +1,26 @@
+export function setKeyWithExpiryToLocalStore(key, value, ttl) {
+    const item = {
+        value: value,
+        expiry: ttl,
+    };
+    localStorage.setItem(key, JSON.stringify(item));
+}
+  
+export function getKeyFromLocalStore(key) {
+    const itemStr = localStorage.getItem(key);
+    if (!itemStr) {
+        return null;
+    }
+    const item = JSON.parse(itemStr);
+    const now = new Date();
+    const itemExpiry = new Date(item.expiry);
+    if (now.getTime() > itemExpiry.getTime()) {
+        localStorage.removeItem(key);
+        return null;
+    }
+    return item.value;
+}
+  
+export function clearKeyFromLocalStore(key) {
+    localStorage.removeItem(key);
+}

package/src/utilities/log.js

@@ -0,0 +1,7 @@
+import Gist from '../gist';
+
+export function log(message) {
+  if (Gist.config.logging) {
+    console.log(`Gist: ${message}`);
+  }
+}

package/test.sh

@@ -0,0 +1,4 @@
+# Testing script to open an incognito window to the examples
+#!/bin/bash
+
+open -na "Google Chrome" --args -incognito "http://localhost:8080/examples/"

package/webpack.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  watchOptions: {
+    poll: 1000
+  },
+  output: {
+    library: 'Gist',
+    libraryTarget: 'umd',
+    filename: 'gist.js',
+    globalObject: 'this'
+  }
+};