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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.18-byo-2",
+  "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.de-DE.json

@@ -92,11 +92,5 @@
     "clickToUpload": "klicken Sie hier, um eine Datei hochzuladen.",
     "acceptedFiles": "Wir akzeptieren PNG-, JPG-, SVG- und EPS-Dateien bis zu 25 MB.",
     "wrongUploadType": "Sie können Dateien dieses Typs nicht hochladen."
-  },
-  "uploadLogoSearchResultCard": {
-    "replace": "Ersetzen",
-    "replaceLogo": "Logo ersetzen",
-    "delete": "Löschen",
-    "deleteLogo": "Logo löschen"
   }
 }

package/src/bundles/bundled-translations.es-ES.json

@@ -92,11 +92,5 @@
     "clickToUpload": "haz clic para subirlo",
     "acceptedFiles": "Aceptamos archivos PNG, JPG, SVG o EPS de hasta 25 MB",
     "wrongUploadType": "No puedes subir archivos de este tipo."
-  },
-  "uploadLogoSearchResultCard": {
-    "replace": "Sustituir",
-    "replaceLogo": "Reemplaza el logo",
-    "delete": "Eliminar",
-    "deleteLogo": "Elimina el logo"
   }
 }

package/src/bundles/bundled-translations.fr-FR.json

@@ -92,11 +92,5 @@
     "clickToUpload": "cliquez pour télécharger",
     "acceptedFiles": "Nous acceptons les fichiers PNG, JPG, SVG ou EPS jusqu'à 25 Mo",
     "wrongUploadType": "Vous ne pouvez pas télécharger des fichiers de ce type."
-  },
-  "uploadLogoSearchResultCard": {
-    "replace": "Remplacer",
-    "replaceLogo": "Remplacez le logo",
-    "delete": "Supprimer",
-    "deleteLogo": "Supprimez le logo"
   }
 }

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",
@@ -92,11 +94,5 @@
     "clickToUpload": "click to upload",
     "acceptedFiles": "We accept PNG, JPG, SVG or EPS files up to 25MB",
     "wrongUploadType": "You can't upload files of this type."
-  },
-  "uploadLogoSearchResultCard": {
-    "replace": "Replace",
-    "replaceLogo": "Replace Logo",
-    "delete": "Delete",
-    "deleteLogo": "Delete Logo"
   }
 }

package/src/bundles/bundled-translations.pt-PT.json

@@ -92,11 +92,5 @@
     "clickToUpload": "clique para carregar",
     "acceptedFiles": "Aceitamos ficheiros PNG, JPG, SVG ou EPS até 25 MB",
     "wrongUploadType": "Não pode carregar ficheiros deste tipo."
-  },
-  "uploadLogoSearchResultCard": {
-    "replace": "Substituir",
-    "replaceLogo": "Substituir logótipo",
-    "delete": "Eliminar",
-    "deleteLogo": "Eliminar Logótipo"
   }
 }

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"
+  }
+}

package/src/experiences/components/UploadedLogoSearchResultCard/UploadedLogoSearchResultCard.vue

@@ -55,7 +55,7 @@
       }"
     >
       <label for="replace-logo-file" class="tw-sr-only">
-        {{ uploadLogoSearchResultCardTr('replaceLogo') }}
+        Replace logo
         <input
           id="replace-logo-file"
           ref="fileInput"
@@ -102,7 +102,6 @@ import Button from '../../../../src/atoms/components/Button/Button.vue';
 import Events from '../../constants/event-constants';
 import API from '../../constants/api';
 import trackEvent from '../../helpers/tracking';
-import { uploadLogoSearchResultCardTr } from '../../../useSharedLibTranslate';
 
 export default {
   components: {
@@ -132,11 +131,6 @@ export default {
       default: false,
     },
   },
-  setup() {
-    return {
-      uploadLogoSearchResultCardTr,
-    };
-  },
   data() {
     return {
       extraWideLandscape: this.useLandscapeTile && this.aspectRatio <= 30,
@@ -144,14 +138,10 @@ export default {
   },
   computed: {
     replaceButtonLabel() {
-      return this.alternativeLayout
-        ? this.uploadLogoSearchResultCardTr('replace')
-        : this.uploadLogoSearchResultCardTr('replaceLogo');
+      return this.alternativeLayout ? 'Replace' : 'Replace Logo';
     },
     deleteButtonLabel() {
-      return this.alternativeLayout
-        ? this.uploadLogoSearchResultCardTr('delete')
-        : this.uploadLogoSearchResultCardTr('deleteLogo');
+      return this.alternativeLayout ? 'Delete' : 'Delete Logo';
     },
   },
   methods: {

package/src/useSharedLibTranslate.js

@@ -63,9 +63,6 @@ const sharedPaymentConfigTr = (key, valuesToInterpolate = {}) => tr(`sharedPayme
 
 const priceTr = (key, valuesToInterpolate = {}) => tr(`price.${key}`, valuesToInterpolate);
 
-const uploadLogoSearchResultCardTr = (key, valuesToInterpolate = {}) =>
-  tr(`uploadLogoSearchResultCard.${key}`, valuesToInterpolate);
-
 const getCurrentLocale = () => {
   return i18next.language || 'en-US';
 };
@@ -84,5 +81,4 @@ export {
   uploadYourLogoTr,
   sharedPaymentConfigTr,
   priceTr,
-  uploadLogoSearchResultCardTr,
 };