@designcrowd/library.brand-page 5.17.21 → 5.17.23-ast-subnav

package/lib/src/brand-page-maker/constants/config-settings-constant.js

@@ -1774,6 +1774,7 @@ export const CONTACT_FORM_SETTINGS_CONFIG = () => ({
             placeholder: contentSettingsTr(`successMessagePlaceholder`),
             title: contentSettingsTr(`successMessageTitle`),
             groupId: CONTACT_FORM_GROUPS.settings,
+            maxLength: 1000,
         },
         responseEmail: {
             type: 'email',
@@ -1813,16 +1814,6 @@ export const CONTACT_FORM_SETTINGS_CONFIG = () => ({
             title: contentSettingsTr(`backgroundColorTitle`),
             valueConvertor: backgroundColorConvertor,
         },
-        messageTextColor: {
-            type: 'color',
-            groupId: CONTACT_FORM_GROUPS.style,
-            defaultValue: {},
-            isInline: true,
-            showToggle: false,
-            disableTransparent: true,
-            title: contentSettingsTr(`successMessageTextColorTitle`),
-            valueConvertor: colorConvertor,
-        },
     },
     isEnabled: true,
     isLocked: (features) => !features.canAddContactFormContents,

package/lib/src/brand-page-maker/models/content-settings-configs.d.ts

@@ -99,6 +99,11 @@ export interface ContentSettingsField<TContent> {
     fieldTypeAssessor?: FieldTypeAssessor<TContent>;
     defaultGetter?: DefaultGetter<any>;
     validator?: ContentValidator<TContent>;
+    /**
+     * Override the style field name used by the RTE editor.
+     * Defaults to `${fieldName}Style` when not specified.
+     */
+    styleName?: string;
 }
 export interface ContentSettingsMultiField<TContent, TField> extends Omit<ContentSettingsField<TContent>, 'type' | 'role'> {
     type: ItemMultiFieldType;

package/lib/src/brand-page-maker/models/content-settings.js

@@ -437,6 +437,9 @@ export const createInitialContactFormContent = (options) => {
             textStyleType: TEXT_STYLE_TYPES.paragraphs,
             textAlign: 'center',
         },
+        successMessageStyle: {
+            textStyleType: TEXT_STYLE_TYPES.paragraphs,
+        },
         buttonTextStyle: {
             applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
             textStyleType: TEXT_STYLE_TYPES.buttons,

package/lib/src/brand-page-maker/models/navigation-style-configs.d.ts

@@ -11,6 +11,7 @@ export declare const NavigationStyleConfigOptions: {
     readonly selectedBackgroundColor: "selectedBackgroundColor";
     readonly iconColor: "iconColor";
     readonly iconBackgroundColor: "iconBackgroundColor";
+    readonly subNavBackgroundColor: "subNavBackgroundColor";
 };
 export type NavigationStyleConfigOption = keyof typeof NavigationStyleConfigOptions;
 export declare const NAVIGATION_STYLE_CONFIG_OPTION_TITLES: () => Record<NavigationStyleConfigOption, string>;

package/lib/src/brand-page-maker/models/navigation-style-configs.js

@@ -10,6 +10,7 @@ export const NavigationStyleConfigOptions = {
     selectedBackgroundColor: 'selectedBackgroundColor',
     iconColor: 'iconColor',
     iconBackgroundColor: 'iconBackgroundColor',
+    subNavBackgroundColor: 'subNavBackgroundColor',
 };
 export const NAVIGATION_STYLE_CONFIG_OPTION_TITLES = () => ({
     defaultBorderColor: modelsTr('defaultBorderColor'),
@@ -20,6 +21,7 @@ export const NAVIGATION_STYLE_CONFIG_OPTION_TITLES = () => ({
     selectedBackgroundColor: modelsTr('selectedBackgroundColor'),
     iconColor: commonTr('iconColor'),
     iconBackgroundColor: modelsTr('iconBackgroundColor'),
+    subNavBackgroundColor: modelsTr('subNavBackgroundColor'),
 });
 const hamburgerNavigationConfig = {
     ...defaultHamburgerNavigation,
@@ -29,6 +31,7 @@ const hamburgerNavigationConfig = {
         'selectedBackgroundColor',
         'iconColor',
         'iconBackgroundColor',
+        'subNavBackgroundColor',
     ],
     selectedButtonStyle: {},
     iconStyle: {},
@@ -68,6 +71,7 @@ export const availableNavigationStyleConfigs = [
             'selectedBackgroundColor',
             'selectedBorderColor',
             'selectedTextColor',
+            'subNavBackgroundColor',
         ],
         buttonGroupOption: {
             value: NAVIGATION_DISPLAY.TAB_1,
@@ -104,6 +108,7 @@ export const availableNavigationStyleConfigs = [
             'defaultBorderColor',
             'selectedBackgroundColor',
             'selectedTextColor',
+            'subNavBackgroundColor',
         ],
         buttonGroupOption: {
             value: NAVIGATION_DISPLAY.TAB_2,