@ovh-ux/manager-pci-common 0.18.0 → 0.18.3

package/dist/index.esm.js

@@ -1,14 +1,14 @@
 import Sr, { v6 as F, fetchIcebergV6 as Ue, aapi as co, FilterCategories as Nr } from "@ovh-ux/manager-core-api";
-import { useQuery as H, useQueries as lo, useQueryClient as Rt, useMutation as pa } from "@tanstack/react-query";
-import { useMe as ha, ActionBanner as fa, useTranslatedMicroRegions as Ar, getMacroRegion as Tr, useFeatureAvailability as Cr, Links as uo, LinkType as mo, TabsComponent as _o, useNotifications as po, DataGridTextCell as nt, useDataGrid as Er, useColumnFilters as Vr, FilterAdd as Lr, FilterList as Hr, Datagrid as Fr, useCatalogPrice as Ir, useProjectUrl as Rr, Subtitle as Or } from "@ovh-ux/manager-react-components";
+import { useQuery as H, useQueries as lo, useQueryClient as Rt, useMutation as ha } from "@tanstack/react-query";
+import { useMe as fa, ActionBanner as ga, useTranslatedMicroRegions as Ar, getMacroRegion as Tr, useFeatureAvailability as Cr, Links as uo, LinkType as mo, TabsComponent as _o, useNotifications as po, DataGridTextCell as nt, useDataGrid as Er, useColumnFilters as Vr, FilterAdd as Lr, FilterList as Hr, Datagrid as Fr, useCatalogPrice as Ir, useProjectUrl as Rr, Subtitle as Or } from "@ovh-ux/manager-react-components";
 import qr, { useMemo as Z, useRef as Ke, useState as re, useEffect as pe, createContext as ho, useContext as J, useCallback as rt, useId as Ht } from "react";
-import { useParams as ga } from "react-router-dom";
+import { useParams as Ot } from "react-router-dom";
 import { useTranslation as L, Translation as it, Trans as Xr } from "react-i18next";
 import "react-dom";
 import { ShellContext as Me, useNavigation as fo } from "@ovh-ux/manager-react-shell-client";
 import { jsx as s, jsxs as k, Fragment as oe } from "react/jsx-runtime";
 import { ODS_THEME_COLOR_INTENT as w, ODS_THEME_TYPOGRAPHY_LEVEL as O, ODS_THEME_TYPOGRAPHY_SIZE as Q } from "@ovhcloud/ods-common-theming";
-import { OsdsText as T, OsdsIcon as ge, OsdsMessage as Br, OsdsChip as Ot, OsdsPopover as qt, OsdsPopoverContent as Xt, OsdsTile as yt, OsdsSpinner as Ae, OsdsSelect as Gr, OsdsSelectOption as Yr, OsdsButton as _e, OsdsLink as wt, OsdsDivider as go, OsdsSkeleton as ba, OsdsSearchBar as Zr, OsdsModal as Kr, OsdsFormField as bo, OsdsInput as vo, OsdsQuantity as Qr } from "@ovhcloud/ods-components/react";
+import { OsdsText as T, OsdsIcon as ge, OsdsMessage as Br, OsdsChip as qt, OsdsPopover as Xt, OsdsPopoverContent as Bt, OsdsTile as yt, OsdsSpinner as Ae, OsdsSelect as Gr, OsdsSelectOption as Yr, OsdsButton as _e, OsdsLink as wt, OsdsDivider as go, OsdsSkeleton as ba, OsdsSearchBar as Zr, OsdsModal as Kr, OsdsFormField as bo, OsdsInput as vo, OsdsQuantity as Qr } from "@ovhcloud/ods-components/react";
 import { ODS_TEXT_SIZE as q, ODS_TEXT_LEVEL as ve, ODS_ICON_NAME as be, ODS_ICON_SIZE as $e, ODS_MESSAGE_TYPE as yo, ODS_CHIP_SIZE as va, ODS_SPINNER_SIZE as Te, ODS_BUTTON_SIZE as we, ODS_BUTTON_VARIANT as fe, ODS_INPUT_TYPE as wo, ODS_TEXT_COLOR_INTENT as $t, ODS_TEXT_COLOR_HUE as Jr } from "@ovhcloud/ods-components";
 import f from "i18next";
 import { OdsHTMLAnchorElementTarget as et } from "@ovhcloud/ods-common-core";
