@capillarytech/creatives-library 8.0.114-alpha.1 → 8.0.114

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

@@ -7,6 +7,7 @@ import { mountWithIntl, shallowWithIntl } from '../../../../app/helpers/intl-enz
 import { Whatsapp } from '../index';
 import { mockData } from './mockData';
 import * as constants from '../constants';
+import { mediaTypeOptions, WHATSAPP_CATEGORIES, HOST_GUPSHUP, HOST_TWILIO } from '../constants';
 
 
 
@@ -283,6 +284,38 @@ describe('Creatives Whatsapp test1/>', () => {
     renderedComponent.update();
     expect(renderedComponent).toMatchSnapshot();
   });
+  it("check for carousel render", () => {
+    renderHelper({}, true, accountData2);
+    renderedComponent
+      .find('CapSelect#select-whatsapp-category')
+      .props()
+      .onChange('MARKETING');
+    renderedComponent
+      .find('CapSelect#select-whatsapp-language')
+      .props()
+      .onChange('en');
+    expect(renderedComponent).toMatchSnapshot();
+    renderHelper({}, true, accountData3);
+    renderedComponent
+      .find('CapSelect#select-whatsapp-category')
+      .props()
+      .onChange('MARKETING');
+    renderedComponent
+      .find('CapSelect#select-whatsapp-language')
+      .props()
+      .onChange('en');
+    expect(renderedComponent).toMatchSnapshot();
+    renderHelper({}, true, accountData4);
+    renderedComponent
+      .find('CapSelect#select-whatsapp-category')
+      .props()
+      .onChange('MARKETING');
+    renderedComponent
+      .find('CapSelect#select-whatsapp-language')
+      .props()
+      .onChange('en');
+    expect(renderedComponent).toMatchSnapshot();
+  })
 });
 
 describe('Creatives Whatsapp test2/>', () => {
@@ -488,3 +521,58 @@ describe('Creatives Whatsapp test2/>', () => {
     expect(renderedComponent).toMatchSnapshot();
   });
 });
+
+// --- UNIT TESTS FOR mediaTypeOptions ---
+describe('mediaTypeOptions', () => {
+  it('should include CAROUSEL when category is MARKETING and host is HOST_GUPSHUP', () => {
+    const options = mediaTypeOptions({
+      host: HOST_GUPSHUP,
+      templateCategory: WHATSAPP_CATEGORIES.marketing,
+    });
+    const hasCarousel = options.some(
+      (opt) => Array.isArray(opt) 
+        ? opt.some((o) => o.key === 'CAROUSEL')
+        : opt.key === 'CAROUSEL'
+    ) || options.flat().some((o) => o.key === 'CAROUSEL');
+    expect(hasCarousel).toBe(true);
+  });
+
+  it('should NOT include CAROUSEL when category is MARKETING and host is NOT HOST_GUPSHUP', () => {
+    const options = mediaTypeOptions({
+      host: 'karixwhatsappbulk',
+      templateCategory: WHATSAPP_CATEGORIES.marketing,
+    });
+    const hasCarousel = options.some(
+      (opt) => Array.isArray(opt) 
+        ? opt.some((o) => o.key === 'CAROUSEL')
+        : opt.key === 'CAROUSEL'
+    ) || options.flat().some((o) => o.key === 'CAROUSEL');
+    expect(hasCarousel).toBe(false);
+  });
+
+  it('should NOT include CAROUSEL when category is NOT MARKETING and host is HOST_GUPSHUP', () => {
+    const options = mediaTypeOptions({
+      host: HOST_GUPSHUP,
+      templateCategory: WHATSAPP_CATEGORIES.utility,
+    });
+    const hasCarousel = options.some(
+      (opt) => Array.isArray(opt) 
+        ? opt.some((o) => o.key === 'CAROUSEL')
+        : opt.key === 'CAROUSEL'
+    ) || options.flat().some((o) => o.key === 'CAROUSEL');
+    expect(hasCarousel).toBe(false);
+  });
+
+  it('should NOT include CAROUSEL when category is NOT MARKETING and host is NOT HOST_GUPSHUP', () => {
+    const options = mediaTypeOptions({
+      host: HOST_TWILIO,
+      templateCategory: WHATSAPP_CATEGORIES.utility,
+    });
+    const hasCarousel = options.some(
+      (opt) => Array.isArray(opt) 
+        ? opt.some((o) => o.key === 'CAROUSEL')
+        : opt.key === 'CAROUSEL'
+    ) || options.flat().some((o) => o.key === 'CAROUSEL');
+    expect(hasCarousel).toBe(false);
+  });
+});

