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

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

@@ -103,5 +103,45 @@
     "replaceLogo": "Logo ersetzen",
     "delete": "Löschen",
     "deleteLogo": "Logo löschen"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Jetzt upgraden",
+    "closeButtonText": "Nein, danke",
+    "featureCustomerCare": "Kundenbetreuung rund um die Uhr",
+    "featureCustomDomain": "Eine benutzerdefinierte Domain verbinden",
+    "featureNoWatermark": "Kein {{websiteName}}-Wasserzeichen",
+    "featureUnlimitedPages": "Unbegrenzte Seiten",
+    "featurePremiumContent": "Kontaktformulare, Videos und Karten",
+    "featureStore": "Einfacher Online-Shop",
+    "featureCancelAnytime": "Jederzeit kündigen",
+    "premiumUpgradeNote": "Mit Premium erhalten Sie:",
+    "upgradeToAddPage": {
+      "title": "Mit einem Upgrade können Sie weitere Seiten hinzufügen.",
+      "description": "Sie haben das kostenlose Seitenlimit erreicht. Mit einem Upgrade können Sie Ihre Website weiter ausbauen und alle Premium-Funktionen nutzen."
+    },
+    "upgradeToContactForm": {
+      "title": "Upgraden, um das Kontaktformular freizuschalten",
+      "description": "Lassen Sie Besucher Sie direkt erreichen. Führen Sie ein Upgrade durch, um ein Kontaktformular zu Ihrer Website hinzuzufügen und auf alle Premium-Funktionen zuzugreifen."
+    },
+    "upgradeToMaps": {
+      "title": "Upgraden, um Karten freizuschalten",
+      "description": "Helfen Sie den Besuchern, Sie leicht zu finden. Führen Sie ein Upgrade durch, um interaktive Karten in Ihre Website einzubetten und auf alle Premium-Funktionen zuzugreifen."
+    },
+    "upgradeToVideos": {
+      "title": "Upgraden, um Videos freizuschalten",
+      "description": "Erwecken Sie Ihren Inhalt zum Leben. Führen Sie ein Upgrade durch, um Videos in Ihre Website einzubetten, sie abzuspielen und auf alle Premium-Funktionen zuzugreifen."
+    },
+    "upgradeToRemoveWatermark": {
+      "title": "Upgrade zum Entfernen des Wasserzeichens",
+      "description": "Machen Sie sie wirklich zu Ihrer eigenen. Führen Sie ein Upgrade durch, um unser Wasserzeichen von Ihrer Website zu entfernen und auf alle Premium-Funktionen zuzugreifen."
+    },
+    "upgradeToPublish": {
+      "title": "Zum Veröffentlichen upgraden",
+      "description": "Sie können mit jedem Abonnement eine Website veröffentlichen. Fügen Sie ein weiteres Abonnement hinzu, um diese Website zu veröffentlichen und auf alle Premium-Funktionen zuzugreifen."
+    },
+    "upgradeToGoogleAd": {
+      "title": "Upgraden, um Google AdSense freizuschalten",
+      "description": "Verbinden Sie Google AdSense und verdienen Sie Geld mit Ihrem Traffic. Führen Sie ein Upgrade durch, um alle Premium-Funktionen freizuschalten."
+    }
   }
 }

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

@@ -103,5 +103,45 @@
     "replaceLogo": "Reemplaza el logo",
     "delete": "Eliminar",
     "deleteLogo": "Elimina el logo"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Hazte prémium ya",
