@designcrowd/library.brand-page 5.10.36 → 5.10.37

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigOptionField.mixin.js

@@ -179,7 +179,7 @@ export default defineComponent({
                 this.options[index].isChanged = false;
                 if (this.options[index].name !== undefined) {
                     if (this.options[index].name.length > MAX_PAYMENT_DESCRIPTION_LENGTH) {
-                        this.options[index].error = MAX_PAYMENT_DESCRIPTION_REACHED_MSG;
+                        this.options[index].error = MAX_PAYMENT_DESCRIPTION_REACHED_MSG();
                         this.options[index].name = this.options[index].name.slice(0, MAX_PAYMENT_DESCRIPTION_LENGTH);
                     }
                     else {

package/package.json

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

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

@@ -320,6 +320,9 @@ export default defineComponent({
           : UPGRADE_CTA_LOCATIONS.EDITOR_PUBLISH_TOP,
       });
     },
+    onBackBrandPage() {
+      this.$emit(EVENTS.Back);
+    },
     onChangeTemplateConfirmModalCancel() {
       this.brandPageMakerStore.onChangeTemplateConfirmModalCancel();
     },

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

@@ -8,6 +8,7 @@
       :back-url="backUrl"
       :back-button-label="backButtonLabel"
       :is-design-com="isDesignCom"
+      @back="onBackBrandPage"
       @save="saveBrandPage('Navigation')"
       @publish="saveAndPublishBrandPage(false)"
     />

package/src/brand-page-maker/components/navigation/Navigation.mixin.ts

@@ -47,5 +47,10 @@ export default defineComponent({
     saveAndPublishBrandPage() {
       this.$emit(EVENTS.Publish);
     },
+    handleBackClick() {
+      if (!this.backUrl) {
+        this.$emit(EVENTS.Back);
+      }
+    },
   },
 });

package/src/brand-page-maker/components/navigation/Navigation.vue

@@ -19,9 +19,10 @@
         variant="no-border"
         icon-left="chevron-left"
         :white="true"
-        :url="backUrl"
+        :url="backUrl || null"
         class="tw-w-full tw-ml-4 tw-hidden lg:tw-block"
         data-test-back-to-designs-button
+        @click="handleBackClick"
       />
       <ActionBarNavigation
         @save="saveBrandPage"

package/src/constants/brand-page-maker.ts

@@ -7,6 +7,7 @@ export const EVENTS = {
   Save: 'save',
   Publish: 'publish',
   Initialised: 'initialised',
+  Back: 'Back',
 } as const;
 
 export const S3_TEMPLATE_ASSETS_URL =

package/src/shared/content-settings/components/payment-config-field/PaymentConfigOptionField.mixin.ts

@@ -236,7 +236,7 @@ export default defineComponent({
           if (
             this.options[index].name!.length > MAX_PAYMENT_DESCRIPTION_LENGTH
           ) {
-            this.options[index].error = MAX_PAYMENT_DESCRIPTION_REACHED_MSG;
+            this.options[index].error = MAX_PAYMENT_DESCRIPTION_REACHED_MSG();
             this.options[index].name = this.options[index].name!.slice(
               0,
               MAX_PAYMENT_DESCRIPTION_LENGTH,