package/v2Components/ErrorInfoNote/ErrorTypeRenderer.js

@@ -1,127 +0,0 @@
-// app/v2Components/ErrorInfoNote/ErrorTypeRenderer.js
-import React from 'react';
-import PropTypes from 'prop-types';
-import CapDivider from "@capillarytech/cap-ui-library/CapDivider";
-import { getLiquidProps } from './utils';
-
-/**
- * Renders error sections for either generic (non-platform) or platform-specific (Android/iOS) errors.
- * - If `genericErrors` is provided, renders standard and liquid errors (if present) without platform labels.
- * - If `androidErrors`/`iosErrors` are provided, renders merged errors for each platform with platform labels and dividers.
- */
-const ErrorTypeRenderer = ({
-  genericErrors,
-  androidErrors,
-  iosErrors,
-  ErrorSectionComponent,
-}) => {
-  // Render generic (non-platform) errors
-  if (genericErrors) {
-    const hasStandard = genericErrors?.standard?.errorsToShow?.length > 0;
-    const hasLiquid = genericErrors?.liquid?.errorsToShow?.length > 0;
-    if (!hasStandard && !hasLiquid) return null;
-
-    const liquidGenericProps = {
-      title: genericErrors?.liquid?.title,
-      errors: genericErrors?.liquid?.errorsToShow,
-      platformLabel: null,
-    };
-
-    return (
-      <div className="error-container">
-        {hasStandard && (
-          <ErrorSectionComponent
-            title={genericErrors?.standard?.title}
-            errors={genericErrors?.standard?.errorsToShow}
-            liquidError={false}
-            platformLabel={null}
-          />
-        )}
-        {hasStandard && hasLiquid && <CapDivider className="liquid-divider" />}
-        {hasLiquid && (
-          <ErrorSectionComponent
-            {...liquidGenericProps}
-            liquidError
-          />
-        )}
-      </div>
-    );
-  }
-
-  // Render platform-specific errors (Android/iOS)
-  const hasAndroid = (androidErrors?.standard?.errorsToShow?.length || 0) > 0
-    || (androidErrors?.liquid?.errorsToShow?.length || 0) > 0;
-  const hasIos = (iosErrors?.standard?.errorsToShow?.length || 0) > 0
-    || (iosErrors?.liquid?.errorsToShow?.length || 0) > 0;
-
-  if (!hasAndroid && !hasIos) return null;
-  
-  const showPlatformLabels = !!androidErrors?.standard?.platformLabel || !!iosErrors?.standard?.platformLabel;
-  const showTitle = hasAndroid && hasIos && showPlatformLabels;
-  const liquidAndroidProps = getLiquidProps(androidErrors, true, showTitle, showPlatformLabels);
-  const liquidIosProps = getLiquidProps(iosErrors, false, showTitle, showPlatformLabels);
-
-  return (
-    <div className="error-container">
-      {hasAndroid && (
-        <ErrorSectionComponent
-          {...liquidAndroidProps}
-        />
-      )}
-      {hasAndroid && hasIos && showPlatformLabels && (
-        <CapDivider className="platform-divider" />
-      )}
-      {hasIos && (
-        <ErrorSectionComponent
-          {...liquidIosProps}
-        />
-      )}
-    </div>
-  );
-};
-
-ErrorTypeRenderer.propTypes = {
-  genericErrors: PropTypes.shape({
-    standard: PropTypes.shape({
-      errorsToShow: PropTypes.array.isRequired,
-      title: PropTypes.node.isRequired,
-    }),
-    liquid: PropTypes.shape({
-      errorsToShow: PropTypes.array.isRequired,
-      title: PropTypes.node.isRequired,
-    }),
-  }),
-  androidErrors: PropTypes.shape({
-    standard: PropTypes.shape({
-      errorsToShow: PropTypes.array.isRequired,
-      title: PropTypes.node.isRequired,
-      platformLabel: PropTypes.string,
-    }),
-    liquid: PropTypes.shape({
-      errorsToShow: PropTypes.array.isRequired,
-      title: PropTypes.node.isRequired,
-      platformLabel: PropTypes.string,
-    }),
-  }),
-  iosErrors: PropTypes.shape({
-    standard: PropTypes.shape({
-      errorsToShow: PropTypes.array.isRequired,
-      title: PropTypes.node.isRequired,
-      platformLabel: PropTypes.string,
-    }),
-    liquid: PropTypes.shape({
-      errorsToShow: PropTypes.array.isRequired,
-      title: PropTypes.node.isRequired,
-      platformLabel: PropTypes.string,
-    }),
-  }),
-  ErrorSectionComponent: PropTypes.elementType.isRequired,
-};
-
-ErrorTypeRenderer.defaultProps = {
-  genericErrors: null,
-  androidErrors: null,
-  iosErrors: null,
-};
-
-export default ErrorTypeRenderer;

