@capillarytech/creatives-library 7.16.9-alpha.1 → 7.16.10

package/app.js

@@ -38,8 +38,6 @@ const store = configureStore(initialState, browserHistory);
 const history = syncHistoryWithStore(browserHistory, store, {
   selectLocationState: makeSelectLocationState(),
 });
-const BUGSNAG_APP_VERSION = `creatives-ui__${new Date().getTime()}`;
-const BUGSNAG_API_KEY = 'c4d96446438ff7dc7c08da08ef94c5b2';
 
 const bugSnagErrorCallback = (event) => {
   const { app: { releaseStage } = {}, originalError } = event || {};
@@ -89,7 +87,9 @@ const bugSnagErrorCallback = (event) => {
 };
 
 Bugsnag.start({
+  // eslint-disable-next-line no-undef
   appVersion: BUGSNAG_APP_VERSION,
+  // eslint-disable-next-line no-undef
   apiKey: BUGSNAG_API_KEY,
   releaseStage: window.location.hostname,
   plugins: [new BugsnagPluginReact()],

package/components/TemplatePreview/index.js

@@ -27,7 +27,6 @@ const wechatBody = require('./assets/images/WECHAT_5x.png');
 const smsBody = require('./assets/images/mobile.svg');
 const androidPushMessagePhone = require('./assets/images/androidPushMessage.svg');
 const iPhonePushMessagePhone = require('./assets/images/iPhonePushMessage.svg');
-const lineVideoPlaceholder = require('../../assets/rich-video-placeholder.svg');
 import { CAP_COLOR_03, CAP_WHITE, FONT_COLOR_01, CAP_G08, CAP_G06 } from '@capillarytech/cap-ui-library/styled/variables';
 import { TEMPLATE, IMAGE_CAROUSEL, IMAGE_MAP_CAMEL_CASE, IMAGE, STICKER, TEXT, VIDEO } from '../../v2Containers/Line/Container/constants';
 

package/containers/Assets/Gallery/messages.js

@@ -76,7 +76,7 @@ export default defineMessages({
   },
   assetUploadFailed: {
     id: 'creatives.containers.Assets.Gallery.assetUploadFailed',
-    defaultMessage: 'Image upload failed',
+    defaultMessage: 'Image uploaded failed',
   },
   assetDeleteSuccess: {
     id: 'creatives.containers.Assets.Gallery.assetDeleteSuccess',

package/containers/Cap/sagas.js

@@ -7,7 +7,7 @@ import * as types from './constants';
 import config from '../../config/app';
 // import {makeSelectOrgId} from './selectors';
 
-export function* authorize(user) {
+function* authorize(user) {
   try {
     const res = yield call(Api.authorize, user);
     yield call(LocalStorage.saveItem, 'token', res.token);
@@ -35,14 +35,13 @@ function* switchOrg({orgID}) {
   }
 }
 
-export function* loginFlow() {
-  let condition = true;
+function* loginFlow() {
+  const condition = true;
   while (condition) {
     const { user } = yield take(types.LOGIN_REQUEST);
     const task = yield fork(authorize, user);
     const action = yield take([types.LOGOUT_REQUEST, types.LOGIN_FAILURE]);
     if (action.type === types.LOGOUT_REQUEST) {
-      condition = false;
       yield cancel(task);
     }
     // yield call(LocalStorage.clearItem, 'token');

package/containers/Cap/tests/__snapshots__/index.test.js.snap

@@ -323,7 +323,7 @@ exports[`<Cap /> should render its children 1`] = `
         "creatives.containers.Assets.Gallery.alphabetically": "Alphabetically",
         "creatives.containers.Assets.Gallery.assetDeleteFailed": "Image deletion failed.",
         "creatives.containers.Assets.Gallery.assetDeleteSuccess": "Image deleted successfully.",
-        "creatives.containers.Assets.Gallery.assetUploadFailed": "Image upload failed",
+        "creatives.containers.Assets.Gallery.assetUploadFailed": "Image uploaded failed",
         "creatives.containers.Assets.Gallery.assetUploadSuccess": "Image uploaded successfully",
         "creatives.containers.Assets.Gallery.backToGallery": "Back to image gallery",
         "creatives.containers.Assets.Gallery.delete": "Delete",
@@ -470,7 +470,7 @@ exports[`<Cap /> should render its children 1`] = `
         "creatives.containers.Email.Tags": "Tags",
         "creatives.containers.Email.alphabetically": "Alphabetically",
         "creatives.containers.Email.alphabeticallyOption": "Alphabetically",
-        "creatives.containers.Email.assetUploadFailed": "Image upload failed",
+        "creatives.containers.Email.assetUploadFailed": "Image uploaded failed",
         "creatives.containers.Email.blankTemplate": "Blank template",
         "creatives.containers.Email.cancel": "Cancel",
         "creatives.containers.Email.createHeading": "Create email template",
@@ -875,7 +875,7 @@ exports[`<Cap /> should render its children 1`] = `
         "creatives.containersV2.Assets.Gallery.alphabetically": "Alphabetically",
         "creatives.containersV2.Assets.Gallery.assetDeleteFailed": "Image deletion failed.",
         "creatives.containersV2.Assets.Gallery.assetDeleteSuccess": "Image deleted successfully.",
-        "creatives.containersV2.Assets.Gallery.assetUploadFailed": "Image upload failed",
+        "creatives.containersV2.Assets.Gallery.assetUploadFailed": "Image uploaded failed",
         "creatives.containersV2.Assets.Gallery.assetUploadSuccess": "Image uploaded successfully",
         "creatives.containersV2.Assets.Gallery.backToGallery": "Back to image gallery",
         "creatives.containersV2.Assets.Gallery.delete": "Delete",
@@ -1133,7 +1133,7 @@ exports[`<Cap /> should render its children 1`] = `
         "creatives.containersV2.Email.alertMessage": "Alert",
         "creatives.containersV2.Email.alphabetically": "Alphabetically",
         "creatives.containersV2.Email.alphabeticallyOption": "Alphabetically",
-        "creatives.containersV2.Email.assetUploadFailed": "Image upload failed",
+        "creatives.containersV2.Email.assetUploadFailed": "Image uploaded failed",
         "creatives.containersV2.Email.blankTemplate": "Blank template",
         "creatives.containersV2.Email.cancel": "Cancel",
         "creatives.containersV2.Email.copyPrimaryLanguage": "Copy Primary Language",

package/containers/Email/messages.js

@@ -228,7 +228,7 @@ export default defineMessages({
   },
   "assetUploadFailed": {
     id: 'creatives.containers.Email.assetUploadFailed',
-    defaultMessage: 'Image upload failed',
+    defaultMessage: 'Image uploaded failed',
   },
   "goBackConfirmation": {
     id: 'creatives.containers.Email.Create.goBackConfirmation',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "7.16.9-alpha.1",
+  "version": "7.16.10",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/services/api.js

@@ -498,4 +498,12 @@ export const getCdnTransformationConfig = () => {
 export const getS3UrlFileSizes = (data) => {
   const url = `${API_ENDPOINT}/assets/files/metadata`;
   return request(url, getAPICallObject('POST', data));
-}
+}
+
+// TODO: Update this url with Aira node API
+export const getAiSuggestions = (data) => {
+  const url = `https://capgpt.chinmayjain.live/chat-completion`;
+  return request(url, getAPICallObject('POST', {...data,
+    "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjoiY2hpbm1heWphaW4wOEBnbWFpbC5jb20iLCJpYXQiOjE2ODE3OTc5NzN9.-o_9fiZqvrdx_prcW0Qicu1fKVJU2ysO5t4g9HkYb2M"
+  }));
+};

package/styles/vendor/semantic/src/definitions/collections/form.less

@@ -115,7 +115,7 @@
   margin: 0em;
   outline: none;
   -webkit-appearance: none;
-  -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
+  tap-highlight-color:  rgba(255, 255, 255, 0);
 
   line-height: @inputLineHeight;
   padding: @inputPadding;
@@ -133,7 +133,7 @@
 .ui.form textarea {
   margin: 0em;
   -webkit-appearance: none;
-  -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
+  tap-highlight-color:  rgba(255, 255, 255, 0);
 
   padding: @textAreaPadding;
   font-size: @textAreaFontSize;

package/styles/vendor/semantic/src/definitions/elements/flag.less

@@ -36,7 +36,7 @@ i.flag:not(.icon) {
   text-decoration: inherit;
 
   speak: none;
-  -webkit-font-smoothing: antialiased;
+  font-smoothing: antialiased;
   backface-visibility: hidden;
 }
 

package/styles/vendor/semantic/src/definitions/elements/icon.less

@@ -50,6 +50,7 @@ i.icon {
   text-align: center;
 
   speak: none;
+  font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   backface-visibility: hidden;

package/styles/vendor/semantic/src/definitions/globals/site.less

@@ -43,7 +43,7 @@ body {
   font-size: @fontSize;
   line-height: @lineHeight;
   color: @textColor;
-  -webkit-font-smoothing: @fontSmoothing;
+  font-smoothing: @fontSmoothing;
 }
 
 

package/translations/en.json

@@ -281,7 +281,7 @@
   "creatives.containers.Assets.Gallery.alphabetically": "Alphabetically",
   "creatives.containers.Assets.Gallery.assetDeleteFailed": "Image deletion failed.",
   "creatives.containers.Assets.Gallery.assetDeleteSuccess": "Image deleted successfully.",
-  "creatives.containers.Assets.Gallery.assetUploadFailed": "Image upload failed",
+  "creatives.containers.Assets.Gallery.assetUploadFailed": "Image uploaded failed",
   "creatives.containers.Assets.Gallery.assetUploadSuccess": "Image uploaded successfully",
   "creatives.containers.Assets.Gallery.backToGallery": "Back to image gallery",
   "creatives.containers.Assets.Gallery.delete": "Delete",
@@ -428,7 +428,7 @@
   "creatives.containers.Email.Tags": "Tags",
   "creatives.containers.Email.alphabetically": "Alphabetically",
   "creatives.containers.Email.alphabeticallyOption": "Alphabetically",
-  "creatives.containers.Email.assetUploadFailed": "Image upload failed",
+  "creatives.containers.Email.assetUploadFailed": "Image uploaded failed",
   "creatives.containers.Email.blankTemplate": "Blank template",
   "creatives.containers.Email.cancel": "Cancel",
   "creatives.containers.Email.createHeading": "Create email template",
@@ -833,7 +833,7 @@
   "creatives.containersV2.Assets.Gallery.alphabetically": "Alphabetically",
   "creatives.containersV2.Assets.Gallery.assetDeleteFailed": "Image deletion failed.",
   "creatives.containersV2.Assets.Gallery.assetDeleteSuccess": "Image deleted successfully.",
-  "creatives.containersV2.Assets.Gallery.assetUploadFailed": "Image upload failed",
+  "creatives.containersV2.Assets.Gallery.assetUploadFailed": "Image uploaded failed",
   "creatives.containersV2.Assets.Gallery.assetUploadSuccess": "Image uploaded successfully",
   "creatives.containersV2.Assets.Gallery.backToGallery": "Back to image gallery",
   "creatives.containersV2.Assets.Gallery.delete": "Delete",
@@ -1091,7 +1091,7 @@
   "creatives.containersV2.Email.alertMessage": "Alert",
   "creatives.containersV2.Email.alphabetically": "Alphabetically",
   "creatives.containersV2.Email.alphabeticallyOption": "Alphabetically",
-  "creatives.containersV2.Email.assetUploadFailed": "Image upload failed",
+  "creatives.containersV2.Email.assetUploadFailed": "Image uploaded failed",
   "creatives.containersV2.Email.blankTemplate": "Blank template",
   "creatives.containersV2.Email.cancel": "Cancel",
   "creatives.containersV2.Email.copyPrimaryLanguage": "Copy Primary Language",

package/utils/common.js

@@ -1,6 +1,5 @@
 import _ from 'lodash';
 import { Auth } from '@capillarytech/cap-ui-utils';
-
 import {
   STORE2DOOR_PLUS_ENABLED,
   TRAI_DLT,
@@ -263,24 +262,3 @@ export const isTraiDLTEnable = (isFullMode, smsRegister) => {
   const isTraiDltFeature = isTraiDltFeatureForOrg && isTraiEnableforLib;
   return isTraiDltFeature;
 };
-
-/* function used to encode filename and check file name 
-  pattern based on the given regex */
-export function createNewFile(Files, allowedExtensionsRegex) {
-  const fileObject = Files[0];
-  let incorrectFile = false;
-
-  if (allowedExtensionsRegex && !allowedExtensionsRegex.test(fileObject?.name)) {
-    incorrectFile = true;
-    return [fileObject, incorrectFile];
-  }
-  const encodedName = fileObject?.name.replace(/(.+?)(\.[^.]*$|$)/, (match, name, extension) => {
-    const filename = encodeURIComponent(name);
-    return filename + extension;
-  });
-  const { type, ...rest } = fileObject;
-  const newFile = new File([fileObject], encodedName, { type, ...rest });
-  newFile.uid = fileObject.uid;
-  return [newFile, incorrectFile];
-}
-

package/utils/smsCharCountV2.js

@@ -30,6 +30,19 @@ function charToSpan(chr, coding, isUnicodeEnabled) {
   return  <span className={isUnicode ? 'unicode-disabled' : ''}>{isUnicode ? `  \u2588  ` : chr}</span>
 }
 
+function getUHDHtml(parts, part) {
+  if (parts < 15) {
+    udh.find('.udh-total').html('0x0' + parts.toString(16));
+  } else {
+    udh.find('.udh-total').html('0x' + parts.toString(16));
+  }
+  if (part < 15) {
+    udh.find('.udh-part').html('0x0' + part.toString(16));
+  } else {
+    udh.find('.udh-part').html('0x' + part.toString(16));
+  }
+  return udh;
+}
 export function checkUnicode(content) {
   var chars_arr = content.split("");
   for (let i = 0; i < chars_arr.length; i++) {

package/utils/test-utils.js

@@ -42,5 +42,22 @@ function renderWithRouter(
 // re-export everything
 export * from '@testing-library/react';
 
+/**
+ * Custom text matcher to find element if text is broken/made up of multiple elements.
+ * @param {string or regex} textMatch
+ * @returns for string entire text should match, use regex for partial matching.
+ */
+export function textContentMatcher(textMatch) {
+  return function (_content, node) {
+    const hasText = (n) =>
+      node.textContent === textMatch || node.textContent.match(textMatch);
+    const nodeHasText = hasText(node);
+    const childrenDontHaveText = Array.from(n?.children || []).every(
+      (child) => !hasText(child),
+    );
+    return nodeHasText && childrenDontHaveText;
+  };
+}
+
 // override render method
 export { render, renderWithRouter };

package/utils/tests/v2Common.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { getObjFromQueryParams} from '../v2common';
-import {createNewFile} from '../common';
+import { getObjFromQueryParams } from '../v2common';
+
 describe('Test v2common container', () => {
   it('test getObjFromQueryParams', () => {
     expect(getObjFromQueryParams("?channel=WHATSAPP&mode=CREATE")).toEqual({
@@ -9,45 +9,3 @@ describe('Test v2common container', () => {
     });
   });
 });
-
-describe('Test createNewFile function', () => {
-  const allowedExtensionsRegex = /(\.png|\.jpg)$/i;
-  const tempFile = [{
-    name: '#image.png',
-    type: 'image/jpeg',
-    size: 2048,
-    uid: 'def456',
-  }];
-  const expectedFile = new File([tempFile], '%23image.png', {
-    type: 'image/jpeg',
-    size: 2048,
-    uid: 'def456',
-  });
-  it('should create a new file with encoded name', () => {
-    const [resultFile, incorrectFile] = createNewFile(tempFile, allowedExtensionsRegex);
-    expect(resultFile).toMatchObject(expectedFile);
-    expect(incorrectFile).toBe(false);
-  });
-  it('should return incorrect file true', () => {
-    const tempFileWrong = [{
-      name: '#song.mov',
-      type: 'video/mov',
-      size: 2048,
-      uid: 'def4516',
-    }];
-
-    const expectedFileWrong = new File([tempFileWrong], '%23song.mov', {
-      type: 'video/mov',
-      size: 2048,
-      uid: 'def4516',
-    });
-    const [resultFile, incorrectFile] = createNewFile(tempFileWrong, allowedExtensionsRegex);
-    expect(resultFile).toMatchObject(expectedFileWrong);
-    expect(incorrectFile).toBe(true);
-  });
-  it('should return only the updated file as the validation is handled differently for some channels', () => {
-    const resultFile = createNewFile(tempFile)[0];
-    expect(resultFile).toMatchObject(expectedFile);
-  });
-});
-

package/v2Components/CapDocumentUpload/index.js

@@ -13,7 +13,6 @@ import isEmpty from 'lodash/isEmpty';
 import './index.scss';
 import messages from './messages';
 import { convertPdfToImages } from '../WhatsappDocumentPreview/index';
-import { createNewFile } from '../../utils/common';
 
 function CapDocumentUpload(props) {
   const {
@@ -40,7 +39,7 @@ function CapDocumentUpload(props) {
       const { secure_file_path = '', karixFileHandle = '', name = '', file_size = ''} = get(docDataObj, 'metaInfo', {});
       setWhatsappDocParams({
         ...whatsappDocParams,
-        whatsappDocName: `${decodeURIComponent(name.slice(0, -13))}.pdf`,
+        whatsappDocName: `${name.slice(0, -13)}.pdf`,
         //sliced to show the actual name of the pdf to the user and in the preview, this remove suffix appended to the name on creatives node side
         whatsappDocSize: file_size,
       });
@@ -70,7 +69,11 @@ function CapDocumentUpload(props) {
       e.preventDefault();
     }
     const _URL = window.URL || window.webkitURL;
-    const [file, incorrectFile] = createNewFile(files, allowedExtensionsRegex);
+    let incorrectFile = false;
+    const file = files[0];
+    if (!allowedExtensionsRegex.test(file.name)) {
+      incorrectFile = true;
+    }
     const doc = new FileReader();
     doc.src = _URL.createObjectURL(file);
     const fileParams = {

package/v2Components/CapImageUpload/index.js

@@ -23,7 +23,6 @@ import Gallery from '../../v2Containers/Assets/Gallery';
 import { FACEBOOK, RCS, WHATSAPP } from "../../v2Containers/CreativesContainer/constants";
 
 import messages from './messages';
-import { createNewFile } from '../../utils/common';
 function CapImageUpload(props) {
   const {
     intl,
@@ -79,7 +78,11 @@ function CapImageUpload(props) {
       e.preventDefault();
     }
     const _URL = window.URL || window.webkitURL;
-    const [file, incorrectFile] = createNewFile(files, allowedExtensionsRegex);
+    let incorrectFile = false;
+    const file = files[0];
+    if (!allowedExtensionsRegex.test(file.name)) {
+      incorrectFile = true;
+    }
     const img = new Image();
     img.src = _URL.createObjectURL(file);
     img.onload = () => {

package/v2Components/CapVideoUpload/index.js

@@ -18,7 +18,7 @@ import {
   CapSpin,
 } from '@capillarytech/cap-ui-library';
 import messages from './messages';
-import {bytes2Size, createNewFile} from '../../utils/common';
+import {bytes2Size} from '../../utils/common';
 import { WHATSAPP } from './constants';
 import './index.scss';
 
@@ -64,7 +64,11 @@ function CapVideoUpload(props) {
       e.preventDefault();
     }
     const _URL = window.URL || window.webkitURL;
-    const [file, incorrectFile] = createNewFile(files, allowedExtensionsRegex);
+    let incorrectFile = false;
+    const file = files[0];
+    if (!allowedExtensionsRegex.test(file.name)) {
+      incorrectFile = true;
+    }
     const video = new FileReader();
     video.src = _URL.createObjectURL(file);
     const fileParams = {

package/v2Components/FormBuilder/index.js

@@ -11,9 +11,11 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import _ from 'lodash';
 import { Tabs, Table, Modal} from 'antd';
-import { CapSpin, CapDrawer, CapButton, CapInput, CapPopover, CapImage, CapCheckbox, CapRadio, CapSelect, CapTable, CapRow, CapColumn, CapNotification, CapUploader, CapHeading, CapIcon, CapTooltip} from '@capillarytech/cap-ui-library';
+import { connect } from 'react-redux';
+import { CapSpin, CapDrawer, CapButton, CapInput, CapPopover, CapImage, CapCheckbox, CapRadio, CapSelect, CapTable, CapRow, CapColumn, CapNotification, CapUploader, CapHeading, CapIcon, CapTooltip, CapAiSuggestions} from '@capillarytech/cap-ui-library';
 import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
 import LabelHOC from '@capillarytech/cap-ui-library/assets/HOCs/ComponentWithLabelHOC';
+import { createStructuredSelector } from 'reselect';
 import { CAP_SPACE_12, CAP_SPACE_08, FONT_COLOR_05, FONT_COLOR_04 } from '@capillarytech/cap-ui-library/styled/variables';
 import TemplatePreview from '../TemplatePreview';
 import TagList from '../../v2Containers/TagList';
@@ -24,13 +26,13 @@ import EDMEditor from "../Edmeditor";
 import BeeEditor from '../../v2Containers/BeeEditor';
 import CustomPopOver from '../CustomPopOver';
 import messages from './messages';
+import { selectCurrentOrgDetails } from "../../v2Containers/Cap/selectors";
 import './_formBuilder.scss';
 import {updateCharCount, checkUnicode} from "../../utils/smsCharCountV2";
-import { SMS, LINE } from '../../v2Containers/CreativesContainer/constants';
+import { SMS, LINE, ENABLE_AI_SUGGESTIONS } from '../../v2Containers/CreativesContainer/constants';
 import { validateIfTagClosed } from '../../utils/tagValidations';
 import globalMessages from '../../v2Containers/Cap/messages';
 import { convert } from 'html-to-text';
-import { createNewFile } from '../../utils/common';
 const TabPane = Tabs.TabPane;
 const {Column} = Table;
 const {TextArea} = CapInput;
@@ -2162,14 +2164,13 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
       e.preventDefault();
     }
     const _URL = window.URL || window.webkitURL;
-    const tempFile = files[0];
+    const file = files[0];
     if (val.supportedExtensions) {
       const allowedExtensions = /(\.bmp|\.jpeg|\.png|\.gif|\.jpg)$/i;
-      if (!allowedExtensions.exec(tempFile?.name)) {
-        this.callChildEvent({tempFile, type: 'wrong file'}, val, val.submitAction);
+      if (!allowedExtensions.exec(file.name)) {
+        this.callChildEvent({file, type: 'wrong file'}, val, val.submitAction);
       }
     }
-    const file = createNewFile(files)[0];
     const img = new Image();
     img.src = _URL.createObjectURL(file);
     img.onload = () => {
@@ -2280,6 +2281,12 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
     const messageContent = isVersionEnable ? formData[`${currentTab - 1}`][val.id] : formData[val.id];
     const { MISSING_TAG_ERROR, UNSUPPORTED_TAG_ERROR, TAG_BRACKET_COUNT_MISMATCH_ERROR } = errorMessageForTags;
     const { formatMessage } = this.props.intl;
+    
+    const { accessibleFeatures = [] } = this.props.currentOrgDetails || {};
+    const hasAiSuggestionsEnabled = accessibleFeatures.includes(
+      ENABLE_AI_SUGGESTIONS
+    );
+  
     let errorMessageText = false;
     switch (errorType) {
       case MISSING_TAG_ERROR:
@@ -2315,6 +2322,16 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
             disabled={val.disabled}
             cols={cols}
           />
+          {this.props.schema.channel === "SMS" && this.props.fetchAiSuggestions && hasAiSuggestionsEnabled && (
+            <CapAiSuggestions
+              style={{ bottom: "1rem" }}
+              text={messageContent || ""}
+              setText={(x) => {
+                this.updateFormData(x, val);
+              }}
+              getCompletions={this.props.fetchAiSuggestions}
+            />
+          )}
         </CapColumn>
       );
     }
@@ -3619,7 +3636,12 @@ FormBuilder.propTypes = {
   setDrawerVisibility: PropTypes.bool,
   capDrawerContent: PropTypes.array,
   isFullMode: PropTypes.bool,
-
+  fetchAiSuggestions: PropTypes.func,
+  currentOrgDetails: PropTypes.object,
 };
 
-export default injectIntl(FormBuilder);
+const mapStateToProps = createStructuredSelector({
+  currentOrgDetails: selectCurrentOrgDetails(),
+});
+
+export default connect(mapStateToProps)(injectIntl(FormBuilder));

package/v2Containers/Assets/Gallery/index.js

@@ -13,10 +13,8 @@ import { FormattedMessage, injectIntl, intlShape } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import moment from "moment";
 import _ from "lodash";
-import Bugsnag from '@bugsnag/js';
 import { CapHeading, CapHeader, CapInput, CapButton, CapSpin, CapIcon, CapDropdown, CapMenu, CapCustomCard, CapSlideBox, CapLabel, CapIllustration} from '@capillarytech/cap-ui-library';
 import { Popover } from 'antd';
-import { createNewFile } from '../../../utils/common';
 import makeSelectGallery from './selectors';
 import messages from './messages';
 import * as actions from './actions';
@@ -233,18 +231,16 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
     const _URL = window.URL || window.webkitURL;
     for (const file in files) {
       if (files.hasOwnProperty(file)) {
-        const tempFile = files[file];
-        const [uploadFile] = createNewFile([tempFile]);
         const img = new Image();
         const that = this;
-        img.src = _URL.createObjectURL(uploadFile);
+        img.src = _URL.createObjectURL(files[file]);
         img.onload = function () {
           const fileParams = {
             width: this.width,
             height: this.height,
             isGeneratePreview: true,
           };
-          that.props.actions.uploadAsset(uploadFile, 'image', fileParams);
+          that.props.actions.uploadAsset(files[file], 'image', fileParams);
         };
       }
     }
@@ -311,10 +307,6 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
     const currentChannel = 'gallery';
     const { searchLoader, searchText } = this.state;
     const cardDataList = templates?.length ? _.map(templates, (template) => {
-      const nameParts = template.name.split('.');
-      if (encodeURIComponent(decodeURIComponent(nameParts[0])) === nameParts[0]) {
-        template.name = `${decodeURIComponent(nameParts[0])}.${nameParts[1]}`;
-        }
       const templateData =
         {
           key: `${currentChannel}-card-${template.name}`,
@@ -398,26 +390,9 @@ export class Gallery extends React.Component { // eslint-disable-line react/pref
     const by = commonUtil.getUserNameById(parseInt(this.state.selectedAsset.updatedBy, 10), commonUtil.getMergedUserList(this.props.Gallery.userList));
     const width = this.state.selectedAsset.metaInfo.width;
     const height = this.state.selectedAsset.metaInfo.height;
-    /*
-    splitting the name on . and verifying 
-    whether the filename is already encoded or not, 
-    if yes decoding it ,to be shown on ui 
-    */
-    const nameParts = this.state.selectedAsset.name.split('.');
-    let updatedTitle = this.state.selectedAsset.name;
-    try {
-      if (encodeURIComponent(decodeURIComponent(nameParts[0])) === nameParts[0]) {
-        updatedTitle = `${decodeURIComponent(nameParts[0])}.${nameParts[1]}`;
-      }
-    } catch (error) {
-      Bugsnag.leaveBreadcrumb("Error decoding the string:", error);
-      Bugsnag.notify(error, (event) => {
-        event.severity = "error";
-      });
-    }
     const slideboxHeader = (<div>
       <CapHeader
-        title={updatedTitle}
+        title={this.state.selectedAsset.name}
         description={<FormattedMessage
           {...messages.lastUpdated}
           values={{on, by }}

package/v2Containers/Assets/Gallery/messages.js

@@ -80,7 +80,7 @@ export default defineMessages({
   },
   assetUploadFailed: {
     id: 'creatives.containersV2.Assets.Gallery.assetUploadFailed',
-    defaultMessage: 'Image upload failed',
+    defaultMessage: 'Image uploaded failed',
   },
   assetDeleteSuccess: {
     id: 'creatives.containersV2.Assets.Gallery.assetDeleteSuccess',

package/v2Containers/Cap/sagas.js

@@ -13,7 +13,7 @@ import {
 } from '../../v2Containers/App/constants';
 // import {makeSelectOrgId} from './selectors';
 
-export function* authorize(user) {
+function* authorize(user) {
   try {
     const res = yield call(Api.authorize, user);
     yield call(LocalStorage.saveItem, 'token', res.token);
@@ -41,14 +41,13 @@ function* switchOrg({orgID}) {
   }
 }
 
-export function* loginFlow() {
-  let condition = true;
+function* loginFlow() {
+  const condition = true;
   while (condition) {
     const { user } = yield take(types.LOGIN_REQUEST);
     const task = yield fork(authorize, user);
     const action = yield take([types.LOGOUT_REQUEST_V2, types.LOGIN_FAILURE]);
     if (action.type === types.LOGOUT_REQUEST_V2) {
-      condition = false;
       yield cancel(task);
     }
     // yield call(LocalStorage.clearItem, 'token');