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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/app.js +8 -1
  2. package/global-styles.js +4 -0
  3. package/package.json +2 -2
  4. package/styles/components/navigation/_leftnav.scss +1 -1
  5. package/utils/tests/tagValidations.test.js +20 -0
  6. package/v2Components/AccessForbidden/index.js +1 -1
  7. package/v2Components/CapActionButton/index.js +5 -5
  8. package/v2Components/CapCustomSkeleton/index.js +1 -1
  9. package/v2Components/CapDeviceContent/index.js +5 -5
  10. package/v2Components/CapDocumentUpload/index.js +1 -1
  11. package/v2Components/CapImageUpload/index.js +1 -1
  12. package/v2Components/CapInAppCTA/index.js +118 -112
  13. package/v2Components/CapMpushCTA/index.js +72 -66
  14. package/v2Components/CapTagList/index.js +32 -27
  15. package/v2Components/CapTagList/style.scss +29 -0
  16. package/v2Components/CapTagListWithInput/__tests__/CapTagListWithInput.test.js +63 -0
  17. package/v2Components/CapTagListWithInput/index.js +4 -0
  18. package/v2Components/CapVideoUpload/index.js +1 -1
  19. package/v2Components/CapWhatsappCTA/index.js +130 -124
  20. package/v2Components/CapWhatsappCarouselButton/index.js +27 -29
  21. package/v2Components/CapWhatsappQuickReply/index.js +7 -7
  22. package/v2Components/Carousel/index.js +1 -1
  23. package/v2Components/CommonTestAndPreview/AddTestCustomer.js +1 -1
  24. package/v2Components/CommonTestAndPreview/CustomValuesEditor.js +3 -3
  25. package/v2Components/CommonTestAndPreview/CustomerCreationModal.js +1 -1
  26. package/v2Components/CommonTestAndPreview/DeliverySettings/ModifyDeliverySettings.js +4 -4
  27. package/v2Components/CommonTestAndPreview/DeliverySettings/index.js +1 -1
  28. package/v2Components/CommonTestAndPreview/ExistingCustomerModal.js +6 -6
  29. package/v2Components/CommonTestAndPreview/LeftPanelContent.js +5 -5
  30. package/v2Components/CommonTestAndPreview/PreviewSection.js +1 -1
  31. package/v2Components/CommonTestAndPreview/UnifiedPreview/DeviceFrame.js +1 -1
  32. package/v2Components/CommonTestAndPreview/UnifiedPreview/EmailPreviewContent.js +8 -8
  33. package/v2Components/CommonTestAndPreview/UnifiedPreview/InAppPreviewContent.js +14 -13
  34. package/v2Components/CommonTestAndPreview/UnifiedPreview/MobilePushPreviewContent.js +22 -21
  35. package/v2Components/CommonTestAndPreview/UnifiedPreview/RcsPreviewContent.js +9 -9
  36. package/v2Components/CommonTestAndPreview/UnifiedPreview/SmsPreviewContent.js +8 -8
  37. package/v2Components/CommonTestAndPreview/UnifiedPreview/ViberPreviewContent.js +10 -10
  38. package/v2Components/CommonTestAndPreview/UnifiedPreview/WhatsAppPreviewContent.js +13 -12
  39. package/v2Components/CommonTestAndPreview/UnifiedPreview/ZaloPreviewContent.js +4 -3
  40. package/v2Components/CommonTestAndPreview/UnifiedPreview/_unifiedPreview.scss +10 -5
  41. package/v2Components/CommonTestAndPreview/UnifiedPreview/index.js +1 -1
  42. package/v2Components/CommonTestAndPreview/_commonTestAndPreview.scss +3 -4
  43. package/v2Components/CommonTestAndPreview/index.js +1 -1
  44. package/v2Components/CustomerSearchSection/_customerSearch.scss +2 -1
  45. package/v2Components/CustomerSearchSection/index.js +9 -9
  46. package/v2Components/EmailMobilePreview/index.js +1 -1
  47. package/v2Components/ErrorInfoNote/index.js +13 -11
  48. package/v2Components/ErrorInfoNote/style.scss +1 -1
  49. package/v2Components/FormBuilder/_formBuilder.scss +1 -0
  50. package/v2Components/FormBuilder/index.js +39 -40
  51. package/v2Components/HtmlEditor/HTMLEditor.js +10 -5
  52. package/v2Components/HtmlEditor/__tests__/HTMLEditor.apiErrors.test.js +1 -0
  53. package/v2Components/HtmlEditor/__tests__/HTMLEditor.test.js +927 -2
  54. package/v2Components/HtmlEditor/_htmlEditor.scss +2 -1
  55. package/v2Components/HtmlEditor/components/CodeEditorPane/index.js +4 -1
  56. package/v2Components/HtmlEditor/components/DeviceToggle/_deviceToggle.scss +2 -2
  57. package/v2Components/HtmlEditor/components/DeviceToggle/index.js +2 -2
  58. package/v2Components/HtmlEditor/components/EditorToolbar/PreviewModeGroup.js +2 -2
  59. package/v2Components/HtmlEditor/components/EditorToolbar/index.js +2 -2
  60. package/v2Components/HtmlEditor/components/InAppPreviewPane/index.js +1 -0
  61. package/v2Components/HtmlEditor/components/PreviewPane/index.js +2 -2
  62. package/v2Components/HtmlEditor/components/SplitContainer/SplitContainer.js +2 -2
  63. package/v2Components/HtmlEditor/components/SplitContainer/_splitContainer.scss +2 -1
  64. package/v2Components/HtmlEditor/components/ValidationPanel/index.js +6 -9
  65. package/v2Components/HtmlEditor/components/ValidationTabs/index.js +2 -2
  66. package/v2Components/NavigationBar/index.js +7 -1
  67. package/v2Components/TemplatePreview/WechatRichmediaTemplatePreview/index.js +3 -4
  68. package/v2Components/TemplatePreview/_templatePreview.scss +5 -3
  69. package/v2Components/TemplatePreview/index.js +11 -9
  70. package/v2Components/TestAndPreviewSlidebox/CustomValuesEditor.js +3 -3
  71. package/v2Components/TestAndPreviewSlidebox/LeftPanelContent.js +5 -5
  72. package/v2Components/TestAndPreviewSlidebox/PreviewSection.js +3 -3
  73. package/v2Components/TestAndPreviewSlidebox/_testAndPreviewSlidebox.scss +4 -2
  74. package/v2Containers/BeeEditor/index.js +3 -0
  75. package/v2Containers/BeePopupEditor/index.js +1 -1
  76. package/v2Containers/CommunicationFlow/CommunicationFlow.js +5 -5
  77. package/v2Containers/CommunicationFlow/steps/ChannelSelectionStep/ChannelSelectionStep.js +4 -3
  78. package/v2Containers/CommunicationFlow/steps/CommunicationStrategyStep/CommunicationStrategyStep.js +2 -2
  79. package/v2Containers/CommunicationFlow/steps/DeliverySettingsStep/DeliverySettingsSection.js +3 -2
  80. package/v2Containers/CommunicationFlow/steps/DeliverySettingsStep/SenderDetails.js +7 -7
  81. package/v2Containers/CommunicationFlow/steps/DeliverySettingsStep/SenderDetails.scss +0 -5
  82. package/v2Containers/CommunicationFlow/steps/DynamicControlsStep/DynamicControlsStep.js +2 -2
  83. package/v2Containers/CommunicationFlow/steps/MessageTypeStep/MessageTypeStep.js +2 -2
  84. package/v2Containers/CreativesContainer/SlideBoxContent.js +28 -1
  85. package/v2Containers/CreativesContainer/SlideBoxFooter.js +1 -1
  86. package/v2Containers/CreativesContainer/index.js +4 -1
  87. package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap +47 -0
  88. package/v2Containers/CreativesContainer/tests/__snapshots__/index.test.js.snap +5 -0
  89. package/v2Containers/Ebill/index.js +10 -9
  90. package/v2Containers/Email/index.js +8 -7
  91. package/v2Containers/Email/initialSchema.js +1 -1
  92. package/v2Containers/EmailWrapper/components/EmailHTMLEditor.js +6 -1
  93. package/v2Containers/EmailWrapper/components/EmailWrapperView.js +3 -0
  94. package/v2Containers/EmailWrapper/components/__tests__/EmailHTMLEditor.test.js +20 -2
  95. package/v2Containers/EmailWrapper/components/__tests__/EmailWrapperView.test.js +16 -1
  96. package/v2Containers/EmailWrapper/hooks/useEmailWrapper.js +3 -0
  97. package/v2Containers/EmailWrapper/index.js +4 -0
  98. package/v2Containers/EmailWrapper/tests/useEmailWrapper.edgeCases.test.js +1 -0
  99. package/v2Containers/EmailWrapper/tests/useEmailWrapper.test.js +9 -0
  100. package/v2Containers/FTP/index.js +1 -1
  101. package/v2Containers/Facebook/Advertisement/index.js +4 -4
  102. package/v2Containers/Facebook/index.js +2 -2
  103. package/v2Containers/InApp/index.js +21 -16
  104. package/v2Containers/InApp/index.scss +0 -7
  105. package/v2Containers/InAppWrapper/components/InAppWrapperView.js +2 -2
  106. package/v2Containers/InAppWrapper/hooks/__tests__/useInAppWrapper.test.js +1 -0
  107. package/v2Containers/InappAdvance/index.js +4 -4
  108. package/v2Containers/LanguageProvider/index.js +3 -3
  109. package/v2Containers/LanguageProvider/tests/index.test.js +3 -3
  110. package/v2Containers/Line/Container/Image/index.js +1 -1
  111. package/v2Containers/Line/Container/ImageCarousel/Content.js +1 -1
  112. package/v2Containers/Line/Container/ImageCarousel/index.js +5 -5
  113. package/v2Containers/Line/Container/ImageMap/index.js +3 -3
  114. package/v2Containers/Line/Container/Sticker/index.js +2 -2
  115. package/v2Containers/Line/Container/Sticker/utils.js +1 -1
  116. package/v2Containers/Line/Container/Video/index.js +1 -1
  117. package/v2Containers/Line/Container/Wrapper/index.js +3 -3
  118. package/v2Containers/Line/Container/Wrapper/style.js +1 -5
  119. package/v2Containers/Line/Container/index.js +2 -2
  120. package/v2Containers/Login/components/LoginForm/index.js +34 -47
  121. package/v2Containers/Login/index.js +5 -5
  122. package/v2Containers/MobilePush/Create/index.js +2 -0
  123. package/v2Containers/MobilePush/Edit/index.js +2 -0
  124. package/v2Containers/MobilePushNew/components/CtaButtons.js +2 -2
  125. package/v2Containers/MobilePushNew/components/MediaUploaders.js +9 -9
  126. package/v2Containers/MobilePushNew/components/PlatformContentFields.js +4 -4
  127. package/v2Containers/MobilePushNew/index.js +2 -2
  128. package/v2Containers/MobilePushNew/index.scss +6 -3
  129. package/v2Containers/MobilepushWrapper/index.js +3 -1
  130. package/v2Containers/Rcs/index.js +25 -19
  131. package/v2Containers/Rcs/index.scss +0 -7
  132. package/v2Containers/Sms/Create/index.js +2 -0
  133. package/v2Containers/Sms/Edit/index.js +2 -0
  134. package/v2Containers/SmsTrai/Edit/index.js +5 -2
  135. package/v2Containers/SmsWrapper/index.js +2 -0
  136. package/v2Containers/TagList/index.js +62 -5
  137. package/v2Containers/TagList/messages.js +4 -0
  138. package/v2Containers/TagList/tests/TagList.test.js +124 -20
  139. package/v2Containers/TagList/tests/mockdata.js +17 -0
  140. package/v2Containers/Templates/index.js +16 -16
  141. package/v2Containers/Viber/index.js +22 -14
  142. package/v2Containers/Viber/index.scss +0 -7
  143. package/v2Containers/WeChat/RichmediaTemplates/Create/_createRichmedia.scss +1 -1
  144. package/v2Containers/WeChat/RichmediaTemplates/Create/index.js +2 -2
  145. package/v2Containers/WebPush/Create/components/BrandIconSection.js +1 -1
  146. package/v2Containers/WebPush/Create/components/ButtonForm.js +2 -2
  147. package/v2Containers/WebPush/Create/components/ButtonList.js +4 -4
  148. package/v2Containers/WebPush/Create/components/ButtonsLinksSection.js +4 -4
  149. package/v2Containers/WebPush/Create/components/FormActions.js +3 -3
  150. package/v2Containers/WebPush/Create/components/MessageSection.js +2 -2
  151. package/v2Containers/WebPush/Create/components/NotificationTitleSection.js +2 -2
  152. package/v2Containers/WebPush/Create/components/_buttons.scss +2 -2
  153. package/v2Containers/WebPush/Create/hooks/useTagManagement.js +0 -2
  154. package/v2Containers/WebPush/Create/index.js +9 -1
  155. package/v2Containers/WebPush/Create/index.scss +6 -3
  156. package/v2Containers/WebPush/Create/preview/WebPushPreview.js +1 -1
  157. package/v2Containers/Whatsapp/index.js +33 -28
  158. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +20 -0
  159. package/v2Containers/Zalo/index.js +5 -3
