@capillarytech/creatives-library 8.0.346 → 8.0.347

package/package.json

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

package/services/api.js

@@ -361,6 +361,26 @@ export const deleteTemplate = ({channel, id}) => {
   //return API.deleteResource(url);
 };
 
+export const archiveTemplate = ({ channel, id }) => {
+  const url = `${API_ENDPOINT}/templates/archive/${id}/${channel}`;
+  return request(url, getAPICallObject('PUT'));
+};
+
+export const unarchiveTemplate = ({ channel, id }) => {
+  const url = `${API_ENDPOINT}/templates/unarchive/${id}/${channel}`;
+  return request(url, getAPICallObject('PUT'));
+};
+
+export const bulkArchiveTemplates = ({ channel, ids }) => {
+  const url = `${API_ENDPOINT}/templates/archive/bulk/${channel}`;
+  return request(url, getAPICallObject('PUT', { ids }));
+};
+
+export const bulkUnarchiveTemplates = ({ channel, ids }) => {
+  const url = `${API_ENDPOINT}/templates/unarchive/bulk/${channel}`;
+  return request(url, getAPICallObject('PUT', { ids }));
+};
+
 export const deleteRcsTemplate = ({ templateName }) => {
   const url = `${API_ENDPOINT}/templates/${templateName}/RCS`;
   return request(url, getAPICallObject('DELETE'))

package/services/tests/api.test.js

@@ -1086,3 +1086,62 @@ describe('createTestCustomer', () => {
     expect(lastCall[1].body).toBe(JSON.stringify(payload));
   });
 });
+
+import {
+  archiveTemplate,
+  unarchiveTemplate,
+  bulkArchiveTemplates,
+  bulkUnarchiveTemplates,
+} from '../api';
+
+describe('archiveTemplate', () => {
+  beforeEach(() => {
+    global.fetch = jest.fn().mockReturnValue(Promise.resolve({ json: () => Promise.resolve({}) }));
+  });
+
+  it('should call PUT on archive endpoint', () => {
+    archiveTemplate({ channel: 'EMAIL', id: 'id123' });
+    expect(global.fetch).toHaveBeenCalled();
+    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
+    expect(lastCall[1].method).toBe('PUT');
+  });
+});
+
+describe('unarchiveTemplate', () => {
+  beforeEach(() => {
+    global.fetch = jest.fn().mockReturnValue(Promise.resolve({ json: () => Promise.resolve({}) }));
+  });
+
+  it('should call PUT on unarchive endpoint', () => {
+    unarchiveTemplate({ channel: 'EMAIL', id: 'id123' });
+    expect(global.fetch).toHaveBeenCalled();
+    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
+    expect(lastCall[1].method).toBe('PUT');
+  });
+});
+
+describe('bulkArchiveTemplates', () => {
+  beforeEach(() => {
+    global.fetch = jest.fn().mockReturnValue(Promise.resolve({ json: () => Promise.resolve({}) }));
+  });
+
+  it('should call PUT on bulk archive endpoint with ids', () => {
+    bulkArchiveTemplates({ channel: 'EMAIL', ids: ['id1', 'id2'] });
+    expect(global.fetch).toHaveBeenCalled();
+    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
+    expect(lastCall[1].method).toBe('PUT');
+  });
+});
+
+describe('bulkUnarchiveTemplates', () => {
+  beforeEach(() => {
+    global.fetch = jest.fn().mockReturnValue(Promise.resolve({ json: () => Promise.resolve({}) }));
+  });
+
+  it('should call PUT on bulk unarchive endpoint with ids', () => {
+    bulkUnarchiveTemplates({ channel: 'EMAIL', ids: ['id1', 'id2'] });
+    expect(global.fetch).toHaveBeenCalled();
+    const lastCall = global.fetch.mock.calls[global.fetch.mock.calls.length - 1];
+    expect(lastCall[1].method).toBe('PUT');
+  });
+});

package/utils/tests/v2Common.test.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { getObjFromQueryParams } from '../v2common';
+import { shallow } from 'enzyme';
+import { getObjFromQueryParams, buildTemplateNameDescription } from '../v2common';
 
 describe('Test v2common container', () => {
   it('test getObjFromQueryParams', () => {
@@ -9,3 +10,47 @@ describe('Test v2common container', () => {
     });
   });
 });
