@designcrowd/fe-shared-lib 1.5.9 → 1.5.10-kp-1

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

@@ -32,7 +32,9 @@
     "hasAlreadyPurchasedDomainCloseButtonLabel": "Nein, danke, vielleicht später",
     "selectDomainDropdownPlaceholder": "Domain auswählen",
     "websiteFriendlyName": "Website",
-    "digitalBusinessCardFriendlyName": "Digitale Visitenkarte"
+    "digitalBusinessCardFriendlyName": "Digitale Visitenkarte",
+    "alreadyHaveADomainLabel": "Besitzen Sie bereits eine Domain?",
+    "useExistingDomainLabel": "Meine vorhandene Domain verwenden"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Kostenlose Domain",

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

@@ -32,7 +32,9 @@
     "hasAlreadyPurchasedDomainCloseButtonLabel": "No gracias, quizás más tarde",
     "selectDomainDropdownPlaceholder": "Selecciona un nombre de dominio",
     "websiteFriendlyName": "Sitio web",
-    "digitalBusinessCardFriendlyName": "Tarjeta de visita digital"
+    "digitalBusinessCardFriendlyName": "Tarjeta de visita digital",
+    "alreadyHaveADomainLabel": "¿Ya tienes un dominio?",
+    "useExistingDomainLabel": "Usa mi dominio existente"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Dominio gratis",

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

@@ -32,7 +32,9 @@
     "hasAlreadyPurchasedDomainCloseButtonLabel": "Non merci, peut-être plus tard",
     "selectDomainDropdownPlaceholder": "Sélectionner un nom de domaine",
     "websiteFriendlyName": "Site Web",
-    "digitalBusinessCardFriendlyName": "Carte professionnelle numérique"
+    "digitalBusinessCardFriendlyName": "Carte professionnelle numérique",
+    "alreadyHaveADomainLabel": "Vous avez déjà un domaine?",
+    "useExistingDomainLabel": "Utiliser mon nom de domaine existant"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Domaine gratuit",

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

@@ -32,7 +32,9 @@
     "hasAlreadyPurchasedDomainCloseButtonLabel": "Non merci, peut-être plus tard",
     "selectDomainDropdownPlaceholder": "Sélectionner un nom de domaine",
     "websiteFriendlyName": "Site Web",
-    "digitalBusinessCardFriendlyName": "Carte de visite numérique"
+    "digitalBusinessCardFriendlyName": "Carte de visite numérique",
+    "alreadyHaveADomainLabel": "Vous avez déjà un domaine ?",
+    "useExistingDomainLabel": "Utiliser mon nom de domaine existant"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Domaine gratuit",

package/src/bundles/bundled-translations.json

@@ -32,7 +32,9 @@
     "hasAlreadyPurchasedDomainCloseButtonLabel": "No thanks, maybe later",
     "selectDomainDropdownPlaceholder": "Select domain name",
     "websiteFriendlyName": "Website",
-    "digitalBusinessCardFriendlyName": "Digital Business Card"
+    "digitalBusinessCardFriendlyName": "Digital Business Card",
+    "alreadyHaveADomainLabel": "Already have a domain?",
+    "useExistingDomainLabel": "Use my existing domain"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Free Domain",

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

@@ -32,7 +32,9 @@
     "hasAlreadyPurchasedDomainCloseButtonLabel": "Não, obrigado. Talvez depois",
     "selectDomainDropdownPlaceholder": "Selecionar nome de domínio",
     "websiteFriendlyName": "Site",
-    "digitalBusinessCardFriendlyName": "Cartão de visita digital"
+    "digitalBusinessCardFriendlyName": "Cartão de visita digital",
+    "alreadyHaveADomainLabel": "Já tem um domínio?",
+    "useExistingDomainLabel": "Usar meu domínio existente"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Domínio gratuito",

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

