@designcrowd/fe-shared-lib 1.2.3-ast-disabled-1 → 1.2.4-ml-jj-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.2.3-ast-disabled-1",
+  "version": "1.2.4-ml-jj-1",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",
@@ -113,4 +113,4 @@
   "overrides": {
     "storybook": "$storybook"
   }
-}
+}

package/public/css/tailwind-brandCrowd.css

@@ -1020,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;
 }
@@ -2044,6 +2041,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(0 121 172 / var(--tw-bg-opacity));
 }
+.theme-brandCrowd .hover\:tw-bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 209 217 / var(--tw-bg-opacity));
+}
 .theme-brandCrowd .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(245 73 101 / var(--tw-bg-opacity));

package/public/css/tailwind-brandPage.css

@@ -1020,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;
 }

package/public/css/tailwind-crazyDomains.css

@@ -1020,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;
 }
@@ -2044,6 +2041,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(0 129 191 / var(--tw-bg-opacity));
 }
+.theme-crazyDomains .hover\:tw-bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 238 213 / var(--tw-bg-opacity));
+}
 .theme-crazyDomains .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(140 189 89 / var(--tw-bg-opacity));

package/public/css/tailwind-designCom.css

@@ -1020,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;
 }
@@ -2044,6 +2041,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(50 71 197 / var(--tw-bg-opacity));
 }
+.theme-designCom .hover\:tw-bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 238 254 / var(--tw-bg-opacity));
+}
 .theme-designCom .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(121 139 249 / var(--tw-bg-opacity));

package/public/css/tailwind-designCrowd.css

@@ -1020,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;
 }
@@ -2044,6 +2041,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(14 121 188 / var(--tw-bg-opacity));
 }
+.theme-designCrowd .hover\:tw-bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(207 234 251 / var(--tw-bg-opacity));
+}
 .theme-designCrowd .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(65 172 239 / var(--tw-bg-opacity));

package/src/atoms/components/ButtonGroup/ButtonGroup.stories.js

@@ -21,7 +21,6 @@ export const Sample = () => {
         {
           label: 'Medium',
           value: 'medium',
-          disabled: true,
         },
         {
           label: 'Large',

package/src/atoms/components/ButtonGroup/ButtonGroup.vue

@@ -10,14 +10,11 @@
       <button
         class="button-group-item tw-text-xs tw-shadow-inner tw-w-full tw-py-2"
         :class="{
-          '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected && !option.disabled,
-          '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': !option.isSelected && !option.disabled,
-          'hover:!tw-shadow-info-500': !option.isSelected && !option.disabled,
-          'tw-opacity-50 !tw-cursor-not-allowed !tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': option.disabled,
+          '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected,
+          '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200 hover:!tw-shadow-info-500': !option.isSelected,
         }"
-        :disabled="option.disabled"
         v-bind="option.dataAttribute ? { [option.dataAttribute]: '' } : {}"
-        @click="!option.disabled && $emit('on-select', option)"
+        @click="$emit('on-select', option)"
       >
         <slot name="content" :option="option"></slot>
       </button>
@@ -38,10 +35,8 @@
       <button
         v-if="variant === 'icon'"
         :class="{
-          '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected && !option.disabled,
-          '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': !option.isSelected && !option.disabled,
-          'hover:!tw-shadow-info-500': !option.isSelected && !option.disabled,
-          'tw-opacity-50 !tw-cursor-not-allowed !tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': option.disabled,
+          '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected,
+          '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200 hover:!tw-shadow-info-500': !option.isSelected,
           'tw-px-2': !option.iconViewBox,
           'tw-px-px':
             option.iconViewBox && !option.isSelected && !option.iconName.includes('display-style') && btnStyleVariant, // TODO - move style logic to computed prop
@@ -50,10 +45,9 @@
           'tw-px-0 tw-py-0': option.iconName.includes('display-style') || btnStyleVariant === 'compressed',
         }"
         :style="option.iconName.includes('display-style') ? { lineHeight: 0 } : {}"
-        :disabled="option.disabled"
         class="tw-text-xs button-group-icon-button tw-shadow-inner"
         v-bind="option.dataAttribute ? { [option.dataAttribute]: '' } : {}"
-        @click="!option.disabled && $emit('on-select', option)"
+        @click="$emit('on-select', option)"
       >
         <div
           :class="{
