@capillarytech/creatives-library 8.0.316 → 8.0.317-alpha.0

package/v2Containers/EmailWrapper/index.js

@@ -63,6 +63,7 @@ const EmailWrapper = (props) => {
     onEnterTemplateName,
     onRemoveTemplateName,
     eventContextTags,
+    waitEventContextTags,
     isLoyaltyModule,
     cmsTemplatesLoader,
     onPreviewContentClicked,
@@ -130,6 +131,7 @@ const EmailWrapper = (props) => {
     onEnterTemplateName,
     onRemoveTemplateName,
     eventContextTags,
+    waitEventContextTags,
     isLoyaltyModule,
     cmsTemplatesLoader,
     onPreviewContentClicked,
@@ -184,6 +186,7 @@ const EmailWrapper = (props) => {
         forwardedTags={forwardedTags}
         selectedOfferDetails={selectedOfferDetails}
         eventContextTags={eventContextTags}
+        waitEventContextTags={waitEventContextTags}
         getFormdata={getFormdata}
         isGetFormData={isGetFormData}
         getLiquidTags={globalActionsProp?.getLiquidTags}
@@ -241,6 +244,7 @@ EmailWrapper.propTypes = {
   onEnterTemplateName: PropTypes.func,
   onRemoveTemplateName: PropTypes.func,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   isLoyaltyModule: PropTypes.bool,
   onPreviewContentClicked: PropTypes.func,
   onTestContentClicked: PropTypes.func,

package/v2Containers/EmailWrapper/tests/useEmailWrapper.edgeCases.test.js

@@ -112,6 +112,7 @@ describe('useEmailWrapper - Edge Cases', () => {
       editor: 'HTML',
       moduleType: null,
       eventContextTags: [],
+      waitEventContextTags: {},
       isLoyaltyModule: false,
       cmsTemplatesLoader: jest.fn(),
       currentOrgDetails: {},

package/v2Containers/EmailWrapper/tests/useEmailWrapper.test.js

@@ -102,6 +102,7 @@ describe('useEmailWrapper', () => {
       editor: null,
       moduleType: '',
       eventContextTags: [],
+      waitEventContextTags: {},
       isLoyaltyModule: false,
       cmsTemplatesLoader: false,
       currentOrgDetails: { id: 'org1' },
@@ -120,6 +121,14 @@ describe('useEmailWrapper', () => {
     expect(result.current.onTemplateNameChange).toBeInstanceOf(Function);
   });
 
+  it('passes waitEventContextTags through emailProps', () => {
+    const waitMap = { block1: { eventName: 'E', blockName: 'B', tags: [] } };
+    const { result } = renderHook(() =>
+      useEmailWrapper({ ...mockProps, waitEventContextTags: waitMap }),
+    );
+    expect(result.current.emailProps.waitEventContextTags).toEqual(waitMap);
+  });
+
   it('handles template name change correctly', () => {
     const { result } = renderHook(() => useEmailWrapper(mockProps));
 

package/v2Containers/InAppWrapper/hooks/__tests__/useInAppWrapper.test.js

@@ -78,6 +78,7 @@ describe('useInAppWrapper', () => {
     onPreviewContentClicked: jest.fn(),
     onTestContentClicked: jest.fn(),
     eventContextTags: {},
+    waitEventContextTags: {},
     onCreateComplete: jest.fn(),
     handleClose: jest.fn(),
     templateData: null,
@@ -424,6 +425,24 @@ describe('useInAppWrapper', () => {
 
       expect(capturedState.inAppProps.getDefaultTags).toBe('defaultTags');
     });
+
+    it('passes waitEventContextTags through to inAppProps', () => {
+      const waitMap = { block1: { eventName: 'E', blockName: 'B', tags: [] } };
+      let capturedState = null;
+      render(
+        <TestComponent
+          hookProps={{
+            ...defaultHookProps,
+            waitEventContextTags: waitMap,
+          }}
+          onStateChange={(state) => {
+            capturedState = state;
+          }}
+        />
+      );
+
+      expect(capturedState.inAppProps.waitEventContextTags).toEqual(waitMap);
+    });
   });
 
   describe('isShowInAppCreate', () => {

package/v2Containers/InAppWrapper/hooks/useInAppWrapper.js

@@ -33,6 +33,7 @@ const useInAppWrapper = ({
   onPreviewContentClicked,
   onTestContentClicked,
   eventContextTags,
+  waitEventContextTags,
   onCreateComplete,
   handleClose,
   templateData,
@@ -149,6 +150,7 @@ const useInAppWrapper = ({
       onPreviewContentClicked,
       onTestContentClicked,
       eventContextTags,
+      waitEventContextTags,
       onCreateComplete,
       handleClose,
     };
@@ -173,6 +175,7 @@ const useInAppWrapper = ({
     onPreviewContentClicked,
     onTestContentClicked,
     eventContextTags,
+    waitEventContextTags,
     onCreateComplete,
     handleClose,
   ]);

package/v2Containers/InAppWrapper/index.js

@@ -36,6 +36,7 @@ const InAppWrapper = (props) => {
     onPreviewContentClicked,
     onTestContentClicked,
     eventContextTags,
+    waitEventContextTags,
     onCreateComplete,
     handleClose,
     templateData,
@@ -78,6 +79,7 @@ const InAppWrapper = (props) => {
     onPreviewContentClicked,
     onTestContentClicked,
     eventContextTags,
+    waitEventContextTags,
     onCreateComplete,
     handleClose,
     templateData,
@@ -124,6 +126,7 @@ InAppWrapper.propTypes = {
   onPreviewContentClicked: PropTypes.func,
   onTestContentClicked: PropTypes.func,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   onCreateComplete: PropTypes.func,
   handleClose: PropTypes.func,
   templateData: PropTypes.object,

package/v2Containers/MobilePush/Create/index.js

@@ -1966,6 +1966,7 @@ export class Create extends React.Component { // eslint-disable-line react/prefe
                 hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
                 isFullMode={this.props.isFullMode}
                 eventContextTags={this.props?.eventContextTags}
+                waitEventContextTags={this.props?.waitEventContextTags}
                 messageDetails={this.props?.messageDetails}
                 restrictPersonalization={this.props.restrictPersonalization}
               />
@@ -2068,6 +2069,7 @@ Create.propTypes = {
   onPreviewContentClicked: PropTypes.func,
   onTestContentClicked: PropTypes.func,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   getLiquidTags: PropTypes.func,
   showLiquidErrorInFooter: PropTypes.func,
   showTestAndPreviewSlidebox: PropTypes.bool,

package/v2Containers/MobilePush/Edit/index.js

@@ -2233,6 +2233,7 @@ export class Edit extends React.Component { // eslint-disable-line react/prefer-
                 hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
                 isFullMode={this.props.isFullMode}
                 eventContextTags={this.props?.eventContextTags}
+                waitEventContextTags={this.props?.waitEventContextTags}
                 restrictPersonalization={this.props.restrictPersonalization}
               />;
               })()}
@@ -2339,6 +2340,7 @@ Edit.propTypes = {
   onTestContentClicked: PropTypes.func,
   creativesMode: PropTypes.string,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   getLiquidTags: PropTypes.func,
   showLiquidErrorInFooter: PropTypes.func,
   showTestAndPreviewSlidebox: PropTypes.bool,

package/v2Containers/MobilepushWrapper/index.js

@@ -72,7 +72,7 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
   }
 
   render() {
-    const {mobilePushCreateMode, step, getFormData, getLiquidTags, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName, type, onValidationFail, onPreviewContentClicked, onTestContentClicked, templateData, eventContextTags = [], showTestAndPreviewSlidebox, handleTestAndPreview, handleCloseTestAndPreview, restrictPersonalization, isAnonymousType, onPersonalizationTokensChange} = this.props;
+    const {mobilePushCreateMode, step, getFormData, getLiquidTags, setIsLoadingContent, isGetFormData, query, isFullMode, showTemplateName, type, onValidationFail, onPreviewContentClicked, onTestContentClicked, templateData, eventContextTags = [], waitEventContextTags = {},showTestAndPreviewSlidebox, handleTestAndPreview, handleCloseTestAndPreview, restrictPersonalization, isAnonymousType, onPersonalizationTokensChange} = this.props;
     const {templateName} = this.state;
     const isShowMobilepushCreate = !isEmpty(mobilePushCreateMode);
     return (
@@ -121,6 +121,7 @@ export class MobilepushWrapper extends React.Component { // eslint-disable-line
               templateData={templateData}
               hideTestAndPreviewBtn={this.props.hideTestAndPreviewBtn}
               eventContextTags={eventContextTags}
+              waitEventContextTags={waitEventContextTags}
               showLiquidErrorInFooter={this.props.showLiquidErrorInFooter}
               showTestAndPreviewSlidebox={showTestAndPreviewSlidebox}
               handleTestAndPreview={handleTestAndPreview}
@@ -155,6 +156,7 @@ MobilepushWrapper.propTypes = {
   type: PropTypes.string,
   onValidationFail: PropTypes.func,
   eventContextTags: PropTypes.array,
+  waitEventContextTags: PropTypes.object,
   showLiquidErrorInFooter: PropTypes.func,
   showTestAndPreviewSlidebox: PropTypes.bool,
   handleTestAndPreview: PropTypes.func,

package/v2Containers/Rcs/constants.js

@@ -40,6 +40,22 @@ export const contentType = {
   carousel: 'carousel',
 };
 
+export const CHANNELS = [
+  'email',
+  'mPush',
+  'viber',
+  'whatsapp',
+  'zalo',
+  'facebook',
+  'rcs',
+  'inApp',
+  'line',
+  'weChat',
+  'callTask',
+  'FTP',
+  'webpush',
+];
+
 export const STATUS_OPTIONS = [
   // {
   //   key: 'created',
@@ -76,8 +92,23 @@ export const RCS_MEDIA_TYPES = {
 
 export const rcsVarRegex = /\{\{\w+\}\}/g;
 export const rcsVarTestRegex = /\{\{\w+\}\}/;
+
+/** `cardVarMapped` slot keys that are numeric only (legacy ordering). */
+export const RCS_NUMERIC_VAR_NAME_REGEX = /^\d+$/;
+/** Escape `RegExp` metacharacters when building a pattern from user/tag text. */
+export const RCS_REGEX_META_CHARS_PATTERN = /[.*+?^${}()|[\]\\]/g;
+/** Entire string is a single `{{tag}}` token (value still a placeholder). */
+export const RCS_SINGLE_MUSTACHE_PLACEHOLDER_REGEX = /^\{\{[^}]+\}\}$/;
+/** Strip leading `{{` and trailing `}}` from a token. */
+export const RCS_STRIP_MUSTACHE_DELIMITERS_REGEX = /^\{\{|\}\}$/g;
+
+/** Tag-popover target: title vs description field (matches `onTagSelect` `field` argument). */
+export const RCS_TAG_AREA_FIELD_TITLE = 'title';
+export const RCS_TAG_AREA_FIELD_DESC = 'desc';
+
 export const TEMPLATE_DESC_MAX_LENGTH = 2500;
-export const FALLBACK_MESSAGE_MAX_LENGTH = 160;
+/** Resolved SMS fallback body cap. Must allow multi-segment DLT (>160); aligns with TRAI / `TEMPLATE_MESSAGE_MAX_LENGTH`. */
+export const FALLBACK_MESSAGE_MAX_LENGTH = TEMPLATE_MESSAGE_MAX_LENGTH;
 export const TEMPLATE_TITLE_MAX_LENGTH = 200;
 export const TEMPLATE_BUTTON_TEXT_MAX_LENGTH = 25;
 export const CTA = 'CTA';