@@ -180,7 +180,7 @@ const SenderDetails = ({
180
180
  );
181
181
 
182
182
  const footer = (
183
- <CapRow className="sender-details__footer">
183
+ <CapRow useLegacy className="sender-details__footer">
184
184
  <CapButton type="primary" onClick={handleSave} disabled={!hasChanges || !hasAllValues}>
185
185
  {formatMessage(messages.saveChanges)}
186
186
  </CapButton>
@@ -209,11 +209,11 @@ const SenderDetails = ({
209
209
  />
210
210
  );
211
211
  return (
212
- <CapRow key={fieldKey} className="sender-details__field">
212
+ <CapRow useLegacy key={fieldKey} className="sender-details__field">
213
213
  <CapHeading type="h4">{formatMessage(messages[messageKey] || { defaultMessage: messageKey })}</CapHeading>
214
- <CapRow type="flex" align="middle" className="sender-details__field-row">
214
+ <CapRow useLegacy type="flex" align="middle" className="sender-details__field-row">
215
215
  {fieldKey === 'whatsappAccount' ? (
216
- <CapTooltip title={formatMessage(messages.whatsappAccountTooltip)} overlayClassName="sender-details__account-name-tooltip">
216
+ <CapTooltip title={formatMessage(messages.whatsappAccountTooltip)} overlayStyle={{ width: '21.3rem' }}>
217
217
  {selectNode}
218
218
  </CapTooltip>
219
219
  ) : selectNode}
@@ -236,9 +236,9 @@ const SenderDetails = ({
236
236
  ? formatMessage(messages.domainGatewayError)
237
237
  : formatMessage(messages.senderNotConfiguredError);
238
238
  return (
239
- <CapRow key={fieldKey} className="sender-details__field">
239
+ <CapRow useLegacy key={fieldKey} className="sender-details__field">
240
240
  <CapHeading type="h4">{formatMessage(messages[messageKey] || { defaultMessage: messageKey })}</CapHeading>
241
- <CapRow type="flex" align="middle" className="sender-details__field-row">
241
+ <CapRow useLegacy type="flex" align="middle" className="sender-details__field-row">
242
242
  <CapSelect
243
243
  value={value}
244
244
  onChange={(val) => handleFieldChange(fieldKey, val)}
@@ -271,7 +271,7 @@ const SenderDetails = ({
271
271
 
272
272
  const content = (
273
273
  <CapSpin spinning={loading}>
274
- <CapRow className="sender-details__content">
274
+ <CapRow useLegacy className="sender-details__content">
275
275
  {error && <CapLabel type="label2" className="sender-details__error">{error}</CapLabel>}
276
276
  {!loading && !error && entity && fieldConfigs.length > 0 && (
277
277
  <>
@@ -61,9 +61,4 @@
61
61
  &__footer {
62
62
  justify-content: flex-end;
63
63
  }
64
- &__account-name-tooltip {
65
- .ant-tooltip-content {
66
- width: 21.3rem;
67
- }
68
- }
69
64
  }
@@ -49,7 +49,7 @@ const DynamicControlsStep = ({
49
49
  justify="space-between"
50
50
  className="dynamic-controls-step__row"
51
51
  >
52
- <CapRow className="dynamic-controls-step__label-wrap">
52
+ <CapRow useLegacy className="dynamic-controls-step__label-wrap">
53
53
  <CapHeading type="h4" className="dynamic-controls-step__label">
54
54
  {displayLabel}
55
55
  </CapHeading>
@@ -69,7 +69,7 @@ const DynamicControlsStep = ({
69
69
  })}
70
70
 
71
71
  {error && (
72
- <CapRow className="validation-error dynamic-controls-step__error">
72
+ <CapRow useLegacy className="validation-error dynamic-controls-step__error">
73
73
  {error}
74
74
  </CapRow>
75
75
  )}
@@ -34,7 +34,7 @@ const MessageTypeStep = ({
34
34
  };
35
35
 
36
36
  return (
37
- <CapRow className="message-type-step">
37
+ <CapRow useLegacy className="message-type-step">
38
38
  <CapHeading type="h3" className="heading-style">
39
39
  {formatMessage(messages.messageTypeHeading)}
40
40
  </CapHeading>
@@ -53,7 +53,7 @@ const MessageTypeStep = ({
53
53
  </CapRow>
54
54
 
55
55
  {error && (
56
- <CapRow className="validation-error">
56
+ <CapRow useLegacy className="validation-error">
57
57
  {error}
58
58
  </CapRow>
59
59
  )}
@@ -168,6 +168,7 @@ export function SlideBoxContent(props) {
168
168
  creativesMode,
169
169
  hostName = '',
170
170
  eventContextTags,
171
+ waitEventContextTags = {},
171
172
  isLoyaltyModule,
172
173
  loyaltyMetaData = {},
173
174
  showTestAndPreviewSlidebox,
@@ -424,6 +425,7 @@ export function SlideBoxContent(props) {
424
425
  selectedOfferDetails,
425
426
  getFormData,
426
427
  eventContextTags,
428
+ waitEventContextTags,
427
429
  };
428
430
 
429
431
  return (
@@ -458,6 +460,7 @@ export function SlideBoxContent(props) {
458
460
  enableNewChannels={enableNewChannels}
459
461
  hideTestAndPreviewBtn={hideTestAndPreviewBtn}
460
462
  eventContextTags={eventContextTags}
463
+ waitEventContextTags={waitEventContextTags}
461
464
  loyaltyMetaData={loyaltyMetaData}
462
465
  isLoyaltyModule={isLoyaltyModule}
463
466
  />
@@ -561,6 +564,7 @@ export function SlideBoxContent(props) {
561
564
  onCreateComplete={onCreateComplete}
562
565
  smsRegister={smsRegister}
563
566
  eventContextTags={eventContextTags}
567
+ waitEventContextTags={waitEventContextTags}
564
568
  getLiquidTags={getLiquidTags}
565
569
  showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
566
570
  handleTestAndPreview={handleTestAndPreview}
@@ -604,6 +608,7 @@ export function SlideBoxContent(props) {
604
608
  }}
605
609
  hostName={hostName}
606
610
  eventContextTags={eventContextTags}
611
+ waitEventContextTags={waitEventContextTags}
607
612
  showLiquidErrorInFooter={showLiquidErrorInFooter}
608
613
  showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
609
614
  handleTestAndPreview={handleTestAndPreview}
@@ -644,6 +649,7 @@ export function SlideBoxContent(props) {
644
649
  eventContextTags={eventContextTags}
645
650
  restrictPersonalization={restrictPersonalization}
646
651
  isAnonymousType={isAnonymousType}
652
+ waitEventContextTags={waitEventContextTags}
647
653
  />
648
654
  )}
649
655
 
@@ -677,6 +683,7 @@ export function SlideBoxContent(props) {
677
683
  moduleType={moduleType}
678
684
  showLiquidErrorInFooter={showLiquidErrorInFooter}
679
685
  eventContextTags={eventContextTags}
686
+ waitEventContextTags={waitEventContextTags}
680
687
  isLoyaltyModule={isLoyaltyModule}
681
688
  showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
682
689
  handleTestAndPreview={handleTestAndPreview}
@@ -721,6 +728,7 @@ export function SlideBoxContent(props) {
721
728
  moduleType={moduleType}
722
729
  showLiquidErrorInFooter={showLiquidErrorInFooter}
723
730
  eventContextTags={eventContextTags}
731
+ waitEventContextTags={waitEventContextTags}
724
732
  isLoyaltyModule={isLoyaltyModule}
725
733
  showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
726
734
  handleTestAndPreview={handleTestAndPreview}
@@ -760,6 +768,7 @@ export function SlideBoxContent(props) {
760
768
  moduleType={moduleType}
761
769
  showLiquidErrorInFooter={showLiquidErrorInFooter}
762
770
  eventContextTags={eventContextTags}
771
+ waitEventContextTags={waitEventContextTags}
763
772
  isLoyaltyModule={isLoyaltyModule}
764
773
  showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
765
774
  handleTestAndPreview={handleTestAndPreview}
@@ -803,6 +812,7 @@ export function SlideBoxContent(props) {
803
812
  hideTestAndPreviewBtn={hideTestAndPreviewBtn}
804
813
  creativesMode={creativesMode}
805
814
  eventContextTags={eventContextTags}
815
+ waitEventContextTags={waitEventContextTags}
806
816
  showLiquidErrorInFooter={showLiquidErrorInFooter}
807
817
  showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
808
818
  handleTestAndPreview={handleTestAndPreview}
@@ -835,6 +845,7 @@ export function SlideBoxContent(props) {
835
845
  hideTestAndPreviewBtn={hideTestAndPreviewBtn}
836
846
  creativesMode={creativesMode}
837
847
  eventContextTags={eventContextTags}
848
+ waitEventContextTags={waitEventContextTags}
838
849
  showLiquidErrorInFooter={showLiquidErrorInFooter}
839
850
  handleClose={handleClose}
840
851
  restrictPersonalization={restrictPersonalization}
@@ -874,6 +885,7 @@ export function SlideBoxContent(props) {
874
885
  hideTestAndPreviewBtn={hideTestAndPreviewBtn}
875
886
  onTestContentClicked={onTestContentClicked}
876
887
  eventContextTags={eventContextTags}
888
+ waitEventContextTags={waitEventContextTags}
877
889
  showLiquidErrorInFooter={showLiquidErrorInFooter}
878
890
  showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
879
891
  handleTestAndPreview={handleTestAndPreview}
@@ -912,6 +924,7 @@ export function SlideBoxContent(props) {
912
924
  hideTestAndPreviewBtn={hideTestAndPreviewBtn}
913
925
  onTestContentClicked={onTestContentClicked}
914
926
  eventContextTags={eventContextTags}
927
+ waitEventContextTags={waitEventContextTags}
915
928
  showLiquidErrorInFooter={showLiquidErrorInFooter}
916
929
  onCreateComplete={onCreateComplete}
917
930
  creativesMode={creativesMode}
@@ -937,6 +950,7 @@ export function SlideBoxContent(props) {
937
950
  onSelectTemplate={onSelectTemplate}
938
951
  orgUnitId={orgUnitId}
939
952
  eventContextTags={eventContextTags}
953
+ waitEventContextTags={waitEventContextTags}
940
954
  showLiquidErrorInFooter={showLiquidErrorInFooter}
941
955
  />
942
956
  )
@@ -958,6 +972,7 @@ export function SlideBoxContent(props) {
958
972
  fbAdManager={fbAdManager}
959
973
  onSelectTemplate={onSelectTemplate}
960
974
  eventContextTags={eventContextTags}
975
+ waitEventContextTags={waitEventContextTags}
961
976
  showLiquidErrorInFooter={showLiquidErrorInFooter}
962
977
  />
963
978
  )
@@ -981,6 +996,7 @@ export function SlideBoxContent(props) {
981
996
  handleClose={handleClose}
982
997
  selectedOfferDetails={selectedOfferDetails}
983
998
  eventContextTags={eventContextTags}
999
+ waitEventContextTags={waitEventContextTags}
984
1000
  showLiquidErrorInFooter={showLiquidErrorInFooter}
985
1001
  />
986
1002
  )
@@ -1001,6 +1017,7 @@ export function SlideBoxContent(props) {
1001
1017
  handleClose={handleClose}
1002
1018
  selectedOfferDetails={selectedOfferDetails}
1003
1019
  eventContextTags={eventContextTags}
1020
+ waitEventContextTags={waitEventContextTags}
1004
1021
  showLiquidErrorInFooter={showLiquidErrorInFooter}
1005
1022
  />
1006
1023
  )
@@ -1017,6 +1034,7 @@ export function SlideBoxContent(props) {
1017
1034
  templateData={templateData}
1018
1035
  selectedOfferDetails={selectedOfferDetails}
1019
1036
  eventContextTags={eventContextTags}
1037
+ waitEventContextTags={waitEventContextTags}
1020
1038
  showLiquidErrorInFooter={showLiquidErrorInFooter}
1021
1039
  showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
1022
1040
  handleTestAndPreview={handleTestAndPreview}
@@ -1041,6 +1059,7 @@ export function SlideBoxContent(props) {
1041
1059
  handleTestAndPreview={handleTestAndPreview}
1042
1060
  handleCloseTestAndPreview={handleCloseTestAndPreview}
1043
1061
  eventContextTags={eventContextTags}
1062
+ waitEventContextTags={waitEventContextTags}
1044
1063
  showLiquidErrorInFooter={showLiquidErrorInFooter}
1045
1064
  createNew/> }
1046
1065
 
@@ -1048,6 +1067,7 @@ export function SlideBoxContent(props) {
1048
1067
  isFullMode={isFullMode}
1049
1068
  onCreateComplete={onCreateComplete}
1050
1069
  eventContextTags={eventContextTags}
1070
+ waitEventContextTags={waitEventContextTags}
1051
1071
  handleClose={handleClose}
1052
1072
  showLiquidErrorInFooter={showLiquidErrorInFooter}
1053
1073
  showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
@@ -1065,6 +1085,7 @@ export function SlideBoxContent(props) {
1065
1085
  forwardedTags={forwardedTags}
1066
1086
  selectedOfferDetails={selectedOfferDetails}
1067
1087
  eventContextTags={eventContextTags}
1088
+ waitEventContextTags={waitEventContextTags}
1068
1089
  showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
1069
1090
  handleTestAndPreview={handleTestAndPreview}
1070
1091
  handleCloseTestAndPreview={handleCloseTestAndPreview}
@@ -1103,6 +1124,7 @@ export function SlideBoxContent(props) {
1103
1124
  onPreviewContentClicked={onPreviewContentClicked}
1104
1125
  onTestContentClicked={onTestContentClicked}
1105
1126
  eventContextTags={eventContextTags}
1127
+ waitEventContextTags={waitEventContextTags}
1106
1128
  onCreateComplete={onCreateComplete}
1107
1129
  handleClose={handleClose}
1108
1130
  moduleType={moduleType}
@@ -1138,6 +1160,7 @@ export function SlideBoxContent(props) {
1138
1160
  moduleType={moduleType}
1139
1161
  showLiquidErrorInFooter={showLiquidErrorInFooter}
1140
1162
  eventContextTags={eventContextTags}
1163
+ waitEventContextTags={waitEventContextTags}
1141
1164
  onCreateComplete={onCreateComplete}
1142
1165
  handleClose={handleClose}
1143
1166
  getDefaultTags={type}
@@ -1161,6 +1184,7 @@ export function SlideBoxContent(props) {
1161
1184
  onCreateComplete={onCreateComplete}
1162
1185
  selectedOfferDetails={selectedOfferDetails}
1163
1186
  eventContextTags={eventContextTags}
1187
+ waitEventContextTags={waitEventContextTags}
1164
1188
  params={{
1165
1189
  id: templateData._id,
1166
1190
  }}
@@ -1199,6 +1223,7 @@ export function SlideBoxContent(props) {
1199
1223
  eventContextTags={eventContextTags}
1200
1224
  restrictPersonalization={restrictPersonalization}
1201
1225
  isAnonymousType={isAnonymousType}
1226
+ waitEventContextTags={waitEventContextTags}
1202
1227
  />
1203
1228
  )}
1204
1229
  {isCreateRcs && (<Rcs
@@ -1292,6 +1317,8 @@ SlideBoxContent.propTypes = {
1292
1317
  showTestAndPreviewSlidebox: PropTypes.bool,
1293
1318
  handleTestAndPreview: PropTypes.func,
1294
1319
  handleCloseTestAndPreview: PropTypes.func,
1295
- isTestAndPreviewMode: PropTypes.bool
1320
+ isTestAndPreviewMode: PropTypes.bool,
1321
+ waitEventContextTags: PropTypes.object,
1322
+ eventContextTags: PropTypes.array,
1296
1323
  };
1297
1324
  export default SlideBoxContent;
@@ -181,7 +181,7 @@ function SlideBoxFooter(props) {
181
181
  <FormattedMessage {...messages.templateNameEmpty} />
182
182
  </CapError>
183
183
  )}
184
- <CapRow>
184
+ <CapRow useLegacy>
185
185
  <CapButton
186
186
  onClick={onSave}
187
187
  disabled={isTemplateNameEmpty || fetchingCmsData || shouldDisableButtons || hasPersonalizationTokenError}
@@ -1950,6 +1950,7 @@ export class Creatives extends React.Component {
1950
1950
  smsRegister,
1951
1951
  enableNewChannels,
1952
1952
  eventContextTags,
1953
+ waitEventContextTags = {},
1953
1954
  isLoyaltyModule,
1954
1955
  loyaltyMetaData = {},
1955
1956
  } = this.props;
@@ -2117,6 +2118,7 @@ export class Creatives extends React.Component {
2117
2118
  creativesMode={creativesMode} // An existing prop that we're using here. Required to ensure correct account details in Edit or Preview in case of Embedded mode.
2118
2119
  hostName={this.props?.hostName || ''}
2119
2120
  eventContextTags={eventContextTags}
2121
+ waitEventContextTags={waitEventContextTags}
2120
2122
  isLoyaltyModule={isLoyaltyModule}
2121
2123
  loyaltyMetaData={loyaltyMetaData}
2122
2124
  showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
@@ -2163,7 +2165,7 @@ export class Creatives extends React.Component {
2163
2165
  hasPersonalizationTokenError={this.state.hasPersonalizationTokenError}
2164
2166
  />
2165
2167
  ) : isLiquidValidationError && (
2166
- <CapRow className="template-footer-width">
2168
+ <CapRow useLegacy className="template-footer-width">
2167
2169
  {(() => {
2168
2170
  const errorsToShow = get(liquidErrorMessage, constants.LIQUID_ERROR_MSG, []);
2169
2171
  const standardErrorsToShow = get(liquidErrorMessage, constants.STANDARD_ERROR_MSG, []);
@@ -2209,6 +2211,7 @@ Creatives.propTypes = {
2209
2211
  orgUnitId: PropTypes.number,
2210
2212
  hostName: PropTypes.string,
2211
2213
  eventContextTags: PropTypes.array,
2214
+ waitEventContextTags: PropTypes.object,
2212
2215
  loyaltyTagFetchingDependencies: PropTypes.object,
2213
2216
  customerType: PropTypes.string,
2214
2217
  intl: PropTypes.shape({
@@ -47,6 +47,7 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
47
47
  }
48
48
  }
49
49
  type=""
50
+ waitEventContextTags={Object {}}
50
51
  />
51
52
  </SlideBoxContent__CreativesWrapper>
52
53
  `;
@@ -98,6 +99,7 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
98
99
  }
99
100
  }
100
101
  type=""
102
+ waitEventContextTags={Object {}}
101
103
  />
102
104
  </SlideBoxContent__CreativesWrapper>
103
105
  `;
@@ -148,6 +150,7 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
148
150
  }
149
151
  }
150
152
  type=""
153
+ waitEventContextTags={Object {}}
151
154
  />
152
155
  </SlideBoxContent__CreativesWrapper>
153
156
  `;
@@ -198,6 +201,7 @@ exports[`Test SlideBoxContent container Email component isTestAndPreviewMode IIF
198
201
  }
199
202
  }
200
203
  type=""
204
+ waitEventContextTags={Object {}}
201
205
  />
202
206
  </SlideBoxContent__CreativesWrapper>
203
207
  `;
@@ -225,6 +229,7 @@ exports[`Test SlideBoxContent container InApp vs InAppWrapper rendering conditio
225
229
  "mode": "create",
226
230
  }
227
231
  }
232
+ waitEventContextTags={Object {}}
228
233
  />
229
234
  </SlideBoxContent__CreativesWrapper>
230
235
  `;
@@ -252,6 +257,7 @@ exports[`Test SlideBoxContent container InApp vs InAppWrapper rendering conditio
252
257
  "mode": "create",
253
258
  }
254
259
  }
260
+ waitEventContextTags={Object {}}
255
261
  />
256
262
  </SlideBoxContent__CreativesWrapper>
257
263
  `;
@@ -279,6 +285,7 @@ exports[`Test SlideBoxContent container InApp vs InAppWrapper rendering conditio
279
285
  "mode": "create",
280
286
  }
281
287
  }
288
+ waitEventContextTags={Object {}}
282
289
  />
283
290
  </SlideBoxContent__CreativesWrapper>
284
291
  `;
@@ -306,6 +313,7 @@ exports[`Test SlideBoxContent container InApp vs InAppWrapper rendering conditio
306
313
  "mode": "create",
307
314
  }
308
315
  }
316
+ waitEventContextTags={Object {}}
309
317
  />
310
318
  </SlideBoxContent__CreativesWrapper>
311
319
  `;
@@ -315,6 +323,7 @@ exports[`Test SlideBoxContent container Should handle isTestAndPreviewMode IIFE
315
323
  <ForwardRef
316
324
  isTestAndPreviewMode={true}
317
325
  onCreateComplete={[MockFunction]}
326
+ waitEventContextTags={Object {}}
318
327
  />
319
328
  </SlideBoxContent__CreativesWrapper>
320
329
  `;
@@ -324,6 +333,7 @@ exports[`Test SlideBoxContent container Should handle isTestAndPreviewMode IIFE
324
333
  <ForwardRef
325
334
  isTestAndPreviewMode={false}
326
335
  onCreateComplete={[MockFunction]}
336
+ waitEventContextTags={Object {}}
327
337
  />
328
338
  </SlideBoxContent__CreativesWrapper>
329
339
  `;
@@ -486,6 +496,7 @@ exports[`Test SlideBoxContent container Should render correct component for line
486
496
  },
487
497
  }
488
498
  }
499
+ waitEventContextTags={Object {}}
489
500
  />
490
501
  </SlideBoxContent__CreativesWrapper>
491
502
  `;
@@ -716,6 +727,7 @@ exports[`Test SlideBoxContent container Should render correct component for line
716
727
  },
717
728
  }
718
729
  }
730
+ waitEventContextTags={Object {}}
719
731
  />
720
732
  </SlideBoxContent__CreativesWrapper>
721
733
  `;
@@ -839,6 +851,7 @@ exports[`Test SlideBoxContent container Should render correct component for line
839
851
  },
840
852
  }
841
853
  }
854
+ waitEventContextTags={Object {}}
842
855
  />
843
856
  </SlideBoxContent__CreativesWrapper>
844
857
  `;
@@ -859,6 +872,7 @@ exports[`Test SlideBoxContent container Should render correct component for rcs
859
872
  }
860
873
  }
861
874
  onCreateComplete={[MockFunction]}
875
+ waitEventContextTags={Object {}}
862
876
  />
863
877
  </SlideBoxContent__CreativesWrapper>
864
878
  `;
@@ -894,6 +908,7 @@ exports[`Test SlideBoxContent container Should render correct component for rcs
894
908
  "validity": true,
895
909
  }
896
910
  }
911
+ waitEventContextTags={Object {}}
897
912
  />
898
913
  </SlideBoxContent__CreativesWrapper>
899
914
  `;
@@ -972,6 +987,7 @@ exports[`Test SlideBoxContent container Should render correct component for rcs
972
987
  messageDetails={Object {}}
973
988
  onCreateComplete={[MockFunction]}
974
989
  slidBoxContent="templates"
990
+ waitEventContextTags={Object {}}
975
991
  />
976
992
  </SlideBoxContent__CreativesWrapper>
977
993
  `;
@@ -1205,6 +1221,7 @@ exports[`Test SlideBoxContent container Should render correct component for what
1205
1221
  <SlideBoxContent__CreativesWrapper>
1206
1222
  <ForwardRef
1207
1223
  onCreateComplete={[MockFunction]}
1224
+ waitEventContextTags={Object {}}
1208
1225
  />
1209
1226
  </SlideBoxContent__CreativesWrapper>
1210
1227
  `;
@@ -1231,6 +1248,7 @@ exports[`Test SlideBoxContent container Should render correct component for what
1231
1248
  "mode": "create",
1232
1249
  }
1233
1250
  }
1251
+ waitEventContextTags={Object {}}
1234
1252
  />
1235
1253
  </SlideBoxContent__CreativesWrapper>
1236
1254
  `;
@@ -1268,6 +1286,7 @@ exports[`Test SlideBoxContent container Should render correct component for what
1268
1286
  "whatsappTemplateName": "amit123456",
1269
1287
  }
1270
1288
  }
1289
+ waitEventContextTags={Object {}}
1271
1290
  />
1272
1291
  </SlideBoxContent__CreativesWrapper>
1273
1292
  `;
@@ -1380,6 +1399,7 @@ exports[`Test SlideBoxContent container Should render correct component for what
1380
1399
  messageDetails={Object {}}
1381
1400
  onCreateComplete={[MockFunction]}
1382
1401
  slidBoxContent="templates"
1402
+ waitEventContextTags={Object {}}
1383
1403
  />
1384
1404
  </SlideBoxContent__CreativesWrapper>
1385
1405
  `;
@@ -1389,6 +1409,7 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
1389
1409
  <ForwardRef
1390
1410
  isTestAndPreviewMode={false}
1391
1411
  onCreateComplete={[MockFunction]}
1412
+ waitEventContextTags={Object {}}
1392
1413
  />
1393
1414
  </SlideBoxContent__CreativesWrapper>
1394
1415
  `;
@@ -1409,6 +1430,7 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
1409
1430
  }
1410
1431
  }
1411
1432
  type=""
1433
+ waitEventContextTags={Object {}}
1412
1434
  />
1413
1435
  </SlideBoxContent__CreativesWrapper>
1414
1436
  `;
@@ -1467,6 +1489,7 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
1467
1489
  <ForwardRef
1468
1490
  isTestAndPreviewMode={true}
1469
1491
  onCreateComplete={[MockFunction]}
1492
+ waitEventContextTags={Object {}}
1470
1493
  />
1471
1494
  </SlideBoxContent__CreativesWrapper>
1472
1495
  `;
@@ -1487,6 +1510,7 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
1487
1510
  }
1488
1511
  }
1489
1512
  type=""
1513
+ waitEventContextTags={Object {}}
1490
1514
  />
1491
1515
  </SlideBoxContent__CreativesWrapper>
1492
1516
  `;
@@ -1564,6 +1588,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
1564
1588
  "tag2",
1565
1589
  ]
1566
1590
  }
1591
+ waitEventContextTags={Object {}}
1567
1592
  />
1568
1593
  </SlideBoxContent__CreativesWrapper>
1569
1594
  `;
@@ -1613,6 +1638,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
1613
1638
  },
1614
1639
  }
1615
1640
  }
1641
+ waitEventContextTags={Object {}}
1616
1642
  />
1617
1643
  </SlideBoxContent__CreativesWrapper>
1618
1644
  `;
@@ -1646,6 +1672,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
1646
1672
  "tag1",
1647
1673
  ]
1648
1674
  }
1675
+ waitEventContextTags={Object {}}
1649
1676
  />
1650
1677
  </SlideBoxContent__CreativesWrapper>
1651
1678
  `;
@@ -1700,6 +1727,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
1700
1727
  },
