@capillarytech/creatives-library 8.0.247 → 8.0.249

package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap

@@ -6502,7 +6502,7 @@ FREE GIFTS-
                                 "creatives.componentsV2.CapDocumentUpload.imageDimenstionDescription": "Dimensions upto: {width}px x {height}px",
                                 "creatives.componentsV2.CapDocumentUpload.or": "OR",
                                 "creatives.componentsV2.CapDocumentUpload.uploadComputer": "Select from computer",
-                                "creatives.componentsV2.CapDocumentUpload.whatsappDocSize": "Size upto: {size}",
+                                "creatives.componentsV2.CapDocumentUpload.whatsappDocSize": "Size up to: {size}",
                                 "creatives.componentsV2.CapImageUpload.aspectRatio": "Aspect ratio: 1:1",
                                 "creatives.componentsV2.CapImageUpload.dragAndDrop": "Drag and drop image here",
                                 "creatives.componentsV2.CapImageUpload.format": "Format: JPEG, JPG, PNG",
@@ -6510,13 +6510,13 @@ FREE GIFTS-
                                 "creatives.componentsV2.CapImageUpload.imageErrorDesc": "Please upload the image with allowed file extension, size, dimension and aspect ratio",
                                 "creatives.componentsV2.CapImageUpload.imageGallery": "Gallery",
                                 "creatives.componentsV2.CapImageUpload.imageReUpload": "Reupload",
-                                "creatives.componentsV2.CapImageUpload.imageSize": "Size upto: 2MB",
+                                "creatives.componentsV2.CapImageUpload.imageSize": "Size up to: 2MB",
                                 "creatives.componentsV2.CapImageUpload.or": "OR",
                                 "creatives.componentsV2.CapImageUpload.uploadComputer": "Select from computer",
                                 "creatives.componentsV2.CapImageUpload.uploadGallery": "Gallery",
                                 "creatives.componentsV2.CapImageUpload.uploadImageDescription": "The relevant image that complements the message context.",
                                 "creatives.componentsV2.CapImageUpload.whatsappAspectRatio": "Max aspect ratio: 1.91:1",
-                                "creatives.componentsV2.CapImageUpload.whatsappImageSize": "Size upto: 5MB",
+                                "creatives.componentsV2.CapImageUpload.whatsappImageSize": "Size up to: 5MB",
                                 "creatives.componentsV2.CapTagList.Cancel": "Cancel",
                                 "creatives.componentsV2.CapTagList.Ok": "Ok",
                                 "creatives.componentsV2.CapTagList.all": "All",
@@ -8209,6 +8209,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.",
@@ -17296,7 +17297,7 @@ FREE GIFTS-
                                 "creatives.componentsV2.CapDocumentUpload.imageDimenstionDescription": "Dimensions upto: {width}px x {height}px",
                                 "creatives.componentsV2.CapDocumentUpload.or": "OR",
                                 "creatives.componentsV2.CapDocumentUpload.uploadComputer": "Select from computer",
-                                "creatives.componentsV2.CapDocumentUpload.whatsappDocSize": "Size upto: {size}",
+                                "creatives.componentsV2.CapDocumentUpload.whatsappDocSize": "Size up to: {size}",
                                 "creatives.componentsV2.CapImageUpload.aspectRatio": "Aspect ratio: 1:1",
                                 "creatives.componentsV2.CapImageUpload.dragAndDrop": "Drag and drop image here",
                                 "creatives.componentsV2.CapImageUpload.format": "Format: JPEG, JPG, PNG",
@@ -17304,13 +17305,13 @@ FREE GIFTS-
                                 "creatives.componentsV2.CapImageUpload.imageErrorDesc": "Please upload the image with allowed file extension, size, dimension and aspect ratio",
                                 "creatives.componentsV2.CapImageUpload.imageGallery": "Gallery",
                                 "creatives.componentsV2.CapImageUpload.imageReUpload": "Reupload",
