@capillarytech/creatives-library 8.0.339 → 8.0.340-beta.0

package/v2Containers/WebPush/Create/components/ButtonList.js

@@ -83,9 +83,9 @@ const ButtonList = ({
         );
       })}
       {showAddPrimary && (
-        <CapRow className="button-list-add-button">
+        <CapRow useLegacy className="button-list-add-button">
           <CapButton
-            type="flat"
+            type="link"
             onClick={onAddPrimary}
             className="add-primary-button button-add-trigger"
             icon="plus"
@@ -96,9 +96,9 @@ const ButtonList = ({
         </CapRow>
       )}
       {showAddSecondary && (
-        <CapRow className="button-list-add-button">
+        <CapRow useLegacy className="button-list-add-button">
           <CapButton
-            type="flat"
+            type="link"
             onClick={onAddSecondary}
             className="add-secondary-button button-add-trigger"
             icon="plus"

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

@@ -82,7 +82,7 @@ export const ButtonsLinksSection = ({
           />
         )}
       </CapRow>
-      <CapRow className="creatives-webpush-buttons-section">
+      <CapRow useLegacy className="creatives-webpush-buttons-section">
         <CapHeading type="h5" className="webpush-buttons-section-heading">
           <FormattedMessage {...messages.buttons} />{' '}
           <span className="optional-text">
@@ -109,7 +109,7 @@ export const ButtonsLinksSection = ({
           <div className="button-add-controls">
             {showAddPrimaryButton && (
               <CapButton
-                type="flat"
+                type="link"
                 onClick={handleAddPrimaryButton}
                 className="add-primary-button button-add-trigger"
                 icon="plus"
@@ -119,7 +119,7 @@ export const ButtonsLinksSection = ({
             )}
             {showAddSecondaryButton && (
               <CapButton
-                type="flat"
+                type="link"
                 onClick={handleAddSecondaryButton}
                 className="add-secondary-button button-add-trigger"
                 icon="plus"
@@ -129,7 +129,7 @@ export const ButtonsLinksSection = ({
             )}
             {showDisabledSecondaryDuringPrimary && (
               <CapButton
-                type="flat"
+                type="link"
                 className="add-secondary-button button-add-trigger"
                 icon="plus"
                 disabled

package/v2Containers/WebPush/Create/components/FormActions.js

@@ -16,18 +16,18 @@ export const FormActions = ({
   messages,
 }) => (
   <>
-    <CapRow className="creatives-webpush-actions">
+    <CapRow useLegacy className="creatives-webpush-actions">
       <CapButton type="primary" onClick={onSave} disabled={isSaveDisabled}>
         {formatMessage(messages.saveTemplate)}
       </CapButton>
     </CapRow>
     {errorText && (
-      <CapRow>
+      <CapRow useLegacy>
         <CapError className="webpush-template-error">{errorText}</CapError>
       </CapRow>
     )}
     {accountErrorText && (
-      <CapRow>
+      <CapRow useLegacy>
         <CapError className="webpush-template-account-error">
           {accountErrorText}
         </CapError>

package/v2Containers/WebPush/Create/components/MessageSection.js

@@ -92,8 +92,8 @@ export const MessageSection = ({
 
   return (
     <>
-      <CapRow className="creatives-webpush-message">
-        <CapRow className="tooltip-add-label-container webpush-message-taglist">
+      <CapRow useLegacy className="creatives-webpush-message">
+        <CapRow useLegacy className="tooltip-add-label-container webpush-message-taglist">
           {tagList}
         </CapRow>
         <CapHeading type="h4" className="webpush-message">

package/v2Containers/WebPush/Create/components/NotificationTitleSection.js

@@ -41,8 +41,8 @@ export const NotificationTitleSection = ({
   };
 
   return (
-    <CapRow className="creatives-webpush-title">
-      <CapRow className="tooltip-add-label-container webpush-title-taglist">
+    <CapRow useLegacy className="creatives-webpush-title">
+      <CapRow useLegacy className="tooltip-add-label-container webpush-title-taglist">
         {tagList}
       </CapRow>
       <CapHeading type="h4" className="webpush-title">

package/v2Containers/WebPush/Create/components/_buttons.scss

@@ -81,12 +81,12 @@
 // High specificity selectors to override Cap UI library styles
 // Target both CapButton and Ant Design button classes that may be on the same element
 .button-add-controls button.button-add-trigger,
-.button-add-controls .button-add-trigger.cap-button,
+.button-add-controls .button-add-trigger.cap-button-v2,
 .button-add-controls .button-add-trigger.ant-btn,
 .button-add-controls .button-add-trigger.cap-button-flat,
 .button-add-controls .button-add-trigger.ant-btn-flat,
 .webpush-button-list button.button-add-trigger,
-.webpush-button-list .button-add-trigger.cap-button,
+.webpush-button-list .button-add-trigger.cap-button-v2,
 .webpush-button-list .button-add-trigger.ant-btn,
 .webpush-button-list .button-add-trigger.cap-button-flat,
 .webpush-button-list .button-add-trigger.ant-btn-flat {

package/v2Containers/WebPush/Create/hooks/useTagManagement.js

@@ -22,8 +22,6 @@ export const useTagManagement = ({
   metaEntities,
   getDefaultTags,
   supportedTags = EMPTY_ARRAY,
-  injectedTags,
-  eventContextTags = EMPTY_ARRAY,
 }) => {
   const [tags, setTags] = useState([]);
   const tagFetchKeyRef = useRef(null);

package/v2Containers/WebPush/Create/index.js

@@ -84,6 +84,7 @@ const MemoizedTagList = memo(({
   injectedTags,
   selectedOfferDetails,
   eventContextTags,
+  waitEventContextTags,
   forwardedTags,
   onTagSelect,
   restrictPersonalization = false,
@@ -99,6 +100,7 @@ const MemoizedTagList = memo(({
     injectedTags={injectedTags}
     selectedOfferDetails={selectedOfferDetails}
     eventContextTags={eventContextTags}
+    waitEventContextTags={waitEventContextTags}
     forwardedTags={forwardedTags}
     onTagSelect={onTagSelect}
     restrictPersonalization={restrictPersonalization}
@@ -116,6 +118,7 @@ const MemoizedTagList = memo(({
     && prevProps.injectedTags === nextProps.injectedTags
     && prevProps.selectedOfferDetails === nextProps.selectedOfferDetails
     && prevProps.eventContextTags === nextProps.eventContextTags
+    && prevProps.waitEventContextTags === nextProps.waitEventContextTags
     && prevProps.forwardedTags === nextProps.forwardedTags
     && prevProps.onTagSelect === nextProps.onTagSelect
     && prevProps.restrictPersonalization === nextProps.restrictPersonalization
@@ -152,6 +155,7 @@ const WebPushCreate = ({
   forwardedTags,
   selectedOfferDetails = [],
   eventContextTags = [],
+  waitEventContextTags = {},
   templateActions: templateActionsProps,
   Templates,
   restrictPersonalization = false,
@@ -232,6 +236,7 @@ const WebPushCreate = ({
     supportedTags: memoizedSupportedTags,
     injectedTags,
     eventContextTags,
+    waitEventContextTags,
   });
   const { tags, handleOnTagsContextChange, validationConfig } = tagState;
   const { weCrmAccounts } = Templates;
@@ -837,12 +842,13 @@ const WebPushCreate = ({
       injectedTags,
       selectedOfferDetails,
       eventContextTags,
+      waitEventContextTags,
       forwardedTags,
       restrictPersonalization,
       disabled: restrictPersonalization,
       disableTooltipMsg: restrictPersonalization ? formatMessage(messages.personalizationNotSupportedAnonymous) : undefined,
     }),
-    [tags, injectedTags, selectedOfferDetails, eventContextTags, forwardedTags, restrictPersonalization, formatMessage],
+    [tags, injectedTags, selectedOfferDetails, eventContextTags, waitEventContextTags, forwardedTags, restrictPersonalization, formatMessage],
   );
 
   // Memoized TagList components with optimized props
@@ -1083,6 +1089,7 @@ WebPushCreate.propTypes = {
   forwardedTags: PropTypes.object,
   selectedOfferDetails: PropTypes.array,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   templateActions: PropTypes.object,
   restrictPersonalization: PropTypes.bool,
 };
@@ -1111,6 +1118,7 @@ WebPushCreate.defaultProps = {
   forwardedTags: {},
   selectedOfferDetails: [],
   eventContextTags: [],
+  waitEventContextTags: {},
   templateActions: {},
   Templates: {},
   restrictPersonalization: false,

package/v2Containers/WebPush/Create/index.scss

@@ -6,7 +6,8 @@
   .creatives-webpush-message,
   .creatives-webpush-media {
     display: flex;
-    flex-direction: column;
+    flex-direction: column !important;
+    flex-flow: column nowrap;
     gap: $CAP_SPACE_08;
     position: relative;
   }
@@ -25,7 +26,8 @@
 
   .creatives-webpush-brand-icon {
     display: flex;
-    flex-direction: column;
+    flex-direction: column !important;
+    flex-flow: column nowrap;
     gap: $CAP_SPACE_08;
 
     .webpush-brand-icon {
@@ -37,7 +39,8 @@
 
   .creatives-webpush-buttons-links {
     display: flex;
-    flex-direction: column;
+    flex-direction: column !important;
+    flex-flow: column nowrap;
     gap: 0.65rem;
 
     .webpush-buttons-links {

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

@@ -96,7 +96,7 @@ const WebPushPreview = ({
         <CapRow className="preview-all-devices-button">
           <CapColumn span={24}>
             <CapButton
-              type="flat"
+              type="link"
               onClick={handleOpenPreviewSlideBox}
               className="preview-all-devices-trigger"
               data-test-id="webpush-preview-toggle"

package/v2Containers/Whatsapp/index.js

@@ -180,6 +180,7 @@ export const Whatsapp = (props) => {
     getFormData,
     selectedOfferDetails,
     eventContextTags,
+    waitEventContextTags = {},
     metaDataStatus = "",
     showTestAndPreviewSlidebox: propsShowTestAndPreviewSlidebox,
     handleTestAndPreview: propsHandleTestAndPreview,
@@ -950,6 +951,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
               injectedTags={injectedTags || {}}
               selectedOfferDetails={selectedOfferDetails}
               eventContextTags={eventContextTags}
+              waitEventContextTags={waitEventContextTags}
             />
           )}
         </>
@@ -1881,7 +1883,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
             extra={
               !isEditMode && (
                 <CapButton
-                  type="flat"
+                  type="link"
                   onClick={() => {
                     deleteCarouselCard(index);
                   }}
@@ -1893,16 +1895,16 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
             }
             className="whatsapp-carousel-card"
           >
-            <CapRow>
+            <CapRow useLegacy>
               {carouselMediaType === IMAGE.toLowerCase() ? (
-                <CapRow>
+                <CapRow useLegacy>
                   <CapHeading type="h4">
                     {formatMessage(messages.mediaImage)}
                   </CapHeading>
                   {renderImageComponent(index)}
                 </CapRow>
               ) : (
-                <CapRow>
+                <CapRow useLegacy>
                   <CapHeading type="h4">
                     {formatMessage(messages.mediaVideo)}
                   </CapHeading>
@@ -1910,7 +1912,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                 </CapRow>
               )}
             </CapRow>
-            <CapRow>
+            <CapRow useLegacy>
               <CapHeader
                 className={`${
                   isMediaTypeImage ? "whatsapp-heading-spacing" : ""
@@ -1951,12 +1953,13 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                             injectedTags={injectedTags || {}}
                             selectedOfferDetails={selectedOfferDetails}
                             eventContextTags={eventContextTags}
+                            waitEventContextTags={waitEventContextTags}
                           />
                         )
                       : !isAuthenticationTemplate && (
                           <CapButton
                             data-testid="suffix-button"
-                            type="flat"
+                            type="link"
                             isAddBtn
                             onClick={() => onCarouselBodyAddVar(index)}
                             disabled={
@@ -1973,7 +1976,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
               {isEditMode ?
                 <>
                   <CapTooltip placement="bottom" title={disabledEditTooltipRender()}>
-                    <CapRow
+                    <CapRow useLegacy
                       className={`whatsapp-edit-template-message-input ${
                         templateStatus !== WHATSAPP_STATUSES.approved &&
                         "whatsapp-edit-disabled"
@@ -1991,7 +1994,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                   )}
                 </>
               :
-                <CapRow>
+                <CapRow useLegacy>
                   <div className="whatsapp-create-template-message-input-wrapper">
                     <TextArea
                       autosize={{ minRows: 3, maxRows: 5 }}
@@ -2010,7 +2013,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                 </CapRow>
               }
             </CapRow>
-            <CapRow>
+            <CapRow useLegacy>
               <CapHeading
                 className="whatsapp-carousel-message-heading"
                 type="h4"
@@ -2018,13 +2021,13 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                 {formatMessage(messages.btnLabel)}
               </CapHeading>
               {index === 0 && (
-                <CapRow>
+                <CapRow useLegacy>
                   <CapInfoNote
                     message={formatMessage(messages.carouselButtonInfo)}
                   />
                 </CapRow>
               )}
-              <CapRow>
+              <CapRow useLegacy>
                 <CapWhatsappCarouselButton
                   carouselData={carouselData}
                   setCarouselData={setCarouselData}
@@ -2070,7 +2073,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
 			<CapDivider type="vertical" />
 			<CapButton
 				onClick={addContent}
-				type="flat"
+				type="link"
 				className="add-carousel-content-button"
 				disabled={MAX_CAROUSEL_ALLOWED === carouselData.length || !checkDisableAddCarouselButton()}
 			>
@@ -2161,7 +2164,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
             }
             suffix={
               <CapButton
-                type="flat"
+                type="link"
                 isAddBtn
                 onClick={onHeaderAddVar}
                 disabled={
@@ -2175,7 +2178,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
               </CapButton>
             }
           />
-          <CapRow className="whatsapp-create-template-message-input whatsapp-create-template-header-input">
+          <CapRow useLegacy className="whatsapp-create-template-message-input whatsapp-create-template-header-input">
             <TextArea
               id="whatsapp-create-template-message-input"
               autosize={{ minRows: 1, maxRows: 5 }}
@@ -2221,7 +2224,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
             {!isAuthenticationTemplate && (
               <CapButton
                 data-testid="suffix-button"
-                type="flat"
+                type="link"
                 isAddBtn
                 onClick={onMessageAddVar}
                 disabled={
@@ -2235,7 +2238,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
           </>
         }
       />
-      <CapRow className="whatsapp-create-template-message-input">
+      <CapRow useLegacy className="whatsapp-create-template-message-input">
       <div className='whatsapp-create-template-message-input-wrapper'>
         <TextArea
           id="whatsapp-create-template-message-input"
@@ -2271,7 +2274,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
       {renderMessageLength(MESSAGE_TEXT)}
       {
         isMediaTypeCarousel && (
-          <CapRow>
+          <CapRow useLegacy>
             <CapRow className="carousel-media-selection">
               <CapColumn className="carousel-media-selection-heading">
                 <CapHeading type="h4">
@@ -2288,7 +2291,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                 />
               </CapColumn>
             </CapRow>
-            <CapRow className="whatsapp-carousel-tab">
+            <CapRow useLegacy className="whatsapp-carousel-tab">
               <CapTab
                 defaultActiveKey={`${defaultActiveIndex}`}
                 activeKey={activeIndex}
@@ -2322,7 +2325,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
               </CapHeading>
             }
           />
-          <CapRow className="whatsapp-create-template-message-input whatsapp-create-template-header-input">
+          <CapRow useLegacy className="whatsapp-create-template-message-input whatsapp-create-template-header-input">
             {isAuthenticationTemplate ? (
               <CapRow className="whatsapp-extra-security-footer">
                 <CapCheckbox
@@ -2369,7 +2372,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                         }
                       >
                         <CapButton
-                          type="flat"
+                          type="link"
                           className="add-btn"
                           onClick={() =>
                             window.open(
@@ -2698,7 +2701,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
       {/* this section is for render header section */}
       {(templateHeader && isMediaTypeText && isHostIsNotTwilio) && (
         <>
-          <CapRow className="whatsapp-render-heading">
+          <CapRow useLegacy className="whatsapp-render-heading">
             <CapHeader
               title={
                 <CapHeading type="h4">
@@ -2721,7 +2724,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
             />
           </CapRow>
           <CapTooltip placement="bottom" title={disabledEditTooltipRender()}>
-            <CapRow
+            <CapRow useLegacy
               className={`whatsapp-edit-template-message-input ${
                 templateStatus !== WHATSAPP_STATUSES.approved &&
                 "whatsapp-edit-disabled"
@@ -2739,7 +2742,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
           )}
         </>
       )}
-      <CapRow className="whatsapp-render-heading">
+      <CapRow useLegacy className="whatsapp-render-heading">
         <CapHeader
           title={
             <CapHeading type="h4">
@@ -2757,13 +2760,14 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                 injectedTags={injectedTags || {}}
                 selectedOfferDetails={selectedOfferDetails}
                 eventContextTags={eventContextTags}
+                waitEventContextTags={waitEventContextTags}
               />
             )
           }
         />
       </CapRow>
       <CapTooltip placement="bottom" title={disabledEditTooltipRender()}>
-        <CapRow
+        <CapRow useLegacy
           className={`whatsapp-edit-template-message-input ${
             templateStatus !== WHATSAPP_STATUSES.approved &&
             'whatsapp-edit-disabled'
@@ -2806,7 +2810,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
               </CapHeading>
             }
           />
-          <CapRow className="whatsapp-footer-edit-container">
+          <CapRow useLegacy className="whatsapp-footer-edit-container">
             <CapHeading type="h4" className="whatsapp-footer-edit-text">
               {templateFooter}
             </CapHeading>
@@ -2817,7 +2821,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
       {/* button section view in edit mode*/}
       {isMediaTypeCarousel &&
         (
-          <CapRow>
+          <CapRow useLegacy>
             <CapRow className="carousel-media-selection">
               <CapColumn className="carousel-media-selection-heading">
                 <CapHeading type="h4">
@@ -2828,7 +2832,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
                 <CapLabel type="label15">{carouselData?.[0]?.mediaType}</CapLabel>
               </CapColumn>
             </CapRow>
-            <CapRow className="whatsapp-carousel-tab">
+            <CapRow useLegacy className="whatsapp-carousel-tab">
               <CapTab
                 defaultActiveKey={`${defaultActiveIndex}`}
                 activeKey={activeIndex}
@@ -2840,7 +2844,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
         )
       }
       {!isMediaTypeCarousel &&
-        <CapRow>
+        <CapRow useLegacy>
           {isBtnTypeQuickReply ? (
             <CapHeading type="h4" className="whatsapp-render-heading">
               {formatMessage(messages.quickReplyButtons)}
@@ -2875,6 +2879,7 @@ const isAuthenticationTemplate = isEqual(templateCategory, WHATSAPP_CATEGORIES.a
               injectedTags={injectedTags || {}}
               selectedOfferDetails={selectedOfferDetails}
               eventContextTags={eventContextTags}
+              waitEventContextTags={waitEventContextTags}
             />
           )}
           {isBtnTypeQuickReply && (

package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap

@@ -258543,6 +258543,7 @@ Click {{3}} to unsubscribe'",
                                     onContextChange={[Function]}
                                     onTagSelect={[Function]}
                                     tags={Array []}
+                                    waitEventContextTags={Object {}}
                                   />
                                 }
                                 title={
@@ -258595,6 +258596,7 @@ Click {{3}} to unsubscribe'",
                                       onContextChange={[Function]}
                                       onTagSelect={[Function]}
                                       tags={Array []}
+                                      waitEventContextTags={Object {}}
                                     >
                                       <div
                                         className="tag-mock"
@@ -258612,6 +258614,7 @@ Click {{3}} to unsubscribe'",
                                         onContextChange={[Function]}
                                         onTagSelect={[Function]}
                                         tags={Array []}
+                                        waitEventContextTags={Object {}}
                                       >
                                         TagList
                                       </div>
@@ -260161,6 +260164,7 @@ T&C'
                                 key=".2"
                                 tags={Array []}
                                 updateHandler={[Function]}
+                                waitEventContextTags={Object {}}
                               >
                                 <CapWhatsappCTA
                                   ctaData={
@@ -262436,6 +262440,7 @@ new message content.",
                                   isEditFlow={true}
                                   tags={Array []}
                                   updateHandler={[Function]}
+                                  waitEventContextTags={Object {}}
                                 >
                                   <CapRow
                                     align="middle"
@@ -311074,6 +311079,7 @@ Click {{3}} to unsubscribe'",
                                     onContextChange={[Function]}
                                     onTagSelect={[Function]}
                                     tags={Array []}
+                                    waitEventContextTags={Object {}}
                                   />
                                 }
                                 title={
@@ -311126,6 +311132,7 @@ Click {{3}} to unsubscribe'",
                                       onContextChange={[Function]}
                                       onTagSelect={[Function]}
                                       tags={Array []}
+                                      waitEventContextTags={Object {}}
                                     >
                                       <div
                                         className="tag-mock"
@@ -311143,6 +311150,7 @@ Click {{3}} to unsubscribe'",
                                         onContextChange={[Function]}
                                         onTagSelect={[Function]}
                                         tags={Array []}
+                                        waitEventContextTags={Object {}}
                                       >
                                         TagList
                                       </div>
@@ -312692,6 +312700,7 @@ T&C'
                                 key=".2"
                                 tags={Array []}
                                 updateHandler={[Function]}
+                                waitEventContextTags={Object {}}
                               >
                                 <CapWhatsappCTA
                                   ctaData={
@@ -314967,6 +314976,7 @@ new message content.",
                                   isEditFlow={true}
                                   tags={Array []}
                                   updateHandler={[Function]}
+                                  waitEventContextTags={Object {}}
                                 >
                                   <CapRow
                                     align="middle"
@@ -337743,6 +337753,7 @@ Click {{unsubscribe}} to unsubscribe",
                                     onContextChange={[Function]}
                                     onTagSelect={[Function]}
                                     tags={Array []}
+                                    waitEventContextTags={Object {}}
                                   />
                                 }
                                 title={
@@ -337795,6 +337806,7 @@ Click {{unsubscribe}} to unsubscribe",
                                       onContextChange={[Function]}
                                       onTagSelect={[Function]}
                                       tags={Array []}
+                                      waitEventContextTags={Object {}}
                                     >
                                       <div
                                         className="tag-mock"
@@ -337812,6 +337824,7 @@ Click {{unsubscribe}} to unsubscribe",
                                         onContextChange={[Function]}
                                         onTagSelect={[Function]}
                                         tags={Array []}
+                                        waitEventContextTags={Object {}}
                                       >
                                         TagList
                                       </div>
@@ -339224,6 +339237,7 @@ Click {{unsubscribe}} to unsubscribe",
                                 key=".2"
                                 tags={Array []}
                                 updateHandler={[Function]}
+                                waitEventContextTags={Object {}}
                               >
                                 <CapWhatsappCTA
                                   ctaData={
@@ -341499,6 +341513,7 @@ new message content.",
                                   isEditFlow={true}
                                   tags={Array []}
                                   updateHandler={[Function]}
+                                  waitEventContextTags={Object {}}
                                 >
                                   <CapRow
                                     align="middle"
@@ -363096,6 +363111,7 @@ new message content.",
                                     onContextChange={[Function]}
                                     onTagSelect={[Function]}
                                     tags={Array []}
+                                    waitEventContextTags={Object {}}
                                   />
                                 }
                                 title={
@@ -363148,6 +363164,7 @@ new message content.",
                                       onContextChange={[Function]}
                                       onTagSelect={[Function]}
                                       tags={Array []}
+                                      waitEventContextTags={Object {}}
                                     >
                                       <div
                                         className="tag-mock"
@@ -363165,6 +363182,7 @@ new message content.",
                                         onContextChange={[Function]}
                                         onTagSelect={[Function]}
                                         tags={Array []}
+                                        waitEventContextTags={Object {}}
                                       >
                                         TagList
                                       </div>
@@ -364576,6 +364594,7 @@ new message content.",
                                 key=".2"
                                 tags={Array []}
                                 updateHandler={[Function]}
+                                waitEventContextTags={Object {}}
                               >
                                 <CapWhatsappCTA
                                   ctaData={
@@ -366842,6 +366861,7 @@ new message content.",
                                   isEditFlow={true}
                                   tags={Array []}
                                   updateHandler={[Function]}
+                                  waitEventContextTags={Object {}}
                                 >
                                   <CapRow
                                     align="middle"