@capillarytech/creatives-library 8.0.200 → 8.0.201-alpha.0

package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap

@@ -1,5 +1,486 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Test SlideBoxContent container Additional Channel Coverage Should handle Zalo channel 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    getDefaultTags=""
+    hostName=""
+    location={
+      Object {
+        "pathname": "/zalo/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    templateData={
+      Object {
+        "type": "ZALO",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "message": "Zalo message",
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Additional Channel Coverage Should handle complex LINE template with multiple message types 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="line"
+    charCounterEnabled={false}
+    content={
+      Array [
+        Object {
+          "actionUrl": undefined,
+          "baseUrl": undefined,
+          "imageCarousel": Array [
+            Object {
+              "actionLabel": undefined,
+              "imageUrl": undefined,
+            },
+          ],
+          "messageContent": "Hello",
+          "previewImageUrl": "https://example.com/image.jpg",
+          "selectedSticker": Object {
+            "animatedStickerUrl": undefined,
+            "packageId": undefined,
+            "stickerId": undefined,
+            "stickerUrl": undefined,
+          },
+          "type": "text",
+          "video": undefined,
+        },
+        Object {
+          "actionUrl": undefined,
+          "baseUrl": undefined,
+          "imageCarousel": Array [
+            Object {
+              "actionLabel": undefined,
+              "imageUrl": undefined,
+            },
+          ],
+          "messageContent": undefined,
+          "previewImageUrl": undefined,
+          "selectedSticker": Object {
+            "packageId": "456",
+            "stickerId": "123",
+            "stickerUrl": "https://example.com/sticker.png",
+          },
+          "type": "sticker",
+          "video": undefined,
+        },
+        Object {
+          "actionUrl": undefined,
+          "baseUrl": "https://example.com/map",
+          "imageCarousel": Array [
+            Object {
+              "actionLabel": undefined,
+              "imageUrl": undefined,
+            },
+          ],
+          "messageContent": undefined,
+          "previewImageUrl": undefined,
+          "selectedSticker": Object {
+            "animatedStickerUrl": undefined,
+            "packageId": undefined,
+            "stickerId": undefined,
+            "stickerUrl": undefined,
+          },
+          "type": "imagemap",
+          "video": undefined,
+        },
+      ]
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "LINE",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "previewImageUrl": "https://example.com/image.jpg",
+                  "text": "Hello",
+                },
+                Object {
+                  "selectedSticker": Object {
+                    "packageId": "456",
+                    "stickerId": "123",
+                    "stickerUrl": "https://example.com/sticker.png",
+                  },
+                },
+                Object {
+                  "baseUrl": "https://example.com/map",
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+    viberBrandName=""
+  />
+  <Connect(Connect(UserIsAuthenticated(InjectIntl(CreativesCommon))))
+    location={
+      Object {
+        "pathname": "/sms/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    params={
+      Object {
+        "id": undefined,
+        "mode": undefined,
+      }
+    }
+    route={
+      Object {
+        "name": "edit_text",
+      }
+    }
+    templateData={
+      Object {
+        "type": "LINE",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "previewImageUrl": "https://example.com/image.jpg",
+                  "text": "Hello",
+                },
+                Object {
+                  "selectedSticker": Object {
+                    "packageId": "456",
+                    "stickerId": "123",
+                    "stickerUrl": "https://example.com/sticker.png",
+                  },
+                },
+                Object {
+                  "baseUrl": "https://example.com/map",
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Additional Channel Coverage Should handle createTemplate mode with different options 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <SmsWrapper
+    getDefaultTags=""
+    isComponent={true}
+    isCreateSms={true}
+    isFullMode={true}
+    location={
+      Object {
+        "pathname": "/sms/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "default",
+          "type": false,
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    route={
+      Object {
+        "name": "sms",
+      }
+    }
+    smsRegister="DLT"
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Additional Channel Coverage Should handle templates mode for various channels 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(UserIsAuthenticated(Connect(InjectIntl(withStyles__StyledComponent))))
+    FTPMode="create"
+    channel=""
+    loyaltyMetaData={Object {}}
+    messageDetails={Object {}}
+    onCreateComplete={[MockFunction]}
+    slidBoxContent="templates"
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Edge Cases for Uncovered Lines Should handle Call Task channel 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    messageDetails={Object {}}
+    mode="edit"
+    templateData={
+      Object {
+        "type": "CALL_TASK",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "message": "Call task message",
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Edge Cases for Uncovered Lines Should handle Email channel with different modes 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    getDefaultTags=""
+    isFullMode={true}
+    key="cretives-container-email-edit"
+    location={
+      Object {
+        "pathname": "/email/edit",
+        "query": Object {
+          "module": "library",
+          "type": "embedded",
+        },
+      }
+    }
+    params={
+      Object {
+        "id": "email-123",
+      }
+    }
+    route={
+      Object {
+        "name": "email",
+      }
+    }
+    templateData={
+      Object {
+        "_id": "email-123",
+        "type": "EMAIL",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "html_content": "<p>Test content</p>",
+              "subject": "Test Email",
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Edge Cases for Uncovered Lines Should handle FTP channel 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    messageDetails={Object {}}
+    mode="edit"
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Edge Cases for Uncovered Lines Should handle InApp channel preview 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <MobilePushPreviewV2
+    channel="INAPP"
+    templateData={
+      Object {
+        "type": "INAPP",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "message": "Test InApp message",
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Edge Cases for Uncovered Lines Should handle LINE channel with video content 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="line"
+    charCounterEnabled={false}
+    content={
+      Array [
+        Object {
+          "actionUrl": "https://example.com/link",
+          "baseUrl": undefined,
+          "imageCarousel": Array [
+            Object {
+              "actionLabel": undefined,
+              "imageUrl": undefined,
+            },
+          ],
+          "messageContent": undefined,
+          "previewImageUrl": undefined,
+          "selectedSticker": Object {
+            "animatedStickerUrl": undefined,
+            "packageId": undefined,
+            "stickerId": undefined,
+            "stickerUrl": undefined,
+          },
+          "type": "image_carousel",
+          "video": "https://example.com/video.mp4",
+        },
+      ]
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "LINE",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "video": Object {
+                    "externalLink": Object {
+                      "linkUri": "https://example.com/link",
+                    },
+                    "originalContentUrl": "https://example.com/video.mp4",
+                  },
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+    viberBrandName=""
+  />
+  <Connect(Connect(UserIsAuthenticated(InjectIntl(CreativesCommon))))
+    location={
+      Object {
+        "pathname": "/sms/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    params={
+      Object {
+        "id": undefined,
+        "mode": undefined,
+      }
+    }
+    route={
+      Object {
+        "name": "edit_text",
+      }
+    }
+    templateData={
+      Object {
+        "type": "LINE",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "video": Object {
+                    "externalLink": Object {
+                      "linkUri": "https://example.com/link",
+                    },
+                    "originalContentUrl": "https://example.com/video.mp4",
+                  },
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Edge Cases for Uncovered Lines Should handle SMS channel with DLT content processing 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="sms"
+    charCounterEnabled={true}
+    content="Fallback SMS content"
+    showCount={true}
+    templateData={
+      Object {
+        "type": "SMS",
+        "versions": Object {
+          "base": Object {
+            "sms-editor": "Fallback SMS content",
+            "updated-sms-editor": Array [
+              "Line 1",
+              "Line 2",
+              "Line 3",
+            ],
+          },
+        },
+      }
+    }
+    viberBrandName=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Edge Cases for Uncovered Lines Should handle WeChat channel in different modes 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(InjectIntl(Wrapper))
+    mode="editTemplate"
+    query={
+      Object {
+        "isEditFromCampaigns": undefined,
+        "module": "library",
+        "type": "embedded",
+      }
+    }
+    templateData={
+      Object {
+        "type": "WECHAT",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "msgcontent": "RICH_MEDIA_WECHAT",
+            },
+          },
+        },
+      }
+    }
+    templateType="mapTemplate"
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Edge Cases for Uncovered Lines Should handle default case in getChannelPreviewContent 1`] = `<SlideBoxContent__CreativesWrapper />`;
+
+exports[`Test SlideBoxContent container Edge Cases for Uncovered Lines Should handle getLineType with LINE channel and empty templateData 1`] = `<SlideBoxContent__CreativesWrapper />`;
+
 exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIFE Should handle isTestAndPreviewMode IIFE in Email edit mode with ID 1`] = `
 <SlideBoxContent__CreativesWrapper>
   <ForwardRef
@@ -202,6 +683,18 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
 </SlideBoxContent__CreativesWrapper>
 `;
 
+exports[`Test SlideBoxContent container Mobile Push with Loyalty Module Should render MobilePushNew for loyalty module in full mode (create) 1`] = `<SlideBoxContent__CreativesWrapper />`;
+
+exports[`Test SlideBoxContent container Mobile Push with Loyalty Module Should render MobilePushNew for loyalty module in full mode (edit) 1`] = `<SlideBoxContent__CreativesWrapper />`;
+
+exports[`Test SlideBoxContent container Mobile Push with Loyalty Module Should render MobilePushNew for non-loyalty module in library mode (create) 1`] = `<SlideBoxContent__CreativesWrapper />`;
+
+exports[`Test SlideBoxContent container Mobile Push with Loyalty Module Should render MobilePushNew for non-loyalty module in library mode (edit) 1`] = `<SlideBoxContent__CreativesWrapper />`;
+
+exports[`Test SlideBoxContent container Mobile Push with Loyalty Module Should render MobilepushWrapper for loyalty module in library mode (create) 1`] = `<SlideBoxContent__CreativesWrapper />`;
+
+exports[`Test SlideBoxContent container Mobile Push with Loyalty Module Should render MobliPushEdit for loyalty module in library mode (edit) 1`] = `<SlideBoxContent__CreativesWrapper />`;
+
 exports[`Test SlideBoxContent container Should handle isTestAndPreviewMode IIFE implementation correctly 1`] = `
 <SlideBoxContent__CreativesWrapper>
   <ForwardRef

package/v2Containers/MobilePushNew/components/MediaUploaders.js

@@ -20,6 +20,7 @@ import CapLabel from "@capillarytech/cap-ui-library/CapLabel";
 import CapSelect from "@capillarytech/cap-ui-library/CapSelect";
 import CapInput from "@capillarytech/cap-ui-library/CapInput";
 import CapError from "@capillarytech/cap-ui-library/CapError";
+import CapTooltip from "@capillarytech/cap-ui-library/CapTooltip";
 import CapImageUpload from "../../../v2Components/CapImageUpload";
 import CapVideoUpload from "../../../v2Components/CapVideoUpload";
 import {
@@ -600,13 +601,19 @@ const MediaUploaders = ({
                 <FormattedMessage {...messages.optionalText} />
               </CapLabel>
             </CapRow>
-            <CapCheckbox
-              checked={button.actionOnClick}
-              onChange={(e) => handleCarouselActionOnClickChange(cardIndex, e.target.checked)}
-              className="action-on-click-checkbox"
+            <CapTooltip
+              title={<FormattedMessage {...messages.carouselActionDisabledMessage} />}
+              placement="topLeft"
             >
-              <FormattedMessage {...messages.actionOnClickBody} />
-            </CapCheckbox>
+              <CapCheckbox
+                checked={button.actionOnClick}
+                onChange={(e) => handleCarouselActionOnClickChange(cardIndex, e.target.checked)}
+                className="action-on-click-checkbox"
+                disabled={true}
+              >
+                <FormattedMessage {...messages.actionOnClickBody} />
+              </CapCheckbox>
+            </CapTooltip>
             <CapRow>
               <CapLabel className="action-description">
                 <FormattedMessage {...messages.actionDescription} />

package/v2Containers/MobilePushNew/components/tests/MediaUploaders.test.js

@@ -1132,7 +1132,7 @@ describe('MediaUploaders', () => {
   });
 
   describe('Carousel action link handlers', () => {
-    it('should handle carousel action on click change', () => {
+    it('should render carousel action on click checkbox as disabled with tooltip', () => {
       const onCarouselDataChange = jest.fn();
       renderComponent({
         mediaType: 'CAROUSEL',
@@ -1151,22 +1151,10 @@ describe('MediaUploaders', () => {
         onCarouselDataChange,
       });
 
-      // Find checkbox by class name since it renders with cap-checkbox-v2
+      // Verify checkbox is disabled
       const checkbox = document.querySelector('.cap-checkbox-v2 input[type="checkbox"]');
       if (checkbox) {
-        fireEvent.click(checkbox);
-        expect(onCarouselDataChange).toHaveBeenCalledWith(
-          ANDROID,
-          expect.arrayContaining([
-            expect.objectContaining({
-              buttons: expect.arrayContaining([
-                expect.objectContaining({
-                  actionOnClick: true,
-                })
-              ])
-            })
-          ])
-        );
+        expect(checkbox).toBeDisabled();
       } else {
         // If checkbox not found, just verify component renders
         expect(screen.getByTestId('cap-image-upload')).toBeInTheDocument();