New release - release/components-w40

packages/manager/apps/container/src/container/legacy/server-sidebar/index.tsx

@@ -49,7 +49,7 @@ export default function ServerSidebarIndex() {
     } else {
       setIsAccountMenu(false);
     }
-  }, [universe, location]);
+  }, [universe, location, application]);
 
   if (universe === 'hub') {
     return <></>

packages/manager/apps/container/src/container/legacy/server-sidebar/order/shop-config/web.ts

@@ -93,14 +93,6 @@ const webShopConfig = (
         tracking: 'web::orders::licences-office-reseller::order',
       }
     : null,
-  features.sharepoint
-    ? {
-        label: 'order_item_sharepoint',
-        icon: 'ms-Icon ms-Icon--SharepointLogo',
-        url: navigation.getURL('web', '#/sharepoint/order'),
-        tracking: 'web::orders::microsoft-sharepoint::order',
-      }
-    : null,
   features['cloud-database']
     ? {
         label: 'order_item_cloudDatabase',

packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenters/datacenter.constants.js

@@ -0,0 +1,56 @@
+export const REGEX_LEGACY_DATACENTER = /^PREMIER|SDDC/;
+
+export const REGEX_EXCLUDE_LEGACY_DATACENTER = /^ESSENTIALS/;
+
+export const MIGRATION_GUIDE = {
+  DE:
+    'https://help.ovhcloud.com/csm/de-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058427',
+  GB:
+    'https://help.ovhcloud.com/csm/en-gb-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058419',
+  IE:
+    'https://help.ovhcloud.com/csm/en-ie-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058429',
+  NL:
+    'https://help.ovhcloud.com/csm/en-ie-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058429',
+  ES:
+    'https://help.ovhcloud.com/csm/es-es-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058421',
+  FR:
+    'https://help.ovhcloud.com/csm/fr-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058423',
+  MA:
+    'https://help.ovhcloud.com/csm/fr-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058423',
+  SN:
+    'https://help.ovhcloud.com/csm/fr-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058423',
+  TN:
+    'https://help.ovhcloud.com/csm/fr-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058423',
+  IT:
+    'https://help.ovhcloud.com/csm/it-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058422',
+  PL:
+    'https://help.ovhcloud.com/csm/pl-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058430',
+  PT:
+    'https://help.ovhcloud.com/csm/pt-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058424',
+  CA:
+    'https://help.ovhcloud.com/csm/en-ca-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058426',
+  QC:
+    'https://help.ovhcloud.com/csm/fr-ca-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058433',
+  WS:
+    'https://help.ovhcloud.com/csm/es-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058431',
+  AU:
+    'https://help.ovhcloud.com/csm/en-au-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058434',
+  IN:
+    'https://help.ovhcloud.com/csm/asia-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058432',
+  ASIA:
+    'https://help.ovhcloud.com/csm/asia-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058432',
+  SG:
+    'https://help.ovhcloud.com/csm/en-sg-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058425',
+  WE:
+    'https://help.ovhcloud.com/csm/en-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058428',
+  US:
+    'https://support.us.ovhcloud.com/hc/en-us/articles/17607258328979-VMware-NSX-V-End-of-Life',
+  DEFAULT:
+    'https://help.ovhcloud.com/csm/en-vmware-nsx-v-eos?id=kb_article_view&sysparm_article=KB0058428',
+};
+
+export default {
+  REGEX_LEGACY_DATACENTER,
+  REGEX_EXCLUDE_LEGACY_DATACENTER,
+  MIGRATION_GUIDE,
+};

packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenters/datacenters.component.js

@@ -11,6 +11,7 @@ export default {
     orderHost: '<',
     setMessage: '<',
     usesLegacyOrder: '<',
+    migrationBannerAvailable: '<',
   },
   controller,
   template,

packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenters/datacenters.controller.js

@@ -1,11 +1,27 @@
-import get from 'lodash/get';
 import includes from 'lodash/includes';
+import {
+  REGEX_LEGACY_DATACENTER,
+  REGEX_EXCLUDE_LEGACY_DATACENTER,
+  MIGRATION_GUIDE,
+} from './datacenter.constants';
 
 export default class {
   /* @ngInject */
-  constructor($q, DedicatedCloud) {
+  constructor($q, DedicatedCloud, coreConfig) {
     this.$q = $q;
     this.DedicatedCloud = DedicatedCloud;
+    this.hasNsxDatacenter = false;
+    this.migrationGuideUrl =
+      MIGRATION_GUIDE[coreConfig.getUser().ovhSubsidiary] ||
+      MIGRATION_GUIDE.DEFAULT;
+  }
+
+  displayMigrationBanner() {
+    return (
+      (this.migrationBannerAvailable.firstBanner ||
+        this.migrationBannerAvailable.secondBanner) &&
+      this.hasLegacyDatacenter
+    );
   }
 
   getRight(order) {
@@ -25,12 +41,26 @@ export default class {
       pageSize,
       offset - 1,
     )
-      .then((result) => ({
-        data: get(result, 'list.results'),
-        meta: {
-          totalCount: result.count,
-        },
-      }))
+      .then((result) => {
+        const data = result.list?.results;
+
+        this.hasLegacyDatacenter =
+          !!data.find((datacenter) => {
+            return REGEX_LEGACY_DATACENTER.test(datacenter.commercialName);
+          }) &&
+          !data.find((datacenter) => {
+            return REGEX_EXCLUDE_LEGACY_DATACENTER.test(
+              datacenter.commercialName,
+            );
+          });
+
+        return {
+          data,
+          meta: {
+            totalCount: result.count,
+          },
+        };
+      })
       .catch((err) => {
         this.setMessage(
           `${this.$translate.instant(

packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenters/datacenters.html

@@ -7,10 +7,23 @@ <h2 data-translate="dedicatedCloud_datacenters_title"></h2>
         data-ng-click="$ctrl.onAddDatacenterClick()"
         data-translate="dedicatedCloud_datacenters_add"
     ></button>
-    <oui-message class="mb-3" type="info" data-ng-if="$ctrl.isNSXPcc">
-        <span
-            data-translate="dedicatedCloud_datacenters_add_not_available"
-        ></span>
+    <oui-message
+        class="mb-3"
+        type="info"
+        data-ng-if="$ctrl.displayMigrationBanner()"
+    >
+        <p
+            data-ng-if="$ctrl.migrationBannerAvailable.firstBanner"
+            class="mb-0"
+            data-translate="dedicatedCloud_datacenters_migration_banner_first"
+            data-translate-values="{ href: $ctrl.migrationGuideUrl }"
+        ></p>
+        <p
+            data-ng-if="$ctrl.migrationBannerAvailable.secondBanner"
+            class="mb-0"
+            data-translate="dedicatedCloud_datacenters_migration_banner_second"
+            data-translate-values="{ href: $ctrl.migrationGuideUrl }"
+        ></p>
     </oui-message>
     <oui-datagrid data-rows-loader="$ctrl.loadDatacenters($config)">
         <oui-datagrid-column

packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenters/translations/Messages_de_DE.json

@@ -90,5 +90,7 @@
   "dedicatedCloud_datacenters_commercial_name_VSPHERE-WITHOUT-NSX": "vSphere",
   "dedicatedCloud_datacenters_commercial_name_VSPHERE-VROPS-WITHOUT-NSX": "vSphere mit vROps",
   "dedicatedCloud_datacenters_commercial_name_NSX-T-WITHOUT-NSX": "NSX",
-  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX mit vROps"
+  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX mit vROps",
+  "dedicatedCloud_datacenters_migration_banner_first": "Ende der Lebensdauer der VMware NSX-V-Komponente am 15. Januar 2024: Informationen zur Migration finden Sie in der E-Mail vom Juli/August 2023. Weitere technische Informationen <a href=\"{{href}}\" target=\"_blank\">finden Sie in unseren Leitfäden</a>.",
+  "dedicatedCloud_datacenters_migration_banner_second": "Die VMware NSX-V-Komponente WIRD am 15. Januar 2024 DEAKTIVIERT. Weitere Informationen <a href=\"{{href}}\" target=\"_blank\">finden Sie in unseren Migrationsleitfäden</a>."
 }

packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenters/translations/Messages_en_GB.json

@@ -90,5 +90,7 @@
   "dedicatedCloud_datacenters_commercial_name_VSPHERE-WITHOUT-NSX": "vSphere",
   "dedicatedCloud_datacenters_commercial_name_VSPHERE-VROPS-WITHOUT-NSX": "vSphere with vROps",
   "dedicatedCloud_datacenters_commercial_name_NSX-T-WITHOUT-NSX": "NSX",
-  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX with vROps"
+  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX with vROps",
+  "dedicatedCloud_datacenters_migration_banner_first": "End of life for the VMware NSX-V component as of 15 January 2024: please refer to the email sent in July/August 2023 for migration options. For technical information, <a href=\"{{href}}\" target=\"_blank\">please refer to our guides</a>.",
+  "dedicatedCloud_datacenters_migration_banner_second": "IMMINENT DEACTIVATION of the VMware NSX-V component effective 15 January 15 2024. Please <a href=\"{{href}}\" target=\"_blank\">refer to our migration guides</a> for more information."
 }

packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenters/translations/Messages_es_ES.json

@@ -90,5 +90,7 @@
   "dedicatedCloud_datacenters_commercial_name_VSPHERE-WITHOUT-NSX": "vSphere",
   "dedicatedCloud_datacenters_commercial_name_VSPHERE-VROPS-WITHOUT-NSX": "vSphere con vROps",
   "dedicatedCloud_datacenters_commercial_name_NSX-T-WITHOUT-NSX": "NSX",
-  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX con vROps"
+  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX con vROps",
+  "dedicatedCloud_datacenters_migration_banner_first": "Final de vida útil del componente VMware NSX-V el día 15 de enero de 2024: consulte el email que le enviamos en julio/agosto de 2023 para conocer las modalidades de migración. Para más información, consulte nuestras <a href=\"{{href}}\" target=\"_blank\">guías</a>.",
+  "dedicatedCloud_datacenters_migration_banner_second": "DESACTIVACIÓN INMINENTE del componente VMware NSX-V a partir del 15 de enero de 2024. Para más información, consulte nuestras <a href=\"{{href}}\" target=\"_blank\">guías de migración</a>."
 }

packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenters/translations/Messages_fr_CA.json

@@ -8,7 +8,6 @@
   "dedicatedCloud_datacenters_order_host": "Commander un Host",
   "dedicatedCloud_datacenters_order_datastore": "Commander un Datastore",
   "dedicatedCloud_datacenters_loading_error": "Une erreur est survenue lors du chargement des informations des datacentres.",
-  "dedicatedCloud_datacenters_add_not_available": "L’ajout de nouveau datacentre n’est pas disponible pour le moment. Nous travaillons à rendre cette fonctionnalité disponible très prochainement.",
   "dedicatedCloud_datacenters_commercial_name_DC": "Dedicated Cloud",
   "dedicatedCloud_datacenters_commercial_name_DC-HDS": "Dedicated Cloud HDS",
   "dedicatedCloud_datacenters_commercial_name_DC-HIPAA": "Dedicated Cloud HIPAA",
@@ -82,5 +81,7 @@
   "dedicatedCloud_datacenters_commercial_name_NSX-T-UNKNOWN": "NSX",
   "dedicatedCloud_datacenters_commercial_name_NSX-T-DEFAULT": "NSX",
   "dedicatedCloud_datacenters_commercial_name_NSX-T-WITHOUT-NSX": "NSX",
-  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX avec vROps"
+  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX avec vROps",
+  "dedicatedCloud_datacenters_migration_banner_first": "Fin de vie du composant VMware NSX-V au 15 janvier 2024 : veuillez-vous reporter à l'email envoyé en juillet/aout 2023 pour connaitre les modalités de migration. Pour des compléments techniques, <a href=\"{{href}}\" target=\"_blank\">veuillez consulter nos guides</a>.",
+  "dedicatedCloud_datacenters_migration_banner_second": "DÉSACTIVATION IMMINENTE du composant VMware NSX-V à compter du 15 janvier 2024. Veuillez <a href=\"{{href}}\" target=\"_blank\">consulter nos guides de migration</a> pour plus d'informations."
 }

packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenters/translations/Messages_fr_FR.json

@@ -8,7 +8,6 @@
   "dedicatedCloud_datacenters_order_host": "Commander un Host",
   "dedicatedCloud_datacenters_order_datastore": "Commander un Datastore",
   "dedicatedCloud_datacenters_loading_error": "Une erreur est survenue lors du chargement des informations des datacentres.",
-  "dedicatedCloud_datacenters_add_not_available": "L’ajout de nouveau datacentre n’est pas disponible pour le moment. Nous travaillons à rendre cette fonctionnalité disponible très prochainement.",
   "dedicatedCloud_datacenters_commercial_name_DC": "Dedicated Cloud",
   "dedicatedCloud_datacenters_commercial_name_DC-HDS": "Dedicated Cloud HDS",
   "dedicatedCloud_datacenters_commercial_name_DC-HIPAA": "Dedicated Cloud HIPAA",
@@ -82,5 +81,7 @@
   "dedicatedCloud_datacenters_commercial_name_NSX-T-UNKNOWN": "NSX",
   "dedicatedCloud_datacenters_commercial_name_NSX-T-DEFAULT": "NSX",
   "dedicatedCloud_datacenters_commercial_name_NSX-T-WITHOUT-NSX": "NSX",
-  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX avec vROps"
+  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX avec vROps",
+  "dedicatedCloud_datacenters_migration_banner_first": "Fin de vie du composant VMware NSX-V au 15 janvier 2024 : veuillez-vous reporter à l'email envoyé en juillet/aout 2023 pour connaitre les modalités de migration. Pour des compléments techniques, <a href=\"{{href}}\" target=\"_blank\">veuillez consulter nos guides</a>.",
+  "dedicatedCloud_datacenters_migration_banner_second": "DÉSACTIVATION IMMINENTE du composant VMware NSX-V à compter du 15 janvier 2024. Veuillez <a href=\"{{href}}\" target=\"_blank\">consulter nos guides de migration</a> pour plus d'informations."
 }

packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenters/translations/Messages_it_IT.json

@@ -90,5 +90,7 @@
   "dedicatedCloud_datacenters_commercial_name_VSPHERE-WITHOUT-NSX": "vSphere",
   "dedicatedCloud_datacenters_commercial_name_VSPHERE-VROPS-WITHOUT-NSX": "vSphere con vROps",
   "dedicatedCloud_datacenters_commercial_name_NSX-T-WITHOUT-NSX": "NSX",
-  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX con vROps"
+  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX con vROps",
+  "dedicatedCloud_datacenters_migration_banner_first": "Fine del ciclo di vita del componente VMware NSX-V il 15 gennaio 2024: per conoscere le modalità di migrazione, fai riferimento all'email ricevuta a luglio/agosto 2023. Per maggiori dettagli di carattere tecnico, <a href=\"{{href}}\" target=\"_blank\">consulta le nostre guide</a>.",
+  "dedicatedCloud_datacenters_migration_banner_second": "DISATTIVAZIONE IMMINENTE del componente VMware NSX-V a partire dal 15 gennaio 2024. Per maggiori informazioni, <a href=\"{{href}}\" target=\"_blank\"> consulta le nostre guide sulla migrazione</a>."
 }

packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenters/translations/Messages_pl_PL.json

@@ -90,5 +90,7 @@
   "dedicatedCloud_datacenters_commercial_name_VSPHERE-WITHOUT-NSX": "vSphere",
   "dedicatedCloud_datacenters_commercial_name_VSPHERE-VROPS-WITHOUT-NSX": "vSphere z vROps",
   "dedicatedCloud_datacenters_commercial_name_NSX-T-WITHOUT-NSX": "NSX",
-  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX z vROps"
+  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX z vROps",
+  "dedicatedCloud_datacenters_migration_banner_first": "Koniec okresu eksploatacji komponentu VMware NSX-V w dniu 15 stycznia 2024 r.: szczegółowe informacje na temat migracji znajdziesz w wiadomości e-mail wysłanej w lipcu/sierpniu 2023 r. Więcej informacji technicznych znajdziesz w <a href=\"{{href}}\" target=\"_blank\"> naszych przewodnikach</a>.",
+  "dedicatedCloud_datacenters_migration_banner_second": "Od 15 stycznia 2024 DEZAKTYWACJA komponentu VMware NSX-V. Więcej informacji znajdziesz w <a href=\"{{href}}\" target=\"_blank\">przewodnikach dotyczących migracji</a>."
 }

packages/manager/apps/dedicated/client/app/components/dedicated-cloud/datacenters/translations/Messages_pt_PT.json

@@ -90,5 +90,7 @@
   "dedicatedCloud_datacenters_commercial_name_VSPHERE-WITHOUT-NSX": "vSphere",
   "dedicatedCloud_datacenters_commercial_name_VSPHERE-VROPS-WITHOUT-NSX": "vSphere com vROps",
   "dedicatedCloud_datacenters_commercial_name_NSX-T-WITHOUT-NSX": "NSX",
-  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX com vROps"
+  "dedicatedCloud_datacenters_commercial_name_NSX-T-VROPS-WITHOUT-NSX": "NSX com vROps",
+  "dedicatedCloud_datacenters_migration_banner_first": "Fim de vida do componente VMware NSX-V a 15 de janeiro de 2024: consulte o e-mail enviado em julho/agosto de 2023 para conhecer as modalidades de migração. Para mais pormenores técnicos, <a href=\"{{href}}\" target=\"_blank\">consulte os nossos manuais</a>.",
+  "dedicatedCloud_datacenters_migration_banner_second": "DESATIVAÇÃO IMINENTE do componente VMware NSX-V, a 15 de janeiro de 2024. Consulte <a href=\"{{href}}\" target=\"_blank\">os nossos manuais de migração</a> para obter mais informações."
 }

packages/manager/apps/dedicated/client/app/dedicatedCloud/datacenters/dedicatedCloud-datacenters.routes.js

@@ -8,6 +8,18 @@ export default /* @ngInject */ ($stateProvider) => {
     resolve: {
       addDatacenter: /* @ngInject */ ($state) => () =>
         $state.go('app.dedicatedCloud.details.datacenter.add-datacenter'),
+      migrationBannerAvailable: /* @ngInject */ (ovhFeatureFlipping) => {
+        const firstBannerFeature = 'dedicated-cloud:migrationBannerFirst';
+        const secondBannerFeature = 'dedicated-cloud:migrationBannerSecond';
+        return ovhFeatureFlipping
+          .checkFeatureAvailability([firstBannerFeature, secondBannerFeature])
+          .then((result) => {
+            return {
+              firstBanner: result.isFeatureAvailable(firstBannerFeature),
+              secondBanner: result.isFeatureAvailable(secondBannerFeature),
+            };
+          });
+      },
       breadcrumb: /* @ngInject */ ($translate) =>
         $translate.instant('dedicated_cloud_datacenters'),
       trackClick: /* @ngInject */ (atInternet, trackingPrefix) => (click) => {

packages/manager/apps/web/client/app/domain/webhosting/order/steps/payment/domain-webhosting-order-steps-payment.html

@@ -2,7 +2,7 @@
     data-header="{{:: 'domain_webhosting_order_payment_step_title' | translate }}"
     data-on-focus="$ctrl.getCheckout()"
     data-loading="$ctrl.stepper.loadingCheckout"
-    data-valid="$ctrl.agreeContracts"
+    data-valid="!$ctrl.contracts.length || $ctrl.agreeContracts"
     data-prevent-next="true"
     data-on-cancel="$ctrl.goBackToDashboard()"
     data-on-submit="$ctrl.preparePayment()"

packages/manager/apps/web/client/app/hosting/general-informations/GENERAL_INFORMATIONS.controller.js

@@ -5,6 +5,8 @@ import isObject from 'lodash/isObject';
 import {
   CDN_ADVANCED,
   QUOTA_DECIMAL_PRECISION,
+  BADGES,
+  HOSTING_FREE_100_M_OFFER,
 } from './general-informations.constants';
 import { HOSTING_CDN_ORDER_CDN_VERSION_V1 } from '../cdn/order/hosting-cdn-order.constant';
 import { NEW_OFFERS_NAME } from '../hosting.constants';
@@ -33,6 +35,8 @@ export default class HostingGeneralInformationsCtrl {
     hostingSSLCertificate,
     OvhApiScreenshot,
     user,
+    displayNewHostingOfferSticker,
+    HOSTING_NEW_OFFER_UPGRADES,
   ) {
     this.$q = $q;
     this.$scope = $scope;
@@ -56,9 +60,14 @@ export default class HostingGeneralInformationsCtrl {
     this.hostingSSLCertificate = hostingSSLCertificate;
     this.OvhApiScreenshot = OvhApiScreenshot;
     this.user = user;
+    this.displayNewHostingOfferSticker = displayNewHostingOfferSticker;
 
+    this.HOSTING_NEW_OFFERS_WITH_STICKER = HOSTING_NEW_OFFER_UPGRADES.concat([
+      HOSTING_FREE_100_M_OFFER,
+    ]);
     this.CDN_ADVANCED = CDN_ADVANCED;
     this.CDN_VERSION_V1 = HOSTING_CDN_ORDER_CDN_VERSION_V1;
+    this.BADGE_NEW = BADGES.NEW;
   }
 
   $onInit() {
@@ -378,4 +387,14 @@ export default class HostingGeneralInformationsCtrl {
 
     return this.$translate.instant(translateKey);
   }
+
+  hasNewHostingOfferSticker() {
+    const {
+      hosting: { offer },
+    } = this.$scope;
+    return (
+      this.displayNewHostingOfferSticker &&
+      this.HOSTING_NEW_OFFERS_WITH_STICKER.includes(offer)
+    );
+  }
 }

packages/manager/apps/web/client/app/hosting/general-informations/GENERAL_INFORMATIONS.html

@@ -640,6 +640,11 @@
                                 class="text-capitalized mr-2"
                                 data-ng-bind=":: $ctrl.getOfferName(hosting.offer)"
                             ></span>
+                            <span
+                                class="oui-badge oui-badge_success"
+                                data-ng-if=":: $ctrl.hasNewHostingOfferSticker()"
+                                data-ng-bind=":: $ctrl.BADGE_NEW"
+                            ></span>
                             <span
                                 class="fa fa-exclamation-triangle text-warning"
                                 aria-hidden="true"

packages/manager/apps/web/client/app/hosting/general-informations/general-informations.constants.js

@@ -1,7 +1,15 @@
 export const QUOTA_DECIMAL_PRECISION = 2;
 export const CDN_ADVANCED = 'cdn-advanced';
 
+export const BADGES = {
+  NEW: 'NEW',
+};
+
+export const HOSTING_FREE_100_M_OFFER = 'HOSTING_FREE_100_M';
+
 export default {
   CDN_ADVANCED,
   QUOTA_DECIMAL_PRECISION,
+  BADGES,
+  HOSTING_FREE_100_M_OFFER,
 };

packages/manager/apps/web/client/app/hosting/general-informations/general-informations.routing.js

@@ -8,6 +8,12 @@ export default /* @ngInject */ ($stateProvider) => {
     template,
     resolve: {
       breadcrumb: () => null,
+      displayNewHostingOfferSticker: /* @ngInject */ (ovhFeatureFlipping) =>
+        ovhFeatureFlipping
+          .checkFeatureAvailability('hosting:new-offer-sticker')
+          .then((featureAvailability) =>
+            featureAvailability.isFeatureAvailable('hosting:new-offer-sticker'),
+          ),
     },
   });
 };