@designcrowd/library.brand-page 5.12.14 → 5.12.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-CLvcrjGD.js → CreatedOnBrandCrowd-de-de-CZd7RKCS.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-IAccZs5I.js → CreatedOnBrandCrowd-en-us-DgUw_Gmk.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-DiT9Jb5Q.js → CreatedOnBrandCrowd-es-es-qmEj0qtS.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-C-ZE-8xH.js → CreatedOnBrandCrowd-fr-fr-WSAFNEbH.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-pt-pt-BmzMx788.js → CreatedOnBrandCrowd-pt-pt-QQsa4zfN.js} +1 -1
  6. package/lib/src/{CreatedOnDcom-de-de-CknEXPtF.js → CreatedOnDcom-de-de-Dgmk8ib6.js} +1 -1
  7. package/lib/src/{CreatedOnDcom-en-us-CNuaCmwO.js → CreatedOnDcom-en-us-u6DK8Fzd.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-es-es-xQmDcCxZ.js → CreatedOnDcom-es-es-CyOJpVzh.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-fr-fr-Ig9ufuyT.js → CreatedOnDcom-fr-fr-CWzC5FlL.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-pt-pt-BcpCcEx4.js → CreatedOnDcom-pt-pt-DVigHaTn.js} +1 -1
  11. package/lib/src/brand-page/components/icon/Icon.mixin.d.ts +1 -1
  12. package/lib/src/brand-page/components/icon/Icon.mixin.js +2 -2
  13. package/lib/src/brand-page/models/content.model.d.ts +1 -1
  14. package/lib/src/brand-page/models/content.model.js +1 -1
  15. package/lib/src/brand-page/models/index.d.ts +7 -13
  16. package/lib/src/brand-page/models/index.js +2 -2
  17. package/lib/src/brand-page/utils/button.util.d.ts +7 -0
  18. package/lib/src/brand-page/utils/button.util.js +29 -0
  19. package/lib/src/brand-page/utils/content-callback-util.js +1 -1
  20. package/lib/src/brand-page/utils/model.util.js +1 -1
  21. package/lib/src/brand-page/utils/style.util.js +7 -1
  22. package/lib/src/brand-page/utils/view-model.util.js +18 -21
  23. package/lib/src/brand-page-maker/components/admin-logo-settings/AdminLogoSettings.mixin.d.ts +2 -2
  24. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +18 -18
  25. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js +2 -0
  26. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/content-settings-items.fixture.d.ts +2 -2
  27. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/content-settings-items.fixture.js +4 -4
  28. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +20 -20
  29. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js +2 -0
  30. package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts +1 -1
  31. package/lib/src/brand-page-maker/constants/config-settings-constant.d.ts +4 -2
  32. package/lib/src/brand-page-maker/constants/config-settings-constant.js +24 -5
  33. package/lib/src/brand-page-maker/constants/personalisation.constant.js +1 -1
  34. package/lib/src/brand-page-maker/models/content-settings.js +20 -2
  35. package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js +0 -1
  36. package/lib/src/brand-page-maker/utils/rich-text-editor.util.js +80 -0
  37. package/lib/src/{bundled-translations-5b693qBQ.js → bundled-translations-DEYhoqLM.js} +10 -10
  38. package/lib/src/{bundled-translations.de-DE-Baq37kiT.js → bundled-translations.de-DE-B3NNo7JX.js} +22 -22
  39. package/lib/src/{bundled-translations.es-ES-BZB7Rc2f.js → bundled-translations.es-ES-_4IspVbp.js} +7 -7
  40. package/lib/src/{bundled-translations.fr-FR-QQJaBYEl.js → bundled-translations.fr-FR-9CdErV_a.js} +5 -5
  41. package/lib/src/{bundled-translations.pt-PT-DXFlBwc9.js → bundled-translations.pt-PT-BSmtPIMr.js} +12 -12
  42. package/lib/src/bundles/bundled-translations.de-DE.json +9 -8
  43. package/lib/src/bundles/bundled-translations.es-ES.json +10 -9
  44. package/lib/src/bundles/bundled-translations.fr-FR.json +3 -2
  45. package/lib/src/bundles/bundled-translations.json +2 -1
  46. package/lib/src/bundles/bundled-translations.pt-PT.json +14 -13
  47. package/lib/src/css/library.brand-page-brandCrowd.min.css +17 -17
  48. package/lib/src/css/library.brand-page-brandPage.min.css +17 -17
  49. package/lib/src/css/library.brand-page-designCom.min.css +17 -17
  50. package/lib/src/css/library.brand-page-preview.min.css +17 -17
  51. package/lib/src/index.mjs +67 -65
  52. package/lib/src/{lib-BxhpFccU.js → lib--oa9Rosp.js} +17834 -17682
  53. package/lib/src/plugins/bundle-translations-plugin/bundle-translations-plugin.js +2 -4
  54. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +20 -20
  55. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.js +2 -0
  56. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +21 -21
  57. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +20 -20
  58. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +18 -18
  59. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.js +7 -1
  60. package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts +18 -18
  61. package/lib/src/shared/content-settings/store/content-settings-store.d.ts +18 -18
  62. package/lib/src/shared/page-settings/components/delete-page-modal/DeletePageModal.mixin.d.ts +1 -1
  63. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +22 -22
  64. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +20 -20
  65. package/package.json +1 -1
  66. package/src/brand-page/components/icon/Icon.mixin.ts +2 -2
  67. package/src/brand-page/components/icon/Icon.vue +1 -1
  68. package/src/brand-page/components/text-media-section/TextMediaSection.vue +14 -0
  69. package/src/brand-page/models/content.model.ts +1 -1
  70. package/src/brand-page/models/index.ts +9 -15
  71. package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap +12 -12
  72. package/src/brand-page/utils/__snapshots__/migration2.util.test.ts.snap +4 -4
  73. package/src/brand-page/utils/__snapshots__/model.util.test.ts.snap +8 -8
  74. package/src/brand-page/utils/button.util.ts +39 -0
  75. package/src/brand-page/utils/content-callback-util.ts +1 -1
  76. package/src/brand-page/utils/model.util.ts +1 -1
  77. package/src/brand-page/utils/style.util.ts +7 -1
  78. package/src/brand-page/utils/view-model.util.ts +21 -30
  79. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.ts +2 -0
  80. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/content-settings-items.fixture.ts +6 -6
  81. package/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.ts +2 -0
  82. package/src/brand-page-maker/constants/config-settings-constant.ts +38 -7
  83. package/src/brand-page-maker/constants/personalisation.constant.ts +1 -1
  84. package/src/brand-page-maker/models/content-settings.ts +20 -2
  85. package/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.ts +0 -2
  86. package/src/brand-page-maker/stores/brandpage-maker/__snapshots__/brandpage-maker-store.test.ts.snap +1 -1
  87. package/src/brand-page-maker/utils/rich-text-editor.util.ts +156 -0
  88. package/src/bundles/bundled-translations.de-DE.json +9 -8
  89. package/src/bundles/bundled-translations.es-ES.json +10 -9
  90. package/src/bundles/bundled-translations.fr-FR.json +3 -2
  91. package/src/bundles/bundled-translations.json +2 -1
  92. package/src/bundles/bundled-translations.pt-PT.json +14 -13
  93. package/src/plugins/bundle-translations-plugin/bundle-translations-plugin.ts +3 -6
  94. package/src/shared/content-settings/components/content-settings/ContentSettings.mixin.ts +2 -0
  95. package/src/shared/content-settings/components/content-settings/i18n/content-settings.de-DE.json +9 -8
  96. package/src/shared/content-settings/components/content-settings/i18n/content-settings.es-ES.json +10 -9
  97. package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-FR.json +3 -2
  98. package/src/shared/content-settings/components/content-settings/i18n/content-settings.json +2 -1
  99. package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-PT.json +14 -13
  100. package/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.ts +7 -1
  101. /package/src/brand-page/components/icon/icons/{Twitter.vue → X.vue} +0 -0