1701
1728
  }
1702
1729
  }
1730
+ waitEventContextTags={Object {}}
1703
1731
  />
1704
1732
  </SlideBoxContent__CreativesWrapper>
1705
1733
  `;
@@ -1723,6 +1751,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should ren
1723
1751
  onCreateComplete={[MockFunction]}
1724
1752
  restrictPersonalization={false}
1725
1753
  supportedTags={Array []}
1754
+ waitEventContextTags={Object {}}
1726
1755
  />
1727
1756
  </SlideBoxContent__CreativesWrapper>
1728
1757
  `;
@@ -1767,6 +1796,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should ren
1767
1796
  },
1768
1797
  }
1769
1798
  }
1799
+ waitEventContextTags={Object {}}
1770
1800
  />
1771
1801
  </SlideBoxContent__CreativesWrapper>
1772
1802
  `;
@@ -2040,6 +2070,7 @@ exports[`Test SlideBoxContent container getChannelPreviewContent utility functio
2040
2070
  },
2041
2071
  }
2042
2072
  }
2073
+ waitEventContextTags={Object {}}
2043
2074
  />
2044
2075
  </SlideBoxContent__CreativesWrapper>
2045
2076
  `;
@@ -2150,6 +2181,7 @@ exports[`Test SlideBoxContent container getChannelPreviewContent utility functio
2150
2181
  },
