@designcrowd/fe-shared-lib 1.2.18-byo-1 → 1.2.18-kp-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.18-byo-1",
+  "version": "1.2.18-kp-1",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/public/css/tailwind-brandCrowd.css

@@ -643,10 +643,6 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.theme-brandCrowd .tw-my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .theme-brandCrowd .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -853,6 +849,9 @@ video {
 .theme-brandCrowd .tw-max-h-screen {
   max-height: 100vh;
 }
+.theme-brandCrowd .tw-w-1\/3 {
+  width: 33.333333%;
+}
 .theme-brandCrowd .tw-w-10 {
   width: 2.5rem;
 }
@@ -1021,9 +1020,6 @@ video {
 .theme-brandCrowd .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
-.\!tw-cursor-not-allowed {
-  cursor: not-allowed !important;
-}
 .theme-brandCrowd .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -2231,9 +2227,6 @@ video {
 .theme-brandCrowd .md\:tw-ml-4 {
     margin-left: 1rem;
   }
-.theme-brandCrowd .md\:tw-mr-2 {
-    margin-right: 0.5rem;
-  }
 .theme-brandCrowd .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/public/css/tailwind-brandPage.css

@@ -643,10 +643,6 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.theme-brandPage .tw-my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .theme-brandPage .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -853,6 +849,9 @@ video {
 .theme-brandPage .tw-max-h-screen {
   max-height: 100vh;
 }
+.theme-brandPage .tw-w-1\/3 {
+  width: 33.333333%;
+}
 .theme-brandPage .tw-w-10 {
   width: 2.5rem;
 }
@@ -1021,9 +1020,6 @@ video {
 .theme-brandPage .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
-.\!tw-cursor-not-allowed {
-  cursor: not-allowed !important;
-}
 .theme-brandPage .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1915,9 +1911,6 @@ video {
 .theme-brandPage .md\:tw-ml-4 {
     margin-left: 1rem;
   }
-.theme-brandPage .md\:tw-mr-2 {
-    margin-right: 0.5rem;
-  }
 .theme-brandPage .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/public/css/tailwind-crazyDomains.css

@@ -643,10 +643,6 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.theme-crazyDomains .tw-my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .theme-crazyDomains .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -853,6 +849,9 @@ video {
 .theme-crazyDomains .tw-max-h-screen {
   max-height: 100vh;
 }
+.theme-crazyDomains .tw-w-1\/3 {
+  width: 33.333333%;
+}
 .theme-crazyDomains .tw-w-10 {
   width: 2.5rem;
 }
@@ -1021,9 +1020,6 @@ video {
 .theme-crazyDomains .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
-.\!tw-cursor-not-allowed {
-  cursor: not-allowed !important;
-}
 .theme-crazyDomains .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -2231,9 +2227,6 @@ video {
 .theme-crazyDomains .md\:tw-ml-4 {
     margin-left: 1rem;
   }
-.theme-crazyDomains .md\:tw-mr-2 {
-    margin-right: 0.5rem;
-  }
 .theme-crazyDomains .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/public/css/tailwind-designCom.css

@@ -643,10 +643,6 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.theme-designCom .tw-my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .theme-designCom .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -853,6 +849,9 @@ video {
 .theme-designCom .tw-max-h-screen {
   max-height: 100vh;
 }
+.theme-designCom .tw-w-1\/3 {
+  width: 33.333333%;
+}
 .theme-designCom .tw-w-10 {
   width: 2.5rem;
 }
@@ -1021,9 +1020,6 @@ video {
 .theme-designCom .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
-.\!tw-cursor-not-allowed {
-  cursor: not-allowed !important;
-}
 .theme-designCom .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -2231,9 +2227,6 @@ video {
 .theme-designCom .md\:tw-ml-4 {
     margin-left: 1rem;
   }
-.theme-designCom .md\:tw-mr-2 {
-    margin-right: 0.5rem;
-  }
 .theme-designCom .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/public/css/tailwind-designCrowd.css

@@ -643,10 +643,6 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
-.theme-designCrowd .tw-my-1 {
-  margin-top: 0.25rem;
-  margin-bottom: 0.25rem;
-}
 .theme-designCrowd .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -853,6 +849,9 @@ video {
 .theme-designCrowd .tw-max-h-screen {
   max-height: 100vh;
 }
+.theme-designCrowd .tw-w-1\/3 {
+  width: 33.333333%;
+}
 .theme-designCrowd .tw-w-10 {
   width: 2.5rem;
 }
@@ -1021,9 +1020,6 @@ video {
 .theme-designCrowd .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
-.\!tw-cursor-not-allowed {
-  cursor: not-allowed !important;
-}
 .theme-designCrowd .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -2231,9 +2227,6 @@ video {
 .theme-designCrowd .md\:tw-ml-4 {
     margin-left: 1rem;
   }
-.theme-designCrowd .md\:tw-mr-2 {
-    margin-right: 0.5rem;
-  }
 .theme-designCrowd .md\:tw-mt-0 {
     margin-top: 0px;
   }

package/src/bundles/bundled-translations.json

@@ -29,7 +29,9 @@
     "copySuccessLabel": "Copied!",
     "publishedSuccessDescriptionLabel": "Buy matching domain name for your brand",
     "hasAlreadyPurchasedDomainCloseButtonLabel": "No thanks, maybe later",
-    "selectDomainDropdownPlaceholder": "Select domain name"
+    "selectDomainDropdownPlaceholder": "Select domain name",
+    "websiteFriendlyName": "Website",
+    "digitalBusinessCardFriendlyName": "Digital Business Card"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Free Domain",

package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue

@@ -270,6 +270,8 @@ const DOMAIN_TYPES = {
 
 const DCOM_IMG_FREE = 'https://brandcrowd-cdn.s3.amazonaws.com/public/assets/images/icons/publish/dcom-free-url.svg';
 const BC_IMG_FREE = 'https://brandcrowd-cdn.s3.amazonaws.com/public/assets/images/icons/publish/bc-free-url.svg';
+const WEBSITE_FRIENDLY_NAME = 'Website';
+export const DIGITAL_BUSINESS_CARD = 'Digital Business Card';
 
 export default {
   components: {
@@ -454,8 +456,9 @@ export default {
       return this.brandPageBaseUrl.replace('https://', '');
     },
     firstTimePublishHeaderLabel() {
+      const translatedBrandPageName = this.getLanguageAwareBrandPageDisplayName(this.brandPageDisplayName);
       return this.publishBrandPageModalTr('firstTimePublishHeaderLabel', {
-        brandPageDisplayName: this.brandPageDisplayName,
+        brandPageDisplayName: translatedBrandPageName,
       });
     },
     publishSuccessLabel() {
@@ -520,6 +523,18 @@ export default {
     this.isModalVisible = this.isSearchDomainListModalVisible;
   },
   methods: {
+    getLanguageAwareBrandPageDisplayName(brandPageName) {
+      switch (brandPageName) {
+        case WEBSITE_FRIENDLY_NAME:
+          return this.te('websiteFriendlyName') ? this.t('websiteFriendlyName') : 'Website';
+        case DIGITAL_BUSINESS_CARD:
+          return this.te('digitalBusinessCardFriendlyName')
+            ? this.t('digitalBusinessCardFriendlyName')
+            : 'Digital Business Card';
+        default:
+          return brandPageName;
+      }
+    },
     onDomainTypeRadioButtonClick(domain) {
       this.domainTypeValue = domain;
       this.closePurchasedDomainDropdown();

package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.json

@@ -1,22 +1,24 @@
 {
-    "publishBrandPageModal": {
-        "firstTimePublishHeaderLabel": "Set the URL for {{brandPageDisplayName}}",
-        "sitePublishedLabel": "Site published!",
-        "publishSuccessLabel": "Your {{brandPageDisplayName}} is live! Start using your link:",
-        "freePublishCardTitleLabel": "Free Address",
-        "freePublishCardDescriptionLabel": "Choose a free address to publish now. You can always edit the URL later",
-        "slugInputPlaceholderYourNameLabel": "your-name",
-        "slugInputPlaceholderYourBusinessNameLabel": "your-business-name",
-        "freeDomainLabel": "Free domain",
-        "purchasedDomainLabel": "Purchased domain",
-        "setUrlLabel": "Set URL",
-        "publishLabel": "Publish",
-        "viewMoreDomainLabel": "VIEW MORE DOMAINS",
-        "viewMyWebsiteLabel": "View {{brandPageDisplayName}}",
-        "copyLabel": "Copy",
-        "copySuccessLabel": "Copied!",
-        "publishedSuccessDescriptionLabel": "Buy matching domain name for your brand",
-        "hasAlreadyPurchasedDomainCloseButtonLabel": "No thanks, maybe later",
-        "selectDomainDropdownPlaceholder": "Select domain name"
-    }
-}
+  "publishBrandPageModal": {
+    "firstTimePublishHeaderLabel": "Set the URL for {{brandPageDisplayName}}",
+    "sitePublishedLabel": "Site published!",
+    "publishSuccessLabel": "Your {{brandPageDisplayName}} is live! Start using your link:",
+    "freePublishCardTitleLabel": "Free Address",
+    "freePublishCardDescriptionLabel": "Choose a free address to publish now. You can always edit the URL later",
+    "slugInputPlaceholderYourNameLabel": "your-name",
+    "slugInputPlaceholderYourBusinessNameLabel": "your-business-name",
+    "freeDomainLabel": "Free domain",
+    "purchasedDomainLabel": "Purchased domain",
+    "setUrlLabel": "Set URL",
+    "publishLabel": "Publish",
+    "viewMoreDomainLabel": "VIEW MORE DOMAINS",
+    "viewMyWebsiteLabel": "View {{brandPageDisplayName}}",
+    "copyLabel": "Copy",
+    "copySuccessLabel": "Copied!",
+    "publishedSuccessDescriptionLabel": "Buy matching domain name for your brand",
+    "hasAlreadyPurchasedDomainCloseButtonLabel": "No thanks, maybe later",
+    "selectDomainDropdownPlaceholder": "Select domain name",
+    "websiteFriendlyName": "Website",
+    "digitalBusinessCardFriendlyName": "Digital Business Card"
+  }
+}