@capillarytech/creatives-library 8.0.241 → 8.0.242-alpha.0

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -28,6 +28,10 @@ import { getWhatsappContent } from '../Whatsapp/utils';
 import * as commonUtil from '../../utils/common';
 import Zalo from '../Zalo';
 import MobilePushNew from '../MobilePushNew';
+import WebPush from '../WebPush';
+import DevicePreviewContent from '../WebPush/Create/preview/DevicePreviewContent';
+import { LAYOUT_MODE } from '../WebPush/Create/preview/constants';
+import { WEBPUSH_CONTENT_FIELDS, WEBPUSH_TEMPLATE_PATHS } from '../WebPush/constants';
 const CreativesWrapper = styled.div`
   .ant-popover,
   .ant-notification,
@@ -164,6 +168,7 @@ export function SlideBoxContent(props) {
       handleTestAndPreview,
       handleCloseTestAndPreview,
       isTestAndPreviewMode,
+      supportedTags = [],
     } = props;
   const type = (messageDetails.type || '').toLowerCase(); // type is context in get tags values : outbound | dvs | referral | loyalty | coupons
   const query = { type: !isFullMode && 'embedded', module: isFullMode ? 'default' : 'library', isEditFromCampaigns: (templateData || {}).isEditFromCampaigns};
@@ -200,6 +205,7 @@ export function SlideBoxContent(props) {
   const isCreateRcs = isCreate && channel === constants.RCS;
   const isCreateMPush = isCreate && channel === constants.MOBILE_PUSH;
   const isCreateCallTask = isCreate && channel === constants.CALL_TASK;
+  const isCreateWebPush = isCreate && channel === constants.WEBPUSH;
   let isEditSms = false;
   let isEditEmailWithId = false;
   let isEmailEditWithContent = false;
@@ -207,12 +213,14 @@ export function SlideBoxContent(props) {
   let isEmailPreview = false;
   let isMpushPreview = false;
   let isInappPreview = false;
+  let isWebPushPreview = false;
   let isEditCallTask = false;
   let isEditMPush = false;
   let isEditFacebook = false;
   let isEditFTP = false;
   let isEditWhatsapp = false;
   let isEditInApp = false;
+  let isEditWebPush = false;
   let isEditRcs = false;
   let isEditZalo = false;
   const isEmailCreate = isCreate && channel === constants.EMAIL;
@@ -226,10 +234,12 @@ export function SlideBoxContent(props) {
     isEditFacebook = isEdit && channel === constants.FACEBOOK;
     isEditWhatsapp = isEdit && channel === constants.WHATSAPP;
     isEditRcs = isEdit && channel === constants.RCS;
+    isEditWebPush = isEdit && channel === constants.WEBPUSH;
     isPreview = slidBoxContent === 'preview' && [constants.SMS, constants.LINE, constants.WHATSAPP, constants.FACEBOOK, constants.VIBER, constants.RCS].includes(channel);
     isEmailPreview = slidBoxContent === 'preview' && channel === constants.EMAIL;
     isMpushPreview = slidBoxContent === 'preview' && channel === constants.MOBILE_PUSH;
     isInappPreview = slidBoxContent === 'preview' && channel === constants.INAPP;
+    isWebPushPreview = slidBoxContent === 'preview' && channel === constants.WEBPUSH;
     isEditFTP = isEdit && [constants.NO_COMMUNICATION, constants.FTP].includes(channel);
     isEditZalo = isEdit && channel?.toUpperCase() === constants.ZALO;
     isEditInApp = isEdit && channel === constants.INAPP;
@@ -477,8 +487,30 @@ export function SlideBoxContent(props) {
           templateData={templateData}
           channel={channel}
           forwardedTags={forwardedTags}
-        />
+      />
       )}
+      {isWebPushPreview && (() => {
+        const webpushContent = get(templateData, WEBPUSH_TEMPLATE_PATHS.CONTENT, {});
+        const notificationTitle = webpushContent?.[WEBPUSH_CONTENT_FIELDS.TITLE] || '';
+        const notificationBody = webpushContent?.[WEBPUSH_CONTENT_FIELDS.MESSAGE] || '';
+        const imageSrc = webpushContent?.[WEBPUSH_CONTENT_FIELDS.IMAGE] || '';
+        const brandIconSrc = webpushContent?.[WEBPUSH_CONTENT_FIELDS.BRAND_ICON] || '';
+        // Extract URL from onClickAction or use empty string
+        const url = webpushContent?.[WEBPUSH_CONTENT_FIELDS.ON_CLICK_ACTION]?.url || '';
+        
+        return (
+          <div className="webpush-preview-container">
+            <DevicePreviewContent
+              notificationTitle={notificationTitle}
+              notificationBody={notificationBody}
+              url={url}
+              imageSrc={imageSrc}
+              brandIconSrc={brandIconSrc}
+              layoutMode={LAYOUT_MODE.COMPACT}
+            />
+          </div>
+        );
+      })()}
 
       {
         (currentChannel === constants.WECHAT && !!slidBoxContent) && <WechatWrapper
@@ -979,6 +1011,28 @@ export function SlideBoxContent(props) {
         />
       )}
 
+      {(isCreateWebPush || isEditWebPush) && (
+        <WebPush
+          isFullMode={isFullMode}
+          handleClose={handleClose}
+          onCreateComplete={onCreateComplete}
+          getFormData={getFormData}
+          isGetFormData={isGetFormData}
+          templateData={isEditWebPush ? templateData : undefined}
+          creativesMode={creativesMode}
+          params={isEditWebPush && templateData ? { id: templateData._id } : undefined}
+          location={{
+            pathname: isEditWebPush ? '/webpush/edit' : '/webpush/create',
+            query,
+            search: '',
+          }}
+          getDefaultTags={type}
+          forwardedTags={forwardedTags}
+          supportedTags={supportedTags}
+          selectedOfferDetails={selectedOfferDetails}
+          eventContextTags={eventContextTags}
+        />
+      )}
       {isCreateRcs && (<Rcs
         {...rcsCommonProps}
         showLiquidErrorInFooter={showLiquidErrorInFooter}
@@ -1035,6 +1089,7 @@ SlideBoxContent.propTypes = {
   onValidationFail: PropTypes.func,
   channelsToHide: PropTypes.array,
   forwardedTags: PropTypes.object,
+  supportedTags: PropTypes.array,
   selectedOfferDetails: PropTypes.array,
   channelsToDisable: PropTypes.array,
   weChatTemplateType: PropTypes.string,
@@ -1050,7 +1105,7 @@ SlideBoxContent.propTypes = {
   onFTPSubmit: PropTypes.func,
   messageStrategy: PropTypes.string,
   fbAdManager: PropTypes.string,
-  showDisabledFBInfo: PropTypes.boolean,
+  showDisabledFBInfo: PropTypes.bool,
   orgUnitId: PropTypes.any,
   smsRegister: PropTypes.any,
   getCmsTemplatesInProgress: PropTypes.bool,

package/v2Containers/CreativesContainer/SlideBoxHeader.js

@@ -71,6 +71,7 @@ export function SlideBoxHeader(props) {
       rcs: <FormattedMessage {...messages.rcsCreative} />,
       zalo: <FormattedMessage {...messages.zaloTemplate} />,
       viber: <FormattedMessage {...messages.viberTemplate} />,
+      webpush: <FormattedMessage {...messages.webPushTemplate} />,
     };
     return labels[currentChannel.toLowerCase()];
   };

package/v2Containers/CreativesContainer/constants.js

@@ -21,6 +21,8 @@ export const PUSH = "PUSH";
 export const RCS = "RCS";
 export const ZALO = "ZALO";
 export const INAPP = "INAPP";
+export const WEBPUSH = "WEBPUSH";
+export const WEBPUSH_BRAND_ICON = "WEBPUSH_BRAND_ICON";
 export const PREVIEW = "preview";
 export const EDIT_TEMPLATE = "editTemplate";
 export const JOURNEY = "journey";

package/v2Containers/CreativesContainer/index.js

@@ -708,6 +708,68 @@ export class Creatives extends React.Component {
           };
           break;
         }
+        case constants.WEBPUSH: {
+          // Convert from campaign format (messageContent.content.content) to creatives format
+          const webpushContent = get(templateData, 'content', {});
+          const accountId = get(templateData, 'accountId');
+          const templateName = templateData.name || 'Campaign message WebPush content';
+          const brandIcon = webpushContent.iconImageUrl || '';
+          
+          // Map cta to onClickAction
+          let onClickAction = null;
+          if (webpushContent.cta) {
+            if (webpushContent.cta.type === 'EXTERNAL_URL') {
+              onClickAction = {
+                type: 'URL',
+                url: webpushContent.cta.actionLink || '',
+              };
+            } else {
+              onClickAction = {
+                type: webpushContent.cta.type || 'SITE_URL',
+              };
+            }
+          }
+          
+          // Map expandableDetails.ctas to ctas array
+          let ctas = [];
+          if (webpushContent.expandableDetails?.ctas && webpushContent.expandableDetails.ctas.length > 0) {
+            ctas = webpushContent.expandableDetails.ctas.map((ctaItem) => ({
+              actionText: ctaItem.title || ctaItem.actionText || '',
+              type: 'URL',
+              actionLink: ctaItem.actionLink || '',
+            }));
+          }
+          
+          // Map expandableDetails.media to image if present
+          let image = null;
+          if (webpushContent.expandableDetails?.media && webpushContent.expandableDetails.media.length > 0) {
+            const firstMedia = webpushContent.expandableDetails.media[0];
+            if (firstMedia.type === 'IMAGE' && firstMedia.url) {
+              image = firstMedia.url;
+            }
+          }
+          
+          creativesTemplateData = {
+            type: channel,
+            name: templateData.messageSubject,
+            versions: {
+              base: {
+                content: {
+                  webpush: {
+                    title: webpushContent.title || '',
+                    message: webpushContent.message || '',
+                    ...(brandIcon && { brandIcon }),
+                    ...(onClickAction && { onClickAction }),
+                    ...(ctas.length > 0 && { ctas }),
+                    ...(image && { image, mediaType: "IMAGE" }),
+                  },
+                },
+              },
+            },
+            definition: { accountId },
+          };
+          break;
+        }
         default:
           break;
       }
@@ -1122,6 +1184,96 @@ export class Creatives extends React.Component {
         }
       }
         break;
+      case constants.WEBPUSH: {
+        if (template.value) {
+          const channelTemplate = template.value;
+          const accountId = get(channelTemplate, 'definition.accountId');
+          const webpushContent = get(channelTemplate, 'versions.base.content.webpush', {});
+          
+          const iconImageUrl = webpushContent.brandIcon || webpushContent.iconImageUrl || '';
+          
+          // Map onClickAction to cta
+          let cta = null;
+          if (webpushContent.onClickAction) {
+            if (webpushContent.onClickAction.type === 'URL') {
+              cta = {
+                type: 'EXTERNAL_URL',
+                actionLink: webpushContent.onClickAction.url || '',
+              };
+            } else {
+              cta = {
+                type: webpushContent.onClickAction.type || 'SITE_URL',
+                actionLink: webpushContent.onClickAction.url || '',
+              };
+            }
+          } else if (webpushContent.cta) {
+            // Fallback to cta if onClickAction is not present
+            cta = {
+              type: webpushContent.cta.type || 'EXTERNAL_URL',
+              actionLink: webpushContent.cta.actionLink || '',
+            };
+          }
+          
+          // Map ctas array to expandableDetails.ctas
+          let expandableDetails = null;
+          const hasCtas = webpushContent.ctas && webpushContent.ctas.length > 0;
+          const hasImage = webpushContent.image;
+          
+          if (hasCtas || hasImage) {
+            expandableDetails = {
+              media: [],
+              ctas: [],
+            };
+            
+            // Map image to expandableDetails.media
+            if (hasImage) {
+              expandableDetails.media = [{
+                url: webpushContent.image,
+                type: 'IMAGE',
+              }];
+            }
+            
+            // Map ctas array to expandableDetails.ctas
+            if (hasCtas) {
+              expandableDetails.ctas = webpushContent.ctas.map((ctaItem) => ({
+                type: ctaItem.type === 'URL' ? 'EXTERNAL_URL' : ctaItem.type,
+                action: ctaItem.action || '',
+                title: ctaItem.actionText || ctaItem.title || '',
+                actionLink: ctaItem.actionLink || '',
+              }));
+            }
+          } else if (webpushContent.expandableDetails) {
+            // If expandableDetails already exists, use it
+            expandableDetails = {
+              media: webpushContent.expandableDetails.media || [],
+              ctas: webpushContent.expandableDetails.ctas || [],
+            };
+          }
+          
+          // Convert from creatives format to campaign format
+          templateData = {
+            channel,
+            messageContent: {
+              content: {
+                channel: 'WEBPUSH',
+                accountId,
+                isDefault: false,
+                storeType: 'REGISTERED_STORE',
+                content: {
+                  title: webpushContent.title || '',
+                  message: webpushContent.message || '',
+                  ...(iconImageUrl && { iconImageUrl }),
+                  ...(cta && { cta }),
+                  ...(expandableDetails && { expandableDetails }),
+                },
+                messageSubject: channelTemplate?.name ? channelTemplate.name : 'messageSubject',
+                offers: [],
+              },
+            },
+          };
+        }
+        break;
+      }
       default:
         break;
     }

package/v2Containers/CreativesContainer/messages.js

@@ -338,6 +338,10 @@ export default defineMessages({
     id: `${scope}.rcsCreative`,
     defaultMessage: `RCS creative`,
   },
+  "webPushTemplate": {
+    id: `${scope}.webPushTemplate`,
+    defaultMessage: `Web Push Template`,
+  },
   "templateNameEmpty": {
     id: `${scope}.templateNameEmpty`,
     defaultMessage: `Template name cannot be empty`

package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/content.test.js.snap

@@ -1896,6 +1896,7 @@ new message content.",
         "creatives.containersV2.WeChat.templateName": "Template Name",
         "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
         "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+        "creatives.containersV2.WebPush.addLabels": "Add labels",
         "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
         "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
         "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -5579,6 +5580,7 @@ new message content.",
         "creatives.containersV2.WeChat.templateName": "Template Name",
         "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
         "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+        "creatives.containersV2.WebPush.addLabels": "Add labels",
         "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
         "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
         "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -9401,6 +9403,7 @@ new message content.",
         "creatives.containersV2.WeChat.templateName": "Template Name",
         "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
         "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+        "creatives.containersV2.WebPush.addLabels": "Add labels",
         "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
         "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
         "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",

package/v2Containers/Line/Container/ImageCarousel/tests/__snapshots__/index.test.js.snap

@@ -1896,6 +1896,7 @@ new message content.",
         "creatives.containersV2.WeChat.templateName": "Template Name",
         "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
         "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+        "creatives.containersV2.WebPush.addLabels": "Add labels",
         "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
         "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
         "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -21169,6 +21170,7 @@ new message content.",
         "creatives.containersV2.WeChat.templateName": "Template Name",
         "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
         "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+        "creatives.containersV2.WebPush.addLabels": "Add labels",
         "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
         "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
         "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",

package/v2Containers/Line/Container/Wrapper/tests/__snapshots__/index.test.js.snap

@@ -1896,6 +1896,7 @@ new message content.",
         "creatives.containersV2.WeChat.templateName": "Template Name",
         "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
         "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+        "creatives.containersV2.WebPush.addLabels": "Add labels",
         "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
         "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
         "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -19889,6 +19890,7 @@ new message content.",
                                   "creatives.containersV2.WeChat.templateName": "Template Name",
                                   "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                   "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                  "creatives.containersV2.WebPush.addLabels": "Add labels",
                                   "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                   "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                   "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -22435,6 +22437,7 @@ new message content.",
                                     "creatives.containersV2.WeChat.templateName": "Template Name",
                                     "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                     "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                    "creatives.containersV2.WebPush.addLabels": "Add labels",
                                     "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                     "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                     "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -25412,6 +25415,7 @@ new message content.",
                   "creatives.containersV2.WeChat.templateName": "Template Name",
                   "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                   "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                  "creatives.containersV2.WebPush.addLabels": "Add labels",
                   "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                   "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                   "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -27666,6 +27670,7 @@ new message content.",
                     "creatives.containersV2.WeChat.templateName": "Template Name",
                     "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                     "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                    "creatives.containersV2.WebPush.addLabels": "Add labels",
                     "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                     "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                     "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -29941,6 +29946,7 @@ new message content.",
                       "creatives.containersV2.WeChat.templateName": "Template Name",
                       "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                       "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                      "creatives.containersV2.WebPush.addLabels": "Add labels",
                       "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                       "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                       "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -32228,6 +32234,7 @@ new message content.",
                         "creatives.containersV2.WeChat.templateName": "Template Name",
                         "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                         "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                        "creatives.containersV2.WebPush.addLabels": "Add labels",
                         "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                         "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                         "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -34500,6 +34507,7 @@ new message content.",
         "creatives.containersV2.WeChat.templateName": "Template Name",
         "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
         "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+        "creatives.containersV2.WebPush.addLabels": "Add labels",
         "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
         "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
         "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -59779,6 +59787,7 @@ new message content.",
                                   "creatives.containersV2.WeChat.templateName": "Template Name",
                                   "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                   "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                  "creatives.containersV2.WebPush.addLabels": "Add labels",
                                   "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                   "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                   "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -62517,6 +62526,7 @@ new message content.",
                                     "creatives.containersV2.WeChat.templateName": "Template Name",
                                     "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                     "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                    "creatives.containersV2.WebPush.addLabels": "Add labels",
                                     "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                     "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                     "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -65851,6 +65861,7 @@ new message content.",
                                   "creatives.containersV2.WeChat.templateName": "Template Name",
                                   "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                   "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                  "creatives.containersV2.WebPush.addLabels": "Add labels",
                                   "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                   "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                   "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -68589,6 +68600,7 @@ new message content.",
                                     "creatives.containersV2.WeChat.templateName": "Template Name",
                                     "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                     "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                    "creatives.containersV2.WebPush.addLabels": "Add labels",
                                     "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                     "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                     "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -72296,6 +72308,7 @@ new message content.",
                                                 "creatives.containersV2.WeChat.templateName": "Template Name",
                                                 "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                                 "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                                "creatives.containersV2.WebPush.addLabels": "Add labels",
                                                 "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                                 "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                                 "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -75476,6 +75489,7 @@ new message content.",
                                                           "creatives.containersV2.WeChat.templateName": "Template Name",
                                                           "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                                           "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                                          "creatives.containersV2.WebPush.addLabels": "Add labels",
                                                           "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                                           "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                                           "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -78512,6 +78526,7 @@ new message content.",
                                                             "creatives.containersV2.WeChat.templateName": "Template Name",
                                                             "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                                             "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                                            "creatives.containersV2.WebPush.addLabels": "Add labels",
                                                             "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                                             "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                                             "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -81559,6 +81574,7 @@ new message content.",
                                                                 "creatives.containersV2.WeChat.templateName": "Template Name",
                                                                 "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                                                 "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                                                "creatives.containersV2.WebPush.addLabels": "Add labels",
                                                                 "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                                                 "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                                                 "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -87368,6 +87384,7 @@ new message content.",
                                                                     "creatives.containersV2.WeChat.templateName": "Template Name",
                                                                     "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                                                     "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                                                    "creatives.containersV2.WebPush.addLabels": "Add labels",
                                                                     "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                                                     "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                                                     "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -90520,6 +90537,7 @@ new message content.",
                                                                               "creatives.containersV2.WeChat.templateName": "Template Name",
                                                                               "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                                                               "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                                                              "creatives.containersV2.WebPush.addLabels": "Add labels",
                                                                               "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                                                               "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                                                               "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -93603,6 +93621,7 @@ new message content.",
                                                                               "creatives.containersV2.WeChat.templateName": "Template Name",
                                                                               "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                                                               "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                                                              "creatives.containersV2.WebPush.addLabels": "Add labels",
                                                                               "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                                                               "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                                                               "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -96585,6 +96604,7 @@ new message content.",
                                                           "creatives.containersV2.WeChat.templateName": "Template Name",
                                                           "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                                           "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                                          "creatives.containersV2.WebPush.addLabels": "Add labels",
                                                           "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                                           "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                                           "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -99327,6 +99347,7 @@ new message content.",
                                                             "creatives.containersV2.WeChat.templateName": "Template Name",
                                                             "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                                                             "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                                                            "creatives.containersV2.WebPush.addLabels": "Add labels",
                                                             "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                                                             "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                                                             "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -102002,6 +102023,7 @@ new message content.",
                   "creatives.containersV2.WeChat.templateName": "Template Name",
                   "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                   "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                  "creatives.containersV2.WebPush.addLabels": "Add labels",
                   "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                   "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                   "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -104256,6 +104278,7 @@ new message content.",
                     "creatives.containersV2.WeChat.templateName": "Template Name",
                     "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                     "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                    "creatives.containersV2.WebPush.addLabels": "Add labels",
                     "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                     "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                     "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -106531,6 +106554,7 @@ new message content.",
                       "creatives.containersV2.WeChat.templateName": "Template Name",
                       "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                       "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                      "creatives.containersV2.WebPush.addLabels": "Add labels",
                       "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                       "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                       "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",
@@ -108818,6 +108842,7 @@ new message content.",
                         "creatives.containersV2.WeChat.templateName": "Template Name",
                         "creatives.containersV2.WeChat.wechatCreateSuccess": "WeChat template mapped successfully",
                         "creatives.containersV2.WeChat.wechatEditSuccess": "WeChat template edited successfully",
+                        "creatives.containersV2.WebPush.addLabels": "Add labels",
                         "creatives.containersV2.Whatsapp.IncorrectCategoryError": "INCORRECT CATEGORY: Message content different from expected content in the category selected. Refer {here} for expected content in each category.",
                         "creatives.containersV2.Whatsapp.accountUpdate": "Account update",
                         "creatives.containersV2.Whatsapp.accountUpdateTooltip": "Let customers know about updates or changes to their accounts.",