@designcrowd/fe-shared-lib 1.2.28 → 1.3.1

package/src/atoms/components/Modal/Modal.vue

@@ -15,7 +15,7 @@
       :class="[
         {
           'tw-w-full': !isImageMode,
-          'tw-p-4': !simple,
+          'tw-p-4': !removeHorizontalPadding && !simple,
           'tw-max-w-md': size === 'md',
           'tw-max-w-xl': size === 'xl',
           'tw-max-w-2xl': !size && !isImageMode,
@@ -91,6 +91,11 @@ export default {
       required: false,
       default: false,
     },
+    removeHorizontalPadding: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     visible: {
       type: Boolean,
       required: false,

package/src/atoms/components/Price/i18n/price.fr-CA.json

@@ -0,0 +1,6 @@
+{
+  "price" : {
+    "domainCreditUsed" : "Crédit de domaine utilisé",
+    "free" : "Gratuit"
+  }
+}

package/src/atoms/components/Price/i18n/price.pt-BR.json

@@ -0,0 +1,6 @@
+{
+  "price" : {
+    "domainCreditUsed" : "Crédito de domínio utilizado",
+    "free" : "Grátis"
+  }
+}

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

@@ -91,7 +91,7 @@
     "maxByoFileErrorMessage": "Ihre Datei überschreitet die maximale Größe von 25 MB. Bitte wählen Sie eine kleinere Datei.",
     "genericByoErrorMessage": "Es ist ein unerwarteter Fehler aufgetreten. Bitte versuchen Sie es erneut.",
     "dropYourFileHere": "Legen Sie Ihre Datei hier ab oder",
-    "clickToUpload": "klicken Sie hier, um eine Datei hochzuladen.",
+    "clickToUpload": "Klicken zum Hochladen",
     "acceptedFiles": "Wir akzeptieren PNG-, JPG-, SVG- und EPS-Dateien bis zu 25 MB.",
     "wrongUploadType": "Sie können Dateien dieses Typs nicht hochladen."
   },

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

@@ -1 +1,104 @@
-{}
+{
+  "price": {
+    "domainCreditUsed": "Crédit de domaine utilisé",
+    "free": "Gratuit"
+  },
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Inscription incomplète",
+    "pendingVerification": "Vérification en attente",
+    "connected": "Connecté",
+    "inactive": "Inactif",
+    "addPaymentProvider": "Ajouter un fournisseur de paiement",
+    "deletePaymentMethod": "Supprimer le mode de paiement"
+  },
+  "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",
+    "websiteFriendlyName": "Site Web",
+    "digitalBusinessCardFriendlyName": "Carte professionnelle numérique"
+  },
+  "sellDomainNameList": {
+    "freeDomainButtonLabel": "Domaine gratuit",
+    "buyNowButtonLabel": "Acheter",
+    "pricePerYearLabel": "/yr",
+    "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"
+  },
+  "uploadYourLogo": {
+    "uploadYourLogoText": "Téléchargez votre logo",
+    "disclaimerText": "Veuillez vous assurer que vous avez le droit d'utiliser toute image que vous téléchargez.",
+    "generatingDesigns": "Génération de designs...",
+    "uploadingAndConverting": "Téléchargement et conversion de votre logo...",
+    "stepOf": "Étape {{CURRENT}} sur {{TOTAL}}",
+    "uploadError": "Erreur de téléchargement",
+    "cancel": "Annuler",
+    "continue": "Continuer",
+    "back": "Retour",
+    "no": "Non",
+    "yes": "Oui",
+    "businessName": "Nom de l’entreprise",
+    "businessNameDescription": "Saisissez le texte de votre logo ou le nom de votre entreprise",
+    "cropYourLogo": "Recadrez votre logo",
+    "cropDescription": "Recadrez votre logo pour qu'il s'adapte au canevas de notre outil de création de logos",
+    "logoPreview": "Aperçu du logo",
+    "logoPreviewDescription": "Votre logo est magnifique ! Aidez-nous à configurer votre logo en suivant les étapes suivantes.",
+    "primaryTextColor": "Couleur principale du texte",
+    "primaryTextColorDescription": "Aidez-nous à configurer votre logo en confirmant la couleur principale du texte. Choisissez parmi les couleurs disponibles ou cliquez sur l'icône plus pour en ajouter une autre.",
+    "backgroundColor": "Couleur d’arrière-plan",
+    "backgroundColorDescription": "Aidez-nous à configurer votre logo en confirmant la couleur d'arrière-plan. Choisissez parmi les couleurs disponibles ou cliquez sur l'icône plus pour en ajouter une autre.",
+    "colorsWarning": "Les couleurs de votre texte et de votre arrière-plan sont trop semblables. Veuillez choisir une combinaison plus distincte pour garantir un design de qualité.",
+    "exitConfirmationTitle": "Voulez-vous vraiment quitter ?",
+    "exitConfirmationDescription": "La progression du téléchargement de votre logo au cours de cette session sera perdue",
+    "maxByoFileErrorMessage": "Votre fichier dépasse la taille maximale de 25 Mo. Veuillez choisir un fichier plus petit.",
+    "genericByoErrorMessage": "Une erreur inattendue s'est produite. Veuillez réessayer.",
+    "dropYourFileHere": "Déposez votre fichier ici ou",
+    "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.pt-BR.json

@@ -1 +1,104 @@
-{}
+{
+  "price": {
+    "domainCreditUsed": "Crédito de domínio utilizado",
+    "free": "Grátis"
+  },
+  "sharedPaymentConfig": {
+    "onboardingIncomplete": "Integração incompleta",
+    "pendingVerification": "Verificação Pendente",
+    "connected": "Conectado",
+    "inactive": "Inativo",
+    "addPaymentProvider": "Adicionar fornecedor de pagamentos",
+    "deletePaymentMethod": "Excluir método de pagamento"
+  },
+  "publishBrandPageModal": {
+    "firstTimePublishHeaderLabel": "Defina o URL para {{brandPageDisplayName}}",
+    "sitePublishedLabel": "Site publicado!",
+    "publishSuccessLabel": "Seu {{brandPageDisplayName}} está ativo! Comece a usar seu link:",
+    "freePublishCardTitleLabel": "Endereço gratuito",
+    "freePublishCardDescriptionLabel": "Escolha um endereço gratuito para publicar agora. Você pode editar o URL depois",
+    "slugInputPlaceholderYourNameLabel": "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 depois",
+    "selectDomainDropdownPlaceholder": "Selecionar nome de domínio",
+    "websiteFriendlyName": "Site",
+    "digitalBusinessCardFriendlyName": "Cartão de visita digital"
+  },
+  "sellDomainNameList": {
+    "freeDomainButtonLabel": "Domínio gratuito",
+    "buyNowButtonLabel": "Comprar Agora",
+    "pricePerYearLabel": "/yr",
+    "costPriceLabel": "Preço de custo:"
+  },
+  "sellDomainNameListModal": {
+    "domainSearchHeaderTitle": "Pesquise 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 correspondente à sua marca"
+  },
+  "sellDomainNameSearch": {
+    "searchButtonLabel": "Pesquisar",
+    "searchBarLabel": "Pesquisar",
+    "searchBarPlaceholder": "Pesquisar nomes de domínio",
+    "searchBarPreText": "Nome de domínio"
+  },
+  "sellDomainNameListSearchResult": {
+    "domainSearchEmptyMessage": "Não encontramos nenhum domínio com \"{{domainNameSearchTerm}}\".",
+    "searchAnotherDomainMessage": "Tente 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"
+  },
+  "uploadYourLogo": {
+    "uploadYourLogoText": "Carregue o seu logotipo",
+    "disclaimerText": "Certifique-se de que você tem o direito de usar qualquer imagem que você enviar.",
+    "generatingDesigns": "A gerar designs…",
+    "uploadingAndConverting": "Carregando e convertendo o seu logotipo...",
+    "stepOf": "Etapa {{CURRENT}} de {{TOTAL}}",
+    "uploadError": "Erro no carregamento",
+    "cancel": "Cancelar",
+    "continue": "Continuar",
+    "back": "Voltar",
+    "no": "Não",
+    "yes": "Sim",
+    "businessName": "Nome da empresa",
+    "businessNameDescription": "Insira o texto do seu logotipo ou nome da empresa",
+    "cropYourLogo": "Recorte o seu logotipo",
+    "cropDescription": "Recorte o design do seu logotipo para caber na tela do nosso criador de logotipos",
+    "logoPreview": "Prévia do logotipo",
+    "logoPreviewDescription": "Seu logotipo está ótimo! Ajude-nos a configurar seu logotipo concluindo as próximas etapas.",
+    "primaryTextColor": "Cor principal do texto",
+    "primaryTextColorDescription": "Para criar o logotipo, confirme a cor principal do texto. Escolha uma das cores disponíveis ou clique no ícone de mais para adicionar outra.",
+    "backgroundColor": "Cor de fundo",
+    "backgroundColorDescription": "Ajude-nos a configurar seu logotipo confirmando a cor de fundo. Escolha entre as cores disponíveis ou clique no ícone de adição para adicionar outra.",
+    "colorsWarning": "As cores do texto e do fundo são muito parecidas. Escolha uma combinação mais distinta para garantir que eles criem designs de qualidade.",
+    "exitConfirmationTitle": "Tem certeza de que deseja sair?",
+    "exitConfirmationDescription": "O progresso do carregamento do seu logotipo nesta sessão será perdido",
+    "maxByoFileErrorMessage": "Seu arquivo excede o tamanho máximo de 25 MB. Escolha um arquivo menor.",
+    "genericByoErrorMessage": "Ocorreu um erro inesperado. Tente novamente.",
+    "dropYourFileHere": "Arraste o seu ficheiro aqui ou",
+    "clickToUpload": "clique para carregar",
+    "acceptedFiles": "Aceitamos arquivos PNG, JPG, SVG ou EPS de até 25 MB",
+    "wrongUploadType": "Você não pode baixar arquivos deste tipo."
+  },
+  "uploadLogoSearchResultCard": {
+    "replace": "Substituir",
+    "replaceLogo": "Substituir logotipo",
+    "delete": "Excluir",
+    "deleteLogo": "Excluir logotipo"
+  }
+}

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.fr-CA.json

@@ -0,0 +1,10 @@
+{
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Inscription incomplète",
+    "pendingVerification" : "Vérification en attente",
+    "connected" : "Connecté",
+    "inactive" : "Inactif",
+    "addPaymentProvider" : "Ajouter un fournisseur de paiement",
+    "deletePaymentMethod" : "Supprimer le mode de paiement"
+  }
+}