@@ -32,7 +32,9 @@
     "hasAlreadyPurchasedDomainCloseButtonLabel": "Não, obrigado, talvez mais tarde",
     "selectDomainDropdownPlaceholder": "Selecionar nome de domínio",
     "websiteFriendlyName": "Website",
-    "digitalBusinessCardFriendlyName": "Cartão de visita digital"
+    "digitalBusinessCardFriendlyName": "Cartão de visita digital",
+    "alreadyHaveADomainLabel": "Já tem um domínio?",
+    "useExistingDomainLabel": "Utilizar o meu domínio existente"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Domínio gratuito",

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

@@ -42,6 +42,7 @@
           :brand-page-type="brandPageType"
           @on-slug-changed="onSlugChanged"
           @internal-publish-brand-page="onInternalPublishBrandPage"
+          @on-use-existing-domain="onUseExistingDomain"
         >
           <template #recommended>
             <slot name="recommended" />
@@ -287,6 +288,7 @@ export default {
     'on-view-more-domains',
     'on-slug-changed',
     'on-show-domain-modal',
+    'on-use-existing-domain',
   ],
   setup() {
     return {
@@ -387,6 +389,9 @@ export default {
     onSlugChanged(e) {
       this.$emit('on-slug-changed', e);
     },
+    onUseExistingDomain() {
+      this.$emit('on-use-existing-domain');
+    },
     onInternalPublishBrandPage(slug, customdomain) {
       this.$emit('internal-publish-brand-page', slug, customdomain);
     },

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

@@ -1,24 +1,26 @@
 {
-  "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",
-    "websiteFriendlyName" : "Website",
-    "digitalBusinessCardFriendlyName" : "Digitale Visitenkarte"
+  "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",
+    "websiteFriendlyName": "Website",
+    "digitalBusinessCardFriendlyName": "Digitale Visitenkarte",
+    "alreadyHaveADomainLabel": "Besitzen Sie bereits eine Domain?",
+    "useExistingDomainLabel": "Meine vorhandene Domain verwenden"
   }
 }

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

@@ -1,24 +1,26 @@
 {
-  "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",
-    "websiteFriendlyName" : "Sitio web",
-    "digitalBusinessCardFriendlyName" : "Tarjeta de visita digital"
+  "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",
+    "websiteFriendlyName": "Sitio web",
+    "digitalBusinessCardFriendlyName": "Tarjeta de visita digital",
+    "alreadyHaveADomainLabel": "¿Ya tienes un dominio?",
+    "useExistingDomainLabel": "Usa mi dominio existente"
   }
 }

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

@@ -1,24 +1,26 @@
 {
-  "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"
+  "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",
+    "alreadyHaveADomainLabel": "Vous avez déjà un domaine?",
+    "useExistingDomainLabel": "Utiliser mon nom de domaine existant"
   }
 }

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

@@ -1,24 +1,26 @@
 {
-  "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 de visite numérique"
+  "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 de visite numérique",
+    "alreadyHaveADomainLabel": "Vous avez déjà un domaine ?",
+    "useExistingDomainLabel": "Utiliser mon nom de domaine existant"
   }
 }

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

@@ -19,6 +19,8 @@
     "hasAlreadyPurchasedDomainCloseButtonLabel": "No thanks, maybe later",
     "selectDomainDropdownPlaceholder": "Select domain name",
     "websiteFriendlyName": "Website",
-    "digitalBusinessCardFriendlyName": "Digital Business Card"
+    "digitalBusinessCardFriendlyName": "Digital Business Card",
+    "alreadyHaveADomainLabel": "Already have a domain?",
+    "useExistingDomainLabel": "Use my existing domain"
   }
 }

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

@@ -1,24 +1,26 @@
 {
-  "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"
+  "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",
+    "alreadyHaveADomainLabel": "Já tem um domínio?",
+    "useExistingDomainLabel": "Usar meu domínio existente"
   }
 }

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

