@capillarytech/creatives-library 8.0.319 → 8.0.320

package/v2Containers/Sms/tests/smsFormDataHelpers.test.js

@@ -0,0 +1,253 @@
+import {
+  getSmsMessageFromFormData,
+  getSmsEmbeddedFooterValidity,
+} from '../smsFormDataHelpers';
+
+// ---------------------------------------------------------------------------
+// getSmsMessageFromFormData
+// ---------------------------------------------------------------------------
+
+describe('getSmsMessageFromFormData', () => {
+  describe('null / invalid formData guard', () => {
+    it('returns empty string when formData is null', () => {
+      expect(getSmsMessageFromFormData(null, 1)).toBe('');
+    });
+
+    it('returns empty string when formData is undefined', () => {
+      expect(getSmsMessageFromFormData(undefined, 1)).toBe('');
+    });
+
+    it('returns empty string when formData is a string (not an object)', () => {
+      expect(getSmsMessageFromFormData('bad', 1)).toBe('');
+    });
+
+    it('returns empty string when formData is a number', () => {
+      expect(getSmsMessageFromFormData(42, 1)).toBe('');
+    });
+  });
+
+  describe('currentTab normalisation', () => {
+    it('defaults to tab 1 when currentTab is null', () => {
+      const formData = { 0: { 'sms-editor': 'hello' } };
+      expect(getSmsMessageFromFormData(formData, null)).toBe('hello');
+    });
+
+    it('defaults to tab 1 when currentTab is undefined', () => {
+      const formData = { 0: { 'sms-editor': 'hello' } };
+      expect(getSmsMessageFromFormData(formData, undefined)).toBe('hello');
+    });
+
+    it('defaults to tab 1 when currentTab is 0', () => {
+      const formData = { 0: { 'sms-editor': 'hello' } };
+      expect(getSmsMessageFromFormData(formData, 0)).toBe('hello');
+    });
+
+    it('defaults to tab 1 when currentTab is negative', () => {
+      const formData = { 0: { 'sms-editor': 'hello' } };
+      expect(getSmsMessageFromFormData(formData, -5)).toBe('hello');
+    });
+  });
+
+  describe('versioned key lookup', () => {
+    it('uses "sms-editor" key for tab 1', () => {
+      const formData = { 0: { 'sms-editor': 'tab1 msg' } };
+      expect(getSmsMessageFromFormData(formData, 1)).toBe('tab1 msg');
+    });
+
+    it('uses "sms-editor2" versioned key for tab 2', () => {
+      const formData = { 1: { 'sms-editor2': 'tab2 msg', 'sms-editor': 'fallback' } };
+      expect(getSmsMessageFromFormData(formData, 2)).toBe('tab2 msg');
+    });
+
+    it('uses "sms-editor3" versioned key for tab 3', () => {
+      const formData = { 2: { 'sms-editor3': 'tab3 msg' } };
+      expect(getSmsMessageFromFormData(formData, 3)).toBe('tab3 msg');
+    });
+
+    it('returns empty string when versioned key exists but is null (cleared version)', () => {
+      const formData = { 1: { 'sms-editor2': null } };
+      expect(getSmsMessageFromFormData(formData, 2)).toBe('');
+    });
+
+    it('returns empty string when versioned key exists but is empty string', () => {
+      const formData = { 1: { 'sms-editor2': '' } };
+      expect(getSmsMessageFromFormData(formData, 2)).toBe('');
+    });
+
+    it('coerces a numeric value in versioned key to string', () => {
+      const formData = { 1: { 'sms-editor2': 12345 } };
+      expect(getSmsMessageFromFormData(formData, 2)).toBe('12345');
+    });
+  });
+
+  describe('"sms-editor" flat key fallback (versioned key absent)', () => {
+    it('falls back to "sms-editor" when versioned key is absent for tab 2', () => {
+      const formData = { 1: { 'sms-editor': 'flat fallback' } };
+      expect(getSmsMessageFromFormData(formData, 2)).toBe('flat fallback');
+    });
+  });
+
+  describe('activeTab nested fallback', () => {
+    it('falls back to activeTab["sms-editor"] when neither versioned key nor flat "sms-editor" is present', () => {
+      // The versioned key must be absent entirely for the activeTab fallback to be reached.
+      // (If 'sms-editor' exists but is null, the function commits to '' without falling through.)
+      const formData = {
+        0: {
+          activeTab: 'variant1',
+          variant1: { 'sms-editor': 'variant msg' },
+        },
+      };
+      expect(getSmsMessageFromFormData(formData, 1)).toBe('variant msg');
+    });
+
+    it('falls back to base["sms-editor"] when activeTab entry lacks "sms-editor" and flat key is absent', () => {
+      const formData = {
+        0: {
+          activeTab: 'variant1',
+          variant1: {},
+          base: { 'sms-editor': 'base msg' },
+        },
+      };
+      expect(getSmsMessageFromFormData(formData, 1)).toBe('base msg');
+    });
+
+    it('defaults activeTab to "base" when activeTab prop is not set and flat key is absent', () => {
+      const formData = {
+        0: {
+          base: { 'sms-editor': 'default base msg' },
+        },
+      };
+      expect(getSmsMessageFromFormData(formData, 1)).toBe('default base msg');
+    });
+  });
+
+  describe('root formData.base fallback', () => {
+    it('falls back to formData.base["sms-editor"] when tab slot is missing', () => {
+      const formData = {
+        base: { 'sms-editor': 'root base msg' },
+      };
+      expect(getSmsMessageFromFormData(formData, 1)).toBe('root base msg');
+    });
+
+    it('returns empty string when even root base has no "sms-editor"', () => {
+      const formData = { base: {} };
+      expect(getSmsMessageFromFormData(formData, 1)).toBe('');
+    });
+
+    it('returns empty string when formData has no relevant keys at all', () => {
+      expect(getSmsMessageFromFormData({}, 1)).toBe('');
+    });
+  });
+});
+
+// ---------------------------------------------------------------------------
+// getSmsEmbeddedFooterValidity
+// ---------------------------------------------------------------------------
+
+describe('getSmsEmbeddedFooterValidity', () => {
+  describe('isTemplateNameEmpty', () => {
+    it('is true when template-name is absent', () => {
+      const formData = { 0: { 'sms-editor': 'msg' } };
+      const { isTemplateNameEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isTemplateNameEmpty).toBe(true);
+    });
+
+    it('is true when template-name is empty string', () => {
+      const formData = { 'template-name': '', 0: { 'sms-editor': 'msg' } };
+      const { isTemplateNameEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isTemplateNameEmpty).toBe(true);
+    });
+
+    it('is true when template-name is whitespace only', () => {
+      const formData = { 'template-name': '   ', 0: { 'sms-editor': 'msg' } };
+      const { isTemplateNameEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isTemplateNameEmpty).toBe(true);
+    });
+
+    it('is false when template-name is a non-empty string', () => {
+      const formData = { 'template-name': 'My Template', 0: { 'sms-editor': 'msg' } };
+      const { isTemplateNameEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isTemplateNameEmpty).toBe(false);
+    });
+  });
+
+  describe('isMessageEmpty — single tab', () => {
+    it('is true when message is empty string', () => {
+      const formData = { 'template-name': 'T', 0: { 'sms-editor': '' } };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isMessageEmpty).toBe(true);
+    });
+
+    it('is true when message is whitespace only', () => {
+      const formData = { 'template-name': 'T', 0: { 'sms-editor': '   ' } };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isMessageEmpty).toBe(true);
+    });
+
+    it('is true when no sms-editor key at all', () => {
+      const formData = { 'template-name': 'T', 0: {} };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isMessageEmpty).toBe(true);
+    });
+
+    it('is false when message is non-empty', () => {
+      const formData = { 'template-name': 'T', 0: { 'sms-editor': 'Hello world' } };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(isMessageEmpty).toBe(false);
+    });
+  });
+
+  describe('isMessageEmpty — multiple tabs', () => {
+    it('is false when all tabs have non-empty messages', () => {
+      const formData = {
+        'template-name': 'T',
+        0: { 'sms-editor': 'Tab 1 message' },
+        1: { 'sms-editor2': 'Tab 2 message' },
+        2: { 'sms-editor3': 'Tab 3 message' },
+      };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 3);
+      expect(isMessageEmpty).toBe(false);
+    });
+
+    it('is true when the second tab has an empty message', () => {
+      const formData = {
+        'template-name': 'T',
+        0: { 'sms-editor': 'Tab 1 message' },
+        1: { 'sms-editor2': '' },
+      };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 2);
+      expect(isMessageEmpty).toBe(true);
+    });
+
+    it('is true when the third tab has no message', () => {
+      const formData = {
+        'template-name': 'T',
+        0: { 'sms-editor': 'msg1' },
+        1: { 'sms-editor2': 'msg2' },
+        2: {},
+      };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData, 3);
+      expect(isMessageEmpty).toBe(true);
+    });
+
+    it('treats tabCount=1 as single-tab check even when not explicitly provided', () => {
+      const formData = { 'template-name': 'T', 0: { 'sms-editor': 'msg' } };
+      const { isMessageEmpty } = getSmsEmbeddedFooterValidity(formData);
+      expect(isMessageEmpty).toBe(false);
+    });
+  });
+
+  describe('both fields together', () => {
+    it('returns both empty when template name absent and message empty', () => {
+      const formData = { 0: { 'sms-editor': '' } };
+      const result = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(result).toEqual({ isTemplateNameEmpty: true, isMessageEmpty: true });
+    });
+
+    it('returns both non-empty when template name and message are present', () => {
+      const formData = { 'template-name': 'My Template', 0: { 'sms-editor': 'Hello!' } };
+      const result = getSmsEmbeddedFooterValidity(formData, 1);
+      expect(result).toEqual({ isTemplateNameEmpty: false, isMessageEmpty: false });
+    });
+  });
+});