package/v2Components/ErrorInfoNote/ErrorTypeRenderer.test.js

@@ -1,147 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import ErrorTypeRenderer from './ErrorTypeRenderer';
-import { ANDROID, IOS } from '../../v2Containers/CreativesContainer/constants';
-
-describe('ErrorTypeRenderer', () => {  const ErrorSectionComponent = jest.fn(({
-    title,
-    errors,
-    liquidError,
-    platformLabel,
-  }) => (
-    <div data-testid="error-section">
-      <span>{title}</span>
-      <span>{errors && errors.join(',')}</span>
-      <span>{liquidError ? 'liquid' : 'standard'}</span>
-      <span>{platformLabel}</span>
-    </div>
-  ));
-
-  afterEach(() => {
-    ErrorSectionComponent.mockClear();
-  });
-
-  it('renders nothing if all errors are empty', () => {
-    const { container } = render(
-      <ErrorTypeRenderer
-        genericErrors={{ standard: { errorsToShow: [], title: 'Standard' }, liquid: { errorsToShow: [], title: 'Liquid' } }}
-        ErrorSectionComponent={ErrorSectionComponent}
-      />
-    );
-    expect(container.firstChild).toBeNull();
-    expect(ErrorSectionComponent).not.toHaveBeenCalled();
-  });
-
-  it('renders generic standard errors only', () => {
-    render(
-      <ErrorTypeRenderer
-        genericErrors={{ standard: { errorsToShow: ['err1', 'err2'], title: 'Standard' }, liquid: { errorsToShow: [], title: 'Liquid' } }}
-        ErrorSectionComponent={ErrorSectionComponent}
-      />
-    );
-    expect(ErrorSectionComponent).toHaveBeenCalledWith(
-      expect.objectContaining({
-        title: 'Standard',
-        errors: ['err1', 'err2'],
-        liquidError: false,
-        platformLabel: null,
-      }),
-      expect.anything()
-    );
-  });
-
-  it('renders generic liquid errors only', () => {
-    render(
-      <ErrorTypeRenderer
-        genericErrors={{ standard: { errorsToShow: [], title: 'Standard' }, liquid: { errorsToShow: ['l1'], title: 'Liquid' } }}
-        ErrorSectionComponent={ErrorSectionComponent}
-      />
-    );
-    expect(ErrorSectionComponent).toHaveBeenCalledWith(
-      expect.objectContaining({
-        title: 'Liquid',
-        errors: ['l1'],
-        liquidError: true,
-        platformLabel: null,
-      }),
-      expect.anything()
-    );
-  });
-
-  it('renders both generic standard and liquid errors', () => {
-    render(
-      <ErrorTypeRenderer
-        genericErrors={{ standard: { errorsToShow: ['err1'], title: 'Standard' }, liquid: { errorsToShow: ['l1'], title: 'Liquid' } }}
-        ErrorSectionComponent={ErrorSectionComponent}
-      />
-    );
-    expect(ErrorSectionComponent).toHaveBeenCalledWith(
-      expect.objectContaining({
-        title: 'Standard',
-        errors: ['err1'],
-        liquidError: false,
-        platformLabel: null,
-      }),
-      expect.anything()
-    );
-    expect(ErrorSectionComponent).toHaveBeenCalledWith(
-      expect.objectContaining({
-        title: 'Liquid',
-        errors: ['l1'],
-        liquidError: true,
-        platformLabel: null,
-      }),
-      expect.anything()
-    );
-  });
-
-  it('renders merged android errors with platform label', () => {
-    render(
-      <ErrorTypeRenderer
-        androidErrors={{
-          standard: { errorsToShow: ['a1'], title: 'Android Standard', platformLabel: ANDROID },
-          liquid: { errorsToShow: ['al1'], title: 'Android Liquid', platformLabel: ANDROID },
-        }}
-        iosErrors={{
-          standard: { errorsToShow: [], title: 'iOS Standard', platformLabel: IOS },
-          liquid: { errorsToShow: [], title: 'iOS Liquid', platformLabel: IOS },
-        }}
-        ErrorSectionComponent={ErrorSectionComponent}
-      />
-    );
-    expect(ErrorSectionComponent).toHaveBeenCalledWith(
-      expect.objectContaining({
-        title: false,
-        errors: ['a1', 'al1'],
-        liquidError: true,
-        platformLabel: ANDROID,
-      }),
-      expect.anything()
-    );
-  });
-
-  it('renders merged ios errors with platform label', () => {
-    render(
-      <ErrorTypeRenderer
-        androidErrors={{
-          standard: { errorsToShow: [], title: 'Android Standard', platformLabel: ANDROID },
-          liquid: { errorsToShow: [], title: 'Android Liquid', platformLabel: ANDROID },
-        }}
-        iosErrors={{
-          standard: { errorsToShow: ['i1'], title: 'iOS Standard', platformLabel: IOS },
-          liquid: { errorsToShow: ['il1'], title: 'iOS Liquid', platformLabel: IOS },
-        }}
-        ErrorSectionComponent={ErrorSectionComponent}
-      />
-    );
-    expect(ErrorSectionComponent).toHaveBeenCalledWith(
-      expect.objectContaining({
-        title: 'iOS Liquid',
-        errors: ['i1', 'il1'],
-        liquidError: true,
-        platformLabel: IOS,
-      }),
-      expect.anything()
-    );
-  });
-}); 

