@giphy/js-util 5.0.0 → 5.1.0-beta.1

package/dist/bestfit.d.ts

@@ -0,0 +1,18 @@
+import { IRendition } from '@giphy/js-types';
+export declare const setRenditionScaleUpMaxPixels: (pixels: number) => void;
+/**
+ * Finds image rendition that best fits a given container preferring images
+ * ##### Note: all renditions are assumed to have the same aspect ratio
+ *
+ * When we have a portrait target and landscape gif, we choose a higher rendition to match
+ * the height of the portrait target, otherwise it's blurry (same applies for landscape to portrait)
+ *
+ * @name bestfit
+ * @function
+ * @param {Array.<Object>} renditions available image renditions each having a width and height property
+ * @param {Number} width
+ * @param {Number} height
+ * @param {Number} scaleUpMaxPixels the maximum pixels an asset should be scaled up
+ */
+declare function bestfit(renditions: Array<IRendition>, width: number, height: number, scaleUpMaxPixels?: number): IRendition;
+export default bestfit;

package/dist/bestfit.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setRenditionScaleUpMaxPixels = void 0;
+var log_1 = require("./log");
+var closestArea = function (width, height, renditions) {
+    var currentBest = Infinity;
+    var result;
+    // sort the renditions so we can avoid scaling up low resolutions
+    renditions.forEach(function (rendition) {
+        var widthPercentage = rendition.width / width;
+        var heightPercentage = rendition.height / height;
+        // a width percentage of 1 is exact, 2 is double, .5 half etc
+        var areaPercentage = widthPercentage * heightPercentage;
+        // img could be bigger or smaller
+        var testBest = Math.abs(1 - areaPercentage); // the closer to 0 the better
+        if (testBest < currentBest) {
+            currentBest = testBest;
+            result = rendition;
+        }
+    });
+    return result;
+};
+var SCALE_UP_MAX_PIXELS = 50;
+var setRenditionScaleUpMaxPixels = function (pixels) {
+    log_1.Logger.debug("@giphy/js-util set rendition selection scale up max pixels to ".concat(pixels));
+    SCALE_UP_MAX_PIXELS = pixels;
+};
+exports.setRenditionScaleUpMaxPixels = setRenditionScaleUpMaxPixels;
+/**
+ * Finds image rendition that best fits a given container preferring images
+ * ##### Note: all renditions are assumed to have the same aspect ratio
+ *
+ * When we have a portrait target and landscape gif, we choose a higher rendition to match
+ * the height of the portrait target, otherwise it's blurry (same applies for landscape to portrait)
+ *
+ * @name bestfit
+ * @function
+ * @param {Array.<Object>} renditions available image renditions each having a width and height property
+ * @param {Number} width
+ * @param {Number} height
+ * @param {Number} scaleUpMaxPixels the maximum pixels an asset should be scaled up
+ */
+function bestfit(renditions, width, height, scaleUpMaxPixels) {
+    if (scaleUpMaxPixels === void 0) { scaleUpMaxPixels = SCALE_UP_MAX_PIXELS; }
+    var largestRendition = renditions[0];
+    // filter out renditions that are smaller than the target width and height by scaleUpMaxPixels value
+    var testRenditions = renditions.filter(function (rendition) {
+        if (rendition.width * rendition.height > largestRendition.width * largestRendition.height) {
+            largestRendition = rendition;
+        }
+        return width - rendition.width <= scaleUpMaxPixels && height - rendition.height <= scaleUpMaxPixels;
+    });
+    // if all are too small, use the largest we have
+    if (testRenditions.length === 0) {
+        return largestRendition;
+    }
+    // find the closest area of the filtered renditions
+    return closestArea(width, height, testRenditions);
+}
+exports.default = bestfit;
+//# sourceMappingURL=bestfit.js.map

package/dist/bestfit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bestfit.js","sourceRoot":"","sources":["../src/bestfit.ts"],"names":[],"mappings":";;;AACA,6BAA8B;AAE9B,IAAM,WAAW,GAAG,UAAC,KAAa,EAAE,MAAc,EAAE,UAAwB;IACxE,IAAI,WAAW,GAAG,QAAQ,CAAA;IAC1B,IAAI,MAAkB,CAAA;IACtB,iEAAiE;IACjE,UAAU,CAAC,OAAO,CAAC,UAAC,SAAqB;QACrC,IAAM,eAAe,GAAG,SAAS,CAAC,KAAK,GAAG,KAAK,CAAA;QAC/C,IAAM,gBAAgB,GAAG,SAAS,CAAC,MAAM,GAAG,MAAM,CAAA;QAClD,6DAA6D;QAC7D,IAAM,cAAc,GAAG,eAAe,GAAG,gBAAgB,CAAA;QACzD,iCAAiC;QACjC,IAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,CAAA,CAAC,6BAA6B;QAC3E,IAAI,QAAQ,GAAG,WAAW,EAAE;YACxB,WAAW,GAAG,QAAQ,CAAA;YACtB,MAAM,GAAG,SAAS,CAAA;SACrB;IACL,CAAC,CAAC,CAAA;IACF,OAAO,MAAO,CAAA;AAClB,CAAC,CAAA;AAED,IAAI,mBAAmB,GAAG,EAAE,CAAA;AACrB,IAAM,4BAA4B,GAAG,UAAC,MAAc;IACvD,YAAM,CAAC,KAAK,CAAC,wEAAiE,MAAM,CAAE,CAAC,CAAA;IACvF,mBAAmB,GAAG,MAAM,CAAA;AAChC,CAAC,CAAA;AAHY,QAAA,4BAA4B,gCAGxC;AACD;;;;;;;;;;;;;GAaG;AACH,SAAS,OAAO,CACZ,UAA6B,EAC7B,KAAa,EACb,MAAc,EACd,gBAA8C;IAA9C,iCAAA,EAAA,sCAA8C;IAEzC,IAAA,gBAAgB,GAAI,UAAU,GAAd,CAAc;IACnC,oGAAoG;IACpG,IAAM,cAAc,GAAG,UAAU,CAAC,MAAM,CAAC,UAAA,SAAS;QAC9C,IAAI,SAAS,CAAC,KAAK,GAAG,SAAS,CAAC,MAAM,GAAG,gBAAgB,CAAC,KAAK,GAAG,gBAAgB,CAAC,MAAM,EAAE;YACvF,gBAAgB,GAAG,SAAS,CAAA;SAC/B;QACD,OAAO,KAAK,GAAG,SAAS,CAAC,KAAK,IAAI,gBAAgB,IAAI,MAAM,GAAG,SAAS,CAAC,MAAM,IAAI,gBAAgB,CAAA;IACvG,CAAC,CAAC,CAAA;IACF,gDAAgD;IAChD,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;QAC7B,OAAO,gBAAgB,CAAA;KAC1B;IACD,mDAAmD;IACnD,OAAO,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,CAAA;AACrD,CAAC;AAED,kBAAe,OAAO,CAAA"}