+
+describe('buildTemplateNameDescription', () => {
+  it('returns undefined when templateName is empty string', () => {
+    expect(buildTemplateNameDescription('Template name', '')).toBeUndefined();
+  });
+
+  it('returns undefined when templateName is null', () => {
+    expect(buildTemplateNameDescription('Template name', null)).toBeUndefined();
+  });
+
+  it('returns undefined when templateName is undefined', () => {
+    expect(buildTemplateNameDescription('Template name', undefined)).toBeUndefined();
+  });
+
+  it('renders a span wrapper when templateName is provided', () => {
+    const result = buildTemplateNameDescription('Template name', 'Welcome 01');
+    const wrapper = shallow(result);
+    expect(wrapper.type()).toBe('span');
+  });
+
+  it('renders label text in the first CapLabelInline with correct class', () => {
+    const result = buildTemplateNameDescription('Template name', 'Welcome 01');
+    const wrapper = shallow(result);
+    const firstLabel = wrapper.childAt(0);
+    expect(firstLabel.prop('className')).toBe('notification-template-label');
+    expect(firstLabel.prop('children')).toBe('Template name');
+  });
+
+  it('renders template name in the second CapLabelInline with correct class', () => {
+    const result = buildTemplateNameDescription('Template name', 'Welcome 01');
+    const wrapper = shallow(result);
+    const secondLabel = wrapper.childAt(1);
+    expect(secondLabel.prop('className')).toBe('notification-template-name');
+    expect(secondLabel.prop('children')).toBe('Welcome 01');
+  });
+
+  it('both CapLabelInline elements have type="label1"', () => {
+    const result = buildTemplateNameDescription('Template name', 'Welcome 01');
+    const wrapper = shallow(result);
+    wrapper.children().forEach((node) => {
+      expect(node.prop('type')).toBe('label1');
+    });
+  });
+});

package/utils/v2common.js

@@ -1,3 +1,21 @@
+import React from 'react';
+import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
+
+/**
+ * Builds a JSX description for template archive/unarchive notifications.
+ * @param {string} labelText - Localised label (e.g. "Template name ")
+ * @param {string} templateName - The template name to display
+ */
+export const buildTemplateNameDescription = (labelText, templateName) => (
+  templateName
+    ? (
+      <span>
+        <CapLabel.CapLabelInline type="label1" className="notification-template-label">{labelText}</CapLabel.CapLabelInline>
+        <CapLabel.CapLabelInline type="label1" className="notification-template-name">{templateName}</CapLabel.CapLabelInline>
+      </span>
+    )
+    : undefined
+);
 
 // returns query items as obj when query string is passed
 /**

package/v2Components/CapCustomSkeleton/index.js

@@ -28,7 +28,7 @@ export default function CapCustomSkeleton(props) {
                   xs={24}
                   sm={12}
                   md={8}
-                  lg={6}
+                  lg={8}
                 >
                   <CapSkeleton
                     active

package/v2Components/CapCustomSkeleton/tests/__snapshots__/index.test.js.snap

@@ -20,7 +20,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
     >
       <CapColumn
         key="0"
-        lg={6}
+        lg={8}
         md={8}
         sm={12}
         xs={24}
@@ -40,7 +40,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="1"
-        lg={6}
+        lg={8}
         md={8}
         sm={12}
         xs={24}
@@ -60,7 +60,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="2"
-        lg={6}
+        lg={8}
         md={8}
         sm={12}
         xs={24}
@@ -80,7 +80,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="3"
-        lg={6}
+        lg={8}
         md={8}
         sm={12}
         xs={24}
@@ -100,7 +100,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="4"
-        lg={6}
+        lg={8}
         md={8}
         sm={12}
         xs={24}
@@ -120,7 +120,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="5"
-        lg={6}
+        lg={8}
         md={8}
         sm={12}
         xs={24}
@@ -140,7 +140,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="6"
-        lg={6}
+        lg={8}
         md={8}
         sm={12}
         xs={24}
@@ -160,7 +160,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="7"
-        lg={6}
+        lg={8}
         md={8}
         sm={12}
         xs={24}
@@ -180,7 +180,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="8"
-        lg={6}
+        lg={8}
         md={8}
         sm={12}
         xs={24}
@@ -200,7 +200,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="9"
-        lg={6}
+        lg={8}
         md={8}
         sm={12}
         xs={24}
@@ -220,7 +220,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="10"
-        lg={6}
+        lg={8}
         md={8}
         sm={12}
         xs={24}
@@ -240,7 +240,7 @@ exports[`CapCustomSkeleton test renders correct CapCustomSkeleton component 1`]
       </CapColumn>
       <CapColumn
         key="11"
-        lg={6}
+        lg={8}
         md={8}
         sm={12}
         xs={24}