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

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

@@ -1,486 +1,5 @@
 // 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
@@ -683,18 +202,6 @@ 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/MobilePush/Create/index.js

@@ -207,9 +207,6 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
       {
         formData: newFormData,
         tabCount,
-        isSchemaChanged:
-          compareValue?.toLowerCase() === EXTERNAL_LINK_LOWERCASE ||
-          !this.state?.isSchemaChanged,
       },
       () => {
         if (isFullMode && showTemplateName) {
@@ -220,6 +217,9 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
         }
       }
     );
+    this.setState({isSchemaChanged:
+      compareValue?.toLowerCase() === EXTERNAL_LINK_LOWERCASE ||
+      !this.state?.isSchemaChanged});
   };
 
   onTagSelect = (data, currentTab, srcComp) => {

package/v2Containers/MobilePushNew/components/MediaUploaders.js

@@ -20,7 +20,6 @@ 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 {
@@ -601,19 +600,13 @@ const MediaUploaders = ({
                 <FormattedMessage {...messages.optionalText} />
               </CapLabel>
             </CapRow>
-            <CapTooltip
-              title={<FormattedMessage {...messages.carouselActionDisabledMessage} />}
-              placement="topLeft"
+            <CapCheckbox
+              checked={button.actionOnClick}
+              onChange={(e) => handleCarouselActionOnClickChange(cardIndex, e.target.checked)}
+              className="action-on-click-checkbox"
             >
-              <CapCheckbox
-                checked={button.actionOnClick}
-                onChange={(e) => handleCarouselActionOnClickChange(cardIndex, e.target.checked)}
-                className="action-on-click-checkbox"
-                disabled={true}
-              >
-                <FormattedMessage {...messages.actionOnClickBody} />
-              </CapCheckbox>
-            </CapTooltip>
+              <FormattedMessage {...messages.actionOnClickBody} />
+            </CapCheckbox>
             <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 render carousel action on click checkbox as disabled with tooltip', () => {
+    it('should handle carousel action on click change', () => {
       const onCarouselDataChange = jest.fn();
       renderComponent({
         mediaType: 'CAROUSEL',
@@ -1151,10 +1151,22 @@ describe('MediaUploaders', () => {
         onCarouselDataChange,
       });
 
-      // Verify checkbox is disabled
+      // Find checkbox by class name since it renders with cap-checkbox-v2
       const checkbox = document.querySelector('.cap-checkbox-v2 input[type="checkbox"]');
       if (checkbox) {
-        expect(checkbox).toBeDisabled();
+        fireEvent.click(checkbox);
+        expect(onCarouselDataChange).toHaveBeenCalledWith(
+          ANDROID,
+          expect.arrayContaining([
+            expect.objectContaining({
+              buttons: expect.arrayContaining([
+                expect.objectContaining({
+                  actionOnClick: true,
+                })
+              ])
+            })
+          ])
+        );
       } else {
         // If checkbox not found, just verify component renders
         expect(screen.getByTestId('cap-image-upload')).toBeInTheDocument();