-                                "creatives.componentsV2.CapImageUpload.imageSize": "Size upto: 2MB",
+                                "creatives.componentsV2.CapImageUpload.imageSize": "Size up to: 2MB",
                                 "creatives.componentsV2.CapImageUpload.or": "OR",
                                 "creatives.componentsV2.CapImageUpload.uploadComputer": "Select from computer",
                                 "creatives.componentsV2.CapImageUpload.uploadGallery": "Gallery",
                                 "creatives.componentsV2.CapImageUpload.uploadImageDescription": "The relevant image that complements the message context.",
                                 "creatives.componentsV2.CapImageUpload.whatsappAspectRatio": "Max aspect ratio: 1.91:1",
-                                "creatives.componentsV2.CapImageUpload.whatsappImageSize": "Size upto: 5MB",
+                                "creatives.componentsV2.CapImageUpload.whatsappImageSize": "Size up to: 5MB",
                                 "creatives.componentsV2.CapTagList.Cancel": "Cancel",
                                 "creatives.componentsV2.CapTagList.Ok": "Ok",
                                 "creatives.componentsV2.CapTagList.all": "All",
@@ -19003,6 +19004,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.",
@@ -28090,7 +28092,7 @@ FREE GIFTS-
                                 "creatives.componentsV2.CapDocumentUpload.imageDimenstionDescription": "Dimensions upto: {width}px x {height}px",
                                 "creatives.componentsV2.CapDocumentUpload.or": "OR",
                                 "creatives.componentsV2.CapDocumentUpload.uploadComputer": "Select from computer",
-                                "creatives.componentsV2.CapDocumentUpload.whatsappDocSize": "Size upto: {size}",
+                                "creatives.componentsV2.CapDocumentUpload.whatsappDocSize": "Size up to: {size}",
                                 "creatives.componentsV2.CapImageUpload.aspectRatio": "Aspect ratio: 1:1",
                                 "creatives.componentsV2.CapImageUpload.dragAndDrop": "Drag and drop image here",
                                 "creatives.componentsV2.CapImageUpload.format": "Format: JPEG, JPG, PNG",
@@ -28098,13 +28100,13 @@ FREE GIFTS-
                                 "creatives.componentsV2.CapImageUpload.imageErrorDesc": "Please upload the image with allowed file extension, size, dimension and aspect ratio",
                                 "creatives.componentsV2.CapImageUpload.imageGallery": "Gallery",
                                 "creatives.componentsV2.CapImageUpload.imageReUpload": "Reupload",
-                                "creatives.componentsV2.CapImageUpload.imageSize": "Size upto: 2MB",
+                                "creatives.componentsV2.CapImageUpload.imageSize": "Size up to: 2MB",
                                 "creatives.componentsV2.CapImageUpload.or": "OR",
                                 "creatives.componentsV2.CapImageUpload.uploadComputer": "Select from computer",
                                 "creatives.componentsV2.CapImageUpload.uploadGallery": "Gallery",
                                 "creatives.componentsV2.CapImageUpload.uploadImageDescription": "The relevant image that complements the message context.",
                                 "creatives.componentsV2.CapImageUpload.whatsappAspectRatio": "Max aspect ratio: 1.91:1",
-                                "creatives.componentsV2.CapImageUpload.whatsappImageSize": "Size upto: 5MB",
+                                "creatives.componentsV2.CapImageUpload.whatsappImageSize": "Size up to: 5MB",
                                 "creatives.componentsV2.CapTagList.Cancel": "Cancel",
                                 "creatives.componentsV2.CapTagList.Ok": "Ok",
                                 "creatives.componentsV2.CapTagList.all": "All",
@@ -29797,6 +29799,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.",
@@ -39265,7 +39268,7 @@ FREE GIFTS-
                                 "creatives.componentsV2.CapDocumentUpload.imageDimenstionDescription": "Dimensions upto: {width}px x {height}px",
                                 "creatives.componentsV2.CapDocumentUpload.or": "OR",
                                 "creatives.componentsV2.CapDocumentUpload.uploadComputer": "Select from computer",
