@capillarytech/creatives-library 7.12.120 → 7.13.5

package/utils/tests/cdnTransformation.test.js

@@ -1,305 +0,0 @@
-import * as cdnUtils from "../cdnTransformation";
-import * as mockdata from "./cdnTransformation.mockdata";
-
-beforeEach(() => {
-  var localStorageMock = (function () {
-    var store = {
-      CREATIVES_CDN_TRANSFORMATION_URL_SUFFIX: "cdn-cgi/image",
-      CREATIVES_S3_BUCKET_PATH: "intouch_creative_assets",
-      CREATIVES_CDN_BASE_URL: "https://storage.crm.n.content-cdn.io",
-      CREATIVES_CDN_QUALITY_CONFIG:
-        '{"EMAIL":75,"RCS":75,"VIBER":75,"WHATSAPP":75,"MOBILE_PUSH":75,"FACEBOOK":75,"LINE":75,"DEFAULT":75}',
-    };
-    return {
-      getItem: function (key) {
-        return store[key];
-      },
-      setItem: function (key, value) {
-        store[key] = value.toString();
-      },
-      clear: function () {
-        store = {};
-      },
-      removeItem: function (key) {
-        delete store[key];
-      },
-    };
-  })();
-  Object.defineProperty(window, "localStorage", { value: localStorageMock });
-});
-
-afterEach(() => {
-  localStorage.setItem(
-    "CREATIVES_CDN_QUALITY_CONFIG",
-    '{"EMAIL":75,"RCS":75,"VIBER":75,"WHATSAPP":75,"MOBILE_PUSH":75,"FACEBOOK":75,"LINE":75,"DEFAULT":75}'
-  );
-  localStorage.setItem(
-    "CREATIVES_S3_BUCKET_PATH", "intouch_creative_assets"
-  );
-});
-
-describe("cdnTransformationTests", () => {
-  describe("getCdnUrl()", () => {
-    it("should return s3 url if bucket subfolder doesn't contain intouch_creative_assets", () => {
-      const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/test/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({
-        url: TEST_S3_URL,
-        channelName: "EMAIL",
-      });
-      expect(GENERATED_CDN_URL).toEqual(TEST_S3_URL);
-    });
-
-    it("should return s3 if channelName is not defined", () => {
-      const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({ url: TEST_S3_URL });
-      expect(GENERATED_CDN_URL).toEqual(TEST_S3_URL);
-    });
-
-    it("should return s3 if specified channelSubType doesn't exist", () => {
-      const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({
-        url: TEST_S3_URL,
-        channelName: "LINE",
-        channelSubType: "ABC",
-      });
-      expect(GENERATED_CDN_URL).toEqual(TEST_S3_URL);
-    });
-
-    it("Should replace s3 url with cdn url for email when h/w are not provided", () => {
-      const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({
-        url: TEST_S3_URL,
-        channelName: "EMAIL",
-      });
-      const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/format=auto,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
-    });
-
-    it("Should replace s3 url with cdn url for email when h/w are provided", () => {
-      const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({
-        url: TEST_S3_URL,
-        channelName: "EMAIL",
-        height: 100,
-        width: 200,
-      });
-      const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=200,height=100,format=auto,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
-    });
-
-    it("Should replace s3 url with cdn url for email when bucket name is other than intouch_creatives_assets in case of prod.", () => {
-      localStorage.setItem("CREATIVES_S3_BUCKET_PATH", "fileservice.in/intouch_creative_assets");
-      const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/fileservice.in/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({
-        url: TEST_S3_URL,
-        channelName: "EMAIL",
-        height: 100,
-        width: 200,
-      });
-      const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=200,height=100,format=auto,quality=75,/fileservice.in/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
-    });
-
-    it("Should replace s3 url with cdn url for email when bucket name is other than intouch_creatives_assets in case of prod. It should remove leading/trailing forward slashes from bucket path", () => {
-      localStorage.setItem("CREATIVES_S3_BUCKET_PATH", "/fileservice.in/intouch_creative_assets/");
-      const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/fileservice.in/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({
-        url: TEST_S3_URL,
-        channelName: "EMAIL",
-        height: 100,
-        width: 200,
-      });
-      const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=200,height=100,format=auto,quality=75,/fileservice.in/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
-    });
-
-    it("Should replace s3 url with cdn url for email for gif formats", () => {
-      const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/02557e68-6b7b-4d0e-ba6f-efcf8972.gif`;
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({
-        url: TEST_S3_URL,
-        channelName: "EMAIL",
-        height: 100,
-        width: 200,
-      });
-      const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=200,height=100,format=auto,quality=75,/intouch_creative_assets/02557e68-6b7b-4d0e-ba6f-efcf8972.gif`;
-      expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
-    });
-    
-    it("Should replace s3 url with cdn url for email without transformation for formats other than jpg/png/jpeg/gif", () => {
-      const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.avif`; //this is random url
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({
-        url: TEST_S3_URL,
-        channelName: "EMAIL",
-        height: 100,
-        width: 200,
-      });
-      const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.avif`;
-      expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
-    });
-
-    it("should replace cdn url with new cdn url for email incase h/w etc changed", () => {
-      const TEST_S3_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=200,height=100,format=auto,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({
-        url: TEST_S3_URL,
-        channelName: "EMAIL",
-        height: 400,
-        width: 500,
-      });
-      const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=500,height=400,format=auto,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
-    });
-
-    it("should replace cdn url with new cdn url incase channelName is LINE and channelSubType is RICH_MESSAGE without transformation", () => {
-      const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8`;
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({
-        url: TEST_S3_URL,
-        channelName: "LINE",
-        channelSubType: "RICH_MESSAGE",
-      });
-      const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8`;
-      expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
-    });
-
-    it("should replace cdn url with new cdn url for channels which has predefined h/w for channel", () => {
-      const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({
-        url: TEST_S3_URL,
-        channelName: "RCS",
-      });
-      const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=1440,height=720,quality=75,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
-    });
-
-    it("should return url directly if typeof CREATIVES_CDN_QUALITY_CONFIG is not object", () => {
-      localStorage.setItem("CREATIVES_CDN_QUALITY_CONFIG", "a");
-      const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({
-        url: TEST_S3_URL,
-        channelName: "EMAIL",
-      });
-      expect(GENERATED_CDN_URL).toEqual(TEST_S3_URL);
-    });
-
-    it("should return cdn url with full quality if quality is not number", () => {
-      localStorage.setItem(
-        "CREATIVES_CDN_QUALITY_CONFIG",
-        '{"EMAIL":"a","RCS":75,"VIBER":75,"WHATSAPP":75,"MOBILE_PUSH":75,"FACEBOOK":75,"LINE":75,"DEFAULT":75}'
-      );
-
-      const TEST_S3_URL = `https://crm-nightly-new-fileservice.s3.amazonaws.com/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-      const GENERATED_CDN_URL = cdnUtils.getCdnUrl({
-        url: TEST_S3_URL,
-        channelName: "EMAIL",
-        height: 100,
-        width: 200,
-      });
-      const EXPECTED_CDN_URL = `https://storage.crm.n.content-cdn.io/cdn-cgi/image/width=200,height=100,format=auto,quality=100,/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
-
-      expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
-    });
-  });
-
-  describe("updateImagesInHtml()", () => {
-    it("should update images in html", () => {
-      const htmlContentsInput = mockdata.emailRawInput;
-      const htmlContentsOutput = cdnUtils.updateImagesInHtml(htmlContentsInput);
-      const expected = mockdata.emailRawTransformed;
-      expect(htmlContentsOutput).toEqual(expected);
-    });
-
-    it("should return input itself if input is either among undefined/null/empty string", () => {
-      expect(cdnUtils.updateImagesInHtml(undefined)).toEqual(undefined);
-      expect(cdnUtils.updateImagesInHtml(null)).toEqual(null);
-      expect(cdnUtils.updateImagesInHtml("")).toEqual("");
-    });
-  });
-
-  describe("transformEmailTemplate()", () => {
-    it("should transform email template", () => {
-      const emailTemplateInput = mockdata.emailTemplateRaw;
-      const emailTemplateOutput =
-        cdnUtils.transformEmailTemplates(emailTemplateInput);
-      expect(emailTemplateOutput).toMatchSnapshot();
-    });
-  });
-
-  describe("saveCdnConfigs()", () => {
-    it("should set received input values in localStorage", () => {
-      const cdnConfigs = {
-        transformationUrlSuffix: "cdn-cgi/image",
-        hostname: "https://storage.crm.n.content-cdn.io",
-        qualityCfg: {
-          EMAIL: 75,
-          RCS: 75,
-          VIBER: 75,
-          WHATSAPP: 75,
-          MOBILE_PUSH: 75,
-          FACEBOOK: 75,
-          LINE: 75,
-          DEFAULT: 75,
-        },
-      };
-
-      const expected = {
-        CREATIVES_CDN_TRANSFORMATION_URL_SUFFIX: "cdn-cgi/image",
-        CREATIVES_CDN_BASE_URL: "https://storage.crm.n.content-cdn.io",
-        CREATIVES_CDN_QUALITY_CONFIG:
-          '{"EMAIL":75,"RCS":75,"VIBER":75,"WHATSAPP":75,"MOBILE_PUSH":75,"FACEBOOK":75,"LINE":75,"DEFAULT":75}',
-      };
-      cdnUtils.saveCdnConfigs(cdnConfigs);
-
-      expect(
-        localStorage.getItem("CREATIVES_CDN_TRANSFORMATION_URL_SUFFIX")
-      ).toBe(expected.CREATIVES_CDN_TRANSFORMATION_URL_SUFFIX);
-      expect(localStorage.getItem("CREATIVES_CDN_BASE_URL")).toBe(
-        expected.CREATIVES_CDN_BASE_URL
-      );
-      expect(localStorage.getItem("CREATIVES_CDN_QUALITY_CONFIG")).toBe(
-        expected.CREATIVES_CDN_QUALITY_CONFIG
-      );
-    });
-
-    it("should clear items from localStorage if input does not contain hostname or transformationUrlSuffix", () => {
-      const cdnConfigs = {
-        qualityCfg: {
-          EMAIL: 75,
-          RCS: 75,
-          VIBER: 75,
-          WHATSAPP: 75,
-          MOBILE_PUSH: 75,
-          FACEBOOK: 75,
-          LINE: 75,
-          DEFAULT: 75,
-        },
-      };
-
-      const expected = {
-        CREATIVES_CDN_TRANSFORMATION_URL_SUFFIX: "cdn-cgi/image",
-        CREATIVES_CDN_BASE_URL: "https://storage.crm.n.content-cdn.io",
-        CREATIVES_CDN_QUALITY_CONFIG:
-          '{"EMAIL":75,"RCS":75,"VIBER":75,"WHATSAPP":75,"MOBILE_PUSH":75,"FACEBOOK":75,"LINE":75,"DEFAULT":75}',
-      };
-      cdnUtils.saveCdnConfigs(cdnConfigs);
-
-      expect(
-        localStorage.getItem("CREATIVES_CDN_TRANSFORMATION_URL_SUFFIX")
-      ).toBe(undefined);
-      expect(localStorage.getItem("CREATIVES_CDN_BASE_URL")).toBe(undefined);
-      expect(localStorage.getItem("CREATIVES_CDN_QUALITY_CONFIG")).toBe(
-        expected.CREATIVES_CDN_QUALITY_CONFIG
-      );
-    });
-
-    it("should clear items from localStorage if input is null or empty object", () => {
-      const cdnConfigs = {};
-
-      cdnUtils.saveCdnConfigs(cdnConfigs);
-
-      expect(
-        localStorage.getItem("CREATIVES_CDN_TRANSFORMATION_URL_SUFFIX")
-      ).toBe(undefined);
-      expect(localStorage.getItem("CREATIVES_CDN_BASE_URL")).toBe(undefined);
-      expect(localStorage.getItem("CREATIVES_CDN_QUALITY_CONFIG")).toBe(undefined);
-    });
-  });
-});

