@ironsource/shared-ui 2.1.12-test.98 → 2.1.12

package/components/chart/ChartTooltip.vue2.js

@@ -1,16 +1,18 @@
- import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_e53c6287_lang.css"; import { defineComponent as m, openBlock as a, createElementBlock as o, createBlock as c, createCommentVNode as r, Fragment as y, renderList as v, createElementVNode as f, normalizeStyle as h, unref as l, createVNode as i, withCtx as n, createTextVNode as s, toDisplayString as u } from "vue";
+ import "../../ChartTooltip.vue_vue_type_style_index_0_scoped_9623dbbd_lang.css"; import { defineComponent as v, openBlock as l, createElementBlock as o, mergeProps as h, unref as e, createBlock as f, createCommentVNode as r, Fragment as b, renderList as C, createElementVNode as c, normalizeStyle as k, createVNode as i, withCtx as s, createTextVNode as u, toDisplayString as n } from "vue";
 import d from "../typography/v4/Typography.vue.js";
-import b from "../icon/v4/IconV4.vue.js";
+import A from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import { formatValue as x } from "./utils/utils.js";
-import k from "./TooltipHeader.vue.js";
-const C = { class: "chart-tooltip" }, g = {
+import { formatValue as m } from "./utils/utils.js";
+import I from "./TooltipHeader.vue.js";
+import { useTestIdAttrs as T } from "../../utils/testIds.js";
+import { ChartTooltipTestIdModifiers as x } from "../../testids/index.js";
+const g = {
   key: 1,
   class: "list"
-}, V = { class: "popover-label-wrapper" }, A = {
+}, p = { class: "popover-label-wrapper" }, V = {
   key: 2,
   class: "tooltip-footer"
-}, L = /* @__PURE__ */ m({
+}, O = /* @__PURE__ */ v({
   __name: "ChartTooltip",
   props: {
     title: { default: "" },
@@ -22,11 +24,13 @@ const C = { class: "chart-tooltip" }, g = {
     totalValue: { default: null },
     totalsChart: { type: Boolean, default: !1 },
     valueSuffix: { default: "" },
-    valuePrefix: { default: "" }
+    valuePrefix: { default: "" },
+    testId: { default: "" }
   },
   setup(t) {
-    return (F, S) => (a(), o("div", C, [
-      t.title ? (a(), c(k, {
+    const y = T(t.testId, x);
+    return (N, S) => (l(), o("div", h({ class: "chart-tooltip" }, e(y)[e(x).CONTAINER]), [
+      t.title ? (l(), f(I, {
         key: 0,
         title: t.title,
         "data-points": t.dataPoints,
@@ -34,64 +38,64 @@ const C = { class: "chart-tooltip" }, g = {
         "x-axis-format": t.xAxisFormat,
         "x-axis-date-interval": t.xAxisDateInterval
       }, null, 8, ["title", "data-points", "totals-chart", "x-axis-format", "x-axis-date-interval"])) : r("", !0),
-      t.totalsChart ? r("", !0) : (a(), o("ul", g, [
-        (a(!0), o(y, null, v(t.dataPoints, (e) => (a(), o("li", {
-          key: e.datasetIndex,
+      t.totalsChart ? r("", !0) : (l(), o("ul", g, [
+        (l(!0), o(b, null, C(t.dataPoints, (a) => (l(), o("li", {
+          key: a.datasetIndex,
           class: "list__item"
         }, [
-          f("span", {
+          c("span", {
             class: "color-box",
-            style: h({
-              backgroundColor: String(e.dataset.pointBackgroundColor)
+            style: k({
+              backgroundColor: String(a.dataset.pointBackgroundColor)
             })
           }, null, 4),
-          e.dataset.icon ? (a(), c(l(b), {
+          a.dataset.icon ? (l(), f(e(A), {
             key: 0,
             class: "platform-icon",
-            type: e.dataset.iconType,
-            name: e.dataset.icon,
+            type: a.dataset.iconType,
+            name: a.dataset.icon,
             size: "16px"
           }, null, 8, ["type", "name"])) : r("", !0),
-          f("div", V, [
-            i(l(d), {
+          c("div", p, [
+            i(e(d), {
               variant: "body2",
               class: "flex-grow truncated-label",
               "is-truncated": ""
             }, {
-              default: n(() => [
-                s(u(e.dataset.label), 1)
+              default: s(() => [
+                u(n(a.dataset.label), 1)
               ]),
               _: 2
             }, 1024)
           ]),
-          i(l(d), { variant: "body2" }, {
-            default: n(() => [
-              s(u(t.valuePrefix + l(x)(e.parsed.y, t.yAxisFormat) + t.valueSuffix), 1)
+          i(e(d), { variant: "body2" }, {
+            default: s(() => [
+              u(n(t.valuePrefix + e(m)(a.parsed.y, t.yAxisFormat, !0, !1) + t.valueSuffix), 1)
             ]),
             _: 2
           }, 1024)
         ]))), 128))
       ])),
-      t.totalValue !== null ? (a(), o("div", A, [
-        i(l(d), {
+      t.totalValue !== null ? (l(), o("div", V, [
+        i(e(d), {
           variant: "body2",
           class: "flex-grow"
         }, {
-          default: n(() => [
-            s(u(t.totalLabel), 1)
+          default: s(() => [
+            u(n(t.totalLabel), 1)
           ]),
           _: 1
         }),
-        i(l(d), { variant: "body2" }, {
-          default: n(() => [
-            s(u(t.valuePrefix + l(x)(t.totalValue, t.yAxisFormat) + t.valueSuffix), 1)
+        i(e(d), { variant: "body2" }, {
+          default: s(() => [
+            u(n(t.valuePrefix + e(m)(t.totalValue, t.yAxisFormat, !0) + t.valueSuffix), 1)
           ]),
           _: 1
         })
       ])) : r("", !0)
-    ]));
+    ], 16));
   }
 });
 export {
-  L as default
+  O as default
 };

package/components/chart/LegendSorting.vue.d.ts

@@ -2,19 +2,24 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     selected: unknown;
     options: unknown[];
     optionNameKey: string;
+    testId?: string;
 }>, {
     options: () => any[];
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:selected": (option: unknown) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     selected: unknown;
     options: unknown[];
     optionNameKey: string;
+    testId?: string;
 }>, {
     options: () => any[];
+    testId: string;
 }>>> & {
     "onUpdate:selected"?: (option: unknown) => any;
 }, {
+    testId: string;
     options: unknown[];
 }>;
 export default _default;

package/components/chart/LegendSorting.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as l, openBlock as m, createElementBlock as s, createVNode as r, unref as n, isRef as d, withCtx as a, mergeProps as c } from "vue";
+import { defineComponent as l, openBlock as s, createElementBlock as m, createVNode as r, unref as n, isRef as d, withCtx as a, mergeProps as c } from "vue";
 import u from "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import f from "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
@@ -15,28 +15,30 @@ const y = { class: "legend-sorting" }, L = /* @__PURE__ */ l({
   props: {
     selected: null,
     options: { default: () => [] },
-    optionNameKey: null
+    optionNameKey: null,
+    testId: { default: "" }
   },
   emits: ["update:selected"],
-  setup(o, { emit: p }) {
-    const t = g(o, "selected", p);
-    return (v, i) => (m(), s("div", y, [
+  setup(e, { emit: p }) {
+    const o = g(e, "selected", p);
+    return (v, i) => (s(), m("div", y, [
       r(n(u), {
-        selected: n(t),
-        "onUpdate:selected": i[0] || (i[0] = (e) => d(t) ? t.value = e : null),
-        "display-value": (e) => e[o.optionNameKey],
-        options: o.options,
-        "option-name-key": o.optionNameKey,
-        placement: "bottom-end"
+        selected: n(o),
+        "onUpdate:selected": i[0] || (i[0] = (t) => d(o) ? o.value = t : null),
+        "display-value": (t) => t[e.optionNameKey],
+        options: e.options,
+        "option-name-key": e.optionNameKey,
+        placement: "bottom-end",
+        "test-id": e.testId
       }, {
-        "dropdown-trigger": a(({ buttonTriggerProps: e }) => [
-          r(n(f), c(e, {
+        "dropdown-trigger": a(({ buttonTriggerProps: t }) => [
+          r(n(f), c(t, {
             "icon-name": "funnel-simple",
             "icon-type": "regular"
           }), null, 16)
         ]),
         _: 1
-      }, 8, ["selected", "display-value", "options", "option-name-key"])
+      }, 8, ["selected", "display-value", "options", "option-name-key", "test-id"])
     ]));
   }
 });

package/components/chart/SettingsHeader.vue.d.ts

@@ -1,15 +1,23 @@
 import { ChartType } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     chartType: ChartType;
     hideLegend: boolean;
+    testId?: string;
+}>, {
+    testId: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:chartType": (type: ChartType) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     chartType: ChartType;
     hideLegend: boolean;
+    testId?: string;
+}>, {
+    testId: string;
 }>>> & {
     "onUpdate:chartType"?: (type: ChartType) => any;
-}, {}>, {
+}, {
+    testId: string;
+}>, {
     "before-chart-type"?(_: {}): any;
     metric?(_: {}): any;
     breakdowns?(_: {}): any;
@@ -24,6 +32,14 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/components/chart/SettingsHeader.vue.js

@@ -1,7 +1,7 @@
 import e from "./SettingsHeader.vue2.js";
 /* empty css                     */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_01f78cd7_lang.css"; //*');
-const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-01f78cd7"]]);
+// import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_a869d327_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a869d327"]]);
 export {
-  c as default
+  a as default
 };

package/components/chart/SettingsHeader.vue2.js

@@ -1,66 +1,73 @@
- import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_01f78cd7_lang.css"; import { defineComponent as h, computed as g, openBlock as y, createElementBlock as f, createElementVNode as r, normalizeClass as l, renderSlot as i, createVNode as p, unref as t, isRef as v, withCtx as T, mergeProps as b } from "vue";
-import w from "../dropdown/v4/DropdownV4.vue.js";
+ import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_a869d327_lang.css"; import { defineComponent as y, computed as T, openBlock as v, createElementBlock as I, mergeProps as m, unref as t, createElementVNode as s, normalizeClass as c, renderSlot as i, createVNode as u, isRef as b, withCtx as w } from "vue";
+import N from "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
 import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ChipDropdownTrigger.vue.js";
 import "../dropdown/v4/AppDropdownTrigger.vue.js";
-import k from "../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import O from "../dropdown/v4/ButtonDropdownTrigger.vue.js";
 import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
 import "../dropdown/v4/TreeDropdown.vue.js";
 import "../dropdown/v4/OptionV4.vue.js";
 import "../dropdown/v4/ConditionalDropdown.vue.js";
-import { DROPDOWN_TYPE_OPTIONS as c } from "./consts.js";
-const B = { class: "settings-header-container" }, C = { class: "chart-type-selection" }, H = /* @__PURE__ */ h({
+import { DROPDOWN_TYPE_OPTIONS as f } from "./consts.js";
+import { useTestIdAttrs as k } from "../../utils/testIds.js";
+import { ChartSettingsHeaderTestIdModifiers as n } from "../../testids/index.js";
+const C = { class: "chart-type-selection" }, M = /* @__PURE__ */ y({
   __name: "SettingsHeader",
   props: {
     chartType: null,
-    hideLegend: { type: Boolean }
+    hideLegend: { type: Boolean },
+    testId: { default: "" }
   },
   emits: ["update:chartType"],
-  setup(s, { emit: m }) {
-    const u = s, o = g({
+  setup(r, { emit: h }) {
+    const a = r, o = T({
       get() {
-        return c.find(({ id: e }) => e === u.chartType);
+        return f.find(({ id: e }) => e === a.chartType);
       },
       set(e) {
-        m("update:chartType", e.id);
+        h("update:chartType", e.id);
       }
-    }), d = (e) => `Chart: ${e.name}`;
-    return (e, a) => (y(), f("div", B, [
-      r("div", {
-        class: l(["settings", { "settings-spacer": !s.hideLegend }])
+    }), l = (e) => `Chart: ${e.name}`, g = k(
+      a.testId,
+      n
+    );
+    return (e, p) => (v(), I("div", m({ class: "settings-header-container" }, t(g)[t(n).CONTAINER]), [
+      s("div", {
+        class: c(["settings", { "settings-spacer": !r.hideLegend }])
       }, [
         i(e.$slots, "before-chart-type", {}, void 0, !0),
-        r("div", C, [
-          p(t(w), {
+        s("div", C, [
+          u(t(N), {
             selected: t(o),
-            "onUpdate:selected": a[0] || (a[0] = (n) => v(o) ? o.value = n : null),
-            options: t(c),
+            "onUpdate:selected": p[0] || (p[0] = (d) => b(o) ? o.value = d : null),
+            options: t(f),
             "option-name-key": "name",
-            "display-value": d,
+            "display-value": l,
             placeholder: "Select chart type",
-            size: "small"
+            size: "small",
+            "test-id": `${r.testId}-${t(n).TYPE_DROPDOWN}`
           }, {
-            "dropdown-trigger": T(({ buttonTriggerProps: n }) => [
-              p(t(k), b(n, {
-                label: d(t(o))
+            "dropdown-trigger": w(({ buttonTriggerProps: d }) => [
+              u(t(O), m(d, {
+                label: l(t(o))
               }), null, 16, ["label"])
             ]),
             _: 1
-          }, 8, ["selected", "options"])
+          }, 8, ["selected", "options", "test-id"])
         ]),
-        r("div", null, [
+        s("div", null, [
           i(e.$slots, "metric", {}, void 0, !0)
         ])
       ], 2),
-      r("div", {
-        class: l(["breakdowns", { "breakdowns-border": !s.hideLegend }])
+      s("div", {
+        class: c(["breakdowns", { "breakdowns-border": !r.hideLegend }])
       }, [
         i(e.$slots, "breakdowns", {}, void 0, !0)
       ], 2)
-    ]));
+    ], 16));
   }
 });
 export {
-  H as default
+  M as default
 };

package/components/chart/TooltipHeader.vue.js

@@ -1,7 +1,7 @@
 import o from "./TooltipHeader.vue2.js";
 /* empty css                    */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_3b15c693_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-3b15c693"]]);
+// import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_da3532aa_lang.css"; //*');
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-da3532aa"]]);
 export {
-  s as default
+  p as default
 };

package/components/chart/TooltipHeader.vue2.js

@@ -1,12 +1,12 @@
- import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_3b15c693_lang.css"; import { defineComponent as v, computed as m, openBlock as n, createElementBlock as f, createElementVNode as A, unref as t, createCommentVNode as s, createBlock as u, createVNode as D, withCtx as d, createTextVNode as x, toDisplayString as p } from "vue";
-import { formatValue as r } from "./utils/utils.js";
+ import "../../TooltipHeader.vue_vue_type_style_index_0_scoped_da3532aa_lang.css"; import { defineComponent as v, computed as m, openBlock as n, createElementBlock as f, createElementVNode as A, unref as t, createCommentVNode as s, createBlock as u, createVNode as T, withCtx as d, createTextVNode as x, toDisplayString as p } from "vue";
+import { formatValue as o } from "./utils/utils.js";
 import y from "../typography/v4/Typography.vue.js";
 import { DateInterval as c } from "./types.js";
-import T from "../icon/v4/IconV4.vue.js";
-import k from "../icon/v4/IconFlag.vue.js";
-import { startOfWeek as C, endOfWeek as F, startOfMonth as I, endOfMonth as O } from "date-fns";
+import k from "../icon/v4/IconV4.vue.js";
+import O from "../icon/v4/IconFlag.vue.js";
+import { startOfWeek as C, startOfDay as h, endOfWeek as F, startOfMonth as I, endOfMonth as E } from "date-fns";
 import { LONG_DATE_FORMAT as i } from "./consts.js";
-const E = { class: "tooltip-title-wrapper" }, N = { class: "main-title" }, L = ["src"], P = /* @__PURE__ */ v({
+const N = { class: "tooltip-title-wrapper" }, L = { class: "main-title" }, M = ["src"], K = /* @__PURE__ */ v({
   __name: "TooltipHeader",
   props: {
     title: { default: "" },
@@ -16,37 +16,37 @@ const E = { class: "tooltip-title-wrapper" }, N = { class: "main-title" }, L = [
     totalsChart: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const e = a, o = m(() => e.dataPoints.length ? e.dataPoints[0].dataset : null), h = m(() => e.totalsChart ? o.value?.label || e.title : e.xAxisFormat === "date" ? g(new Date(e.title)) : r(e.title, e.xAxisFormat)), g = (l) => e.xAxisDateInterval === c.WEEKLY ? `
-      ${r(C(l), i)} -
-      ${r(F(l), i)}
+    const e = a, r = m(() => e.dataPoints.length ? e.dataPoints[0].dataset : null), D = m(() => e.totalsChart ? r.value?.label || e.title : e.xAxisFormat === "date" ? g(new Date(e.title)) : o(e.title, e.xAxisFormat)), g = (l) => e.xAxisDateInterval === c.WEEKLY ? `
+      ${o(C(l), i)} -
+      ${o(h(F(l)), i)}
     ` : e.xAxisDateInterval === c.MONTHLY ? `
-      ${r(I(l), i)} -
-      ${r(O(l), i)}
-    ` : r(l, i);
-    return (l, M) => (n(), f("div", E, [
-      A("div", N, [
-        a.totalsChart && t(o)?.image ? (n(), f("img", {
+      ${o(I(l), i)} -
+      ${o(h(E(l)), i)}
+    ` : o(l, i);
+    return (l, V) => (n(), f("div", N, [
+      A("div", L, [
+        a.totalsChart && t(r)?.image ? (n(), f("img", {
           key: 0,
           class: "title-image",
-          src: t(o)?.image
-        }, null, 8, L)) : s("", !0),
-        a.totalsChart && t(o)?.countryFlag ? (n(), u(t(k), {
+          src: t(r)?.image
+        }, null, 8, M)) : s("", !0),
+        a.totalsChart && t(r)?.countryFlag ? (n(), u(t(O), {
           key: 1,
-          "country-code": t(o).countryFlag
+          "country-code": t(r).countryFlag
         }, null, 8, ["country-code"])) : s("", !0),
-        a.totalsChart && t(o)?.icon ? (n(), u(t(T), {
+        a.totalsChart && t(r)?.icon ? (n(), u(t(k), {
           key: 2,
           class: "platform-icon",
-          type: t(o)?.iconType,
-          name: t(o)?.icon,
+          type: t(r)?.iconType,
+          name: t(r)?.icon,
           size: "16px"
         }, null, 8, ["type", "name"])) : s("", !0),
-        D(t(y), {
+        T(t(y), {
           class: "title-text",
           variant: "subtitle2"
         }, {
           default: d(() => [
-            x(p(t(h)), 1)
+            x(p(t(D)), 1)
           ]),
           _: 1
         })
@@ -57,7 +57,7 @@ const E = { class: "tooltip-title-wrapper" }, N = { class: "main-title" }, L = [
         variant: "caption"
       }, {
         default: d(() => [
-          x(p(t(r)(a.title, "day")), 1)
+          x(p(t(o)(a.title, "day")), 1)
         ]),
         _: 1
       })) : s("", !0)
@@ -65,5 +65,5 @@ const E = { class: "tooltip-title-wrapper" }, N = { class: "main-title" }, L = [
   }
 });
 export {
-  P as default
+  K as default
 };

package/components/chart/colorPalette.d.ts

@@ -1,4 +1,5 @@
 import { HexColor } from '@/components/chart/types';
 export declare const DEFAULT_CHART_COLOR: HexColor;
-export declare const COLOR_PALETTE: HexColor[];
+export declare const DEFAULT_COLOR_PALETTE: HexColor[];
+export declare const MEDIATION_COLOR_PALETTE: HexColor[];
 export declare const RESERVED_COLORS_MAP: Record<string, HexColor>;

package/components/chart/colorPalette.js

@@ -1,5 +1,5 @@
-import { NETWORK_UNITY_ADS as _, BIDDING_PREFIX as F, NETWORK_AD_MOB as N, NETWORK_IRON_SOURCE as E, NETWORK_MINTEGRAL as T, NETWORK_APPLOVIN as A, NETWORK_FACEBOOK_META as $, NETWORK_LIFTOFF as O, NETWORK_PANGLE as C, NETWORK_INMOBI as R, NETWORK_DT_EXCHANGE as B } from "./consts.js";
-const I = "#c9c9c9", K = [
+import { NETWORK_UNITY_ADS as R, BIDDING_PREFIX as F, NETWORK_AD_MOB as T, NETWORK_IRON_SOURCE as E, NETWORK_MINTEGRAL as _, NETWORK_APPLOVIN as C, NETWORK_FACEBOOK_META as A, NETWORK_LIFTOFF as B, NETWORK_PANGLE as O, NETWORK_INMOBI as $, NETWORK_DT_EXCHANGE as D } from "./consts.js";
+const I = "#c9c9c9", L = [
   "#80BCFE",
   "#9999FF",
   "#5883E4",
@@ -10,45 +10,59 @@ const I = "#c9c9c9", K = [
   "#673AFF",
   "#CA80DC",
   "#FEBBB2"
-], t = {
+], t = [
+  "#487BEC",
+  "#FFC670",
+  "#80CBC4",
+  "#FF7557",
+  "#7856FF",
+  "#FEBBB2",
+  "#DA88EE",
+  "#0D7EA0",
+  "#01AB01",
+  "#B3596E"
+], K = {
   Total: "#646464",
   // AB tests
   A: "#FFC134",
   B: "#4F4FF5",
   // Countries
-  US: "#272EC4",
-  CN: "#F52E1E",
-  GB: "#0082FF",
-  DE: "#FFD600",
-  JP: "#BA0029",
-  AU: "#009BCB",
-  FR: "#34A853",
+  US: "#9999FF",
+  CN: "#FF1200",
+  GB: "#89009B",
+  DE: "#FBE32D",
+  JP: "#8D001F",
+  AU: "#E57D00",
+  FR: "#ACC62C",
+  RU: "#FF70AA",
   // Ad formats
-  Rewarded: "#0082FF",
-  Interstitial: "#009BCB",
-  Banner: "#9668FF",
-  Native: "#FF35A2",
+  Rewarded: "#80BCFE",
+  Interstitial: "#8D001F",
+  Banner: "#E57D00",
+  Native: "#ACC62C",
+  Offerwall: "#9999FF",
   // Ad sources
-  [`${_} ${F}`]: "#9668FF",
-  [`${N} ${F}`]: "#34A853",
-  [`${E} ${F}`]: "#272EC4",
-  [`${E}`]: "#5C63E7",
-  [`${T} ${F}`]: "#00D8B2",
-  [`${A} ${F}`]: "#009BCB",
-  [`${A}`]: "#80CDE5",
-  [`${$} ${F}`]: "#0082FF",
-  [`${$}`]: "#52AAFF",
-  [`${O} ${F}`]: "#FF35A2",
-  [`${O}`]: "#FF9AD1",
-  [`${C} ${F}`]: "#F52E1E",
-  [`${C}`]: "#FA9F97",
-  [`${R} ${F}`]: "#FFD600",
-  [`${R}`]: "#FFEC8A",
-  [`${B} ${F}`]: "#BA0029",
-  [`${B}`]: "#DD8094"
+  [`${R} ${F}`]: "#80BCFE",
+  [`${T} ${F}`]: "#ACC62C",
+  [`${E} ${F}`]: "#9999FF",
+  [`${E}`]: "#CCCCFF",
+  [`${_} ${F}`]: "#E57D00",
+  [`${C} ${F}`]: "#00CCD7",
+  [`${C}`]: "#80E5EB",
+  [`${A} ${F}`]: "#89009B",
+  [`${A}`]: "#B866C3",
+  [`${B} ${F}`]: "#FF70AA",
+  [`${B}`]: "#FFB1DB",
+  [`${O} ${F}`]: "#FF1200",
+  [`${O}`]: "#FF8880",
+  [`${$} ${F}`]: "#FBE32D",
+  [`${$}`]: "#FDF196",
+  [`${D} ${F}`]: "#8D001F",
+  [`${D}`]: "#C6808F"
 };
 export {
-  K as COLOR_PALETTE,
   I as DEFAULT_CHART_COLOR,
-  t as RESERVED_COLORS_MAP
+  L as DEFAULT_COLOR_PALETTE,
+  t as MEDIATION_COLOR_PALETTE,
+  K as RESERVED_COLORS_MAP
 };

package/components/chart/composables/useColorsMap.d.ts

@@ -1,10 +1,12 @@
 import { Ref } from 'vue';
 import { ChartDataSet } from '@/components/chart';
+import { ColorVariant } from '@/components/chart/types';
 type UseColorsMapArgs = {
     dataSets: Ref<ChartDataSet[]>;
     visibleIds: Ref<unknown[]>;
+    variant?: ColorVariant;
 };
-export declare const useColorsMap: ({ dataSets, visibleIds }: UseColorsMapArgs) => {
+export declare const useColorsMap: ({ dataSets, visibleIds, variant, }: UseColorsMapArgs) => {
     colorsMap: Ref<Record<string, `#${string}`>>;
 };
 export {};