2151
2182
  }
2152
2183
  }
2184
+ waitEventContextTags={Object {}}
2153
2185
  />
2154
2186
  </SlideBoxContent__CreativesWrapper>
2155
2187
  `;
@@ -2492,6 +2524,7 @@ exports[`Test SlideBoxContent container getChannelPreviewContent utility functio
2492
2524
  },
2493
2525
  }
2494
2526
  }
2527
+ waitEventContextTags={Object {}}
2495
2528
  />
2496
2529
  </SlideBoxContent__CreativesWrapper>
2497
2530
  `;
@@ -2584,6 +2617,7 @@ exports[`Test SlideBoxContent container getChannelPreviewContent utility functio
2584
2617
  },
2585
2618
  }
2586
2619
  }
2620
+ waitEventContextTags={Object {}}
2587
2621
  />
2588
2622
  </SlideBoxContent__CreativesWrapper>
2589
2623
  `;
@@ -2676,6 +2710,7 @@ exports[`Test SlideBoxContent container getChannelPreviewContent utility functio
2676
2710
  },
2677
2711
  }
2678
2712
  }
2713
+ waitEventContextTags={Object {}}
2679
2714
  />
2680
2715
  </SlideBoxContent__CreativesWrapper>
2681
2716
  `;
@@ -2768,6 +2803,7 @@ exports[`Test SlideBoxContent container getChannelPreviewContent utility functio
2768
2803
  },
