@capillarytech/creatives-library 8.0.286 → 8.0.287

package/v2Containers/CreativesContainer/tests/SlideBoxFooter.test.js

@@ -190,4 +190,343 @@ describe('shouldCheckValidation (line 79)', () => {
     const saveBtn = screen.getByRole('button', { name: /create/i });
     expect(saveBtn).toBeDisabled();
   });
+
+  describe('personalization tokens handling', () => {
+    it('disables Save and Test & Preview when anonymous mobile push template has personalization tokens', () => {
+      const { hasSupportCKEditor } = require('../../../utils/common');
+      hasSupportCKEditor.mockReturnValue(false);
+
+      renderComponent({
+        ...baseFooterProps,
+        currentChannel: 'MOBILE_PUSH',
+        slidBoxContent: 'editTemplate',
+        showTestAndPreviewButton: true,
+        restrictPersonalization: true,
+        isAnonymousType: true,
+        templateData: {
+          versions: {
+            ANDROID: {
+              base: {
+                title: 'Hello {{name}}',
+                expandibleDetails: {
+                  message: 'Body',
+                },
+              },
+            },
+          },
+        },
+      });
+
+      const updateBtn = screen.getByRole('button', { name: /update/i });
+      expect(updateBtn).toBeDisabled();
+
+      const previewBtn = screen.getByRole('button', { name: /preview and test/i });
+      expect(previewBtn).toBeDisabled();
+    });
+
+    it('uses hasPersonalizationTokenError prop override even when templateData has no tokens', () => {
+      const { hasSupportCKEditor } = require('../../../utils/common');
+      hasSupportCKEditor.mockReturnValue(false);
+
+      renderComponent({
+        ...baseFooterProps,
+        currentChannel: 'MOBILE_PUSH',
+        slidBoxContent: 'editTemplate',
+        showTestAndPreviewButton: true,
+        restrictPersonalization: true,
+        isAnonymousType: true,
+        templateData: {}, // no personalization tokens in template data
+        hasPersonalizationTokenError: true,
+      });
+
+      const updateBtn = screen.getByRole('button', { name: /update/i });
+      expect(updateBtn).toBeDisabled();
+
+      const previewBtn = screen.getByRole('button', { name: /preview and test/i });
+      expect(previewBtn).toBeDisabled();
+    });
+
+    it('does not disable buttons when isAnonymousType is false even with liquid tags', () => {
+      const { hasSupportCKEditor } = require('../../../utils/common');
+      hasSupportCKEditor.mockReturnValue(false);
+
+      renderComponent({
+        ...baseFooterProps,
+        currentChannel: 'MOBILE_PUSH',
+        slidBoxContent: 'editTemplate',
+        showTestAndPreviewButton: true,
+        restrictPersonalization: true,
+        isAnonymousType: false, // non-anonymous user
+        templateData: {
+          versions: {
+            ANDROID: {
+              base: {
+                title: 'Hello {{name}}',
+                expandibleDetails: {
+                  message: 'Welcome',
+                },
+              },
+            },
+          },
+        },
+      });
+
+      const updateBtn = screen.getByRole('button', { name: /update/i });
+      expect(updateBtn).toBeEnabled();
+
+      const previewBtn = screen.getByRole('button', { name: /preview and test/i });
+      expect(previewBtn).toBeEnabled();
+    });
+
+    it('does not disable buttons when restrictPersonalization is false even for anonymous users with tokens', () => {
+      const { hasSupportCKEditor } = require('../../../utils/common');
+      hasSupportCKEditor.mockReturnValue(false);
+
+      renderComponent({
+        ...baseFooterProps,
+        currentChannel: 'MOBILE_PUSH',
+        slidBoxContent: 'editTemplate',
+        showTestAndPreviewButton: true,
+        restrictPersonalization: false, // personalization is allowed
+        isAnonymousType: true,
+        templateData: {
+          versions: {
+            ANDROID: {
+              base: {
+                title: 'Hello {{name}}',
+                expandibleDetails: {
+                  message: 'Welcome',
+                },
+              },
+            },
+          },
+        },
+      });
+
+      const updateBtn = screen.getByRole('button', { name: /update/i });
+      expect(updateBtn).toBeEnabled();
+    });
+
+    it('detects liquid tags {{ }} in Android title and disables buttons', () => {
+      const { hasSupportCKEditor } = require('../../../utils/common');
+      hasSupportCKEditor.mockReturnValue(false);
+
+      renderComponent({
+        ...baseFooterProps,
+        currentChannel: 'MOBILE_PUSH',
+        slidBoxContent: 'editTemplate',
+        restrictPersonalization: true,
+        isAnonymousType: true,
+        templateData: {
+          versions: {
+            ANDROID: {
+              base: {
+                title: '{{dynamicTitle}}',
+                expandibleDetails: {
+                  message: 'Static body',
+                },
+              },
+            },
+          },
+        },
+      });
+
+      const updateBtn = screen.getByRole('button', { name: /update/i });
+      expect(updateBtn).toBeDisabled();
+    });
+
+    it('detects liquid tags {{ }} in iOS message body and disables buttons', () => {
+      const { hasSupportCKEditor } = require('../../../utils/common');
+      hasSupportCKEditor.mockReturnValue(false);
+
+      renderComponent({
+        ...baseFooterProps,
+        currentChannel: 'MOBILE_PUSH',
+        slidBoxContent: 'editTemplate',
+        restrictPersonalization: true,
+        isAnonymousType: true,
+        templateData: {
+          versions: {
+            IOS: {
+              base: {
+                title: 'Static',
+                expandibleDetails: {
+                  message: 'Message with {{variable}}',
+                },
+              },
+            },
+          },
+        },
+      });
+
+      const updateBtn = screen.getByRole('button', { name: /update/i });
+      expect(updateBtn).toBeDisabled();
+    });
+
+    it('detects event context tags [ ] and disables buttons', () => {
+      const { hasSupportCKEditor } = require('../../../utils/common');
+      hasSupportCKEditor.mockReturnValue(false);
+
+      renderComponent({
+        ...baseFooterProps,
+        currentChannel: 'MOBILE_PUSH',
+        slidBoxContent: 'editTemplate',
+        restrictPersonalization: true,
+        isAnonymousType: true,
+        templateData: {
+          versions: {
+            ANDROID: {
+              base: {
+                title: 'Hello [eventContext]',
+                expandibleDetails: {
+                  message: 'Body',
+                },
+              },
+            },
+          },
+        },
+      });
+
+      const updateBtn = screen.getByRole('button', { name: /update/i });
+      expect(updateBtn).toBeDisabled();
+    });
+
+    it('allows buttons when template has no personalization tokens', () => {
+      const { hasSupportCKEditor } = require('../../../utils/common');
+      hasSupportCKEditor.mockReturnValue(false);
+
+      renderComponent({
+        ...baseFooterProps,
+        currentChannel: 'MOBILE_PUSH',
+        slidBoxContent: 'editTemplate',
+        showTestAndPreviewButton: true,
+        restrictPersonalization: true,
+        isAnonymousType: true,
+        templateData: {
+          versions: {
+            ANDROID: {
+              base: {
+                title: 'Static Title',
+                expandibleDetails: {
+                  message: 'Static Message Body',
+                },
+              },
+            },
+            IOS: {
+              base: {
+                title: 'iOS Title',
+                expandibleDetails: {
+                  message: 'iOS Message',
+                },
+              },
+            },
+          },
+        },
+      });
+
+      const updateBtn = screen.getByRole('button', { name: /update/i });
+      expect(updateBtn).toBeEnabled();
+
+      const previewBtn = screen.getByRole('button', { name: /preview and test/i });
+      expect(previewBtn).toBeEnabled();
+    });
+
+    it('handles expandableDetails spelling variant (corrected spelling)', () => {
+      const { hasSupportCKEditor } = require('../../../utils/common');
+      hasSupportCKEditor.mockReturnValue(false);
+
+      renderComponent({
+        ...baseFooterProps,
+        currentChannel: 'MOBILE_PUSH',
+        slidBoxContent: 'editTemplate',
+        restrictPersonalization: true,
+        isAnonymousType: true,
+        templateData: {
+          versions: {
+            ANDROID: {
+              base: {
+                title: 'Static',
+                expandableDetails: { // correct spelling
+                  message: 'Message with {{token}}',
+                },
+              },
+            },
+          },
+        },
+      });
+
+      const updateBtn = screen.getByRole('button', { name: /update/i });
+      expect(updateBtn).toBeDisabled();
+    });
+
+    it('checks both Android and iOS versions for tokens', () => {
+      const { hasSupportCKEditor } = require('../../../utils/common');
+      hasSupportCKEditor.mockReturnValue(false);
+
+      renderComponent({
+        ...baseFooterProps,
+        currentChannel: 'MOBILE_PUSH',
+        slidBoxContent: 'editTemplate',
+        restrictPersonalization: true,
+        isAnonymousType: true,
+        templateData: {
+          versions: {
+            ANDROID: {
+              base: {
+                title: 'Android Title',
+                expandibleDetails: {
+                  message: 'Android Message',
+                },
+              },
+            },
+            IOS: {
+              base: {
+                title: 'iOS [context]',
+                expandibleDetails: {
+                  message: 'iOS Message',
+                },
+              },
+            },
+          },
+        },
+      });
+
+      const updateBtn = screen.getByRole('button', { name: /update/i });
+      expect(updateBtn).toBeDisabled();
+    });
+
+    it('returns false when templateData is null', () => {
+      const { hasSupportCKEditor } = require('../../../utils/common');
+      hasSupportCKEditor.mockReturnValue(false);
+
+      renderComponent({
+        ...baseFooterProps,
+        currentChannel: 'MOBILE_PUSH',
+        slidBoxContent: 'editTemplate',
+        restrictPersonalization: true,
+        isAnonymousType: true,
+        templateData: null,
+      });
+
+      const updateBtn = screen.getByRole('button', { name: /update/i });
+      expect(updateBtn).toBeEnabled();
+    });
+
+    it('returns false when templateData is undefined', () => {
+      const { hasSupportCKEditor } = require('../../../utils/common');
+      hasSupportCKEditor.mockReturnValue(false);
+
+      renderComponent({
+        ...baseFooterProps,
+        currentChannel: 'MOBILE_PUSH',
+        slidBoxContent: 'editTemplate',
+        restrictPersonalization: true,
+        isAnonymousType: true,
+        templateData: undefined,
+      });
+
+      const updateBtn = screen.getByRole('button', { name: /update/i });
+      expect(updateBtn).toBeEnabled();
+    });
+  });
 });