package/dist/collections.d.ts

@@ -0,0 +1,5 @@
+export declare function mapValues(object: any, mapFn: (val: any, key: string) => any): any;
+export declare function forEach(object: any, mapFn: (val: any, key: any) => void): void;
+export declare function take<T>(arr: T[], count?: number): T[];
+export declare function without<T>(arr: T[], values: T[]): T[];
+export declare function pick<T extends object, U extends keyof T>(object: T, pick: Array<U>): Pick<T, U>;

package/dist/collections.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pick = exports.without = exports.take = exports.forEach = exports.mapValues = void 0;
+function mapValues(object, mapFn) {
+    if (Array.isArray(object)) {
+        throw "This map is just for objects, just use array.map for arrays";
+    }
+    return Object.keys(object).reduce(function (result, key) {
+        result[key] = mapFn(object[key], key);
+        return result;
+    }, {});
+}
+exports.mapValues = mapValues;
+function forEach(object, mapFn) {
+    if (Array.isArray(object)) {
+        throw "This map is just for objects, just use array.forEach for arrays";
+    }
+    return Object.keys(object).forEach(function (key) {
+        mapFn(object[key], key);
+    });
+}
+exports.forEach = forEach;
+function take(arr, count) {
+    if (count === void 0) { count = 0; }
+    return arr.slice(0, count);
+}
+exports.take = take;
+function without(arr, values) {
+    return arr.filter(function (val) { return values.indexOf(val) === -1; });
+}
+exports.without = without;
+function pick(object, pick) {
+    var res = {};
+    pick.forEach(function (key) {
+        if (object[key] !== undefined) {
+            res[key] = object[key];
+        }
+    });
+    return res;
+}
+exports.pick = pick;
+//# sourceMappingURL=collections.js.map

package/dist/collections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collections.js","sourceRoot":"","sources":["../src/collections.ts"],"names":[],"mappings":";;;AAAA,SAAgB,SAAS,CAAC,MAAW,EAAE,KAAqC;IACxE,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACvB,MAAM,6DAA6D,CAAA;KACtE;IACD,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,UAAC,MAAW,EAAE,GAAW;QACvD,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAA;QACrC,OAAO,MAAM,CAAA;IACjB,CAAC,EAAE,EAAE,CAAC,CAAA;AACV,CAAC;AARD,8BAQC;AAED,SAAgB,OAAO,CAAC,MAAW,EAAE,KAAmC;IACpE,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QACvB,MAAM,iEAAiE,CAAA;KAC1E;IACD,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,UAAC,GAAW;QAC3C,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAA;IAC3B,CAAC,CAAC,CAAA;AACN,CAAC;AAPD,0BAOC;AAED,SAAgB,IAAI,CAAI,GAAQ,EAAE,KAAS;IAAT,sBAAA,EAAA,SAAS;IACvC,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;AAC9B,CAAC;AAFD,oBAEC;AAED,SAAgB,OAAO,CAAI,GAAQ,EAAE,MAAW;IAC5C,OAAO,GAAG,CAAC,MAAM,CAAC,UAAA,GAAG,IAAI,OAAA,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAA1B,CAA0B,CAAC,CAAA;AACxD,CAAC;AAFD,0BAEC;AAED,SAAgB,IAAI,CAAsC,MAAS,EAAE,IAAc;IAC/E,IAAM,GAAG,GAAe,EAAE,CAAA;IAC1B,IAAI,CAAC,OAAO,CAAC,UAAC,GAAM;QAChB,IAAI,MAAM,CAAC,GAAG,CAAC,KAAK,SAAS,EAAE;YAC3B,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;SACzB;IACL,CAAC,CAAC,CAAA;IACF,OAAO,GAAiB,CAAA;AAC5B,CAAC;AARD,oBAQC"}

package/dist/get-client-rect-from-el.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @param el HTMLElement
+ * @returns calculated properties of DOMReact
+ */
+declare const getClientRect: (el: HTMLElement) => DOMRectReadOnly;
+export default getClientRect;

package/dist/get-client-rect-from-el.js

@@ -0,0 +1,42 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @param el HTMLElement
+ * @returns calculated properties of DOMReact
+ */
+var getClientRect = function (el) {
+    var left = 0;
+    var top = 0;
+    var width = el.offsetWidth;
+    var height = el.offsetHeight;
+    // no layout thrash
+    do {
+        left += el.offsetLeft;
+        top += el.offsetTop;
+        el = el.offsetParent;
+    } while (el);
+    var result = {
+        left: left,
+        top: top,
+        width: width,
+        height: height,
+        right: left + width,
+        bottom: top + height,
+        x: left,
+        y: top,
+    };
+    return __assign(__assign({}, result), { toJSON: function () { return JSON.stringify(result); } });
+};
+exports.default = getClientRect;
+//# sourceMappingURL=get-client-rect-from-el.js.map

package/dist/get-client-rect-from-el.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-client-rect-from-el.js","sourceRoot":"","sources":["../src/get-client-rect-from-el.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA;;;GAGG;AACH,IAAM,aAAa,GAAG,UAAC,EAAe;IAClC,IAAI,IAAI,GAAG,CAAC,CAAA;IACZ,IAAI,GAAG,GAAG,CAAC,CAAA;IACX,IAAM,KAAK,GAAG,EAAE,CAAC,WAAW,CAAA;IAC5B,IAAM,MAAM,GAAG,EAAE,CAAC,YAAY,CAAA;IAC9B,mBAAmB;IACnB,GAAG;QACC,IAAI,IAAI,EAAE,CAAC,UAAU,CAAA;QACrB,GAAG,IAAI,EAAE,CAAC,SAAS,CAAA;QACnB,EAAE,GAAG,EAAE,CAAC,YAA2B,CAAA;KACtC,QAAQ,EAAE,EAAC;IACZ,IAAM,MAAM,GAAG;QACX,IAAI,MAAA;QACJ,GAAG,KAAA;QACH,KAAK,OAAA;QACL,MAAM,QAAA;QACN,KAAK,EAAE,IAAI,GAAG,KAAK;QACnB,MAAM,EAAE,GAAG,GAAG,MAAM;QACpB,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,GAAG;KACT,CAAA;IACD,6BAAY,MAAM,KAAE,MAAM,EAAE,cAAM,OAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAtB,CAAsB,IAAE;AAC9D,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}

