cap-creatives-ui 8.0.280 → 8.0.321

package/app/v2Containers/Whatsapp/tests/index.test.js

@@ -1354,3 +1354,175 @@ describe('Haptic carousel file handle mapping', () => {
     expect(cd[0].karixFileHandle).toBe('');
   });
 });
+
+describe('WhatsApp edit Done button whitespace validation', () => {
+  let renderedComponent;
+
+  const createWhatsappTemplate = jest.fn();
+  const getFormData = jest.fn();
+  const clearCreateResponse = jest.fn();
+  const getTemplateDetails = jest.fn();
+  const resetEditTemplate = jest.fn();
+  const fetchSchemaForEntity = jest.fn();
+  const handleClose = jest.fn();
+  const onCreateComplete = jest.fn();
+  const formatMessage = jest.fn();
+  const getMetaTags = jest.fn();
+  const resetMetaTags = jest.fn();
+
+  const mountEditFlow = (editData, accountData = mockData.accountData1) => {
+    renderedComponent = mountWithIntl(
+      <Provider store={store}>
+        <Whatsapp
+          actions={{
+            createWhatsappTemplate,
+            clearCreateResponse,
+            getTemplateDetails,
+            resetEditTemplate,
+            getMetaTags,
+            resetMetaTags,
+          }}
+          globalActions={{ fetchSchemaForEntity }}
+          onCreateComplete={onCreateComplete}
+          handleClose={handleClose}
+          getFormData={getFormData}
+          params={{ id: editData?.templateDetails?._id || 'edit-whitespace-id' }}
+          editData={editData}
+          accountData={accountData}
+          location={mockData.location}
+          intl={{ formatMessage }}
+          isFullMode={false}
+          isEditFlow
+          loadingTags={false}
+          metaEntities={[]}
+          getDefaultTags
+          Templates={{
+            senderDetails: {
+              status: 'SUCCESS',
+              domainProperties: [
+                {
+                  domainProperties: {
+                    connectionProperties: {
+                      sourceAccountIdentifier: '2000222347',
+                      baseUrl: 'https://api.gupshup.io/whatsapp/v1',
+                    },
+                  },
+                },
+              ],
+            },
+          }}
+        />
+      </Provider>,
+    );
+  };
+
+  const getDoneButton = () => renderedComponent.find('CapButton.whatsapp-create-btn').at(0);
+
+  const getFirstVariableTextarea = () => renderedComponent
+    .find('textarea.TextArea__StyledTextArea-sc-177dfyt-2')
+    .at(0);
+
+  it('keeps Done disabled for whitespace-only message variable', () => {
+    const editData = {
+      templateDetails: {
+        _id: 'edit-msg-whitespace',
+        name: 'msg_whitespace',
+        type: 'WHATSAPP',
+        versions: {
+          base: {
+            content: {
+              whatsapp: {
+                status: 'approved',
+                category: 'ALERT_UPDATE',
+                mediaType: 'TEXT',
+                buttonType: 'NONE',
+                varMapped: {},
+                languages: [{ language: 'en', content: 'Your code is {{1}}' }],
+              },
+            },
+          },
+        },
+      },
+    };
+
+    mountEditFlow(editData);
+    getFirstVariableTextarea().simulate('change', { target: { value: ' ', id: '{{1}}_3' } });
+    renderedComponent.update();
+
+    expect(getDoneButton().props().disabled).toBe(true);
+  });
+
+  it('keeps Done disabled for whitespace-only header variable', () => {
+    const editData = {
+      templateDetails: {
+        _id: 'edit-header-whitespace',
+        name: 'header_whitespace',
+        type: 'WHATSAPP',
+        versions: {
+          base: {
+            content: {
+              whatsapp: {
+                status: 'approved',
+                category: 'ALERT_UPDATE',
+                mediaType: 'TEXT',
+                buttonType: 'NONE',
+                varMapped: {},
+                whatsappMedia: {
+                  header: 'Hi {{1}}',
+                  footer: '',
+                  headerVarMapped: {},
+                },
+                languages: [{ language: 'en', content: 'Simple message without vars' }],
+              },
+            },
+          },
+        },
+      },
+    };
+
+    mountEditFlow(editData);
+    getFirstVariableTextarea().simulate('change', { target: { value: ' ', id: '{{1}}_1' } });
+    renderedComponent.update();
+
+    expect(getDoneButton().props().disabled).toBe(true);
+  });
+
+  it('keeps Done disabled for whitespace-only carousel variable', () => {
+    const editData = {
+      templateDetails: {
+        _id: 'edit-carousel-whitespace',
+        name: 'carousel_whitespace',
+        type: 'WHATSAPP',
+        versions: {
+          base: {
+            content: {
+              whatsapp: {
+                status: 'approved',
+                category: 'MARKETING',
+                mediaType: 'CAROUSEL',
+                buttonType: 'NONE',
+                varMapped: {},
+                languages: [{ language: 'en', content: 'Main message' }],
+                carouselData: [
+                  {
+                    mediaType: 'image',
+                    imageUrl: 'https://cdn.example.com/card.jpg',
+                    bodyText: 'Card body {{1}}',
+                    varMap: {},
+                    buttons: [],
+                  },
+                ],
+              },
+            },
+          },
+        },
+      },
+    };
+
+    mountEditFlow(editData, mockData.accountData2);
+    getFirstVariableTextarea().simulate('change', { target: { value: ' ', id: '{{1}}_2' } });
+    renderedComponent.update();
+
+    expect(getDoneButton().props().disabled).toBe(true);
+  });
+});

