@capillarytech/creatives-library 8.0.209 → 8.0.210

package/config/app.js

@@ -20,7 +20,8 @@ const config = {
     accountConfig: (strs, accountId) => `${window.location.origin}/org/config/AccountAdd?q=a&channelId=2&accountId=${accountId}&edit=1`,
   },
   development: {
-    api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/creatives',
+    // api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/creatives',
+    api_endpoint: 'http://localhost:2022/arya/api/v1/creatives',
     campaigns_api_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/iris/v2/campaigns',
     campaigns_api_org_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/iris/v2/org/campaign',
     auth_endpoint: 'https://crm-nightly-new.cc.capillarytech.com/arya/api/v1/auth',

package/package.json

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

package/services/api.js

@@ -264,6 +264,7 @@ export const getUserData = () => {
 
 export const createTemplate = ({template}) => {
   const url = `${API_ENDPOINT}/templates/SMS`;
+  console.log("creating template",template);
   return request(url, getAPICallObject('POST', template));
 };
 
@@ -346,6 +347,7 @@ export const getAllTemplates = async ({channel, queryParams = {}}) => {
 
 export const deleteTemplate = ({channel, id}) => {
   const url = `${API_ENDPOINT}/templates/${id}/${channel}`;
+  console.log("deleting template", url);
   return request(url, getAPICallObject('DELETE'));
   //return API.deleteResource(url);
 };

package/v2Components/HtmlEditor/components/InAppPreviewPane/__tests__/ContentOverlay.test.js

@@ -155,21 +155,35 @@ describe('ContentOverlay', () => {
     it('applies overlay positioning styles', () => {
       render(<ContentOverlay />);
       const overlay = document.querySelector('.content-overlay');
-      const styles = window.getComputedStyle(overlay);
-      expect(styles.position).toBe('absolute');
-      expect(styles.backgroundColor).toBeTruthy();
+      // Check that the overlay element exists and has the correct CSS class
+      expect(overlay).toBeInTheDocument();
+      expect(overlay).toHaveClass('content-overlay');
+      expect(overlay).toHaveClass('content-overlay--popup'); // default layout type is MODAL which maps to 'popup' class
+
+      // Check that inline styles from getOverlayStyles() are applied
+      const inlineStyles = overlay.style;
+      expect(inlineStyles.top).toBe('50%');
+      expect(inlineStyles.left).toBe('50%');
+      expect(inlineStyles.transform).toBe('translate(-50%, -50%)');
     });
 
-    it('applies iframe styles when content present', () => {
+    it('does not apply inline iframe styles (SCSS-managed)', () => {
       render(<ContentOverlay content="<p>Test</p>" />);
       const iframe = document.querySelector('iframe');
-      // Check inline styles directly as jsdom doesn't compute styles properly
-      expect(iframe.style.width).toBe('100%');
-      expect(iframe.style.height).toBe('100%');
-      // border: 'none' might be converted to empty string by React/jsdom
-      expect(['none', '']).toContain(iframe.style.border);
-      expect(iframe.style.display).toBe('block');
-      expect(iframe.style.backgroundColor).toBeTruthy();
+
+      // Verify iframe styling is managed by SCSS, not inline styles
+      // The iframe should have no inline style attribute since all styling
+      // (width: 100%, height: 100%, border: none, display: block, backgroundColor)
+      // is handled via the .content-overlay iframe CSS rule in _inAppPreviewPane.scss
+      expect(iframe.style.cssText).toBe('');
+      expect(iframe.hasAttribute('style')).toBe(false);
+
+      // Ensure no inline style properties are set
+      expect(iframe.style.width).toBe('');
+      expect(iframe.style.height).toBe('');
+      expect(iframe.style.border).toBe('');
+      expect(iframe.style.display).toBe('');
+      expect(iframe.style.backgroundColor).toBe('');
     });
   });
 

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -392,7 +392,9 @@ export function SlideBoxContent(props) {
         };
       }
       default:
+        {
         return get(templateDataObject, `versions.base.content`);
+        }
     }
   };
 

package/v2Containers/Rcs/index.js

@@ -1755,7 +1755,9 @@ const splitTemplateVarString = (str) => {
 
   const uploadRcsImage = useCallback((file, type, fileParams, index) => {
     setImageError(null);
+    const isRcsThumbnail = index === 1;
     actions.uploadRcsAsset(file, type, {
+      isRcsThumbnail,
       ...fileParams,
       dimensionType: selectedDimension,
       orientation: RCS_IMAGE_DIMENSIONS[selectedDimension].orientation,

package/v2Containers/Whatsapp/index.js

@@ -1711,6 +1711,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
   };
 
   const saveToMessage = () => {
+    console.log("saveToMessage----> createPayload", createPayload());
     getFormData({
       value: createPayload(),
       _id: params?.id,