package/src/experiences/components/PaymentConfigList/i18n/shared-payment-config.pt-BR.json

@@ -0,0 +1,10 @@
+{
+  "sharedPaymentConfig" : {
+    "onboardingIncomplete" : "Integração incompleta",
+    "pendingVerification" : "Verificação Pendente",
+    "connected" : "Conectado",
+    "inactive" : "Inativo",
+    "addPaymentProvider" : "Adicionar fornecedor de pagamentos",
+    "deletePaymentMethod" : "Excluir método de pagamento"
+  }
+}

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

@@ -75,8 +75,8 @@ const props = defineProps({
     default: '',
   },
   imgUrl: {
-    type: Boolean,
-    default: true,
+    type: String,
+    default: '',
   },
   isDesignCom: {
     type: Boolean,

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

@@ -1,26 +1,32 @@
 <template>
   <div class="publish-bp--container">
     <Modal
-      classes="publish-bp--modal tw-px-2 md:tw-px-8"
+      classes="publish-bp--modal tw-pt-4"
       close-on-esc
       :visible="visible"
       :hide-scrollbar="false"
       :show-modal-background-image="showModalBackgroundImage"
       :content-classes="isBusy ? ['tw-overflow-y-hidden'] : []"
+      :remove-horizontal-padding="showUpsellRotationContainer && !isCustomDomainActive && !hasPurchasedDomains"
+      :class="{
+        'tw-px-2 md:tw-px-8': !showUpsellRotationContainer && isCustomDomainActive && hasPurchasedDomains,
+      }"
       @close-modal="onCloseModal"
     >
       <template #header>
         <div v-if="isNotPublished || isSlugEditMode" class="tw-text-center tw-font-bold tw-mb-8 tw-mt-8 tw-text-4xl">
           <span>{{ firstTimePublishHeaderLabel }}</span>
         </div>
-        <div v-if="isPublished && !isSlugEditMode" class="tw-text-center tw-font-bold tw-mb-8 tw-mt-8">
+        <div v-if="isPublished && !isSlugEditMode" class="tw-text-center tw-font-bold tw-mt-8 tw-mb-8">
           <p class="tw-font-bold tw-text-black tw-mb-2 tw-text-4xl">{{ sitePublishedLabel }}</p>
-          <p v-if="hasPurchasedDomains || isCustomDomainActive" class="tw-text-grayscale-600 tw-mb-8">
-            {{ publishSuccessLabel }}
-          </p>
-          <p v-else class="tw-text-grayscale-600 tw-mb-8 tw-font-normal">
-            {{ publishedSuccessDescriptionLabel }}
-          </p>
+          <div v-if="!showUpsellRotationContainer">
+            <p v-if="hasPurchasedDomains || isCustomDomainActive" class="tw-text-grayscale-600 tw-mb-8">
+              {{ publishSuccessLabel }}
+            </p>
+            <p v-else class="tw-text-grayscale-600 tw-mb-8 tw-font-normal">
+              {{ publishedSuccessDescriptionLabel }}
+            </p>
+          </div>
         </div>
       </template>
       <template #default>
@@ -187,7 +193,7 @@
           </div>
         </div>
         <div v-else class="tw-font-sans">
-          <div v-if="!isCustomDomainActive && !hasPurchasedDomains" class="tw-mb-6 tw-text-left">
+          <div v-if="!showUpsellRotationContainer" class="tw-mb-6 tw-text-left">
             <div class="tw-mb-6">
               <SellDomainNameSearchWithResults
                 :is-design-com="isDesignCom"
@@ -195,17 +201,12 @@
                 :currency="userCurrency"
                 :display-result-limit="4"
                 :domain-search-location="sitePublishedModal"
+                show-view-more-button
                 @on-change-search="onSearchTextChanged"
                 @on-buy-now-click="onBuyNowClick"
+                @on-view-more="onViewMore"
               />
             </div>
-            <Button
-              :label="viewMoreDomainLabel"
-              variant="no-border"
-              size="small-medium"
-              class="tw-text-center"
-              @on-click="onViewMore"
-            />
           </div>
           <div class="tw-px-4 tw-text-center" :class="{ 'lg:tw-px-20': hasPurchasedDomains }">
             <TextCopyField
@@ -230,6 +231,9 @@
               @on-click="onBrandPageUrlClick"
             />
           </div>
+          <div v-if="showUpsellRotationContainer" class="tw-border-t tw-border-solid tw-border-grayscale-500 tw-p-5">
+            <slot name="upsellContainer" />
+          </div>
         </div>
       </template>
     </Modal>
@@ -405,6 +409,16 @@ export default {
       required: true,
       default: '',
     },
+    showUpsellRotation: {
+      type: Boolean,
+      required: true,
+      default: false,
+    },
+    isSubsequentPublish: {
+      type: Boolean,
+      required: true,
+      default: false,
+    },
   },
   emits: [
     'close-modal',
@@ -503,6 +517,12 @@ export default {
         ? this.slugInputPlaceholderYourNameLabel
         : this.slugInputPlaceholderYourBusinessNameLabel;
     },
+    showUpsellRotationContainer() {
+      if (!this.isSubsequentPublish) {
+        return false;
+      }
+      return this.showUpsellRotation && !this.isCustomDomainActive && !this.hasPurchasedDomains;
+    },
   },
   watch: {
     brandPageSlug(slug) {

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

@@ -0,0 +1,24 @@
+{
+  "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",
+    "websiteFriendlyName" : "Site Web",
+    "digitalBusinessCardFriendlyName" : "Carte professionnelle numérique"
+  }
+}

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

@@ -0,0 +1,24 @@
+{
+  "publishBrandPageModal" : {
+    "firstTimePublishHeaderLabel" : "Defina o URL para {{brandPageDisplayName}}",
+    "sitePublishedLabel" : "Site publicado!",
+    "publishSuccessLabel" : "Seu {{brandPageDisplayName}} está ativo! Comece a usar seu link:",
+    "freePublishCardTitleLabel" : "Endereço gratuito",
+    "freePublishCardDescriptionLabel" : "Escolha um endereço gratuito para publicar agora. Você pode editar o URL depois",
+    "slugInputPlaceholderYourNameLabel" : "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 depois",
+    "selectDomainDropdownPlaceholder" : "Selecionar nome de domínio",
+    "websiteFriendlyName" : "Site",
+    "digitalBusinessCardFriendlyName" : "Cartão de visita digital"
+  }
+}

package/src/experiences/components/SellDomainNameList/i18n/sell-domain-name-list.fr-CA.json

@@ -0,0 +1,8 @@
+{
+  "sellDomainNameList" : {
+    "freeDomainButtonLabel" : "Domaine gratuit",
+    "buyNowButtonLabel" : "Acheter",
+    "pricePerYearLabel" : "/yr",
+    "costPriceLabel" : "Prix de revient :"
+  }
+}

package/src/experiences/components/SellDomainNameList/i18n/sell-domain-name-list.pt-BR.json

@@ -0,0 +1,8 @@
+{
+  "sellDomainNameList" : {
+    "freeDomainButtonLabel" : "Domínio gratuito",
+    "buyNowButtonLabel" : "Comprar Agora",
+    "pricePerYearLabel" : "/yr",
+    "costPriceLabel" : "Preço de custo:"
+  }
+}

package/src/experiences/components/SellDomainNameListModal/i18n/sell-domain-name-list-modal.fr-CA.json

@@ -0,0 +1,6 @@
+{
+  "sellDomainNameListModal" : {
+    "domainSearchHeaderTitle" : "Rechercher un nom de domaine",
+    "domainSearchHeaderSubtitle" : "Achetez un nom de domaine correspondant à votre marque"
+  }
+}

package/src/experiences/components/SellDomainNameListModal/i18n/sell-domain-name-list-modal.pt-BR.json

@@ -0,0 +1,6 @@
+{
+  "sellDomainNameListModal" : {
+    "domainSearchHeaderTitle" : "Pesquise um nome de domínio",
+    "domainSearchHeaderSubtitle" : "Compre um nome de domínio que corresponda à sua marca"
+  }
+}

package/src/experiences/components/SellDomainNameModalApplication/i18n/sell-domain-name-modal-application.fr-CA.json

@@ -0,0 +1,6 @@
+{
+  "sellDomainNameModalApplication" : {
+    "domainSearchHeaderTitle" : "Rechercher un nom de domaine",
+    "domainSearchHeaderSubtitle" : "Achetez un nom de domaine correspondant à votre marque"
+  }
+}

package/src/experiences/components/SellDomainNameModalApplication/i18n/sell-domain-name-modal-application.pt-BR.json

@@ -0,0 +1,6 @@
+{
+  "sellDomainNameModalApplication" : {
+    "domainSearchHeaderTitle" : "Pesquisar um nome de domínio",
+    "domainSearchHeaderSubtitle" : "Compre um nome de domínio correspondente à sua marca"
+  }
+}

package/src/experiences/components/SellDomainNameSearch/i18n/sell-domain-name-search.fr-CA.json

@@ -0,0 +1,8 @@
+{
+  "sellDomainNameSearch" : {
+    "searchButtonLabel" : "Rechercher",
+    "searchBarLabel" : "Rechercher",
+    "searchBarPlaceholder" : "Rechercher des noms de domaine",
+    "searchBarPreText" : "Nom de domaine"
+  }
+}

package/src/experiences/components/SellDomainNameSearch/i18n/sell-domain-name-search.pt-BR.json

@@ -0,0 +1,8 @@
+{
+  "sellDomainNameSearch" : {
+    "searchButtonLabel" : "Pesquisar",
+    "searchBarLabel" : "Pesquisar",
+    "searchBarPlaceholder" : "Pesquisar nomes de domínio",
+    "searchBarPreText" : "Nome de domínio"
+  }
+}

package/src/experiences/components/SellDomainNameSearchResult/i18n/sell-domain-name-list-search-result.fr-CA.json

@@ -0,0 +1,6 @@
+{
+  "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."
+  }
+}