+    "closeButtonText": "No, gracias",
+    "featureCustomerCare": "Atención al cliente 24/7",
+    "featureCustomDomain": "Conecta un dominio personalizado",
+    "featureNoWatermark": "Sin marca de agua {{websiteName}}",
+    "featureUnlimitedPages": "Páginas ilimitadas",
+    "featurePremiumContent": "Formularios de contacto, vídeos y mapas",
+    "featureStore": "Tienda online básica",
+    "featureCancelAnytime": "Cancela en cualquier momento",
+    "premiumUpgradeNote": "Con prémium, obtendrás:",
+    "upgradeToAddPage": {
+      "title": "Mejora para añadir más páginas",
+      "description": "Has alcanzado el límite de páginas gratis. Actualiza para seguir construyendo tu sitio y acceder a todas las características prémium."
+    },
+    "upgradeToContactForm": {
+      "title": "Actualiza para desbloquear el formulario de contacto.",
+      "description": "Deja que los visitantes lleguen hasta ti directamente. Actualiza para añadir un formulario de contacto a tu sitio y acceder a todas las características prémium."
+    },
+    "upgradeToMaps": {
+      "title": "Actualiza para desbloquear los mapas.",
+      "description": "Ayuda a los visitantes a encontrarte fácilmente. Actualiza para incrustar mapas interactivos en tu sitio y accede a todas las características prémium."
+    },
+    "upgradeToVideos": {
+      "title": "Actualiza para desbloquear vídeos",
+      "description": "Da vida a tu contenido. Actualiza para incrustar y reproducir vídeos en tu sitio y accede a todas las características prémium."
+    },
+    "upgradeToRemoveWatermark": {
+      "title": "Actualiza para eliminar marca de agua",
+      "description": "Hazlo tuyo de verdad. Actualiza para eliminar nuestra marca de agua de tu sitio web y accede a todas las características prémium."
+    },
+    "upgradeToPublish": {
+      "title": "Actualiza para publicar",
+      "description": "Cada suscripción te permite publicar un sitio web. Añade otra suscripción para publicar este sitio y acceder a todas las características prémium."
+    },
+    "upgradeToGoogleAd": {
+      "title": "Actualiza para desbloquear Google AdSense",
+      "description": "Conecta Google AdSense y empieza a ganar dinero con tu tráfico. Actualiza para desbloquear todas las características prémium."
+    }
   }
 }

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

@@ -103,5 +103,45 @@
     "replaceLogo": "Remplacez le logo",
     "delete": "Supprimer",
     "deleteLogo": "Supprimez le logo"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Mettre à niveau maintenant",
+    "closeButtonText": "Non merci",
+    "featureCustomerCare": "Service client 24 h/24 et 7 j/7",
+    "featureCustomDomain": "Connectez un domaine personnalisé",
+    "featureNoWatermark": "Aucun filigrane {{websiteName}}",
+    "featureUnlimitedPages": "Pages illimitées",
+    "featurePremiumContent": "Formulaires de contact, vidéos et cartes",
+    "featureStore": "Une boutique en ligne simple",
+    "featureCancelAnytime": "Annulez à tout moment",
+    "premiumUpgradeNote": "Avec Premium, vous profitez de :",
+    "upgradeToAddPage": {
+      "title": "Mettre à niveau pour ajouter des pages supplémentaires",
+      "description": "Vous avez atteint la limite de pages gratuites. Passez à la version Premium pour continuer à construire votre site et accéder à toutes les fonctionnalités premium."
+    },
+    "upgradeToContactForm": {
+      "title": "Passez à la version Premium pour débloquer le formulaire de contact",
+      "description": "Permettez aux visiteurs de vous contacter directement. Passez à la version Premium pour ajouter un formulaire de contact à votre site et accéder à toutes les fonctionnalités premium."
+    },
+    "upgradeToMaps": {
+      "title": "Passez à la version Premium pour débloquer les cartes",
+      "description": "Aidez les visiteurs à vous trouver facilement. Passez à la version Premium pour intégrer des cartes interactives sur votre site et accéder à toutes les fonctionnalités premium."
+    },
+    "upgradeToVideos": {
+      "title": "Passez à la version Premium pour débloquer les vidéos",
+      "description": "Donnez vie à votre contenu. Passez à la version Premium pour intégrer et lire des vidéos sur votre site et accéder à toutes les fonctionnalités premium."
+    },
+    "upgradeToRemoveWatermark": {
+      "title": "Passez à la version Premium pour supprimer le filigrane",
+      "description": "Créez un site à votre image. Passez à la version Premium pour supprimer notre filigrane de votre site et accéder à toutes les fonctionnalités premium."
+    },
+    "upgradeToPublish": {
+      "title": "Changer de forfait pour publier",
+      "description": "Chaque abonnement vous permet de publier un site Web. Ajoutez un autre abonnement pour publier ce site et accéder à toutes les fonctionnalités premium."
+    },
+    "upgradeToGoogleAd": {
+      "title": "Passez à la version Premium pour débloquer Google AdSense",
+      "description": "Connectez Google AdSense et commencez à monnayer votre trafic. Passez à la version Premium pour débloquer toutes les fonctionnalités premium."
+    }
   }
 }

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

@@ -103,5 +103,45 @@
     "replaceLogo": "Remplacez le logo",
     "delete": "Supprimer",
     "deleteLogo": "Supprimez le logo"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Mettre à niveau maintenant",