-                                "creatives.componentsV2.CapDocumentUpload.whatsappDocSize": "Size upto: {size}",
+                                "creatives.componentsV2.CapDocumentUpload.whatsappDocSize": "Size up to: {size}",
                                 "creatives.componentsV2.CapImageUpload.aspectRatio": "Aspect ratio: 1:1",
                                 "creatives.componentsV2.CapImageUpload.dragAndDrop": "Drag and drop image here",
                                 "creatives.componentsV2.CapImageUpload.format": "Format: JPEG, JPG, PNG",
@@ -39273,13 +39276,13 @@ FREE GIFTS-
                                 "creatives.componentsV2.CapImageUpload.imageErrorDesc": "Please upload the image with allowed file extension, size, dimension and aspect ratio",
                                 "creatives.componentsV2.CapImageUpload.imageGallery": "Gallery",
                                 "creatives.componentsV2.CapImageUpload.imageReUpload": "Reupload",
-                                "creatives.componentsV2.CapImageUpload.imageSize": "Size upto: 2MB",
+                                "creatives.componentsV2.CapImageUpload.imageSize": "Size up to: 2MB",
                                 "creatives.componentsV2.CapImageUpload.or": "OR",
                                 "creatives.componentsV2.CapImageUpload.uploadComputer": "Select from computer",
                                 "creatives.componentsV2.CapImageUpload.uploadGallery": "Gallery",
                                 "creatives.componentsV2.CapImageUpload.uploadImageDescription": "The relevant image that complements the message context.",
                                 "creatives.componentsV2.CapImageUpload.whatsappAspectRatio": "Max aspect ratio: 1.91:1",
-                                "creatives.componentsV2.CapImageUpload.whatsappImageSize": "Size upto: 5MB",
+                                "creatives.componentsV2.CapImageUpload.whatsappImageSize": "Size up to: 5MB",
                                 "creatives.componentsV2.CapTagList.Cancel": "Cancel",
                                 "creatives.componentsV2.CapTagList.Ok": "Ok",
                                 "creatives.componentsV2.CapTagList.all": "All",
@@ -40972,6 +40975,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/TemplatesV2/index.js