package/dist/get-pingback-id.d.ts

@@ -0,0 +1,2 @@
+declare const getPingbackId: () => string;
+export default getPingbackId;

package/dist/get-pingback-id.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var uuid_1 = require("uuid");
+var pingbackId = '';
+var idLength = 16;
+/* istanbul ignore next */
+var noUUIDRandom = function () {
+    var result = '';
+    var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    var charactersLength = characters.length;
+    for (var i = 0; i < idLength; i++) {
+        result += characters.charAt(Math.floor(Math.random() * charactersLength));
+    }
+    return result;
+};
+var getPingbackId = function () {
+    // it exists in memory
+    if (!pingbackId) {
+        try {
+            // it exists in storage
+            pingbackId = sessionStorage.getItem('giphyPingbackId');
+        }
+        catch (_) { }
+        if (!pingbackId) {
+            // we need to create it
+            var hexTime = new Date().getTime().toString(16); // was told to mimic what we had
+            try {
+                // React Native doesn't support uuid without a polyfill
+                pingbackId = "".concat(hexTime).concat((0, uuid_1.v4)().replace(/-/g, '')).substring(0, idLength); // 16 character max
+            }
+            catch (error) {
+                /* istanbul ignore next */
+                pingbackId = noUUIDRandom();
+            }
+            try {
+                // save in storage
+                sessionStorage.setItem('giphyPingbackId', pingbackId);
+            }
+            catch (_) { }
+        }
+    }
+    return pingbackId;
+};
+exports.default = getPingbackId;
+//# sourceMappingURL=get-pingback-id.js.map

package/dist/get-pingback-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-pingback-id.js","sourceRoot":"","sources":["../src/get-pingback-id.ts"],"names":[],"mappings":";;AAAA,6BAAiC;AACjC,IAAI,UAAU,GAAG,EAAE,CAAA;AAEnB,IAAM,QAAQ,GAAG,EAAE,CAAA;AAEnB,0BAA0B;AAC1B,IAAM,YAAY,GAAG;IACjB,IAAI,MAAM,GAAG,EAAE,CAAA;IACf,IAAM,UAAU,GAAG,gEAAgE,CAAA;IACnF,IAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAA;IAC1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE;QAC/B,MAAM,IAAI,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,gBAAgB,CAAC,CAAC,CAAA;KAC5E;IACD,OAAO,MAAM,CAAA;AACjB,CAAC,CAAA;AACD,IAAM,aAAa,GAAG;IAClB,sBAAsB;IACtB,IAAI,CAAC,UAAU,EAAE;QACb,IAAI;YACA,uBAAuB;YACvB,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,iBAAiB,CAAW,CAAA;SACnE;QAAC,OAAO,CAAC,EAAE,GAAE;QACd,IAAI,CAAC,UAAU,EAAE;YACb,uBAAuB;YACvB,IAAM,OAAO,GAAG,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA,CAAC,gCAAgC;YAClF,IAAI;gBACA,uDAAuD;gBACvD,UAAU,GAAG,UAAG,OAAO,SAAG,IAAA,SAAI,GAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAE,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAA,CAAC,mBAAmB;aAClG;YAAC,OAAO,KAAK,EAAE;gBACZ,0BAA0B;gBAC1B,UAAU,GAAG,YAAY,EAAE,CAAA;aAC9B;YACD,IAAI;gBACA,kBAAkB;gBAClB,cAAc,CAAC,OAAO,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAA;aACxD;YAAC,OAAO,CAAC,EAAE,GAAE;SACjB;KACJ;IACD,OAAO,UAAU,CAAA;AACrB,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}

package/dist/gif-utils.d.ts

@@ -0,0 +1,23 @@
+import { IGif, IImage, IImages, IRendition } from '@giphy/js-types';
+export declare const getSpecificRendition: ({ images, is_sticker: isSticker }: IGif, renditionLabel: string, isStill?: boolean, useVideo?: boolean) => string;
+interface IRenditionWithName extends IRendition {
+    renditionName: keyof IImages;
+}
+export declare const getBestVideo: (video: IGif['video'], width: number, height: number) => IImage | undefined;
+export declare const getBestRendition: (images: IImages, gifWidth: number, gifHeight: number, scaleUpMaxPixels?: number) => IRenditionWithName;
+type Options = {
+    isStill?: boolean;
+    useVideo?: boolean;
+    scaleUpMaxPixels?: number;
+};
+export declare const getBestRenditionUrl: ({ images, video, type }: IGif, gifWidth: number, gifHeight: number, options?: Options) => keyof IImages | '';
+export declare const getGifHeight: ({ images }: IGif, gifWidth: number) => number;
+export declare const getGifWidth: ({ images }: IGif, gifHeight: number) => number;
+/**
+ * GIF Text - Alt Text: Generates alt text for
+ * GIF images based on username and tags.
+ * @prop  {Gif}
+ * @return {String} GIF alt text.
+ */
+export declare const getAltText: ({ alt_text, user, tags, is_sticker, title }: IGif) => string;
+export {};

package/dist/gif-utils.js