package/v2Components/ErrorInfoNote/utils.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import { ANDROID, GENERIC, IOS } from '../../v2Containers/CreativesContainer/constants';
-
-export const processErrors = (rawErrorData, errorType, platform, messages) => {
-  let errorsToShow = [];
-  let titleMsg = messages.standardErrorHeader;
-  let platformLabel = null;
-
-  const isObject = typeof rawErrorData === 'object' && rawErrorData !== null;
-  const isNotArray = !Array.isArray(rawErrorData);
-  const hasPlatformKeys = isObject && isNotArray && [ANDROID, IOS, GENERIC].some((key) => key in rawErrorData);
-  if (hasPlatformKeys) {
-    if (errorType === "liquid") {
-      titleMsg = messages.dynamicErrorHeader;
-    }
-    errorsToShow = rawErrorData[platform] || [];
-    platformLabel = platform; // Only set platform label for new structure
-  } else if (Array.isArray(rawErrorData)) {
-    errorsToShow = rawErrorData;
-    if (errorType === "liquid") {
-      titleMsg = messages.dynamicErrorHeader;
-    }
-  }
-
-  const title = <FormattedMessage {...titleMsg} />;
-  return { errorsToShow, title, platformLabel };
-};
-
-export const getLiquidProps = (errors, isAndroid,showTitle,showPlatformLabels) => ({
-  title: (isAndroid ? showTitle : !showTitle) && errors?.liquid?.title,
-  errors: [
-    ...(errors?.standard?.errorsToShow || []),
-    ...(errors?.liquid?.errorsToShow || []),
-  ],
-  liquidError: !!errors?.liquid?.errorsToShow?.length,
-  platformLabel: showPlatformLabels ? (isAndroid ? ANDROID : IOS) : null,
-});

package/v2Components/ErrorInfoNote/utils.test.js

