@ironsource/shared-ui 2.2.0-test.1 → 2.2.0-test.11

package/components/includeExclude/index.d.ts

@@ -1361,14 +1361,14 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
             showIcon: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1459,14 +1459,14 @@ declare const IncludeExcludeTypes: () => (({
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
-            options: {
-                type: import("vue").PropType<unknown[]>;
-                required: true;
-            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
             showIcon: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1583,14 +1583,14 @@ declare const IncludeExcludeTypes: () => (({
             type: import("vue").PropType<unknown[]>;
             required: true;
         };
-        options: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
-        };
         isLoading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
         showIcon: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1671,14 +1671,14 @@ declare const IncludeExcludeTypes: () => (({
         type: import("vue").PropType<unknown[]>;
         required: true;
     };
-    options: {
-        type: import("vue").PropType<unknown[]>;
-        required: true;
-    };
     isLoading: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
     showIcon: {
         type: import("vue").PropType<boolean>;
         default: boolean;

package/components/inlineCopy/InlineCopy.vue.d.ts

@@ -9,6 +9,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     tooltipText?: string;
     tooltipPlacement?: TooltipPositions;
     valueToCopy?: string;
+    asyncCopy?: boolean;
+    isLoading?: boolean;
+    loadingTitle?: string;
 }>, {
     size: string;
     text: string;
@@ -19,6 +22,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     tooltipText: string;
     tooltipPlacement: string;
     valueToCopy: string;
+    asyncCopy: boolean;
+    isLoading: boolean;
+    loadingTitle: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     copy: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -31,6 +37,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     tooltipText?: string;
     tooltipPlacement?: TooltipPositions;
     valueToCopy?: string;
+    asyncCopy?: boolean;
+    isLoading?: boolean;
+    loadingTitle?: string;
 }>, {
     size: string;
     text: string;
@@ -41,6 +50,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     tooltipText: string;
     tooltipPlacement: string;
     valueToCopy: string;
+    asyncCopy: boolean;
+    isLoading: boolean;
+    loadingTitle: string;
 }>>> & {
     onCopy?: () => any;
 }, {
@@ -49,10 +61,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     tooltipText: string;
     tooltipPlacement: TooltipPositions;
     size: 'small' | 'medium';
+    isLoading: boolean;
     hideTextValue: boolean;
     iconSize: string;
     tooltipHeader: string;
     valueToCopy: string;
+    asyncCopy: boolean;
+    loadingTitle: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/inlineCopy/InlineCopy.vue.js

@@ -1,7 +1,7 @@
 import o from "./InlineCopy.vue2.js";
 /* empty css                 */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ad48b61e"]]);
+// import "../../InlineCopy.vue_vue_type_style_index_0_scoped_9fa1921a_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-9fa1921a"]]);
 export {
   t as default
 };

package/components/inlineCopy/InlineCopy.vue2.js

@@ -1,13 +1,13 @@
- import "../../InlineCopy.vue_vue_type_style_index_0_scoped_ad48b61e_lang.css"; import { defineComponent as y, computed as x, openBlock as c, createElementBlock as T, createBlock as C, unref as e, mergeProps as n, withCtx as r, createTextVNode as h, toDisplayString as z, createCommentVNode as I, createVNode as s } from "vue";
-import k from "../icon/v4/IconV4.vue.js";
+ import "../../InlineCopy.vue_vue_type_style_index_0_scoped_9fa1921a_lang.css"; import { defineComponent as v, ref as g, computed as h, watch as k, resolveComponent as z, openBlock as m, createElementBlock as I, createBlock as B, unref as t, mergeProps as y, withCtx as T, createTextVNode as S, toDisplayString as w, createCommentVNode as V, createVNode as n } from "vue";
+import b from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
-import S from "../typography/v4/Typography.vue.js";
-import { useClipboard as V } from "@vueuse/core";
-import { Snackbar as v } from "../snackbar/v4/index.js";
-import B from "../tooltip/v4/TooltipV4.vue.js";
-import { useTestIdAttrs as b } from "../../utils/testIds.js";
-import { InlineCopyTestIdModifiers as a } from "../../testids/index.js";
-const X = /* @__PURE__ */ y({
+import L from "../typography/v4/Typography.vue.js";
+import { useClipboard as N } from "@vueuse/core";
+import { Snackbar as c } from "../snackbar/v4/index.js";
+import P from "../tooltip/v4/TooltipV4.vue.js";
+import { useTestIdAttrs as A } from "../../utils/testIds.js";
+import { InlineCopyTestIdModifiers as s } from "../../testids/index.js";
+const F = /* @__PURE__ */ v({
   __name: "InlineCopy",
   props: {
     text: { default: "" },
@@ -18,57 +18,86 @@ const X = /* @__PURE__ */ y({
     tooltipHeader: { default: "" },
     tooltipText: { default: "Copy to clipboard" },
     tooltipPlacement: { default: "bottom" },
-    valueToCopy: { default: "" }
+    valueToCopy: { default: "" },
+    asyncCopy: { type: Boolean, default: !1 },
+    isLoading: { type: Boolean, default: !1 },
+    loadingTitle: { default: "" }
   },
   emits: ["copy"],
-  setup(t, { emit: p }) {
-    const o = t, { copy: d, copied: m } = V({}), u = x(() => {
-      switch (o.size) {
+  setup(o, { emit: r }) {
+    const e = o, a = g(null), { copy: d, copied: p } = N({}), C = h(() => {
+      switch (e.size) {
         case "medium":
           return "0.875rem";
         case "small":
         default:
           return "0.75rem";
       }
-    }), f = async () => {
-      const i = o.valueToCopy || o.text;
-      await d(i), m.value && v({
-        title: "Copied successfully",
-        type: "success",
-        duration: 2e3
-      }), p("copy");
-    }, l = b(o.testId, a);
-    return (i, N) => (c(), T("div", {
-      class: "inline-copy",
-      onClick: f
-    }, [
-      t.hideTextValue ? I("", !0) : (c(), C(e(S), n({
-        key: 0,
-        variant: "caption",
-        style: { fontSize: e(u) }
-      }, e(l)[e(a).TEXT]), {
-        default: r(() => [
-          h(z(t.text), 1)
-        ]),
-        _: 1
-      }, 16, ["style"])),
-      s(e(B), {
-        text: t.tooltipText,
-        header: t.tooltipHeader,
-        placement: t.tooltipPlacement
-      }, {
-        default: r(() => [
-          s(e(k), n({
-            class: "icon-copy",
-            name: "copy",
-            size: t.iconSize || "16px"
-          }, e(l)[e(a).COPY_BTN]), null, 16, ["size"])
-        ]),
-        _: 1
-      }, 8, ["text", "header", "placement"])
-    ]));
+    });
+    k(
+      () => e.isLoading,
+      async (l, f) => {
+        if (f && !l && a.value) {
+          const i = e.valueToCopy || e.text;
+          a.value.close(), await d(i), p.value && c({
+            title: "Copied successfully",
+            type: "success",
+            duration: 2e3
+          }), a.value = null;
+        }
+      }
+    );
+    const x = async () => {
+      if (e.asyncCopy)
+        a.value = c({
+          title: e.loadingTitle,
+          type: "loading",
+          isLoading: !0
+        }), r("copy");
+      else {
+        const l = e.valueToCopy || e.text;
+        await d(l), p.value && c({
+          title: "Copied successfully",
+          type: "success",
+          duration: 2e3
+        }), r("copy");
+      }
+    }, u = A(e.testId, s);
+    return (l, f) => {
+      const i = z("Loader");
+      return m(), I("div", {
+        class: "inline-copy",
+        onClick: x
+      }, [
+        o.hideTextValue ? V("", !0) : (m(), B(t(L), y({
+          key: 0,
+          variant: "caption",
+          style: { fontSize: t(C) }
+        }, t(u)[t(s).TEXT]), {
+          default: T(() => [
+            S(w(o.text), 1)
+          ]),
+          _: 1
+        }, 16, ["style"])),
+        n(i, { "stroke-width": 2 }),
+        n(t(P), {
+          text: o.tooltipText,
+          header: o.tooltipHeader,
+          placement: o.tooltipPlacement
+        }, {
+          default: T(() => [
+            n(t(b), y({
+              class: "icon-copy",
+              name: "copy",
+              size: o.iconSize || "16px"
+            }, t(u)[t(s).COPY_BTN]), null, 16, ["size"])
+          ]),
+          _: 1
+        }, 8, ["text", "header", "placement"])
+      ]);
+    };
   }
 });
 export {
-  X as default
+  F as default
 };

package/components/inlineCopy/index.d.ts

@@ -23,6 +23,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     hideTextValue: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -40,6 +44,14 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    asyncCopy: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    loadingTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     copy: () => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -66,6 +78,10 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         required: true;
         default: string;
     };
+    isLoading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     hideTextValue: {
         type: import("vue").PropType<boolean>;
         required: true;
@@ -83,6 +99,14 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    asyncCopy: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    loadingTitle: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     onCopy?: () => any;
 }, {
@@ -91,9 +115,12 @@ declare const InlineCopyTypes: () => import("vue").DefineComponent<{
     tooltipText: string;
     tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
     size: "small" | "medium";
+    isLoading: boolean;
     hideTextValue: boolean;
     iconSize: string;
     tooltipHeader: string;
     valueToCopy: string;
+    asyncCopy: boolean;
+    loadingTitle: string;
 }>[];
 export { InlineCopy, InlineCopyTypes };

package/components/radioButton/v4/RadioButtonV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./RadioButtonV4.vue2.js";
 /* empty css                    */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_b3d96cf5_lang.css"; //*');
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b3d96cf5"]]);
+// import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4f3c7037"]]);
 export {
   c as default
 };

package/components/radioButton/v4/RadioButtonV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_b3d96cf5_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
+ import "../../../RadioButtonV4.vue_vue_type_style_index_0_scoped_4f3c7037_lang.css"; import { defineComponent as R, ref as g, inject as k, computed as c, openBlock as b, createElementBlock as B, normalizeClass as v, unref as e, createElementVNode as l, withDirectives as w, mergeProps as m, isRef as C, vModelRadio as L, renderSlot as N, createVNode as T, withCtx as V, createTextVNode as h, toDisplayString as y, createBlock as A, createCommentVNode as x } from "vue";
 import I from "../../typography/v4/Typography.vue.js";
 import { radioGroupKey as G } from "../common/useRadio.js";
 import { RadioTestIdModifiers as r } from "../../../testids/index.js";

package/components/snackbar/common/notify.js

@@ -1,4 +1,4 @@
-import { isVNode as x, createVNode as N, render as v } from "vue";
+import { isVNode as x, createVNode as b, render as h } from "vue";
 import { snackbarTypes as C } from "./snackbar.types.js";
 const p = {
   "top-left": [],
@@ -7,38 +7,38 @@ const p = {
   "bottom-right": []
 }, g = 16;
 let A = 1;
-const E = 2e3, H = (h) => {
-  const i = function(e = {}, t = null) {
+const E = 2e3, H = (v) => {
+  const l = function(e = {}, t = null) {
     (typeof e == "string" || x(e)) && (e = { message: e });
     const o = e.position || "top-right";
     let n = e.zIndex || E, s = p[o].reduce(
-      (m, { vm: b }) => m + (b.el?.offsetHeight || 0) + g,
+      (m, { vm: N }) => m + (N.el?.offsetHeight || 0) + g,
       e.offset || 0
     );
     s += g;
-    const l = () => n++, d = `notification_${A++}`, u = e.onClose, f = {
+    const f = () => n++, d = `notification_${A++}`, u = e.onClose, i = {
       ...e,
-      zIndex: l(),
+      zIndex: f(),
       offset: s,
       id: d,
       onClose: () => {
         y(d, o, u);
       }
-    }, c = document.body, a = document.createElement("div"), r = N(
-      h,
-      f,
-      x(f.message) ? {
-        default: () => f.message
+    }, c = document.body, a = document.createElement("div"), r = b(
+      v,
+      i,
+      x(i.message) ? {
+        default: () => i.message
       } : null
     );
-    return r.appContext = t ?? i._context, r.props.onDestroy = () => {
-      v(null, a);
-    }, v(r, a), p[o].push({ vm: r }), c.appendChild(a?.firstElementChild), {
+    return r.appContext = t ?? l._context, r.props.onDestroy = () => {
+      h(null, a);
+    }, h(r, a), p[o].push({ vm: r }), c.appendChild(a?.firstElementChild), {
       // instead of calling the onClose function directly, setting this value so that we can have the full lifecycle
       // for out component, so that all closing steps will not be skipped.
       close: () => {
-        const m = r.component?.proxy;
-        m && (m.visible = !1);
+        const m = r.component?.exposed;
+        m?.close && m.close();
       }
     };
   };
@@ -48,22 +48,22 @@ const E = 2e3, H = (h) => {
     );
     if (s === -1)
       return;
-    const { vm: l } = n[s];
-    if (!l)
+    const { vm: f } = n[s];
+    if (!f)
       return;
-    o?.(l);
-    const d = l.el?.offsetHeight, u = t.split("-")[0];
+    o?.(f);
+    const d = f.el?.offsetHeight, u = t.split("-")[0];
     n.splice(s, 1);
-    const f = n.length;
-    for (let c = s; c < f; c++) {
+    const i = n.length;
+    for (let c = s; c < i; c++) {
       const { el: a, component: r } = n[c].vm;
       r.props.offset = Number.parseInt(a.style[u], 10) - d - g;
     }
   }
   C.forEach((e) => {
-    i[e] = (t = {}) => ((typeof t == "string" || x(t)) && (t = {
+    l[e] = (t = {}) => ((typeof t == "string" || x(t)) && (t = {
       message: t
-    }), i({
+    }), l({
       ...t,
       type: e
     }));
@@ -75,7 +75,7 @@ const E = 2e3, H = (h) => {
         o && (o.visible = !1);
       });
   }
-  return i.closeAll = I, i._context = null, i;
+  return l.closeAll = I, l._context = null, l;
 };
 export {
   H as default

package/components/snackbar/common/snackbar.common.js

@@ -1,44 +1,44 @@
-import { ref as v, computed as n, onMounted as p } from "vue";
-import { useEventListener as C, useTimeoutFn as h } from "@vueuse/core";
+import { ref as y, computed as o, onMounted as C } from "vue";
+import { useEventListener as h, useTimeoutFn as p } from "@vueuse/core";
 import k from "../../icon/v3/icons/Close.vue.js";
 import x from "../../icon/v3/icons/Check.vue.js";
 const w = (t) => {
   const r = {
     success: x,
     error: k
-  }, o = v(!1);
+  }, e = y(!1);
   let c;
-  const a = n(() => {
-    const e = t.type;
-    return e && r[t.type] ? e : "";
-  }), l = n(() => r[t.type] || t.icon || ""), f = n(
+  const a = o(() => {
+    const n = t.type;
+    return n && r[t.type] ? n : "";
+  }), l = o(() => r[t.type] || t.icon || ""), f = o(
     () => t.position.endsWith("right") ? "right" : "left"
-  ), m = n(
+  ), m = o(
     () => t.position.startsWith("top") ? "top" : "bottom"
-  ), y = n(() => ({
+  ), d = o(() => ({
     [m.value]: `${t.offset}px`,
     zIndex: t.zIndex
   }));
   function i() {
-    t.duration > 0 && ({ stop: c } = h(() => {
-      o.value && s();
+    t.duration > 0 && ({ stop: c } = p(() => {
+      e.value && s();
     }, t.duration));
   }
   function u() {
     c?.();
   }
   function s() {
-    o.value = !1;
+    e.value = !1;
   }
-  function d({ code: e }) {
-    e === "Delete" || e === "Backspace" ? u() : e === "Escape" ? o.value && s() : i();
+  function v({ code: n }) {
+    n === "Delete" || n === "Backspace" ? u() : n === "Escape" ? e.value && s() : i();
   }
-  return p(() => {
-    i(), o.value = !0;
-  }), C(document, "keydown", d), {
-    visible: o,
+  return C(() => {
+    t.isLoading || i(), e.value = !0;
+  }), h(document, "keydown", v), {
+    visible: e,
     horizontalClass: f,
-    positionStyle: y,
+    positionStyle: d,
     clearTimer: u,
     startTimer: i,
     iconComponent: l,

package/components/snackbar/common/snackbar.types.d.ts

@@ -16,13 +16,14 @@ export interface SnackbarProps {
     offset: number;
     onClick: () => void;
     onClose: () => void;
-    type: 'success' | 'error' | 'info';
+    type: 'success' | 'error' | 'info' | 'loading';
     position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
     showClose?: boolean;
     title?: string;
     actionButtons: ButtonProps[];
     zIndex?: number;
     testId?: string;
+    isLoading?: boolean;
 }
 export type SnackbarOptions = Omit<SnackbarProps, 'id'> & {
     appendTo?: HTMLElement | string;

package/components/snackbar/v4/SnackbarV4.vue.d.ts

@@ -22,6 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     zIndex?: number;
     actionButtons: ButtonProps[];
     testId: string;
+    isLoading: boolean;
 }>, {
     type: string;
     zIndex: number;
@@ -30,7 +31,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     title: string;
     position: string;
     testId: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    isLoading: boolean;
+}>, {
+    close: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     destroy: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     customClass: string;
@@ -50,6 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     zIndex?: number;
     actionButtons: ButtonProps[];
     testId: string;
+    isLoading: boolean;
 }>, {
     type: string;
     zIndex: number;
@@ -58,6 +63,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     title: string;
     position: string;
     testId: string;
+    isLoading: boolean;
 }>>> & {
     onDestroy?: (...args: any[]) => any;
 }, {
@@ -68,6 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     zIndex: number;
     duration: number;
     showClose: boolean;
+    isLoading: boolean;
 }>, {
     default?(_: {}): any;
     actions?(_: {}): any;

package/components/snackbar/v4/SnackbarV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./SnackbarV4.vue2.js";
 /* empty css                 */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_1b650c39_lang.css"; //*');
-const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-1b650c39"]]);
+// import "../../../SnackbarV4.vue_vue_type_style_index_0_scoped_35c79635_lang.css"; //*');
+const r = /* @__PURE__ */ _(o, [["__scopeId", "data-v-35c79635"]]);
 export {
   r as default
 };