@@ -160,7 +160,7 @@ const ls = async (e, a) => {
     ...t
   })
 }), fs = (e, a) => {
-  const { me: t } = ha();
+  const { me: t } = fa();
   return H({
     ...hs(e, t == null ? void 0 : t.ovhSubsidiary, a),
     enabled: !!t
@@ -169,7 +169,7 @@ const ls = async (e, a) => {
   queryKey: ["catalog"],
   queryFn: () => as(e)
 }), bs = () => {
-  const { me: e } = ha();
+  const { me: e } = fa();
   return H({
     ...gs(e == null ? void 0 : e.ovhSubsidiary),
     enabled: !!e
@@ -178,7 +178,7 @@ const ls = async (e, a) => {
   queryKey: ["project", e],
   queryFn: () => us(e)
 }), Fxe = (e, a) => {
-  const { projectId: t } = ga();
+  const { projectId: t } = Ot();
   return H({
     ...vs(e || t),
     ...a
@@ -187,7 +187,7 @@ const ls = async (e, a) => {
   queryKey: ["project", e, "quota"],
   queryFn: () => ms(e)
 }), ws = (e, a, t) => {
-  const { projectId: n } = ga();
+  const { projectId: n } = Ot();
   return H({
     ...ys(e || n),
     select: (o) => a ? o.filter((c) => c.region === a.region) : o,
@@ -8367,7 +8367,7 @@ const mp = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1. Quartal", "2. Quartal", "3. Quartal", "4. Quartal"]
-}, da = {
+}, la = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: [
     "Jan",
@@ -8398,7 +8398,7 @@ const mp = {
     "Dezember"
   ]
 }, lb = {
-  narrow: da.narrow,
+  narrow: la.narrow,
   abbreviated: [
     "Jan.",
     "Feb.",
@@ -8413,7 +8413,7 @@ const mp = {
     "Nov.",
     "Dez."
   ],
-  wide: da.wide
+  wide: la.wide
 }, ub = {
   narrow: ["S", "M", "D", "M", "D", "F", "S"],
   short: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
@@ -8501,7 +8501,7 @@ const mp = {
     argumentCallback: (e) => e - 1
   }),
   month: i({
-    values: da,
+    values: la,
     formattingValues: lb,
     defaultWidth: "wide"
   }),
@@ -8640,7 +8640,7 @@ const mp = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1. Quartal", "2. Quartal", "3. Quartal", "4. Quartal"]
-}, la = {
+}, ua = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: [
     "Jän",
@@ -8671,7 +8671,7 @@ const mp = {
     "Dezember"
   ]
 }, Sb = {
-  narrow: la.narrow,
+  narrow: ua.narrow,
   abbreviated: [
     "Jän.",
     "Feb.",
@@ -8686,7 +8686,7 @@ const mp = {
     "Nov.",
     "Dez."
   ],
-  wide: la.wide
+  wide: ua.wide
 }, Nb = {
   narrow: ["S", "M", "D", "M", "D", "F", "S"],
   short: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
@@ -8774,7 +8774,7 @@ const mp = {
     argumentCallback: (e) => e - 1
   }),
   month: i({
-    values: la,
+    values: ua,
     formattingValues: Sb,
     defaultWidth: "wide"
   }),
@@ -11901,7 +11901,7 @@ const oP = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1. kvartaali", "2. kvartaali", "3. kvartaali", "4. kvartaali"]
-}, ua = {
+}, ma = {
   narrow: ["T", "H", "M", "H", "T", "K", "H", "E", "S", "L", "M", "J"],
   abbreviated: [
     "tammi",
@@ -11932,8 +11932,8 @@ const oP = {
     "joulukuu"
   ]
 }, pP = {
-  narrow: ua.narrow,
-  abbreviated: ua.abbreviated,
+  narrow: ma.narrow,
+  abbreviated: ma.abbreviated,
   wide: [
     "tammikuuta",
     "helmikuuta",
@@ -12017,7 +12017,7 @@ const oP = {
     argumentCallback: (e) => e - 1
   }),
   month: i({
-    values: ua,
+    values: ma,
     defaultWidth: "wide",
     formattingValues: pP,
     defaultFormattingWidth: "wide"
@@ -18969,7 +18969,7 @@ const jN = {
     evening: "кеште",
     night: "түнде"
   }
-}, ta = {
+}, aa = {
   0: "-ші",
   1: "-ші",
   2: "-ші",
@@ -18991,7 +18991,7 @@ const jN = {
   90: "-шы",
   100: "-ші"
 }, EN = (e, a) => {
-  const t = Number(e), n = t % 10, o = t >= 100 ? 100 : null, c = ta[t] || ta[n] || o && ta[o] || "";
+  const t = Number(e), n = t % 10, o = t >= 100 ? 100 : null, c = aa[t] || aa[n] || o && aa[o] || "";
   return t + c;
 }, VN = {
   ordinalNumber: EN,
@@ -24998,13 +24998,13 @@ function zV(e, a) {
   const n = t % 10;
   return n >= 2 && n <= 4 ? e.twoFour : e.other;
 }
-function aa(e, a, t) {
+function na(e, a, t) {
   const n = zV(e, a);
   return (typeof n == "string" ? n : n[t]).replace("{{count}}", String(a));
 }
 const jV = (e, a, t) => {
   const n = MV[e];
-  return t != null && t.addSuffix ? t.comparison && t.comparison > 0 ? "za " + aa(n, a, "future") : aa(n, a, "past") + " temu" : aa(n, a, "regular");
+  return t != null && t.addSuffix ? t.comparison && t.comparison > 0 ? "za " + na(n, a, "future") : na(n, a, "past") + " temu" : na(n, a, "regular");
 }, WV = {
   full: "EEEE, do MMMM y",
   long: "do MMMM y",
@@ -27357,7 +27357,7 @@ const JH = {
 function JF(e, a) {
   return a === 1 && e.one ? e.one : a >= 2 && a <= 4 && e.twoFour ? e.twoFour : e.other;
 }
-function na(e, a, t) {
+function oa(e, a, t) {
   return JF(e, a)[t].replace("{{count}}", String(a));
 }
 function UF(e) {
@@ -27367,11 +27367,11 @@ function UF(e) {
     }
   )[0];
 }
-function oa(e) {
+function ia(e) {
   let a = "";
   return e === "almost" && (a = "takmer"), e === "about" && (a = "približne"), a.length > 0 ? a + " " : "";
 }
-function ia(e) {
+function ra(e) {
   let a = "";
   return e === "lessThan" && (a = "menej než"), e === "over" && (a = "viac než"), a.length > 0 ? a + " " : "";
 }
@@ -27507,7 +27507,7 @@ const tI = {
   }
 }, aI = (e, a, t) => {
   const n = UF(e) || "", o = eI(e.substring(n.length)), c = tI[o];
-  return t != null && t.addSuffix ? t.comparison && t.comparison > 0 ? oa(n) + "o " + ia(n) + na(c, a, "future") : oa(n) + "pred " + ia(n) + na(c, a, "past") : oa(n) + ia(n) + na(c, a, "present");
+  return t != null && t.addSuffix ? t.comparison && t.comparison > 0 ? ia(n) + "o " + ra(n) + oa(c, a, "future") : ia(n) + "pred " + ra(n) + oa(c, a, "past") : ia(n) + ra(n) + oa(c, a, "present");
 }, nI = {
   full: "EEEE d. MMMM y",
   long: "d. MMMM y",
@@ -36025,7 +36025,7 @@ function B5(e, a) {
     return v !== void 0 && (c || e[h]) ? p.concat(n.formatDistance(b, v)) : p;
   }, []).join(u) : "";
 }
-function ra(e, a) {
+function sa(e, a) {
   const n = K5(e);
   let o;
   if (n.date) {
@@ -36104,10 +36104,10 @@ function vt(e) {
 function U5(e) {
   const a = e.match(Y5);
   if (!a) return NaN;
-  const t = sa(a[1]), n = sa(a[2]), o = sa(a[3]);
+  const t = ca(a[1]), n = ca(a[2]), o = ca(a[3]);
   return rK(t, n, o) ? t * qo + n * Ta + o * 1e3 : NaN;
 }
-function sa(e) {
+function ca(e) {
   return e && parseFloat(e.replace(",", ".")) || 0;
 }
 function eK(e) {
@@ -36177,7 +36177,7 @@ async function uK(e, a) {
   );
   return t;
 }
-const Bt = () => H({
+const Gt = () => H({
   queryKey: ["dbaas-logs"],
   queryFn: cK
 }), Oxe = (e, a) => H({
@@ -36191,7 +36191,7 @@ const Bt = () => H({
   ],
   queryFn: () => lK(e, a, t)
 }), mK = () => {
-  const { data: e } = Bt();
+  const { data: e } = Gt();
   return lo({
     queries: (e == null ? void 0 : e.map((a) => ({
       queryKey: ["dbaas-logs-stream-id", a.serviceName],
@@ -36218,7 +36218,7 @@ const Bt = () => H({
   onError: t,
   onSuccess: n
 }) => {
-  const o = Rt(), c = pa({
+  const o = Rt(), c = ha({
     mutationFn: async () => {
       const { data: u } = await F.delete(
         `${e}/subscription/${a}`
@@ -36248,7 +36248,7 @@ const Bt = () => H({
     return t;
   }
 }), hK = (e, a) => {
-  const { data: t, isPending: n } = Bt(), {
+  const { data: t, isPending: n } = Gt(), {
     data: o,
     isPending: c
   } = pK(e, a);
@@ -36308,7 +36308,7 @@ function gK(e, a, t) {
     },
     select: (W) => ({
       ...W,
-      expirationDate: ra(W.expirationDate)
+      expirationDate: sa(W.expirationDate)
     }),
     enabled: m
   });
@@ -36329,10 +36329,10 @@ function gK(e, a, t) {
   return pe(() => {
     const W = (z == null ? void 0 : z.filter(({ _id: x }) => !v.current.has(x))) || [], A = W.map(({ _id: x, ...P }) => ({
       _id: x,
-      date: In(ra(P.timestamp), "P", {
+      date: In(sa(P.timestamp), "P", {
         locale: o[c]
       }),
-      time: In(ra(P.timestamp), "pp", {
+      time: In(sa(P.timestamp), "pp", {
         locale: o[c]
       }),
       level: fK[P.level],
@@ -36594,7 +36594,7 @@ function eDe({
     );
   };
   return /* @__PURE__ */ s(oe, { children: QK(e) && /* @__PURE__ */ s(
-    fa,
+    ga,
     {
       message: t("pci_projects_project_activate_project_banner_message"),
       cta: t("pci_projects_project_activate_project_banner_cta"),
@@ -36604,11 +36604,11 @@ function eDe({
     }
   ) });
 }
-const ma = "public-cloud:pci-announcement-banner", JK = async () => (await co.get(
-  `/feature/${ma}/availability`
-)).data[ma], UK = () => {
+const _a = "public-cloud:pci-announcement-banner", JK = async () => (await co.get(
+  `/feature/${_a}/availability`
+)).data[_a], UK = () => {
   const { data: e, isLoading: a } = H({
-    queryKey: [ma],
+    queryKey: [_a],
     queryFn: JK
   });
   return {
@@ -36651,7 +36651,7 @@ function tDe({
     await t("public-cloud", `#/pci/projects/${e}/regions`, {});
   };
   return /* @__PURE__ */ s(oe, { children: n && /* @__PURE__ */ s(
-    fa,
+    ga,
     {
       message: a("pci_projects_beta_public_cloud_banner_info"),
       cta: a("pci_projects_beta_public_cloud_banner_info_link"),
@@ -36726,7 +36726,7 @@ function aDe({
 }) {
   const { t } = L("pci-free-local-zones-banner");
   return /* @__PURE__ */ s(
-    fa,
+    ga,
     {
       message: t(
         `pci_free_local_zones_banner_text${a ? "_confirm" : ""}`
@@ -36736,11 +36736,11 @@ function aDe({
     }
   );
 }
-const _a = "public-cloud:trusted-zone", aQ = async () => (await co.get(
-  `/feature/${_a}/availability`
-)).data[_a], nQ = () => {
+const pa = "public-cloud:trusted-zone", aQ = async () => (await co.get(
+  `/feature/${pa}/availability`
+)).data[pa], nQ = () => {
   const { data: e, isLoading: a } = H({
-    queryKey: [_a],
+    queryKey: [pa],
     queryFn: aQ
   });
   return {
@@ -36963,7 +36963,7 @@ function Va({
   className: t,
   ...n
 }) {
-  return /* @__PURE__ */ k(Ot, { class: t, size: va.sm, inline: !0, ...n, children: [
+  return /* @__PURE__ */ k(qt, { class: t, size: va.sm, inline: !0, ...n, children: [
     /* @__PURE__ */ s(T, { level: ve.body, size: q._500, children: a }),
     e && /* @__PURE__ */ s(
       ge,
@@ -36982,9 +36982,9 @@ function La({
   tooltipUrl: t
 }) {
   const { t: n } = L("pci-region-selector");
-  return /* @__PURE__ */ k(qt, { children: [
+  return /* @__PURE__ */ k(Xt, { children: [
     /* @__PURE__ */ s("span", { slot: "popover-trigger", children: e }),
-    /* @__PURE__ */ k(Xt, { children: [
+    /* @__PURE__ */ k(Bt, { children: [
       /* @__PURE__ */ s(
         T,
         {
@@ -37400,7 +37400,7 @@ function sDe({
   account: e,
   onAccountChange: a
 }) {
-  const { data: t, isPending: n } = Bt();
+  const { data: t, isPending: n } = Gt();
   return pe(() => {
     a(t == null ? void 0 : t[0]);
   }, [t]), n ? /* @__PURE__ */ s("div", { className: "text-center", children: /* @__PURE__ */ s(Ae, { inline: !0, size: Te.md }) }) : /* @__PURE__ */ s(oe, { children: (t == null ? void 0 : t.length) && /* @__PURE__ */ s("div", { className: "mt-8", children: /* @__PURE__ */ s(
@@ -37799,7 +37799,7 @@ function goe({
   ] });
 }
 function boe({ onGotoStreams: e }) {
-  const { t: a } = L("pci-logs"), { navigation: t, tracking: n } = J(Me).shell, { logsGuideURL: o, logsTracking: c } = J(ct), { data: u } = Bt(), { data: m } = mK(), p = (u == null ? void 0 : u.length) > 0, h = (m == null ? void 0 : m.length) > 0, b = () => {
+  const { t: a } = L("pci-logs"), { navigation: t, tracking: n } = J(Me).shell, { logsGuideURL: o, logsTracking: c } = J(ct), { data: u } = Gt(), { data: m } = mK(), p = (u == null ? void 0 : u.length) > 0, h = (m == null ? void 0 : m.length) > 0, b = () => {
     p ? h ? (c != null && c.transfer && n.trackClick({
       name: c == null ? void 0 : c.transfer
     }), e()) : (c != null && c.createDataStream && n.trackClick({
@@ -38075,7 +38075,7 @@ const yoe = (e, a, t) => H({
   onError: n,
   onSuccess: o
 }) => {
-  const c = Rt(), u = pa({
+  const c = Rt(), u = ha({
     mutationFn: async () => {
       const { data: m } = await F.post(
         `${e}/subscription`,
@@ -38104,7 +38104,7 @@ const yoe = (e, a, t) => H({
   onError: a,
   onSuccess: t
 }) => {
-  const n = Rt(), o = pa({
+  const n = Rt(), o = ha({
     mutationFn: async (c) => {
       const { data: u } = await F.delete(
         `${e}/subscription/${c}`
@@ -38309,7 +38309,7 @@ const Woe = ({
     {
       id: "indexation",
       cell: (u) => /* @__PURE__ */ s(nt, { children: /* @__PURE__ */ s(
-        Ot,
+        qt,
         {
           color: w[u.indexingEnabled ? "success" : "warning"],
           inline: !0,
@@ -38358,7 +38358,7 @@ function lDe({
     serviceName: a
   }), y = Ke(void 0);
   return b ? /* @__PURE__ */ s("div", { className: "text-center", children: /* @__PURE__ */ s(Ae, { inline: !0, size: Te.md }) }) : /* @__PURE__ */ k(oe, { children: [
-    /* @__PURE__ */ s("div", { className: "flex justify-end", children: /* @__PURE__ */ k(qt, { ref: y, children: [
+    /* @__PURE__ */ s("div", { className: "flex justify-end", children: /* @__PURE__ */ k(Xt, { ref: y, children: [
       /* @__PURE__ */ k(
         _e,
         {
@@ -38380,7 +38380,7 @@ function lDe({
           ]
         }
       ),
-      /* @__PURE__ */ s(Xt, { children: /* @__PURE__ */ s(
+      /* @__PURE__ */ s(Bt, { children: /* @__PURE__ */ s(
         Lr,
         {
           columns: [
@@ -39629,7 +39629,7 @@ function _we() {
   } };
 }
 const mDe = () => {
-  const { projectId: e } = ga(), a = J(Me).shell.navigation, [t, n] = re("");
+  const { projectId: e } = Ot(), a = J(Me).shell.navigation, [t, n] = re("");
   return pe(() => {
     a.getURL("public-cloud", `#/pci/projects/${e}`, {}).then((o) => {
       n(o);
@@ -39759,7 +39759,7 @@ const lPe = 2, uPe = 1 / 1e8, mPe = ["SG", "ASIA", "AU", "IN"], _Pe = [
   "TN"
 ], pPe = ["DE", "FI", "SN"];
 function hPe() {
-  const { i18n: e, t: a } = L("pci-catalog-price"), { me: t } = ha(), n = (u, m) => {
+  const { i18n: e, t: a } = L("pci-catalog-price"), { me: t } = fa(), n = (u, m) => {
     var b, v;
     if (!t) return "";
     const p = {
@@ -39818,7 +39818,16 @@ function hPe() {
     }
   };
 }
-function _De(e) {
+const _De = (...e) => {
+  const a = Ot();
+  return e.reduce((t, n) => {
+    const o = a[n];
+    if (o === void 0)
+      throw new Error(`Missing "${n}" in URL.`);
+    return t[n] = o, t;
+  }, {});
+};
+function pDe(e) {
   const a = J(Ea);
   return Z(() => ({ ...a || {}, ...e || {} }), [a, e]);
 }
@@ -39876,9 +39885,9 @@ function ao({
   isLocalZone: e
 }) {
   const { t: a } = L("pci-flavors"), { ovhSubsidiary: t } = J(Me).environment.getUser(), n = (o) => to[o][t] || to[o].DEFAULT;
-  return /* @__PURE__ */ k(qt, { children: [
+  return /* @__PURE__ */ k(Xt, { children: [
     /* @__PURE__ */ s("span", { slot: "popover-trigger", children: /* @__PURE__ */ k(
-      Ot,
+      qt,
       {
         color: e ? w.error : w.primary,
         size: va.sm,
@@ -39905,7 +39914,7 @@ function ao({
         ]
       }
     ) }),
-    /* @__PURE__ */ k(Xt, { children: [
+    /* @__PURE__ */ k(Bt, { children: [
       /* @__PURE__ */ s(
         T,
         {
@@ -39964,7 +39973,7 @@ function yPe({
             }
           ),
           o && /* @__PURE__ */ s(
-            Ot,
+            qt,
             {
               color: w.info,
               size: va.sm,
@@ -40373,7 +40382,7 @@ function oo() {
   f.addResources("de_DE", "pci-flavors", KPe), f.addResources("en_GB", "pci-flavors", z1e), f.addResources("es_ES", "pci-flavors", ake), f.addResources("fr_CA", "pci-flavors", Nke), f.addResources("fr_FR", "pci-flavors", cMe), f.addResources("it_IT", "pci-flavors", LMe), f.addResources("pl_PL", "pci-flavors", pze), f.addResources("pt_PT", "pci-flavors", qze);
 }
 f.isInitialized ? oo() : f.on("initialized", oo);
-function pDe({
+function hDe({
   projectId: e,
   region: a,
   onSelect: t
@@ -40472,7 +40481,7 @@ function io() {
   f.addResources("de_DE", "pci-quantity-selector", Yze), f.addResources("en_GB", "pci-quantity-selector", Jze), f.addResources("es_ES", "pci-quantity-selector", aje), f.addResources("fr_CA", "pci-quantity-selector", rje), f.addResources("fr_FR", "pci-quantity-selector", lje), f.addResources("it_IT", "pci-quantity-selector", pje), f.addResources("pl_PL", "pci-quantity-selector", bje), f.addResources("pt_PT", "pci-quantity-selector", $je);
 }
 f.isInitialized ? io() : f.on("initialized", io);
-function hDe({
+function fDe({
   label: e,
   labelHelpText: a,
   description: t,
@@ -40500,7 +40509,7 @@ function hDe({
             children: e
           }
         ),
-        a && /* @__PURE__ */ k(qt, { className: "w-4 h-4", children: [
+        a && /* @__PURE__ */ k(Xt, { className: "w-4 h-4", children: [
           /* @__PURE__ */ s(
             ge,
             {
@@ -40511,7 +40520,7 @@ function hDe({
               color: w.text
             }
           ),
-          /* @__PURE__ */ s(Xt, { children: a })
+          /* @__PURE__ */ s(Bt, { children: a })
         ] })
       ] }),
       t && /* @__PURE__ */ s(
@@ -40584,16 +40593,17 @@ function hDe({
     y.nan && /* @__PURE__ */ s(T, { color: w.error, slot: "helper", children: b("common_field_error_number") })
   ] });
 }
-function fDe({ pricing: e, options: a }) {
+function gDe({ pricing: e, options: a }) {
   const { getPriceDetails: t } = hPe(), n = Z(() => e && t(e, a), [
     e,
-    a
+    a,
+    t
   ]);
   return n ? /* @__PURE__ */ k("span", { children: [
     /* @__PURE__ */ s("span", { className: B((n == null ? void 0 : n.secondary) && "font-bold"), children: n == null ? void 0 : n.primary }),
     (n == null ? void 0 : n.secondary) && ` (${n == null ? void 0 : n.secondary})`,
     (n == null ? void 0 : n.interval) && ` / ${n == null ? void 0 : n.interval}`
-  ] }) : /* @__PURE__ */ s(ba, {});
+  ] }) : /* @__PURE__ */ s(ba, { "data-testid": "loading" });
 }
 var Vt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Pje(e) {
@@ -40604,9 +40614,9 @@ It.exports;
 (function(e, a) {
   var t = 200, n = "__lodash_hash_undefined__", o = 1, c = 2, u = 9007199254740991, m = "[object Arguments]", p = "[object Array]", h = "[object AsyncFunction]", b = "[object Boolean]", v = "[object Date]", y = "[object Error]", S = "[object Function]", N = "[object GeneratorFunction]", z = "[object Map]", W = "[object Number]", A = "[object Null]", x = "[object Object]", P = "[object Promise]", E = "[object Proxy]", M = "[object RegExp]", D = "[object Set]", U = "[object String]", ee = "[object Symbol]", je = "[object Undefined]", ae = "[object WeakMap]", Ha = "[object ArrayBuffer]", kt = "[object DataView]", ci = "[object Float32Array]", di = "[object Float64Array]", li = "[object Int8Array]", ui = "[object Int16Array]", mi = "[object Int32Array]", _i = "[object Uint8Array]", pi = "[object Uint8ClampedArray]", hi = "[object Uint16Array]", fi = "[object Uint32Array]", gi = /[\\^$.*+?()[\]{}|]/g, bi = /^\[object .+?Constructor\]$/, vi = /^(?:0|[1-9]\d*)$/, I = {};
   I[ci] = I[di] = I[li] = I[ui] = I[mi] = I[_i] = I[pi] = I[hi] = I[fi] = !0, I[m] = I[p] = I[Ha] = I[b] = I[kt] = I[v] = I[y] = I[S] = I[z] = I[W] = I[x] = I[M] = I[D] = I[U] = I[ae] = !1;
-  var Fa = typeof Vt == "object" && Vt && Vt.Object === Object && Vt, yi = typeof self == "object" && self && self.Object === Object && self, xe = Fa || yi || Function("return this")(), Ia = a && !a.nodeType && a, Ra = Ia && !0 && e && !e.nodeType && e, Oa = Ra && Ra.exports === Ia, Gt = Oa && Fa.process, qa = function() {
+  var Fa = typeof Vt == "object" && Vt && Vt.Object === Object && Vt, yi = typeof self == "object" && self && self.Object === Object && self, xe = Fa || yi || Function("return this")(), Ia = a && !a.nodeType && a, Ra = Ia && !0 && e && !e.nodeType && e, Oa = Ra && Ra.exports === Ia, Yt = Oa && Fa.process, qa = function() {
     try {
-      return Gt && Gt.binding && Gt.binding("util");
+      return Yt && Yt.binding && Yt.binding("util");
     } catch {
     }
   }(), Xa = qa && qa.isTypedArray;
@@ -40661,12 +40671,12 @@ It.exports;
       g[++_] = j;
     }), g;
   }
-  var Si = Array.prototype, Ni = Function.prototype, Mt = Object.prototype, Yt = xe["__core-js_shared__"], Ba = Ni.toString, We = Mt.hasOwnProperty, Ga = function() {
-    var l = /[^.]+$/.exec(Yt && Yt.keys && Yt.keys.IE_PROTO || "");
+  var Si = Array.prototype, Ni = Function.prototype, Mt = Object.prototype, Zt = xe["__core-js_shared__"], Ba = Ni.toString, We = Mt.hasOwnProperty, Ga = function() {
+    var l = /[^.]+$/.exec(Zt && Zt.keys && Zt.keys.IE_PROTO || "");
     return l ? "Symbol(src)_1." + l : "";
   }(), Ya = Mt.toString, Ai = RegExp(
     "^" + Ba.call(We).replace(gi, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), Za = Oa ? xe.Buffer : void 0, zt = xe.Symbol, Ka = xe.Uint8Array, Qa = Mt.propertyIsEnumerable, Ti = Si.splice, Oe = zt ? zt.toStringTag : void 0, Ja = Object.getOwnPropertySymbols, Ci = Za ? Za.isBuffer : void 0, Ei = xi(Object.keys, Object), Zt = at(xe, "DataView"), dt = at(xe, "Map"), Kt = at(xe, "Promise"), Qt = at(xe, "Set"), Jt = at(xe, "WeakMap"), lt = at(Object, "create"), Vi = Be(Zt), Li = Be(dt), Hi = Be(Kt), Fi = Be(Qt), Ii = Be(Jt), Ua = zt ? zt.prototype : void 0, Ut = Ua ? Ua.valueOf : void 0;
+  ), Za = Oa ? xe.Buffer : void 0, zt = xe.Symbol, Ka = xe.Uint8Array, Qa = Mt.propertyIsEnumerable, Ti = Si.splice, Oe = zt ? zt.toStringTag : void 0, Ja = Object.getOwnPropertySymbols, Ci = Za ? Za.isBuffer : void 0, Ei = xi(Object.keys, Object), Kt = at(xe, "DataView"), dt = at(xe, "Map"), Qt = at(xe, "Promise"), Jt = at(xe, "Set"), Ut = at(xe, "WeakMap"), lt = at(Object, "create"), Vi = Be(Kt), Li = Be(dt), Hi = Be(Qt), Fi = Be(Jt), Ii = Be(Ut), Ua = zt ? zt.prototype : void 0, ea = Ua ? Ua.valueOf : void 0;
   function qe(l) {
     var _ = -1, g = l == null ? 0 : l.length;
     for (this.clear(); ++_ < g; ) {
@@ -40797,7 +40807,7 @@ It.exports;
   }
   Ce.prototype.clear = ir, Ce.prototype.delete = rr, Ce.prototype.get = sr, Ce.prototype.has = cr, Ce.prototype.set = dr;
   function lr(l, _) {
-    var g = Dt(l), j = !g && Mr(l), R = !g && !j && ea(l), C = !g && !j && !R && dn(l), G = g || j || R || C, te = G ? ki(l.length, String) : [], ne = te.length;
+    var g = Dt(l), j = !g && Mr(l), R = !g && !j && ta(l), C = !g && !j && !R && dn(l), G = g || j || R || C, te = G ? ki(l.length, String) : [], ne = te.length;
     for (var X in l)
       We.call(l, X) && !(G && // Safari 9 has enumerable `arguments.length` in strict mode.
       (X == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
@@ -40829,8 +40839,8 @@ It.exports;
     var G = Dt(l), te = Dt(_), ne = G ? p : Ee(l), X = te ? p : Ee(_);
     ne = ne == m ? x : ne, X = X == m ? x : X;
     var ye = ne == x, ze = X == x, ie = ne == X;
-    if (ie && ea(l)) {
-      if (!ea(_))
+    if (ie && ta(l)) {
+      if (!ta(_))
         return !1;
       G = !0, ye = !1;
     }
@@ -40925,8 +40935,8 @@ It.exports;
         var ye = an(te(l), te(_), j, R, C, G);
         return G.delete(l), ye;
       case ee:
-        if (Ut)
-          return Ut.call(l) == Ut.call(_);
+        if (ea)
+          return ea.call(l) == ea.call(_);
     }
     return !1;
   }
@@ -40987,7 +40997,7 @@ It.exports;
       return Qa.call(l, _);
     }));
   } : xr, Ee = ut;
-  (Zt && Ee(new Zt(new ArrayBuffer(1))) != kt || dt && Ee(new dt()) != z || Kt && Ee(Kt.resolve()) != P || Qt && Ee(new Qt()) != D || Jt && Ee(new Jt()) != ae) && (Ee = function(l) {
+  (Kt && Ee(new Kt(new ArrayBuffer(1))) != kt || dt && Ee(new dt()) != z || Qt && Ee(Qt.resolve()) != P || Jt && Ee(new Jt()) != D || Ut && Ee(new Ut()) != ae) && (Ee = function(l) {
     var _ = ut(l), g = _ == x ? l.constructor : void 0, j = g ? Be(g) : "";
     if (j)
       switch (j) {
@@ -41045,7 +41055,7 @@ It.exports;
   function zr(l) {
     return l != null && sn(l.length) && !rn(l);
   }
-  var ea = Ci || Dr;
+  var ta = Ci || Dr;
   function jr(l, _) {
     return tn(l, _);
   }
@@ -41078,7 +41088,7 @@ It.exports;
   e.exports = jr;
 })(It, It.exports);
 var kje = It.exports;
-const ca = /* @__PURE__ */ Pje(kje), Mje = ({
+const da = /* @__PURE__ */ Pje(kje), Mje = ({
   item: e,
   isItemSelected: a,
   isMobile: t
@@ -41155,7 +41165,7 @@ const ca = /* @__PURE__ */ Pje(kje), Mje = ({
     },
     children: n
   }
-), gDe = function e({
+), bDe = function e({
   items: a = [],
   value: t,
   onInput: n,
@@ -41226,14 +41236,14 @@ const ca = /* @__PURE__ */ Pje(kje), Mje = ({
       stackSelected: rt(
         (M) => {
           var D;
-          return (D = P.itemsMap.get(M)) == null ? void 0 : D.some((U) => ca(U, v.value));
+          return (D = P.itemsMap.get(M)) == null ? void 0 : D.some((U) => da(U, v.value));
         },
         [a, v.value]
       )
     }
   };
   return pe(() => {
-    t && !ca(t, v.value) && y((M) => ({ ...M, value: t }));
+    t && !da(t, v.value) && y((M) => ({ ...M, value: t }));
   }, [t]), pe(() => {
     n && n(v.value);
   }, [v.value]), /* @__PURE__ */ s("section", { className: p, ...b, style: { maxWidth: "100%" }, children: !h || !m ? /* @__PURE__ */ k(oe, { children: [
@@ -41306,7 +41316,7 @@ const ca = /* @__PURE__ */ Pje(kje), Mje = ({
                     S,
                     {
                       item: P.itemsMap.get(M)[0],
-                      isItemSelected: ca(
+                      isItemSelected: da(
                         v.value,
                         P.itemsMap.get(M)[0]
                       ),
@@ -41837,7 +41847,7 @@ const hxe = ({ children: e }) => {
       )
     }
   );
-}, bDe = ({
+}, vDe = ({
   value: e,
   onChange: a,
   name: t,
@@ -41854,7 +41864,7 @@ const hxe = ({ children: e }) => {
       name: t
     }
   ) });
-}, vDe = ({
+}, yDe = ({
   name: e,
   checked: a,
   // eslint-disable-next-line @typescript-eslint/naming-convention
@@ -41914,9 +41924,9 @@ export {
   uDe as DeletionModal,
   gxe as DeploymentTilesInput,
   $o as FLAVOR_CATEGORIES,
-  bDe as FeaturedDeploymentTilesInput,
+  vDe as FeaturedDeploymentTilesInput,
   ao as FlavorLocalzoneChip,
-  pDe as FlavorSelector,
+  hDe as FlavorSelector,
   yPe as FlavorTile,
   gPe as GLOBAL_REGIONS_INFO_URL,
   $s as KUBE_FLAVOR_CATEGORIES,
@@ -41933,9 +41943,9 @@ export {
   aDe as PciFreeLocalZonesBanner,
   Aoe as PciModal,
   nDe as PciTrustedZoneBanner,
-  fDe as Pricing,
-  hDe as QuantitySelector,
-  vDe as RadioAdapter,
+  gDe as Pricing,
+  fDe as QuantitySelector,
+  yDe as RadioAdapter,
   Dje as RadioField,
   WQ as Region3AZChip,
   xQ as RegionChipByType,
@@ -41944,7 +41954,7 @@ export {
   iDe as RegionSelector,
   rDe as RegionSummary,
   DQ as RegionTile,
-  gDe as ShapesInputComponent,
+  bDe as ShapesInputComponent,
   lDe as StreamsList,
   Noe as TailLogs,
   Rje as TilesInput,
@@ -41988,7 +41998,7 @@ export {
   vK as useApplicationName,
   _we as useBytes,
   bs as useCatalog,
-  Bt as useDbaasLogs,
+  Gt as useDbaasLogs,
   PK as useFeaturedDeploymentModes,
   ks as useFlavors,
   Hxe as useGetApiSchema,
@@ -42001,8 +42011,9 @@ export {
   hK as useLogsDetails,
   Ws as useMergedKubeFlavors,
   Xxe as useOperationProgress,
-  _De as usePCICommonContextFactory,
+  pDe as usePCICommonContextFactory,
   wK as usePCIFeatureAvailability,
+  _De as useParam,
   mDe as usePciUrl,
   hPe as usePricing,
   fs as useProductAvailability,