@@ -73,15 +67,12 @@
       <button
         v-else
         :class="{
-          '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected && !option.disabled,
-          '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': !option.isSelected && !option.disabled,
-          'hover:!tw-shadow-info-500': !option.isSelected && !option.disabled,
-          'tw-opacity-50 !tw-cursor-not-allowed !tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': option.disabled,
+          '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected,
+          '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200 hover:!tw-shadow-info-500': !option.isSelected,
         }"
-        :disabled="option.disabled"
         class="tw-text-xs button-group-image-button tw-shadow-inner"
         v-bind="option.dataAttribute ? { [option.dataAttribute]: '' } : {}"
-        @click="!option.disabled && $emit('on-select', option)"
+        @click="$emit('on-select', option)"
       >
         <img :src="option.src" :alt="option.alt" class="tw-w-full tw-h-full" />
       </button>
@@ -99,14 +90,11 @@
       :key="`button-${option.value}`"
       :class="{
         'tw-ml-2': idx > 0 && !columns,
-        '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected && !option.disabled,
-        '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': !option.isSelected && !option.disabled,
-        'hover:!tw-shadow-info-500': !option.isSelected && !option.disabled,
-        'tw-opacity-50 !tw-cursor-not-allowed !tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': option.disabled,
+        '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected,
+        '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200 hover:!tw-shadow-info-500': !option.isSelected,
       }"
-      :disabled="option.disabled"
       class="tw-text-xs button-group-button tw-shadow-inner"
-      @click="!option.disabled && $emit('on-select', option)"
+      @click="$emit('on-select', option)"
     >
       {{ option.label }}
     </button>

package/src/atoms/components/Icon/Icon.vue

@@ -20,8 +20,8 @@
       aria-labelledby="title"
       aria-describedby="desc"
     >
-      <title v-if="title" :id="`${name}-${id}-title`" lang="en">{{ title }}</title>
-      <desc v-if="description" :id="`${name}-${id}-desc`" lang="en">{{ description }}</desc>
+      <title :id="`${name}-${id}-title`" lang="en">{{ title }}</title>
+      <desc :id="`${name}-${id}-desc`" lang="en">{{ description }}</desc>
       <component :is="`icon-${iconName}`"></component>
     </svg>
   </div>