package/src/experiences/components/SellDomainNameSearchResult/i18n/sell-domain-name-list-search-result.pt-BR.json

@@ -0,0 +1,6 @@
+{
+  "sellDomainNameListSearchResult" : {
+    "domainSearchEmptyMessage" : "Não encontramos nenhum domínio com \"{{domainNameSearchTerm}}\".",
+    "searchAnotherDomainMessage" : "Tente pesquisar outro nome de domínio."
+  }
+}

package/src/experiences/components/SellDomainNameSearchWithResults/SellDomainNameSearchWithResults.vue

@@ -22,6 +22,14 @@
       :domain-search-location="domainSearchLocation"
       @on-buy-now-click="onBuyNowClick"
     />
+    <Button
+      v-if="showViewMoreButton"
+      :label="viewMoreDomainLabel"
+      variant="no-border"
+      size="small-medium"
+      class="tw-text-center tw-pt-6"
+      @on-click="onViewMore"
+    />
   </div>
 </template>
 <script>
@@ -30,6 +38,8 @@ import SellDomainNameSearchResult from '../SellDomainNameSearchResult/SellDomain
 
 import brandCrowdApiClient from '../../clients/brand-crowd-api.client';
 import Events from '../../constants/event-constants';
+import { publishBrandPageModalTr } from '../../../useSharedLibTranslate';
+import Button from '../../../atoms/components/Button/Button.vue';
 
 const TEXT_CHANGED_PARAM = 'textChanged';
 
