@capillarytech/creatives-library 7.18.0-beta.0 → 8.0.1

package/utils/customAuthWrapper.js

@@ -0,0 +1,62 @@
+/* eslint-disable no-unused-vars */
+/* eslint-disable react/no-multi-comp */
+/* eslint-disable react/prefer-stateless-function */
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import hoistStatics from 'hoist-non-react-statics';
+
+const AuthenticatingComponentWithRef = React.forwardRef((props, ref) => (
+  <div ref={ref} />
+));
+const FailureComponentWithRef = React.forwardRef((props, ref) => (
+  <div ref={ref} />
+));
+const defaults = {
+  AuthenticatingComponent: AuthenticatingComponentWithRef, // dont render anything while authenticating
+  FailureComponent: FailureComponentWithRef, // dont render anything on failure of the predicate
+  wrapperDisplayName: 'AuthWrapper',
+};
+
+export default args => {
+  const { AuthenticatingComponent, FailureComponent, wrapperDisplayName } = {
+    ...defaults,
+    ...args,
+  };
+
+  // Wraps the component that needs the auth enforcement
+  return function wrapComponent(DecoratedComponent) {
+    const displayName =
+      DecoratedComponent.displayName || DecoratedComponent.name || 'Component';
+
+    class UserAuthWrapper extends Component {
+      static displayName = `${wrapperDisplayName}(${displayName})`;
+
+      static propTypes = {
+        isAuthenticated: PropTypes.bool,
+        isAuthenticating: PropTypes.bool,
+      };
+
+      static defaultProps = {
+        isAuthenticating: false,
+      };
+
+      render() {
+        const { isAuthenticated, isAuthenticating, forwardedRef } = this.props;
+        if (isAuthenticated) {
+          return <DecoratedComponent {...this.props} ref={forwardedRef} />;
+        }
+        if (isAuthenticating) {
+          return <AuthenticatingComponent {...this.props} ref={forwardedRef} />;
+        }
+        return <FailureComponent {...this.props} ref={forwardedRef} />;
+      }
+    }
+
+    /** forwardRef from HOC to the Wrapped Component */
+    const UserAuthWrapperWithRef = React.forwardRef((props, ref) => (
+      <UserAuthWrapper {...props} forwardedRef={ref} />
+    ));
+
+    return hoistStatics(UserAuthWrapperWithRef, DecoratedComponent);
+  };
+};

package/utils/customConnectedAuthWrapper.js

@@ -0,0 +1,26 @@
+import { connect } from 'react-redux';
+
+import authWrapper from './customAuthWrapper';
+
+const connectedDefaults = {
+  authenticatingSelector: () => false,
+};
+
+export default args => {
+  const { authenticatedSelector, authenticatingSelector } = {
+    ...connectedDefaults,
+    ...args,
+  };
+
+  /** Passed withRef option set to true for forwarding Ref to Wrapped Component */
+  return DecoratedComponent =>
+    connect(
+      (state, ownProps) => ({
+        isAuthenticated: authenticatedSelector(state, ownProps),
+        isAuthenticating: authenticatingSelector(state, ownProps),
+      }),
+      null,
+      null,
+      { withRef: true },
+    )(authWrapper(args)(DecoratedComponent));
+};

package/utils/history.js

@@ -0,0 +1,8 @@
+import { createBrowserHistory } from 'history';
+import pathConfig from '../config/path';
+
+const history = createBrowserHistory({
+  basename: pathConfig.publicPath,
+});
+
+export default history;

package/utils/injectReducer.js

@@ -0,0 +1,2 @@
+import { injectReducer } from "@capillarytech/vulcan-react-sdk/utils";
+export default injectReducer;

package/utils/injectSaga.js

@@ -0,0 +1,2 @@
+import { injectSaga } from "@capillarytech/vulcan-react-sdk/utils";
+export default injectSaga;

package/utils/tagValidations.js

@@ -104,8 +104,8 @@ const indexOfEnd = (targetString, string) => {
   return io == -1 ? -1 : io + string.length;
 }
 
-const skipTags = (tag) => {
-  const regexGroups = ["dynamic_expiry_date_after_\\d+_days.FORMAT_\\d", "unsubscribe\\(#[a-zA-Z\\d]{6}\\)","Link_to_[a-zA-z]","SURVEY.*.TOKEN","^[A-Za-z].*\\([\\d]*\\)"];
+export const skipTags = (tag) => {
+  const regexGroups = ["dynamic_expiry_date_after_\\d+_days.FORMAT_\\d", "unsubscribe\\(#[a-zA-Z\\d]{6}\\)","Link_to_[a-zA-z]","SURVEY.*.TOKEN", "^[A-Za-z].*\\([a-zA-Z\\d]*\\)"];
   let skipped = false;
   lodashForEach(regexGroups, (group) => {
     const groupRegex = new RegExp(group, "g");

package/utils/tests/cdnTransformation.test.js

@@ -6,6 +6,7 @@ import * as cdnTransformationHandler from './cdnTransformation.handler.mockdata'
 
 var bugsnagSpy;
 var localStorageMock;
+jest.setTimeout(10000);
 beforeEach(() => {
   localStorageMock = (function () {
     var store = {
@@ -14,6 +15,7 @@ beforeEach(() => {
       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}',
+      S3_CDN_MAP: '{"crm-nightly-new-fileservice.s3.amazonaws.com":{"cdn_host":"storage.crm.n.content-cdn.io","bucket_path":"intouch_creative_assets"}, "crm-prod-new-fileservice.s3.amazonaws.com": { "cdn_host": "storage.crm.p.content-cdn.io", "bucket_path": "fileservice.p/intouch_creative_assets" }}',
     };
     return {
       getItem: function (key) {
@@ -98,27 +100,27 @@ describe("cdnTransformationTests", () => {
 
     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 TEST_S3_URL = `https://crm-prod-new-fileservice.s3.amazonaws.com/fileservice.p/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`;
+      const EXPECTED_CDN_URL = `https://storage.crm.p.content-cdn.io/cdn-cgi/image/width=200,height=100,format=auto,quality=75,/fileservice.p/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 TEST_S3_URL = `https://crm-prod-new-fileservice.s3.amazonaws.com/fileservice.p/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`;
+      const EXPECTED_CDN_URL = `https://storage.crm.p.content-cdn.io/cdn-cgi/image/width=200,height=100,format=auto,quality=75,/fileservice.p/intouch_creative_assets/2c9233ed-0959-4aff-b749-9171b5c8.jpg`;
       expect(GENERATED_CDN_URL).toEqual(EXPECTED_CDN_URL);
     });