package/v2Components/FormBuilder/tests/index.test.js

@@ -1,41 +0,0 @@
-import React from "react";
-import { injectIntl } from 'react-intl';
-import '@testing-library/jest-dom';
-import FormBuilder from '../index';
-import { Provider } from 'react-redux';
-import configureStore from '../../../store';
-import {
-    render,
-    screen,
-    fireEvent,
-    waitFor
-  } from '../../../utils/test-utils';
-import { mockData } from './mockData';
-
-
-const ComponentToRender = injectIntl(FormBuilder);
-const renderComponent = props => {
-  const store = configureStore({}, null);
-  return render(
-    <Provider store={store}>
-      <ComponentToRender {...props} />
-    </Provider>,
-  );
-};
-
-describe("test for checkbox form builder",() => {
-  const onFormValidityChange=jest.fn();
-    const props={
-      ...mockData,
-      onFormValidityChange
-    }
-    renderComponent(props);
-    it("add action button to notification disabled in ios", async () => {
-      const addNotifBtn=screen.getByLabelText("Add action buttons to notification")
-      expect(addNotifBtn).toBeDisabled();
-      fireEvent.mouseOver(addNotifBtn);
-      await waitFor(() => {
-        expect(screen.getByText("This section is being revamped. Till then it will remain disabled.")).toBeInTheDocument();
-      })
-    })
-})

