@designcrowd/library.brand-page 5.8.8 → 5.8.9-rte-9

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 (270) hide show
  1. package/lib/src/brand-page/components/image-gallery/ImageGalleryModal.mixin.js +0 -1
  2. package/lib/src/brand-page/constants/sections/footer-display.constants.d.ts +1 -1
  3. package/lib/src/brand-page/constants/sections/footer-display.constants.js +4 -3
  4. package/lib/src/brand-page/models/styles.model.js +5 -4
  5. package/lib/src/brand-page-maker/components/admin-logo-settings/AdminLogoSettings.mixin.d.ts +2 -2
  6. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +21 -21
  7. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js +13 -2
  8. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js +2 -0
  9. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +21 -21
  10. package/lib/src/brand-page-maker/components/navigation/Navigation.mixin.d.ts +2 -2
  11. package/lib/src/brand-page-maker/components/navigation/Navigation.mixin.js +2 -1
  12. package/lib/src/brand-page-maker/components/rich-text-editor/RichTextEditor.stories.d.ts +8 -0
  13. package/lib/src/brand-page-maker/components/rich-text-editor/RichTextEditor.stories.js +12 -0
  14. package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.js +17 -14
  15. package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/FontSize.d.ts +20 -0
  16. package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/FontSize.js +44 -0
  17. package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/LetterSpacing.d.ts +10 -0
  18. package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/LetterSpacing.js +37 -0
  19. package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/LineHeight.d.ts +11 -0
  20. package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/LineHeight.js +40 -0
  21. package/lib/src/brand-page-maker/composables/rich-text-editor/font.d.ts +15 -0
  22. package/lib/src/brand-page-maker/composables/rich-text-editor/font.js +22 -0
  23. package/lib/src/brand-page-maker/composables/rich-text-editor/formatting.d.ts +7 -0
  24. package/lib/src/brand-page-maker/composables/rich-text-editor/formatting.js +9 -0
  25. package/lib/src/brand-page-maker/composables/rich-text-editor/spacing.d.ts +7 -0
  26. package/lib/src/brand-page-maker/composables/rich-text-editor/spacing.js +27 -0
  27. package/lib/src/brand-page-maker/composables/rich-text-editor/textAlign.d.ts +22 -0
  28. package/lib/src/brand-page-maker/composables/rich-text-editor/textAlign.js +34 -0
  29. package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.d.ts +28 -0
  30. package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.js +115 -0
  31. package/lib/src/brand-page-maker/constants/config-settings-constant.d.ts +38 -38
  32. package/lib/src/brand-page-maker/constants/config-settings-constant.js +564 -555
  33. package/lib/src/brand-page-maker/convertors/align-display-style.convertor.js +3 -2
  34. package/lib/src/brand-page-maker/convertors/button-link-style.convertor.js +5 -4
  35. package/lib/src/brand-page-maker/convertors/display-style.convertor.js +3 -2
  36. package/lib/src/brand-page-maker/convertors/divider-style.convertor.js +4 -3
  37. package/lib/src/brand-page-maker/convertors/gallery-type.convertor.js +4 -3
  38. package/lib/src/brand-page-maker/convertors/image-aspect-ratio.convertor.js +4 -3
  39. package/lib/src/brand-page-maker/convertors/payment-display-type.convertor.js +4 -3
  40. package/lib/src/brand-page-maker/convertors/shape-size-options.convertor.js +4 -3
  41. package/lib/src/brand-page-maker/convertors/shop-aspect-ratio.convertor.js +3 -2
  42. package/lib/src/brand-page-maker/convertors/shop-display-type.convertor.js +4 -3
  43. package/lib/src/brand-page-maker/convertors/social-links-icon-display-style.convertor.js +4 -3
  44. package/lib/src/brand-page-maker/convertors/testimonial-display-style-convertor.js +4 -3
  45. package/lib/src/brand-page-maker/models/content-settings.js +21 -20
  46. package/lib/src/brand-page-maker/models/navigation-style-configs.d.ts +1 -1
  47. package/lib/src/brand-page-maker/models/navigation-style-configs.js +11 -10
  48. package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js +2 -1
  49. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store-utils.js +1 -1
  50. package/lib/src/brand-page-maker/stores/user/user-store.js +1 -0
  51. package/lib/src/brand-page-maker/utils/content-settings.util.js +1 -1
  52. package/lib/src/bundled-translations-CIiqyFfN.js +541 -0
  53. package/lib/src/bundles/bundled-translations.json +498 -0
  54. package/lib/src/composables/useTranslate.d.ts +44 -0
  55. package/lib/src/composables/useTranslate.js +74 -0
  56. package/lib/src/constants/ui.d.ts +1 -0
  57. package/lib/src/css/library.brand-page-brandCrowd.min.css +118 -25
  58. package/lib/src/css/library.brand-page-brandPage.min.css +118 -25
  59. package/lib/src/css/library.brand-page-designCom.min.css +118 -25
  60. package/lib/src/css/library.brand-page-preview.min.css +118 -25
  61. package/lib/src/index.d.ts +1 -0
  62. package/lib/src/index.mjs +46473 -28446
  63. package/lib/src/lib.js +1 -0
  64. package/lib/src/plugins/bundle-translations-plugin/bundle-translations-plugin.d.ts +4 -0
  65. package/lib/src/plugins/bundle-translations-plugin/bundle-translations-plugin.js +58 -0
  66. package/lib/src/shared/background-settings/models/background-settings-models.d.ts +0 -1
  67. package/lib/src/shared/background-settings/models/background-settings-models.js +0 -14
  68. package/lib/src/shared/color-picker/components/ColorPicker.mixin.js +3 -2
  69. package/lib/src/shared/content-settings/components/GenericTextInput.mixin.d.ts +25 -3
  70. package/lib/src/shared/content-settings/components/GenericTextInput.mixin.js +25 -2
  71. package/lib/src/shared/content-settings/components/color-field/ColorField.mixin.d.ts +1 -0
  72. package/lib/src/shared/content-settings/components/color-field/ColorField.mixin.js +4 -3
  73. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +21 -21
  74. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.stories.js +3 -2
  75. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +22 -22
  76. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.js +4 -3
  77. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +20 -20
  78. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +33 -19
  79. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.js +23 -0
  80. package/lib/src/shared/content-settings/components/email-field/EmailField.mixin.d.ts +25 -3
  81. package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts +19 -18
  82. package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.js +6 -0
  83. package/lib/src/shared/content-settings/components/image-field/ImageField.mixin.js +4 -1
  84. package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.d.ts +1 -1
  85. package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.js +7 -6
  86. package/lib/src/shared/content-settings/components/personalisation-role-field/PersonalisationRoleField.mixin.d.ts +18 -18
  87. package/lib/src/shared/content-settings/components/replace-image-base-settings/ReplaceImageBaseSettings.mixin.js +7 -5
  88. package/lib/src/shared/content-settings/components/tel-field/TelField.mixin.d.ts +25 -3
  89. package/lib/src/shared/content-settings/components/text-field/TextField.mixin.d.ts +25 -3
  90. package/lib/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.d.ts +14 -1
  91. package/lib/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.js +12 -0
  92. package/lib/src/shared/content-settings/components/textarea-field/TextareaField.mixin.d.ts +25 -3
  93. package/lib/src/shared/content-settings/components/url-field/UrlField.mixin.d.ts +25 -3
  94. package/lib/src/shared/content-settings/components/youtube-video-field/YoutubeVideoField.mixin.d.ts +25 -3
  95. package/lib/src/shared/content-settings/store/content-settings-store.d.ts +18 -18
  96. package/lib/src/shared/content-settings/store/content-settings-store.js +7 -7
  97. package/lib/src/shared/content-settings/utils.js +1 -1
  98. package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts +8 -1
  99. package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.js +16 -4
  100. package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts +1 -1
  101. package/lib/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.js +1 -1
  102. package/lib/src/shared/page-settings/components/new-page-modal/NewPageModal.mixin.d.ts +1 -1
  103. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +24 -23
  104. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.js +8 -2
  105. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +22 -22
  106. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.js +17 -4
  107. package/lib/src/shared/shape-library/ShapeLibrary.mixin.js +13 -2
  108. package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts +1 -1
  109. package/lib/src/shared/style-settings/components/StyleSettings.mixin.js +6 -5
  110. package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.d.ts +14 -4
  111. package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.js +11 -7
  112. package/lib/src/shared/template-settings/store/template-settings-store.d.ts +8 -2
  113. package/lib/src/shared/template-settings/store/template-settings-store.js +23 -5
  114. package/package.json +13 -2
  115. package/src/brand-page/components/image-gallery/ImageGalleryModal.mixin.ts +0 -1
  116. package/src/brand-page/constants/sections/footer-display.constants.ts +4 -3
  117. package/src/brand-page/models/i18n/index-translation.json +6 -0
  118. package/src/brand-page/models/styles.model.ts +6 -4
  119. package/src/brand-page-maker/components/action-bar/ActionBar.vue +7 -3
  120. package/src/brand-page-maker/components/action-bar/ActionBarNavigation.vue +9 -3
  121. package/src/brand-page-maker/components/action-bar/i18n/action-bar-translation.json +7 -0
  122. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.ts +1 -0
  123. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.ts +13 -2
  124. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.ts +2 -0
  125. package/src/brand-page-maker/components/brandpage-settings/BrandPageSettings.vue +29 -18
  126. package/src/brand-page-maker/components/brandpage-settings/i18n/brand-page-settings-translation.json +13 -0
  127. package/src/brand-page-maker/components/color-palette/BpColorPicker.vue +7 -1
  128. package/src/brand-page-maker/components/color-palette/i18n/color-palette-translation.json +5 -0
  129. package/src/brand-page-maker/components/cookie-collection/CookieSettings.vue +41 -16
  130. package/src/brand-page-maker/components/cookie-collection/i18n/cookie-settings-translation.json +7 -0
  131. package/src/brand-page-maker/components/google-analytics/GoogleAnalytics.vue +17 -14
  132. package/src/brand-page-maker/components/google-analytics/i18n/google-analytics-translation.json +7 -0
  133. package/src/brand-page-maker/components/navigation/Navigation.mixin.ts +2 -1
  134. package/src/brand-page-maker/components/navigation/Navigation.vue +4 -0
  135. package/src/brand-page-maker/components/navigation/i18n/navigation-translation.json +7 -0
  136. package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.stories.ts +15 -0
  137. package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue +307 -0
  138. package/src/brand-page-maker/components/sensitive-content/SensitiveContent.vue +10 -5
  139. package/src/brand-page-maker/components/sensitive-content/i18n/sensitive-settings-translation.json +5 -0
  140. package/src/brand-page-maker/components/seo-settings/SeoPageSettings.vue +18 -11
  141. package/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.ts +17 -14
  142. package/src/brand-page-maker/components/seo-settings/UrlSettings.vue +31 -27
  143. package/src/brand-page-maker/components/seo-settings/i18n/seo-settings-translation.json +34 -0
  144. package/src/brand-page-maker/components/social-share/SocialShare.vue +14 -9
  145. package/src/brand-page-maker/components/social-share/i18n/social-share-translation.json +9 -0
  146. package/src/brand-page-maker/composables/rich-text-editor/extensions/FontSize.ts +73 -0
  147. package/src/brand-page-maker/composables/rich-text-editor/extensions/LetterSpacing.ts +55 -0
  148. package/src/brand-page-maker/composables/rich-text-editor/extensions/LineHeight.ts +61 -0
  149. package/src/brand-page-maker/composables/rich-text-editor/font.ts +36 -0
  150. package/src/brand-page-maker/composables/rich-text-editor/formatting.ts +10 -0
  151. package/src/brand-page-maker/composables/rich-text-editor/spacing.ts +31 -0
  152. package/src/brand-page-maker/composables/rich-text-editor/textAlign.ts +41 -0
  153. package/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.ts +190 -0
  154. package/src/brand-page-maker/constants/config-settings-constant.ts +825 -806
  155. package/src/brand-page-maker/convertors/align-display-style.convertor.ts +3 -2
  156. package/src/brand-page-maker/convertors/button-link-style.convertor.ts +5 -5
  157. package/src/brand-page-maker/convertors/display-style.convertor.ts +3 -2
  158. package/src/brand-page-maker/convertors/divider-style.convertor.ts +4 -3
  159. package/src/brand-page-maker/convertors/gallery-type.convertor.ts +4 -3
  160. package/src/brand-page-maker/convertors/i18n/converter-translation.json +26 -0
  161. package/src/brand-page-maker/convertors/image-aspect-ratio.convertor.ts +4 -3
  162. package/src/brand-page-maker/convertors/payment-display-type.convertor.ts +4 -3
  163. package/src/brand-page-maker/convertors/shape-size-options.convertor.ts +4 -3
  164. package/src/brand-page-maker/convertors/shop-aspect-ratio.convertor.ts +3 -2
  165. package/src/brand-page-maker/convertors/shop-display-type.convertor.ts +4 -3
  166. package/src/brand-page-maker/convertors/social-links-icon-display-style.convertor.ts +4 -3
  167. package/src/brand-page-maker/convertors/testimonial-display-style-convertor.ts +4 -3
  168. package/src/brand-page-maker/models/content-settings.ts +21 -21
  169. package/src/brand-page-maker/models/i18n/models-translation.json +12 -0
  170. package/src/brand-page-maker/models/navigation-style-configs.ts +12 -11
  171. package/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.ts +2 -1
  172. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store-utils.ts +1 -1
  173. package/src/brand-page-maker/stores/user/user-store.ts +1 -0
  174. package/src/brand-page-maker/utils/content-settings.util.ts +1 -1
  175. package/src/bundles/bundled-translations.json +498 -0
  176. package/src/composables/useTranslate.ts +129 -0
  177. package/src/constants/ui.ts +1 -0
  178. package/src/lib.ts +1 -0
  179. package/src/plugins/bundle-translations-plugin/bundle-translations-plugin.ts +83 -0
  180. package/src/shared/background-settings/components/BackgroundSettings.vue +188 -30
  181. package/src/shared/background-settings/components/i18n/background-settings-translation.json +12 -0
  182. package/src/shared/background-settings/models/background-settings-models.ts +0 -15
  183. package/src/shared/color-picker/components/ColorPicker.mixin.ts +3 -2
  184. package/src/shared/color-picker/components/i18n/color-picker-translation.json +7 -0
  185. package/src/shared/common/SideBarSettingsHeader.vue +17 -21
  186. package/src/shared/common/i18n/common-translation.json +48 -0
  187. package/src/shared/content-settings/components/GenericTextInput.mixin.ts +25 -2
  188. package/src/shared/content-settings/components/color-field/ColorField.mixin.ts +4 -3
  189. package/src/shared/content-settings/components/color-field/i18n/color-field-translation.json +7 -0
  190. package/src/shared/content-settings/components/color-replacements-field/ColorReplacementsField.vue +2 -1
  191. package/src/shared/content-settings/components/color-replacements-field/i18n/color-replacement-field-translation.json +5 -0
  192. package/src/shared/content-settings/components/content-settings/ContentSettings.stories.ts +3 -2
  193. package/src/shared/content-settings/components/content-settings/ContentSettings.vue +10 -6
  194. package/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.ts +4 -3
  195. package/src/shared/content-settings/components/content-settings/i18n/content-settings-translation.json +180 -0
  196. package/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.ts +29 -0
  197. package/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.vue +3 -0
  198. package/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.ts +6 -0
  199. package/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.vue +17 -1
  200. package/src/shared/content-settings/components/form-fields-field/FormFieldsField.vue +12 -2
  201. package/src/shared/content-settings/components/form-fields-field/i18n/form-fields-translation.json +6 -0
  202. package/src/shared/content-settings/components/i18n/generic-text-input-translation.json +5 -0
  203. package/src/shared/content-settings/components/image-field/ImageField.mixin.ts +4 -1
  204. package/src/shared/content-settings/components/image-field/ImageField.vue +9 -2
  205. package/src/shared/content-settings/components/images-field/ImagesField.vue +17 -3
  206. package/src/shared/content-settings/components/images-field/i18n/images-field-translation.json +9 -0
  207. package/src/shared/content-settings/components/links-field/LinksField.vue +8 -2
  208. package/src/shared/content-settings/components/links-field/i18n/links-field-translation.json +6 -0
  209. package/src/shared/content-settings/components/logo-selection-field/LogoSelection.vue +8 -5
  210. package/src/shared/content-settings/components/logo-selection-field/i18n/logo-selection-translation.json +6 -0
  211. package/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.ts +7 -6
  212. package/src/shared/content-settings/components/payment-config-field/PaymentConfigField.vue +9 -4
  213. package/src/shared/content-settings/components/payment-config-field/i18n/payment-config-translation.json +19 -0
  214. package/src/shared/content-settings/components/payment-config-field/payment-link-display-style-field/PaymentImageStyleField.vue +7 -1
  215. package/src/shared/content-settings/components/payment-config-field/support-me-config-field/SupportMeConfigField.vue +16 -4
  216. package/src/shared/content-settings/components/replace-image-base-settings/ReplaceImageBaseSettings.mixin.ts +8 -5
  217. package/src/shared/content-settings/components/replace-image-base-settings/i18n/replace-image-setting-translation.json +9 -0
  218. package/src/shared/content-settings/components/shape-field/ShapeField.vue +9 -3
  219. package/src/shared/content-settings/components/shape-field/i18n/shape-field-translation.json +7 -0
  220. package/src/shared/content-settings/components/testimonial-items-field/TestimonialItemsField.vue +22 -8
  221. package/src/shared/content-settings/components/testimonial-items-field/i18n/testimonial-items-field-translation.json +12 -0
  222. package/src/shared/content-settings/components/text-field/TextField.vue +24 -1
  223. package/src/shared/content-settings/components/text-field/i18n/text-field-translation.json +5 -0
  224. package/src/shared/content-settings/components/text-image-field/TextImageField.vue +27 -11
  225. package/src/shared/content-settings/components/text-image-field/i18n/text-image-field-translation.json +16 -0
  226. package/src/shared/content-settings/components/text-items-field/TextItemsField.mixin.ts +13 -0
  227. package/src/shared/content-settings/components/text-items-field/TextItemsField.vue +11 -3
  228. package/src/shared/content-settings/components/text-items-field/i18n/text-items-field-translation.json +6 -0
  229. package/src/shared/content-settings/components/text-style-field/TextStyleField.vue +14 -10
  230. package/src/shared/content-settings/components/text-style-field/i18n/text-style-field-translation.json +13 -0
  231. package/src/shared/content-settings/components/textarea-field/TextareaField.vue +24 -1
  232. package/src/shared/content-settings/components/textarea-field/i18n/text-area-field-translation.json +5 -0
  233. package/src/shared/content-settings/store/content-settings-store.ts +8 -7
  234. package/src/shared/content-settings/utils.ts +1 -1
  235. package/src/shared/ecommerce-settings/components/product-config-field/ProductConfigOption.vue +2 -1
  236. package/src/shared/ecommerce-settings/components/product-config-field/i18n/product-config-option-translation.json +5 -0
  237. package/src/shared/logo-settings/components/EditLogoSettings.mixin.ts +19 -4
  238. package/src/shared/logo-settings/components/EditLogoSettings.vue +14 -10
  239. package/src/shared/logo-settings/components/i18n/edit-logo-settings-translation.json +13 -0
  240. package/src/shared/my-uploads/MyMedia.vue +10 -8
  241. package/src/shared/my-uploads/MyUploads.vue +6 -2
  242. package/src/shared/my-uploads/i18n/my-uploads-translation.json +8 -0
  243. package/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.ts +1 -1
  244. package/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.vue +9 -3
  245. package/src/shared/page-settings/components/page-settings/PageSettings.mixin.ts +9 -2
  246. package/src/shared/page-settings/components/page-settings/PageSettings.vue +11 -8
  247. package/src/shared/page-settings/components/page-settings/i18n/page-settings-translation.json +13 -0
  248. package/src/shared/page-settings/components/page-settings-section-styles/FooterDisplayStyle.vue +3 -2
  249. package/src/shared/page-settings/components/page-settings-section-styles/HeaderDisplayStyle.vue +2 -1
  250. package/src/shared/page-settings/components/page-settings-section-styles/HeaderNavigationType.vue +2 -1
  251. package/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.ts +18 -4
  252. package/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.vue +15 -10
  253. package/src/shared/page-settings/components/page-settings-section-styles/i18n/page-settings-section-translation.json +10 -0
  254. package/src/shared/shape-library/ShapeLibrary.mixin.ts +14 -2
  255. package/src/shared/shape-library/ShapeLibrary.vue +6 -2
  256. package/src/shared/style-settings/components/StyleSettings.mixin.ts +6 -7
  257. package/src/shared/style-settings/components/StyleSettings.vue +13 -8
  258. package/src/shared/style-settings/components/i18n/style-settings-translation.json +17 -0
  259. package/src/shared/template-settings/components/TemplatesSettings.mixin.ts +15 -7
  260. package/src/shared/template-settings/components/TemplatesSettings.vue +13 -9
  261. package/src/shared/template-settings/components/i18n/template-settings-translation.json +10 -0
  262. package/src/shared/template-settings/store/template-settings-store.ts +32 -6
  263. package/src/shared/unsplash-library/UnsplashLibrary.vue +13 -8
  264. package/src/shared/unsplash-library/i18n/unsplash-library-translation.json +6 -0
  265. package/lib/src/brand-page-maker/components/cookie-collection/CookieSettings.mixin.d.ts +0 -139
  266. package/lib/src/brand-page-maker/components/cookie-collection/CookieSettings.mixin.js +0 -40
  267. package/lib/src/shared/background-settings/components/BackgroundSettings.mixin.d.ts +0 -226
  268. package/lib/src/shared/background-settings/components/BackgroundSettings.mixin.js +0 -115
  269. package/src/brand-page-maker/components/cookie-collection/CookieSettings.mixin.ts +0 -43
  270. package/src/shared/background-settings/components/BackgroundSettings.mixin.ts +0 -165
