@platforma-sdk/ui-vue 1.45.35 → 1.45.37

package/dist/plugins/Monetization/LimitCard.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as w, computed as i, createElementBlock as u, openBlock as r, normalizeClass as t, createElementVNode as n, toDisplayString as o, createTextVNode as y, createCommentVNode as p, normalizeStyle as b } from "vue";
+import { defineComponent as w, computed as o, createElementBlock as r, openBlock as i, normalizeClass as a, createElementVNode as n, toDisplayString as d, createTextVNode as f, createCommentVNode as m, normalizeStyle as $ } from "vue";
 const F = { key: 0 }, N = { key: 1 }, A = { key: 0 }, C = { key: 1 }, T = /* @__PURE__ */ w({
   __name: "LimitCard",
   props: {
@@ -9,70 +9,70 @@ const F = { key: 0 }, N = { key: 1 }, A = { key: 0 }, C = { key: 1 }, T = /* @__
     available: {},
     unit: {}
   },
-  setup(B) {
-    const l = B, s = i(() => l.available === null ? null : l.available + l.toSpend + l.used), v = i(() => l.available === null ? !1 : l.available < 0), $ = i(() => l.available === null ? null : l.available + l.toSpend), m = (e) => Math.max(0, Math.min(100, e)), g = i(() => s.value === null || s.value === 0 || v.value ? 0 : m(l.toSpend / s.value * 100)), S = i(() => s.value === null || s.value === 0 ? 0 : m(l.used / s.value * 100)), k = i(() => l.available === null || s.value === null || s.value === 0 ? 100 : v.value ? 0 : m(l.available / s.value * 100)), c = i(() => l.type === "unique_launches" ? "Runs Limits" : l.type === "volume_limit" ? "Volume Limits" : l.label), L = (e) => (e / 1024 / 1024 / 1024).toFixed(2) + " GB", d = (e) => l.type === "volume_limit" ? L(e) : e, f = (e) => Number(e.toFixed(2)) > 0;
-    return (e, a) => (r(), u("div", {
-      class: t(e.$style.container)
+  setup(s) {
+    const l = s, u = o(() => l.available === null ? null : l.available + l.toSpend + l.used), y = o(() => l.available === null ? !1 : l.available < 0), c = o(() => l.available === null ? null : l.available + l.toSpend), p = (e) => Math.max(0, Math.min(100, e)), g = o(() => u.value === null || u.value === 0 || y.value ? 0 : p(l.toSpend / u.value * 100)), S = o(() => u.value === null || u.value === 0 ? 0 : p(l.used / u.value * 100)), k = o(() => l.available === null || u.value === null || u.value === 0 ? 100 : y.value ? 0 : p(l.available / u.value * 100)), B = o(() => l.type === "unique_launches" ? "Runs Limits" : l.type === "volume_limit" ? "Volume Limits" : l.label), L = (e) => (e / 1024 / 1024 / 1024).toFixed(2) + " GB", v = (e) => l.type === "volume_limit" ? L(e) : e, b = (e) => Number(e.toFixed(2)) > 0;
+    return (e, t) => (i(), r("div", {
+      class: a(e.$style.container)
     }, [
       n("span", {
-        class: t(e.$style.label)
-      }, o(c.value), 3),
+        class: a(e.$style.label)
+      }, d(B.value), 3),
       n("div", {
-        class: t(e.$style.content)
+        class: a(e.$style.content)
       }, [
         n("div", {
-          class: t(e.$style.contentAvailable)
+          class: a(e.$style.contentAvailable)
         }, [
           n("div", null, [
-            a[0] || (a[0] = y(" Available: ")),
-            a[1] || (a[1] = n("div", { style: { flex: "1" } }, null, -1)),
-            $.value !== null ? (r(), u("span", F, [
-              n("strong", null, o(d($.value)), 1),
-              y(" / " + o(d(e.available + e.toSpend + e.used)), 1)
-            ])) : (r(), u("span", N, "Unlimited"))
+            t[0] || (t[0] = f(" Available: ", -1)),
+            t[1] || (t[1] = n("div", { style: { flex: "1" } }, null, -1)),
+            c.value !== null ? (i(), r("span", F, [
+              n("strong", null, d(v(c.value)), 1),
+              f(" / " + d(v(s.available + s.toSpend + s.used)), 1)
+            ])) : (i(), r("span", N, "Unlimited"))
           ]),
           n("div", {
-            class: t([e.$style.afterRun, { [e.$style.exceeded]: v.value }])
+            class: a([e.$style.afterRun, { [e.$style.exceeded]: y.value }])
           }, [
-            v.value ? (r(), u("span", A, "Too many files selected")) : p("", !0),
-            a[2] || (a[2] = n("span", { style: { flex: "1" } }, null, -1)),
-            a[3] || (a[3] = n("span", null, "After run:", -1)),
-            e.available !== null ? (r(), u("span", C, o(d(e.available)) + " / " + o(d(e.available + e.toSpend + e.used)), 1)) : p("", !0)
+            y.value ? (i(), r("span", A, "Too many files selected")) : m("", !0),
+            t[2] || (t[2] = n("span", { style: { flex: "1" } }, null, -1)),
+            t[3] || (t[3] = n("span", null, "After run:", -1)),
+            s.available !== null ? (i(), r("span", C, d(v(s.available)) + " / " + d(v(s.available + s.toSpend + s.used)), 1)) : m("", !0)
           ], 2),
           n("div", {
-            class: t([e.$style.progressBar, { [e.$style.exceeded]: v.value }])
+            class: a([e.$style.progressBar, { [e.$style.exceeded]: y.value }])
           }, [
-            f(k.value) ? (r(), u("span", {
+            b(k.value) ? (i(), r("span", {
               key: 0,
-              class: t(e.$style.progressBarAvailable),
-              style: b({ width: `${k.value.toFixed(2)}%` })
-            }, null, 6)) : p("", !0),
-            f(g.value) ? (r(), u("span", {
+              class: a(e.$style.progressBarAvailable),
+              style: $({ width: `${k.value.toFixed(2)}%` })
+            }, null, 6)) : m("", !0),
+            b(g.value) ? (i(), r("span", {
               key: 1,
-              class: t(e.$style.progressBarToSpend),
-              style: b({ width: `${g.value.toFixed(2)}%` })
-            }, null, 6)) : p("", !0),
-            f(S.value) ? (r(), u("span", {
+              class: a(e.$style.progressBarToSpend),
+              style: $({ width: `${g.value.toFixed(2)}%` })
+            }, null, 6)) : m("", !0),
+            b(S.value) ? (i(), r("span", {
               key: 2,
-              class: t(e.$style.progressBarUsed),
-              style: b({ width: `${S.value.toFixed(2)}%` })
-            }, null, 6)) : p("", !0)
+              class: a(e.$style.progressBarUsed),
+              style: $({ width: `${S.value.toFixed(2)}%` })
+            }, null, 6)) : m("", !0)
           ], 2)
         ], 2),
         n("div", {
-          class: t(e.$style.legends)
+          class: a(e.$style.legends)
         }, [
           n("div", {
-            class: t(e.$style.toSpendLegend)
+            class: a(e.$style.toSpendLegend)
           }, [
-            a[4] || (a[4] = n("span", null, null, -1)),
-            y(" To spend: " + o(d(e.toSpend)), 1)
+            t[4] || (t[4] = n("span", null, null, -1)),
+            f(" To spend: " + d(v(s.toSpend)), 1)
           ], 2),
           n("div", {
-            class: t(e.$style.usedLegend)
+            class: a(e.$style.usedLegend)
           }, [
-            a[5] || (a[5] = n("span", null, null, -1)),
-            y(" Used: " + o(d(e.used)), 1)
+            t[5] || (t[5] = n("span", null, null, -1)),
+            f(" Used: " + d(v(s.used)), 1)
           ], 2)
         ], 2)
       ], 2)

package/dist/plugins/Monetization/LimitCard.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"LimitCard.vue2.js","sources":["../../../src/plugins/Monetization/LimitCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  type: 'unique_launches' | 'volume_limit';\n  label: string;\n  used: number;\n  toSpend: number;\n  available: number | null; // If available is null it means Unlimited\n  unit?: string;\n}>();\n\nconst total = computed(() => {\n  if (props.available === null) return null;\n  return props.available + props.toSpend + props.used;\n});\n\nconst exceeded = computed(() => {\n  if (props.available === null) return false;\n  return props.available < 0;\n});\n\nconst availableNow = computed(() => {\n  if (props.available === null) return null;\n  return props.available + props.toSpend;\n});\n\nconst clampPercentage = (n: number) => Math.max(0, Math.min(100, n));\n\nconst toSpendPercentage = computed(() => {\n  if (total.value === null) return 0;\n  if (total.value === 0) return 0;\n  if (exceeded.value) return 0;\n  return clampPercentage((props.toSpend / total.value) * 100);\n});\n\nconst usedPercentage = computed(() => {\n  if (total.value === null) return 0;\n  if (total.value === 0) return 0;\n  return clampPercentage((props.used / total.value) * 100);\n});\n\nconst availablePercentage = computed(() => {\n  if (props.available === null) return 100;\n  if (total.value === null) return 100;\n  if (total.value === 0) return 100;\n  if (exceeded.value) return 0;\n  return clampPercentage(props.available / total.value * 100);\n});\n\nconst computedLabel = computed(() => {\n  if (props.type === 'unique_launches') return 'Runs Limits';\n  if (props.type === 'volume_limit') return 'Volume Limits';\n  return props.label;\n});\n\nconst toGB = (v: number) => {\n  return (v / 1024 / 1024 / 1024).toFixed(2) + ' GB';\n};\n\nconst formatUnit = (v: number) => {\n  if (props.type === 'volume_limit') return toGB(v);\n  return v;\n};\n\nconst showBar = (n: number) => {\n  return Number(n.toFixed(2)) > 0;\n};\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <span :class=\"$style.label\">{{ computedLabel }}</span>\n    <div :class=\"$style.content\">\n      <div :class=\"$style.contentAvailable\">\n        <div>\n          Available:\n          <div style=\"flex: 1\" />\n          <span v-if=\"availableNow !== null\"><strong>{{ formatUnit(availableNow) }}</strong> / {{ formatUnit(available! + toSpend + used) }}</span>\n          <span v-else>Unlimited</span>\n        </div>\n        <div :class=\"[$style.afterRun, { [$style.exceeded]: exceeded }]\">\n          <span v-if=\"exceeded\">Too many files selected</span>\n          <span style=\"flex: 1\" />\n          <span>After run:</span>\n          <span v-if=\"available !== null\">{{ formatUnit(available) }} / {{ formatUnit(available + toSpend + used) }}</span>\n        </div>\n        <div :class=\"[$style.progressBar, { [$style.exceeded]: exceeded }]\">\n          <span v-if=\"showBar(availablePercentage)\" :class=\"$style.progressBarAvailable\" :style=\"{ width: `${availablePercentage.toFixed(2)}%` }\" />\n          <span v-if=\"showBar(toSpendPercentage)\" :class=\"$style.progressBarToSpend\" :style=\"{ width: `${toSpendPercentage.toFixed(2)}%` }\" />\n          <span v-if=\"showBar(usedPercentage)\" :class=\"$style.progressBarUsed\" :style=\"{ width: `${usedPercentage.toFixed(2)}%` }\" />\n        </div>\n      </div>\n      <div :class=\"$style.legends\">\n        <div :class=\"$style.toSpendLegend\">\n          <span/>\n          To spend: {{ formatUnit(toSpend) }}\n        </div>\n        <div :class=\"$style.usedLegend\">\n          <span/>\n          Used: {{ formatUnit(used) }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--bg-base-light);\n  border-radius: 6px;\n  padding: 10px 12px 16px 12px;\n  color: var(--txt-01);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  border: 1px solid var(--border-color-div-grey);\n}\n\n.label {\n  display: block;\n  min-height: 36px;\n  margin-bottom: 8px;\n  color: var(--txt-01);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px; /* 142.857% */\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.contentAvailable {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  > div {\n    display: flex;\n    align-items: flex-start;\n  }\n  >div:first-child {\n    gap: 8px;\n    strong {\n      font-size: 28px;\n      font-weight: 500;\n      line-height: 36px; /* 128.571% */\n      letter-spacing: -0.56px;\n    }\n  }\n}\n\n.afterRun {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 4px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px;\n  color: var(--txt-03);\n  &.exceeded {\n    color: var(--txt-error);\n  }\n}\n\n.progressBar {\n  width: 100%;\n  height: 12px;\n  background-color: #E0E0E0;\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--border-color-default);\n  > span {\n    display: block;\n    height: 100%;\n    outline: 1px solid var(--border-color-default);\n  }\n  &.exceeded {\n    opacity: 0.2;\n  }\n}\n\n.progressBarAvailable {\n  background: linear-gradient(270deg, #A1E59C 0%, #D0F5B0 98.81%);\n}\n\n.progressBarUsed {\n  background-color: #FFCECC;\n}\n\n.progressBarToSpend {\n  background-color: #FAF5AA;\n}\n\n.legends {\n  display: flex;\n  justify-content: space-between;\n  gap: 8px;\n\n  span {\n    display: block;\n    border-radius: 1px;\n    border: 1px solid var(--border-color-default);\n    width: 12px;\n    height: 12px;\n  }\n}\n\n.usedLegend {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  span {\n    background: #FFCECC;\n  }\n}\n\n.toSpendLegend {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  span {\n    background: #FAF5AA;\n  }\n}\n</style>\n"],"names":["props","__props","total","computed","exceeded","availableNow","clampPercentage","n","toSpendPercentage","usedPercentage","availablePercentage","computedLabel","toGB","v","formatUnit","showBar"],"mappings":";;;;;;;;;;;;AAGA,UAAMA,IAAQC,GASRC,IAAQC,EAAS,MACjBH,EAAM,cAAc,OAAa,OAC9BA,EAAM,YAAYA,EAAM,UAAUA,EAAM,IAChD,GAEKI,IAAWD,EAAS,MACpBH,EAAM,cAAc,OAAa,KAC9BA,EAAM,YAAY,CAC1B,GAEKK,IAAeF,EAAS,MACxBH,EAAM,cAAc,OAAa,OAC9BA,EAAM,YAAYA,EAAM,OAChC,GAEKM,IAAkB,CAACC,MAAc,KAAK,IAAI,GAAG,KAAK,IAAI,KAAKA,CAAC,CAAC,GAE7DC,IAAoBL,EAAS,MAC7BD,EAAM,UAAU,QAChBA,EAAM,UAAU,KAChBE,EAAS,QAAc,IACpBE,EAAiBN,EAAM,UAAUE,EAAM,QAAS,GAAG,CAC3D,GAEKO,IAAiBN,EAAS,MAC1BD,EAAM,UAAU,QAChBA,EAAM,UAAU,IAAU,IACvBI,EAAiBN,EAAM,OAAOE,EAAM,QAAS,GAAG,CACxD,GAEKQ,IAAsBP,EAAS,MAC/BH,EAAM,cAAc,QACpBE,EAAM,UAAU,QAChBA,EAAM,UAAU,IAAU,MAC1BE,EAAS,QAAc,IACpBE,EAAgBN,EAAM,YAAYE,EAAM,QAAQ,GAAG,CAC3D,GAEKS,IAAgBR,EAAS,MACzBH,EAAM,SAAS,oBAA0B,gBACzCA,EAAM,SAAS,iBAAuB,kBACnCA,EAAM,KACd,GAEKY,IAAO,CAACC,OACJA,IAAI,OAAO,OAAO,MAAM,QAAQ,CAAC,IAAI,OAGzCC,IAAa,CAACD,MACdb,EAAM,SAAS,iBAAuBY,EAAKC,CAAC,IACzCA,GAGHE,IAAU,CAACR,MACR,OAAOA,EAAE,QAAQ,CAAC,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"LimitCard.vue2.js","sources":["../../../src/plugins/Monetization/LimitCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  type: 'unique_launches' | 'volume_limit';\n  label: string;\n  used: number;\n  toSpend: number;\n  available: number | null; // If available is null it means Unlimited\n  unit?: string;\n}>();\n\nconst total = computed(() => {\n  if (props.available === null) return null;\n  return props.available + props.toSpend + props.used;\n});\n\nconst exceeded = computed(() => {\n  if (props.available === null) return false;\n  return props.available < 0;\n});\n\nconst availableNow = computed(() => {\n  if (props.available === null) return null;\n  return props.available + props.toSpend;\n});\n\nconst clampPercentage = (n: number) => Math.max(0, Math.min(100, n));\n\nconst toSpendPercentage = computed(() => {\n  if (total.value === null) return 0;\n  if (total.value === 0) return 0;\n  if (exceeded.value) return 0;\n  return clampPercentage((props.toSpend / total.value) * 100);\n});\n\nconst usedPercentage = computed(() => {\n  if (total.value === null) return 0;\n  if (total.value === 0) return 0;\n  return clampPercentage((props.used / total.value) * 100);\n});\n\nconst availablePercentage = computed(() => {\n  if (props.available === null) return 100;\n  if (total.value === null) return 100;\n  if (total.value === 0) return 100;\n  if (exceeded.value) return 0;\n  return clampPercentage(props.available / total.value * 100);\n});\n\nconst computedLabel = computed(() => {\n  if (props.type === 'unique_launches') return 'Runs Limits';\n  if (props.type === 'volume_limit') return 'Volume Limits';\n  return props.label;\n});\n\nconst toGB = (v: number) => {\n  return (v / 1024 / 1024 / 1024).toFixed(2) + ' GB';\n};\n\nconst formatUnit = (v: number) => {\n  if (props.type === 'volume_limit') return toGB(v);\n  return v;\n};\n\nconst showBar = (n: number) => {\n  return Number(n.toFixed(2)) > 0;\n};\n</script>\n\n<template>\n  <div :class=\"$style.container\">\n    <span :class=\"$style.label\">{{ computedLabel }}</span>\n    <div :class=\"$style.content\">\n      <div :class=\"$style.contentAvailable\">\n        <div>\n          Available:\n          <div style=\"flex: 1\" />\n          <span v-if=\"availableNow !== null\"><strong>{{ formatUnit(availableNow) }}</strong> / {{ formatUnit(available! + toSpend + used) }}</span>\n          <span v-else>Unlimited</span>\n        </div>\n        <div :class=\"[$style.afterRun, { [$style.exceeded]: exceeded }]\">\n          <span v-if=\"exceeded\">Too many files selected</span>\n          <span style=\"flex: 1\" />\n          <span>After run:</span>\n          <span v-if=\"available !== null\">{{ formatUnit(available) }} / {{ formatUnit(available + toSpend + used) }}</span>\n        </div>\n        <div :class=\"[$style.progressBar, { [$style.exceeded]: exceeded }]\">\n          <span v-if=\"showBar(availablePercentage)\" :class=\"$style.progressBarAvailable\" :style=\"{ width: `${availablePercentage.toFixed(2)}%` }\" />\n          <span v-if=\"showBar(toSpendPercentage)\" :class=\"$style.progressBarToSpend\" :style=\"{ width: `${toSpendPercentage.toFixed(2)}%` }\" />\n          <span v-if=\"showBar(usedPercentage)\" :class=\"$style.progressBarUsed\" :style=\"{ width: `${usedPercentage.toFixed(2)}%` }\" />\n        </div>\n      </div>\n      <div :class=\"$style.legends\">\n        <div :class=\"$style.toSpendLegend\">\n          <span/>\n          To spend: {{ formatUnit(toSpend) }}\n        </div>\n        <div :class=\"$style.usedLegend\">\n          <span/>\n          Used: {{ formatUnit(used) }}\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--bg-base-light);\n  border-radius: 6px;\n  padding: 10px 12px 16px 12px;\n  color: var(--txt-01);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n  border: 1px solid var(--border-color-div-grey);\n}\n\n.label {\n  display: block;\n  min-height: 36px;\n  margin-bottom: 8px;\n  color: var(--txt-01);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px; /* 142.857% */\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.contentAvailable {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  > div {\n    display: flex;\n    align-items: flex-start;\n  }\n  >div:first-child {\n    gap: 8px;\n    strong {\n      font-size: 28px;\n      font-weight: 500;\n      line-height: 36px; /* 128.571% */\n      letter-spacing: -0.56px;\n    }\n  }\n}\n\n.afterRun {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 4px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 16px;\n  color: var(--txt-03);\n  &.exceeded {\n    color: var(--txt-error);\n  }\n}\n\n.progressBar {\n  width: 100%;\n  height: 12px;\n  background-color: #E0E0E0;\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--border-color-default);\n  > span {\n    display: block;\n    height: 100%;\n    outline: 1px solid var(--border-color-default);\n  }\n  &.exceeded {\n    opacity: 0.2;\n  }\n}\n\n.progressBarAvailable {\n  background: linear-gradient(270deg, #A1E59C 0%, #D0F5B0 98.81%);\n}\n\n.progressBarUsed {\n  background-color: #FFCECC;\n}\n\n.progressBarToSpend {\n  background-color: #FAF5AA;\n}\n\n.legends {\n  display: flex;\n  justify-content: space-between;\n  gap: 8px;\n\n  span {\n    display: block;\n    border-radius: 1px;\n    border: 1px solid var(--border-color-default);\n    width: 12px;\n    height: 12px;\n  }\n}\n\n.usedLegend {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  span {\n    background: #FFCECC;\n  }\n}\n\n.toSpendLegend {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  span {\n    background: #FAF5AA;\n  }\n}\n</style>\n"],"names":["props","__props","total","computed","exceeded","availableNow","clampPercentage","n","toSpendPercentage","usedPercentage","availablePercentage","computedLabel","toGB","v","formatUnit","showBar","_createElementBlock","_normalizeClass","$style","_createElementVNode","_hoisted_1","_toDisplayString","_createTextVNode","_openBlock","_cache","_hoisted_4","_normalizeStyle"],"mappings":"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"}

package/dist/plugins/Monetization/MonetizationSidebar.vue.js

@@ -54,11 +54,11 @@ const oe = /* @__PURE__ */ T({
         modelValue: p.value,
         "onUpdate:modelValue": r[0] || (r[0] = (t) => p.value = t)
       }, {
-        title: i(() => r[2] || (r[2] = [
+        title: i(() => [...r[2] || (r[2] = [
           N("div", { class: "flex items-center gap-2" }, [
             N("span", null, "Subscription")
           ], -1)
-        ])),
+        ])]),
         default: i(() => [
           d(e(O), {
             label: "Product",
@@ -124,7 +124,7 @@ const oe = /* @__PURE__ */ T({
             d(e(A), { name: z.value }, null, 8, ["name"])
           ]),
           default: i(() => [
-            r[3] || (r[3] = x(" Subscription "))
+            r[3] || (r[3] = x(" Subscription ", -1))
           ]),
           _: 1
         })

package/dist/plugins/Monetization/MonetizationSidebar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonetizationSidebar.vue.js","sources":["../../../src/plugins/Monetization/MonetizationSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from 'vue';\nimport { PlSlideModal, PlBtnGhost, PlDropdown, PlAlert, PlIcon24, PlBtnSecondary } from '@milaboratories/uikit';\nimport { useButtonTarget } from './useButtonTarget';\nimport { useInfo } from './useInfo';\nimport UserCabinetCard from './UserCabinetCard.vue';\nimport RunStatus from './RunStatus.vue';\nimport LimitCard from './LimitCard.vue';\nimport EndOfPeriod from './EndOfPeriod.vue';\n\nconst isOpen = ref(false);\n\nconst {\n  result,\n  error,\n  hasMonetization,\n  canRun,\n  status,\n  customerEmail,\n  endOfBillingPeriod,\n  limits,\n  refresh,\n  isLoading,\n} = useInfo();\n\nconst teleportTarget = useButtonTarget(hasMonetization);\n\nconst productName = computed(() => result.value?.productName);\n\nconst userCabinetUrl = computed(() => {\n  if (!result.value) return undefined;\n\n  const u = new URL(`https://scientist.platforma.bio/product/${result.value.productKey}`);\n\n  if (customerEmail.value) {\n    u.searchParams.set('email', customerEmail.value);\n  }\n\n  return u.toString();\n});\n\nconst options = computed(() => {\n  if (!result.value) return [];\n\n  return [\n    {\n      label: result.value.productName,\n      value: result.value.productName,\n    },\n  ];\n});\n\nconst statusText = computed(() => {\n  switch (status.value) {\n    case 'active':\n      return '';\n    case 'limits_exceeded':\n      return 'Usage limits exceeded for the current billing period.';\n    case 'payment_required':\n      return 'Payment required to continue using the service.';\n    case 'select-tariff':\n      return 'Select a subscription plan in the Scientist Cabinet.';\n    case 'inactive':\n      return 'Not found billing period.';\n    default:\n      return '';\n  }\n});\n\nconst btnIcon = computed(() => {\n  if (canRun.value) return 'monetization-on';\n  return 'monetization-off';\n});\n</script>\n\n<template>\n  <PlSlideModal v-if=\"hasMonetization\" v-model=\"isOpen\">\n    <template #title>\n      <div class=\"flex items-center gap-2\">\n        <span>Subscription</span>\n      </div>\n    </template>\n    <PlDropdown label=\"Product\" readonly :model-value=\"productName\" :options=\"options\" />\n    <RunStatus :can-run=\"canRun\" :is-loading=\"isLoading\" :status-text=\"statusText\">\n      <PlBtnSecondary\n        title=\"Refresh status\"\n        round\n        size=\"small\"\n        style=\"margin-left: auto;\"\n        icon=\"loading\"\n        :loading=\"isLoading\"\n        @click=\"refresh\"\n      />\n    </RunStatus>\n    <PlAlert v-if=\"error\" type=\"error\">\n      {{ error }}\n    </PlAlert>\n    <UserCabinetCard v-if=\"userCabinetUrl\" :email=\"customerEmail\" :user-cabinet-url=\"userCabinetUrl\" />\n    <EndOfPeriod v-if=\"endOfBillingPeriod\" :end-of-period=\"endOfBillingPeriod\" />\n    <template v-if=\"limits\">\n      <LimitCard\n        v-for=\"limit in limits\"\n        :key=\"limit.type\"\n        :type=\"limit.type\"\n        :label=\"limit.type\"\n        :used=\"limit.used\"\n        :to-spend=\"limit.toSpend\"\n        :available=\"limit.available\"\n      />\n    </template>\n  </PlSlideModal>\n  <!-- Teleport to the title slot -->\n  <Teleport v-if=\"hasMonetization && teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost @click.stop=\"isOpen = true\">\n      Subscription\n      <template #append>\n        <PlIcon24 :name=\"btnIcon\" />\n      </template>\n    </PlBtnGhost>\n  </Teleport>\n</template>\n"],"names":["isOpen","ref","result","error","hasMonetization","canRun","status","customerEmail","endOfBillingPeriod","limits","refresh","isLoading","useInfo","teleportTarget","useButtonTarget","productName","computed","_a","userCabinetUrl","u","options","statusText","btnIcon"],"mappings":";;;;;;;;;;;AAUA,UAAMA,IAASC,EAAI,EAAK,GAElB;AAAA,MACJ,QAAAC;AAAA,MACA,OAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,QAAAC;AAAA,MACA,QAAAC;AAAA,MACA,eAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,IAAA,IACEC,EAAA,GAEEC,IAAiBC,EAAgBV,CAAe,GAEhDW,IAAcC,EAAS,MAAA;;AAAM,cAAAC,IAAAf,EAAO,UAAP,gBAAAe,EAAc;AAAA,KAAW,GAEtDC,IAAiBF,EAAS,MAAM;AACpC,UAAI,CAACd,EAAO,MAAO;AAEnB,YAAMiB,IAAI,IAAI,IAAI,2CAA2CjB,EAAO,MAAM,UAAU,EAAE;AAEtF,aAAIK,EAAc,SAChBY,EAAE,aAAa,IAAI,SAASZ,EAAc,KAAK,GAG1CY,EAAE,SAAA;AAAA,IACX,CAAC,GAEKC,IAAUJ,EAAS,MAClBd,EAAO,QAEL;AAAA,MACL;AAAA,QACE,OAAOA,EAAO,MAAM;AAAA,QACpB,OAAOA,EAAO,MAAM;AAAA,MAAA;AAAA,IACtB,IANwB,CAAA,CAQ3B,GAEKmB,IAAaL,EAAS,MAAM;AAChC,cAAQV,EAAO,OAAA;AAAA,QACb,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,CAAC,GAEKgB,IAAUN,EAAS,MACnBX,EAAO,QAAc,oBAClB,kBACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"MonetizationSidebar.vue.js","sources":["../../../src/plugins/Monetization/MonetizationSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from 'vue';\nimport { PlSlideModal, PlBtnGhost, PlDropdown, PlAlert, PlIcon24, PlBtnSecondary } from '@milaboratories/uikit';\nimport { useButtonTarget } from './useButtonTarget';\nimport { useInfo } from './useInfo';\nimport UserCabinetCard from './UserCabinetCard.vue';\nimport RunStatus from './RunStatus.vue';\nimport LimitCard from './LimitCard.vue';\nimport EndOfPeriod from './EndOfPeriod.vue';\n\nconst isOpen = ref(false);\n\nconst {\n  result,\n  error,\n  hasMonetization,\n  canRun,\n  status,\n  customerEmail,\n  endOfBillingPeriod,\n  limits,\n  refresh,\n  isLoading,\n} = useInfo();\n\nconst teleportTarget = useButtonTarget(hasMonetization);\n\nconst productName = computed(() => result.value?.productName);\n\nconst userCabinetUrl = computed(() => {\n  if (!result.value) return undefined;\n\n  const u = new URL(`https://scientist.platforma.bio/product/${result.value.productKey}`);\n\n  if (customerEmail.value) {\n    u.searchParams.set('email', customerEmail.value);\n  }\n\n  return u.toString();\n});\n\nconst options = computed(() => {\n  if (!result.value) return [];\n\n  return [\n    {\n      label: result.value.productName,\n      value: result.value.productName,\n    },\n  ];\n});\n\nconst statusText = computed(() => {\n  switch (status.value) {\n    case 'active':\n      return '';\n    case 'limits_exceeded':\n      return 'Usage limits exceeded for the current billing period.';\n    case 'payment_required':\n      return 'Payment required to continue using the service.';\n    case 'select-tariff':\n      return 'Select a subscription plan in the Scientist Cabinet.';\n    case 'inactive':\n      return 'Not found billing period.';\n    default:\n      return '';\n  }\n});\n\nconst btnIcon = computed(() => {\n  if (canRun.value) return 'monetization-on';\n  return 'monetization-off';\n});\n</script>\n\n<template>\n  <PlSlideModal v-if=\"hasMonetization\" v-model=\"isOpen\">\n    <template #title>\n      <div class=\"flex items-center gap-2\">\n        <span>Subscription</span>\n      </div>\n    </template>\n    <PlDropdown label=\"Product\" readonly :model-value=\"productName\" :options=\"options\" />\n    <RunStatus :can-run=\"canRun\" :is-loading=\"isLoading\" :status-text=\"statusText\">\n      <PlBtnSecondary\n        title=\"Refresh status\"\n        round\n        size=\"small\"\n        style=\"margin-left: auto;\"\n        icon=\"loading\"\n        :loading=\"isLoading\"\n        @click=\"refresh\"\n      />\n    </RunStatus>\n    <PlAlert v-if=\"error\" type=\"error\">\n      {{ error }}\n    </PlAlert>\n    <UserCabinetCard v-if=\"userCabinetUrl\" :email=\"customerEmail\" :user-cabinet-url=\"userCabinetUrl\" />\n    <EndOfPeriod v-if=\"endOfBillingPeriod\" :end-of-period=\"endOfBillingPeriod\" />\n    <template v-if=\"limits\">\n      <LimitCard\n        v-for=\"limit in limits\"\n        :key=\"limit.type\"\n        :type=\"limit.type\"\n        :label=\"limit.type\"\n        :used=\"limit.used\"\n        :to-spend=\"limit.toSpend\"\n        :available=\"limit.available\"\n      />\n    </template>\n  </PlSlideModal>\n  <!-- Teleport to the title slot -->\n  <Teleport v-if=\"hasMonetization && teleportTarget\" :to=\"teleportTarget\">\n    <PlBtnGhost @click.stop=\"isOpen = true\">\n      Subscription\n      <template #append>\n        <PlIcon24 :name=\"btnIcon\" />\n      </template>\n    </PlBtnGhost>\n  </Teleport>\n</template>\n"],"names":["isOpen","ref","result","error","hasMonetization","canRun","status","customerEmail","endOfBillingPeriod","limits","refresh","isLoading","useInfo","teleportTarget","useButtonTarget","productName","computed","_a","userCabinetUrl","u","options","statusText","btnIcon","_unref","_createBlock","PlSlideModal","$event","_cache","_createElementVNode","_createVNode","PlDropdown","RunStatus","PlBtnSecondary","PlAlert","UserCabinetCard","EndOfPeriod","_createElementBlock","_Fragment","_renderList","limit","LimitCard","_Teleport","PlBtnGhost","PlIcon24"],"mappings":"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"}

package/dist/plugins/Monetization/RunStatus.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as i, computed as d, createElementBlock as a, openBlock as l, createElementVNode as n, createCommentVNode as p, normalizeClass as s, renderSlot as y, toDisplayString as o } from "vue";
+import { defineComponent as i, computed as d, createElementBlock as l, openBlock as o, createElementVNode as n, createCommentVNode as c, normalizeClass as a, renderSlot as y, toDisplayString as u } from "vue";
 const g = /* @__PURE__ */ i({
   __name: "RunStatus",
   props: {
@@ -6,32 +6,32 @@ const g = /* @__PURE__ */ i({
     statusText: {},
     isLoading: { type: Boolean }
   },
-  setup(r) {
-    const t = r, u = d(() => t.isLoading ? "Updating..." : t.canRun ? "Ready to run" : "Cannot run");
-    return (e, c) => (l(), a("div", null, [
+  setup(t) {
+    const s = t, r = d(() => s.isLoading ? "Updating..." : s.canRun ? "Ready to run" : "Cannot run");
+    return (e, m) => (o(), l("div", null, [
       n("div", {
-        class: s([{ [e.$style["can-run"]]: e.canRun, [e.$style.loading]: e.isLoading }, e.$style.container])
+        class: a([{ [e.$style["can-run"]]: t.canRun, [e.$style.loading]: t.isLoading }, e.$style.container])
       }, [
         n("div", {
-          class: s(e.$style.badge)
+          class: a(e.$style.badge)
         }, [
           n("i", {
-            class: s(e.$style.blob)
+            class: a(e.$style.blob)
           }, [
             n("span", null, [
               n("span", {
-                class: s(e.$style.dot)
+                class: a(e.$style.dot)
               }, null, 2)
             ])
           ], 2),
-          n("span", null, o(u.value), 1)
+          n("span", null, u(r.value), 1)
         ], 2),
         y(e.$slots, "default")
       ], 2),
-      e.statusText ? (l(), a("div", {
+      t.statusText ? (o(), l("div", {
         key: 0,
-        class: s(e.$style.statusText)
-      }, o(e.statusText), 3)) : p("", !0)
+        class: a(e.$style.statusText)
+      }, u(t.statusText), 3)) : c("", !0)
     ]));
   }
 });

package/dist/plugins/Monetization/RunStatus.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"RunStatus.vue2.js","sources":["../../../src/plugins/Monetization/RunStatus.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  canRun: boolean | undefined;\n  statusText: string | undefined;\n  isLoading?: boolean;\n}>();\n\nconst badgeText = computed(() => {\n  if (props.isLoading) {\n    return 'Updating...';\n  }\n\n  if (props.canRun) {\n    return 'Ready to run';\n  }\n\n  return 'Cannot run';\n});\n</script>\n\n<template>\n  <div>\n    <div :class=\"[{ [$style['can-run']]: canRun, [$style.loading]: isLoading }, $style.container]\">\n      <div :class=\"$style.badge\">\n        <i :class=\"$style.blob\">\n          <span>\n            <span :class=\"$style.dot\" />\n          </span>\n        </i>\n        <span>{{ badgeText }}</span>\n      </div>\n      <slot />\n    </div>\n    <div v-if=\"statusText\" :class=\"$style.statusText\">{{ statusText }}</div>\n  </div>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  --blob-color: #FF5C5C;\n  --badge-background: rgba(255, 92, 92, 0.12);\n\n  &.can-run {\n    --blob-color: #49CC49;\n    --badge-background: rgba(99, 224, 36, 0.12);\n  }\n\n  &.loading {\n    --blob-color: #FFAD0A;\n    --badge-background: rgba(255, 173, 10, 0.12);\n  }\n}\n\n.statusText {\n  margin-top: 6px;\n  color: var(--txt-error);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n.badge {\n  display: flex;\n  gap: 6px;\n  height: 40px;\n  padding: 6px 16px 6px 8px;\n  align-items: center;\n  border-radius: 6px;\n  border: 1px solid var(--badge-background);\n  background: var(--badge-background);\n}\n\n.blob {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  place-items: center;\n  place-content: center;\n\n  >span {\n    display: flex;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    place-content: center;\n    place-items: center;\n    background-color: rgb(from var(--blob-color) r g b / 0.24);\n  }\n\n  .dot {\n    border-radius: 50%;\n    height: 8px;\n    width: 8px;\n    transform: scale(1);\n\n    background: var(--blob-color);\n    box-shadow: 0 0 0 0 var(--blob-color);\n    animation: pulse-glob 1s infinite;\n  }\n}\n</style>\n"],"names":["props","__props","badgeText","computed"],"mappings":";;;;;;;;;AAGA,UAAMA,IAAQC,GAMRC,IAAYC,EAAS,MACrBH,EAAM,YACD,gBAGLA,EAAM,SACD,iBAGF,YACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RunStatus.vue2.js","sources":["../../../src/plugins/Monetization/RunStatus.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n  canRun: boolean | undefined;\n  statusText: string | undefined;\n  isLoading?: boolean;\n}>();\n\nconst badgeText = computed(() => {\n  if (props.isLoading) {\n    return 'Updating...';\n  }\n\n  if (props.canRun) {\n    return 'Ready to run';\n  }\n\n  return 'Cannot run';\n});\n</script>\n\n<template>\n  <div>\n    <div :class=\"[{ [$style['can-run']]: canRun, [$style.loading]: isLoading }, $style.container]\">\n      <div :class=\"$style.badge\">\n        <i :class=\"$style.blob\">\n          <span>\n            <span :class=\"$style.dot\" />\n          </span>\n        </i>\n        <span>{{ badgeText }}</span>\n      </div>\n      <slot />\n    </div>\n    <div v-if=\"statusText\" :class=\"$style.statusText\">{{ statusText }}</div>\n  </div>\n</template>\n\n<style module>\n.container {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  --blob-color: #FF5C5C;\n  --badge-background: rgba(255, 92, 92, 0.12);\n\n  &.can-run {\n    --blob-color: #49CC49;\n    --badge-background: rgba(99, 224, 36, 0.12);\n  }\n\n  &.loading {\n    --blob-color: #FFAD0A;\n    --badge-background: rgba(255, 173, 10, 0.12);\n  }\n}\n\n.statusText {\n  margin-top: 6px;\n  color: var(--txt-error);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 20px;\n}\n\n.badge {\n  display: flex;\n  gap: 6px;\n  height: 40px;\n  padding: 6px 16px 6px 8px;\n  align-items: center;\n  border-radius: 6px;\n  border: 1px solid var(--badge-background);\n  background: var(--badge-background);\n}\n\n.blob {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  place-items: center;\n  place-content: center;\n\n  >span {\n    display: flex;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    place-content: center;\n    place-items: center;\n    background-color: rgb(from var(--blob-color) r g b / 0.24);\n  }\n\n  .dot {\n    border-radius: 50%;\n    height: 8px;\n    width: 8px;\n    transform: scale(1);\n\n    background: var(--blob-color);\n    box-shadow: 0 0 0 0 var(--blob-color);\n    animation: pulse-glob 1s infinite;\n  }\n}\n</style>\n"],"names":["props","__props","badgeText","computed","_createElementBlock","_createElementVNode","_normalizeClass","$style","_renderSlot","_ctx"],"mappings":";;;;;;;;;AAGA,UAAMA,IAAQC,GAMRC,IAAYC,EAAS,MACrBH,EAAM,YACD,gBAGLA,EAAM,SACD,iBAGF,YACR;2BAICI,EAaM,OAAA,MAAA;AAAA,MAZJC,EAUM,OAAA;AAAA,QAVA,OAAKC,EAAA,CAAA,EAAA,CAAMC,EAAAA,OAAM,SAAA,CAAA,GAAcN,EAAA,QAAM,CAAGM,EAAAA,OAAO,OAAO,GAAGN,EAAA,aAAaM,EAAAA,OAAO,SAAS,CAAA;AAAA,MAAA;QAC1FF,EAOM,OAAA;AAAA,UAPA,OAAKC,EAAEC,EAAAA,OAAO,KAAK;AAAA,QAAA;UACvBF,EAII,KAAA;AAAA,YAJA,OAAKC,EAAEC,EAAAA,OAAO,IAAI;AAAA,UAAA;YACpBF,EAEO,QAAA,MAAA;AAAA,cADLA,EAA4B,QAAA;AAAA,gBAArB,OAAKC,EAAEC,EAAAA,OAAO,GAAG;AAAA,cAAA;;;UAG5BF,EAA4B,gBAAnBH,EAAA,KAAS,GAAA,CAAA;AAAA,QAAA;QAEpBM,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;MAECR,EAAA,mBAAXG,EAAwE,OAAA;AAAA;QAAhD,OAAKE,EAAEC,EAAAA,OAAO,UAAU;AAAA,MAAA,KAAKN,EAAA,UAAU,GAAA,CAAA;;;;"}

package/dist/plugins/Monetization/UserCabinetCard.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, ref as b, computed as f, createElementBlock as a, openBlock as s, createCommentVNode as p, createElementVNode as o, normalizeClass as t, createVNode as u, toDisplayString as i, unref as c, withCtx as d, createTextVNode as U } from "vue";
+import { defineComponent as v, ref as b, computed as f, createElementBlock as i, openBlock as s, createCommentVNode as u, createElementVNode as a, normalizeClass as t, createVNode as d, toDisplayString as n, unref as p, withCtx as m, createTextVNode as U } from "vue";
 import { PlTooltip as k, PlMaskIcon24 as $ } from "@milaboratories/uikit";
 const T = ["title"], w = /* @__PURE__ */ v({
   __name: "UserCabinetCard",
@@ -6,9 +6,9 @@ const T = ["title"], w = /* @__PURE__ */ v({
     userCabinetUrl: {},
     email: {}
   },
-  setup(m) {
-    const n = m, l = b(""), y = f(() => l.value ? "clipboard-copied" : "clipboard"), C = () => {
-      n.userCabinetUrl && navigator.clipboard.writeText(n.userCabinetUrl).then(() => {
+  setup(o) {
+    const r = o, l = b(""), y = f(() => l.value ? "clipboard-copied" : "clipboard"), C = () => {
+      r.userCabinetUrl && navigator.clipboard.writeText(r.userCabinetUrl).then(() => {
         l.value = "URL copied!", setTimeout(() => {
           l.value = "";
         }, 2e3);
@@ -18,30 +18,30 @@ const T = ["title"], w = /* @__PURE__ */ v({
         }, 2e3);
       });
     };
-    return (e, r) => (s(), a("div", null, [
-      e.userCabinetUrl ? (s(), a("div", {
+    return (e, c) => (s(), i("div", null, [
+      o.userCabinetUrl ? (s(), i("div", {
         key: 0,
         class: t(e.$style.urlSection)
       }, [
-        o("div", {
+        a("div", {
           class: t(e.$style.urlLabel)
         }, "Scientist cabinet URL:", 2),
-        o("div", {
+        a("div", {
           class: t(e.$style.urlActions)
         }, [
-          o("div", {
+          a("div", {
             class: t(e.$style.urlDisplay),
-            title: e.userCabinetUrl
-          }, i(e.userCabinetUrl), 11, T),
-          u(c(k), {
+            title: o.userCabinetUrl
+          }, n(o.userCabinetUrl), 11, T),
+          d(p(k), {
             "close-delay": 800,
             position: "top"
           }, {
-            tooltip: d(() => [
-              U(i(l.value ? l.value : "Copy"), 1)
+            tooltip: m(() => [
+              U(n(l.value ? l.value : "Copy"), 1)
             ]),
-            default: d(() => [
-              u(c($), {
+            default: m(() => [
+              d(p($), {
                 class: t(e.$style.copyIcon),
                 title: "Copy content",
                 name: y.value,
@@ -51,15 +51,15 @@ const T = ["title"], w = /* @__PURE__ */ v({
             _: 1
           })
         ], 2),
-        e.email ? (s(), a("div", {
+        o.email ? (s(), i("div", {
           key: 0,
           class: t(e.$style.email)
         }, [
-          r[0] || (r[0] = o("span", null, "License owner:", -1)),
-          o("span", null, i(e.email), 1)
-        ], 2)) : p("", !0)
-      ], 2)) : p("", !0),
-      o("div", {
+          c[0] || (c[0] = a("span", null, "License owner:", -1)),
+          a("span", null, n(o.email), 1)
+        ], 2)) : u("", !0)
+      ], 2)) : u("", !0),
+      a("div", {
         class: t(e.$style.hint)
       }, " * Copy and paste the link into your browser ", 2)
     ]));

package/dist/plugins/Monetization/UserCabinetCard.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserCabinetCard.vue2.js","sources":["../../../src/plugins/Monetization/UserCabinetCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from 'vue';\nimport { PlTooltip, PlMaskIcon24 } from '@milaboratories/uikit';\n\nconst props = defineProps<{\n  userCabinetUrl: string;\n  email?: string;\n}>();\n\nconst copiedMessage = ref('');\n\nconst iconName = computed(() => (copiedMessage.value ? 'clipboard-copied' : 'clipboard'));\n\nconst copyToClipboard = () => {\n  if (props.userCabinetUrl) {\n    navigator.clipboard.writeText(props.userCabinetUrl)\n      .then(() => {\n        copiedMessage.value = 'URL copied!';\n        setTimeout(() => {\n          copiedMessage.value = '';\n        }, 2000);\n      })\n      .catch((err) => {\n        console.error('Failed to copy text: ', err);\n        copiedMessage.value = 'Copy failed';\n        setTimeout(() => {\n          copiedMessage.value = '';\n        }, 2000);\n      });\n  }\n};\n</script>\n\n<template>\n  <div>\n    <div v-if=\"userCabinetUrl\" :class=\"$style.urlSection\">\n      <div :class=\"$style.urlLabel\">Scientist cabinet URL:</div>\n      <div :class=\"$style.urlActions\">\n        <div :class=\"$style.urlDisplay\" :title=\"userCabinetUrl\">{{ userCabinetUrl }}</div>\n        <PlTooltip :close-delay=\"800\" position=\"top\">\n          <PlMaskIcon24 :class=\"$style.copyIcon\" title=\"Copy content\" :name=\"iconName\" @click=\"copyToClipboard\" />\n          <template #tooltip>{{ copiedMessage ? copiedMessage : 'Copy' }}</template>\n        </PlTooltip>\n      </div>\n      <div v-if=\"email\" :class=\"$style.email\">\n        <span>License owner:</span>\n        <span>{{ email }}</span>\n      </div>\n    </div>\n    <div :class=\"$style.hint\">\n      * Copy and paste the link into your browser\n    </div>\n  </div>\n</template>\n\n<style module>\n.hint {\n  margin-top: 6px;\n  color: var(--txt-03);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n}\n\n.email {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 12px;\n  color: var(--txt-03);\n\n  > span:last-child {\n    max-width: 200px;\n    text-overflow: ellipsis;\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n}\n\n.copyIcon {\n  cursor: pointer;\n}\n\n.urlSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px;\n  background-color: #F7F8FA;\n  border-radius: 6px;\n  border: 1px solid #E1E3EB;\n}\n\n.urlLabel {\n  font-weight: 500;\n  color: #555;\n}\n\n.urlActions {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: nowrap;\n}\n\n.urlDisplay {\n  font-family: monospace;\n  font-size: 14px;\n  color: #0066cc;\n  padding: 6px 10px 6px 0;\n  border-radius: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 300px;\n}\n</style>\n"],"names":["props","__props","copiedMessage","ref","iconName","computed","copyToClipboard","err"],"mappings":";;;;;;;;;AAIA,UAAMA,IAAQC,GAKRC,IAAgBC,EAAI,EAAE,GAEtBC,IAAWC,EAAS,MAAOH,EAAc,QAAQ,qBAAqB,WAAY,GAElFI,IAAkB,MAAM;AAC5B,MAAIN,EAAM,kBACR,UAAU,UAAU,UAAUA,EAAM,cAAc,EAC/C,KAAK,MAAM;AACV,QAAAE,EAAc,QAAQ,eACtB,WAAW,MAAM;AACf,UAAAA,EAAc,QAAQ;AAAA,QACxB,GAAG,GAAI;AAAA,MACT,CAAC,EACA,MAAM,CAACK,MAAQ;AACd,gBAAQ,MAAM,yBAAyBA,CAAG,GAC1CL,EAAc,QAAQ,eACtB,WAAW,MAAM;AACf,UAAAA,EAAc,QAAQ;AAAA,QACxB,GAAG,GAAI;AAAA,MACT,CAAC;AAAA,IAEP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UserCabinetCard.vue2.js","sources":["../../../src/plugins/Monetization/UserCabinetCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from 'vue';\nimport { PlTooltip, PlMaskIcon24 } from '@milaboratories/uikit';\n\nconst props = defineProps<{\n  userCabinetUrl: string;\n  email?: string;\n}>();\n\nconst copiedMessage = ref('');\n\nconst iconName = computed(() => (copiedMessage.value ? 'clipboard-copied' : 'clipboard'));\n\nconst copyToClipboard = () => {\n  if (props.userCabinetUrl) {\n    navigator.clipboard.writeText(props.userCabinetUrl)\n      .then(() => {\n        copiedMessage.value = 'URL copied!';\n        setTimeout(() => {\n          copiedMessage.value = '';\n        }, 2000);\n      })\n      .catch((err) => {\n        console.error('Failed to copy text: ', err);\n        copiedMessage.value = 'Copy failed';\n        setTimeout(() => {\n          copiedMessage.value = '';\n        }, 2000);\n      });\n  }\n};\n</script>\n\n<template>\n  <div>\n    <div v-if=\"userCabinetUrl\" :class=\"$style.urlSection\">\n      <div :class=\"$style.urlLabel\">Scientist cabinet URL:</div>\n      <div :class=\"$style.urlActions\">\n        <div :class=\"$style.urlDisplay\" :title=\"userCabinetUrl\">{{ userCabinetUrl }}</div>\n        <PlTooltip :close-delay=\"800\" position=\"top\">\n          <PlMaskIcon24 :class=\"$style.copyIcon\" title=\"Copy content\" :name=\"iconName\" @click=\"copyToClipboard\" />\n          <template #tooltip>{{ copiedMessage ? copiedMessage : 'Copy' }}</template>\n        </PlTooltip>\n      </div>\n      <div v-if=\"email\" :class=\"$style.email\">\n        <span>License owner:</span>\n        <span>{{ email }}</span>\n      </div>\n    </div>\n    <div :class=\"$style.hint\">\n      * Copy and paste the link into your browser\n    </div>\n  </div>\n</template>\n\n<style module>\n.hint {\n  margin-top: 6px;\n  color: var(--txt-03);\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n}\n\n.email {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 12px;\n  color: var(--txt-03);\n\n  > span:last-child {\n    max-width: 200px;\n    text-overflow: ellipsis;\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n}\n\n.copyIcon {\n  cursor: pointer;\n}\n\n.urlSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 12px;\n  background-color: #F7F8FA;\n  border-radius: 6px;\n  border: 1px solid #E1E3EB;\n}\n\n.urlLabel {\n  font-weight: 500;\n  color: #555;\n}\n\n.urlActions {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: nowrap;\n}\n\n.urlDisplay {\n  font-family: monospace;\n  font-size: 14px;\n  color: #0066cc;\n  padding: 6px 10px 6px 0;\n  border-radius: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 300px;\n}\n</style>\n"],"names":["props","__props","copiedMessage","ref","iconName","computed","copyToClipboard","err","_createElementBlock","_normalizeClass","$style","_createElementVNode","_hoisted_1","_createVNode","_unref","PlTooltip","_createTextVNode","_toDisplayString","PlMaskIcon24","_cache"],"mappings":";;;;;;;;;AAIA,UAAMA,IAAQC,GAKRC,IAAgBC,EAAI,EAAE,GAEtBC,IAAWC,EAAS,MAAOH,EAAc,QAAQ,qBAAqB,WAAY,GAElFI,IAAkB,MAAM;AAC5B,MAAIN,EAAM,kBACR,UAAU,UAAU,UAAUA,EAAM,cAAc,EAC/C,KAAK,MAAM;AACV,QAAAE,EAAc,QAAQ,eACtB,WAAW,MAAM;AACf,UAAAA,EAAc,QAAQ;AAAA,QACxB,GAAG,GAAI;AAAA,MACT,CAAC,EACA,MAAM,CAACK,MAAQ;AACd,gBAAQ,MAAM,yBAAyBA,CAAG,GAC1CL,EAAc,QAAQ,eACtB,WAAW,MAAM;AACf,UAAAA,EAAc,QAAQ;AAAA,QACxB,GAAG,GAAI;AAAA,MACT,CAAC;AAAA,IAEP;2BAIEM,EAkBM,OAAA,MAAA;AAAA,MAjBOP,EAAA,uBAAXO,EAaM,OAAA;AAAA;QAbsB,OAAKC,EAAEC,EAAAA,OAAO,UAAU;AAAA,MAAA;QAClDC,EAA0D,OAAA;AAAA,UAApD,OAAKF,EAAEC,EAAAA,OAAO,QAAQ;AAAA,QAAA,GAAE,0BAAsB,CAAA;AAAA,QACpDC,EAMM,OAAA;AAAA,UANA,OAAKF,EAAEC,EAAAA,OAAO,UAAU;AAAA,QAAA;UAC5BC,EAAkF,OAAA;AAAA,YAA5E,OAAKF,EAAEC,EAAAA,OAAO,UAAU;AAAA,YAAG,OAAOT,EAAA;AAAA,UAAA,KAAmBA,EAAA,cAAc,GAAA,IAAAW,CAAA;AAAA,UACzEC,EAGYC,EAAAC,CAAA,GAAA;AAAA,YAHA,eAAa;AAAA,YAAK,UAAS;AAAA,UAAA;YAE1B,WAAQ,MAA4C;AAAA,cAAzCC,EAAAC,EAAAf,EAAA,QAAgBA,EAAA,QAAa,MAAA,GAAA,CAAA;AAAA,YAAA;uBADnD,MAAwG;AAAA,cAAxGW,EAAwGC,EAAAI,CAAA,GAAA;AAAA,gBAAzF,OAAKT,EAAEC,EAAAA,OAAO,QAAQ;AAAA,gBAAE,OAAM;AAAA,gBAAgB,MAAMN,EAAA;AAAA,gBAAW,SAAOE;AAAA,cAAA;;;;;QAI9EL,EAAA,cAAXO,EAGM,OAAA;AAAA;UAHa,OAAKC,EAAEC,EAAAA,OAAO,KAAK;AAAA,QAAA;UACpCS,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAR,EAA2B,cAArB,kBAAc,EAAA;AAAA,UACpBA,EAAwB,gBAAfV,EAAA,KAAK,GAAA,CAAA;AAAA,QAAA;;MAGlBU,EAEM,OAAA;AAAA,QAFA,OAAKF,EAAEC,EAAAA,OAAO,IAAI;AAAA,MAAA,GAAE,iDAE1B,CAAA;AAAA,IAAA;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.45.35",
+  "version": "1.45.37",
   "type": "module",
   "main": "dist/index.js",
   "styles": "dist/index.js",
@@ -15,21 +15,20 @@
     "@types/node": "~24.5.2",
     "@types/semver": "^7.7.0",
     "@types/d3-format": "^3.0.4",
-    "@milaboratories/miplots4": "^1.0.145",
     "ag-grid-enterprise": "~34.1.2",
     "ag-grid-vue3": "~34.1.2",
     "canonicalize": "~2.1.0",
     "lru-cache": "^11.2.2",
-    "vue": "^3.5.13",
+    "vue": "^3.5.24",
     "@vueuse/core": "^13.3.0",
     "@vueuse/integrations": "^13.3.0",
     "d3-format": "^3.1.0",
     "zod": "~3.23.8",
     "@zip.js/zip.js": "^2.8.2",
-    "@milaboratories/biowasm-tools": "2.0.0",
     "@milaboratories/ptabler-expression-js": "1.1.3",
+    "@milaboratories/biowasm-tools": "2.0.0",
     "@platforma-sdk/model": "1.45.35",
-    "@milaboratories/uikit": "2.6.2"
+    "@milaboratories/uikit": "2.6.3"
   },
   "devDependencies": {
     "happy-dom": "^15.11.7",
@@ -44,11 +43,11 @@
     "yarpm": "^1.2.0",
     "fast-json-patch": "^3.1.1",
     "@faker-js/faker": "^9.2.0",
+    "@milaboratories/helpers": "1.12.0",
+    "@milaboratories/ts-builder": "1.0.5",
     "@milaboratories/ts-configs": "1.0.6",
     "@milaboratories/eslint-config": "1.0.5",
-    "@milaboratories/ts-builder": "1.0.5",
-    "@milaboratories/build-configs": "1.0.8",
-    "@milaboratories/helpers": "1.12.0"
+    "@milaboratories/build-configs": "1.0.8"
   },
   "scripts": {
     "test": "vitest run --passWithNoTests",

package/src/lib.ts

@@ -28,8 +28,6 @@ export * from './components/PlAgGridColumnManager';
 
 export * from './components/PlTableFilters';
 
-export * from './components/PlMultiSequenceAlignment';
-
 export * from './components/PlAnnotations';
 
 export * from './components/PlBtnExportArchive';