2769
2804
  }
2770
2805
  }
2806
+ waitEventContextTags={Object {}}
2771
2807
  />
2772
2808
  </SlideBoxContent__CreativesWrapper>
2773
2809
  `;
@@ -2867,6 +2903,7 @@ exports[`Test SlideBoxContent container getChannelPreviewContent utility functio
2867
2903
  },
2868
2904
  }
2869
2905
  }
2906
+ waitEventContextTags={Object {}}
2870
2907
  />
2871
2908
  </SlideBoxContent__CreativesWrapper>
2872
2909
  `;
@@ -2959,6 +2996,7 @@ exports[`Test SlideBoxContent container getChannelPreviewContent utility functio
2959
2996
  },
2960
2997
  }
2961
2998
  }
2999
+ waitEventContextTags={Object {}}
2962
3000
  />
2963
3001
  </SlideBoxContent__CreativesWrapper>
2964
3002
  `;
@@ -3051,6 +3089,7 @@ exports[`Test SlideBoxContent container getChannelPreviewContent utility functio
3051
3089
  },
3052
3090
  }
3053
3091
  }
3092
+ waitEventContextTags={Object {}}
3054
3093
  />
3055
3094
  </SlideBoxContent__CreativesWrapper>
3056
3095
  `;
@@ -3153,6 +3192,7 @@ exports[`Test SlideBoxContent container getChannelPreviewContent utility functio
3153
3192
  },