@@ -799,7 +799,7 @@ export default {
       return css || null;
     },
     title() {
-      return this.altText;
+      return this.altText || `${this.titleCase(this.name)}`;
     },
     description() {
       return `${this.title} Icon`;

package/src/atoms/components/Modal/Modal.stories.js

@@ -1,5 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { useArgs } from '@storybook/preview-api';
 import Modal from './Modal.vue';
 import Button from '../Button/Button.vue';
 
@@ -10,7 +8,6 @@ export default {
 
 export const Sample = {
   render: (args) => {
-    const [, setArgs] = useArgs();
     return {
       components: {
         Modal,
@@ -25,7 +22,7 @@ export const Sample = {
     `,
       methods: {
         closeLoginModal() {
-          setArgs({ ...args, visible: false });
+          this.visible = false;
         },
       },
     };
@@ -37,7 +34,6 @@ export const Sample = {
 
 export const OpenWithButton = {
   render: (args) => {
-    const [, setArgs] = useArgs();
     return {
       components: {
         Modal,
@@ -56,10 +52,10 @@ export const OpenWithButton = {
     `,
       methods: {
         closeLoginModal() {
-          setArgs({ ...args, visible: false });
+          this.visible = false;
         },
         onButtonClick() {
-          setArgs({ ...args, visible: true });
+          this.visible = true;
         },
       },
     };
@@ -71,7 +67,6 @@ export const OpenWithButton = {
 
 export const Simple = {
   render: (args) => {
-    const [, setArgs] = useArgs();
     return {
       components: {
         Modal,
@@ -90,7 +85,7 @@ export const Simple = {
     `,
       methods: {
         closeLoginModal() {
-          setArgs({ ...args, visible: false });
+          this.visible = false;
         },
       },
     };
@@ -102,7 +97,6 @@ export const Simple = {
 
 export const MandatorySample = {
   render: (args) => {
-    const [, setArgs] = useArgs();
     return {
       components: {
         Modal,
@@ -117,7 +111,7 @@ export const MandatorySample = {
     `,
       methods: {
         closeLoginModal() {
-          setArgs({ ...args, visible: false });
+          this.visible = false;
         },
       },
     };
@@ -129,7 +123,6 @@ export const MandatorySample = {
 
 export const InnerOverflowSample = {
   render: (args) => {
-    const [, setArgs] = useArgs();
     return {
       components: {
         Modal,
@@ -150,7 +143,7 @@ export const InnerOverflowSample = {
     `,
       methods: {
         closeLoginModal() {
-          setArgs({ ...args, visible: false });
+          this.visible = false;
         },
       },
     };
@@ -162,7 +155,6 @@ export const InnerOverflowSample = {
 
 export const HeaderFooterSample = {
   render: (args) => {
-    const [, setArgs] = useArgs();
     return {
       components: {
         Modal,
@@ -197,7 +189,7 @@ export const HeaderFooterSample = {
     `,
       methods: {
         closeLoginModal() {
-          setArgs({ ...args, visible: false });
+          this.visible = false;
         },
       },
     };
@@ -209,7 +201,6 @@ export const HeaderFooterSample = {
 
 export const FullscreenBreakpointSample = {
   render: (args) => {
-    const [, setArgs] = useArgs();
     return {
       components: {
         Modal,
@@ -241,7 +232,7 @@ export const FullscreenBreakpointSample = {
     `,
       methods: {
         closeLoginModal() {
-          setArgs({ ...args, visible: false });
+          this.visible = false;
         },
       },
     };
@@ -253,7 +244,6 @@ export const FullscreenBreakpointSample = {
 
 export const Image = {
   render: (args) => {
-    const [, setArgs] = useArgs();
     return {
       components: {
         Modal,
@@ -268,7 +258,7 @@ export const Image = {
     `,
       methods: {
         closeLoginModal() {
-          setArgs({ ...args, visible: false });
+          this.visible = false;
         },
       },
     };

package/src/atoms/components/Price/Price.vue

@@ -53,7 +53,7 @@ export default {
       if (this.isDomainCredit) {
         return 'Domain credit used';
       }
-      
+
       if (!this.amount || this.amount === 0) {
         return 'Free';
       }

package/src/bundles/bundled-translations.de-DE.json

@@ -1,5 +1,52 @@
 {
-  "publishModal": {
-    "test": "DE-Publish Brand Page"
+  "publishBrandPageModal": {
+    "firstTimePublishHeaderLabel": "Legen Sie die URL für {{brandPageDisplayName}} fest",
+    "sitePublishedLabel": "Seite veröffentlicht!",
+    "publishSuccessLabel": "Ihr {{brandPageDisplayName}} ist live! Beginnen Sie mit der Nutzung Ihres Links:",
+    "freePublishCardTitleLabel": "Freie Adresse",
+    "freePublishCardDescriptionLabel": "Wählen Sie jetzt eine kostenlose Adresse zur Veröffentlichung aus. Sie können die URL später jederzeit bearbeiten",
+    "slugInputPlaceholderYourNameLabel": "ihr-name",
+    "slugInputPlaceholderYourBusinessNameLabel": "ihr-firmen-name",
+    "freeDomainLabel": "Kostenlose Domain",
+    "purchasedDomainLabel": "Erworbene Domain",
+    "setUrlLabel": "URL festlegen",
+    "publishLabel": "Veröffentlichen",
+    "viewMoreDomainLabel": "WEITERE DOMAINS ANZEIGEN",
+    "viewMyWebsiteLabel": "{{brandPageDisplayName}} anzeigen",
+    "copyLabel": "Kopieren",
+    "copySuccessLabel": "Kopiert!",
+    "publishedSuccessDescriptionLabel": "Kaufen Sie eine passende Domain für Ihre Marke",
+    "hasAlreadyPurchasedDomainCloseButtonLabel": "Nein, danke, vielleicht später",
+    "selectDomainDropdownPlaceholder": "Domain auswählen"
+  },
+  "sellDomainNameList": {
+    "freeDomainButtonLabel": "Kostenlose Domain",
+    "buyNowButtonLabel": "Jetzt kaufen",
+    "pricePerYearLabel": "/Jahr",
+    "costPriceLabel": "Kostenpreis:"
+  },
+  "sellDomainNameListModal": {
+    "domainSearchHeaderTitle": "Domainname suchen",
+    "domainSearchHeaderSubtitle": "Kaufen Sie eine passende Domain für Ihre Marke"
+  },
+  "sellDomainNameModalApplication": {
+    "domainSearchHeaderTitle": "Domainname suchen",
+    "domainSearchHeaderSubtitle": "Kaufen Sie eine passende Domain für Ihre Marke"
+  },
+  "sellDomainNameSearch": {
+    "searchButtonLabel": "Suche",
+    "searchBarLabel": "Suche",
+    "searchBarPlaceholder": "Domainnamen suchen",
+    "searchBarPreText": "Domainname"
+  },
+  "sellDomainNameListSearchResult": {
+    "domainSearchEmptyMessage": "Leider konnten wir keine Domain für \"{domainNameSearchTerm}\" finden.",
+    "searchAnotherDomainMessage": "Versuchen Sie, mit einer anderen Domain zu suchen."
+  },
+  "sellDomainNameWidget": {
+    "searchButtonLabel": "Suche",
+    "searchBarLabel": "Suche",
+    "searchBarPlaceholder": "Domainnamen suchen",
+    "domainSearchOrConnectHeaderSubtitle": "Kaufen Sie passende Domains für Ihre Marke oder verknüpfen Sie Ihre bestehende Domain"
   }
 }

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

@@ -1,5 +1,52 @@
 {
-  "publishModal": {
-    "test": "ES-Publish Brand Page"
+  "publishBrandPageModal": {
+    "firstTimePublishHeaderLabel": "Establece la URL para {{brandPageDisplayName}}",
+    "sitePublishedLabel": "¡Sitio publicado!",
+    "publishSuccessLabel": "¡Tu {{brandPageDisplayName}} está activo! Comienza a usar tu enlace:",
+    "freePublishCardTitleLabel": "Dirección gratuita",
+    "freePublishCardDescriptionLabel": "Elige una dirección gratuita para publicar ahora. Siempre puedes editar la URL más tarde",
+    "slugInputPlaceholderYourNameLabel": "tu-nombre",
+    "slugInputPlaceholderYourBusinessNameLabel": "nombre-de-tu-negocio",
+    "freeDomainLabel": "Dominio gratis",
+    "purchasedDomainLabel": "Dominio adquirido",
+    "setUrlLabel": "Establece URL",
+    "publishLabel": "Publicar",
+    "viewMoreDomainLabel": "VER MÁS DOMINIOS",
+    "viewMyWebsiteLabel": "Ver {{brandPageDisplayName}}",
+    "copyLabel": "Copiar",
+    "copySuccessLabel": "¡Copiado!",
+    "publishedSuccessDescriptionLabel": "Compra un nombre de dominio que coincida con tu marca",
+    "hasAlreadyPurchasedDomainCloseButtonLabel": "No gracias, quizás más tarde",
+    "selectDomainDropdownPlaceholder": "Selecciona un nombre de dominio"
+  },
+  "sellDomainNameList": {
+    "freeDomainButtonLabel": "Dominio gratis",
+    "buyNowButtonLabel": "Comprar ahora",
+    "pricePerYearLabel": "/año",
+    "costPriceLabel": "Precio de coste:"
+  },
+  "sellDomainNameListModal": {
+    "domainSearchHeaderTitle": "Busca un nombre de dominio",
+    "domainSearchHeaderSubtitle": "Compra un nombre de dominio que coincida con tu marca"
+  },
+  "sellDomainNameModalApplication": {
+    "domainSearchHeaderTitle": "Busca un nombre de dominio",
+    "domainSearchHeaderSubtitle": "Compra un nombre de dominio que coincida con tu marca"
+  },
+  "sellDomainNameSearch": {
+    "searchButtonLabel": "Buscar",
+    "searchBarLabel": "Buscar",
+    "searchBarPlaceholder": "Busca nombres de dominio",
+    "searchBarPreText": "Nombre de dominio"
+  },
+  "sellDomainNameListSearchResult": {
+    "domainSearchEmptyMessage": "Lo siento, no hemos podido encontrar ningún dominio para \"{domainNameSearchTerm}\".",
+    "searchAnotherDomainMessage": "Prueba a buscar con otro nombre de dominio."
+  },
+  "sellDomainNameWidget": {
+    "searchButtonLabel": "Buscar",
+    "searchBarLabel": "Buscar",
+    "searchBarPlaceholder": "Busca nombres de dominio",
+    "domainSearchOrConnectHeaderSubtitle": "Compra un nombre de dominio que coincida con tu marca o conecta tu dominio existente"
   }
 }

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

@@ -1,5 +1,52 @@
 {
-  "publishModal": {
-    "test": "FR-Publish Brand Page"
+  "publishBrandPageModal": {
+    "firstTimePublishHeaderLabel": "Définissez l'URL pour {{brandPageDisplayName}}",
+    "sitePublishedLabel": "Site publié !",
+    "publishSuccessLabel": "Votre {{brandPageDisplayName}} est en ligne ! Commencez à utiliser votre lien :",
+    "freePublishCardTitleLabel": "Adresse libre",
+    "freePublishCardDescriptionLabel": "Choisissez une adresse gratuite pour publier maintenant. Vous pouvez toujours modifier l'URL plus tard",
+    "slugInputPlaceholderYourNameLabel": "your-name",
+    "slugInputPlaceholderYourBusinessNameLabel": "nom-de-votre-entreprise",
+    "freeDomainLabel": "Domaine gratuit",
+    "purchasedDomainLabel": "Domaine acheté",
+    "setUrlLabel": "Définir l'URL",
+    "publishLabel": "Publier",
+    "viewMoreDomainLabel": "VOIR PLUS DE NOMS DE DOMAINE",
+    "viewMyWebsiteLabel": "Voir {{brandPageDisplayName}}",
+    "copyLabel": "Copier",
+    "copySuccessLabel": "Copié !",
+    "publishedSuccessDescriptionLabel": "Achetez un nom de domaine correspondant à votre marque",
+    "hasAlreadyPurchasedDomainCloseButtonLabel": "Non merci, peut-être plus tard",
+    "selectDomainDropdownPlaceholder": "Sélectionner un nom de domaine"
+  },
+  "sellDomainNameList": {
+    "freeDomainButtonLabel": "Domaine gratuit",
+    "buyNowButtonLabel": "Acheter",
+    "pricePerYearLabel": "/an",
+    "costPriceLabel": "Prix de revient:"
+  },
+  "sellDomainNameListModal": {
+    "domainSearchHeaderTitle": "Rechercher un nom de domaine",
+    "domainSearchHeaderSubtitle": "Achetez un nom de domaine correspondant à votre marque"
+  },
+  "sellDomainNameModalApplication": {
+    "domainSearchHeaderTitle": "Rechercher un nom de domaine",
+    "domainSearchHeaderSubtitle": "Achetez un nom de domaine correspondant à votre marque"
+  },
+  "sellDomainNameSearch": {
+    "searchButtonLabel": "Rechercher",
+    "searchBarLabel": "Rechercher",
+    "searchBarPlaceholder": "Rechercher des noms de domaine",
+    "searchBarPreText": "Nom de domaine"
+  },
+  "sellDomainNameListSearchResult": {
+    "domainSearchEmptyMessage": "Désolé, nous n’avons pas trouvé de nom de domaine pour \"{domainNameSearchTerm}\".",
+    "searchAnotherDomainMessage": "Essayez de faire une recherche avec un autre nom de domaine."
+  },
+  "sellDomainNameWidget": {
+    "searchButtonLabel": "Rechercher",
+    "searchBarLabel": "Rechercher",
+    "searchBarPlaceholder": "Rechercher des noms de domaine",
+    "domainSearchOrConnectHeaderSubtitle": "Achetez un nom de domaine correspondant à votre marque ou connectez votre domaine existant"
   }
 }

package/src/bundles/bundled-translations.json

@@ -1,5 +1,52 @@
 {
-  "publishModal": {
-    "test": "EN-Publish Brand Page"
+  "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"
+  },
+  "sellDomainNameList": {
+    "freeDomainButtonLabel": "Free Domain",
+    "buyNowButtonLabel": "Buy Now",
+    "pricePerYearLabel": "/yr",
+    "costPriceLabel": "Cost Price:"
+  },
+  "sellDomainNameListModal": {
+    "domainSearchHeaderTitle": "Search a domain name",
+    "domainSearchHeaderSubtitle": "Buy matching domain name for your brand"
+  },
+  "sellDomainNameModalApplication": {
+    "domainSearchHeaderTitle": "Search a domain name",
+    "domainSearchHeaderSubtitle": "Buy matching domain name for your brand"
+  },
+  "sellDomainNameSearch": {
+    "searchButtonLabel": "Search",
+    "searchBarLabel": "Search",
+    "searchBarPlaceholder": "Search domain names",
+    "searchBarPreText": "Domain name"
+  },
+  "sellDomainNameListSearchResult": {
+    "domainSearchEmptyMessage": "Sorry, we couldn't find any domain for \"{domainNameSearchTerm}\".",
+    "searchAnotherDomainMessage": "Try searching with another domain name."
+  },
+  "sellDomainNameWidget": {
+    "searchButtonLabel": "Search",
+    "searchBarLabel": "Search",
+    "searchBarPlaceholder": "Search domain names",
+    "domainSearchOrConnectHeaderSubtitle": "Buy matching domain name for your brand or connect your existing domain"
   }
 }

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

@@ -1,5 +1,52 @@
 {
-  "publishModal": {
-    "test": "PT-Publish Brand Page"
+  "publishBrandPageModal": {
+    "firstTimePublishHeaderLabel": "Defina o URL para {{brandPageDisplayName}}",
+    "sitePublishedLabel": "Site publicado!",
+    "publishSuccessLabel": "A sua página {{brandPageDisplayName}} está ativa! Comece a utilizar o link:",
+    "freePublishCardTitleLabel": "Endereço gratuito",
+    "freePublishCardDescriptionLabel": "Escolha um endereço gratuito para publicar agora. Pode sempre editar o URL mais tarde",
+    "slugInputPlaceholderYourNameLabel": "o-seu-nome",
+    "slugInputPlaceholderYourBusinessNameLabel": "nome-da-sua-empresa",
+    "freeDomainLabel": "Domínio gratuito",
+    "purchasedDomainLabel": "Domínio comprado",
+    "setUrlLabel": "Definir URL",
+    "publishLabel": "Publicar",
+    "viewMoreDomainLabel": "VER MAIS DOMÍNIOS",
+    "viewMyWebsiteLabel": "Ver {{brandPageDisplayName}}",
+    "copyLabel": "Copiar",
+    "copySuccessLabel": "Copiado!",
+    "publishedSuccessDescriptionLabel": "Compre um nome de domínio que corresponda à sua marca",
+    "hasAlreadyPurchasedDomainCloseButtonLabel": "Não, obrigado, talvez mais tarde",
+    "selectDomainDropdownPlaceholder": "Selecionar nome de domínio"
+  },
+  "sellDomainNameList": {
+    "freeDomainButtonLabel": "Domínio gratuito",
+    "buyNowButtonLabel": "Comprar Agora",
+    "pricePerYearLabel": "/ano",
+    "costPriceLabel": "Preço de Custo:"
+  },
+  "sellDomainNameListModal": {
+    "domainSearchHeaderTitle": "Pesquisar um nome de domínio",
+    "domainSearchHeaderSubtitle": "Compre um nome de domínio que corresponda à sua marca"
+  },
+  "sellDomainNameModalApplication": {
+    "domainSearchHeaderTitle": "Pesquisar um nome de domínio",
+    "domainSearchHeaderSubtitle": "Compre um nome de domínio que corresponda à sua marca"
+  },
+  "sellDomainNameSearch": {
+    "searchButtonLabel": "Pesquisar",
+    "searchBarLabel": "Pesquisar",
+    "searchBarPlaceholder": "Pesquisar nomes de domínio",
+    "searchBarPreText": "Nome de domínio"
+  },
+  "sellDomainNameListSearchResult": {
+    "domainSearchEmptyMessage": "Não conseguimos encontrar nenhum domínio para \"{domainNameSearchTerm}\".",
+    "searchAnotherDomainMessage": "Experimente pesquisar outro nome de domínio."
+  },
+  "sellDomainNameWidget": {
+    "searchButtonLabel": "Pesquisar",
+    "searchBarLabel": "Pesquisar",
+    "searchBarPlaceholder": "Pesquisar nomes de domínio",
+    "domainSearchOrConnectHeaderSubtitle": "Compre um nome de domínio que corresponda à sua marca ou associe ao domínio que já tem"
   }
 }