+    "closeButtonText": "Non, merci",
+    "featureCustomerCare": "Service client 24 h/24 et 7 j/7",
+    "featureCustomDomain": "Connectez un domaine personnalisé",
+    "featureNoWatermark": "Aucun filigrane {{websiteName}}",
+    "featureUnlimitedPages": "Pages illimitées",
+    "featurePremiumContent": "Formulaires de contact, vidéos et cartes",
+    "featureStore": "Une boutique en ligne simple",
+    "featureCancelAnytime": "Annulez à tout moment",
+    "premiumUpgradeNote": "Avec Premium, vous recevrez :",
+    "upgradeToAddPage": {
+      "title": "Mettre à niveau pour ajouter des pages supplémentaires",
+      "description": "Vous avez atteint la limite de pages gratuites. Passez à la version Premium pour continuer à construire votre site et accéder à toutes les fonctionnalités premium."
+    },
+    "upgradeToContactForm": {
+      "title": "Mettez à niveau pour déverrouiller le formulaire de contact",
+      "description": "Permettez aux visiteurs de vous contacter directement. Passez à la version Premium pour ajouter un Formulaire de contact à votre site et accéder à toutes les fonctionnalités premium."
+    },
+    "upgradeToMaps": {
+      "title": "Passez à la version Premium pour débloquer les cartes",
+      "description": "Aidez les visiteurs à vous trouver facilement. Passez à la version Premium pour intégrer des cartes interactives sur votre site et accéder à toutes les fonctionnalités premium."
+    },
+    "upgradeToVideos": {
+      "title": "Passez à la version Premium pour débloquer les vidéos",
+      "description": "Donnez vie à votre contenu. Passez à la version Premium pour intégrer et lire des vidéos sur votre site et accéder à toutes les fonctionnalités premium."
+    },
+    "upgradeToRemoveWatermark": {
+      "title": "Passez à la version Premium pour supprimer le filigrane",
+      "description": "Créez un site à votre image. Passez à la version Premium pour supprimer notre filigrane de votre site et accéder à toutes les fonctionnalités premium."
+    },
+    "upgradeToPublish": {
+      "title": "Changer de forfait pour publier",
+      "description": "Chaque abonnement vous permet de publier un site Web. Ajoutez un autre abonnement pour publier ce site et accéder à toutes les fonctionnalités premium."
+    },
+    "upgradeToGoogleAd": {
+      "title": "Passez à la version Premium pour débloquer Google AdSense",
+      "description": "Connectez Google AdSense et commencez à monétiser votre trafic. Passez à la version Premium pour débloquer toutes les fonctionnalités premium."
+    }
   }
 }

package/src/bundles/bundled-translations.json

@@ -103,5 +103,45 @@
     "replaceLogo": "Replace Logo",
     "delete": "Delete",
     "deleteLogo": "Delete Logo"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Upgrade Now",
+    "closeButtonText": "No Thanks",
+    "featureCustomerCare": "24/7 customer care",
+    "featureCustomDomain": "Connect a custom domain",
+    "featureNoWatermark": "No {{websiteName}} watermark",
+    "featureUnlimitedPages": "Unlimited pages",
+    "featurePremiumContent": "Contact forms, videos and maps",
+    "featureStore": "Basic online store",
+    "featureCancelAnytime": "Cancel anytime",
+    "premiumUpgradeNote": "With Premium, you'll get:",
+    "upgradeToAddPage": {
+      "title": "Upgrade to add more pages",
+      "description": "You've reached the free page limit. Upgrade to keep building your site and access all premium features."
+    },
+    "upgradeToContactForm": {
+      "title": "Upgrade to unlock contact form",
+      "description": "Let visitors reach you directly. Upgrade to add a contact form to your site and access all premium features."
+    },
+    "upgradeToMaps": {
+      "title": "Upgrade to unlock maps",
+      "description": "Help visitors find you easily. Upgrade to embed interactive maps to your site and access all premium features."
+    },
+    "upgradeToVideos": {
+      "title": "Upgrade to unlock videos",
+      "description": "Bring your content to life. Upgrade to embed and play videos to your site and access all premium features."
+    },
+    "upgradeToRemoveWatermark": {
+      "title": "Upgrade to remove watermark",
+      "description": "Make it truly yours. Upgrade to remove our watermark from your site and access all premium features."
+    },
+    "upgradeToPublish": {
+      "title": "Upgrade to publish",
+      "description": "Each subscription lets you publish one website. Add another subscription to publish this site and access all premium features."
+    },
+    "upgradeToGoogleAd": {
+      "title": "Upgrade to unlock Google AdSense",
+      "description": "Connect Google AdSense and start earning from your traffic. Upgrade to unlock all premium features."
+    }
   }
 }

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