@@ -0,0 +1,125 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAltText = exports.getGifWidth = exports.getGifHeight = exports.getBestRenditionUrl = exports.getBestRendition = exports.getBestVideo = exports.getSpecificRendition = void 0;
+var bestfit_1 = __importDefault(require("./bestfit"));
+var collections_1 = require("./collections");
+var webp_check_1 = require("./webp-check");
+var getSpecificRendition = function (_a, renditionLabel, isStill, useVideo) {
+    var images = _a.images, isSticker = _a.is_sticker;
+    if (isStill === void 0) { isStill = false; }
+    if (useVideo === void 0) { useVideo = false; }
+    if (!images || !renditionLabel)
+        return '';
+    isStill = isStill && !useVideo;
+    // @ts-ignore come back to this
+    var rendition = images["".concat(renditionLabel).concat(isStill ? '_still' : '')];
+    if (rendition) {
+        if (isSticker || isStill) {
+            return rendition.url;
+        }
+        var webP = webp_check_1.SUPPORTS_WEBP && rendition.webp;
+        return useVideo ? rendition.mp4 : webP || rendition.url;
+    }
+    return '';
+};
+exports.getSpecificRendition = getSpecificRendition;
+var getBestVideo = function (video, width, height) {
+    var assets = video === null || video === void 0 ? void 0 : video.assets;
+    if (assets) {
+        assets = __assign({}, assets);
+        // @ts-ignore we don't show source according to the existing code
+        delete assets.source;
+        var filteredAssets = Object.values(assets).sort(function (a, b) { return a.width - b.width; });
+        return (0, bestfit_1.default)(filteredAssets, width, height);
+    }
+};
+exports.getBestVideo = getBestVideo;
+var getRenditions = function (type, images, video) {
+    return type === 'video' && video && video.previews && !Object.keys(images).length ? video.previews : images;
+};
+var getBestRendition = function (images, gifWidth, gifHeight, scaleUpMaxPixels) {
+    var checkRenditions = (0, collections_1.pick)(images, [
+        'original',
+        'fixed_width',
+        'fixed_height',
+        'fixed_width_small',
+        'fixed_height_small',
+    ]);
+    var testImages = Object.entries(checkRenditions).map(function (_a) {
+        var renditionName = _a[0], val = _a[1];
+        return (__assign({ renditionName: renditionName }, val));
+    });
+    return (0, bestfit_1.default)(testImages, gifWidth, gifHeight, scaleUpMaxPixels);
+};
+exports.getBestRendition = getBestRendition;
+var getBestRenditionUrl = function (_a, gifWidth, gifHeight, options) {
+    var images = _a.images, video = _a.video, type = _a.type;
+    if (options === void 0) { options = { isStill: false, useVideo: false }; }
+    if (!gifWidth || !gifHeight || !images)
+        return '';
+    var useVideo = options.useVideo, isStill = options.isStill, scaleUpMaxPixels = options.scaleUpMaxPixels;
+    var renditions = getRenditions(type, images, video);
+    var renditionName = (0, exports.getBestRendition)(renditions, gifWidth, gifHeight, scaleUpMaxPixels).renditionName;
+    // still, video, webp or gif
+    var key = "".concat(renditionName).concat(isStill && !useVideo ? '_still' : '');
+    var rendition = renditions[key];
+    var match = useVideo ? rendition.mp4 : webp_check_1.SUPPORTS_WEBP && rendition.webp ? rendition.webp : rendition.url;
+    return (match || '');
+};
+exports.getBestRenditionUrl = getBestRenditionUrl;
+var getGifHeight = function (_a, gifWidth) {
+    var images = _a.images;
+    var fixed_width = images.fixed_width;
+    if (fixed_width) {
+        var width = fixed_width.width, height = fixed_width.height;
+        var aspectRatio = width / height;
+        return Math.round(gifWidth / aspectRatio);
+    }
+    return 0;
+};
+exports.getGifHeight = getGifHeight;
+var getGifWidth = function (_a, gifHeight) {
+    var images = _a.images;
+    var fixed_width = images.fixed_width;
+    if (fixed_width) {
+        var width = fixed_width.width, height = fixed_width.height;
+        var aspectRatio = width / height;
+        return Math.round(gifHeight * aspectRatio);
+    }
+    return 0;
+};
+exports.getGifWidth = getGifWidth;
+/**
+ * GIF Text - Alt Text: Generates alt text for
+ * GIF images based on username and tags.
+ * @prop  {Gif}
+ * @return {String} GIF alt text.
+ */
+var getAltText = function (_a) {
+    var alt_text = _a.alt_text, user = _a.user, _b = _a.tags, tags = _b === void 0 ? [] : _b, _c = _a.is_sticker, is_sticker = _c === void 0 ? false : _c, _d = _a.title, title = _d === void 0 ? '' : _d;
+    if (alt_text) {
+        return alt_text;
+    }
+    if (title) {
+        return title;
+    }
+    var username = (user && user.username) || '';
+    var filteredTags = (0, collections_1.take)((0, collections_1.without)(tags, ['transparent']), username ? 4 : 5);
+    return "".concat(username ? "".concat(username, " ") : "").concat(filteredTags.join(' '), " ").concat(is_sticker ? 'Sticker' : 'GIF');
+};
+exports.getAltText = getAltText;
+//# sourceMappingURL=gif-utils.js.map

package/dist/gif-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gif-utils.js","sourceRoot":"","sources":["../src/gif-utils.ts"],"names":[],"mappings":"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"}

package/dist/index.cjs

