@ironsource/shared-ui 2.1.7-rc.14 → 2.1.7-rc.15

package/IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css

@@ -0,0 +1 @@
+.icon[data-v-dc433d48]{user-select:none;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content}.icon .icon-wrapper[data-v-dc433d48]{width:var(--3d423be4);height:var(--513646c9);color:var(--ad86ac0c)}.icon .icon-wrapper[data-v-dc433d48] svg{width:100%;height:100%}

package/components/appHeader/AppHeader.vue.d.ts

@@ -38,8 +38,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     name: string;
     type: 'small' | 'normal';
     image: string;
-    testId: string;
     platform: 'android' | 'ios';
+    testId: string;
     appKey: string;
     showAbIcon: boolean;
 }>;

package/components/appHeader/index.d.ts

@@ -14,13 +14,13 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
-    testId: {
-        type: import("vue").PropType<string>;
+    platform: {
+        type: import("vue").PropType<"android" | "ios">;
         required: true;
         default: string;
     };
-    platform: {
-        type: import("vue").PropType<"android" | "ios">;
+    testId: {
+        type: import("vue").PropType<string>;
         required: true;
         default: string;
     };
@@ -50,13 +50,13 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
-    testId: {
-        type: import("vue").PropType<string>;
+    platform: {
+        type: import("vue").PropType<"android" | "ios">;
         required: true;
         default: string;
     };
-    platform: {
-        type: import("vue").PropType<"android" | "ios">;
+    testId: {
+        type: import("vue").PropType<string>;
         required: true;
         default: string;
     };
@@ -75,8 +75,8 @@ declare const AppHeaderTypes: () => import("vue").DefineComponent<{
     name: string;
     type: "small" | "normal";
     image: string;
-    testId: string;
     platform: "android" | "ios";
+    testId: string;
     appKey: string;
     showAbIcon: boolean;
 }>[];

package/components/icon/v4/IconV4.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size?: string;
     height?: string;
     width?: string;
+    platform?: string;
 }>, {
     name: any;
     size: any;
@@ -12,6 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
     height: any;
     width: any;
+    platform: any;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     type?: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     name?: string;
@@ -19,6 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size?: string;
     height?: string;
     width?: string;
+    platform?: string;
 }>, {
     name: any;
     size: any;
@@ -26,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
     height: any;
     width: any;
+    platform: any;
 }>>>, {
     name: string;
     type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -33,6 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: string;
     height: string;
     width: string;
+    platform: string;
 }>, {
     default?(_: {}): any;
 }>;

package/components/icon/v4/IconV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./IconV4.vue2.js";
-/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../IconV4.vue_vue_type_style_index_0_scoped_1eea7671_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-1eea7671"]]);
+/* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-dc433d48"]]);
 export {
-  c as default
+  t as default
 };

package/components/icon/v4/IconV4.vue2.js

@@ -1,7 +1,7 @@
- import "../../../IconV4.vue_vue_type_style_index_0_scoped_1eea7671_lang.css"; import { defineComponent as $, useCssVars as S, unref as a, useSlots as w, computed as o, watch as C, openBlock as u, createElementBlock as f, normalizeClass as _, createCommentVNode as b, renderSlot as z } from "vue";
-import { useStorage as I } from "../../../composables/useStorage.js";
+ import "../../../IconV4.vue_vue_type_style_index_0_scoped_dc433d48_lang.css"; import { defineComponent as S, useCssVars as w, unref as s, useSlots as C, computed as o, watch as _, openBlock as u, createElementBlock as f, normalizeClass as b, createCommentVNode as z, renderSlot as I } from "vue";
+import { useStorage as T } from "../../../composables/useStorage.js";
 import { ASSETS_BASE_URL as U } from "./consts.js";
-const V = ["innerHTML"], B = /* @__PURE__ */ $({
+const V = ["innerHTML"], B = /* @__PURE__ */ S({
   __name: "IconV4",
   props: {
     type: { default: "regular" },
@@ -9,34 +9,37 @@ const V = ["innerHTML"], B = /* @__PURE__ */ $({
     color: { default: null },
     size: { default: null },
     height: { default: null },
-    width: { default: null }
+    width: { default: null },
+    platform: { default: null }
   },
-  setup(c) {
-    const e = c;
-    S((t) => ({
-      "2034b1ce": a(d),
-      "66dae3c2": a(m),
-      "5a4ab638": c.color
+  setup(r) {
+    const e = r;
+    w((t) => ({
+      "3d423be4": s(d),
+      "513646c9": s(m),
+      ad86ac0c: r.color
     }));
-    const s = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, p = w(), d = o(() => e.size || e.width), m = o(() => e.size || e.height), h = o(() => {
+    const a = window.sharedUIRequestCache = window.sharedUIRequestCache || {}, p = C(), d = o(() => e.size || e.width), m = o(() => e.size || e.height), h = o(
+      () => e.platform ? `${e.type}/${e.platform}` : e.type
+    ), y = o(() => {
       if (!e.name)
         return "";
       const t = e.name.split("/");
       return [e.name ? `icon-name--${t.at(-1)}` : ""];
-    }), l = o(() => {
+    }), c = o(() => {
       if (p.default)
         return "";
       if (!e.name)
         return console.error("Please provided icon name"), "";
       const t = e.type === "regular" || e.type === "bold" || e.type === "fill" ? "ph/" : "v4/", n = e.type === "bold" || e.type === "fill" ? `-${e.type}` : "";
-      return `${U}/icons/${t}${e.type}/${e.name}${n}.svg`;
-    }), r = I(`icon-${e.type}--${e.name}`);
+      return `${U}/icons/${t}${h.value}/${e.name}${n}.svg`;
+    }), l = T(`icon-${e.type}--${e.name}`);
     function g(t) {
-      return s[t] || (s[t] = fetch(t).then((n) => n.text()).finally(() => {
-        delete s[t];
+      return a[t] || (a[t] = fetch(t).then((n) => n.text()).finally(() => {
+        delete a[t];
       }).catch((n) => {
         console.error(n);
-      })), s[t];
+      })), a[t];
     }
     function v(t) {
       return t.replace(
@@ -45,21 +48,21 @@ const V = ["innerHTML"], B = /* @__PURE__ */ $({
       );
     }
     function i() {
-      g(l.value).then((t) => {
-        typeof t == "string" && t.startsWith("<svg") && (r.value = t);
+      g(c.value).then((t) => {
+        typeof t == "string" && t.startsWith("<svg") && (l.value = t);
       });
     }
-    !r.value && l.value && i();
-    const y = o(() => v(r.value ?? ""));
-    return C(() => e.name, i), (t, n) => (u(), f("span", {
-      class: _(["icon", a(h)])
+    !l.value && c.value && i();
+    const $ = o(() => v(l.value ?? ""));
+    return _(() => e.name, i), (t, n) => (u(), f("span", {
+      class: b(["icon", s(y)])
     }, [
-      t.$slots.default ? b("", !0) : (u(), f("span", {
+      t.$slots.default ? z("", !0) : (u(), f("span", {
         key: 0,
         class: "icon-wrapper",
-        innerHTML: a(y)
+        innerHTML: s($)
       }, null, 8, V)),
-      z(t.$slots, "default", {}, void 0, !0)
+      I(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 });

package/components/icon/v4/index.d.ts

@@ -10,6 +10,7 @@ declare const IconTypes: () => ({
             size: string;
             height: string;
             width: string;
+            platform: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             name: {
                 type: import("vue").PropType<string>;
@@ -35,7 +36,11 @@ declare const IconTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width">;
+            platform: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -74,6 +79,10 @@ declare const IconTypes: () => ({
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            platform: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
             name: string;
             type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -81,6 +90,7 @@ declare const IconTypes: () => ({
             size: string;
             height: string;
             width: string;
+            platform: string;
         }, {}, string> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -126,6 +136,10 @@ declare const IconTypes: () => ({
             type: import("vue").PropType<string>;
             default: any;
         };
+        platform: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -155,6 +169,10 @@ declare const IconTypes: () => ({
         type: import("vue").PropType<string>;
         default: any;
     };
+    platform: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     name: string;
     type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -162,6 +180,7 @@ declare const IconTypes: () => ({
     size: string;
     height: string;
     width: string;
+    platform: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/design-foundation.stories/icons/iconsData.d.ts

@@ -15,8 +15,12 @@ declare const iconsAdNetworks: {
     name: string;
     path: string;
 }[];
-declare const iconsContentRateData: {
+declare const iconsIosContentRateData: {
     name: string;
     path: string;
 }[];
-export { assetsPath, iconsBrandedData, iconsADUnitData, iconsABTestData, iconsAdNetworks, iconsContentRateData, };
+declare const iconsAndroidContentRateData: {
+    name: string;
+    path: string;
+}[];
+export { assetsPath, iconsBrandedData, iconsADUnitData, iconsABTestData, iconsAdNetworks, iconsIosContentRateData, iconsAndroidContentRateData, };

package/index.d.ts

@@ -2595,13 +2595,13 @@ declare const _default: {
             required: true;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
+        platform: {
+            type: import("vue").PropType<"android" | "ios">;
             required: true;
             default: string;
         };
-        platform: {
-            type: import("vue").PropType<"android" | "ios">;
+        testId: {
+            type: import("vue").PropType<string>;
             required: true;
             default: string;
         };
@@ -2631,13 +2631,13 @@ declare const _default: {
             required: true;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
+        platform: {
+            type: import("vue").PropType<"android" | "ios">;
             required: true;
             default: string;
         };
-        platform: {
-            type: import("vue").PropType<"android" | "ios">;
+        testId: {
+            type: import("vue").PropType<string>;
             required: true;
             default: string;
         };
@@ -2656,8 +2656,8 @@ declare const _default: {
         name: string;
         type: "small" | "normal";
         image: string;
-        testId: string;
         platform: "android" | "ios";
+        testId: string;
         appKey: string;
         showAbIcon: boolean;
     }>;
@@ -2676,13 +2676,13 @@ declare const _default: {
             required: true;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
+        platform: {
+            type: import("vue").PropType<"android" | "ios">;
             required: true;
             default: string;
         };
-        platform: {
-            type: import("vue").PropType<"android" | "ios">;
+        testId: {
+            type: import("vue").PropType<string>;
             required: true;
             default: string;
         };
@@ -2712,13 +2712,13 @@ declare const _default: {
             required: true;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
+        platform: {
+            type: import("vue").PropType<"android" | "ios">;
             required: true;
             default: string;
         };
-        platform: {
-            type: import("vue").PropType<"android" | "ios">;
+        testId: {
+            type: import("vue").PropType<string>;
             required: true;
             default: string;
         };
@@ -2737,8 +2737,8 @@ declare const _default: {
         name: string;
         type: "small" | "normal";
         image: string;
-        testId: string;
         platform: "android" | "ios";
+        testId: string;
         appKey: string;
         showAbIcon: boolean;
     }>[];
@@ -10845,6 +10845,7 @@ declare const _default: {
                 size: string;
                 height: string;
                 width: string;
+                platform: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: import("vue").PropType<string>;
@@ -10870,7 +10871,11 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width">;
+                platform: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -10909,6 +10914,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                platform: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 name: string;
                 type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -10916,6 +10925,7 @@ declare const _default: {
                 size: string;
                 height: string;
                 width: string;
+                platform: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -10961,6 +10971,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            platform: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -10990,6 +11004,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        platform: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         name: string;
         type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -10997,6 +11015,7 @@ declare const _default: {
         size: string;
         height: string;
         width: string;
+        platform: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -11013,6 +11032,7 @@ declare const _default: {
                 size: string;
                 height: string;
                 width: string;
+                platform: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: import("vue").PropType<string>;
@@ -11038,7 +11058,11 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width">;
+                platform: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -11077,6 +11101,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                platform: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 name: string;
                 type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -11084,6 +11112,7 @@ declare const _default: {
                 size: string;
                 height: string;
                 width: string;
+                platform: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -11129,6 +11158,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            platform: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -11158,6 +11191,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        platform: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         name: string;
         type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -11165,6 +11202,7 @@ declare const _default: {
         size: string;
         height: string;
         width: string;
+        platform: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.7-rc.14",
+  "version": "2.1.7-rc.15",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/IconV4.vue_vue_type_style_index_0_scoped_1eea7671_lang.css

@@ -1 +0,0 @@
-.icon[data-v-1eea7671]{user-select:none;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content}.icon .icon-wrapper[data-v-1eea7671]{width:var(--2034b1ce);height:var(--66dae3c2);color:var(--5a4ab638)}.icon .icon-wrapper[data-v-1eea7671] svg{width:100%;height:100%}