package/v2Components/FormBuilder/tests/mockData.js

@@ -1,120 +0,0 @@
-export const mockData = {
-    schema:{
-        "containers": [
-            {
-                "id": "pane",
-                "supportedEvents": [
-                    "onTabChange"
-                ],
-                "panes": [
-                    {
-                        "isSupported": true,
-                        "sectionsHeaders": [
-                            {
-                                "type": "multicols",
-                                "inputFields": [
-                                    {
-                                        "rowStyle": {
-                                            "display": "flex",
-                                            "flex": 1
-                                        },
-                                        "cols": [
-                                            {
-                                                "id": "tab-header",
-                                                "metaType": "label",
-                                                "value": "iOS",
-                                                "primitive": true,
-                                                "dynamicTab": false,
-                                                "type": "div",
-                                                "width": 5,
-                                                "offset": 0,
-                                                "onlyDisplay": true,
-                                                "colStyle": {
-                                                    "flex": 1
-                                                },
-                                                "injectedEvents": {}
-                                            }
-                                        ]
-                                    }
-                                ],
-                                "actionFields": []
-                            }
-                        ],
-                        "sections": [
-                            {
-                                "type": "parent",
-                                "width": 16,
-                                "rowStyle": {
-                                    "height": "100%"
-                                },
-                                "childSections": [
-                                    {
-                                        "colStyle": {
-                                            "paddingTop": "16px",
-                                            "paddingLeft": "16px",
-                                            "borderRight": "1px solid #d9d9d9",
-                                            "height": "70vh",
-                                            "overflowY": "auto"
-                                        },
-                                        "width": 16,
-                                        "type": "parent",
-                                        "childSections": [
-                                            {
-                                                "type": "multicols",
-                                                "inputFields": [
-                                                    {
-                                                        "identifier": "add-sec-cta-ios",
-                                                        "cols": [
-                                                            {
-                                                                "id": "add-sec-cta-ios",
-                                                                "metaType": "label",
-                                                                "dynamicTab": false,
-                                                                "label": "Add action buttons to notification",
-                                                                "styling": "semantic",
-                                                                "type": "checkbox",
-                                                                "customComponent": false,
-                                                                "datatype": "boolean",
-                                                                "fluid": true,
-                                                                "onlyDisplay": false,
-                                                                "offset": 0,
-                                                                "colStyle": {
-                                                                    "flex": 1
-                                                                },
-                                                                "submitAction": "addSecondaryCtaIos",
-                                                                "supportedEvents": [
-                                                                    "addSecondaryCtaIos"
-                                                                ],
-                                                                "disabled": true,
-                                                                "hoverText": "This section is being revamped. Till then it will remain disabled.",
-                                                                "injectedEvents": {}
-                                                            }
-                                                        ]
-                                                    }
-                                                ],
-                                                "actionFields": []
-                                            }
-                                        ]
-                                    },
-                                ]
-                            }
-                        ]
-                    }
-                ],
-                "type": "tabs",
-                "defaultPanes": 1,
-                "additionalPanes": 0,
-                "injectedEvents": {}
-            }
-        ],
-        "channel": "MOBILEPUSH",
-        "module": "Campaigns",
-        "type": "LAYOUT"
-    },
-    location:{
-        "pathname": "/mobilepush/create/image",
-        "query": {
-            "type": false,
-            "module": "default"
-        }
-    }
-}