@@ -1,156 +0,0 @@
-import { processErrors, getLiquidProps } from './utils';
-
-const makeMessages = (overrides = {}) => ({
-  standardErrorHeader: { id: 'standard', defaultMessage: 'Standard' },
-  dynamicErrorHeader: { id: 'liquid', defaultMessage: 'Liquid' },
-  ...overrides,
-});
-
-// Mock platform constants
-const ANDROID = 'ANDROID';
-const IOS = 'IOS';
-
-describe('processErrors', () => {
-  it('returns empty errors if platform is not specified and input has GENERIC key', () => {
-    const messages = makeMessages();
-    const raw = { ANDROID: ['a1'], IOS: ['i1'], GENERIC: ['g1', 'g2'] };
-    const result = processErrors(raw, 'standard', undefined, messages);
-    expect(result.errorsToShow).toEqual([]);
-    expect(result.platformLabel).toBeUndefined();
-  });
-
-  it('returns empty errors for object input with missing keys', () => {
-    const messages = makeMessages();
-    const raw = { ANDROID: [], IOS: [], GENERIC: [] };
-    const result = processErrors(raw, 'standard', 'ANDROID', messages);
-    expect(result.errorsToShow).toEqual([]);
-    expect(result.platformLabel).toBe('ANDROID');
-  });
-
-  it('returns empty errors for null/undefined/empty input', () => {
-    const messages = makeMessages();
-    expect(processErrors(null, 'standard', undefined, messages).errorsToShow).toEqual([]);
-    expect(processErrors(undefined, 'standard', undefined, messages).errorsToShow).toEqual([]);
-    expect(processErrors([], 'standard', undefined, messages).errorsToShow).toEqual([]);
-  });
-
-  it('returns empty errors for object input with only GENERIC key', () => {
-    const messages = makeMessages();
-    const raw = { GENERIC: ['g1', 'g2'] };
-    const result = processErrors(raw, 'standard', undefined, messages);
-    expect(result.errorsToShow).toEqual([]);
-    expect(result.platformLabel).toBeUndefined();
-  });
-
-  it('handles object input with only ANDROID/IOS keys', () => {
-    const messages = makeMessages();
-    const raw = { ANDROID: ['a1'], IOS: ['i1'] };
-    const result = processErrors(raw, 'standard', 'ANDROID', messages);
-    expect(result.errorsToShow).toEqual(['a1']);
-    expect(result.platformLabel).toBe('ANDROID');
-  });
-
-  it('handles object input with no errors for currentTab', () => {
-    const messages = makeMessages();
-    const raw = { ANDROID: [], IOS: ['i1'] };
-    const result = processErrors(raw, 'standard', 'ANDROID', messages);
-    expect(result.errorsToShow).toEqual([]);
-    expect(result.platformLabel).toBe('ANDROID');
-  });
-
-  it('returns undefined platformLabel for object input with no GENERIC key and no platform', () => {
-    const messages = makeMessages();
-    const raw = { ANDROID: ['a1'], IOS: ['i1'] };
-    const result = processErrors(raw, 'standard', undefined, messages);
-    expect(result.errorsToShow).toEqual([]);
-    expect(result.platformLabel).toBeUndefined();
-  });
-
-  it('returns correct title and errors for array input with errorType liquid', () => {
-    const messages = makeMessages();
-    const result = processErrors(['liquidErr1', 'liquidErr2'], 'liquid', undefined, messages);
-    expect(result.errorsToShow).toEqual(['liquidErr1', 'liquidErr2']);
-    expect(result.title.props.id).toBe('liquid');
-    expect(result.title.props.defaultMessage).toBe('Liquid');
-    expect(result.platformLabel).toBeNull();
-  });
-
-  it('returns correct title and errors for object input with errorType liquid and platform', () => {
-    const messages = makeMessages();
-    const raw = { ANDROID: ['l1', 'l2'], IOS: ['l3'], GENERIC: ['lg1'] };
-    const result = processErrors(raw, 'liquid', 'ANDROID', messages);
-    expect(result.errorsToShow).toEqual(['l1', 'l2']);
-    expect(result.title.props.id).toBe('liquid');
-    expect(result.title.props.defaultMessage).toBe('Liquid');
-    expect(result.platformLabel).toBe('ANDROID');
-  });
-
-  it('returns empty errors for object input with errorType liquid and no platform', () => {
-    const messages = makeMessages();
-    const raw = { ANDROID: ['l1'], IOS: ['l2'], GENERIC: ['lg1', 'lg2'] };
-    const result = processErrors(raw, 'liquid', undefined, messages);
-    expect(result.errorsToShow).toEqual([]);
-    expect(result.title.props.id).toBe('liquid');
-    expect(result.title.props.defaultMessage).toBe('Liquid');
-    expect(result.platformLabel).toBeUndefined();
-  });
-});
-
-describe('getLiquidProps', () => {
-  const baseErrors = {
-    standard: { errorsToShow: ['s1'] },
-    liquid: { errorsToShow: ['l1'], title: 'Liquid Title' },
-  };
-
-  it('returns correct props for Android with showTitle true and showPlatformLabels true', () => {
-    const result = getLiquidProps(baseErrors, true, true, true);
-    expect(result).toEqual({
-      title: 'Liquid Title',
-      errors: ['s1', 'l1'],
-      liquidError: true,
-      platformLabel: ANDROID,
-    });
-  });
-
-  it('returns correct props for iOS with showTitle false and showPlatformLabels true', () => {
-    const result = getLiquidProps(baseErrors, false, false, true);
-    expect(result).toEqual({
-      title: 'Liquid Title',
-      errors: ['s1', 'l1'],
-      liquidError: true,
-      platformLabel: IOS,
-    });
-  });
-
-  it('returns null title if showTitle is false for Android', () => {
-    const result = getLiquidProps(baseErrors, true, false, true);
-    expect(result.title).toBeFalsy();
-  });
-
-  it('returns null title if showTitle is true for iOS', () => {
-    const result = getLiquidProps(baseErrors, false, true, true);
-    expect(result.title).toBeFalsy();
-  });
-
-  it('returns platformLabel null if showPlatformLabels is false', () => {
-    const result = getLiquidProps(baseErrors, true, true, false);
-    expect(result.platformLabel).toBeNull();
-  });
-
-  it('returns empty errors array if both errorsToShow are missing', () => {
-    const result = getLiquidProps({}, true, true, true);
-    expect(result.errors).toEqual([]);
-  });
-
-  it('liquidError is false if no liquid errors', () => {
-    const result = getLiquidProps({ standard: { errorsToShow: ['s1'] } }, true, true, true);
-    expect(result.liquidError).toBe(false);
-  });
-
-  it('handles undefined input gracefully', () => {
-    const result = getLiquidProps(undefined, true, true, true);
-    expect(result.errors).toEqual([]);
-    expect(result.liquidError).toBe(false);
-    expect(result.platformLabel).toBe(ANDROID);
-  });
-});

