@designcrowd/library.brand-page 5.16.11-contact-1 → 5.16.11

package/lib/src/{CreatedOnBrandCrowd-de-de-D79Mwrx5.js → CreatedOnBrandCrowd-de-de-bzhKDyJv.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-DR2sH6pk.js";
+import { _ as t } from "./lib-cP7DqVjt.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-CtyUXDxl.js → CreatedOnBrandCrowd-en-us-j4ZI_pqK.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-DR2sH6pk.js";
+import { _ as t } from "./lib-cP7DqVjt.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-CGhK163V.js → CreatedOnBrandCrowd-es-es--kt8fo5B.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-DR2sH6pk.js";
+import { _ as t } from "./lib-cP7DqVjt.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-sSzV7xsY.js → CreatedOnBrandCrowd-fr-ca-CiCdKxFb.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-DR2sH6pk.js";
+import { _ as t } from "./lib-cP7DqVjt.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-sSzV7xsY.js → CreatedOnBrandCrowd-fr-fr-CiCdKxFb.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-DR2sH6pk.js";
+import { _ as t } from "./lib-cP7DqVjt.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-Bx8PU5VO.js → CreatedOnBrandCrowd-pt-br-CgEfKC9V.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-DR2sH6pk.js";
+import { _ as t } from "./lib-cP7DqVjt.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-Bx8PU5VO.js → CreatedOnBrandCrowd-pt-pt-CgEfKC9V.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-DR2sH6pk.js";
+import { _ as t } from "./lib-cP7DqVjt.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-CrAZimT2.js → CreatedOnDcom-de-de-CUZ6g2BX.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-DR2sH6pk.js";
+import { _ as e } from "./lib-cP7DqVjt.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-DgjW71Ea.js → CreatedOnDcom-en-us-Dk3tpBIt.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-DR2sH6pk.js";
+import { _ as e } from "./lib-cP7DqVjt.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-BBjjpycu.js → CreatedOnDcom-es-es-UMt6sl46.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-DR2sH6pk.js";
+import { _ as e } from "./lib-cP7DqVjt.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-85Eax8i4.js → CreatedOnDcom-fr-ca-DB-oAlcL.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-DR2sH6pk.js";
+import { _ as e } from "./lib-cP7DqVjt.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-jiyAEqxK.js → CreatedOnDcom-fr-fr-DDQ5o8K8.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-DR2sH6pk.js";
+import { _ as e } from "./lib-cP7DqVjt.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-DnKsyaNG.js → CreatedOnDcom-pt-br-Bp6ian7l.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-DR2sH6pk.js";
+import { _ as M } from "./lib-cP7DqVjt.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-DyCaX6iL.js → CreatedOnDcom-pt-pt-DNRtLje1.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-DR2sH6pk.js";
+import { _ as M } from "./lib-cP7DqVjt.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page/clients/brand-page.client.d.ts

@@ -5,8 +5,6 @@ export interface FormResult {
 }
 export interface ContactFormField {
     id: string;
-    name: string;
-    type: string;
     value: string;
 }
 export interface CartForShopRequest {

package/lib/src/brand-page/clients/brand-page.client.js

@@ -33,7 +33,7 @@ const submitContactForm = async (brandPageToken, contentBlockId, values) => {
         const csrfToken = csrfUtil.getCsrfTokenFromMetaHeader();
         const formBody = {
             contentBlockId,
-            fields: values,
+            ...values.reduce((b, i) => ({ ...b, [i.id]: i.value }), {}),
         };
         await axios.post(`/api/contact/${brandPageToken}`, formBody, {
             headers: {

package/lib/src/brand-page/components/contact-form/ContactForm.mixin.js

@@ -146,12 +146,7 @@ export default defineComponent({
             let result;
             this.isSubmitting = true;
             try {
-                result = await brandPageClient.submitContactForm(this.context.brandPageToken, this.viewModel.id, this.values.map((v) => ({
-                    id: v.field.id,
-                    name: v.field.name,
-                    type: v.field.type,
-                    value: v.value,
-                })));
+                result = await brandPageClient.submitContactForm(this.context.brandPageToken, this.viewModel.id, this.values.map((v) => ({ id: v.field.id, value: v.value })));
             }
             finally {
                 this.isSubmitting = false;

package/lib/src/brand-page/models/index.d.ts

@@ -200,9 +200,6 @@ export declare const FORM_FIELD_IDS: {
     readonly emailAddress: "emailAddress";
     readonly phoneNumber: "phoneNumber";
     readonly message: "message";
-    readonly customField1: "customField1";
-    readonly customField2: "customField2";
-    readonly customField3: "customField3";
 };
 export declare const BUTTON_LINK_TYPE: {
     readonly url: "url";

package/lib/src/brand-page/models/index.js

@@ -131,9 +131,6 @@ export const FORM_FIELD_IDS = {
     emailAddress: 'emailAddress',
     phoneNumber: 'phoneNumber',
     message: 'message',
-    customField1: 'customField1',
-    customField2: 'customField2',
-    customField3: 'customField3',
 };
 export const BUTTON_LINK_TYPE = {
     url: 'url',

package/lib/src/brand-page/utils/migration.util.js

@@ -11,7 +11,6 @@ import { migration05_1 } from './migration/migration-05_1';
 import { migration05_2 } from './migration/migration-05_2';
 import { migration07 } from './migration/migration-07';
 import { migration08 } from './migration/migration-08';
-import { migration09 } from './migration/migration-09';
 const MIGRATION_TABLE = [
     {
         version: 1,
@@ -69,11 +68,6 @@ const MIGRATION_TABLE = [
         migrateFn: migration08,
         description: 'Migrating logo content sizes for brandPage and brandContact',
     },
-    {
-        version: 9,
-        migrateFn: migration09,
-        description: 'Migrating contact form with additional 3 custom fields',
-    },
 ];
 export const GetLatestModelVersion = () => Math.max(...MIGRATION_TABLE.map((x) => x.version));
 export const migrateBrandPageModel = async (brandPageModel, options) => {

package/lib/src/brand-page/utils/validation.util.js

@@ -1,20 +1,19 @@
 import { isEmail } from '../../utils/validator.util';
-import { errorTr } from '../../composables/useTranslate';
 const MAX_EMAIL_LENGTH = 320;
 const MAX_PHONE_LENGTH = 50;
 const MAX_NAME_LENGTH = 250;
-const MAX_MESSAGE_LENGTH = 1000;
+const MAX_MESSAGE_LENGTH = 600;
 export const getEmailValidationError = (email, isRequired) => {
     if (email.trim() === '') {
         if (isRequired) {
-            return errorTr('contactFormEmailFieldRequired');
+            return 'Please enter your email address.';
         }
     }
     else if (!isEmail(email)) {
-        return errorTr('contactFormEmailFieldInvalid');
+        return 'The email address you entered is invalid.';
     }
     else if (email.length >= MAX_EMAIL_LENGTH) {
-        return errorTr('contactFormEmailFieldTooLong');
+        return 'The email address you entered is too long.';
     }
     else {
         return undefined;
@@ -22,29 +21,25 @@ export const getEmailValidationError = (email, isRequired) => {
 };
 export const getPhoneValidationError = (phone, isRequired) => {
     if (phone.trim() === '' && isRequired) {
-        return errorTr('contactFormPhoneFieldRequired');
+        return 'Please enter your phone number.';
     }
     else if (phone.length > MAX_PHONE_LENGTH) {
-        return errorTr('contactFormPhoneFieldTooLong');
+        return 'The phone number you entered is too long.';
     }
 };
 export const getNameValidationError = (name, isRequired) => {
     if (name.trim() === '' && isRequired) {
-        return errorTr('contactFormFieldRequired');
+        return 'Please enter your name.';
     }
     else if (name.length > MAX_NAME_LENGTH) {
-        return errorTr('contactFormFieldTooLong', {
-            MAX_LENGTH: MAX_NAME_LENGTH,
-        });
+        return 'The name you entered is too long.';
     }
 };
 export const getMessageValidationError = (message, isRequired) => {
     if (message.trim() === '' && isRequired) {
-        return errorTr('contactFormFieldRequired');
+        return 'Please enter your message.';
     }
     else if (message.length > MAX_MESSAGE_LENGTH) {
-        return errorTr('contactFormFieldTooLong', {
-            MAX_LENGTH: MAX_MESSAGE_LENGTH,
-        });
+        return `The message you entered is too long. The maximum length is ${MAX_MESSAGE_LENGTH}`;
     }
 };

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

@@ -1665,11 +1665,6 @@ export const SUPPORT_ME_CONTENT_SETTINGS_CONFIG = () => ({
     isLocked: false,
     type: 'support-me',
 });
-const CONTACT_FORM_GROUPS = {
-    formFields: 'formFields',
-    settings: 'settings',
-    style: 'style',
-};
 export const CONTACT_FORM_SETTINGS_CONFIG = () => ({
     type: 'contact-form',
     category: 'general',
@@ -1677,41 +1672,25 @@ export const CONTACT_FORM_SETTINGS_CONFIG = () => ({
     defaultIconName: 'form',
     displayMode: CONTENT_SETTINGS_DISPLAY_MODES.focused,
     displayName: contentSettingsTr(`contactFormDisplayName`),
-    fieldGroups: [
-        {
-            id: CONTACT_FORM_GROUPS.settings,
-            displayName: contentSettingsTr(`settingsDisplayName`),
-            isCollapsed: false,
-        },
-        {
-            id: CONTACT_FORM_GROUPS.formFields,
-            displayName: contentSettingsTr(`formFieldsDisplayName`),
-            isCollapsed: false,
-        },
-        {
-            id: CONTACT_FORM_GROUPS.style,
-            displayName: contentSettingsTr(`styleDisplayName`),
-            isCollapsed: true,
-        },
-    ],
+    fieldGroups: SETTINGS_STYLE_FIElD_GROUPS(),
     fields: {
         imageUrl: {
             type: 'image',
             replaceImageSettings: contactFormReplaceImageSettings(),
             title: contentSettingsTr(`imageTitle`),
-            groupId: CONTACT_FORM_GROUPS.settings,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
             visibilityAssessor: imageUrlVisibilityAssessor,
         },
         imageUrlOverride: {
             type: 'personalisation-override',
-            groupId: CONTACT_FORM_GROUPS.settings,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
             visibilityAssessor: (c, b) => imageUrlVisibilityAssessor(c, b) &&
                 personalisationOverrideVisibility(c, b, 'imageUrl'),
         },
         colorReplacements: {
             type: 'color-replacements',
             title: contentSettingsTr(`shapeColorsTitle`),
-            groupId: CONTACT_FORM_GROUPS.settings,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
             visibilityAssessor: colorReplacementVisibilityTypeAssessor,
         },
         displayStyle: {
@@ -1720,67 +1699,67 @@ export const CONTACT_FORM_SETTINGS_CONFIG = () => ({
             defaultValue: DISPLAY_STYLE_PREVIEW,
             title: contentSettingsTr(`displayStyleTitle`),
             optionsConvertor: displayStyleConvertor,
-            groupId: CONTACT_FORM_GROUPS.settings,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
             visibilityAssessor: displayTypeVisibilityAssessor,
         },
         title: {
             type: 'text',
             placeholder: contentSettingsTr(`titlePlaceholder`),
             title: contentSettingsTr(`titleTitle`),
-            groupId: CONTACT_FORM_GROUPS.settings,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
             maxLength: 200,
         },
         titleOverride: {
             type: 'personalisation-override',
-            groupId: CONTACT_FORM_GROUPS.settings,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
             visibilityAssessor: (c, b) => personalisationOverrideVisibility(c, b, 'title'),
         },
         description: {
             type: 'textarea',
             placeholder: contentSettingsTr(`descriptionPlaceholder`),
             title: contentSettingsTr(`descriptionTitle`),
-            groupId: CONTACT_FORM_GROUPS.settings,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
             maxLength: 1000,
         },
         descriptionOverride: {
             type: 'personalisation-override',
-            groupId: CONTACT_FORM_GROUPS.settings,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
             visibilityAssessor: (c, b) => personalisationOverrideVisibility(c, b, 'description'),
         },
         buttonText: {
             type: 'text',
             title: contentSettingsTr(`buttonTitle`),
-            groupId: CONTACT_FORM_GROUPS.settings,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
             showToggle: false,
             maxLength: 60,
         },
         buttonTextOverride: {
             type: 'personalisation-override',
-            groupId: CONTACT_FORM_GROUPS.settings,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
             visibilityAssessor: (c, b) => personalisationOverrideVisibility(c, b, 'buttonText'),
         },
         fields: {
             type: 'form-fields',
-            groupId: CONTACT_FORM_GROUPS.formFields,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
         },
         successMessage: {
             type: 'textarea',
             placeholder: contentSettingsTr(`successMessagePlaceholder`),
             title: contentSettingsTr(`successMessageTitle`),
-            groupId: CONTACT_FORM_GROUPS.settings,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
         },
         responseEmail: {
             type: 'email',
             title: contentSettingsTr(`sendResponsesToTitle`),
             placeholder: contentSettingsTr(`recipientEmailPlaceholder`),
-            groupId: CONTACT_FORM_GROUPS.settings,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
         },
         layoutStyle: {
             type: 'radio',
             role: 'multi',
             title: contentSettingsTr(`displayStyleTitle`),
             optionsConvertor: contactLayoutStyleConvertor,
-            groupId: CONTACT_FORM_GROUPS.style,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.style,
             variant: 'icon',
             visibilityAssessor: brandSiteTypeVisibilityAssessor,
         },
@@ -1789,7 +1768,7 @@ export const CONTACT_FORM_SETTINGS_CONFIG = () => ({
         buttonTextStyle: DEFAULT_BUTTON_TEXT_STYLE_FIELD(),
         cardStyle: {
             type: 'color',
-            groupId: CONTACT_FORM_GROUPS.style,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.style,
             defaultValue: {},
             isInline: true,
             showToggle: false,
@@ -1800,7 +1779,7 @@ export const CONTACT_FORM_SETTINGS_CONFIG = () => ({
         },
         backgroundStyle: {
             type: 'color',
-            groupId: CONTACT_FORM_GROUPS.style,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.style,
             defaultValue: {},
             isInline: true,
             showToggle: false,
@@ -1809,7 +1788,7 @@ export const CONTACT_FORM_SETTINGS_CONFIG = () => ({
         },
         messageTextColor: {
             type: 'color',
-            groupId: CONTACT_FORM_GROUPS.style,
+            groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.style,
             defaultValue: {},
             isInline: true,
             showToggle: false,

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

@@ -397,27 +397,6 @@ export const createInitialContactFormContent = (options) => {
                 required: true,
                 type: 'text-area',
             },
-            {
-                id: FORM_FIELD_IDS.customField1,
-                name: contentSettingsTr(`customFieldLabel`),
-                enabled: false,
-                required: false,
-                type: 'text',
-            },
-            {
-                id: FORM_FIELD_IDS.customField2,
-                name: contentSettingsTr(`customFieldLabel`),
-                enabled: false,
-                required: false,
-                type: 'text',
-            },
-            {
-                id: FORM_FIELD_IDS.customField3,
-                name: contentSettingsTr(`customFieldLabel`),
-                enabled: false,
-                required: false,
-                type: 'text',
-            },
         ],
         successMessage: contentSettingsTr(`formSuccessMessage`),
         responseEmail: options?.userState.emailAddress || '',