package/app/v2Containers/Zalo/index.js

@@ -76,6 +76,7 @@ export const Zalo = (props) => {
     selectedOfferDetails,
     hostName: zaloHostName = '',
     eventContextTags,
+    waitEventContextTags,
     metaDataStatus = "",
     // TestAndPreviewSlidebox props
     showTestAndPreviewSlidebox: propsShowTestAndPreviewSlidebox,
@@ -270,23 +271,15 @@ export const Zalo = (props) => {
       validateTags({
         content: message,
         tagsParam: tags,
-        injectedTagsParams: injectedTags,
         location,
         tagModule: getDefaultTags,
-        eventContextTags,
         isFullMode,
       }) || {};
-    const { unsupportedTags = [], isBraceError } = tagValidationResponse;
-    let tagError = '';
-    if (unsupportedTags.length > 0) {
-      tagError = formatMessage(globalMessages.unsupportedTagsValidationError, {
-        unsupportedTags,
-      });
-    }
+    const { isBraceError } = tagValidationResponse;
     if (isBraceError) {
-      tagError = formatMessage(globalMessages.unbalanacedCurlyBraces);
+      return formatMessage(globalMessages.unbalanacedCurlyBraces);
     }
-    return tagError;
+    return '';
   };
 
   //this function is used for checking errror validation in this it validate tags error and length error
@@ -527,6 +520,7 @@ export const Zalo = (props) => {
                     injectedTags={injectedTags || {}}
                     selectedOfferDetails={selectedOfferDetails}
                     eventContextTags={eventContextTags}
+                    waitEventContextTags={waitEventContextTags}
                   />
                 }
               />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cap-creatives-ui",
-  "version": "8.0.280",
+  "version": "8.0.321",
   "description": "Capillary creatives ui",
   "main": "./app/index.js",
   "repository": {
@@ -67,7 +67,7 @@
     "@bugsnag/js": "^7.2.1",
     "@bugsnag/plugin-react": "7.2.1",
     "@capillarytech/cap-react-ui-library": "5.0.0",
-    "@capillarytech/cap-ui-library": "8.13.2",
+    "@capillarytech/cap-ui-library": "8.13.7",
     "@capillarytech/cap-ui-utils": "3.0.4",
     "@capillarytech/vulcan-react-sdk": "^2.3.5",
     "@codemirror/autocomplete": "^6.19.0",

package/version

@@ -223,3 +223,12 @@
 78.162.0
 78.163.0
 78.164.0
+78.165.0
+78.165.1
+78.166.0
+78.167.0
+78.167.1
+78.168.0
+78.169.0
+78.170.0
+78.171.0