@@ -37,6 +47,7 @@ export default {
   components: {
     SellDomainNameSearch,
     SellDomainNameSearchResult,
+    Button,
   },
   props: {
     currency: {
@@ -101,6 +112,16 @@ export default {
       type: Number,
       default: undefined,
     },
+    showViewMoreButton: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup() {
+    return {
+      publishBrandPageModalTr,
+      viewMoreDomainLabel: publishBrandPageModalTr('viewMoreDomainLabel'),
+    };
   },
   data: () => ({
     domainNameItems: undefined,
@@ -126,6 +147,7 @@ export default {
   methods: {
     async onSearchDomainName(args) {
       this.$emit('on-change-search', args.searchText);
+      this.$emit('on-domain-search');
       await this.searchDomainName(args.searchText, args.isUserTriggered);
     },
     async searchDomainName(searchText, isUserTriggered) {
@@ -184,6 +206,9 @@ export default {
       const urlParams = new URLSearchParams(window.location.search);
       return urlParams.get(TEXT_CHANGED_PARAM)?.toUpperCase() === 'TRUE' || false;
     },
+    onViewMore() {
+      this.$emit('on-view-more');
+    },
   },
 };
 </script>

package/src/experiences/components/SellDomainNameWidget/i18n/sell-domain-name-widget.fr-CA.json

@@ -0,0 +1,8 @@
+{
+  "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/experiences/components/SellDomainNameWidget/i18n/sell-domain-name-widget.pt-BR.json

@@ -0,0 +1,8 @@
+{
+  "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"
+  }
+}

package/src/experiences/components/UploadYourLogoOnBoarding/i18n/upload-your-logo.de-DE.json

@@ -27,7 +27,7 @@
     "maxByoFileErrorMessage" : "Ihre Datei überschreitet die maximale Größe von 25 MB. Bitte wählen Sie eine kleinere Datei.",
     "genericByoErrorMessage" : "Es ist ein unerwarteter Fehler aufgetreten. Bitte versuchen Sie es erneut.",
     "dropYourFileHere" : "Legen Sie Ihre Datei hier ab oder",
-    "clickToUpload" : "klicken Sie hier, um eine Datei hochzuladen.",
+    "clickToUpload" : "Klicken zum Hochladen",
     "acceptedFiles" : "Wir akzeptieren PNG-, JPG-, SVG- und EPS-Dateien bis zu 25 MB.",
     "wrongUploadType" : "Sie können Dateien dieses Typs nicht hochladen."
   }