package/lib/src/brand-page/components/image-gallery/ImageGalleryModal.mixin.js CHANGED
@@ -126,7 +126,6 @@ export default defineComponent({
126
126
  this.isImageModalLoading = true;
127
127
  },
128
128
  checkImageLoading(isLoading) {
129
- console.log('getting called on load and error', isLoading);
130
129
  this.isImageModalLoading = isLoading;
131
130
  },
132
131
  onImageModalClose() {
package/lib/src/brand-page/constants/sections/footer-display.constants.d.ts CHANGED
@@ -11,5 +11,5 @@ export type FooterDisplayStyle = (typeof FOOTER_DISPLAY)[keyof typeof FOOTER_DIS
11
11
  interface FooterDisplayStyleConfig {
12
12
  option: ButtonGroupOption;
13
13
  }
14
- export declare const FOOTER_DISPLAY_STYLE_CONFIGS: FooterDisplayStyleConfig[];
14
+ export declare const FOOTER_DISPLAY_STYLE_CONFIGS: () => FooterDisplayStyleConfig[];
15
15
  export {};
package/lib/src/brand-page/constants/sections/footer-display.constants.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { ALIGN_CENTERED, ALIGN_JUSTIFIED } from '../misc.constants';
2
+ import { tr, commonTr } from '../../../composables/useTranslate';
2
3
  export const FOOTER_DISPLAY = {
3
4
  /** @deprecated */
4
5
  ALIGN_CENTERED, // mapped to CENTERED
@@ -7,7 +8,7 @@ export const FOOTER_DISPLAY = {
7
8
  CENTERED: 'centered-menu',
8
9
  JUSTIFIED: 'justified-menu',
9
10
  };
10
- export const FOOTER_DISPLAY_STYLE_CONFIGS = [
11
+ export const FOOTER_DISPLAY_STYLE_CONFIGS = () => [
11
12
  {
12
13
  option: {
13
14
  value: FOOTER_DISPLAY.CENTERED,
@@ -15,7 +16,7 @@ export const FOOTER_DISPLAY_STYLE_CONFIGS = [
15
16
  iconViewBox: '0 0 169 57',
16
17
  dataAttribute: FOOTER_DISPLAY.CENTERED,
17
18
  isSelected: false,
18
- title: 'Centered',
19
+ title: commonTr('centered'),
19
20
  },
20
21
  },
21
22
  {
@@ -25,7 +26,7 @@ export const FOOTER_DISPLAY_STYLE_CONFIGS = [
25
26
  iconViewBox: '0 0 169 57',
26
27
  dataAttribute: FOOTER_DISPLAY.JUSTIFIED,
27
28
  isSelected: false,
28
- title: 'Justified',
29
+ title: commonTr('justified'),
29
30
  },
30
31
  },
31
32
  ];
package/lib/src/brand-page/models/styles.model.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { FONT_SIZE_HEADINGS, FONT_SIZE_TITLE, LINE_HEIGHT_HEADINGS, LINE_HEIGHT_TITLE, FONT_SIZE_BODY, LINE_HEIGHT_BODY, DISPLAY_TEXT_TITLE, DISPLAY_TEXT_HEADINGS, DISPLAY_TEXT_BODY, STYLE_THEME_KEYS, FONT_FAMILY_CONFIGS, DEFAULT_FONT_FAMILY_KEY, DISPlAY_TEXT_BUTTONS, } from '../constants';
2
+ import { styleSettingsTr } from '../../composables/useTranslate';
2
3
  export const TEXT_STYLE_TYPES = {
3
4
  titles: 'titles',
4
5
  headings: 'headings',
@@ -81,13 +82,13 @@ export class TextStyles {
81
82
  this.textFontFamily = option.textFontFamily || DEFAULT_FONT_FAMILY_KEY;
82
83
  this.textStyleOptions = option.textStyleOptions
83
84
  ? {
84
- [TEXT_STYLE_TYPES.titles]: new TextStyleOption(TEXT_STYLE_TYPES.titles, DISPLAY_TEXT_TITLE, option.textStyleOptions.titles ||
85
+ [TEXT_STYLE_TYPES.titles]: new TextStyleOption(TEXT_STYLE_TYPES.titles, styleSettingsTr('titles'), option.textStyleOptions.titles ||
85
86
  createDefaultTitlesTextStyleOption()),
86
- [TEXT_STYLE_TYPES.headings]: new TextStyleOption(TEXT_STYLE_TYPES.headings, DISPLAY_TEXT_HEADINGS, option.textStyleOptions.headings ||
87
+ [TEXT_STYLE_TYPES.headings]: new TextStyleOption(TEXT_STYLE_TYPES.headings, styleSettingsTr('headings'), option.textStyleOptions.headings ||
87
88
  createDefaultHeadingsTextStyleOption()),
88
- [TEXT_STYLE_TYPES.paragraphs]: new TextStyleOption(TEXT_STYLE_TYPES.paragraphs, DISPLAY_TEXT_BODY, option.textStyleOptions.paragraphs ||
89
+ [TEXT_STYLE_TYPES.paragraphs]: new TextStyleOption(TEXT_STYLE_TYPES.paragraphs, styleSettingsTr('paragraphs'), option.textStyleOptions.paragraphs ||
89
90
  createDefaultParagraphTextStyleOption()),
90
- [TEXT_STYLE_TYPES.buttons]: new TextStyleOption(TEXT_STYLE_TYPES.buttons, DISPlAY_TEXT_BUTTONS, option.textStyleOptions.buttons ||
91
+ [TEXT_STYLE_TYPES.buttons]: new TextStyleOption(TEXT_STYLE_TYPES.buttons, styleSettingsTr('buttons'), option.textStyleOptions.buttons ||
91
92
  createDefaultButtonTextStyleOption()),
92
93
  }
93
94
  : createDefaultTextStyleOptions();
package/lib/src/brand-page-maker/components/admin-logo-settings/AdminLogoSettings.mixin.d.ts CHANGED
@@ -2,11 +2,11 @@ declare const _default: import("vue").DefineComponent<{}, {
2
2
  templates: import("vue").ComputedRef<import("../../stores/admin-logo-settings").AdminPreviewLogoTemplateTemplate[]>;
3
3
  items: import("vue").ComputedRef<{
4
4
  id: string;
5
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
5
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
6
6
  settings: {
7
7
  content: {
8
8
  id: string;
9
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
9
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
10
10
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
11
11
  };
12
12
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts CHANGED
@@ -399,7 +399,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
399
399
  contentErrorCount(): number;
400
400
  getContent(state: {
401
401
  addContentOptions: {
402
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
402
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
403
403
  category: string;
404
404
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("../../../brand-page").Content;
405
405
  displayName: string;
@@ -410,11 +410,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
410
410
  }[];
411
411
  items: {
412
412
  id: string;
413
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
413
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
414
414
  settings: {
415
415
  content: {
416
416
  id: string;
417
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
417
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
418
418
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
419
419
  };
420
420
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
@@ -436,7 +436,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
436
436
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string) => import("../../../brand-page").Content | undefined;
437
437
  getFieldSettings(state: {
438
438
  addContentOptions: {
439
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
439
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
440
440
  category: string;
441
441
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("../../../brand-page").Content;
442
442
  displayName: string;
@@ -447,11 +447,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
447
447
  }[];
448
448
  items: {
449
449
  id: string;
450
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
450
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
451
451
  settings: {
452
452
  content: {
453
453
  id: string;
454
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
454
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
455
455
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
456
456
  };
457
457
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
@@ -473,7 +473,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
473
473
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("../../../shared/content-settings/models").ContentItemFieldSettings | undefined;
474
474
  getItem(state: {
475
475
  addContentOptions: {
476
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
476
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
477
477
  category: string;
478
478
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("../../../brand-page").Content;
479
479
  displayName: string;
@@ -484,11 +484,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
484
484
  }[];
485
485
  items: {
486
486
  id: string;
487
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
487
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
488
488
  settings: {
489
489
  content: {
490
490
  id: string;
491
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
491
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
492
492
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
493
493
  };
494
494
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
@@ -510,7 +510,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
510
510
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string) => import("../../../shared/content-settings/models").ContentItem<any> | undefined;
511
511
  getValue(state: {
512
512
  addContentOptions: {
513
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
513
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
514
514
  category: string;
515
515
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("../../../brand-page").Content;
516
516
  displayName: string;
@@ -521,11 +521,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
521
521
  }[];
522
522
  items: {
523
523
  id: string;
524
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
524
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
525
525
  settings: {
526
526
  content: {
527
527
  id: string;
528
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
528
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
529
529
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
530
530
  };
531
531
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
@@ -547,7 +547,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
547
547
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => string | import("../../../brand-page").Content | undefined;
548
548
  getItemState(state: {
549
549
  addContentOptions: {
550
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
550
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
551
551
  category: string;
552
552
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("../../../brand-page").Content;
553
553
  displayName: string;
@@ -558,11 +558,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
558
558
  }[];
559
559
  items: {
560
560
  id: string;
561
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
561
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
562
562
  settings: {
563
563
  content: {
564
564
  id: string;
565
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
565
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
566
566
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
567
567
  };
568
568
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
@@ -584,7 +584,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
584
584
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string) => import("../../../shared/content-settings/models").ContentSettingsItemState;
585
585
  getItemGroupState(state: {
586
586
  addContentOptions: {
587
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
587
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
588
588
  category: string;
589
589
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => import("../../../brand-page").Content;
590
590
  displayName: string;
@@ -595,11 +595,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
595
595
  }[];
596
596
  items: {
597
597
  id: string;
598
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
598
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
599
599
  settings: {
600
600
  content: {
601
601
  id: string;
602
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
602
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
603
603
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
604
604
  };
605
605
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
@@ -820,7 +820,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
820
820
  }): void;
821
821
  setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
822
822
  sectionName: "footer" | "header" | "pages";
823
- propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
823
+ propName: "copyrightStyle" | "navigation" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
824
824
  index?: number | undefined;
825
825
  value: string | number | boolean | BrandPageCssStyle | import("../../../brand-page").LinksItem[] | Partial<import("../../../brand-page").ImageItem> | null | undefined;
826
826
  merge?: boolean | undefined;
@@ -884,8 +884,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
884
884
  _setSearchTerm({ searchTerm }: {
885
885
  searchTerm: string | undefined;
886
886
  }): void;
887
- _setSelectedTabName({ tabName }: {
888
- tabName: "all" | "categories" | "AI";
887
+ _setSelectedTab({ tabName }: {
888
+ tabName: "AI" | "all" | "categories";
889
889
  }): void;
890
890
  _setSelectedCategory({ categoryName, }: {
891
891
  categoryName: string | undefined;
package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js CHANGED
@@ -23,6 +23,7 @@ import { brandPageContentsSampleData } from './__fixtures__/page-content-items';
23
23
  import { setupStoryPinia } from './__fixtures__/store-fixture';
24
24
  import { CONTENT_SETTINGS_CONFIGS, DNS_CONFIGURATION_STATUSES, SIDE_BAR_TAB_NAMES, } from '../../constants';
25
25
  import { BRAND_SITE_TEMPLATE_SAMPLE } from './__fixtures__/brand-site-template.examples';
26
+ import { setLocaleAsync } from '../../../composables/useTranslate';
26
27
  const InitialiseMakerStores = (options) => {
27
28
  const isPrePurchase = !!options.prepurchase;
28
29
  const brandPageContainerStore = useBrandPageContainerStore();
@@ -205,12 +206,17 @@ export const Sample = () => {
205
206
  selectedContentCategory: 'monetize',
206
207
  },
207
208
  },
209
+ show: false,
208
210
  };
209
211
  },
210
212
  template: `
211
- <BrandPageMaker :view-model="viewModel"/>
213
+ <BrandPageMaker v-if="show" :view-model="viewModel"/>
212
214
  `,
213
215
  pinia: setupStoryPinia(),
216
+ async beforeMount() {
217
+ await setLocaleAsync('en-US');
218
+ this.show = true;
219
+ },
214
220
  };
215
221
  };
216
222
  Sample.story = {
@@ -486,12 +492,17 @@ export const SamplePublishedBrandSite = {
486
492
  features: userFeatures,
487
493
  initialCategories: {},
488
494
  },
495
+ show: false,
489
496
  };
490
497
  },
491
498
  template: `
492
- <BrandPageMaker :view-model="viewModel"/>
499
+ <BrandPageMaker v-if="show" :view-model="viewModel"/>
493
500
  `,
494
501
  pinia: setupStoryPinia(),
502
+ async beforeMount() {
503
+ await setLocaleAsync('en-US');
504
+ this.show = true;
505
+ },
495
506
  }),
496
507
  };
497
508
  export const SampleProfile = () => {
package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js CHANGED
@@ -47,6 +47,7 @@ export const userFeatures = {
47
47
  canUploadBackgroundImages: false,
48
48
  showBrandCrowdLogo: true,
49
49
  canAddContactFormContents: true,
50
+ canUseRichTextEditor: true,
50
51
  canUsePremiumFontFamily: true,
51
52
  maxNumOfPages: DEFAULT_MAX_NUM_OF_PAGES,
52
53
  };
@@ -910,6 +911,7 @@ export const INITIALISE_PAYLOAD = Object.freeze({
910
911
  canAddShopContents: true,
911
912
  canUploadBackgroundImages: false,
912
913
  canAddContactFormContents: true,
914
+ canUseRichTextEditor: false,
913
915
  canUsePremiumFontFamily: true,
914
916
  maxNumOfPages: UNLIMITED_MAX_NUM_OF_PAGES,
915
917
  },
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: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
8
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
9
9
  settings: {
10
10
  content: {
11
11
  id: string;
12
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
12
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
13
13
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
14
14
  };
15
15
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{}, {
27
27
  contentErrorCount(): number;
28
28
  getContent(state: {
29
29
  addContentOptions: {
30
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
30
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
31
31
  category: string;
32
32
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => Content;
33
33
  displayName: string;
@@ -38,11 +38,11 @@ declare const _default: import("vue").DefineComponent<{}, {
38
38
  }[];
39
39
  items: {
40
40
  id: string;
41
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
41
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
42
42
  settings: {
43
43
  content: {
44
44
  id: string;
45
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
45
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
46
46
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
47
47
  };
48
48
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{}, {
64
64
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string) => Content | undefined;
65
65
  getFieldSettings(state: {
66
66
  addContentOptions: {
67
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
67
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
68
68
  category: string;
69
69
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => Content;
70
70
  displayName: string;
@@ -75,11 +75,11 @@ declare const _default: import("vue").DefineComponent<{}, {
75
75
  }[];
76
76
  items: {
77
77
  id: string;
78
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
78
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
79
79
  settings: {
80
80
  content: {
81
81
  id: string;
82
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
82
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
83
83
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
84
84
  };
85
85
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
@@ -101,7 +101,7 @@ declare const _default: import("vue").DefineComponent<{}, {
101
101
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("../../../shared/content-settings/models").ContentItemFieldSettings | undefined;
102
102
  getItem(state: {
103
103
  addContentOptions: {
104
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
104
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
105
105
  category: string;
106
106
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => Content;
107
107
  displayName: string;
@@ -112,11 +112,11 @@ declare const _default: import("vue").DefineComponent<{}, {
112
112
  }[];
113
113
  items: {
114
114
  id: string;
115
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
115
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
116
116
  settings: {
117
117
  content: {
118
118
  id: string;
119
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
119
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
120
120
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
121
121
  };
122
122
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
@@ -138,7 +138,7 @@ declare const _default: import("vue").DefineComponent<{}, {
138
138
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
139
139
  getValue(state: {
140
140
  addContentOptions: {
141
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
141
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
142
142
  category: string;
143
143
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => Content;
144
144
  displayName: string;
@@ -149,11 +149,11 @@ declare const _default: import("vue").DefineComponent<{}, {
149
149
  }[];
150
150
  items: {
151
151
  id: string;
152
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
152
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
153
153
  settings: {
154
154
  content: {
155
155
  id: string;
156
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
156
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
157
157
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
158
158
  };
159
159
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
@@ -175,7 +175,7 @@ declare const _default: import("vue").DefineComponent<{}, {
175
175
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => string | Content | undefined;
176
176
  getItemState(state: {
177
177
  addContentOptions: {
178
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
178
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
179
179
  category: string;
180
180
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => Content;
181
181
  displayName: string;
@@ -186,11 +186,11 @@ declare const _default: import("vue").DefineComponent<{}, {
186
186
  }[];
187
187
  items: {
188
188
  id: string;
189
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
189
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
190
190
  settings: {
191
191
  content: {
192
192
  id: string;
193
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
193
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
194
194
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
195
195
  };
196
196
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
@@ -212,7 +212,7 @@ declare const _default: import("vue").DefineComponent<{}, {
212
212
  } & import("pinia").PiniaCustomStateProperties<import("../../../shared/content-settings/store").ContentSettingsState>): (id: string) => import("../../../shared/content-settings/models").ContentSettingsItemState;
213
213
  getItemGroupState(state: {
214
214
  addContentOptions: {
215
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
215
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
216
216
  category: string;
217
217
  createInitialContent: (options: import("../../../shared/content-settings/models").CreateInitialContentOptions) => Content;
218
218
  displayName: string;
@@ -223,11 +223,11 @@ declare const _default: import("vue").DefineComponent<{}, {
223
223
  }[];
224
224
  items: {
225
225
  id: string;
226
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
226
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
227
227
  settings: {
228
228
  content: {
229
229
  id: string;
230
- type: "email" | "phone" | "logo" | "general-link" | "profile" | "website" | "image" | "video" | "text" | "facebook" | "twitter" | "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";
230
+ type: "email" | "phone" | "image" | "logo" | "general-link" | "profile" | "website" | "video" | "text" | "facebook" | "twitter" | "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";
231
231
  personalisationRole?: "email" | "phone" | "profile" | "website" | "about" | "information" | "media" | undefined;
232
232
  };
233
233
  fields: Record<string, import("../../../shared/content-settings/models").ContentItemFieldSettings>;
@@ -790,7 +790,7 @@ declare const _default: import("vue").DefineComponent<{}, {
790
790
  }): void;
791
791
  setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
792
792
  sectionName: "footer" | "header" | "pages";
793
- propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
793
+ propName: "copyrightStyle" | "navigation" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "backgroundColorEnabled" | "copyrightText" | "socialLinks" | "textFontFamily";
794
794
  index?: number | undefined;
795
795
  value: string | number | boolean | BrandPageCssStyle | import("../../../brand-page").LinksItem[] | Partial<import("../../../brand-page").ImageItem> | null | undefined;
796
796
  merge?: boolean | undefined;
package/lib/src/brand-page-maker/components/navigation/Navigation.mixin.d.ts CHANGED
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
27
27
  backButtonLabel: {
28
28
  type: StringConstructor;
29
29
  required: false;
30
- default: string;
30
+ default: () => string;
31
31
  };
32
32
  isDesignCom: {
33
33
  type: BooleanConstructor;
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
66
66
  backButtonLabel: {
67
67
  type: StringConstructor;
68
68
  required: false;
69
- default: string;
69
+ default: () => string;
70
70
  };
71
71
  isDesignCom: {
72
72
  type: BooleanConstructor;