@@ -34,7 +34,7 @@ import { CREATIVES_UI_VIEW, LOYALTY, WHATSAPP, RCS, LINE, EMAIL, ASSETS, JP_LOCA
 import AccessForbidden from '../../v2Components/AccessForbidden';
 import { getObjFromQueryParams } from '../../utils/v2common';
 import { makeSelectAuthenticated, selectCurrentOrgDetails } from "../../v2Containers/Cap/selectors";
-import { LOYALTY_SUPPORTED_ACTION } from "../CreativesContainer/constants";
+import { LOYALTY_SUPPORTED_ACTION, COMMON_CHANNELS } from "../CreativesContainer/constants";
 
 const {CapCustomCardList} = CapCustomCard;
 
@@ -66,7 +66,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
       //'wechat': {content: this.getTemplatesComponent('wechat'), tab: 'Wechat', key: 'wechat'},
       mPush: {content: <></>, tab: intl.formatMessage(messages.pushNotification), key: 'mobilepush'},
       ...(commonUtil.hasWebPushFeatureEnabled() ? {
-        webPush: {
+        webpush: {
           content: <div></div>,
           tab: intl.formatMessage(messages.webPush),
           key: WEBPUSH,
@@ -95,7 +95,7 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
         return obj;
       }, []);
 
-    if (isFullMode ) {
+      if (isFullMode ) {
       filteredPanes.push({content: <div></div>, tab: intl.formatMessage(messages.gallery), key: 'assets'});
     } else {
       if (!channelsToHide.includes('callTask')) {
@@ -105,18 +105,19 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
         filteredPanes.push({content: <></>, tab: intl.formatMessage(messages.FTP), key: 'ftp'});
         defaultChannel = 'FTP';
       }
-      const commonChannels = ['sms', 'email', 'wechat', 'mobilepush', 'line', 'viber', 'facebook', 'call_task', 'ftp', 'assets'];
 
+      // Create a local copy of COMMON_CHANNELS to avoid mutating the imported array
+      const channels = [...COMMON_CHANNELS];
       const { actionName = ''} = loyaltyMetaData;
       if (isLoyaltyModule && actionName === LOYALTY_SUPPORTED_ACTION) {
-        commonChannels.push(WHATSAPP, ZALO);
+        channels.push(WHATSAPP, ZALO);
       }
 
-      // we only show channels which other than commonChannels
+      // we only show channels which other than COMMON_CHANNELS
       // if it is coming in enableNewChannels array
       filteredPanes = filteredPanes.filter((item) => {
         const channel = item.key;
-        if (!commonChannels.includes(channel)) {
+        if (!channels.includes(channel)) {
           return enableNewChannels.includes(channel.toUpperCase());
         }
         return true;

package/v2Containers/WebPush/Create/components/ButtonsLinksSection.test.js

@@ -98,9 +98,9 @@ describe('ButtonsLinksSection', () => {
   });
 
   const defaultProps = {
-    onClickBehaviour: ON_CLICK_BEHAVIOUR_OPTIONS.OPEN_SITE,
+    onClickBehaviour: ON_CLICK_BEHAVIOUR_OPTIONS.SITE_URL,
     onClickBehaviourOptions: [
-      { value: ON_CLICK_BEHAVIOUR_OPTIONS.OPEN_SITE, label: 'Open Site' },
+      { value: ON_CLICK_BEHAVIOUR_OPTIONS.SITE_URL, label: 'Open Site' },
       { value: ON_CLICK_BEHAVIOUR_OPTIONS.REDIRECT_TO_URL, label: 'Redirect to URL' },
     ],
     onClickBehaviourChange: mockOnClickBehaviourChange,
@@ -151,7 +151,7 @@ describe('ButtonsLinksSection', () => {
       const radioGroup = wrapper.find(CapRadioGroup);
       expect(radioGroup.exists()).toBe(true);
       expect(radioGroup.prop('options')).toEqual(defaultProps.onClickBehaviourOptions);
-      expect(radioGroup.prop('value')).toBe(ON_CLICK_BEHAVIOUR_OPTIONS.OPEN_SITE);
+      expect(radioGroup.prop('value')).toBe(ON_CLICK_BEHAVIOUR_OPTIONS.SITE_URL);
     });
   });
 
@@ -175,7 +175,7 @@ describe('ButtonsLinksSection', () => {
       expect(input.exists()).toBe(true);
     });
 
-    it('should not render redirect URL input when OPEN_SITE is selected', () => {
+    it('should not render redirect URL input when SITE_URL is selected', () => {
       const wrapper = mountWithIntl(<ButtonsLinksSection {...defaultProps} />);
       const input = wrapper.find(CapInput).find('#webpush-redirect-url-input');
       expect(input.exists()).toBe(false);

package/v2Containers/WebPush/Create/components/__snapshots__/ButtonsLinksSection.test.js.snap

@@ -32,7 +32,7 @@ exports[`ButtonsLinksSection Rendering should render correctly with default prop
         Array [
           Object {
             "label": "Open Site",
-            "value": "OPEN_SITE",
+            "value": "SITE_URL",
           },
           Object {
             "label": "Redirect to URL",
@@ -40,7 +40,7 @@ exports[`ButtonsLinksSection Rendering should render correctly with default prop
           },
         ]
       }
-      value="OPEN_SITE"
+      value="SITE_URL"
     />
   </CapRow>
   <CapRow

package/v2Containers/WebPush/Create/index.js

@@ -32,6 +32,9 @@ import { useImageUpload } from './hooks/useImageUpload';
 import { useTagManagement } from './hooks/useTagManagement';
 import isEmpty from 'lodash/isEmpty';
 import get from 'lodash/get';
+import * as templateActions from '../../Templates/actions';
+import { makeSelectTemplates } from '../../Templates/selectors';
+
 import {
   WEBPUSH_MEDIA_TYPES,
   BRAND_ICON_OPTIONS,
@@ -53,6 +56,7 @@ import {
 } from '../selectors';
 import webPushReducer from '../reducer';
 import webPushSagas from '../sagas';
+import { v2TemplateSaga } from '../../Templates/sagas';
 import withCreatives from '../../../hoc/withCreatives';
 import messages from './messages';
 import { createWebPushPayload } from './utils/payloadBuilder';
@@ -67,6 +71,7 @@ import {
   setInjectedTags,
 } from '../../Cap/selectors';
 import './index.scss';
+import { WEBPUSH } from '../../CreativesContainer/constants';
 
 // Memoized TagList wrapper components for better performance
 const MemoizedTagList = memo(({
@@ -123,6 +128,8 @@ const WebPushCreate = ({
   accountData,
   webPush,
   onCreateComplete,
+  getFormData,
+  isGetFormData,
   templateData,
   creativesMode,
   params,
@@ -135,6 +142,8 @@ const WebPushCreate = ({
   forwardedTags,
   selectedOfferDetails = [],
   eventContextTags = [],
+  templateActions: templateActionsProps,
+  Templates,
 }) => {
   const { formatMessage } = intl;
 
@@ -152,7 +161,7 @@ const WebPushCreate = ({
     message: false,
   });
   const [brandIconOption, setBrandIconOption] = useState(BRAND_ICON_OPTIONS.DONT_SHOW);
-  const [onClickBehaviour, setOnClickBehaviour] = useState(ON_CLICK_BEHAVIOUR_OPTIONS.OPEN_SITE);
+  const [onClickBehaviour, setOnClickBehaviour] = useState(ON_CLICK_BEHAVIOUR_OPTIONS.SITE_URL);
   const [redirectUrl, setRedirectUrl] = useState('');
   const [redirectUrlError, setRedirectUrlError] = useState('');
   const [activeUploadField, setActiveUploadField] = useState(null);
@@ -213,6 +222,7 @@ const WebPushCreate = ({
     eventContextTags,
   });
   const { tags, handleOnTagsContextChange, validationConfig } = tagState;
+  const { weCrmAccounts } = Templates;
 
   // Edit mode detection: check creativesMode or presence of template ID
   const isEditMode = useMemo(
@@ -239,11 +249,22 @@ const WebPushCreate = ({
     templateData,
   ]);
 
+  const selectedWebPushAccount = useMemo(() => 
+    weCrmAccounts?.find(account => account?.id === accountId), 
+  [weCrmAccounts, accountId]);
+
   const websiteLink = useMemo(
-    () => accountData?.configs?.websiteLink || '',
-    [accountData?.configs?.websiteLink],
+    () => accountData?.configs?.websiteLink || selectedWebPushAccount?.configs?.websiteLink || '',
+    [accountData?.configs?.websiteLink, selectedWebPushAccount?.configs?.websiteLink],
   );
 
+  // Fetch account details when websiteLink is missing but accountId exists
+  useEffect(() => {
+    if (!websiteLink && accountId && templateActionsProps?.getWeCrmAccounts) {
+      templateActionsProps.getWeCrmAccounts('WebPush');
+    }
+  }, [websiteLink, accountId, templateActionsProps?.getWeCrmAccounts]);
+
   const previewUrl = useMemo(
     () => (
       onClickBehaviour === ON_CLICK_BEHAVIOUR_OPTIONS.REDIRECT_TO_URL
@@ -255,7 +276,7 @@ const WebPushCreate = ({
 
   const onClickBehaviourOptions = useMemo(
     () => ([
-      { value: ON_CLICK_BEHAVIOUR_OPTIONS.OPEN_SITE, label: formatMessage(messages.openSite) },
+      { value: ON_CLICK_BEHAVIOUR_OPTIONS.SITE_URL, label: formatMessage(messages.openSite) },
       { value: ON_CLICK_BEHAVIOUR_OPTIONS.REDIRECT_TO_URL, label: formatMessage(messages.redirectToSpecificUrl) },
     ]),
     [formatMessage],
@@ -349,13 +370,13 @@ const WebPushCreate = ({
       setOnClickBehaviour(ON_CLICK_BEHAVIOUR_OPTIONS.REDIRECT_TO_URL);
       setRedirectUrl(onClickAction?.url || '');
       setRedirectUrlError('');
-    } else if (onClickAction?.type === ACTION_TYPES.OPEN_SITE) {
-      setOnClickBehaviour(ON_CLICK_BEHAVIOUR_OPTIONS.OPEN_SITE);
-      setRedirectUrl('');
+    } else if (onClickAction?.type === ACTION_TYPES.SITE_URL) {
+      setOnClickBehaviour(ON_CLICK_BEHAVIOUR_OPTIONS.SITE_URL);
+      setRedirectUrl(websiteLink);
       setRedirectUrlError('');
     } else {
-      setOnClickBehaviour(ON_CLICK_BEHAVIOUR_OPTIONS.OPEN_SITE);
-      setRedirectUrl('');
+      setOnClickBehaviour(ON_CLICK_BEHAVIOUR_OPTIONS.SITE_URL);
+      setRedirectUrl(websiteLink);
       setRedirectUrlError('');
     }
 
@@ -522,6 +543,15 @@ const WebPushCreate = ({
     });
   }, [isFullMode, templateName]);
 
+  // Pure validator that returns boolean without setting error state
+  const validateFormSilent = () => {
+    const templateNameInvalid = isFullMode && validateTemplateName(templateName);
+    const titleValidation = validateTitle(notificationTitle);
+    const messageValidation = validateMessageContent(message);
+
+    return !(templateNameInvalid || titleValidation || messageValidation);
+  };
+
   const isFormValid = () => {
     const templateNameInvalid = isFullMode && validateTemplateName(templateName);
     const titleValidation = validateTitle(notificationTitle);
@@ -558,8 +588,24 @@ const WebPushCreate = ({
       buttons,
       onClickBehaviour,
       redirectUrl,
+      websiteLink,
     });
 
+    // In library mode (not full mode), use getFormData to communicate with parent
+    if (!isFullMode && getFormData) {
+      const formDataForLibrary = {
+        validity: true,
+        value: payload,
+        type: WEBPUSH,
+      };
+      getFormData(formDataForLibrary);
+      if (handleClose) {
+        handleClose();
+      }
+      return;
+    }
+
+    // Full mode: proceed with API calls
     if (isEditMode) {
       // Get template ID from params or templateData
       const templateId = params?.id || templateData?._id;
@@ -649,6 +695,37 @@ const WebPushCreate = ({
     }
   }, [webPush?.editResponse, onCreateComplete, handleClose, isEditMode]);
 
+  // Handle getFormData request from parent (library mode)
+  useEffect(() => {
+    if (isGetFormData && getFormData && validateFormSilent()) {
+      const payload = createWebPushPayload({
+        templateName,
+        notificationTitle,
+        message,
+        mediaType,
+        accountId,
+        isFullMode,
+        imageSrc,
+        imageUrl,
+        imageUploadMethod: imageUpload?.uploadMethod,
+        brandIconOption,
+        brandIconSrc,
+        brandIconUrl,
+        buttons,
+        onClickBehaviour,
+        redirectUrl,
+        websiteLink,
+      });
+      const formDataForLibrary = {
+        validity: true,
+        value: payload,
+        type: WEBPUSH,
+      };
+      getFormData(formDataForLibrary);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isGetFormData, getFormData]);
+
   const isUploadingAsset = useMemo(
     () => webPush?.assetUploading || false,
     [webPush?.assetUploading],
@@ -872,7 +949,7 @@ const WebPushCreate = ({
     () => (!accountId ? formatMessage(messages.accountRequired) : ''),
     [accountId, formatMessage],
   );
-
+  
   return (
     <CapRow className="webpush-container">
       <CapColumn className="content-section" span={14}>
@@ -972,6 +1049,8 @@ WebPushCreate.propTypes = {
   accountData: PropTypes.object,
   webPush: PropTypes.object,
   onCreateComplete: PropTypes.func,
+  getFormData: PropTypes.func,
+  isGetFormData: PropTypes.bool,
   templateData: PropTypes.object,
   creativesMode: PropTypes.string,
   params: PropTypes.object,
@@ -984,6 +1063,7 @@ WebPushCreate.propTypes = {
   forwardedTags: PropTypes.object,
   selectedOfferDetails: PropTypes.array,
   eventContextTags: PropTypes.array,
+  templateActions: PropTypes.object,
 };
 
 WebPushCreate.defaultProps = {
@@ -996,6 +1076,8 @@ WebPushCreate.defaultProps = {
   accountData: {},
   webPush: {},
   onCreateComplete: () => { },
+  getFormData: null,
+  isGetFormData: false,
   templateData: null,
   creativesMode: 'createTemplate',
   params: null,
@@ -1008,6 +1090,8 @@ WebPushCreate.defaultProps = {
   forwardedTags: {},
   selectedOfferDetails: [],
   eventContextTags: [],
+  templateActions: {},
+  Templates: {},
 };
 
 const mapStateToProps = createStructuredSelector({
@@ -1018,6 +1102,7 @@ const mapStateToProps = createStructuredSelector({
   editTemplateError: makeSelectEditError(),
   metaEntities: makeSelectMetaEntities(),
   injectedTags: setInjectedTags(),
+  Templates: makeSelectTemplates(),
   accountData: createSelector(
     (state) => state.get('templates'),
     (templatesState) => {
@@ -1032,14 +1117,21 @@ const mapStateToProps = createStructuredSelector({
 
 const mapDispatchToProps = (dispatch) => ({
   webPushActions: bindActionCreators(actions, dispatch),
+  templateActions: bindActionCreators(templateActions, dispatch),
 });
 
-const withSaga = injectSaga({
+const withWebPushSaga = injectSaga({
   key: 'webPush',
   saga: webPushSagas,
   mode: DAEMON,
 });
 
+const withTemplateSaga = injectSaga({
+  key: 'webPushTemplates',
+  saga: v2TemplateSaga,
+  mode: DAEMON,
+});
+
 const withReducer = injectReducer({
   key: 'webPush',
   reducer: webPushReducer,
@@ -1050,7 +1142,7 @@ export default withCreatives({
   mapStateToProps,
   mapDispatchToProps,
   userAuth: true,
-  sagas: [withSaga],
+  sagas: [withWebPushSaga, withTemplateSaga],
   reducers: [withReducer],
 });
 

package/v2Containers/WebPush/Create/preview/WebPushPreview.js

@@ -32,6 +32,7 @@ const WebPushPreview = ({
   imageSrc,
   brandIconSrc,
   buttons,
+  onClickShowInAllDevices,
 }) => {
   const [selectedOS, setSelectedOS] = useState(DEFAULT_OS);
   const [selectedBrowser, setSelectedBrowser] = useState(DEFAULT_BROWSER);
@@ -56,7 +57,11 @@ const WebPushPreview = ({
   }, [browserOptionsForOS, selectedBrowser]);
 
   const handleOpenPreviewSlideBox = () => {
-    setShowPreviewSlideBox(true);
+    if (onClickShowInAllDevices) {
+      onClickShowInAllDevices();
+    } else {
+      setShowPreviewSlideBox(true);
+    }
   };
 
   const handleClosePreviewSlideBox = () => {