3154
3193
  }
3155
3194
  }
3195
+ waitEventContextTags={Object {}}
3156
3196
  />
3157
3197
  </SlideBoxContent__CreativesWrapper>
3158
3198
  `;
@@ -3175,6 +3215,7 @@ exports[`Test SlideBoxContent container getLineType utility function Should hand
3175
3215
  }
3176
3216
  onCreateComplete={[MockFunction]}
3177
3217
  templateData={null}
3218
+ waitEventContextTags={Object {}}
3178
3219
  />
3179
3220
  </SlideBoxContent__CreativesWrapper>
3180
3221
  `;
@@ -3211,6 +3252,7 @@ exports[`Test SlideBoxContent container getLineType utility function Should hand
3211
3252
  "type": "LINE",
3212
3253
  }
3213
3254
  }
3255
+ waitEventContextTags={Object {}}
3214
3256
  />
3215
3257
  </SlideBoxContent__CreativesWrapper>
3216
3258
  `;
@@ -3237,6 +3279,7 @@ exports[`Test SlideBoxContent container getLineType utility function Should hand
3237
3279
  "isDefault": true,
3238
3280
  }
3239
3281
  }
3282
+ waitEventContextTags={Object {}}
3240
3283
  />
3241
3284
  </SlideBoxContent__CreativesWrapper>
