@letscooee/web-sdk 0.0.6 → 0.0.7

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change Log
 
+# 0.0.7
+
+More feature support in the sdk.
+
 # 0.0.6
 
 1. Build: Upgrade TypeScript to 4.4.

package/dist/constants.js

@@ -25,7 +25,8 @@ var Constants = /** @class */ (function () {
     Constants.STORAGE_FIRST_TIME_LAUNCH = 'ifl';
     Constants.STORAGE_LAST_ACTIVE = 'la';
     Constants.STORAGE_TRIGGER_START_TIME = 'tst';
-    Constants.STORAGE_ACTIVE_TRIGGER_ID = 'atid';
+    Constants.STORAGE_ACTIVE_TRIGGER = 'at';
+    Constants.STORAGE_ACTIVE_TRIGGERS = 'ats';
     // endregion
     Constants.IDLE_TIME_IN_SECONDS = 30 * 60;
     Constants.IN_APP_CONTAINER_NAME = 'cooee-wrapper';

package/dist/init/visibility-listener.js

@@ -89,7 +89,7 @@ var VisibilityListener = /** @class */ (function () {
                         }
                         props = {};
                         props[VisibilityListener.INACTIVE_DURATION] = duration;
-                        event = new Event('CE Web Active', props);
+                        event = new Event('CE App Foreground', props);
                         _a = event;
                         return [4 /*yield*/, new DevicePropertiesCollector().get()];
                     case 1:
@@ -113,7 +113,7 @@ var VisibilityListener = /** @class */ (function () {
                 duration = this.runtimeData.getTimeForActiveInSeconds();
                 props = {};
                 props[VisibilityListener.ACTIVE_DURATION] = duration;
-                this.apiService.sendEvent(new Event('CE Web Inactive', props));
+                this.apiService.sendEvent(new Event('CE App Background', props));
                 return [2 /*return*/];
             });
         });

package/dist/models/trigger/action/click-action-executor.js

@@ -124,12 +124,13 @@ var ClickActionExecutor = /** @class */ (function () {
      * Performs close action
      */
     ClickActionExecutor.prototype.closeAction = function () {
+        var _a;
         if (!this.action.close) {
             return;
         }
         new RootContainerRenderer().removeInApp();
         var startTime = LocalStorageHelper.getNumber(Constants.STORAGE_TRIGGER_START_TIME, new Date().getTime());
-        var triggerID = LocalStorageHelper.getString(Constants.STORAGE_ACTIVE_TRIGGER_ID, '');
+        var triggerID = (_a = LocalStorageHelper.getObject(Constants.STORAGE_ACTIVE_TRIGGER)) === null || _a === void 0 ? void 0 : _a.triggerID;
         var diffInSeconds = (new Date().getTime() - startTime) / 1000;
         var eventProps = {
             'triggerID': triggerID,
@@ -138,7 +139,6 @@ var ClickActionExecutor = /** @class */ (function () {
         };
         this.apiService.sendEvent(new Event('CE Trigger Closed', eventProps));
         LocalStorageHelper.remove(Constants.STORAGE_TRIGGER_START_TIME);
-        LocalStorageHelper.remove(Constants.STORAGE_ACTIVE_TRIGGER_ID);
     };
     /**
      * Performs share action i.e. share some url on CTA.
@@ -152,7 +152,7 @@ var ClickActionExecutor = /** @class */ (function () {
         // TODO test in mobile browsers
         var share = navigator.share;
         if (!share) {
-            Log.w('Navigator.share is not compatible with this browser');
+            Log.warning('Navigator.share is not compatible with this browser');
             return;
         }
         navigator.share({ 'text': this.action.share.text, 'title': 'Share' })
@@ -182,7 +182,7 @@ var ClickActionExecutor = /** @class */ (function () {
     ClickActionExecutor.prototype.promptPushNotificationPermission = function () {
         var _this = this;
         if (!('Notification' in window)) {
-            Log.w('This browser does not support desktop notification');
+            Log.warning('This browser does not support desktop notification');
             return;
         }
         // TODO Need device endpoints to update this property

package/dist/models/trigger/embedded-trigger.js

@@ -0,0 +1,26 @@
+/**
+ * This class store data related to triggers which are active/activated by clicking on the trigger notification or by
+ * looking an in-app trigger(in future). This would be commonly sent with events as <code>activeTrigger</code>.
+ *
+ * @author Abhishek Taparia
+ * @since 1.1.0
+ */
+var EmbeddedTrigger = /** @class */ (function () {
+    function EmbeddedTrigger(data) {
+        this.triggerID = data.id;
+        this.engagementID = data.engagementID;
+        this.expireAt = data.expireAt;
+        if (this.isExpired) {
+            this.expired = this.isExpired;
+        }
+    }
+    Object.defineProperty(EmbeddedTrigger.prototype, "isExpired", {
+        get: function () {
+            return this.expireAt < new Date().getTime();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return EmbeddedTrigger;
+}());
+export { EmbeddedTrigger };

package/dist/models/trigger/inapp/container.js

@@ -17,8 +17,87 @@ import { BaseElement } from '../elements';
 var Container = /** @class */ (function (_super) {
     __extends(Container, _super);
     function Container(data) {
-        return _super.call(this, data) || this;
+        var _a;
+        var _this = _super.call(this, data) || this;
+        _this.o = (_a = data.o) !== null && _a !== void 0 ? _a : ContainerOrigin.C;
+        return _this;
     }
+    Container.prototype.getStyles = function () {
+        var styles;
+        if (this.o === ContainerOrigin.NW) {
+            styles = {
+                top: 0,
+                left: 0,
+            };
+        }
+        else if (this.o === ContainerOrigin.N) {
+            styles = {
+                top: 0,
+                left: '50%',
+                transform: 'translateX(-50%)',
+            };
+        }
+        else if (this.o === ContainerOrigin.NE) {
+            styles = {
+                top: 0,
+                right: 0,
+            };
+        }
+        else if (this.o === ContainerOrigin.E) {
+            styles = {
+                top: '50%',
+                left: 0,
+                transform: 'translateY(-50%)',
+            };
+        }
+        else if (this.o === ContainerOrigin.SE) {
+            styles = {
+                bottom: 0,
+                right: 0,
+            };
+        }
+        else if (this.o === ContainerOrigin.S) {
+            styles = {
+                bottom: 0,
+                left: '50%',
+                transform: 'translateX(-50%)',
+            };
+        }
+        else if (this.o === ContainerOrigin.SW) {
+            styles = {
+                bottom: 0,
+                left: 0,
+            };
+        }
+        else if (this.o === ContainerOrigin.W) {
+            styles = {
+                top: '50%',
+                left: 0,
+                transform: 'translateY(-50%)',
+            };
+        }
+        else {
+            styles = {
+                top: '50%',
+                left: '50%',
+                transform: 'translateX(-50%) translateY(-50%)',
+            };
+        }
+        styles.position = 'absolute';
+        return styles;
+    };
     return Container;
 }(BaseElement));
 export { Container };
+export var ContainerOrigin;
+(function (ContainerOrigin) {
+    ContainerOrigin[ContainerOrigin["NW"] = 1] = "NW";
+    ContainerOrigin[ContainerOrigin["N"] = 2] = "N";
+    ContainerOrigin[ContainerOrigin["NE"] = 3] = "NE";
+    ContainerOrigin[ContainerOrigin["W"] = 4] = "W";
+    ContainerOrigin[ContainerOrigin["C"] = 5] = "C";
+    ContainerOrigin[ContainerOrigin["E"] = 6] = "E";
+    ContainerOrigin[ContainerOrigin["SW"] = 7] = "SW";
+    ContainerOrigin[ContainerOrigin["S"] = 8] = "S";
+    ContainerOrigin[ContainerOrigin["SE"] = 9] = "SE";
+})(ContainerOrigin || (ContainerOrigin = {}));

package/dist/models/trigger/trigger-data.js

@@ -9,9 +9,9 @@ var TriggerData = /** @class */ (function () {
      * @param {Props} data payload
      */
     function TriggerData(data) {
-        this.duration = 0;
+        this.expireAt = new Date().getTime();
         this.id = data.id;
-        this.duration = data.duration;
+        this.expireAt = data.expireAt;
         this.version = data.version;
         this.engagementID = data.engagementID;
         this.internal = data.internal;

package/dist/models/trigger/trigger-helper.js

@@ -0,0 +1,49 @@
+import { LocalStorageHelper } from '../../utils/local-storage-helper';
+import { Constants } from '../../constants';
+import { EmbeddedTrigger } from './embedded-trigger';
+/**
+ * A small helper class for any kind of engagement trigger like caching or retrieving from local storage.
+ *
+ * @author Abhishek Taparia
+ * @since 0.0.7
+ */
+var TriggerHelper = /** @class */ (function () {
+    function TriggerHelper() {
+    }
+    /**
+     * Store the current active trigger details in local storage for "late engagement tracking".
+     * @param triggerData trigger data
+     */
+    TriggerHelper.storeActiveTrigger = function (triggerData) {
+        var activeTriggers = LocalStorageHelper.getObject(Constants.STORAGE_ACTIVE_TRIGGERS);
+        if (!activeTriggers) {
+            activeTriggers = [];
+        }
+        var embeddedTrigger = new EmbeddedTrigger(triggerData);
+        if (!embeddedTrigger.isExpired) {
+            activeTriggers.push(embeddedTrigger);
+        }
+        LocalStorageHelper.setObject(Constants.STORAGE_ACTIVE_TRIGGER, embeddedTrigger);
+        LocalStorageHelper.setObject(Constants.STORAGE_ACTIVE_TRIGGERS, activeTriggers);
+    };
+    /**
+     * Get the list of non-expired active triggers from local storage for "late engagement tracking".
+     *
+     * @return EmbeddedTrigger[] list of active triggers
+     */
+    TriggerHelper.getActiveTriggers = function () {
+        var activeTriggers = LocalStorageHelper.getObject(Constants.STORAGE_ACTIVE_TRIGGERS);
+        if (!activeTriggers) {
+            return [];
+        }
+        activeTriggers.forEach(function (trigger, index, array) {
+            if (new EmbeddedTrigger(trigger).isExpired) {
+                array.splice(index, 1);
+            }
+        });
+        LocalStorageHelper.setObject(Constants.STORAGE_ACTIVE_TRIGGERS, activeTriggers);
+        return activeTriggers;
+    };
+    return TriggerHelper;
+}());
+export { TriggerHelper };

package/dist/renderer/container-renderer.js

@@ -13,7 +13,7 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import { ShapeRenderer } from './shape-renderer';
+import { BlockProcessor } from './block-processor';
 /**
  * Renders container element.
  *
@@ -24,6 +24,8 @@ var ContainerRenderer = /** @class */ (function (_super) {
     __extends(ContainerRenderer, _super);
     function ContainerRenderer(parentElement, inappElement) {
         var _this = _super.call(this, parentElement, inappElement) || this;
+        _this.inappHTMLEl = _this.renderer.createElement('div');
+        _this.insertElement();
         // Need to figure out the best way of doing this
         _this.inappElement.w = 1080;
         _this.inappElement.h = 1920;
@@ -34,12 +36,11 @@ var ContainerRenderer = /** @class */ (function (_super) {
      * @return The instance of this renderer.
      */
     ContainerRenderer.prototype.render = function () {
-        _super.prototype.render.call(this);
+        this.processCommonBlocks();
         this.renderer.setStyle(this.inappHTMLEl, 'position', 'relative');
-        /* this.renderer.setStyle(this.inappHTMLEl, 'width', '100%');
-        this.renderer.setStyle(this.inappHTMLEl, 'height', '100%'); */
+        Object.assign(this.inappHTMLEl.style, this.inappElement.getStyles());
         return this;
     };
     return ContainerRenderer;
-}(ShapeRenderer));
+}(BlockProcessor));
 export { ContainerRenderer };

package/dist/renderer/in-app-renderer.js

@@ -5,6 +5,9 @@ import { LocalStorageHelper } from '../utils/local-storage-helper';
 import { Constants } from '../constants';
 import { ImageRenderer, RootContainerRenderer, ShapeRenderer, TextRenderer } from './';
 import { ContainerRenderer } from './container-renderer';
+import { TriggerHelper } from '../models/trigger/trigger-helper';
+import { SafeHttpService } from '../services/safe-http-service';
+import { Event } from '../models/event/event';
 /**
  * Renders In App trigger
  *
@@ -27,11 +30,13 @@ var InAppRenderer = /** @class */ (function () {
         this.ian = triggerData.ian;
         try {
             this.renderContainer();
+            var event_1 = new Event('CE Trigger Displayed', { 'triggerID': triggerData.id });
+            SafeHttpService.getInstance().sendEvent(event_1);
             LocalStorageHelper.setNumber(Constants.STORAGE_TRIGGER_START_TIME, new Date().getTime());
-            LocalStorageHelper.setString(Constants.STORAGE_ACTIVE_TRIGGER_ID, triggerData.id);
+            TriggerHelper.storeActiveTrigger(triggerData);
         }
         catch (e) {
-            Log.e(e);
+            Log.error(e);
         }
     };
     /**
@@ -50,7 +55,7 @@ var InAppRenderer = /** @class */ (function () {
             new ShapeRenderer(parentEl, inappElement).render();
         }
         else {
-            Log.e('Unsupported element type- ' + inappElement.type);
+            Log.error('Unsupported element type- ' + inappElement.type);
         }
     };
     /**

package/dist/renderer/index.js

@@ -11,12 +11,15 @@ export { IFrameRenderer } from './iFrame-renderer';
 export function getScalingFactor() {
     var screenWidth = document.documentElement.clientWidth;
     var screenHeight = document.documentElement.clientHeight;
+    var scalingFactor;
     if (screenWidth < screenHeight) {
         var shortEdge = Math.min(Constants.CANVAS_WIDTH, Constants.CANVAS_HEIGHT);
-        return screenWidth / shortEdge;
+        scalingFactor = screenWidth / shortEdge;
     }
     else {
         var longEdge = Math.max(Constants.CANVAS_WIDTH, Constants.CANVAS_HEIGHT);
-        return screenHeight / longEdge;
+        scalingFactor = screenHeight / longEdge;
     }
+    // The in-app should not scale beyond 100%
+    return Math.min(scalingFactor, 1);
 }

package/dist/renderer/root-container-renderer.js

@@ -25,9 +25,6 @@ var RootContainerRenderer = /** @class */ (function () {
         this.renderer.setStyle(rootDiv, 'left', '0');
         this.renderer.setStyle(rootDiv, 'width', '100%');
         this.renderer.setStyle(rootDiv, 'height', '100%');
-        this.renderer.setStyle(rootDiv, 'display', 'flex');
-        this.renderer.setStyle(rootDiv, 'justify-content', 'center');
-        this.renderer.setStyle(rootDiv, 'align-items', 'center');
         this.renderer.appendChild(document.body, rootDiv);
         return rootDiv;
     };