@letscooee/web-sdk 0.0.4 → 0.0.8

package/dist/models/trigger/elements/image-element.js

@@ -0,0 +1,26 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { BaseElement } from './base-element';
+var ImageElement = /** @class */ (function (_super) {
+    __extends(ImageElement, _super);
+    function ImageElement(data) {
+        var _this = _super.call(this, data) || this;
+        _this.src = data.src;
+        return _this;
+    }
+    return ImageElement;
+}(BaseElement));
+export { ImageElement };

package/dist/models/trigger/elements/index.js

@@ -0,0 +1,4 @@
+export { BaseElement } from './base-element';
+export { ShapeElement } from './shape-element';
+export { ImageElement } from './image-element';
+export { TextElement } from './text-element';

package/dist/models/trigger/elements/shape-element.js

@@ -0,0 +1,24 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { BaseElement } from './base-element';
+var ShapeElement = /** @class */ (function (_super) {
+    __extends(ShapeElement, _super);
+    function ShapeElement(data) {
+        return _super.call(this, data) || this;
+    }
+    return ShapeElement;
+}(BaseElement));
+export { ShapeElement };

package/dist/models/trigger/elements/text-element.js

@@ -0,0 +1,81 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { Color } from '../blocks';
+import { BaseElement } from './base-element';
+var TextElement = /** @class */ (function (_super) {
+    __extends(TextElement, _super);
+    function TextElement(data) {
+        var _this = _super.call(this, data) || this;
+        _this.alg = TextAlign.START;
+        _this.prs = data.prs;
+        _this.alg = data.alg;
+        if (data.f)
+            _this.f = data.f;
+        if (data.c)
+            _this.c = new Color(data.c);
+        return _this;
+    }
+    Object.defineProperty(TextElement.prototype, "parts", {
+        get: function () {
+            return this.prs;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextElement.prototype, "color", {
+        get: function () {
+            return this.c;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(TextElement.prototype, "font", {
+        get: function () {
+            return this.f;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return TextElement;
+}(BaseElement));
+export { TextElement };
+var TextPart = /** @class */ (function () {
+    function TextPart(data) {
+        this.txt = data.text;
+        this.b = data.b;
+        this.i = data.i;
+        this.u = data.u;
+        this.st = data.st;
+        this.sc = data.sc;
+    }
+    return TextPart;
+}());
+export { TextPart };
+/* eslint-disable no-unused-vars */
+export var TextAlign;
+(function (TextAlign) {
+    TextAlign[TextAlign["START"] = 0] = "START";
+    TextAlign[TextAlign["CENTER"] = 1] = "CENTER";
+    TextAlign[TextAlign["END"] = 2] = "END";
+    TextAlign[TextAlign["JUSTIFY"] = 3] = "JUSTIFY";
+})(TextAlign || (TextAlign = {}));
+export var TextScript;
+(function (TextScript) {
+    TextScript[TextScript["NORMAL"] = 0] = "NORMAL";
+    TextScript[TextScript["SUPER"] = 1] = "SUPER";
+    TextScript[TextScript["SUB"] = 2] = "SUB";
+})(TextScript || (TextScript = {}));
+/* eslint-enable no-unused-vars */

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

@@ -0,0 +1,104 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { BaseElement } from '../elements';
+var Container = /** @class */ (function (_super) {
+    __extends(Container, _super);
+    function Container(data) {
+        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%',
+                right: 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';
+        styles.overflow = 'hidden';
+        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/inapp/in-app-trigger.js

@@ -0,0 +1,32 @@
+import { Container } from './container';
+import { ImageElement, ShapeElement, TextElement } from '../elements';
+import { ElementType } from '../elements/base-element';
+/**
+ * Stores data present in ian (In App) block in {@link TriggerData}
+ *
+ * @author Abhishek Taparia
+ * @version 0.0.5
+ */
+var InAppTrigger = /** @class */ (function () {
+    function InAppTrigger(data) {
+        var _this = this;
+        this.elems = [];
+        this.cont = new Container(data.cont);
+        data.elems.forEach(function (rawElement) {
+            if (rawElement.t === ElementType.IMAGE) {
+                _this.elems.push(new ImageElement(rawElement));
+            }
+            else if (rawElement.t === ElementType.TEXT) {
+                _this.elems.push(new TextElement(rawElement));
+            }
+            else if (rawElement.t === ElementType.BUTTON) {
+                _this.elems.push(new TextElement(rawElement));
+            }
+            else if (rawElement.t === ElementType.SHAPE) {
+                _this.elems.push(new ShapeElement(rawElement));
+            }
+        });
+    }
+    return InAppTrigger;
+}());
+export { InAppTrigger };

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,3 +1,4 @@
+import { InAppTrigger } from './inapp/in-app-trigger';
 /**
  * This store the payload sent by server to render trigger.
  */
@@ -5,12 +6,17 @@ var TriggerData = /** @class */ (function () {
     /**
      * Public constructor
      *
-     * @param {any} data payload
+     * @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;
+        this.pn = data.pn;
+        this.ian = new InAppTrigger(data.ian);
     }
     return TriggerData;
 }());

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

@@ -0,0 +1,52 @@
+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) {
+        if (triggerData.id === 'test') {
+            return;
+        }
+        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/base-text-renderer.js

@@ -0,0 +1,77 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { BlockProcessor } from './block-processor';
+import { TextAlign } from '../models/trigger/elements/text-element';
+/**
+ * Base class for rendering any text extending block from in-app.
+ *
+ * @author Abhishek Taparia
+ * @version 0.0.5
+ */
+var BaseTextRenderer = /** @class */ (function (_super) {
+    __extends(BaseTextRenderer, _super);
+    function BaseTextRenderer(parentElement, inappElement) {
+        return _super.call(this, parentElement, inappElement) || this;
+    }
+    /**
+     * Process all the common block in in-app.
+     */
+    BaseTextRenderer.prototype.processCommonBlocks = function () {
+        _super.prototype.processCommonBlocks.call(this);
+        this.processFontBlock();
+        this.processColourBlock(this.inappElement.color);
+        this.processAlignment();
+    };
+    /**
+     * Process font block of the element
+     */
+    BaseTextRenderer.prototype.processFontBlock = function () {
+        var font = this.inappElement.font;
+        if (!font) {
+            return;
+        }
+        this.renderer.setStyle(this.inappHTMLEl, 'font-size', this.getSizePx(font.s));
+        this.renderer.setStyle(this.inappHTMLEl, 'font-family', font.ff);
+        this.renderer.setStyle(this.inappHTMLEl, 'line-height', font.lh);
+    };
+    BaseTextRenderer.prototype.processPart = function (partHTMLEl, part) {
+        var _a;
+        var decoration = [];
+        if (part.u)
+            decoration.push('underline');
+        if (part.st)
+            decoration.push('line-through');
+        if (!decoration.length)
+            decoration.push('normal');
+        this.renderer.setStyle(partHTMLEl, 'font-weight', part.b ? 'bold' : 'normal');
+        this.renderer.setStyle(partHTMLEl, 'font-style', part.i ? 'italic' : 'normal');
+        this.renderer.setStyle(partHTMLEl, 'text-decoration', decoration.join(' '));
+        this.renderer.setStyle(partHTMLEl, 'color', (_a = part.c) !== null && _a !== void 0 ? _a : 'inherit');
+    };
+    /**
+     * Process text alignment block of the element
+     * @private
+     */
+    BaseTextRenderer.prototype.processAlignment = function () {
+        var _a;
+        var value = (_a = TextAlign[this.inappElement.alg]) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+        if (!value)
+            value = 'start';
+        this.renderer.setStyle(this.inappHTMLEl, 'text-align', value);
+    };
+    return BaseTextRenderer;
+}(BlockProcessor));
+export { BaseTextRenderer };