3242
3285
  `;
@@ -3285,6 +3328,7 @@ exports[`Test SlideBoxContent container getLineType utility function Should hand
3285
3328
  },
3286
3329
  }
3287
3330
  }
3331
+ waitEventContextTags={Object {}}
3288
3332
  />
3289
3333
  </SlideBoxContent__CreativesWrapper>
3290
3334
  `;
@@ -3306,6 +3350,7 @@ exports[`Test SlideBoxContent container getViber utility function Should handle
3306
3350
  }
3307
3351
  onCreateComplete={[MockFunction]}
3308
3352
  templateData={null}
3353
+ waitEventContextTags={Object {}}
3309
3354
  />
3310
3355
  </SlideBoxContent__CreativesWrapper>
3311
3356
  `;
@@ -3336,6 +3381,7 @@ exports[`Test SlideBoxContent container getViber utility function Should handle
3336
3381
  "type": "VIBER",
3337
3382
  }
3338
3383
  }
3384
+ waitEventContextTags={Object {}}
3339
3385
  />
3340
3386
  </SlideBoxContent__CreativesWrapper>
3341
3387
  `;
@@ -3365,6 +3411,7 @@ exports[`Test SlideBoxContent container getViber utility function Should handle
3365
3411
  "name": "sms",
3366
3412
  }
3367
3413
  }
3414
+ waitEventContextTags={Object {}}
3368
3415
  />
3369
3416
  </SlideBoxContent__CreativesWrapper>
3370
3417
  `;