@@ -103,5 +103,45 @@
     "replaceLogo": "Substituir logotipo",
     "delete": "Excluir",
     "deleteLogo": "Excluir logotipo"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Faça upgrade agora",
+    "closeButtonText": "Não, obrigado",
+    "featureCustomerCare": "Atendimento ao cliente 24 horas por dia, 7 dias por semana",
+    "featureCustomDomain": "Conecte um domínio personalizado",
+    "featureNoWatermark": "Sem marca d'água {{websiteName}}",
+    "featureUnlimitedPages": "Páginas ilimitadas",
+    "featurePremiumContent": "Formulários de contato, vídeos e mapas",
+    "featureStore": "Loja online básica",
+    "featureCancelAnytime": "Cancele a qualquer momento",
+    "premiumUpgradeNote": "Com o Premium, você terá:",
+    "upgradeToAddPage": {
+      "title": "Atualizar para adicionar mais páginas",
+      "description": "Você atingiu o limite de páginas gratuitas. Faça o upgrade para continuar desenvolvendo seu site e acessar todos os recursos premium."
+    },
+    "upgradeToContactForm": {
+      "title": "Faça upgrade para acessar o formulário de contato.",
+      "description": "Permita que os visitantes entrem em contato diretamente com você. Faça um upgrade para adicionar um formulário de contato ao seu site e acesse todos os recursos premium."
+    },
+    "upgradeToMaps": {
+      "title": "Faça upgrade para acessar mapas",
+      "description": "Ajude os visitantes a encontrar você facilmente. Faça upgrade para incorporar mapas interativos ao seu site e acessar todos os recursos premium."
+    },
+    "upgradeToVideos": {
+      "title": "Faça upgrade para acessar vídeos",
+      "description": "Dê vida ao seu conteúdo. Faça upgrade para incorporar e reproduzir vídeos no seu site e acessar todos os recursos premium."
+    },
+    "upgradeToRemoveWatermark": {
+      "title": "Faça upgrade para remover a marca d'água",
+      "description": "Torne-o verdadeiramente seu. Faça upgrade para remover nossa marca d'água do seu site e acessar todos os recursos premium."
+    },
+    "upgradeToPublish": {
+      "title": "Faça upgrade para publicar",
+      "description": "Cada assinatura permite que você publique um site. Adicione mais uma assinatura para publicar este site e acesse todos os recursos premium."
+    },
+    "upgradeToGoogleAd": {
+      "title": "Faça upgrade para acessar o Google AdSense",
+      "description": "Conecte o Google AdSense e comece a ganhar com seu tráfego. Faça upgrade para acessar todos os recursos premium."
+    }
   }
 }

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

@@ -103,5 +103,45 @@
     "replaceLogo": "Substituir logótipo",
     "delete": "Eliminar",
     "deleteLogo": "Eliminar Logótipo"