package/v2Containers/SmsTrai/Create/index.js

@@ -70,6 +70,7 @@ export const SmsTraiCreate = (props) => {
     onCreateComplete,
     isFullMode,
     onShowTemplates,
+    embeddedSmsFallback,
     traiSms: {
       duplicateDetails = {},
       duplicateDetailsError = '',
@@ -659,9 +660,11 @@ export const SmsTraiCreate = (props) => {
 
   const createCallback = ({ errorMessage }) => {
     if (!errorMessage) {
-      CapNotification.success({
-        message: formatMessage(messages.smsCreateNotification),
-      });
+      if (!embeddedSmsFallback) {
+        CapNotification.success({
+          message: formatMessage(messages.smsCreateNotification),
+        });
+      }
       actions.clearCreateResponse();
     } else {
       CapNotification.error({
@@ -741,7 +744,9 @@ export const SmsTraiCreate = (props) => {
       { templates: savedData },
       (resp, errorMessage) => {
         createCallback({ errorMessage });
-        if (isFullMode) {
+        if (embeddedSmsFallback) {
+          if (!errorMessage) onCreateComplete(savedData[0]);
+        } else if (isFullMode) {
           onCreateComplete();
         } else {
           onShowTemplates();

package/v2Containers/SmsTrai/Edit/constants.js

@@ -5,6 +5,8 @@
  */
 
 export const CHARLIMIT = 40;
+/** Display / soft cap label for DLT SMS body length (matches product UI). */
+export const SMS_TRAI_CONTENT_MAX_LENGTH = 1024;
 export const SMS = 'SMS';
 export const SMS_TRAI_VAR = '{#var#}';
 export const TAG = 'TAG';