package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts CHANGED
@@ -5,11 +5,11 @@ import type { DebounceHandle } from 'lodash.debounce';
5
5
  declare const _default: import("vue").DefineComponent<{}, {
6
6
  items: import("vue").ComputedRef<{
7
7
  id: string;
8
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
8
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
9
9
  settings: {
10
10
  content: {
11
11
  id: string;
12
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
12
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
13
13
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
14
14
  imageUrlOverride?: string | undefined;
15
15
  imageUrlsOverride?: string | undefined;
@@ -73,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{}, {
73
73
  contentErrorCount(): number;
74
74
  getContent(state: {
75
75
  addContentOptions: {
76
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
76
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
77
77
  category: string;
78
78
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => Content;
79
79
  displayName: string;
@@ -84,11 +84,11 @@ declare const _default: import("vue").DefineComponent<{}, {
84
84
  }[];
85
85
  items: {
86
86
  id: string;
87
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
87
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
88
88
  settings: {
89
89
  content: {
90
90
  id: string;
91
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
91
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
92
92
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
93
93
  imageUrlOverride?: string | undefined;
94
94
  imageUrlsOverride?: string | undefined;
@@ -122,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{}, {
122
122
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string) => Content | undefined;
123
123
  getFieldSettings(state: {
124
124
  addContentOptions: {
125
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
125
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
126
126
  category: string;
127
127
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => Content;
128
128
  displayName: string;
@@ -133,11 +133,11 @@ declare const _default: import("vue").DefineComponent<{}, {
133
133
  }[];
134
134
  items: {
135
135
  id: string;
136
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
136
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
137
137
  settings: {
138
138
  content: {
139
139
  id: string;
140
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
140
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
141
141
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
142
142
  imageUrlOverride?: string | undefined;
143
143
  imageUrlsOverride?: string | undefined;
@@ -171,7 +171,7 @@ declare const _default: import("vue").DefineComponent<{}, {
171
171
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("../../../shared/content-settings/models").ContentItemFieldSettings | undefined;
172
172
  getItem(state: {
173
173
  addContentOptions: {
174
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
174
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
175
175
  category: string;
176
176
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => Content;
177
177
  displayName: string;
@@ -182,11 +182,11 @@ declare const _default: import("vue").DefineComponent<{}, {
182
182
  }[];
183
183
  items: {
184
184
  id: string;
185
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
185
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
186
186
  settings: {
187
187
  content: {
188
188
  id: string;
189
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
189
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
190
190
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
191
191
  imageUrlOverride?: string | undefined;
192
192
  imageUrlsOverride?: string | undefined;
@@ -220,7 +220,7 @@ declare const _default: import("vue").DefineComponent<{}, {
220
220
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
221
221
  getValue(state: {
222
222
  addContentOptions: {
223
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
223
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
224
224
  category: string;
225
225
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => Content;
226
226
  displayName: string;
@@ -231,11 +231,11 @@ declare const _default: import("vue").DefineComponent<{}, {
231
231
  }[];
232
232
  items: {
233
233
  id: string;
234
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
234
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
235
235
  settings: {
236
236
  content: {
237
237
  id: string;
238
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
238
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
239
239
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
240
240
  imageUrlOverride?: string | undefined;
241
241
  imageUrlsOverride?: string | undefined;
@@ -269,7 +269,7 @@ declare const _default: import("vue").DefineComponent<{}, {
269
269
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => string | Content | undefined;
270
270
  getItemState(state: {
271
271
  addContentOptions: {
272
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
272
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
273
273
  category: string;
274
274
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => Content;
275
275
  displayName: string;
@@ -280,11 +280,11 @@ declare const _default: import("vue").DefineComponent<{}, {
280
280
  }[];
281
281
  items: {
282
282
  id: string;
283
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
283
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
284
284
  settings: {
285
285
  content: {
286
286
  id: string;
287
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
287
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
288
288
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
289
289
  imageUrlOverride?: string | undefined;
290
290
  imageUrlsOverride?: string | undefined;
@@ -318,7 +318,7 @@ declare const _default: import("vue").DefineComponent<{}, {
318
318
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string) => import("../../../shared/content-settings/models").ContentSettingsItemState;
319
319
  getItemGroupState(state: {
320
320
  addContentOptions: {
321
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
321
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
322
322
  category: string;
323
323
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => Content;
324
324
  displayName: string;
@@ -329,11 +329,11 @@ declare const _default: import("vue").DefineComponent<{}, {
329
329
  }[];
330
330
  items: {
331
331
  id: string;
332
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
332
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
333
333
  settings: {
334
334
  content: {
335
335
  id: string;
336
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
336
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
337
337
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
338
338
  imageUrlOverride?: string | undefined;
339
339
  imageUrlsOverride?: string | undefined;
package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js CHANGED
@@ -207,6 +207,8 @@ export default defineComponent({
207
207
  this.isContentSelected = true;
208
208
  if ((item.type === 'banner-section' ||
209
209
  item.type === 'booking-section' ||
210
+ item.type === 'images-section' ||
211
+ item.type === 'shapes-section' ||
210
212
  item.type === 'text') &&
211
213
  this.canUseRichTextEditor) {
212
214
  let selectedItem = item;
package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts CHANGED
@@ -411,8 +411,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
411
411
  default: undefined;
412
412
  };
413
413
  }>> & Readonly<{}>, {
414
- brandPageType: string;
415
414
  pageTitle: string;
415
+ brandPageType: string;
416
416
  designDraftToken: string;
417
417
  isMaker: boolean;
418
418
  pageDescription: string;
package/lib/src/brand-page-maker/constants/config-settings-constant.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { LogoContent, FacebookContent, GeneralLinkContent, PhoneContent, EmailContent, ImageContent, InstagramContent, LinkedInContent, PinterestContent, ProfileContent, TextContent, TiktokContent, TwitchContent, TwitterContent, VideoContent, WebsiteContent, YoutubeContent, ContentType, MapContent, ImageGalleryContent, MailingListContent, RequestPaymentContent, SupportMeContent, ContactFormContent, BannerSectionContent, SocialLinksContent, ImagesSectionContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ShopContent, BookingSectionContent } from '../../brand-page';
1
+ import type { LogoContent, FacebookContent, GeneralLinkContent, PhoneContent, EmailContent, ImageContent, InstagramContent, LinkedInContent, PinterestContent, ProfileContent, TextContent, TiktokContent, TwitchContent, XContent, VideoContent, WebsiteContent, YoutubeContent, ContentType, MapContent, ImageGalleryContent, MailingListContent, RequestPaymentContent, SupportMeContent, ContactFormContent, BannerSectionContent, SocialLinksContent, ImagesSectionContent, TestimonialSectionContent, AboutSectionContent, DividerSectionContent, ShapesSectionContent, ShopContent, BookingSectionContent } from '../../brand-page';
2
2
  import type { ContentSettingsConfig, ContentSettingsField, ContentSettingsMultiField } from '../models';
3
3
  export declare const LOGO_SETTINGS_CONFIG: () => ContentSettingsConfig<Omit<LogoContent, 'version' | 'logoVariation' | 'logoImageHeight' | 'logoImageWidth' | 'logoLastUpdate' | 'logoImageBase64Url'>>;
4
4
  export declare const GENERAL_LINK_CONTENT_SETTINGS_CONFIG: () => ContentSettingsConfig<GeneralLinkContent>;
@@ -11,7 +11,7 @@ export declare const VIDEO_CONTENT_SETTINGS_CONFIG: () => ContentSettingsConfig<
11
11
  export declare const PHONE_CONTENT_SETTINGS_CONFIG: () => ContentSettingsConfig<PhoneContent>;
12
12
  export declare const TEXT_CONTENT_SETTINGS_CONFIG: () => ContentSettingsConfig<Omit<TextContent, 'iconUrl'>>;
13
13
  export declare const FACEBOOK_CONTENT_SETTINGS_CONFIG: () => ContentSettingsConfig<FacebookContent>;
14
- export declare const TWITTER_CONTENT_SETTINGS_CONFIG: () => ContentSettingsConfig<TwitterContent>;
14
+ export declare const X_CONTENT_SETTINGS_CONFIG: () => ContentSettingsConfig<XContent>;
15
15
  export declare const INSTAGRAM_CONTENT_SETTINGS_CONFIG: () => ContentSettingsConfig<InstagramContent>;
16
16
  export declare const YOUTUBE_CONTENT_SETTINGS_CONFIG: () => ContentSettingsConfig<YoutubeContent>;
17
17
  export declare const LINKEDIN_CONTENT_SETTINGS_CONFIG: () => ContentSettingsConfig<LinkedInContent>;
@@ -33,8 +33,10 @@ export declare const CONTACT_FORM_SETTINGS_CONFIG: () => ContentSettingsConfig<C
33
33
  export declare const BANNER_SECTION_SETTINGS_CONFIG: () => ContentSettingsConfig<BannerSectionContent>;
34
34
  export declare const TEXT_MEDIA_DISPLAY_STYLE_FIELD: (mediaType: any) => ContentSettingsField<ImagesSectionContent | ShapesSectionContent> | ContentSettingsMultiField<ImagesSectionContent | ShapesSectionContent, string>;
35
35
  export declare const TEXT_MEDIA_TITLE_FIELD: () => ContentSettingsField<ImagesSectionContent | ShapesSectionContent> | ContentSettingsMultiField<ImagesSectionContent | ShapesSectionContent, string>;
36
+ export declare const TEXT_MEDIA_DESCRIPTION_FIELD: () => ContentSettingsField<ImagesSectionContent | ShapesSectionContent> | ContentSettingsMultiField<ImagesSectionContent | ShapesSectionContent, string>;
36
37
  export declare const TEXT_MEDIA_BACKGROUND_FIELD: () => ContentSettingsField<ImagesSectionContent | ShapesSectionContent> | ContentSettingsMultiField<ImagesSectionContent | ShapesSectionContent, BrandPageCssStyle>;
37
38
  export declare const TEXT_MEDIA_TITLE_STYLE_FIELD: () => ContentSettingsField<ImagesSectionContent | ShapesSectionContent> | ContentSettingsMultiField<ImagesSectionContent | ShapesSectionContent, BrandPageCssStyle>;
39
+ export declare const TEXT_MEDIA_DESCRIPTION_STYLE_FIELD: () => ContentSettingsField<ImagesSectionContent | ShapesSectionContent> | ContentSettingsMultiField<ImagesSectionContent | ShapesSectionContent, BrandPageCssStyle>;
38
40
  export declare const TEXT_MEDIA_HEADING_STYLE_FIELD: () => ContentSettingsField<ImagesSectionContent | ShapesSectionContent> | ContentSettingsMultiField<ImagesSectionContent | ShapesSectionContent, BrandPageCssStyle>;
39
41
  export declare const TEXT_MEDIA_PARAGRAPH_STYLE_FIELD: () => ContentSettingsField<ImagesSectionContent | ShapesSectionContent> | ContentSettingsMultiField<ImagesSectionContent | ShapesSectionContent, BrandPageCssStyle>;
40
42
  export declare const IMAGE_SIZE_FIELD: () => ContentSettingsField<ImagesSectionContent | ShapesSectionContent> | ContentSettingsMultiField<ImagesSectionContent | ShapesSectionContent, BrandPageCssStyle>;
package/lib/src/brand-page-maker/constants/config-settings-constant.js CHANGED
@@ -371,6 +371,8 @@ const textImageReplaceImageSettings = () => ({
371
371
  width: value.width,
372
372
  imageLink: '',
373
373
  itemsId: -1,
374
+ colorReplacements: [],
375
+ mediaType: MEDIA_TYPES.image,
374
376
  });
375
377
  return;
376
378
  }
@@ -1005,12 +1007,12 @@ export const FACEBOOK_CONTENT_SETTINGS_CONFIG = () => ({
1005
1007
  isEnabled: true,
1006
1008
  isLocked: false,
1007
1009
  });
1008
- export const TWITTER_CONTENT_SETTINGS_CONFIG = () => ({
1009
- type: 'twitter',
1010
+ export const X_CONTENT_SETTINGS_CONFIG = () => ({
1011
+ type: 'x',
1010
1012
  brandPageType: [BRAND_PAGE_TYPES.default, BRAND_PAGE_TYPES.brandContact],
1011
1013
  category: 'social-links',
1012
1014
  displayMode: CONTENT_SETTINGS_DISPLAY_MODES.focused,
1013
- createInitialContent: (options) => createInitialButtonContent('twitter', 'twitter', options)(),
1015
+ createInitialContent: (options) => createInitialButtonContent('x', 'x', options)(),
1014
1016
  displayName: contentSettingsTr(`twitterDisplayName`),
1015
1017
  defaultIconName: 'maker-twitter',
1016
1018
  fieldGroups: SETTINGS_STYLE_FIElD_GROUPS(),
@@ -1040,7 +1042,7 @@ export const TWITTER_CONTENT_SETTINGS_CONFIG = () => ({
1040
1042
  url: {
1041
1043
  type: 'url',
1042
1044
  role: 'url',
1043
- placeholder: 'https://twitter.com',
1045
+ placeholder: 'https://x.com',
1044
1046
  title: contentSettingsTr(`urlTitle`),
1045
1047
  groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
1046
1048
  },
@@ -1954,6 +1956,13 @@ export const TEXT_MEDIA_TITLE_FIELD = () => ({
1954
1956
  groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
1955
1957
  maxLength: 200,
1956
1958
  });
1959
+ export const TEXT_MEDIA_DESCRIPTION_FIELD = () => ({
1960
+ type: 'textarea',
1961
+ placeholder: contentSettingsTr(`descriptionPlaceholder`),
1962
+ title: contentSettingsTr(`descriptionTitle`),
1963
+ groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
1964
+ maxLength: 1000,
1965
+ });
1957
1966
  export const TEXT_MEDIA_BACKGROUND_FIELD = () => ({
1958
1967
  type: 'color',
1959
1968
  groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.style,
@@ -1970,6 +1979,12 @@ export const TEXT_MEDIA_TITLE_STYLE_FIELD = () => ({
1970
1979
  label: contentSettingsTr(`titleStyleLabel`),
1971
1980
  title: contentSettingsTr(`fontSettingsTitle`),
1972
1981
  });
1982
+ export const TEXT_MEDIA_DESCRIPTION_STYLE_FIELD = () => ({
1983
+ type: 'text-style',
1984
+ defaultValue: {},
1985
+ groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.style,
1986
+ label: contentSettingsTr(`descriptionStyleLabel`),
1987
+ });
1973
1988
  export const TEXT_MEDIA_HEADING_STYLE_FIELD = () => ({
1974
1989
  type: 'text-style',
1975
1990
  defaultValue: {},
@@ -2114,12 +2129,14 @@ export const IMAGES_SECTION_SETTINGS_CONFIG = () => ({
2114
2129
  groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.style,
2115
2130
  },
2116
2131
  title: TEXT_MEDIA_TITLE_FIELD(),
2132
+ description: TEXT_MEDIA_DESCRIPTION_FIELD(),
2117
2133
  titleOverride: {
2118
2134
  type: 'personalisation-override',
2119
2135
  groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
2120
2136
  visibilityAssessor: (c, b) => personalisationOverrideVisibility(c, b, 'title'),
2121
2137
  },
2122
2138
  titleStyle: TEXT_MEDIA_TITLE_STYLE_FIELD(),
2139
+ descriptionStyle: TEXT_MEDIA_DESCRIPTION_STYLE_FIELD(),
2123
2140
  headingStyle: TEXT_MEDIA_HEADING_STYLE_FIELD(),
2124
2141
  paragraphStyle: TEXT_MEDIA_PARAGRAPH_STYLE_FIELD(),
2125
2142
  cardStyle: {
@@ -2385,6 +2402,7 @@ export const SHAPES_SECTION_SETTINGS_CONFIG = () => ({
2385
2402
  displayStyle: TEXT_MEDIA_DISPLAY_STYLE_FIELD(MEDIA_TYPES.shape),
2386
2403
  size: IMAGE_SIZE_FIELD(),
2387
2404
  title: TEXT_MEDIA_TITLE_FIELD(),
2405
+ description: TEXT_MEDIA_DESCRIPTION_FIELD(),
2388
2406
  titleOverride: {
2389
2407
  type: 'personalisation-override',
2390
2408
  groupId: SETTINGS_STYLE_FIELD_GROUP_IDS.settings,
@@ -2403,6 +2421,7 @@ export const SHAPES_SECTION_SETTINGS_CONFIG = () => ({
2403
2421
  },
2404
2422
  backgroundStyle: TEXT_MEDIA_BACKGROUND_FIELD(),
2405
2423
  titleStyle: TEXT_MEDIA_TITLE_STYLE_FIELD(),
2424
+ descriptionStyle: TEXT_MEDIA_DESCRIPTION_STYLE_FIELD(),
2406
2425
  headingStyle: TEXT_MEDIA_HEADING_STYLE_FIELD(),
2407
2426
  paragraphStyle: TEXT_MEDIA_PARAGRAPH_STYLE_FIELD(),
2408
2427
  items: {
@@ -2675,7 +2694,7 @@ export const CONTENT_SETTINGS_CONFIGS = () => ({
2675
2694
  map: MAP_CONTENT_SETTINGS_CONFIG(),
2676
2695
  'mailing-list': MAILING_LIST_CONTENT_SETTINGS_CONFIG(),
2677
2696
  facebook: FACEBOOK_CONTENT_SETTINGS_CONFIG(),
2678
- twitter: TWITTER_CONTENT_SETTINGS_CONFIG(),
2697
+ x: X_CONTENT_SETTINGS_CONFIG(),
2679
2698
  instagram: INSTAGRAM_CONTENT_SETTINGS_CONFIG(),
2680
2699
  youtube: YOUTUBE_CONTENT_SETTINGS_CONFIG(),
2681
2700
  linkedin: LINKEDIN_CONTENT_SETTINGS_CONFIG(),
package/lib/src/brand-page-maker/constants/personalisation.constant.js CHANGED
@@ -38,7 +38,7 @@ export const PERSONALISATION_MAPPINGS = {
38
38
  pinterest: BUTTON_PERSONALISATION_MAPPING,
39
39
  tiktok: BUTTON_PERSONALISATION_MAPPING,
40
40
  twitch: BUTTON_PERSONALISATION_MAPPING,
41
- twitter: BUTTON_PERSONALISATION_MAPPING,
41
+ x: BUTTON_PERSONALISATION_MAPPING,
42
42
  youtube: BUTTON_PERSONALISATION_MAPPING,
43
43
  email: BUTTON_PERSONALISATION_MAPPING,
44
44
  phone: BUTTON_PERSONALISATION_MAPPING,
package/lib/src/brand-page-maker/models/content-settings.js CHANGED
@@ -450,6 +450,7 @@ export const createInitialImagesSectionContent = (options) => {
450
450
  return {
451
451
  id: uuid.v4(),
452
452
  title: contentSettingsTr(`imagesTitle`),
453
+ description: '',
453
454
  type: 'images-section',
454
455
  displayStyle: 'centered',
455
456
  aspectRatio: 'Default',
@@ -472,14 +473,22 @@ export const createInitialImagesSectionContent = (options) => {
472
473
  titleStyle: {
473
474
  applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
474
475
  textStyleType: TEXT_STYLE_TYPES.titles,
476
+ textAlign: 'center',
477
+ },
478
+ descriptionStyle: {
479
+ applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
480
+ textStyleType: TEXT_STYLE_TYPES.paragraphs,
481
+ textAlign: 'center',
475
482
  },
476
483
  headingStyle: {
477
484
  applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
478
485
  textStyleType: TEXT_STYLE_TYPES.headings,
486
+ textAlign: 'center',
479
487
  },
480
488
  paragraphStyle: {
481
489
  applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
482
490
  textStyleType: TEXT_STYLE_TYPES.paragraphs,
491
+ textAlign: 'center',
483
492
  },
484
493
  };
485
494
  };
@@ -609,8 +618,8 @@ export const createInitialSocialLinksContent = (options) => {
609
618
  imageLink: '',
610
619
  },
611
620
  {
612
- imageUrl: 'twitter',
613
- url: 'https://www.twitter.com',
621
+ imageUrl: 'x',
622
+ url: 'https://www.x.com',
614
623
  imageTitle: '',
615
624
  width: 0,
616
625
  height: 0,
@@ -634,6 +643,7 @@ export const createInitialShapesSectionContent = (options) => {
634
643
  return {
635
644
  id: uuid.v4(),
636
645
  title: contentSettingsTr(`shapesTitle`),
646
+ description: '',
637
647
  type: 'shapes-section',
638
648
  displayStyle: 'centered',
639
649
  items: [
@@ -657,14 +667,22 @@ export const createInitialShapesSectionContent = (options) => {
657
667
  titleStyle: {
658
668
  applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
659
669
  textStyleType: TEXT_STYLE_TYPES.titles,
670
+ textAlign: 'center',
671
+ },
672
+ descriptionStyle: {
673
+ applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
674
+ textStyleType: TEXT_STYLE_TYPES.paragraphs,
675
+ textAlign: 'center',
660
676
  },
661
677
  headingStyle: {
662
678
  applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
663
679
  textStyleType: TEXT_STYLE_TYPES.headings,
680
+ textAlign: 'center',
664
681
  },
665
682
  paragraphStyle: {
666
683
  applyAutoScale: options?.brandPageType === BRAND_PAGE_TYPES.brandSite,
667
684
  textStyleType: TEXT_STYLE_TYPES.paragraphs,
685
+ textAlign: 'center',
668
686
  },
669
687
  };
670
688
  };
package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js CHANGED
@@ -2,7 +2,6 @@ import { defineStore } from 'pinia';
2
2
  import brandPageClient from '../../../clients/brand-page-client';
3
3
  import { useBrandPageMakerStore, useBrandPageMakerUserStore, useLocalisedRouteStore, useLogoStore, useUiStore, } from '../../stores';
4
4
  import { SIDE_BAR_TAB_NAMES } from '../../constants';
5
- import { useUiSideBarStore } from '../../../shared/side-bar/store';
6
5
  import { BRAND_PAGE_TYPES, SENSITIVE_CONTENT_TYPES, getAbTestResults, } from '../../../brand-page';
7
6
  import { isLogoContent } from '../../../brand-page/utils';
8
7
  import { useUiEditableLogoStore } from '../../../shared/logo-settings/store';
package/lib/src/brand-page-maker/utils/rich-text-editor.util.js CHANGED
@@ -167,6 +167,48 @@ export const transformToRTE = (uiPageSettingStore, externalEditor, uiStyleSettin
167
167
  sectionContent.description = getUpdatedHTMLFromEditor(externalEditor, sectionContent.description, newContentStyle);
168
168
  }
169
169
  break;
170
+ case 'images-section':
171
+ case 'shapes-section':
172
+ const mediaSectionContent = contentItem.settings.content;
173
+ const mediaTitleTextStyleType = mediaSectionContent.titleStyle.textStyleType;
174
+ const mediaDescriptionTextStyleType = mediaSectionContent.descriptionStyle.textStyleType;
175
+ if (mediaTitleTextStyleType &&
176
+ (mediaTitleTextStyleType === type || uiStyleSettingsStore)) {
177
+ let globalContentStyle = uiStyleSettingsStore
178
+ ? uiStyleSettingsStore.textStyles.textStyleOptions[mediaTitleTextStyleType].style
179
+ : newStyle ?? {};
180
+ globalContentStyle = {
181
+ ...globalContentStyle,
182
+ textAlign: mediaSectionContent.titleStyle.textAlign,
183
+ };
184
+ mediaSectionContent.title = getUpdatedHTMLFromEditor(externalEditor, mediaSectionContent.title, globalContentStyle);
185
+ }
186
+ else if (!mediaTitleTextStyleType &&
187
+ newContent &&
188
+ newContent.id === mediaSectionContent.id &&
189
+ !hasRTEContent(mediaSectionContent.title)) {
190
+ const newContentStyle = newContent.titleStyle;
191
+ mediaSectionContent.title = getUpdatedHTMLFromEditor(externalEditor, mediaSectionContent.title, newContentStyle);
192
+ }
193
+ if (mediaDescriptionTextStyleType &&
194
+ (mediaDescriptionTextStyleType === type || uiStyleSettingsStore)) {
195
+ let globalContentStyle = uiStyleSettingsStore
196
+ ? uiStyleSettingsStore.textStyles.textStyleOptions[mediaDescriptionTextStyleType].style
197
+ : newStyle ?? {};
198
+ globalContentStyle = {
199
+ ...globalContentStyle,
200
+ textAlign: mediaSectionContent.descriptionStyle.textAlign,
201
+ };
202
+ mediaSectionContent.description = getUpdatedHTMLFromEditor(externalEditor, mediaSectionContent.description, globalContentStyle);
203
+ }
204
+ else if (!mediaDescriptionTextStyleType &&
205
+ newContent &&
206
+ newContent.id === mediaSectionContent.id &&
207
+ !hasRTEContent(mediaSectionContent.description)) {
208
+ const newContentStyle = newContent.descriptionStyle;
209
+ mediaSectionContent.description = getUpdatedHTMLFromEditor(externalEditor, mediaSectionContent.description, newContentStyle);
210
+ }
211
+ break;
170
212
  case 'text':
171
213
  const textContent = contentItem.settings.content;
172
214
  if (textContent.textItems && textContent.textItems.length > 0) {
@@ -262,6 +304,44 @@ export const switchAllContentToRTE = (uiPageSettingStore, externalEditor, uiStyl
262
304
  sectionContent.description = getUpdatedHTMLFromEditor(externalEditor, sectionContent.description, newContentStyle);
263
305
  }
264
306
  break;
307
+ case 'images-section':
308
+ case 'shapes-section':
309
+ const mediaSectionContent = contentItem.settings.content;
310
+ const mediaTitleTextStyleType = mediaSectionContent.titleStyle.textStyleType;
311
+ const mediaDescriptionTextStyleType = mediaSectionContent.descriptionStyle.textStyleType;
312
+ if (mediaTitleTextStyleType && uiStyleSettingsStore) {
313
+ let globalContentStyle = uiStyleSettingsStore.textStyles
314
+ .textStyleOptions[mediaTitleTextStyleType]
315
+ .style;
316
+ globalContentStyle = {
317
+ ...globalContentStyle,
318
+ textAlign: mediaSectionContent.titleStyle.textAlign,
319
+ };
320
+ if (!hasRTEContent(mediaSectionContent.title))
321
+ mediaSectionContent.title = getUpdatedHTMLFromEditor(externalEditor, mediaSectionContent.title, globalContentStyle);
322
+ }
323
+ else if (!mediaTitleTextStyleType &&
324
+ !hasRTEContent(mediaSectionContent.title)) {
325
+ const newContentStyle = mediaSectionContent.titleStyle;
326
+ mediaSectionContent.title = getUpdatedHTMLFromEditor(externalEditor, mediaSectionContent.title, newContentStyle);
327
+ }
328
+ if (mediaDescriptionTextStyleType && uiStyleSettingsStore) {
329
+ let globalContentStyle = uiStyleSettingsStore.textStyles
330
+ .textStyleOptions[mediaDescriptionTextStyleType]
331
+ .style;
332
+ globalContentStyle = {
333
+ ...globalContentStyle,
334
+ textAlign: mediaSectionContent.descriptionStyle.textAlign,
335
+ };
336
+ if (!hasRTEContent(mediaSectionContent.description))
337
+ mediaSectionContent.description = getUpdatedHTMLFromEditor(externalEditor, mediaSectionContent.description, globalContentStyle);
338
+ }
339
+ else if (!mediaDescriptionTextStyleType &&
340
+ !hasRTEContent(mediaSectionContent.description)) {
341
+ const newContentStyle = mediaSectionContent.descriptionStyle;
342
+ mediaSectionContent.description = getUpdatedHTMLFromEditor(externalEditor, mediaSectionContent.description, newContentStyle);
343
+ }
344
+ break;
265
345
  case 'text':
266
346
  const textContent = contentItem.settings.content;
267
347
  if (textContent.textItems && textContent.textItems.length > 0) {