@designcrowd/library.brand-page 6.0.6-json-prereq-4 → 6.0.6-json-prereq-5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "6.0.6-json-prereq-4",
+  "version": "6.0.6-json-prereq-5",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue

@@ -342,7 +342,15 @@
           <TextInput
             v-model="markedText"
             :placeholder="contentSettingsTr('displayTextPlaceholder')"
+            :error="isDisplayTextTooLong"
           />
+          <p
+            v-if="isDisplayTextTooLong"
+            class="tw-text-error-500 tw-text-sm"
+            data-test-tag="hyperlink-display-text-error"
+          >
+            {{ contentSettingsTr('displayTextMaxLimitError') }}
+          </p>
 
           <FieldSubHeader :title="contentSettingsTr('linkToLabel')" />
           <ButtonGroup
@@ -661,7 +669,18 @@ const urlValidationSettings = computed(() => {
   };
 });
 
+// BP-5859: the hyperlink display text is inserted into the RTE, so it must
+// respect the same max-char limit. Without this the over-limit text was
+// silently truncated on insert with no feedback.
+const isDisplayTextTooLong = computed(
+  () => markedText.value.length > props.maxLength,
+);
+
 const isAddLinkButtonDisabled = computed(() => {
+  if (isDisplayTextTooLong.value) {
+    return true;
+  }
+
   if (selectedLinkType.value === HYPERLINK_TYPE.url) {
     const urlValue = hyperlinkUrlValue.value;
     // Check if URL is invalid OR doesn't have https protocol

package/src/bundles/bundled-translations.json

@@ -1609,6 +1609,7 @@
     "linkToLabel": "Link to",
     "addLinkButtonText": "Add Link",
     "enterValidUrlError": "Please enter a valid URL",
+    "displayTextMaxLimitError": "Display text exceeds the maximum character limit",
     "enterTextHerePlaceholder": "Enter text here...",
     "bookNowLabel": "Book Now",
     "shippingLabel": "Enable Shipping Address",

package/src/shared/content-settings/components/content-settings/i18n/content-settings.json

@@ -203,6 +203,7 @@
     "linkToLabel": "Link to",
     "addLinkButtonText": "Add Link",
     "enterValidUrlError": "Please enter a valid URL",
+    "displayTextMaxLimitError": "Display text exceeds the maximum character limit",
     "enterTextHerePlaceholder": "Enter text here...",
     "bookNowLabel": "Book Now",
     "shippingLabel": "Enable Shipping Address",