@@ -1,10 +1,12 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -32,6 +34,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -43,6 +53,7 @@ __export(src_exports, {
   appendGiphySDKRequestParam: () => appendGiphySDKRequestParam,
   bestfit: () => bestfit_default,
   checkIfWebP: () => checkIfWebP,
+  constructMoatData: () => constructMoatData,
   forEach: () => forEach,
   getAltText: () => getAltText,
   getBestRendition: () => getBestRendition,
@@ -54,6 +65,7 @@ __export(src_exports, {
   getGiphySDKRequestHeaders: () => getGiphySDKRequestHeaders,
   getPingbackId: () => get_pingback_id_default,
   getSpecificRendition: () => getSpecificRendition,
+  injectTrackingPixel: () => tracking_pixel_default,
   mapValues: () => mapValues,
   pick: () => pick,
   setRenditionScaleUpMaxPixels: () => setRenditionScaleUpMaxPixels,
@@ -166,6 +178,32 @@ function pick(object, pick2) {
   return res;
 }
 
+// src/construct-moat-data.ts
+var constructMoatData = ({ tdata }) => {
+  var _a;
+  const [moatTrackerData] = ((_a = tdata == null ? void 0 : tdata.web) == null ? void 0 : _a.filter((tracker) => tracker.vendor === "Moat")) || [];
+  if (moatTrackerData == null ? void 0 : moatTrackerData.verificationParameters) {
+    const {
+      moatClientLevel1 = "_ADVERTISER_",
+      moatClientLevel2 = "_CAMPAIGN_",
+      moatClientLevel3 = "_LINE_ITEM_",
+      moatClientLevel4 = "_CREATIVE_",
+      moatClientSlicer1 = "_SITE_",
+      moatClientSlicer2 = "_PLACEMENT_",
+      zMoatPosition = "_POSITION_"
+    } = moatTrackerData.verificationParameters;
+    return {
+      moatClientLevel1,
+      moatClientLevel2,
+      moatClientLevel3,
+      moatClientLevel4,
+      moatClientSlicer1,
+      moatClientSlicer2,
+      zMoatPosition
+    };
+  }
+};
+
 // src/get-client-rect-from-el.ts
 var getClientRect = (el) => {
   let left = 0;
@@ -338,6 +376,22 @@ var appendGiphySDKRequestParam = (key, value) => {
   var _a;
   return (_a = getGiphySDKRequestHeaders()) == null ? void 0 : _a.set(key, value);
 };
+
+// src/tracking-pixel.ts
+var import_dompurify = __toESM(require("dompurify"), 1);
+var injectTrackingPixel = (tags = []) => {
+  tags.forEach((tag) => {
+    var _a;
+    const el = document.createElement("html");
+    tag = tag.replace("%%CACHEBUSTER%%", Date.now().toString());
+    el.innerHTML = import_dompurify.default.sanitize(tag);
+    const pixel = el.querySelector("img");
+    if (pixel) {
+      (_a = document == null ? void 0 : document.querySelector("head")) == null ? void 0 : _a.appendChild(pixel);
+    }
+  });
+};
+var tracking_pixel_default = injectTrackingPixel;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   LogLevel,
@@ -346,6 +400,7 @@ var appendGiphySDKRequestParam = (key, value) => {
   appendGiphySDKRequestParam,
   bestfit,
   checkIfWebP,
+  constructMoatData,
   forEach,
   getAltText,
   getBestRendition,
@@ -357,6 +412,7 @@ var appendGiphySDKRequestParam = (key, value) => {
   getGiphySDKRequestHeaders,
   getPingbackId,
   getSpecificRendition,
+  injectTrackingPixel,
   mapValues,
   pick,
   setRenditionScaleUpMaxPixels,

package/dist/index.d.cts

@@ -0,0 +1,102 @@
+import { IRendition, IGif, IImage, IImages } from '@giphy/js-types';
+
+declare const setRenditionScaleUpMaxPixels: (pixels: number) => void;
+/**
+ * Finds image rendition that best fits a given container preferring images
+ * ##### Note: all renditions are assumed to have the same aspect ratio
+ *
+ * When we have a portrait target and landscape gif, we choose a higher rendition to match
+ * the height of the portrait target, otherwise it's blurry (same applies for landscape to portrait)
+ *
+ * @name bestfit
+ * @function
+ * @param {Array.<Object>} renditions available image renditions each having a width and height property
+ * @param {Number} width
+ * @param {Number} height
+ * @param {Number} scaleUpMaxPixels the maximum pixels an asset should be scaled up
+ */
+declare function bestfit(renditions: Array<IRendition>, width: number, height: number, scaleUpMaxPixels?: number): IRendition;
+
+declare function mapValues(object: any, mapFn: (val: any, key: string) => any): any;
+declare function forEach(object: any, mapFn: (val: any, key: any) => void): void;
+declare function take<T>(arr: T[], count?: number): T[];
+declare function without<T>(arr: T[], values: T[]): T[];
+declare function pick<T extends object, U extends keyof T>(object: T, pick: Array<U>): Pick<T, U>;
+
+type MoatData = {
+    moatClientLevel1: string;
+    moatClientLevel2: string;
+    moatClientLevel3: string;
+    moatClientLevel4: string;
+    moatClientSlicer1: string;
+    moatClientSlicer2: string;
+    zMoatPosition: string;
+    zMoatSession?: string;
+};
+type Tracker = {
+    vendor: string;
+    verificationParameters: any;
+};
+type TData = {
+    web?: Tracker[];
+};
+declare const constructMoatData: ({ tdata }: {
+    tdata: TData;
+}) => MoatData | undefined;
+
+/**
+ * @param el HTMLElement
+ * @returns calculated properties of DOMReact
+ */
+declare const getClientRect: (el: HTMLElement) => DOMRectReadOnly;
+
+declare const getPingbackId: () => string;
+
+declare const getSpecificRendition: ({ images, is_sticker: isSticker }: IGif, renditionLabel: string, isStill?: boolean, useVideo?: boolean) => string;
+interface IRenditionWithName extends IRendition {
+    renditionName: keyof IImages;
+}
+declare const getBestVideo: (video: IGif['video'], width: number, height: number) => IImage | undefined;
+declare const getBestRendition: (images: IImages, gifWidth: number, gifHeight: number, scaleUpMaxPixels?: number) => IRenditionWithName;
+type Options = {
+    isStill?: boolean;
+    useVideo?: boolean;
+    scaleUpMaxPixels?: number;
+};
+declare const getBestRenditionUrl: ({ images, video, type }: IGif, gifWidth: number, gifHeight: number, options?: Options) => keyof IImages | '';
+declare const getGifHeight: ({ images }: IGif, gifWidth: number) => number;
+declare const getGifWidth: ({ images }: IGif, gifHeight: number) => number;
+/**
+ * GIF Text - Alt Text: Generates alt text for
+ * GIF images based on username and tags.
+ * @prop  {Gif}
+ * @return {String} GIF alt text.
+ */
+declare const getAltText: ({ alt_text, user, tags, is_sticker, title }: IGif) => string;
+
+declare enum LogLevel {
+    DEBUG = 0,
+    INFO = 1,
+    WARN = 2,
+    ERROR = 3
+}
+declare const Logger: {
+    ENABLED: boolean;
+    LEVEL: number;
+    PREFIX: string;
+    debug: (...msg: any) => void;
+    info: (...msg: any) => void;
+    warn: (...msg: any) => void;
+    error: (...msg: any) => void;
+};
+
+type GiphySDKRequestHeader = 'X-GIPHY-SDK-NAME' | 'X-GIPHY-SDK-VERSION' | 'X-GIPHY-SDK-PLATFORM';
+declare const getGiphySDKRequestHeaders: () => Headers | undefined;
+declare const appendGiphySDKRequestHeader: (key: GiphySDKRequestHeader, value: string) => void | undefined;
+declare const appendGiphySDKRequestParam: (key: GiphySDKRequestHeader, value: string) => void | undefined;
+
+declare const injectTrackingPixel: (tags?: string[]) => void;
+
+declare const checkIfWebP: Promise<unknown>;
+
+export { LogLevel, Logger, appendGiphySDKRequestHeader, appendGiphySDKRequestParam, bestfit, checkIfWebP, constructMoatData, forEach, getAltText, getBestRendition, getBestRenditionUrl, getBestVideo, getClientRect, getGifHeight, getGifWidth, getGiphySDKRequestHeaders, getPingbackId, getSpecificRendition, injectTrackingPixel, mapValues, pick, setRenditionScaleUpMaxPixels, take, without };

package/dist/index.d.ts

@@ -23,6 +23,27 @@ declare function take<T>(arr: T[], count?: number): T[];
 declare function without<T>(arr: T[], values: T[]): T[];
 declare function pick<T extends object, U extends keyof T>(object: T, pick: Array<U>): Pick<T, U>;
 
+type MoatData = {
+    moatClientLevel1: string;
+    moatClientLevel2: string;
+    moatClientLevel3: string;
+    moatClientLevel4: string;
+    moatClientSlicer1: string;
+    moatClientSlicer2: string;
+    zMoatPosition: string;
+    zMoatSession?: string;
+};
+type Tracker = {
+    vendor: string;
+    verificationParameters: any;
+};
+type TData = {
+    web?: Tracker[];
+};
+declare const constructMoatData: ({ tdata }: {
+    tdata: TData;
+}) => MoatData | undefined;
+
 /**
  * @param el HTMLElement
  * @returns calculated properties of DOMReact
@@ -74,6 +95,8 @@ declare const getGiphySDKRequestHeaders: () => Headers | undefined;
 declare const appendGiphySDKRequestHeader: (key: GiphySDKRequestHeader, value: string) => void | undefined;
 declare const appendGiphySDKRequestParam: (key: GiphySDKRequestHeader, value: string) => void | undefined;
 
+declare const injectTrackingPixel: (tags?: string[]) => void;
+
 declare const checkIfWebP: Promise<unknown>;
 
-export { LogLevel, Logger, appendGiphySDKRequestHeader, appendGiphySDKRequestParam, bestfit, checkIfWebP, forEach, getAltText, getBestRendition, getBestRenditionUrl, getBestVideo, getClientRect, getGifHeight, getGifWidth, getGiphySDKRequestHeaders, getPingbackId, getSpecificRendition, mapValues, pick, setRenditionScaleUpMaxPixels, take, without };
+export { LogLevel, Logger, appendGiphySDKRequestHeader, appendGiphySDKRequestParam, bestfit, checkIfWebP, constructMoatData, forEach, getAltText, getBestRendition, getBestRenditionUrl, getBestVideo, getClientRect, getGifHeight, getGifWidth, getGiphySDKRequestHeaders, getPingbackId, getSpecificRendition, injectTrackingPixel, mapValues, pick, setRenditionScaleUpMaxPixels, take, without };

package/dist/index.js

@@ -122,6 +122,32 @@ function pick(object, pick2) {
   return res;
 }
 
+// src/construct-moat-data.ts
+var constructMoatData = ({ tdata }) => {
+  var _a;
+  const [moatTrackerData] = ((_a = tdata == null ? void 0 : tdata.web) == null ? void 0 : _a.filter((tracker) => tracker.vendor === "Moat")) || [];
+  if (moatTrackerData == null ? void 0 : moatTrackerData.verificationParameters) {
+    const {
+      moatClientLevel1 = "_ADVERTISER_",
+      moatClientLevel2 = "_CAMPAIGN_",
+      moatClientLevel3 = "_LINE_ITEM_",
+      moatClientLevel4 = "_CREATIVE_",
+      moatClientSlicer1 = "_SITE_",
+      moatClientSlicer2 = "_PLACEMENT_",
+      zMoatPosition = "_POSITION_"
+    } = moatTrackerData.verificationParameters;
+    return {
+      moatClientLevel1,
+      moatClientLevel2,
+      moatClientLevel3,
+      moatClientLevel4,
+      moatClientSlicer1,
+      moatClientSlicer2,
+      zMoatPosition
+    };
+  }
+};
+
 // src/get-client-rect-from-el.ts
 var getClientRect = (el) => {
   let left = 0;
@@ -294,6 +320,22 @@ var appendGiphySDKRequestParam = (key, value) => {
   var _a;
   return (_a = getGiphySDKRequestHeaders()) == null ? void 0 : _a.set(key, value);
 };
+
+// src/tracking-pixel.ts
+import DOMPurify from "dompurify";
+var injectTrackingPixel = (tags = []) => {
+  tags.forEach((tag) => {
+    var _a;
+    const el = document.createElement("html");
+    tag = tag.replace("%%CACHEBUSTER%%", Date.now().toString());
+    el.innerHTML = DOMPurify.sanitize(tag);
+    const pixel = el.querySelector("img");
+    if (pixel) {
+      (_a = document == null ? void 0 : document.querySelector("head")) == null ? void 0 : _a.appendChild(pixel);
+    }
+  });
+};
+var tracking_pixel_default = injectTrackingPixel;
 export {
   LogLevel,
   Logger,
@@ -301,6 +343,7 @@ export {
   appendGiphySDKRequestParam,
   bestfit_default as bestfit,
   checkIfWebP,
+  constructMoatData,
   forEach,
   getAltText,
   getBestRendition,
@@ -312,6 +355,7 @@ export {
   getGiphySDKRequestHeaders,
   get_pingback_id_default as getPingbackId,
   getSpecificRendition,
+  tracking_pixel_default as injectTrackingPixel,
   mapValues,
   pick,
   setRenditionScaleUpMaxPixels,

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,qCAA4E;AAAnE,mHAAA,OAAO,OAAW;AAAE,uHAAA,4BAA4B,OAAA;AACzD,gDAA6B;AAC7B,qEAAoE;AAA3D,yIAAA,OAAO,OAAiB;AACjC,qDAA4D;AAAnD,iIAAA,OAAO,OAAiB;AACjC,yCAQoB;AAPhB,uGAAA,UAAU,OAAA;AACV,6GAAA,gBAAgB,OAAA;AAChB,gHAAA,mBAAmB,OAAA;AACnB,yGAAA,YAAY,OAAA;AACZ,yGAAA,YAAY,OAAA;AACZ,wGAAA,WAAW,OAAA;AACX,iHAAA,oBAAoB,OAAA;AAExB,wCAAqB;AACrB,gDAA6B;AAC7B,2CAA0C;AAAjC,yGAAA,WAAW,OAAA"}

package/dist/log.d.ts

@@ -0,0 +1,15 @@
+export declare enum LogLevel {
+    DEBUG = 0,
+    INFO = 1,
+    WARN = 2,
+    ERROR = 3
+}
+export declare const Logger: {
+    ENABLED: boolean;
+    LEVEL: number;
+    PREFIX: string;
+    debug: (...msg: any) => void;
+    info: (...msg: any) => void;
+    warn: (...msg: any) => void;
+    error: (...msg: any) => void;
+};

package/dist/log.js

@@ -0,0 +1,65 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Logger = exports.LogLevel = void 0;
+/* istanbul ignore next */
+var LogLevel;
+(function (LogLevel) {
+    LogLevel[LogLevel["DEBUG"] = 0] = "DEBUG";
+    LogLevel[LogLevel["INFO"] = 1] = "INFO";
+    LogLevel[LogLevel["WARN"] = 2] = "WARN";
+    LogLevel[LogLevel["ERROR"] = 3] = "ERROR";
+})(LogLevel = exports.LogLevel || (exports.LogLevel = {}));
+/* istanbul ignore next */
+exports.Logger = {
+    ENABLED: typeof window !== 'undefined' &&
+        typeof location !== 'undefined' &&
+        location.search.indexOf('giphy-debug') !== -1,
+    LEVEL: 0,
+    PREFIX: 'GiphyJS',
+    debug: function () {
+        var msg = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            msg[_i] = arguments[_i];
+        }
+        if (exports.Logger.ENABLED && exports.Logger.LEVEL <= LogLevel.DEBUG) {
+            console.debug.apply(console, __spreadArray([exports.Logger.PREFIX], msg, false)); // eslint-disable-line no-console
+        }
+    },
+    info: function () {
+        var msg = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            msg[_i] = arguments[_i];
+        }
+        if (exports.Logger.ENABLED && exports.Logger.LEVEL <= LogLevel.INFO) {
+            console.info.apply(console, __spreadArray([exports.Logger.PREFIX], msg, false)); // eslint-disable-line no-console
+        }
+    },
+    warn: function () {
+        var msg = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            msg[_i] = arguments[_i];
+        }
+        if (exports.Logger.ENABLED && exports.Logger.LEVEL <= LogLevel.WARN) {
+            console.warn.apply(console, __spreadArray([exports.Logger.PREFIX], msg, false)); // eslint-disable-line no-console
+        }
+    },
+    error: function () {
+        var msg = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            msg[_i] = arguments[_i];
+        }
+        if (exports.Logger.ENABLED && exports.Logger.LEVEL <= LogLevel.ERROR) {
+            console.error.apply(console, __spreadArray([exports.Logger.PREFIX], msg, false)); // eslint-disable-line no-console
+        }
+    },
+};
+//# sourceMappingURL=log.js.map

package/dist/log.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"log.js","sourceRoot":"","sources":["../src/log.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0BAA0B;AAC1B,IAAY,QAKX;AALD,WAAY,QAAQ;IAChB,yCAAS,CAAA;IACT,uCAAQ,CAAA;IACR,uCAAQ,CAAA;IACR,yCAAS,CAAA;AACb,CAAC,EALW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAKnB;AACD,0BAA0B;AACb,QAAA,MAAM,GAAG;IAClB,OAAO,EACH,OAAO,MAAM,KAAK,WAAW;QAC7B,OAAO,QAAQ,KAAK,WAAW;QAC/B,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACjD,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE;QAAC,aAAW;aAAX,UAAW,EAAX,qBAAW,EAAX,IAAW;YAAX,wBAAW;;QACf,IAAI,cAAM,CAAC,OAAO,IAAI,cAAM,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,EAAE;YAClD,OAAO,CAAC,KAAK,OAAb,OAAO,iBAAO,cAAM,CAAC,MAAM,GAAK,GAAG,UAAC,CAAC,iCAAiC;SACzE;IACL,CAAC;IACD,IAAI,EAAE;QAAC,aAAW;aAAX,UAAW,EAAX,qBAAW,EAAX,IAAW;YAAX,wBAAW;;QACd,IAAI,cAAM,CAAC,OAAO,IAAI,cAAM,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,EAAE;YACjD,OAAO,CAAC,IAAI,OAAZ,OAAO,iBAAM,cAAM,CAAC,MAAM,GAAK,GAAG,UAAC,CAAC,iCAAiC;SACxE;IACL,CAAC;IACD,IAAI,EAAE;QAAC,aAAW;aAAX,UAAW,EAAX,qBAAW,EAAX,IAAW;YAAX,wBAAW;;QACd,IAAI,cAAM,CAAC,OAAO,IAAI,cAAM,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,EAAE;YACjD,OAAO,CAAC,IAAI,OAAZ,OAAO,iBAAM,cAAM,CAAC,MAAM,GAAK,GAAG,UAAC,CAAC,iCAAiC;SACxE;IACL,CAAC;IACD,KAAK,EAAE;QAAC,aAAW;aAAX,UAAW,EAAX,qBAAW,EAAX,IAAW;YAAX,wBAAW;;QACf,IAAI,cAAM,CAAC,OAAO,IAAI,cAAM,CAAC,KAAK,IAAI,QAAQ,CAAC,KAAK,EAAE;YAClD,OAAO,CAAC,KAAK,OAAb,OAAO,iBAAO,cAAM,CAAC,MAAM,GAAK,GAAG,UAAC,CAAC,iCAAiC;SACzE;IACL,CAAC;CACJ,CAAA"}

package/dist/sdk-headers.d.ts

@@ -0,0 +1,5 @@
+type GiphySDKRequestHeader = 'X-GIPHY-SDK-NAME' | 'X-GIPHY-SDK-VERSION' | 'X-GIPHY-SDK-PLATFORM';
+export declare const getGiphySDKRequestHeaders: () => Headers | undefined;
+export declare const appendGiphySDKRequestHeader: (key: GiphySDKRequestHeader, value: string) => void | undefined;
+export declare const appendGiphySDKRequestParam: (key: GiphySDKRequestHeader, value: string) => void | undefined;
+export {};

package/dist/sdk-headers.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.appendGiphySDKRequestParam = exports.appendGiphySDKRequestHeader = exports.getGiphySDKRequestHeaders = void 0;
+var gl = ((typeof window !== 'undefined' ? window : global) || {});
+// define _GIPHY_SDK_HEADERS_ if they don't exist
+gl._GIPHY_SDK_HEADERS_ =
+    gl._GIPHY_SDK_HEADERS_ ||
+        (gl.Headers
+            ? new gl.Headers({
+                'X-GIPHY-SDK-PLATFORM': 'web',
+            })
+            : undefined);
+var getGiphySDKRequestHeaders = function () { return gl._GIPHY_SDK_HEADERS_; };
+exports.getGiphySDKRequestHeaders = getGiphySDKRequestHeaders;
+var appendGiphySDKRequestHeader = function (key, value) { var _a; return (_a = (0, exports.getGiphySDKRequestHeaders)()) === null || _a === void 0 ? void 0 : _a.set(key, value); };
+exports.appendGiphySDKRequestHeader = appendGiphySDKRequestHeader;
+var appendGiphySDKRequestParam = function (key, value) { var _a; return (_a = (0, exports.getGiphySDKRequestHeaders)()) === null || _a === void 0 ? void 0 : _a.set(key, value); };
+exports.appendGiphySDKRequestParam = appendGiphySDKRequestParam;
+//# sourceMappingURL=sdk-headers.js.map

package/dist/sdk-headers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk-headers.js","sourceRoot":"","sources":["../src/sdk-headers.ts"],"names":[],"mappings":";;;AACA,IAAM,EAAE,GAAG,CAAC,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAQ,CAAA;AAC3E,iDAAiD;AACjD,EAAE,CAAC,mBAAmB;IAClB,EAAE,CAAC,mBAAmB;QACtB,CAAC,EAAE,CAAC,OAAO;YACP,CAAC,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC;gBACX,sBAAsB,EAAE,KAAK;aAChC,CAAC;YACJ,CAAC,CAAC,SAAS,CAAC,CAAA;AAEb,IAAM,yBAAyB,GAAG,cAA2B,OAAA,EAAE,CAAC,mBAAmB,EAAtB,CAAsB,CAAA;AAA7E,QAAA,yBAAyB,6BAAoD;AAEnF,IAAM,2BAA2B,GAAG,UAAC,GAA0B,EAAE,KAAa,YACjF,OAAA,MAAA,IAAA,iCAAyB,GAAE,0CAAE,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA,EAAA,CAAA;AADnC,QAAA,2BAA2B,+BACQ;AAEzC,IAAM,0BAA0B,GAAG,UAAC,GAA0B,EAAE,KAAa,YAChF,OAAA,MAAA,IAAA,iCAAyB,GAAE,0CAAE,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA,EAAA,CAAA;AADnC,QAAA,0BAA0B,8BACS"}

package/dist/webp-check.d.ts

@@ -0,0 +1,2 @@
+export declare let SUPPORTS_WEBP: null | boolean;
+export declare const checkIfWebP: Promise<unknown>;

package/dist/webp-check.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIfWebP = exports.SUPPORTS_WEBP = void 0;
+exports.SUPPORTS_WEBP = null;
+/* istanbul ignore next */
+exports.checkIfWebP = new Promise(function (resolve) {
+    if (typeof Image === 'undefined') {
+        resolve(false);
+    }
+    var webp = new Image();
+    webp.onload = function () {
+        exports.SUPPORTS_WEBP = true;
+        resolve(exports.SUPPORTS_WEBP);
+    };
+    webp.onerror = function () {
+        exports.SUPPORTS_WEBP = false;
+        resolve(exports.SUPPORTS_WEBP);
+    };
+    webp.src =
+        'data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA';
+});
+//# sourceMappingURL=webp-check.js.map

package/dist/webp-check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webp-check.js","sourceRoot":"","sources":["../src/webp-check.ts"],"names":[],"mappings":";;;AAAW,QAAA,aAAa,GAAmB,IAAI,CAAA;AAC/C,0BAA0B;AACb,QAAA,WAAW,GAAG,IAAI,OAAO,CAAC,UAAA,OAAO;IAC1C,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;QAC9B,OAAO,CAAC,KAAK,CAAC,CAAA;KACjB;IACD,IAAM,IAAI,GAAG,IAAI,KAAK,EAAE,CAAA;IACxB,IAAI,CAAC,MAAM,GAAG;QACV,qBAAa,GAAG,IAAI,CAAA;QACpB,OAAO,CAAC,qBAAa,CAAC,CAAA;IAC1B,CAAC,CAAA;IACD,IAAI,CAAC,OAAO,GAAG;QACX,qBAAa,GAAG,KAAK,CAAA;QACrB,OAAO,CAAC,qBAAa,CAAC,CAAA;IAC1B,CAAC,CAAA;IACD,IAAI,CAAC,GAAG;QACJ,iHAAiH,CAAA;AACzH,CAAC,CAAC,CAAA"}

package/package.json

@@ -9,7 +9,7 @@
         "test:watch": "run -T jest --config ./jestconfig.js --watchAll"
     },
     "name": "@giphy/js-util",
-    "version": "5.0.0",
+    "version": "5.1.0-beta.1",
     "description": "Shared giphy js utils",
     "homepage": "https://github.com/Giphy/giphy-js/tree/master/packages/util",
     "main": "dist/index.cjs",
@@ -34,8 +34,8 @@
         "access": "public"
     },
     "dependencies": {
-        "@giphy/js-types": "*",
-        "dompurify": "^2.2.2",
+        "@giphy/js-types": "5.1.0-beta.1",
+        "dompurify": "3.1.0",
         "uuid": "^9.0.0"
     },
     "devDependencies": {

package/src/construct-moat-data.ts

@@ -0,0 +1,44 @@
+type MoatData = {
+    moatClientLevel1: string
+    moatClientLevel2: string
+    moatClientLevel3: string
+    moatClientLevel4: string
+    moatClientSlicer1: string
+    moatClientSlicer2: string
+    zMoatPosition: string
+    zMoatSession?: string
+}
+
+type Tracker = {
+    vendor: string
+    verificationParameters: any
+}
+
+type TData = {
+    web?: Tracker[]
+}
+
+export const constructMoatData = ({ tdata }: { tdata: TData }): MoatData | undefined => {
+    const [moatTrackerData] = tdata?.web?.filter((tracker) => tracker.vendor === 'Moat') || []
+    if (moatTrackerData?.verificationParameters) {
+        const {
+            moatClientLevel1 = '_ADVERTISER_',
+            moatClientLevel2 = '_CAMPAIGN_',
+            moatClientLevel3 = '_LINE_ITEM_',
+            moatClientLevel4 = '_CREATIVE_',
+            moatClientSlicer1 = '_SITE_',
+            moatClientSlicer2 = '_PLACEMENT_',
+            zMoatPosition = '_POSITION_',
+        } = moatTrackerData.verificationParameters
+
+        return {
+            moatClientLevel1,
+            moatClientLevel2,
+            moatClientLevel3,
+            moatClientLevel4,
+            moatClientSlicer1,
+            moatClientSlicer2,
+            zMoatPosition,
+        }
+    }
+}

package/src/index.ts

@@ -1,5 +1,6 @@
 export { default as bestfit, setRenditionScaleUpMaxPixels } from './bestfit'
 export * from './collections'
+export * from './construct-moat-data'
 export { default as getClientRect } from './get-client-rect-from-el'
 export { default as getPingbackId } from './get-pingback-id'
 export {
@@ -13,4 +14,5 @@ export {
 } from './gif-utils'
 export * from './log'
 export * from './sdk-headers'
+export { default as injectTrackingPixel } from './tracking-pixel'
 export { checkIfWebP } from './webp-check'

package/src/tracking-pixel.ts

@@ -0,0 +1,15 @@
+import DOMPurify from 'dompurify'
+
+const injectTrackingPixel = (tags: string[] = []) => {
+    tags.forEach((tag) => {
+        const el = document.createElement('html')
+        tag = tag.replace('%%CACHEBUSTER%%', Date.now().toString())
+        el.innerHTML = DOMPurify.sanitize(tag)
+        const pixel = el.querySelector('img')
+        if (pixel) {
+            document?.querySelector('head')?.appendChild(pixel)
+        }
+    })
+}
+
+export default injectTrackingPixel