package/v2Containers/InApp/tests/utils.test.js

@@ -1,41 +0,0 @@
-import { hasPlatformErrors } from "../utils";
-
-describe("hasPlatformErrors", () => {
-  it("Happy case for hasPlatformErrors", () => {
-    const result = hasPlatformErrors();
-    expect(result).toBe(false);
-  });
-  it("returns false when called with no arguments", () => {
-    expect(hasPlatformErrors()).toBe(false);
-  });
-
-  it("returns false when given null or undefined", () => {
-    expect(hasPlatformErrors(null)).toBe(false);
-    expect(hasPlatformErrors(undefined)).toBe(false);
-  });
-
-  it("returns false for empty error groups", () => {
-    const emptyGroup = { ANDROID: [], IOS: [], GENERIC: [] };
-    expect(hasPlatformErrors(emptyGroup)).toBe(false);
-  });
-
-  it("detects Android errors", () => {
-    const data = { ANDROID: ["e1"], IOS: [], GENERIC: [] };
-    expect(hasPlatformErrors(data)).toBe(true);
-  });
-
-  it("detects iOS errors", () => {
-    const data = { ANDROID: [], IOS: ["e1"], GENERIC: [] };
-    expect(hasPlatformErrors(data)).toBe(true);
-  });
-
-  it("detects generic errors", () => {
-    const data = { ANDROID: [], IOS: [], GENERIC: ["e1"] };
-    expect(hasPlatformErrors(data)).toBe(true);
-  });
-
-  it("detects mixed platform errors", () => {
-    const data = { ANDROID: ["a"], IOS: ["i"], GENERIC: [] };
-    expect(hasPlatformErrors(data)).toBe(true);
-  });
-});