@designcrowd/library.brand-page 5.12.3 → 5.12.4-ast-booking

package/src/brand-page/view-models.ts

@@ -36,6 +36,7 @@ import type {
   LogoTemplateImageModel,
   CookieOptions,
   SensitiveContent,
+  BookingSectionContent,
 } from './models';
 import type { ImagesSectionContentDisplayStyle } from './constants';
 
@@ -59,7 +60,8 @@ export type ViewModelType =
   | 'testimonial-section'
   | 'social-links'
   | 'shapes-section'
-  | 'shop-section';
+  | 'shop-section'
+  | 'booking-section';
 
 export interface ContentViewModel {
   id: string;
@@ -208,6 +210,13 @@ export interface DividerSectionViewModel
   isFullWidth: boolean;
 }
 
+export interface BookingSectionViewModel
+  extends ContentViewModel,
+    Omit<BookingSectionContent, 'type'> {
+  buttonStyles: ButtonStyles;
+  isFullWidth: boolean;
+}
+
 export interface PageHeaderViewModel
   extends Omit<
     PageHeaderDesktop | PageHeaderMobile,

package/src/brand-page-maker/assessors/banner-section-description-visibility.assessor.ts

@@ -1,4 +1,7 @@
-import type { BannerSectionContent } from '../../brand-page';
+import type {
+  BannerSectionContent,
+  BookingSectionContent,
+} from '../../brand-page';
 import { BUTTON_LINK_TYPE } from '../../brand-page';
 import type { VisibilityAssessor } from '../models';
 import {
@@ -9,7 +12,7 @@ import {
 } from '../../brand-page/constants';
 
 export const bannerSectionUrlVisibilityAssessor: VisibilityAssessor<
-  BannerSectionContent | undefined
+  BannerSectionContent | BookingSectionContent | undefined
 > = (content) => {
   return (
     content?.buttonLinkType !== BUTTON_LINK_TYPE.page &&
@@ -19,7 +22,7 @@ export const bannerSectionUrlVisibilityAssessor: VisibilityAssessor<
 };
 
 export const bannerSectionPageVisibilityAssessor: VisibilityAssessor<
-  BannerSectionContent | undefined
+  BannerSectionContent | BookingSectionContent | undefined
 > = (content) => {
   return (
     content?.buttonLinkType === BUTTON_LINK_TYPE.page &&
@@ -29,7 +32,7 @@ export const bannerSectionPageVisibilityAssessor: VisibilityAssessor<
 };
 
 export const bannerLinkTypeVisibilityAssessor: VisibilityAssessor<
-  BannerSectionContent | undefined
+  BannerSectionContent | BookingSectionContent | undefined
 > = (content) => {
   return content?.buttonText !== '' && content?.buttonText !== false;
 };

package/src/brand-page-maker/assessors/banner-section-field.assessor.ts

@@ -1,4 +1,7 @@
-import type { BannerSectionContent } from '../../brand-page';
+import type {
+  BannerSectionContent,
+  BookingSectionContent,
+} from '../../brand-page';
 import type {
   FieldTypeAssessor,
   ItemFieldType,
@@ -6,7 +9,7 @@ import type {
 } from '../models';
 
 export const bannerSectionFieldTypeAssessor: FieldTypeAssessor<
-  BannerSectionContent | undefined
+  BannerSectionContent | BookingSectionContent | undefined
 > = (content): ItemFieldType => {
   switch (content?.buttonLinkType) {
     case 'url':
@@ -21,7 +24,7 @@ export const bannerSectionFieldTypeAssessor: FieldTypeAssessor<
 };
 
 export const bannerSectionRoleTypeAssessor: FieldTypeAssessor<
-  BannerSectionContent | undefined
+  BannerSectionContent | BookingSectionContent | undefined
 > = (content): ItemFieldType => {
   switch (content?.buttonLinkType) {
     case 'url':
@@ -36,7 +39,7 @@ export const bannerSectionRoleTypeAssessor: FieldTypeAssessor<
 };
 
 export const bannerPlaceholderFieldTypeAssessor: PlaceholderTypeAssessor<
-  BannerSectionContent | undefined
+  BannerSectionContent | BookingSectionContent | undefined
 > = (content): string => {
   switch (content?.buttonLinkType) {
     case 'url':

package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.ts

@@ -44,6 +44,7 @@ import type { ShopConfigData } from '../../../brand-page/models/shop.model';
 import { useProductConfigStore } from '../../../brand-page-maker/stores/product-config/product-config-store';
 import type { UpdateItemValuePayload } from '../../../shared/content-settings/models';
 import { UPGRADE_CTA_LOCATIONS } from '../../composables/useEventTracker';
+import { commonTr } from '../../../composables/useTranslate';
 
 export interface BrandPageMakerViewModel {
   adminPreviewLogoTemplateModels?: AdminPreviewLogoTemplateModel[];
@@ -85,6 +86,7 @@ export default defineComponent({
     const localisedRouteStore = useLocalisedRouteStore();
 
     return {
+      commonTr,
       currentNotificationMessage: computed(
         () => brandPageMakerStore.currentNotificationMessage,
       ),

package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.vue

@@ -89,7 +89,7 @@
     <!-- Start template change confirm modal -->
     <ConfirmModal
       :visible="isChangeTemplateConfirmModalVisible"
-      description="Changing templates will cause you to lose your changes. All your content will be erased. We recommend you duplicate your site beforehand if you want to retain your changes."
+      :description="commonTr('changeTemplateConfirmationMessage')"
       @confirm="onChangeTemplateConfirmModalConfirm"
       @cancel="onChangeTemplateConfirmModalCancel"
     />

package/src/brand-page-maker/components/google-analytics/GoogleAnalytics.vue

@@ -78,8 +78,9 @@
             @input="onValueChange"
           />
 
-          <div v-if="!hasValue">
+          <div class="tw-flex tw-items-center">
             <Button
+              v-if="!hasValue"
               :label="commonTr('save')"
               variant="primary"
               size="small-medium"
@@ -87,9 +88,8 @@
               :disabled="!isReadyToSave"
               @on-click.stop="onSlugChangeButtonClicked"
             />
-          </div>
-          <div v-else>
             <Button
+              v-else
               :label="commonTr('remove')"
               variant="primary"
               size="small-medium"

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

@@ -34,6 +34,7 @@ import type {
   ShapesSectionContent,
   Content,
   ShopContent,
+  BookingSectionContent,
 } from '../../brand-page';
 import {
   SOCIAL_LINKS_ICON_DISPLAY_STYLES,
@@ -81,6 +82,7 @@ import {
   createInitialShapesSectionContent,
   VARIANT_DISPLAY_MODES,
   createInitialShopContent,
+  createInitialBookingSectionContent,
 } from '../models';
 import type {
   ContentReplaceImageSettings,
@@ -3016,6 +3018,110 @@ export const SHOP_SECTION_SETTINGS_CONFIG = (): ContentSettingsConfig<
   type: 'shop-section',
 });
 
+export const BOOKING_SECTION_SETTINGS_CONFIG =
+  (): ContentSettingsConfig<BookingSectionContent> => ({
+    type: 'booking-section',
+    category: 'sections',
+    createInitialContent: createInitialBookingSectionContent,
+    displayMode: CONTENT_SETTINGS_DISPLAY_MODES.focused,
+    defaultIconName: 'calendar',
+    displayName: contentSettingsTr(`bookingSectionDisplayName`),
+    fieldGroups: [
+      {
+        id: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
+        displayName: contentSettingsTr(`settingsDisplayName`),
+        isCollapsed: false,
+      },
+      {
+        id: SETTINGS_STYLE_FIELD_GROUP_IDS.style,
+        displayName: contentSettingsTr(`styleDisplayName`),
+        isCollapsed: true,
+      },
+    ],
+    fields: {
+      titleStyle: DEFAULT_TITLE_STYLE_SETTINGS_FILED_WITH_TITLE(),
+      descriptionStyle: DEFAULT_DESCRIPTION_STYLE_FILED(),
+      buttonTextStyle: DEFAULT_BUTTON_TEXT_STYLE_FIELD(),
+      title: {
+        type: 'text',
+        placeholder: contentSettingsTr(`titlePlaceholder`),
+        title: contentSettingsTr(`titleTitle`),
+        groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
+        maxLength: 200,
+      },
+      titleOverride: {
+        type: 'personalisation-override',
+        groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
+        visibilityAssessor: (c, b) =>
+          personalisationOverrideVisibility(c, b, 'title'),
+      },
+      description: {
+        type: 'textarea',
+        placeholder: contentSettingsTr(`descriptionPlaceholder`),
+        title: contentSettingsTr(`descriptionTitle`),
+        groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
+        maxLength: 1000,
+      },
+      descriptionOverride: {
+        type: 'personalisation-override',
+        groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
+        visibilityAssessor: (c, b) =>
+          personalisationOverrideVisibility(c, b, 'description'),
+      },
+      buttonText: {
+        type: 'text',
+        placeholder: contentSettingsTr(`getStartedPlaceholder`),
+        title: contentSettingsTr(`buttonTitle`),
+        groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
+        maxLength: 60,
+      },
+      buttonTextOverride: {
+        type: 'personalisation-override',
+        groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
+        visibilityAssessor: (c, b) =>
+          personalisationOverrideVisibility(c, b, 'buttonText'),
+      },
+      backgroundStyle: {
+        type: 'color',
+        groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.style,
+        defaultValue: {},
+        isInline: true,
+        showToggle: false,
+        title: contentSettingsTr(`backgroundColorTitle`),
+        valueConvertor: backgroundColorConvertor,
+      },
+      buttonLinkType: {
+        type: 'radio',
+        role: 'multi',
+        defaultValue: BUTTON_LINK_TYPE.url,
+        title: contentSettingsTr(`buttonLinkTitle`),
+        groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
+        optionsConvertor: buttonLinkStyleConvertor,
+        visibilityAssessor: bannerLinkTypeVisibilityAssessor,
+      },
+      pageSlug: {
+        type: 'page-dropdown',
+        placeholder: contentSettingsTr(`selectAPagePlaceholder`),
+        groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
+        visibilityAssessor: bannerSectionPageVisibilityAssessor,
+        validator: pageValidator,
+        defaultValue: '',
+      },
+      url: {
+        type: 'url',
+        groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
+        fieldTypeAssessor: bannerSectionFieldTypeAssessor,
+        roleAssessor: bannerSectionRoleTypeAssessor,
+        placeholderAssessor: bannerPlaceholderFieldTypeAssessor,
+        visibilityAssessor: bannerSectionUrlVisibilityAssessor,
+        validator: urlValidator,
+        defaultValue: '',
+      },
+    },
+    isEnabled: true,
+    isLocked: false,
+  });
+
 export const CONTENT_SETTINGS_CONFIGS = (): Record<
   ContentType,
   ContentSettingsConfig<any>
@@ -3051,4 +3157,5 @@ export const CONTENT_SETTINGS_CONFIGS = (): Record<
   'divider-section': DIVIDER_SECTION_SETTINGS_CONFIG(),
   'shapes-section': SHAPES_SECTION_SETTINGS_CONFIG(),
   'shop-section': SHOP_SECTION_SETTINGS_CONFIG(),
+  'booking-section': BOOKING_SECTION_SETTINGS_CONFIG(),
 });

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

@@ -51,6 +51,7 @@ import type {
   BrandPageType,
   SupportMeContent,
   ShopContent,
+  BookingSectionContent,
 } from '../../brand-page';
 import * as uuid from 'uuid';
 import type { CreateInitialContentFunction } from './content-settings-configs';
@@ -517,6 +518,37 @@ export const createInitialBannerSectionContent: CreateInitialContentFunction<
   };
 };
 
+export const createInitialBookingSectionContent: CreateInitialContentFunction<
+  BookingSectionContent
+> = (options?: CreateInitialContentOptions) => {
+  return {
+    id: uuid.v4(),
+    title: contentSettingsTr(`defaultBookingTitle`),
+    description: contentSettingsTr(`defaultBookingDescription`),
+    buttonText: contentSettingsTr(`bookNowLabel`),
+    url: '',
+    type: 'booking-section',
+    descriptionStyle: {
+      applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
+      textStyleType: TEXT_STYLE_TYPES.paragraphs,
+      textAlign: 'center',
+    },
+    titleStyle: {
+      applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
+      textStyleType: TEXT_STYLE_TYPES.titles,
+      textAlign: 'center',
+    },
+    backgroundStyle: {},
+    pageSlug: '',
+    buttonLinkType: BUTTON_LINK_TYPE.url,
+    buttonTextStyle: {
+      applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
+      textStyleType: TEXT_STYLE_TYPES.buttons,
+      textAlign: 'center',
+    },
+  };
+};
+
 export const createInitialImagesSectionContent: CreateInitialContentFunction<
   ImagesSectionContent
 > = (options?: CreateInitialContentOptions) => {

package/src/brand-page-maker/validators/section-button.validator.ts

@@ -2,6 +2,7 @@ import { isEmail, isTel, isURL } from '../../utils/validator.util';
 import {
   BUTTON_LINK_TYPE,
   type BannerSectionContent,
+  type BookingSectionContent,
 } from '../../brand-page/models';
 import type { ContentValidator, ValidateResult } from '../models';
 import { validatorTr } from '../../composables/useTranslate';
@@ -33,9 +34,9 @@ export const textValidator: ContentValidator<BannerSectionContent> = (
   };
 };
 
-export const urlValidator: ContentValidator<BannerSectionContent> = (
-  section,
-): ValidateResult => {
+export const urlValidator: ContentValidator<
+  BannerSectionContent | BookingSectionContent
+> = (section): ValidateResult => {
   if (
     section.buttonLinkType === BUTTON_LINK_TYPE.url &&
     !isURL(section.url) &&
@@ -79,9 +80,9 @@ export const urlValidator: ContentValidator<BannerSectionContent> = (
   };
 };
 
-export const pageValidator: ContentValidator<BannerSectionContent> = (
-  section,
-): ValidateResult => {
+export const pageValidator: ContentValidator<
+  BannerSectionContent | BookingSectionContent
+> = (section): ValidateResult => {
   if (section.buttonLinkType === BUTTON_LINK_TYPE.page && !section.pageSlug) {
     return {
       message: MISSING_PAGE_SLUG_MESSAGE(),

package/src/bundles/bundled-translations.de-DE.json

@@ -336,7 +336,8 @@
     "copyrightTextPlaceholder": "Copyright-Text hier",
     "continue": "Weiter",
     "defaultSaveDescription": "Vergessen Sie nicht, Ihre Änderungen zu veröffentlichen, sobald Sie mit Ihrem Design zufrieden sind.",
-    "saveSuccess": "Gespeichert!"
+    "saveSuccess": "Gespeichert!",
+    "changeTemplateConfirmationMessage": "Wenn Sie die Vorlagen ändern, gehen Ihre Änderungen verloren. Alle Ihre Inhalte werden gelöscht. Wir empfehlen Ihnen, Ihre Website vorher zu duplizieren, wenn Sie Ihre Änderungen beibehalten möchten."
   },
   "error": {
     "maxCharacters": "Sie haben das Zeichenlimit erreicht",
@@ -366,6 +367,11 @@
     "mailingListError": "Es ist ein Fehler aufgetreten. Das Abonnieren der Mailingliste ist nicht möglich.",
     "contactMessageError": "Es ist ein Fehler aufgetreten. Es ist nicht möglich, das Kontaktformular zu abonnieren."
   },
+  "confirmModal": {
+    "confirmMessageTitle": "Sind Sie sicher?",
+    "noLabel": "Nein",
+    "yesLabel": "Ja"
+  },
   "colorField": {
     "recommendedColors": "Empfohlene Farben",
     "logoColors": "Logo-Farben",
@@ -730,7 +736,9 @@
     "domainSearchButtonLabel": "Suche",
     "customDomainCardDescription": "Wählen Sie eine Domain, die zu Ihrem Unternehmen passt, damit Ihre Kunden Sie problemlos finden",
     "customDomainLabel": "Benutzerdefinierte Domain",
-    "recommendedLabel": "Empfohlen"
+    "recommendedLabel": "Empfohlen",
+    "websiteFriendlyName": "Website",
+    "digitalBusinessCardFriendlyName": "Digitale Visitenkarte"
   },
   "shapeLibrary": {
     "loadMoreShapes": "Weitere Formen laden"

package/src/bundles/bundled-translations.es-ES.json

@@ -336,7 +336,8 @@
     "copyrightTextPlaceholder": "Texto de copyright aquí",
     "continue": "Continuar",
     "defaultSaveDescription": "No olvides publicar los cambios una vez que tengas un diseño que te guste.",
-    "saveSuccess": "¡Se ha guardado correctamente!"
+    "saveSuccess": "¡Se ha guardado correctamente!",
+    "changeTemplateConfirmationMessage": "Cambiar las plantillas hará que pierdas los cambios. Se borrará todo el contenido. Te recomendamos que hagas un duplicado de tu sitio web de antemano si quieres conservar los cambios."
   },
   "error": {
     "maxCharacters": "Has alcanzado tu límite máximo de caracteres permitidos",
@@ -366,6 +367,11 @@
     "mailingListError": "Se ha producido un error. No es posible suscribirte a la lista de correo.",
     "contactMessageError": "Se ha producido un error. No es posible suscribirte para enviar el formulario de contacto."
   },
+  "confirmModal": {
+    "confirmMessageTitle": "¿Estás seguro?",
+    "noLabel": "No",
+    "yesLabel": "Sí"
+  },
   "colorField": {
     "recommendedColors": "Colores recomendados",
     "logoColors": "Colores del logo",
@@ -730,7 +736,9 @@
     "domainSearchButtonLabel": "Buscar",
     "customDomainCardDescription": "Facilita que los clientes te encuentren con un dominio que sea fiel reflejo de tu negocio",
     "customDomainLabel": "Dominio personalizado",
-    "recommendedLabel": "Recomendado"
+    "recommendedLabel": "Recomendado",
+    "websiteFriendlyName": "Sitio web",
+    "digitalBusinessCardFriendlyName": "Tarjeta de visita digital"
   },
   "shapeLibrary": {
     "loadMoreShapes": "Cargar más formas"

package/src/bundles/bundled-translations.fr-FR.json

@@ -336,7 +336,8 @@
     "copyrightTextPlaceholder": "Texte de copyright ici",
     "continue": "Continuer",
     "defaultSaveDescription": "N’oubliez pas de publier vos modifications une fois que votre design vous convient.",
-    "saveSuccess": "Enregistrement réussi !"
+    "saveSuccess": "Enregistrement réussi !",
+    "changeTemplateConfirmationMessage": "Si vous changez de modèle, vous perdrez vos modifications et tout votre contenu sera effacé. Nous vous recommandons de dupliquer votre site au préalable si vous souhaitez conserver vos modifications."
   },
   "error": {
     "maxCharacters": "Vous avez atteint la limite maximale de caractères autorisés",
@@ -366,6 +367,11 @@
     "mailingListError": "Une erreur s'est produite. Impossible de s'abonner à la liste de diffusion.",
     "contactMessageError": "Une erreur s'est produite. Impossible de s'inscrire pour envoyer le formulaire de contact."
   },
+  "confirmModal": {
+    "confirmMessageTitle": "Êtes-vous sûr ?",
+    "noLabel": "Non",
+    "yesLabel": "Oui"
+  },
   "colorField": {
     "recommendedColors": "Couleurs recommandées",
     "logoColors": "Couleurs du logo",
@@ -730,7 +736,9 @@
     "domainSearchButtonLabel": "Rechercher",
     "customDomainCardDescription": "Permettez aux clients de vous trouver facilement grâce à un nom de domaine qui correspond à votre entreprise",
     "customDomainLabel": "Domaine personnalisé",
-    "recommendedLabel": "Recommandé"
+    "recommendedLabel": "Recommandé",
+    "websiteFriendlyName": "Site Web",
+    "digitalBusinessCardFriendlyName": "Carte de visite numérique"
   },
   "shapeLibrary": {
     "loadMoreShapes": "Charger plus de formes"

package/src/bundles/bundled-translations.json

@@ -336,7 +336,8 @@
     "copyrightTextPlaceholder": "Copyright text here",
     "continue": "Continue",
     "defaultSaveDescription": "Don’t forget to publish your changes once you are happy with your design.",
-    "saveSuccess": "Save successful!"
+    "saveSuccess": "Save successful!",
+    "changeTemplateConfirmationMessage": "Changing templates will cause you to lose your changes. All your content will be erased. We recommend you duplicate your site beforehand if you want to retain your changes."
   },
   "error": {
     "maxCharacters": "You have reached your maximum limit of characters allowed",
@@ -366,6 +367,11 @@
     "mailingListError": "An error has occurred. Unable to subscribe to mailing list.",
     "contactMessageError": "An error has occurred. Unable to subscribe to submit contact form."
   },
+  "confirmModal": {
+    "confirmMessageTitle": "Are you sure?",
+    "noLabel": "No",
+    "yesLabel": "Yes"
+  },
   "colorField": {
     "recommendedColors": "Recommended Colors",
     "logoColors": "Logo Colors",
@@ -412,6 +418,7 @@
     "dividerSectionDisplayName": "Divider",
     "shapesSectionDisplayName": "Shapes",
     "shopSectionDisplayName": "Store",
+    "bookingSectionDisplayName": "Booking",
     "settingsDisplayName": "Settings",
     "styleDisplayName": "Style",
     "titleStyleLabel": "Title style",
@@ -489,6 +496,8 @@
     "followUsOnTitle": "Follow us on",
     "shapesTitle": "Shapes",
     "defaultTextValue": "This is a sample text",
+    "defaultBookingTitle": "Book an appointment",
+    "defaultBookingDescription": "Schedule your appointment today",
     "titlePlaceholder": "Title",
     "successMessagePlaceholder": "Success message",
     "successThanksPlaceholder": "Thank you for your request!",
@@ -545,7 +554,8 @@
     "linkToLabel": "Link to",
     "addLinkButtonText": "Add Link",
     "enterValidUrlError": "Please enter a valid URL",
-    "enterTextHerePlaceholder": "Enter text here..."
+    "enterTextHerePlaceholder": "Enter text here...",
+    "bookNowLabel": "Book Now"
   },
   "formFields": {
     "field": "Field",
@@ -653,6 +663,9 @@
   "textAreaField": {
     "maxLimitReached": "You have reached your maximum limit of characters allowed"
   },
+  "urlField": {
+    "bookingLabel": "Add your booking link (e.g., <a href=\"https://calendly.com/\" class=\"maker-anchor\">Calendly</a>)"
+  },
   "dropzoneUploader": {
     "loadingMessage": "Loading...",
     "dropToUpload": "Drop your files here or click to upload.",
@@ -730,7 +743,9 @@
     "domainSearchButtonLabel": "Search",
     "customDomainCardDescription": "Make it easy for customers to find you with a domain that matches your business",
     "customDomainLabel": "Custom Domain",
-    "recommendedLabel": "Recommended"
+    "recommendedLabel": "Recommended",
+    "websiteFriendlyName": "Website",
+    "digitalBusinessCardFriendlyName": "Digital Business Card"
   },
   "shapeLibrary": {
     "loadMoreShapes": "Load More Shapes"

package/src/bundles/bundled-translations.pt-PT.json

@@ -336,7 +336,8 @@
     "copyrightTextPlaceholder": "Texto de direitos de autor aqui",
     "continue": "Continuar",
     "defaultSaveDescription": "Não se esqueça de publicar as suas alterações quando estiver satisfeito com o seu design.",
-    "saveSuccess": "Gravação bem-sucedida!"
+    "saveSuccess": "Gravação bem-sucedida!",
+    "changeTemplateConfirmationMessage": "Alterar modelos fará com que perca as suas alterações. Todo o seu conteúdo será apagado. Recomendamos que duplique o seu site previamente, caso pretenda manter as suas alterações."
   },
   "error": {
     "maxCharacters": "Atingiu o limite máximo de caracteres permitido",
@@ -366,6 +367,11 @@
     "mailingListError": "Ocorreu um erro. Não é possível subscrever a lista de e-mail.",
     "contactMessageError": "Ocorreu um erro. Não é possível subscrever para enviar o formulário de contacto."
   },
+  "confirmModal": {
+    "confirmMessageTitle": "Tem a certeza?",
+    "noLabel": "Não",
+    "yesLabel": "Sim"
+  },
   "colorField": {
     "recommendedColors": "Cores recomendadas",
     "logoColors": "Cores do logótipo",
@@ -730,7 +736,9 @@
     "domainSearchButtonLabel": "Pesquisar",
     "customDomainCardDescription": "Permita que os clientes encontrem a sua empresa facilmente com um domínio que corresponda à empresa",
     "customDomainLabel": "Domínio personalizado",
-    "recommendedLabel": "Recomendado"
+    "recommendedLabel": "Recomendado",
+    "websiteFriendlyName": "Website",
+    "digitalBusinessCardFriendlyName": "Cartão de visita digital"
   },
   "shapeLibrary": {
     "loadMoreShapes": "Carregar mais formas"

package/src/composables/useTranslate.ts

@@ -124,6 +124,7 @@ const textImageFieldTr = (key) => tr(`textImageField.${key}`);
 const textItemsFieldTr = (key) => tr(`textItemsField.${key}`);
 const textStyleFieldTr = (key) => tr(`textStyleField.${key}`);
 const textAreaFieldTr = (key) => tr(`textAreaField.${key}`);
+const urlFieldTr = (key) => tr(`urlField.${key}`);
 const productConfigOptionTr = (key) => tr(`productConfigOption.${key}`);
 const editLogoSettingsTr = (key) => tr(`editLogoSettings.${key}`);
 const myUploadSettingsTr = (key, valuesToInterpolate = {}) =>
@@ -187,6 +188,8 @@ const productDetailModalTr = (key, valuesToInterpolate = {}) =>
   tr(`productDetailModal.${key}`, valuesToInterpolate);
 const videoTr = (key, valuesToInterpolate = {}) =>
   tr(`video.${key}`, valuesToInterpolate);
+const confirmModalTr = (key, valuesToInterpolate = {}) =>
+  tr(`confirmModal.${key}`, valuesToInterpolate);
 
 const currentLocale = (): LocaleTypes => {
   const i18 = getI18NextInstance();
@@ -279,4 +282,6 @@ export {
   requestPaymentStripeTr,
   productDetailModalTr,
   videoTr,
+  urlFieldTr,
+  confirmModalTr,
 };

package/src/shared/common/i18n/common.de-DE.json

@@ -44,6 +44,7 @@
     "copyrightTextPlaceholder" : "Copyright-Text hier",
     "continue" : "Weiter",
     "defaultSaveDescription" : "Vergessen Sie nicht, Ihre Änderungen zu veröffentlichen, sobald Sie mit Ihrem Design zufrieden sind.",
-    "saveSuccess" : "Gespeichert!"
+    "saveSuccess" : "Gespeichert!",
+    "changeTemplateConfirmationMessage" : "Wenn Sie die Vorlagen ändern, gehen Ihre Änderungen verloren. Alle Ihre Inhalte werden gelöscht. Wir empfehlen Ihnen, Ihre Website vorher zu duplizieren, wenn Sie Ihre Änderungen beibehalten möchten."
   }
 }

package/src/shared/common/i18n/common.es-ES.json

@@ -44,6 +44,7 @@
     "copyrightTextPlaceholder" : "Texto de copyright aquí",
     "continue" : "Continuar",
     "defaultSaveDescription" : "No olvides publicar los cambios una vez que tengas un diseño que te guste.",
-    "saveSuccess" : "¡Se ha guardado correctamente!"
+    "saveSuccess" : "¡Se ha guardado correctamente!",
+    "changeTemplateConfirmationMessage" : "Cambiar las plantillas hará que pierdas los cambios. Se borrará todo el contenido. Te recomendamos que hagas un duplicado de tu sitio web de antemano si quieres conservar los cambios."
   }
 }

package/src/shared/common/i18n/common.fr-FR.json

@@ -44,6 +44,7 @@
     "copyrightTextPlaceholder" : "Texte de copyright ici",
     "continue" : "Continuer",
     "defaultSaveDescription" : "N’oubliez pas de publier vos modifications une fois que votre design vous convient.",
-    "saveSuccess" : "Enregistrement réussi !"
+    "saveSuccess" : "Enregistrement réussi !",
+    "changeTemplateConfirmationMessage" : "Si vous changez de modèle, vous perdrez vos modifications et tout votre contenu sera effacé. Nous vous recommandons de dupliquer votre site au préalable si vous souhaitez conserver vos modifications."
   }
 }

package/src/shared/common/i18n/common.json

@@ -52,6 +52,8 @@
 
     "continue": "Continue",
     "defaultSaveDescription": "Don’t forget to publish your changes once you are happy with your design.",
-    "saveSuccess": "Save successful!"
+    "saveSuccess": "Save successful!",
+
+    "changeTemplateConfirmationMessage": "Changing templates will cause you to lose your changes. All your content will be erased. We recommend you duplicate your site beforehand if you want to retain your changes."
   }
 }

package/src/shared/common/i18n/common.pt-PT.json

@@ -44,6 +44,7 @@
     "copyrightTextPlaceholder" : "Texto de direitos de autor aqui",
     "continue" : "Continuar",
     "defaultSaveDescription" : "Não se esqueça de publicar as suas alterações quando estiver satisfeito com o seu design.",
-    "saveSuccess" : "Gravação bem-sucedida!"
+    "saveSuccess" : "Gravação bem-sucedida!",
+    "changeTemplateConfirmationMessage" : "Alterar modelos fará com que perca as suas alterações. Todo o seu conteúdo será apagado. Recomendamos que duplique o seu site previamente, caso pretenda manter as suas alterações."
   }
 }

package/src/shared/confirm-modal/ConfirmModal.mixin.ts

@@ -1,5 +1,6 @@
 import { defineComponent, computed } from 'vue';
 import { useBrandPageContainerStore } from '../../brand-page-maker/stores';
+import { confirmModalTr } from '../../composables/useTranslate';
 
 export default defineComponent({
   props: {
@@ -17,6 +18,7 @@ export default defineComponent({
     const containerStore = useBrandPageContainerStore();
 
     return {
+      confirmModalTr,
       isDesignCom: computed(() => containerStore.isDesignCom),
     };
   },