@@ -1,24 +1,26 @@
 {
-  "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",
-    "websiteFriendlyName" : "Website",
-    "digitalBusinessCardFriendlyName" : "Cartão de visita digital"
+  "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",
+    "websiteFriendlyName": "Website",
+    "digitalBusinessCardFriendlyName": "Cartão de visita digital",
+    "alreadyHaveADomainLabel": "Já tem um domínio?",
+    "useExistingDomainLabel": "Utilizar o meu domínio existente"
   }
 }

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

@@ -46,6 +46,14 @@
     <div class="tw-mt-4">
       <slot name="recommended" />
     </div>
+    <div class="tw-m-4 tw-text-center">
+      <p :class="{ 'tw-text-grayscale-600': isDesignCom }">
+        {{ alreadyHaveADomainLabel }}
+        <a href="#" class="tw-text-primary-500 hover:tw-text-primary-600" @click.prevent="onUseExistingDomain">{{
+          useExistingDomainLabel
+        }}</a>
+      </p>
+    </div>
   </div>
 </template>
 <script>
@@ -107,7 +115,7 @@ export default {
       default: '',
     },
   },
-  emits: ['internal-publish-brand-page', 'on-slug-changed'],
+  emits: ['internal-publish-brand-page', 'on-slug-changed', 'on-use-existing-domain'],
   setup() {
     return {
       publishBrandPageModalTr,
@@ -116,6 +124,8 @@ export default {
       slugInputPlaceholderYourNameLabel: publishBrandPageModalTr('slugInputPlaceholderYourNameLabel'),
       slugInputPlaceholderYourBusinessNameLabel: publishBrandPageModalTr('slugInputPlaceholderYourBusinessNameLabel'),
       publishLabel: publishBrandPageModalTr('publishLabel'),
+      alreadyHaveADomainLabel: publishBrandPageModalTr('alreadyHaveADomainLabel'),
+      useExistingDomainLabel: publishBrandPageModalTr('useExistingDomainLabel'),
     };
   },
   data() {
@@ -163,6 +173,9 @@ export default {
     onPublish() {
       this.$emit('internal-publish-brand-page', this.internalSlug);
     },
+    onUseExistingDomain() {
+      this.$emit('on-use-existing-domain');
+    },
   },
 };
 </script>

package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.vue

@@ -0,0 +1,133 @@
+<template>
+  <Modal
+    :visible="props.isUpgradeModalVisible"
+    full-screen-breakpoint="sm"
+    :show-modal-background-image="!isDesignCom"
+    classes="tw-max-w-3xl tw-p-8"
+    @close-modal="closeUpgradeModal"
+  >
+    <div class="tw-flex tw-flex-col tw-text-black">
+      <div class="tw-flex tw-flex-col tw-pb-8 md:tw-pb-0">
+        <Icon
+          v-if="iconName"
+          :name="iconName"
+          :view-box="'0 0 100 100'"
+          size="5xl"
+          :class="{
+            'tw-text-primary-500': isDesignCom,
+            'tw-text-white': !isDesignCom,
+          }"
+          class="tw-mb-4"
+        />
+        <h2 v-if="titleText" class="tw-font-bold tw-text-3xl tw-mb-2">
+          {{ titleText }}
+        </h2>
+        <span class="tw-text-grayscale-600 tw-mb-2" v-html="descriptionText" />
+        <br />
+        <p class="tw-font-bold">{{ websiteContextualUpgradeModalTr('premiumUpgradeNote') }}</p>
+        <div class="tw-flex tw-flex-col md:tw-flex-row tw-mt-2">
+          <div
+            class="tw-order-last md:tw-order-first tw-w-full md:tw-w-3/4 tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-4"
+          >
+            <div v-for="(feature, i) in features" :key="i" class="tw-flex tw-items-center tw-text-sm tw-rounded-md">
+              <Icon class="tw-text-success-500" name="check" size="sm" />
+              <span class="tw-ml-2 tw-text-grayscale-600" v-html="feature" />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="bottom-bar tw-mt-2 tw-bg-grayscale-200">
+        <div class="bottom-bar tw-mt-6 tw-flex tw-flex-col md:tw-flex-row md:tw-items-center md:tw-gap-2">
+          <div class="button-size md:tw-flex-1">
+            <Button
+              data-test-upgrade-button
+              :label="upgradeButtonText"
+              size="medium"
+              :variant="'primary'"
+              icon="chevron-right-wide"
+              :url="upgradeUrl"
+              classes="tw-w-full"
+              @on-click="onUpgradeClick"
+            />
+          </div>
+          <div class="md:tw-flex-1 md:tw-max-w-40 tw-mt-3 md:tw-mt-0">
+            <Button
+              data-test-upgrade-button
+              :label="websiteContextualUpgradeModalTr('closeButtonText')"
+              size="medium"
+              :variant="'no-border'"
+              classes="tw-w-full"
+              @on-click="closeUpgradeModal"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </Modal>
+</template>
+<script setup lang="ts">
+import { Ref, ref } from 'vue';
+import Modal from '../../../atoms/components/Modal/Modal.vue';
+import Button from '../../../atoms/components/Button/Button.vue';
+import Icon from '../../../atoms/components/Icon/Icon.vue';
+import { websiteContextualUpgradeModalTr } from '../../../useSharedLibTranslate';
+
+const titleText: Ref<string> = ref('');
+const descriptionText: Ref<string> = ref('');
+const iconName: Ref<string> = ref('');
+const upgradeButtonText: Ref<string> = ref('');
+const features: Ref<string[]> = ref([]);
+
+const props = defineProps<{
+  isUpgradeModalVisible: boolean;
+  isDesignCom: boolean;
+  upgradeUrl: string;
+  brandPageType: string;
+  contentType: string | 'ContactForm' | 'Videos' | 'Maps' | 'AddPage' | 'Publish' | 'RemoveWatermark';
+}>();
+const toKebabCase = (value: string) =>
+  value
+    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+    .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
+    .toLowerCase();
+
+const initModalContent = (websiteName: string) => {
+  const titleForIcon = `upgradeTo${props.contentType}`;
+  iconName.value = `websites-${toKebabCase(titleForIcon)}`;
+
+  titleText.value = websiteContextualUpgradeModalTr(`${titleForIcon}Title`);
+  descriptionText.value = websiteContextualUpgradeModalTr(`upgradeTo${props.contentType}Description`);
+  upgradeButtonText.value = websiteContextualUpgradeModalTr('upgradeButtonText');
+
+  features.value = [
+    websiteContextualUpgradeModalTr('featureCustomerCare'),
+    websiteContextualUpgradeModalTr('featureCustomDomain'),
+    websiteContextualUpgradeModalTr('featureNoWatermark', { websiteName }),
+    websiteContextualUpgradeModalTr('featureUnlimitedPages'),
+    websiteContextualUpgradeModalTr('featurePremiumContent'),
+    `<div class="tw-text-success-500"><strong>${websiteContextualUpgradeModalTr('featureCancelAnytime')}</strong></div>`,
+    websiteContextualUpgradeModalTr('featureStore'),
+  ];
+};
+
+const websiteName = props.isDesignCom ? 'Design.com' : 'BrandCrowd';
+initModalContent(websiteName);
+
+const emit = defineEmits<{
+  'on-close-upgrade-modal': [];
+  'on-upgrade-button-clicked': [];
+}>();
+
+const closeUpgradeModal = () => {
+  emit('on-close-upgrade-modal');
+};
+
+const onUpgradeClick = () => {
+  emit('on-upgrade-button-clicked');
+};
+</script>
+<style scoped>
+.button-size {
+  @apply tw-w-full md:tw-max-w-40;
+}
+</style>