+  },
+  "websiteContextualUpgradeModal": {
+    "upgradeButtonText": "Faça upgrade agora",
+    "closeButtonText": "Não, obrigado",
+    "featureCustomerCare": "Apoio ao cliente 24 horas por dia, 7 dias por semana",
+    "featureCustomDomain": "Conecte um domínio personalizado",
+    "featureNoWatermark": "Sem marca d'água {{websiteName}}",
+    "featureUnlimitedPages": "Páginas ilimitadas",
+    "featurePremiumContent": "Formulários de contacto, vídeos e mapas",
+    "featureStore": "Loja online básica",
+    "featureCancelAnytime": "Cancele a qualquer momento",
+    "premiumUpgradeNote": "Vantagens do Premium:",
+    "upgradeToAddPage": {
+      "title": "Atualizar para adicionar mais páginas",
+      "description": "Atingiu o limite de páginas gratuitas. Faça o upgrade para continuar a desenvolver o seu website e aceder a todas as funcionalidades premium."
+    },
+    "upgradeToContactForm": {
+      "title": "Faça upgrade para desbloquear o formulário de contacto",
+      "description": "Permita que os visitantes entrem em contacto consigo diretamente. Faça upgrade para adicionar um formulário de contacto ao seu website e aceder a todas as funcionalidades premium."
+    },
+    "upgradeToMaps": {
+      "title": "Faça upgrade para desbloquear mapas",
+      "description": "Ajude os visitantes a encontrar o seu negócio facilmente. Faça upgrade para incorporar mapas interativos no seu website e aceder a todas as funcionalidades premium."
+    },
+    "upgradeToVideos": {
+      "title": "Faça upgrade para desbloquear vídeos",
+      "description": "Dê vida ao seu conteúdo. Faça upgrade para incorporar e reproduzir vídeos no seu site e aceder a todas as funcionalidades premium."
+    },
+    "upgradeToRemoveWatermark": {
+      "title": "Faça upgrade para remover marca de água",
+      "description": "Torne-o verdadeiramente seu. Faça o upgrade para remover a nossa marca de água do seu website e aceder a todas as funcionalidades premium."
+    },
+    "upgradeToPublish": {
+      "title": "Fazer upgrade para publicar",
+      "description": "Cada subscrição permite publicar um website. Adicione outra subscrição para publicar este site e aceder a todas as funcionalidades premium."
+    },
+    "upgradeToGoogleAd": {
+      "title": "Atualize para desbloquear o Google AdSense",
+      "description": "Faça a associação ao Google AdSense e comece a ganhar dinheiro com o tráfego do seu site. Faça upgrade para desbloquear todas as funcionalidades premium."
+    }
   }
 }

package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.stories.js

@@ -0,0 +1,181 @@
+import WebsiteContextualUpgradeModal from './WebsiteContextualUpgradeModal.vue';
+import { setSharedLibLocaleAsync } from '../../../useSharedLibTranslate';
+
+export default {
+  title: 'Components/WebsitesContextualUpgradeModal',
+  component: WebsiteContextualUpgradeModal,
+};
+
+const locale = 'en-US';
+
+const loadTranslationAsync = async () => {
+  await setSharedLibLocaleAsync(locale);
+};
+
+export const UpgradeToAddPage = () => ({
+  components: { WebsiteContextualUpgradeModal },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/add-page',
+      brandPageType: 'brandContact',
+      contentType: 'AddPage',
+    };
+  },
+  template: `
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `,
+});
+
+UpgradeToAddPage.loaders = [loadTranslationAsync];
+
+export const UpgradeToContactForm = () => ({
+  components: { WebsiteContextualUpgradeModal },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/contact-form',
+      brandPageType: 'brandContact',
+      contentType: 'ContactForm',
+    };
+  },
+  template: `
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `,
+});
+
+UpgradeToContactForm.loaders = [loadTranslationAsync];
+
+export const UpgradeToMaps = () => ({
+  components: { WebsiteContextualUpgradeModal },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/maps',
+      brandPageType: 'brandContact',
+      contentType: 'Maps',
+    };
+  },
+  template: `
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `,
+});
+
+UpgradeToMaps.loaders = [loadTranslationAsync];
+
+export const UpgradeToVideos = () => ({
+  components: { WebsiteContextualUpgradeModal },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/videos',
+      brandPageType: 'brandContact',
+      contentType: 'Videos',
+    };
+  },
+  template: `
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `,
+});
+
+UpgradeToVideos.loaders = [loadTranslationAsync];
+
+export const UpgradeToRemoveWatermark = () => ({
+  components: { WebsiteContextualUpgradeModal },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/remove-watermark',
+      brandPageType: 'brandContact',
+      contentType: 'RemoveWatermark',
+    };
+  },
+  template: `
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `,
+});
+
+UpgradeToRemoveWatermark.loaders = [loadTranslationAsync];
+
+export const UpgradeToPublish = () => ({
+  components: { WebsiteContextualUpgradeModal },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/publish',
+      brandPageType: 'brandContact',
+      contentType: 'Publish',
+    };
+  },
+  template: `
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `,
+});
+
+UpgradeToPublish.loaders = [loadTranslationAsync];
+
+export const UpgradeToGoogleAd = () => ({
+  components: { WebsiteContextualUpgradeModal },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/publish',
+      brandPageType: 'brandSite',
+      contentType: 'GoogleAd',
+    };
+  },
+  template: `
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `,
+});
+
+UpgradeToGoogleAd.loaders = [loadTranslationAsync];