@capillarytech/creatives-library 8.0.125 → 8.0.127-alpha.0

package/v2Containers/CreativesContainer/tests/__snapshots__/index.test.js.snap

@@ -14,6 +14,8 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         currentChannel="RCS"
         getFormData={[Function]}
         handleClose={[Function]}
+        handleCloseTestAndPreview={[Function]}
+        handleTestAndPreview={[Function]}
         hostName=""
         loyaltyMetaData={
           Object {
@@ -42,6 +44,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         setIsLoadingContent={[Function]}
         showLiquidErrorInFooter={[Function]}
         showTemplateName={[Function]}
+        showTestAndPreviewSlidebox={false}
         slidBoxContent="templates"
         templateData={
           Object {
@@ -96,6 +99,8 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         currentChannel="WHATSAPP"
         getFormData={[Function]}
         handleClose={[Function]}
+        handleCloseTestAndPreview={[Function]}
+        handleTestAndPreview={[Function]}
         hostName=""
         loyaltyMetaData={
           Object {
@@ -124,6 +129,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         setIsLoadingContent={[Function]}
         showLiquidErrorInFooter={[Function]}
         showTemplateName={[Function]}
+        showTestAndPreviewSlidebox={false}
         slidBoxContent="templates"
         templateData={
           Object {
@@ -178,6 +184,8 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         currentChannel="WHATSAPP"
         getFormData={[Function]}
         handleClose={[Function]}
+        handleCloseTestAndPreview={[Function]}
+        handleTestAndPreview={[Function]}
         hostName=""
         loyaltyMetaData={
           Object {
@@ -206,6 +214,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         setIsLoadingContent={[Function]}
         showLiquidErrorInFooter={[Function]}
         showTemplateName={[Function]}
+        showTestAndPreviewSlidebox={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
         weChatMaptemplateStep={0}
@@ -227,8 +236,10 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         onDiscard={[Function]}
         onEditTemplate={[Function]}
         onSave={[Function]}
+        onTestAndPreview={[Function]}
         shouldShowContinueFooter={[Function]}
         shouldShowDoneFooter={[Function]}
+        showTestAndPreviewButton={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
       />
@@ -270,6 +281,8 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         currentChannel="WHATSAPP"
         getFormData={[Function]}
         handleClose={[Function]}
+        handleCloseTestAndPreview={[Function]}
+        handleTestAndPreview={[Function]}
         hostName=""
         loyaltyMetaData={
           Object {
@@ -298,6 +311,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         setIsLoadingContent={[Function]}
         showLiquidErrorInFooter={[Function]}
         showTemplateName={[Function]}
+        showTestAndPreviewSlidebox={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
         weChatMaptemplateStep={0}
@@ -319,8 +333,10 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         onDiscard={[Function]}
         onEditTemplate={[Function]}
         onSave={[Function]}
+        onTestAndPreview={[Function]}
         shouldShowContinueFooter={[Function]}
         shouldShowDoneFooter={[Function]}
+        showTestAndPreviewButton={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
       />
@@ -362,6 +378,8 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         currentChannel="WHATSAPP"
         getFormData={[Function]}
         handleClose={[Function]}
+        handleCloseTestAndPreview={[Function]}
+        handleTestAndPreview={[Function]}
         hostName=""
         loyaltyMetaData={
           Object {
@@ -390,6 +408,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         setIsLoadingContent={[Function]}
         showLiquidErrorInFooter={[Function]}
         showTemplateName={[Function]}
+        showTestAndPreviewSlidebox={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
         weChatMaptemplateStep={0}
@@ -411,8 +430,10 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         onDiscard={[Function]}
         onEditTemplate={[Function]}
         onSave={[Function]}
+        onTestAndPreview={[Function]}
         shouldShowContinueFooter={[Function]}
         shouldShowDoneFooter={[Function]}
+        showTestAndPreviewButton={false}
         slidBoxContent="editTemplate"
         templateStep="modeSelection"
       />

package/v2Containers/Email/index.js

@@ -42,6 +42,7 @@ import injectReducer from '../../utils/injectReducer';
 import v2EmailReducer from './reducer';
 import { v2EmailSagas } from './sagas';
 import injectSaga from '../../utils/injectSaga';
+import TestAndPreviewSlidebox from '../../v2Components/TestAndPreviewSlidebox';
 
 export class Email extends React.Component { // eslint-disable-line react/prefer-stateless-function
   constructor(props) {
@@ -819,6 +820,18 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     // return response;
   }
 
+  getTemplateContent = () => {
+    const { formData, currentTab } = this.state;
+    const currentTabData = formData[currentTab - 1];
+    const activeTab = currentTabData?.activeTab;
+    
+    if (currentTabData && activeTab && currentTabData[activeTab]) {
+      return currentTabData[activeTab]['template-content'] || '';
+    }
+    
+    return '';
+  }
+
   setFormValidity = (isFormValid) => {
     this.setState({isFormValid});
   }
@@ -2660,7 +2673,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
         formData,
       };
     }, () => {
-      this.setState({
+      !this.props.showTestAndPreviewSlidebox && this.setState({
         startValidation: true,
       });
     });
@@ -2674,7 +2687,7 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     const previewHeader = (<h3>{this.props.intl.formatMessage(messages.h3emailPreview)}</h3>);
     const imagePreviewHeader = (<h3>{this.props.intl.formatMessage(messages.h3imageSelection)}</h3>);
     const imagePreviewContent = this.getImagePreviewContent();
-    const { selectedOfferDetails, getDefaultTags, Email: { CmsSettings = {} } = {}, moduleType = '' } = this.props;
+    const { selectedOfferDetails, getDefaultTags, Email: { CmsSettings = {} } = {}, moduleType = '', showTestAndPreviewSlidebox, handleTestAndPreview, handleCloseTestAndPreview } = this.props;
     if (!this.props.currentOrgDetails || !this.props.currentOrgDetails.basic_details) {
       return (<div>Loading...</div>);
     }
@@ -2768,6 +2781,15 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
           size="size-xl"
         />
         {this.state.showConfirmationModal && this.renderConfirmationModal()}
+        {/* NEW: Test and Preview Slidebox */}
+        <TestAndPreviewSlidebox
+          show={showTestAndPreviewSlidebox}
+          onClose={handleCloseTestAndPreview}
+          formData={this.state.formData}
+          beeInstance={this.beeInstance}
+          content={this.getTemplateContent()}
+          currentChannel={EMAIL}
+        />
       </div>
     );
   }
@@ -2804,6 +2826,9 @@ Email.propTypes = {
   onTestContentClicked: PropTypes.func,
   moduleType: PropTypes.string,
   showLiquidErrorInFooter: PropTypes.func,
+  showTestAndPreviewSlidebox: PropTypes.bool,
+  handleTestAndPreview: PropTypes.func,
+  handleCloseTestAndPreview: PropTypes.func,
 };
 
 const mapStateToProps = (state, props) => createStructuredSelector({

package/v2Containers/EmailWrapper/hooks/useEmailWrapper.js

@@ -50,6 +50,10 @@ const useEmailWrapper = ({
   // Props for CmsTemplates component
   cmsTemplatesLoader,
   currentOrgDetails,
+  // Props for Test and Preview Slidebox
+  showTestAndPreviewSlidebox,
+  handleTestAndPreview,
+  handleCloseTestAndPreview,
 }) => {
   // State management
   const [templateName, setTemplateName] = useState('');
@@ -287,6 +291,9 @@ const useEmailWrapper = ({
     moduleType,
     eventContextTags,
     isLoyaltyModule,
+    showTestAndPreviewSlidebox,
+    handleTestAndPreview,
+    handleCloseTestAndPreview,
   }), [
     setIsLoadingContent,
     routeParams,
@@ -307,6 +314,9 @@ const useEmailWrapper = ({
     moduleType,
     eventContextTags,
     isLoyaltyModule,
+    showTestAndPreviewSlidebox,
+    handleTestAndPreview,
+    handleCloseTestAndPreview,
   ]);
 
   // Prepare props for CmsTemplatesComponent

package/v2Containers/EmailWrapper/index.js

@@ -58,6 +58,9 @@ const EmailWrapper = (props) => {
     onPreviewContentClicked,
     onTestContentClicked,
     editor,
+    showTestAndPreviewSlidebox,
+    handleTestAndPreview,
+    handleCloseTestAndPreview,
   } = props;
 
   // Pass destructured props to the custom hook
@@ -107,6 +110,9 @@ const EmailWrapper = (props) => {
     onPreviewContentClicked,
     onTestContentClicked,
     editor,
+    showTestAndPreviewSlidebox,
+    handleTestAndPreview,
+    handleCloseTestAndPreview,
   });
 
   // Render using the presentation component with data from the hook

package/v2Containers/InApp/constants.js

@@ -49,6 +49,7 @@ export const INAPP_BUTTON_TYPES = {
 };
 
 export const DEEP_LINK = 'DEEP_LINK';
+export const EXTERNAL_LINK = 'EXTERNAL_LINK';
 
 export const INITIAL_CTA_DATA = [
   {

package/v2Containers/InApp/index.js

@@ -46,10 +46,12 @@ import {
   INITIAL_CTA_DATA,
   IOS,
   LAYOUT_RADIO_OPTIONS,
-  AI_CONTENT_BOT_DISABLED
+  AI_CONTENT_BOT_DISABLED,
 } from "./constants";
 import { INAPP, SMS } from "../CreativesContainer/constants";
-import { ALL, TAG, EMBEDDED, DEFAULT, FULL, LIBRARY } from "../Whatsapp/constants";
+import {
+  ALL, TAG, EMBEDDED, DEFAULT, FULL, LIBRARY,
+} from "../Whatsapp/constants";
 import CapDeviceContent from "../../v2Components/CapDeviceContent";
 import { getCdnUrl } from "../../utils/cdnTransformation";
 import { getCtaObject, hasAnyErrors, getSingleTab } from "./utils";
@@ -297,14 +299,13 @@ export const InApp = (props) => {
 
   const templateDescErrorHandler = (value) => {
     let errorMessage = false;
-    const { unsupportedTags, isBraceError } =
-      validateTags({
-        content: value,
-        tagsParam: tags,
-        injectedTagsParams: injectedTags,
-        location,
-        tagModule: getDefaultTags,
-      }) || {};
+    const { unsupportedTags, isBraceError } = validateTags({
+      content: value,
+      tagsParam: tags,
+      injectedTagsParams: injectedTags,
+      location,
+      tagModule: getDefaultTags,
+    }) || {};
     if (value === '' && INAPP_MEDIA_TYPES.NONE) {
       errorMessage = formatMessage(messages.emptyTemplateDescErrorMessage);
     } else if (unsupportedTags?.length > 0) {
@@ -472,7 +473,7 @@ export const InApp = (props) => {
         placeholder={formatMessage(globalMessages.templateNamePlaceholder)}
         value={templateName}
         size="default"
-          />
+      />
     </CapRow>
   );
   //create methods end
@@ -582,8 +583,7 @@ export const InApp = (props) => {
     return false;
   };
 
-  const getCtaPayload = (type) =>
-  (type === ANDROID ? ctaDataAndroid : ctaDataIos).map((cta) => {
+  const getCtaPayload = (type) => (type === ANDROID ? ctaDataAndroid : ctaDataIos).map((cta) => {
     const { text, urlType, url } = cta;
     return {
       type: urlType,

package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/content.test.js.snap

@@ -2282,6 +2282,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },
@@ -5963,6 +5964,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },
@@ -9783,6 +9785,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },

package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/index.test.js.snap

@@ -2282,6 +2282,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },
@@ -21553,6 +21554,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },

package/v2Containers/Line/Container/Wrapper/tests/__snapshots__/index.test.js.snap

@@ -2282,6 +2282,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },
@@ -34878,6 +34879,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },

package/v2Containers/Line/Container/tests/__snapshots__/index.test.js.snap

@@ -2282,6 +2282,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },
@@ -11287,6 +11288,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },
@@ -20476,6 +20478,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },
@@ -29942,6 +29945,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },
@@ -41629,6 +41633,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },
@@ -53358,6 +53363,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },
@@ -61137,6 +61143,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },
@@ -69334,6 +69341,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },
@@ -77808,6 +77816,7 @@ new message content.",
         "gallery": [Function],
         "language": [Function],
         "navigationConfig": [Function],
+        "previewAndTest": [Function],
         "tagList": [Function],
         "templates": [Function],
       },

package/v2Containers/MobilePush/Create/index.js

@@ -239,6 +239,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
   onLinkTypeChange = (eventTriggered, formData, field) => {
     let schema = cloneDeep(this.state.schema);
     const inputFields = get(schema, `containers[0].panes[${this.state.currentTab - 1}].sections[0].childSections[0].childSections[0].inputFields`);
+    
     forEach(inputFields, (inputField, fieldIndex) => {
       if (inputField) {
         forEach(inputField.cols, (col) => {

package/v2Containers/MobilePush/commonMethods.js

@@ -248,20 +248,13 @@ function getLinkTypeFields({inputFieldsArgs, fieldIndex, deepLinkOptions, formDa
 }
 
 function getContent(obj) {
-  const {
-    versions : {
-      base: {
-        ANDROID: {
-          title : androidTitle,
-          message : androidMessage
-        } = {},
-        IOS: {
-          title: iosTitle,
-          message: iosMessage
-        } = {}
-      } = {}
-    } = {}
-  } = obj;
+  const base = obj?.versions?.base || {};
+  const android = base.ANDROID || {};
+  const ios = base.IOS || {};
+  const androidTitle = android.title || '';
+  const androidMessage = android.message || '';
+  const iosTitle = ios.title || '';
+  const iosMessage = ios.message || '';
   return `${androidTitle} ${androidMessage} ${iosTitle} ${iosMessage}`;
 }
 export {

package/v2Containers/MobilePushNew/actions.js

@@ -0,0 +1,116 @@
+/*
+ *
+ * Create actions
+ *
+ */
+
+import * as types from './constants';
+
+export function createTemplate(template, callback) {
+  return {
+    type: types.CREATE_TEMPLATE_REQUEST,
+    template,
+    callback,
+  };
+}
+
+export function clearCreateResponse() {
+  return {
+    type: types.CLEAR_CREATE_RESPONSE_REQUEST,
+  };
+}
+
+export function defaultAction() {
+  return {
+    type: types.DEFAULT_ACTION,
+  };
+}
+
+export function uploadAsset(file, assetType, fileParams, index = 0, mobilePushParams = {}) {
+  return {
+    type: types.UPLOAD_ASSET_REQUEST,
+    file,
+    assetType,
+    fileParams,
+    index,
+    mobilePushParams,
+  };
+}
+
+export function getIosCtas(licenseCode) {
+  return {
+    type: types.GET_IOS_CTAS, licenseCode,
+  };
+}
+
+export function clearAsset(index = undefined) {
+  return {
+    type: types.CLEAR_ASSET,
+    index,
+  };
+}
+
+export function resetStore() {
+  return {
+    type: types.RESET_STORE,
+  };
+}
+
+export function getTemplateDetails(id) {
+  return {
+    type: types.GET_TEMPLATE_DETAILS_REQUEST, id,
+  };
+}
+
+export function editTemplate(template, callback) {
+  return {
+    type: types.EDIT_TEMPLATE_REQUEST, template, callback,
+  };
+}
+
+export function clearEditResponse() {
+  return {
+    type: types.CLEAR_EDIT_RESPONSE_REQUEST,
+  };
+}
+
+export function clearData() {
+  return {
+    type: types.CLEAR_DATA,
+  };
+}
+
+export function getWeCrmAccounts(source) {
+  return {
+    type: types.GET_WECRM_ACCOUNTS_REQUEST, source,
+  };
+}
+
+export function setWeChatAccount(weChatAccount) {
+  return {
+    type: types.SET_WECHAT_ACCOUNT,
+    weChatAccount,
+  };
+}
+
+export function getMobilepushTemplatesList(channel, queryParams) {
+  return {
+    type: types.GET_MOBILEPUSH_TEMPLATES_LIST_REQUEST,
+    channel,
+    queryParams,
+  };
+}
+
+export function setSelectedTemplate(templateData) {
+  return {
+    type: types.SET_SELECTED_TEMPLATE,
+    data: templateData,
+  };
+}
+
+export function setTemplateDetails(templateDetails) {
+  return {
+    type: types.GET_TEMPLATE_DETAILS_SUCCESS,
+    data: templateDetails,
+  };
+}