package/v2Components/NewCallTask/tests/index.test.js

@@ -1,36 +0,0 @@
-import React from "react";
-import { injectIntl } from 'react-intl';
-import '@testing-library/jest-dom';
-import { Provider } from 'react-redux';
-import { browserHistory } from 'react-router';
-import NewCallTask from '../index';
-import configureStore from '../../../store';
-import mockData from './mockData'
-import {
-    render,
-  } from '../../../utils/test-utils';
-import { Router } from "express";
-const ComponentToRender = injectIntl(NewCallTask);
-
-const renderComponent = (props) => {
-  const store = configureStore({}, browserHistory);
-  return render(
-    <Router>
-      <Provider store={store}>
-        <ComponentToRender {...props} />
-      </Provider>
-    </Router>,
-  );
-};
-
-describe("test for NewCallTask", () => {
-  const onCallTaskSubmit = jest.fn();
-  const props = {
-    ...mockData,
-    onCallTaskSubmit,
-  };
- 
-  it("New call task", async () => {
-    renderComponent(props);
-  });
-});

package/v2Components/NewCallTask/tests/mockData.js

@@ -1,20 +0,0 @@
-const mockData= {
-    injectedTags: {},
-    templateData: {},
-    messageDetails: {},
-    isLoading: true,
-    selectedOfferDetails: [],
-    location: {
-      pathname: "/NewCallTask",
-      query: {
-        type: false,
-        module: "default",
-      },
-    },
-    match: {
-      path: '/NewCallTask',
-      url: '/creatives/ui/v2',
-      isExact: true,
-      params: {},
-    }
-}