@capillarytech/creatives-library 8.0.159-alpha.1 → 8.0.160

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

@@ -1,5 +1,223 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIFE Should handle isTestAndPreviewMode IIFE in Email edit mode with ID 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    cap={Object {}}
+    editor="default"
+    eventContextTags={Object {}}
+    getDefaultTags=""
+    handleCloseTestAndPreview={[MockFunction]}
+    handleTestAndPreview={[MockFunction]}
+    isLoyaltyModule={false}
+    isTestAndPreviewMode={true}
+    key="cretives-container-email-edit"
+    location={
+      Object {
+        "pathname": "/email/edit",
+        "query": Object {
+          "module": "library",
+          "type": "embedded",
+        },
+      }
+    }
+    moduleType="email"
+    onValidationFail={[MockFunction]}
+    params={
+      Object {
+        "id": "123",
+      }
+    }
+    route={
+      Object {
+        "name": "email",
+      }
+    }
+    showLiquidErrorInFooter={false}
+    showTemplateName={[MockFunction]}
+    showTestAndPreviewSlidebox={true}
+    templateData={
+      Object {
+        "_id": "123",
+        "type": "EMAIL",
+        "versions": Object {
+          "base": Object {
+            "content": Object {},
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIFE Should handle isTestAndPreviewMode IIFE in Email edit mode with ID 2`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    cap={Object {}}
+    editor="default"
+    eventContextTags={Object {}}
+    getDefaultTags=""
+    handleCloseTestAndPreview={[MockFunction]}
+    handleTestAndPreview={[MockFunction]}
+    isLoyaltyModule={false}
+    isTestAndPreviewMode={false}
+    key="cretives-container-email-edit"
+    location={
+      Object {
+        "pathname": "/email/edit",
+        "query": Object {
+          "module": "library",
+          "type": "embedded",
+        },
+      }
+    }
+    moduleType="email"
+    onValidationFail={[MockFunction]}
+    params={
+      Object {
+        "id": "123",
+      }
+    }
+    route={
+      Object {
+        "name": "email",
+      }
+    }
+    showLiquidErrorInFooter={false}
+    showTemplateName={[MockFunction]}
+    showTestAndPreviewSlidebox={false}
+    templateData={
+      Object {
+        "_id": "123",
+        "type": "EMAIL",
+        "versions": Object {
+          "base": Object {
+            "content": Object {},
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIFE Should handle isTestAndPreviewMode IIFE in Email edit mode without ID 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    cap={Object {}}
+    editor="default"
+    eventContextTags={Object {}}
+    getDefaultTags=""
+    handleCloseTestAndPreview={[MockFunction]}
+    handleTestAndPreview={[MockFunction]}
+    isLoyaltyModule={false}
+    isTestAndPreviewMode={true}
+    key="cretives-container-email-edit"
+    location={
+      Object {
+        "pathname": "/email/edit",
+        "query": Object {
+          "module": "library",
+          "type": "embedded",
+        },
+      }
+    }
+    moduleType="email"
+    onValidationFail={[MockFunction]}
+    params={
+      Object {
+        "id": undefined,
+      }
+    }
+    route={
+      Object {
+        "name": "email",
+      }
+    }
+    showLiquidErrorInFooter={false}
+    showTemplateName={[MockFunction]}
+    showTestAndPreviewSlidebox={true}
+    templateData={
+      Object {
+        "type": "EMAIL",
+        "versions": Object {
+          "base": Object {
+            "content": Object {},
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIFE Should handle isTestAndPreviewMode IIFE in Email edit mode without ID 2`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    cap={Object {}}
+    editor="default"
+    eventContextTags={Object {}}
+    getDefaultTags=""
+    handleCloseTestAndPreview={[MockFunction]}
+    handleTestAndPreview={[MockFunction]}
+    isLoyaltyModule={false}
+    isTestAndPreviewMode={false}
+    key="cretives-container-email-edit"
+    location={
+      Object {
+        "pathname": "/email/edit",
+        "query": Object {
+          "module": "library",
+          "type": "embedded",
+        },
+      }
+    }
+    moduleType="email"
+    onValidationFail={[MockFunction]}
+    params={
+      Object {
+        "id": undefined,
+      }
+    }
+    route={
+      Object {
+        "name": "email",
+      }
+    }
+    showLiquidErrorInFooter={false}
+    showTemplateName={[MockFunction]}
+    showTestAndPreviewSlidebox={false}
+    templateData={
+      Object {
+        "type": "EMAIL",
+        "versions": Object {
+          "base": Object {
+            "content": Object {},
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Should handle isTestAndPreviewMode IIFE implementation correctly 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    onCreateComplete={[MockFunction]}
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Should handle isTestAndPreviewMode IIFE implementation correctly 2`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    onCreateComplete={[MockFunction]}
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
 exports[`Test SlideBoxContent container Should render correct component for line channel preview mode 1`] = `
 <SlideBoxContent__CreativesWrapper>
   <InjectIntl(TemplatePreview)
@@ -1053,3 +1271,1726 @@ exports[`Test SlideBoxContent container Should render correct component for what
   />
 </SlideBoxContent__CreativesWrapper>
 `;
+
+exports[`Test SlideBoxContent container Should render correctly with isTestAndPreviewMode disabled 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    onCreateComplete={[MockFunction]}
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Should render correctly with isTestAndPreviewMode disabled 2`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(UserIsAuthenticated(Connect(InjectIntl(EmailWrapper))))
+    date={0}
+    getCmsTemplatesInProgress={false}
+    isTestAndPreviewMode={false}
+    key="creatives-email-wrapper"
+    templateData={
+      Object {
+        "mode": "create",
+      }
+    }
+    type=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Should render correctly with isTestAndPreviewMode disabled 3`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="viber"
+    charCounterEnabled={false}
+    content={
+      Object {
+        "viberPreviewContent": Object {
+          "buttonText": undefined,
+          "messageContent": "test",
+        },
+      }
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "_id": "6646ef8af3c82f686462cf91",
+        "createdAt": "2024-05-17T05:47:54.636Z",
+        "createdBy": "50685415",
+        "isActive": true,
+        "name": "test temp_2",
+        "orgId": 1231,
+        "type": "VIBER",
+        "updatedAt": "2024-05-17T12:05:52.950Z",
+        "updatedBy": "50685415",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "content": Object {
+                "text": "test",
+              },
+              "destinations": Array [
+                Object {
+                  "to": Object {
+                    "phoneNumber": "{{viber_user_id}}",
+                  },
+                },
+              ],
+            },
+          },
+          "history": Array [],
+        },
+      }
+    }
+    viberBrandName=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Should render correctly with isTestAndPreviewMode enabled 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    onCreateComplete={[MockFunction]}
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Should render correctly with isTestAndPreviewMode enabled 2`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(UserIsAuthenticated(Connect(InjectIntl(EmailWrapper))))
+    date={0}
+    getCmsTemplatesInProgress={false}
+    isTestAndPreviewMode={true}
+    key="creatives-email-wrapper"
+    templateData={
+      Object {
+        "mode": "create",
+      }
+    }
+    type=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container Should render correctly with isTestAndPreviewMode enabled 3`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="viber"
+    charCounterEnabled={false}
+    content={
+      Object {
+        "viberPreviewContent": Object {
+          "buttonText": undefined,
+          "messageContent": "test",
+        },
+      }
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "_id": "6646ef8af3c82f686462cf91",
+        "createdAt": "2024-05-17T05:47:54.636Z",
+        "createdBy": "50685415",
+        "isActive": true,
+        "name": "test temp_2",
+        "orgId": 1231,
+        "type": "VIBER",
+        "updatedAt": "2024-05-17T12:05:52.950Z",
+        "updatedBy": "50685415",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "content": Object {
+                "text": "test",
+              },
+              "destinations": Array [
+                Object {
+                  "to": Object {
+                    "phoneNumber": "{{viber_user_id}}",
+                  },
+                },
+              ],
+            },
+          },
+          "history": Array [],
+        },
+      }
+    }
+    viberBrandName=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function Should handle FACEBOOK channel preview content 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="facebook"
+    charCounterEnabled={false}
+    content={
+      Object {
+        "accessToken": "token",
+        "accountId": "123",
+        "callToAction": "Click",
+        "displayLink": "example.com",
+        "pageAccessToken": "page-token",
+        "pageId": "page-123",
+        "previewData": Array [
+          Object {
+            "imageData": Object {
+              "imageSrc": "image.jpg",
+            },
+            "linkDesc": "Description",
+            "linkHeadLine": "Headline",
+            "subType": "single",
+            "videoData": Object {},
+            "webSiteLink": "example.com",
+          },
+        ],
+        "primaryText": "Hello",
+        "selectedAd": "image",
+      }
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "FACEBOOK",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "FacebookAd": Array [
+                Object {
+                  "callToAction": "Click",
+                  "displayLink": "example.com",
+                  "imgSrc": "image.jpg",
+                  "linkDesc": "Description",
+                  "linkHeadLine": "Headline",
+                  "primaryText": "Hello",
+                  "subType": "single",
+                  "type": "image",
+                  "webSiteLink": "example.com",
+                },
+              ],
+              "pageOrgUnitId": "123",
+            },
+          },
+        },
+      }
+    }
+    viberBrandName=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function Should handle LINE channel preview content with flex type 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="line"
+    charCounterEnabled={false}
+    content={
+      Array [
+        Object {
+          "actionUrl": undefined,
+          "baseUrl": undefined,
+          "imageCarousel": Array [
+            Object {
+              "actionLabel": "Click",
+              "imageUrl": "image.jpg",
+            },
+          ],
+          "messageContent": undefined,
+          "previewImageUrl": undefined,
+          "selectedSticker": Object {
+            "animatedStickerUrl": undefined,
+            "packageId": undefined,
+            "stickerId": undefined,
+            "stickerUrl": undefined,
+          },
+          "type": "image_carousel",
+          "video": undefined,
+        },
+      ]
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "LINE",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "contents": Object {
+                    "contents": Array [
+                      Object {
+                        "footer": Object {
+                          "contents": Array [
+                            Object {
+                              "action": Object {
+                                "label": "Click",
+                              },
+                            },
+                          ],
+                        },
+                        "hero": Object {
+                          "url": "image.jpg",
+                        },
+                      },
+                    ],
+                  },
+                  "type": "flex",
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+    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 {
+                  "contents": Object {
+                    "contents": Array [
+                      Object {
+                        "footer": Object {
+                          "contents": Array [
+                            Object {
+                              "action": Object {
+                                "label": "Click",
+                              },
+                            },
+                          ],
+                        },
+                        "hero": Object {
+                          "url": "image.jpg",
+                        },
+                      },
+                    ],
+                  },
+                  "type": "flex",
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function Should handle LINE channel preview content with template type 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="line"
+    charCounterEnabled={false}
+    content={
+      Array [
+        Object {
+          "actionUrl": undefined,
+          "baseUrl": undefined,
+          "imageCarousel": Array [
+            Object {
+              "actionLabel": "Click",
+              "imageUrl": "image.jpg",
+            },
+          ],
+          "messageContent": undefined,
+          "previewImageUrl": undefined,
+          "selectedSticker": Object {
+            "animatedStickerUrl": undefined,
+            "packageId": undefined,
+            "stickerId": undefined,
+            "stickerUrl": undefined,
+          },
+          "type": "image_carousel",
+          "video": undefined,
+        },
+      ]
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "LINE",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "template": Object {
+                    "columns": Array [
+                      Object {
+                        "action": Object {
+                          "label": "Click",
+                        },
+                        "imageUrl": "image.jpg",
+                      },
+                    ],
+                  },
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+    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 {
+                  "template": Object {
+                    "columns": Array [
+                      Object {
+                        "action": Object {
+                          "label": "Click",
+                        },
+                        "imageUrl": "image.jpg",
+                      },
+                    ],
+                  },
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function Should handle RCS channel preview content 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="rcs"
+    charCounterEnabled={false}
+    content={
+      Object {
+        "rcsPreviewContent": Object {
+          "buttonText": "Click",
+          "rcsDesc": "Description",
+          "rcsImageSrc": "image.jpg",
+          "rcsTitle": "Title",
+        },
+      }
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "RCS",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "RCS": Object {
+                "cardContent": Array [
+                  Object {
+                    "description": "Description",
+                    "media": Object {
+                      "mediaUrl": "image.jpg",
+                    },
+                    "suggestions": Array [
+                      Object {
+                        "text": "Click",
+                      },
+                    ],
+                    "title": "Title",
+                  },
+                ],
+              },
+            },
+          },
+        },
+      }
+    }
+    viberBrandName=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function Should handle SMS channel preview content with DLT enabled 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="sms"
+    charCounterEnabled={true}
+    showCount={true}
+    templateData={
+      Object {
+        "type": "SMS",
+        "versions": Object {
+          "base": Object {
+            "updated-sms-editor": Array [
+              "Hello",
+              "World",
+            ],
+          },
+        },
+      }
+    }
+    viberBrandName=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function Should handle SMS channel preview content without DLT 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="sms"
+    charCounterEnabled={true}
+    content="Hello World"
+    showCount={true}
+    templateData={
+      Object {
+        "type": "SMS",
+        "versions": Object {
+          "base": Object {
+            "sms-editor": "Hello World",
+          },
+        },
+      }
+    }
+    viberBrandName=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function Should handle VIBER channel preview content with all content types 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="viber"
+    charCounterEnabled={false}
+    content={
+      Object {
+        "viberPreviewContent": Object {
+          "buttonText": "Click Me",
+          "imageURL": "image.jpg",
+          "messageContent": "Hello World",
+          "videoParams": Object {
+            "viberVideoPreviewImg": "thumbnail.jpg",
+            "viberVideoSrc": "video.mp4",
+          },
+        },
+      }
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "VIBER",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "content": Object {
+                "button": Object {
+                  "text": "Click Me",
+                },
+                "image": Object {
+                  "url": "image.jpg",
+                },
+                "text": "Hello World",
+                "video": Object {
+                  "thumbnailUrl": "thumbnail.jpg",
+                  "url": "video.mp4",
+                },
+              },
+            },
+          },
+        },
+      }
+    }
+    viberBrandName=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function Should handle VIBER channel preview content with only image 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="viber"
+    charCounterEnabled={false}
+    content={
+      Object {
+        "viberPreviewContent": Object {
+          "buttonText": undefined,
+          "imageURL": "image.jpg",
+          "messageContent": "",
+        },
+      }
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "VIBER",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "content": Object {
+                "image": Object {
+                  "url": "image.jpg",
+                },
+              },
+            },
+          },
+        },
+      }
+    }
+    viberBrandName=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function Should handle VIBER channel preview content with only text 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="viber"
+    charCounterEnabled={false}
+    content={
+      Object {
+        "viberPreviewContent": Object {
+          "buttonText": undefined,
+          "messageContent": "Hello World",
+        },
+      }
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "VIBER",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "content": Object {
+                "text": "Hello World",
+              },
+            },
+          },
+        },
+      }
+    }
+    viberBrandName=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function Should handle VIBER channel preview content with only video 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="viber"
+    charCounterEnabled={false}
+    content={
+      Object {
+        "viberPreviewContent": Object {
+          "buttonText": undefined,
+          "messageContent": "",
+          "videoParams": Object {
+            "viberVideoPreviewImg": "thumbnail.jpg",
+            "viberVideoSrc": "video.mp4",
+          },
+        },
+      }
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "VIBER",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "content": Object {
+                "video": Object {
+                  "thumbnailUrl": "thumbnail.jpg",
+                  "url": "video.mp4",
+                },
+              },
+            },
+          },
+        },
+      }
+    }
+    viberBrandName=""
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function for LINE messages type detection Should detect image type in LINE messages 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="line"
+    charCounterEnabled={false}
+    content={
+      Array [
+        Object {
+          "actionUrl": undefined,
+          "baseUrl": undefined,
+          "imageCarousel": Array [
+            Object {
+              "actionLabel": undefined,
+              "imageUrl": undefined,
+            },
+          ],
+          "messageContent": undefined,
+          "previewImageUrl": "image.jpg",
+          "selectedSticker": Object {
+            "animatedStickerUrl": undefined,
+            "packageId": undefined,
+            "stickerId": undefined,
+            "stickerUrl": undefined,
+          },
+          "type": "image",
+          "video": undefined,
+        },
+      ]
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "LINE",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "previewImageUrl": "image.jpg",
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+    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": "image.jpg",
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function for LINE messages type detection Should detect image_carousel type in LINE messages with contents 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="line"
+    charCounterEnabled={false}
+    content={
+      Array [
+        Object {
+          "actionUrl": undefined,
+          "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": undefined,
+        },
+      ]
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "LINE",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "contents": Object {},
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+    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 {
+                  "contents": Object {},
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function for LINE messages type detection Should detect image_carousel type in LINE messages with template 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="line"
+    charCounterEnabled={false}
+    content={
+      Array [
+        Object {
+          "actionUrl": undefined,
+          "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": undefined,
+        },
+      ]
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "LINE",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "template": Object {},
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+    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 {
+                  "template": Object {},
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function for LINE messages type detection Should detect imagemap type in LINE messages 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="line"
+    charCounterEnabled={false}
+    content={
+      Array [
+        Object {
+          "actionUrl": undefined,
+          "baseUrl": "base.jpg",
+          "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 {
+                  "baseUrl": "base.jpg",
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+    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 {
+                  "baseUrl": "base.jpg",
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function for LINE messages type detection Should detect sticker type in LINE messages 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="line"
+    charCounterEnabled={false}
+    content={
+      Array [
+        Object {
+          "actionUrl": undefined,
+          "baseUrl": undefined,
+          "imageCarousel": Array [
+            Object {
+              "actionLabel": undefined,
+              "imageUrl": undefined,
+            },
+          ],
+          "messageContent": undefined,
+          "previewImageUrl": undefined,
+          "selectedSticker": Object {
+            "packageId": "456",
+            "stickerId": "123",
+            "stickerUrl": "sticker.jpg",
+          },
+          "type": "sticker",
+          "video": undefined,
+        },
+      ]
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "LINE",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "selectedSticker": Object {
+                    "packageId": "456",
+                    "stickerId": "123",
+                    "stickerUrl": "sticker.jpg",
+                  },
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+    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 {
+                  "selectedSticker": Object {
+                    "packageId": "456",
+                    "stickerId": "123",
+                    "stickerUrl": "sticker.jpg",
+                  },
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function for LINE messages type detection Should detect sticker type in LINE messages 2`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="line"
+    charCounterEnabled={false}
+    content={
+      Array [
+        Object {
+          "actionUrl": undefined,
+          "baseUrl": undefined,
+          "imageCarousel": Array [
+            Object {
+              "actionLabel": undefined,
+              "imageUrl": undefined,
+            },
+          ],
+          "messageContent": undefined,
+          "previewImageUrl": undefined,
+          "selectedSticker": Object {
+            "animatedStickerUrl": undefined,
+            "packageId": undefined,
+            "stickerId": undefined,
+            "stickerUrl": "sticker.jpg",
+          },
+          "type": "sticker",
+          "video": undefined,
+        },
+      ]
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "LINE",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "stickerUrl": "sticker.jpg",
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+    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 {
+                  "stickerUrl": "sticker.jpg",
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function for LINE messages type detection Should detect text type in LINE messages 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 World",
+          "previewImageUrl": undefined,
+          "selectedSticker": Object {
+            "animatedStickerUrl": undefined,
+            "packageId": undefined,
+            "stickerId": undefined,
+            "stickerUrl": undefined,
+          },
+          "type": "text",
+          "video": undefined,
+        },
+      ]
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "LINE",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "text": "Hello World",
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+    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 {
+                  "text": "Hello World",
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getChannelPreviewContent utility function for LINE messages type detection Should detect video type in LINE messages 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <InjectIntl(TemplatePreview)
+    channel="line"
+    charCounterEnabled={false}
+    content={
+      Array [
+        Object {
+          "actionUrl": "example.com",
+          "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": "video.mp4",
+        },
+      ]
+    }
+    showCount={true}
+    templateData={
+      Object {
+        "type": "LINE",
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "video": Object {
+                    "externalLink": Object {
+                      "linkUri": "example.com",
+                    },
+                    "originalContentUrl": "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": "example.com",
+                    },
+                    "originalContentUrl": "video.mp4",
+                  },
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getLineType utility function Should handle LINE channel in create mode with full mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(Connect(UserIsAuthenticated(InjectIntl(CreativesCommon))))
+    createNew={true}
+    isFullMode={true}
+    location={
+      Object {
+        "pathname": "/sms/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "default",
+          "type": false,
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    templateData={null}
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getLineType utility function Should handle LINE channel in edit mode with full mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(Connect(UserIsAuthenticated(InjectIntl(CreativesCommon))))
+    isFullMode={true}
+    location={
+      Object {
+        "pathname": "/sms/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "default",
+          "type": false,
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    params={
+      Object {
+        "id": undefined,
+        "mode": undefined,
+      }
+    }
+    route={
+      Object {
+        "name": "edit_text",
+      }
+    }
+    templateData={
+      Object {
+        "type": "LINE",
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getLineType utility function Should handle LINE channel in non-full mode with default template 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(Connect(UserIsAuthenticated(InjectIntl(CreativesCommon))))
+    createNew={true}
+    isFullMode={false}
+    location={
+      Object {
+        "pathname": "/sms/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    templateData={
+      Object {
+        "isDefault": true,
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getLineType utility function Should handle LINE channel in non-full mode with template data 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(Connect(UserIsAuthenticated(InjectIntl(CreativesCommon))))
+    isFullMode={false}
+    location={
+      Object {
+        "pathname": "/sms/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    params={
+      Object {
+        "id": "123",
+        "mode": undefined,
+      }
+    }
+    route={
+      Object {
+        "name": "edit_text",
+      }
+    }
+    templateData={
+      Object {
+        "_id": "123",
+        "isDefault": true,
+        "versions": Object {
+          "base": Object {
+            "content": Object {
+              "messages": Array [
+                Object {
+                  "text": "test",
+                },
+              ],
+            },
+          },
+        },
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getViber utility function Should handle VIBER channel in create mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    createNew={true}
+    location={
+      Object {
+        "pathname": "/sms/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    templateData={null}
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getViber utility function Should handle VIBER channel in edit mode 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <ForwardRef
+    createNew={true}
+    location={
+      Object {
+        "pathname": "/sms/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    params={
+      Object {
+        "id": undefined,
+      }
+    }
+    templateData={
+      Object {
+        "type": "VIBER",
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getViber utility function Should handle non-VIBER channel 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <SmsWrapper
+    getDefaultTags=""
+    isComponent={true}
+    isCreateSms={true}
+    location={
+      Object {
+        "pathname": "/sms/edit",
+        "query": Object {
+          "isEditFromCampaigns": undefined,
+          "module": "library",
+          "type": "embedded",
+        },
+        "search": "",
+      }
+    }
+    onCreateComplete={[MockFunction]}
+    route={
+      Object {
+        "name": "sms",
+      }
+    }
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getWechatTemplateType utility function Should return MAP_TEMPLATE when mode is not CREATE and msgcontent is not RICH_MEDIA_WECHAT 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(InjectIntl(Wrapper))
+    mode="editTemplate"
+    query={
+      Object {
+        "isEditFromCampaigns": undefined,
+        "module": "library",
+        "type": "embedded",
+      }
+    }
+    templateData={
+      Object {
+        "definition": Object {
+          "msgcontent": "OTHER",
+        },
+      }
+    }
+    templateType="mapTemplate"
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getWechatTemplateType utility function Should return RICH_MEDIA when mode is not CREATE and msgcontent is RICH_MEDIA_WECHAT 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(InjectIntl(Wrapper))
+    mode="editTemplate"
+    query={
+      Object {
+        "isEditFromCampaigns": undefined,
+        "module": "library",
+        "type": "embedded",
+      }
+    }
+    templateData={
+      Object {
+        "definition": Object {
+          "msgcontent": "RICH_MEDIA_WECHAT",
+        },
+      }
+    }
+    templateType="richMedia"
+  />
+</SlideBoxContent__CreativesWrapper>
+`;
+
+exports[`Test SlideBoxContent container getWechatTemplateType utility function Should return weChatTemplateType when mode is CREATE 1`] = `
+<SlideBoxContent__CreativesWrapper>
+  <Connect(InjectIntl(Wrapper))
+    mode="createTemplate"
+    query={
+      Object {
+        "isEditFromCampaigns": undefined,
+        "module": "library",
+        "type": "embedded",
+      }
+    }
+    templateData={null}
+    templateType="richMedia"
+  />
+</SlideBoxContent__CreativesWrapper>
+`;