package/v2Containers/CreativesContainer/tests/__snapshots__/SlideBoxContent.test.js.snap

@@ -1281,9 +1281,11 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
   <Connect(UserIsAuthenticated(Component))
     date={0}
     getCmsTemplatesInProgress={false}
+    isAnonymousType={false}
     isEditEmail={false}
     isTestAndPreviewMode={false}
     key="creatives-email-wrapper"
+    restrictPersonalization={false}
     templateData={
       Object {
         "mode": "create",
@@ -1357,9 +1359,11 @@ exports[`Test SlideBoxContent container Should render correctly with isTestAndPr
   <Connect(UserIsAuthenticated(Component))
     date={0}
     getCmsTemplatesInProgress={false}
+    isAnonymousType={false}
     isEditEmail={false}
     isTestAndPreviewMode={true}
     key="creatives-email-wrapper"
+    restrictPersonalization={false}
     templateData={
       Object {
         "mode": "create",
@@ -1423,6 +1427,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
 <SlideBoxContent__CreativesWrapper>
   <_default
     getDefaultTags=""
+    isAnonymousType={false}
     location={
       Object {
         "pathname": "/webpush/create",
@@ -1435,6 +1440,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
       }
     }
     onCreateComplete={[MockFunction]}
+    restrictPersonalization={false}
     supportedTags={
       Array [
         "tag1",
@@ -1449,6 +1455,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
 <SlideBoxContent__CreativesWrapper>
   <_default
     getDefaultTags=""
+    isAnonymousType={false}
     location={
       Object {
         "pathname": "/webpush/edit",
@@ -1466,6 +1473,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
         "id": "123",
       }
     }
+    restrictPersonalization={false}
     supportedTags={
       Array [
         "tag1",
@@ -1500,6 +1508,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
     forwardedTags={Object {}}
     getDefaultTags=""
     handleClose={[MockFunction]}
+    isAnonymousType={false}
     isFullMode={true}
     location={
       Object {
@@ -1513,6 +1522,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
       }
     }
     onCreateComplete={[MockFunction]}
+    restrictPersonalization={false}
     selectedOfferDetails={Array []}
     supportedTags={
       Array [
@@ -1531,6 +1541,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
     forwardedTags={Object {}}
     getDefaultTags=""
     handleClose={[MockFunction]}
+    isAnonymousType={false}
     isFullMode={true}
     location={
       Object {
@@ -1549,6 +1560,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should han
         "id": "123",
       }
     }
+    restrictPersonalization={false}
     selectedOfferDetails={Array []}
     supportedTags={
       Array [
@@ -1579,6 +1591,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should ren
 <SlideBoxContent__CreativesWrapper>
   <_default
     getDefaultTags=""
+    isAnonymousType={false}
     location={
       Object {
         "pathname": "/webpush/create",
@@ -1591,6 +1604,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should ren
       }
     }
     onCreateComplete={[MockFunction]}
+    restrictPersonalization={false}
     supportedTags={Array []}
   />
 </SlideBoxContent__CreativesWrapper>
@@ -1600,6 +1614,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should ren
 <SlideBoxContent__CreativesWrapper>
   <_default
     getDefaultTags=""
+    isAnonymousType={false}
     location={
       Object {
         "pathname": "/webpush/edit",
@@ -1617,6 +1632,7 @@ exports[`Test SlideBoxContent container WebPush channel functionality Should ren
         "id": "123",
       }
     }
+    restrictPersonalization={false}
     supportedTags={Array []}
     templateData={
       Object {
@@ -3211,6 +3227,7 @@ exports[`Test SlideBoxContent container getViber utility function Should handle
 <SlideBoxContent__CreativesWrapper>
   <SmsWrapper
     getDefaultTags=""
+    isAnonymousType={false}
     isComponent={true}
     isCreateSms={true}
     location={
@@ -3225,6 +3242,7 @@ exports[`Test SlideBoxContent container getViber utility function Should handle
       }
     }
     onCreateComplete={[MockFunction]}
+    restrictPersonalization={false}
     route={
       Object {
         "name": "sms",

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

@@ -12,13 +12,16 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
     closeIconType="close"
     content={
       <SlideBoxContent
+        channelsToHide={Array []}
         currentChannel="RCS"
+        customerType=""
         getFormData={[Function]}
         handleClose={[Function]}
         handleCloseTestAndPreview={[Function]}
         handleTestAndPreview={[Function]}
         hostName=""
         inAppEditorType={null}
+        isAnonymousType={false}
         isTestAndPreviewMode={false}
         loyaltyMetaData={
           Object {
@@ -38,6 +41,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         onInAppEditorTypeChange={[Function]}
         onInAppModeChange={[Function]}
         onMobilepushModeChange={[Function]}
+        onPersonalizationTokensChange={[Function]}
         onPreviewTemplate={[Function]}
         onRemoveTemplateName={[Function]}
         onResetStep={[Function]}
@@ -46,6 +50,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click rcs
         onValidationFail={[Function]}
         onWeChatMaptemplateStepChange={[Function]}
         onWechatTemplateChange={[Function]}
+        restrictPersonalization={false}
         saveMessage={[Function]}
         setIsLoadingContent={[Function]}
         showLiquidErrorInFooter={[Function]}
@@ -103,13 +108,16 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
     closeIconType="close"
     content={
       <SlideBoxContent
+        channelsToHide={Array []}
         currentChannel="WHATSAPP"
+        customerType=""
         getFormData={[Function]}
         handleClose={[Function]}
         handleCloseTestAndPreview={[Function]}
         handleTestAndPreview={[Function]}
         hostName=""
         inAppEditorType={null}
+        isAnonymousType={false}
         isTestAndPreviewMode={false}
         loyaltyMetaData={
           Object {
@@ -129,6 +137,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         onInAppEditorTypeChange={[Function]}
         onInAppModeChange={[Function]}
         onMobilepushModeChange={[Function]}
+        onPersonalizationTokensChange={[Function]}
         onPreviewTemplate={[Function]}
         onRemoveTemplateName={[Function]}
         onResetStep={[Function]}
@@ -137,6 +146,7 @@ exports[`Test SlideBoxContent container campaign message, add creative click wha
         onValidationFail={[Function]}
         onWeChatMaptemplateStepChange={[Function]}
         onWechatTemplateChange={[Function]}
+        restrictPersonalization={false}
         saveMessage={[Function]}
         setIsLoadingContent={[Function]}
         showLiquidErrorInFooter={[Function]}
@@ -194,13 +204,16 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
     closeIconType="close"
     content={
       <SlideBoxContent
+        channelsToHide={Array []}
         currentChannel="WHATSAPP"
+        customerType=""
         getFormData={[Function]}
         handleClose={[Function]}
         handleCloseTestAndPreview={[Function]}
         handleTestAndPreview={[Function]}
         hostName=""
         inAppEditorType={null}
+        isAnonymousType={false}
         isTestAndPreviewMode={false}
         loyaltyMetaData={
           Object {
@@ -220,6 +233,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         onInAppEditorTypeChange={[Function]}
         onInAppModeChange={[Function]}
         onMobilepushModeChange={[Function]}
+        onPersonalizationTokensChange={[Function]}
         onPreviewTemplate={[Function]}
         onRemoveTemplateName={[Function]}
         onResetStep={[Function]}
@@ -228,6 +242,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         onValidationFail={[Function]}
         onWeChatMaptemplateStepChange={[Function]}
         onWechatTemplateChange={[Function]}
+        restrictPersonalization={false}
         saveMessage={[Function]}
         setIsLoadingContent={[Function]}
         showLiquidErrorInFooter={[Function]}
@@ -257,6 +272,8 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
           }
         }
         fetchingCmsData={false}
+        formData={Array []}
+        hasPersonalizationTokenError={false}
         htmlEditorValidationState={
           Object {
             "errorsAcknowledged": false,
@@ -269,6 +286,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
             "validationComplete": false,
           }
         }
+        isAnonymousType={false}
         isContinueButtonDisabled={false}
         isCreatingTemplate={false}
         isEmptyContent={false}
@@ -280,6 +298,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit all data
         onEditTemplate={[Function]}
         onSave={[Function]}
         onTestAndPreview={[Function]}
+        restrictPersonalization={false}
         selectedEmailCreateMode={null}
         shouldShowContinueFooter={[Function]}
         shouldShowDoneFooter={[Function]}
@@ -323,13 +342,16 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
     closeIconType="close"
     content={
       <SlideBoxContent
+        channelsToHide={Array []}
         currentChannel="WHATSAPP"
+        customerType=""
         getFormData={[Function]}
         handleClose={[Function]}
         handleCloseTestAndPreview={[Function]}
         handleTestAndPreview={[Function]}
         hostName=""
         inAppEditorType={null}
+        isAnonymousType={false}
         isTestAndPreviewMode={false}
         loyaltyMetaData={
           Object {
@@ -349,6 +371,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         onInAppEditorTypeChange={[Function]}
         onInAppModeChange={[Function]}
         onMobilepushModeChange={[Function]}
+        onPersonalizationTokensChange={[Function]}
         onPreviewTemplate={[Function]}
         onRemoveTemplateName={[Function]}
         onResetStep={[Function]}
@@ -357,6 +380,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         onValidationFail={[Function]}
         onWeChatMaptemplateStepChange={[Function]}
         onWechatTemplateChange={[Function]}
+        restrictPersonalization={false}
         saveMessage={[Function]}
         setIsLoadingContent={[Function]}
         showLiquidErrorInFooter={[Function]}
@@ -386,6 +410,8 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
           }
         }
         fetchingCmsData={false}
+        formData={Array []}
+        hasPersonalizationTokenError={false}
         htmlEditorValidationState={
           Object {
             "errorsAcknowledged": false,
@@ -398,6 +424,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
             "validationComplete": false,
           }
         }
+        isAnonymousType={false}
         isContinueButtonDisabled={false}
         isCreatingTemplate={false}
         isEmptyContent={false}
@@ -409,6 +436,7 @@ exports[`Test SlideBoxContent container campaign message, whatsapp edit min data
         onEditTemplate={[Function]}
         onSave={[Function]}
         onTestAndPreview={[Function]}
+        restrictPersonalization={false}
         selectedEmailCreateMode={null}
         shouldShowContinueFooter={[Function]}
         shouldShowDoneFooter={[Function]}
@@ -452,13 +480,16 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
     closeIconType="close"
     content={
       <SlideBoxContent
+        channelsToHide={Array []}
         currentChannel="WHATSAPP"
+        customerType=""
         getFormData={[Function]}
         handleClose={[Function]}
         handleCloseTestAndPreview={[Function]}
         handleTestAndPreview={[Function]}
         hostName=""
         inAppEditorType={null}
+        isAnonymousType={false}
         isTestAndPreviewMode={false}
         loyaltyMetaData={
           Object {
@@ -478,6 +509,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         onInAppEditorTypeChange={[Function]}
         onInAppModeChange={[Function]}
         onMobilepushModeChange={[Function]}
+        onPersonalizationTokensChange={[Function]}
         onPreviewTemplate={[Function]}
         onRemoveTemplateName={[Function]}
         onResetStep={[Function]}
@@ -486,6 +518,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         onValidationFail={[Function]}
         onWeChatMaptemplateStepChange={[Function]}
         onWechatTemplateChange={[Function]}
+        restrictPersonalization={false}
         saveMessage={[Function]}
         setIsLoadingContent={[Function]}
         showLiquidErrorInFooter={[Function]}
@@ -515,6 +548,8 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
           }
         }
         fetchingCmsData={false}
+        formData={Array []}
+        hasPersonalizationTokenError={false}
         htmlEditorValidationState={
           Object {
             "errorsAcknowledged": false,
@@ -527,6 +562,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
             "validationComplete": false,
           }
         }
+        isAnonymousType={false}
         isContinueButtonDisabled={false}
         isCreatingTemplate={false}
         isEmptyContent={false}
@@ -538,6 +574,7 @@ exports[`Test SlideBoxContent container it should clear the url, on channel chan
         onEditTemplate={[Function]}
         onSave={[Function]}
         onTestAndPreview={[Function]}
+        restrictPersonalization={false}
         selectedEmailCreateMode={null}
         shouldShowContinueFooter={[Function]}
         shouldShowDoneFooter={[Function]}