@platforma-sdk/ui-vue 1.58.8 → 1.58.10

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","_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;;;;"}
+{"version":3,"file":"RunStatus.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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"],"mappings":";;;;;;;;;EAGA,IAAM,IAAQ,GAMR,IAAY,QACZ,EAAM,YACD,gBAGL,EAAM,SACD,iBAGF,aACP;yBAIA,EAaM,OAAA,MAAA,CAZJ,EAUM,OAAA,EAVA,OAAK,EAAA,CAAA;IAAMA,EAAAA,OAAM,aAAc,EAAA;IAASA,EAAAA,OAAO,UAAU,EAAA;GAAS,EAAIA,EAAAA,OAAO,UAAS,CAAA,EAAA,EAAA,CAC1F,EAOM,OAAA,EAPA,OAAK,EAAEA,EAAAA,OAAO,MAAK,EAAA,EAAA,CACvB,EAII,KAAA,EAJA,OAAK,EAAEA,EAAAA,OAAO,KAAI,EAAA,EAAA,CACpB,EAEO,QAAA,MAAA,CADL,EAA4B,QAAA,EAArB,OAAK,EAAEA,EAAAA,OAAO,IAAG,EAAA,EAAA,MAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAG5B,EAA4B,QAAA,MAAA,EAAnB,EAAA,MAAS,EAAA,EAAA,CAAA,EAAA,EAAA,EAEpB,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,EAEC,EAAA,cAAA,GAAA,EAAX,EAAwE,OAAA;;GAAhD,OAAK,EAAEA,EAAAA,OAAO,WAAU;OAAK,EAAA,WAAU,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}

package/dist/plugins/Monetization/UserCabinetCard.js

@@ -0,0 +1,7 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./UserCabinetCard.vue2.js";
+import n from "./UserCabinetCard.style.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+export { r as default };
+
+//# sourceMappingURL=UserCabinetCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserCabinetCard.js","names":[],"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\n      .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\n            :class=\"$style.copyIcon\"\n            title=\"Copy content\"\n            :name=\"iconName\"\n            @click=\"copyToClipboard\"\n          />\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\">* Copy and paste the link into your browser</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"],"mappings":""}

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

@@ -0,0 +1,12 @@
+import './UserCabinetCard.vue.css';var e = {
+	hint: "_hint_19ht8_2",
+	email: "_email_19ht8_10",
+	copyIcon: "_copyIcon_19ht8_26",
+	urlSection: "_urlSection_19ht8_30",
+	urlLabel: "_urlLabel_19ht8_40",
+	urlActions: "_urlActions_19ht8_45",
+	urlDisplay: "_urlDisplay_19ht8_52"
+};
+export { e as default };
+
+//# sourceMappingURL=UserCabinetCard.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserCabinetCard.vue_vue_type_style_index_0_lang.module.js","names":[],"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\n      .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\n            :class=\"$style.copyIcon\"\n            title=\"Copy content\"\n            :name=\"iconName\"\n            @click=\"copyToClipboard\"\n          />\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\">* Copy and paste the link into your browser</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"],"mappings":""}

package/dist/plugins/Monetization/UserCabinetCard.vue.css

@@ -0,0 +1 @@
+._hint_19ht8_2{color:var(--txt-03);margin-top:6px;font-size:12px;font-weight:500;line-height:16px}._email_19ht8_10{color:var(--txt-03);justify-content:space-between;align-items:center;font-size:12px;display:flex}._email_19ht8_10>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:200px;display:block;overflow:hidden}._copyIcon_19ht8_26{cursor:pointer}._urlSection_19ht8_30{background-color:#f7f8fa;border:1px solid #e1e3eb;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}._urlLabel_19ht8_40{color:#555;font-weight:500}._urlActions_19ht8_45{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}._urlDisplay_19ht8_52{color:#06c;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:300px;padding:6px 10px 6px 0;font-family:monospace;font-size:14px;overflow:hidden}

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

@@ -1,71 +1,51 @@
-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",
-  props: {
-    userCabinetUrl: {},
-    email: {}
-  },
-  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);
-      }).catch((e) => {
-        console.error("Failed to copy text: ", e), l.value = "Copy failed", setTimeout(() => {
-          l.value = "";
-        }, 2e3);
-      });
-    };
-    return (e, c) => (s(), i("div", null, [
-      o.userCabinetUrl ? (s(), i("div", {
-        key: 0,
-        class: t(e.$style.urlSection)
-      }, [
-        a("div", {
-          class: t(e.$style.urlLabel)
-        }, "Scientist cabinet URL:", 2),
-        a("div", {
-          class: t(e.$style.urlActions)
-        }, [
-          a("div", {
-            class: t(e.$style.urlDisplay),
-            title: o.userCabinetUrl
-          }, n(o.userCabinetUrl), 11, T),
-          d(p(k), {
-            "close-delay": 800,
-            position: "top"
-          }, {
-            tooltip: m(() => [
-              U(n(l.value ? l.value : "Copy"), 1)
-            ]),
-            default: m(() => [
-              d(p($), {
-                class: t(e.$style.copyIcon),
-                title: "Copy content",
-                name: y.value,
-                onClick: C
-              }, null, 8, ["class", "name"])
-            ]),
-            _: 1
-          })
-        ], 2),
-        o.email ? (s(), i("div", {
-          key: 0,
-          class: t(e.$style.email)
-        }, [
-          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)
-    ]));
-  }
+import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, ref as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
+import { PlMaskIcon24 as p, PlTooltip as m } from "@milaboratories/uikit";
+var h = ["title"], g = /* @__PURE__ */ o({
+	__name: "UserCabinetCard",
+	props: {
+		userCabinetUrl: {},
+		email: {}
+	},
+	setup(o) {
+		let g = o, _ = l(""), v = e(() => _.value ? "clipboard-copied" : "clipboard"), y = () => {
+			g.userCabinetUrl && navigator.clipboard.writeText(g.userCabinetUrl).then(() => {
+				_.value = "URL copied!", setTimeout(() => {
+					_.value = "";
+				}, 2e3);
+			}).catch((e) => {
+				console.error("Failed to copy text: ", e), _.value = "Copy failed", setTimeout(() => {
+					_.value = "";
+				}, 2e3);
+			});
+		};
+		return (e, l) => (c(), n("div", null, [o.userCabinetUrl ? (c(), n("div", {
+			key: 0,
+			class: s(e.$style.urlSection)
+		}, [
+			r("div", { class: s(e.$style.urlLabel) }, "Scientist cabinet URL:", 2),
+			r("div", { class: s(e.$style.urlActions) }, [r("div", {
+				class: s(e.$style.urlDisplay),
+				title: o.userCabinetUrl
+			}, u(o.userCabinetUrl), 11, h), a(d(m), {
+				"close-delay": 800,
+				position: "top"
+			}, {
+				tooltip: f(() => [i(u(_.value ? _.value : "Copy"), 1)]),
+				default: f(() => [a(d(p), {
+					class: s(e.$style.copyIcon),
+					title: "Copy content",
+					name: v.value,
+					onClick: y
+				}, null, 8, ["class", "name"])]),
+				_: 1
+			})], 2),
+			o.email ? (c(), n("div", {
+				key: 0,
+				class: s(e.$style.email)
+			}, [l[0] ||= r("span", null, "License owner:", -1), r("span", null, u(o.email), 1)], 2)) : t("", !0)
+		], 2)) : t("", !0), r("div", { class: s(e.$style.hint) }, "* Copy and paste the link into your browser", 2)]));
+	}
 });
-export {
-  w as default
-};
-//# sourceMappingURL=UserCabinetCard.vue2.js.map
+export { g as default };
+
+//# sourceMappingURL=UserCabinetCard.vue2.js.map

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\n      .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\n            :class=\"$style.copyIcon\"\n            title=\"Copy content\"\n            :name=\"iconName\"\n            @click=\"copyToClipboard\"\n          />\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\">* Copy and paste the link into your browser</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,UACP,UAAUA,EAAM,cAAc,EAC9B,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,EAqBM,OAAA,MAAA;AAAA,MApBOP,EAAA,uBAAXO,EAkBM,OAAA;AAAA;QAlBsB,OAAKC,EAAEC,EAAAA,OAAO,UAAU;AAAA,MAAA;QAClDC,EAA0D,OAAA;AAAA,UAApD,OAAKF,EAAEC,EAAAA,OAAO,QAAQ;AAAA,QAAA,GAAE,0BAAsB,CAAA;AAAA,QACpDC,EAWM,OAAA;AAAA,UAXA,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,EAQYC,EAAAC,CAAA,GAAA;AAAA,YARA,eAAa;AAAA,YAAK,UAAS;AAAA,UAAA;YAO1B,WAAQ,MAA4C;AAAA,cAAzCC,EAAAC,EAAAf,EAAA,QAAgBA,EAAA,QAAa,MAAA,GAAA,CAAA;AAAA,YAAA;uBANnD,MAKE;AAAA,cALFW,EAKEC,EAAAI,CAAA,GAAA;AAAA,gBAJC,OAAKT,EAAEC,EAAAA,OAAO,QAAQ;AAAA,gBACvB,OAAM;AAAA,gBACL,MAAMN,EAAA;AAAA,gBACN,SAAOE;AAAA,cAAA;;;;;QAKHL,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,EAA2E,OAAA;AAAA,QAArE,OAAKF,EAAEC,EAAAA,OAAO,IAAI;AAAA,MAAA,GAAE,+CAA2C,CAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"UserCabinetCard.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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\n      .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\n            :class=\"$style.copyIcon\"\n            title=\"Copy content\"\n            :name=\"iconName\"\n            @click=\"copyToClipboard\"\n          />\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\">* Copy and paste the link into your browser</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"],"mappings":";;;;;;;;;EAIA,IAAM,IAAQ,GAKR,IAAgB,EAAI,GAAG,EAEvB,IAAW,QAAgB,EAAc,QAAQ,qBAAqB,YAAa,EAEnF,UAAwB;AAC5B,GAAI,EAAM,kBACR,UAAU,UACP,UAAU,EAAM,eAAc,CAC9B,WAAW;AAEV,IADA,EAAc,QAAQ,eACtB,iBAAiB;AACf,OAAc,QAAQ;OACrB,IAAK;KACT,CACA,OAAO,MAAQ;AAGd,IAFA,QAAQ,MAAM,yBAAyB,EAAI,EAC3C,EAAc,QAAQ,eACtB,iBAAiB;AACf,OAAc,QAAQ;OACrB,IAAK;KACR;;yBAMN,EAqBM,OAAA,MAAA,CApBO,EAAA,kBAAA,GAAA,EAAX,EAkBM,OAAA;;GAlBsB,OAAK,EAAEA,EAAAA,OAAO,WAAU;;GAClD,EAA0D,OAAA,EAApD,OAAK,EAAEA,EAAAA,OAAO,SAAQ,EAAA,EAAE,0BAAsB,EAAA;GACpD,EAWM,OAAA,EAXA,OAAK,EAAEA,EAAAA,OAAO,WAAU,EAAA,EAAA,CAC5B,EAAkF,OAAA;IAA5E,OAAK,EAAEA,EAAAA,OAAO,WAAU;IAAG,OAAO,EAAA;QAAmB,EAAA,eAAc,EAAA,IAAA,EAAA,EACzE,EAQY,EAAA,EAAA,EAAA;IARA,eAAa;IAAK,UAAS;;IAO1B,SAAO,QAA6C,CAAA,EAAA,EAAzC,EAAA,QAAgB,EAAA,QAAa,OAAA,EAAA,EAAA,CAAA,CAAA;qBADjD,CALF,EAKE,EAAA,EAAA,EAAA;KAJC,OAAK,EAAEA,EAAAA,OAAO,SAAQ;KACvB,OAAM;KACL,MAAM,EAAA;KACN,SAAO;;;;GAKH,EAAA,SAAA,GAAA,EAAX,EAGM,OAAA;;IAHa,OAAK,EAAEA,EAAAA,OAAO,MAAK;gBACpC,EAA2B,QAAA,MAArB,kBAAc,GAAA,EACpB,EAAwB,QAAA,MAAA,EAAf,EAAA,MAAK,EAAA,EAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;sBAGlB,EAA2E,OAAA,EAArE,OAAK,EAAEA,EAAAA,OAAO,KAAI,EAAA,EAAE,+CAA2C,EAAA,CAAA,CAAA"}

package/dist/plugins/Monetization/useButtonTarget.js

@@ -1,17 +1,16 @@
-import { ref as r, onMounted as u, onUpdated as c, nextTick as i } from "vue";
-function a(n) {
-  const e = r(), t = ".pl-block-page__title__append", o = () => {
-    i(() => {
-      if (!n.value) {
-        e.value = void 0;
-        return;
-      }
-      e.value = document.querySelector(t) ? t : void 0, e.value || console.error("[Monetization] use #title slot to place monetization button");
-    });
-  };
-  return u(o), c(o), e;
+import { nextTick as e, onMounted as t, onUpdated as n, ref as r } from "vue";
+function i(i) {
+	let a = r(), o = ".pl-block-page__title__append", s = () => {
+		e(() => {
+			if (!i.value) {
+				a.value = void 0;
+				return;
+			}
+			a.value = document.querySelector(o) ? o : void 0, a.value || console.error("[Monetization] use #title slot to place monetization button");
+		});
+	};
+	return t(s), n(s), a;
 }
-export {
-  a as useButtonTarget
-};
-//# sourceMappingURL=useButtonTarget.js.map
+export { i as useButtonTarget };
+
+//# sourceMappingURL=useButtonTarget.js.map

package/dist/plugins/Monetization/useButtonTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"useButtonTarget.js","sources":["../../../src/plugins/Monetization/useButtonTarget.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { ref, nextTick, onMounted, onUpdated } from \"vue\";\n\nexport function useButtonTarget(hasMonetization: Ref<boolean>) {\n  const target = ref<string>();\n\n  const selector = \".pl-block-page__title__append\";\n\n  const check = () => {\n    nextTick(() => {\n      if (!hasMonetization.value) {\n        target.value = undefined;\n        return;\n      }\n\n      target.value = document.querySelector(selector) ? selector : undefined;\n      if (!target.value) {\n        console.error(`[Monetization] use #title slot to place monetization button`);\n      }\n    });\n  };\n\n  onMounted(check);\n  onUpdated(check);\n\n  return target;\n}\n"],"names":["useButtonTarget","hasMonetization","target","ref","selector","check","nextTick","onMounted","onUpdated"],"mappings":";AAGO,SAASA,EAAgBC,GAA+B;AAC7D,QAAMC,IAASC,EAAA,GAETC,IAAW,iCAEXC,IAAQ,MAAM;AAClB,IAAAC,EAAS,MAAM;AACb,UAAI,CAACL,EAAgB,OAAO;AAC1B,QAAAC,EAAO,QAAQ;AACf;AAAA,MACF;AAEA,MAAAA,EAAO,QAAQ,SAAS,cAAcE,CAAQ,IAAIA,IAAW,QACxDF,EAAO,SACV,QAAQ,MAAM,6DAA6D;AAAA,IAE/E,CAAC;AAAA,EACH;AAEA,SAAAK,EAAUF,CAAK,GACfG,EAAUH,CAAK,GAERH;AACT;"}
+{"version":3,"file":"useButtonTarget.js","names":[],"sources":["../../../src/plugins/Monetization/useButtonTarget.ts"],"sourcesContent":["import type { Ref } from \"vue\";\nimport { ref, nextTick, onMounted, onUpdated } from \"vue\";\n\nexport function useButtonTarget(hasMonetization: Ref<boolean>) {\n  const target = ref<string>();\n\n  const selector = \".pl-block-page__title__append\";\n\n  const check = () => {\n    nextTick(() => {\n      if (!hasMonetization.value) {\n        target.value = undefined;\n        return;\n      }\n\n      target.value = document.querySelector(selector) ? selector : undefined;\n      if (!target.value) {\n        console.error(`[Monetization] use #title slot to place monetization button`);\n      }\n    });\n  };\n\n  onMounted(check);\n  onUpdated(check);\n\n  return target;\n}\n"],"mappings":";AAGA,SAAgB,EAAgB,GAA+B;CAC7D,IAAM,IAAS,GAAa,EAEtB,IAAW,iCAEX,UAAc;AAClB,UAAe;AACb,OAAI,CAAC,EAAgB,OAAO;AAC1B,MAAO,QAAQ,KAAA;AACf;;AAIF,GADA,EAAO,QAAQ,SAAS,cAAc,EAAS,GAAG,IAAW,KAAA,GACxD,EAAO,SACV,QAAQ,MAAM,8DAA8D;IAE9E;;AAMJ,QAHA,EAAU,EAAM,EAChB,EAAU,EAAM,EAET"}

package/dist/plugins/Monetization/useInfo.js

@@ -1,72 +1,37 @@
-import { computed as t, ref as l, watch as _ } from "vue";
-import { useSdkPlugin as S } from "../../defineApp.js";
-import { Response as h } from "./validation.js";
-import { useIntervalFn as k } from "@vueuse/core";
-function M() {
-  const v = S(), c = t(() => v.loaded ? v.useApp() : void 0), z = (e) => e ? "data" in e ? e.data : "args" in e ? e.args : {} : {}, s = t(() => {
-    var e;
-    return z((e = c.value) == null ? void 0 : e.model);
-  }), r = t(() => s.value && "__mnzDate" in s.value), f = t(() => {
-    var e;
-    return h.safeParse((e = c.value) == null ? void 0 : e.model.outputs.__mnzInfo);
-  }), m = t(() => {
-    var e;
-    return (e = f.value) == null ? void 0 : e.data;
-  }), I = t(() => {
-    var e, n, g;
-    return ((e = f.value) == null ? void 0 : e.error) ?? ((g = (n = o.value) == null ? void 0 : n.response) == null ? void 0 : g.error);
-  }), o = l(void 0), u = l(!1), i = l(0);
-  _(
-    [m],
-    ([e]) => {
-      if (e) {
-        o.value = e;
-        const n = ++i.value;
-        setTimeout(() => {
-          i.value === n && (u.value = !1);
-        }, 1e3);
-      }
-    },
-    { immediate: !0 }
-  );
-  const a = t(() => {
-    var e, n;
-    return (n = (e = o.value) == null ? void 0 : e.response) == null ? void 0 : n.result;
-  }), d = t(() => {
-    var e;
-    return !!((e = a.value) != null && e.canRun);
-  }), D = t(() => {
-    var e;
-    return m.value ? (e = a.value) == null ? void 0 : e.status : "";
-  }), O = t(() => {
-    var e;
-    return (e = a.value) == null ? void 0 : e.customerEmail;
-  }), P = t(() => {
-    var e;
-    return (e = a.value) == null ? void 0 : e.mnz.endOfBillingPeriod;
-  }), R = t(() => {
-    var e;
-    return (e = a.value) == null ? void 0 : e.mnz.limits;
-  }), p = () => {
-    u.value = !0, s.value.__mnzDate = (/* @__PURE__ */ new Date()).toISOString();
-  };
-  return _(d, (e) => {
-    r.value && (s.value.__mnzCanRun = e);
-  }), r.value && k(p, 6e4), {
-    hasMonetization: r,
-    result: a,
-    error: I,
-    canRun: d,
-    status: D,
-    customerEmail: O,
-    endOfBillingPeriod: P,
-    limits: R,
-    refresh: p,
-    version: i,
-    isLoading: u
-  };
+import { useSdkPlugin as e } from "../../defineApp.js";
+import { Response as t } from "./validation.js";
+import { computed as n, ref as r, watch as i } from "vue";
+import { useIntervalFn as a } from "@vueuse/core";
+function o() {
+	let o = e(), s = n(() => o.loaded ? o.useApp() : void 0), c = (e) => e ? "data" in e ? e.data : "args" in e ? e.args : {} : {}, l = n(() => c(s.value?.model)), u = n(() => l.value && "__mnzDate" in l.value), d = n(() => t.safeParse(s.value?.model.outputs.__mnzInfo)), f = n(() => d.value?.data), p = n(() => d.value?.error ?? m.value?.response?.error), m = r(void 0), h = r(!1), g = r(0);
+	i([f], ([e]) => {
+		if (e) {
+			m.value = e;
+			let t = ++g.value;
+			setTimeout(() => {
+				g.value === t && (h.value = !1);
+			}, 1e3);
+		}
+	}, { immediate: !0 });
+	let _ = n(() => m.value?.response?.result), v = n(() => !!_.value?.canRun), y = n(() => f.value ? _.value?.status : ""), b = n(() => _.value?.customerEmail), x = n(() => _.value?.mnz.endOfBillingPeriod), S = n(() => _.value?.mnz.limits), C = () => {
+		h.value = !0, l.value.__mnzDate = (/* @__PURE__ */ new Date()).toISOString();
+	};
+	return i(v, (e) => {
+		u.value && (l.value.__mnzCanRun = e);
+	}), u.value && a(C, 6e4), {
+		hasMonetization: u,
+		result: _,
+		error: p,
+		canRun: v,
+		status: y,
+		customerEmail: b,
+		endOfBillingPeriod: x,
+		limits: S,
+		refresh: C,
+		version: g,
+		isLoading: h
+	};
 }
-export {
-  M as useInfo
-};
-//# sourceMappingURL=useInfo.js.map
+export { o as useInfo };
+
+//# sourceMappingURL=useInfo.js.map

package/dist/plugins/Monetization/useInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInfo.js","sources":["../../../src/plugins/Monetization/useInfo.ts"],"sourcesContent":["import { computed, watch, ref } from \"vue\";\nimport { useSdkPlugin } from \"../../defineApp\";\nimport { Response } from \"./validation\";\nimport { useIntervalFn } from \"@vueuse/core\";\n\nexport function useInfo() {\n  const sdk = useSdkPlugin();\n\n  const app = computed(() => (sdk.loaded ? sdk.useApp() : undefined));\n\n  // TODO use a separate plugin state when it's implemented\n  const getModelArgsOrState = (model: Record<string, unknown> | undefined) => {\n    if (!model) return {};\n    if (\"data\" in model) {\n      return model.data as Record<string, unknown>;\n    } else if (\"args\" in model) {\n      return model.args as Record<string, unknown>;\n    }\n    return {};\n  };\n\n  const inputData = computed(() => getModelArgsOrState(app.value?.model));\n\n  const hasMonetization = computed(() => {\n    return inputData.value && \"__mnzDate\" in inputData.value;\n  });\n\n  const parsed = computed(() => Response.safeParse(app.value?.model.outputs[\"__mnzInfo\"]));\n\n  const currentInfo = computed<Response | undefined>(() => parsed.value?.data);\n\n  const error = computed(() => parsed.value?.error ?? info.value?.response?.error);\n\n  const info = ref<Response | undefined>(undefined);\n\n  const isLoading = ref(false);\n\n  const version = ref(0);\n\n  watch(\n    [currentInfo],\n    ([i]) => {\n      if (i) {\n        info.value = i;\n        const v = ++version.value;\n        setTimeout(() => {\n          if (version.value === v) {\n            isLoading.value = false;\n          }\n        }, 1000);\n      }\n    },\n    { immediate: true },\n  );\n\n  const result = computed(() => info.value?.response?.result);\n\n  const canRun = computed(() => !!result.value?.canRun);\n\n  const status = computed(() => (currentInfo.value ? result.value?.status : \"\"));\n\n  const customerEmail = computed(() => result.value?.customerEmail);\n\n  const endOfBillingPeriod = computed(() => result.value?.mnz.endOfBillingPeriod);\n\n  const limits = computed(() => result.value?.mnz.limits);\n\n  const refresh = () => {\n    isLoading.value = true;\n    inputData.value[\"__mnzDate\"] = new Date().toISOString();\n  };\n\n  watch(canRun, (v) => {\n    if (hasMonetization.value) {\n      (inputData.value as Record<string, unknown>)[\"__mnzCanRun\"] = v;\n    }\n  });\n\n  if (hasMonetization.value) {\n    useIntervalFn(refresh, 60_000); // 1 minute\n  }\n\n  return {\n    hasMonetization,\n    result,\n    error,\n    canRun,\n    status,\n    customerEmail,\n    endOfBillingPeriod,\n    limits,\n    refresh,\n    version,\n    isLoading,\n  };\n}\n"],"names":["useInfo","sdk","useSdkPlugin","app","computed","getModelArgsOrState","model","inputData","_a","hasMonetization","parsed","Response","currentInfo","error","_c","_b","info","ref","isLoading","version","watch","i","v","result","canRun","status","customerEmail","endOfBillingPeriod","limits","refresh","useIntervalFn"],"mappings":";;;;AAKO,SAASA,IAAU;AACxB,QAAMC,IAAMC,EAAA,GAENC,IAAMC,EAAS,MAAOH,EAAI,SAASA,EAAI,OAAA,IAAW,MAAU,GAG5DI,IAAsB,CAACC,MACtBA,IACD,UAAUA,IACLA,EAAM,OACJ,UAAUA,IACZA,EAAM,OAER,CAAA,IANY,CAAA,GASfC,IAAYH,EAAS,MAAA;;AAAM,WAAAC,GAAoBG,IAAAL,EAAI,UAAJ,gBAAAK,EAAW,KAAK;AAAA,GAAC,GAEhEC,IAAkBL,EAAS,MACxBG,EAAU,SAAS,eAAeA,EAAU,KACpD,GAEKG,IAASN,EAAS,MAAA;;AAAM,WAAAO,EAAS,WAAUH,IAAAL,EAAI,UAAJ,gBAAAK,EAAW,MAAM,QAAQ,SAAY;AAAA,GAAC,GAEjFI,IAAcR,EAA+B,MAAA;;AAAM,YAAAI,IAAAE,EAAO,UAAP,gBAAAF,EAAc;AAAA,GAAI,GAErEK,IAAQT,EAAS,MAAA;;AAAM,aAAAI,IAAAE,EAAO,UAAP,gBAAAF,EAAc,YAASM,KAAAC,IAAAC,EAAK,UAAL,gBAAAD,EAAY,aAAZ,gBAAAD,EAAsB;AAAA,GAAK,GAEzEE,IAAOC,EAA0B,MAAS,GAE1CC,IAAYD,EAAI,EAAK,GAErBE,IAAUF,EAAI,CAAC;AAErB,EAAAG;AAAA,IACE,CAACR,CAAW;AAAA,IACZ,CAAC,CAACS,CAAC,MAAM;AACP,UAAIA,GAAG;AACL,QAAAL,EAAK,QAAQK;AACb,cAAMC,IAAI,EAAEH,EAAQ;AACpB,mBAAW,MAAM;AACf,UAAIA,EAAQ,UAAUG,MACpBJ,EAAU,QAAQ;AAAA,QAEtB,GAAG,GAAI;AAAA,MACT;AAAA,IACF;AAAA,IACA,EAAE,WAAW,GAAA;AAAA,EAAK;AAGpB,QAAMK,IAASnB,EAAS,MAAA;;AAAM,YAAAW,KAAAP,IAAAQ,EAAK,UAAL,gBAAAR,EAAY,aAAZ,gBAAAO,EAAsB;AAAA,GAAM,GAEpDS,IAASpB,EAAS,MAAA;;AAAM,YAAC,GAACI,IAAAe,EAAO,UAAP,QAAAf,EAAc;AAAA,GAAM,GAE9CiB,IAASrB,EAAS;;AAAO,WAAAQ,EAAY,SAAQJ,IAAAe,EAAO,UAAP,gBAAAf,EAAc,SAAS;AAAA,GAAG,GAEvEkB,IAAgBtB,EAAS,MAAA;;AAAM,YAAAI,IAAAe,EAAO,UAAP,gBAAAf,EAAc;AAAA,GAAa,GAE1DmB,IAAqBvB,EAAS,MAAA;;AAAM,YAAAI,IAAAe,EAAO,UAAP,gBAAAf,EAAc,IAAI;AAAA,GAAkB,GAExEoB,IAASxB,EAAS,MAAA;;AAAM,YAAAI,IAAAe,EAAO,UAAP,gBAAAf,EAAc,IAAI;AAAA,GAAM,GAEhDqB,IAAU,MAAM;AACpB,IAAAX,EAAU,QAAQ,IAClBX,EAAU,MAAM,aAAe,oBAAI,KAAA,GAAO,YAAA;AAAA,EAC5C;AAEA,SAAAa,EAAMI,GAAQ,CAACF,MAAM;AACnB,IAAIb,EAAgB,UACjBF,EAAU,MAAkC,cAAiBe;AAAA,EAElE,CAAC,GAEGb,EAAgB,SAClBqB,EAAcD,GAAS,GAAM,GAGxB;AAAA,IACL,iBAAApB;AAAA,IACA,QAAAc;AAAA,IACA,OAAAV;AAAA,IACA,QAAAW;AAAA,IACA,QAAAC;AAAA,IACA,eAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAV;AAAA,IACA,WAAAD;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useInfo.js","names":[],"sources":["../../../src/plugins/Monetization/useInfo.ts"],"sourcesContent":["import { computed, watch, ref } from \"vue\";\nimport { useSdkPlugin } from \"../../defineApp\";\nimport { Response } from \"./validation\";\nimport { useIntervalFn } from \"@vueuse/core\";\n\nexport function useInfo() {\n  const sdk = useSdkPlugin();\n\n  const app = computed(() => (sdk.loaded ? sdk.useApp() : undefined));\n\n  // TODO use a separate plugin state when it's implemented\n  const getModelArgsOrState = (model: Record<string, unknown> | undefined) => {\n    if (!model) return {};\n    if (\"data\" in model) {\n      return model.data as Record<string, unknown>;\n    } else if (\"args\" in model) {\n      return model.args as Record<string, unknown>;\n    }\n    return {};\n  };\n\n  const inputData = computed(() => getModelArgsOrState(app.value?.model));\n\n  const hasMonetization = computed(() => {\n    return inputData.value && \"__mnzDate\" in inputData.value;\n  });\n\n  const parsed = computed(() => Response.safeParse(app.value?.model.outputs[\"__mnzInfo\"]));\n\n  const currentInfo = computed<Response | undefined>(() => parsed.value?.data);\n\n  const error = computed(() => parsed.value?.error ?? info.value?.response?.error);\n\n  const info = ref<Response | undefined>(undefined);\n\n  const isLoading = ref(false);\n\n  const version = ref(0);\n\n  watch(\n    [currentInfo],\n    ([i]) => {\n      if (i) {\n        info.value = i;\n        const v = ++version.value;\n        setTimeout(() => {\n          if (version.value === v) {\n            isLoading.value = false;\n          }\n        }, 1000);\n      }\n    },\n    { immediate: true },\n  );\n\n  const result = computed(() => info.value?.response?.result);\n\n  const canRun = computed(() => !!result.value?.canRun);\n\n  const status = computed(() => (currentInfo.value ? result.value?.status : \"\"));\n\n  const customerEmail = computed(() => result.value?.customerEmail);\n\n  const endOfBillingPeriod = computed(() => result.value?.mnz.endOfBillingPeriod);\n\n  const limits = computed(() => result.value?.mnz.limits);\n\n  const refresh = () => {\n    isLoading.value = true;\n    inputData.value[\"__mnzDate\"] = new Date().toISOString();\n  };\n\n  watch(canRun, (v) => {\n    if (hasMonetization.value) {\n      (inputData.value as Record<string, unknown>)[\"__mnzCanRun\"] = v;\n    }\n  });\n\n  if (hasMonetization.value) {\n    useIntervalFn(refresh, 60_000); // 1 minute\n  }\n\n  return {\n    hasMonetization,\n    result,\n    error,\n    canRun,\n    status,\n    customerEmail,\n    endOfBillingPeriod,\n    limits,\n    refresh,\n    version,\n    isLoading,\n  };\n}\n"],"mappings":";;;;AAKA,SAAgB,IAAU;CACxB,IAAM,IAAM,GAAc,EAEpB,IAAM,QAAgB,EAAI,SAAS,EAAI,QAAQ,GAAG,KAAA,EAAW,EAG7D,KAAuB,MACtB,IACD,UAAU,IACL,EAAM,OACJ,UAAU,IACZ,EAAM,OAER,EAAE,GANU,EAAE,EASjB,IAAY,QAAe,EAAoB,EAAI,OAAO,MAAM,CAAC,EAEjE,IAAkB,QACf,EAAU,SAAS,eAAe,EAAU,MACnD,EAEI,IAAS,QAAe,EAAS,UAAU,EAAI,OAAO,MAAM,QAAQ,UAAa,CAAC,EAElF,IAAc,QAAqC,EAAO,OAAO,KAAK,EAEtE,IAAQ,QAAe,EAAO,OAAO,SAAS,EAAK,OAAO,UAAU,MAAM,EAE1E,IAAO,EAA0B,KAAA,EAAU,EAE3C,IAAY,EAAI,GAAM,EAEtB,IAAU,EAAI,EAAE;AAEtB,GACE,CAAC,EAAY,GACZ,CAAC,OAAO;AACP,MAAI,GAAG;AACL,KAAK,QAAQ;GACb,IAAM,IAAI,EAAE,EAAQ;AACpB,oBAAiB;AACf,IAAI,EAAQ,UAAU,MACpB,EAAU,QAAQ;MAEnB,IAAK;;IAGZ,EAAE,WAAW,IAAM,CACpB;CAED,IAAM,IAAS,QAAe,EAAK,OAAO,UAAU,OAAO,EAErD,IAAS,QAAe,CAAC,CAAC,EAAO,OAAO,OAAO,EAE/C,IAAS,QAAgB,EAAY,QAAQ,EAAO,OAAO,SAAS,GAAI,EAExE,IAAgB,QAAe,EAAO,OAAO,cAAc,EAE3D,IAAqB,QAAe,EAAO,OAAO,IAAI,mBAAmB,EAEzE,IAAS,QAAe,EAAO,OAAO,IAAI,OAAO,EAEjD,UAAgB;AAEpB,EADA,EAAU,QAAQ,IAClB,EAAU,MAAM,6BAAe,IAAI,MAAM,EAAC,aAAa;;AAazD,QAVA,EAAM,IAAS,MAAM;AACnB,EAAI,EAAgB,UACjB,EAAU,MAAkC,cAAiB;GAEhE,EAEE,EAAgB,SAClB,EAAc,GAAS,IAAO,EAGzB;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/plugins/Monetization/validation.js

@@ -1,43 +1,35 @@
-import { z as t } from "zod";
-const n = t.literal("trial"), o = t.literal("free"), e = t.literal("single_payment"), i = t.literal("subscription"), l = t.union([
-  n,
-  o,
-  e,
-  i,
-  t.literal("base")
-  // outdated
-]), a = t.object({
-  type: t.union([t.literal("unique_launches"), t.literal("volume_limit")]),
-  used: t.number(),
-  toSpend: t.number(),
-  available: t.number().nullable()
-  // null if unlimited
-}), r = t.object(
-  {
-    productKey: t.string(),
-    productName: t.string().default("Unknown product"),
-    customerEmail: t.string().optional(),
-    canRun: t.boolean(),
-    status: t.string(),
-    // 'select-tariff', 'active', 'payment_required', 'limits_exceeded', 'inactive', 'unknown',
-    mnz: t.object({
-      type: l.optional(),
-      endOfBillingPeriod: t.string().nullable().optional(),
-      limits: t.array(a).optional()
-    })
-  },
-  { message: "Invalid DryRunResult" }
-), u = t.object({
-  httpError: t.string().optional(),
-  response: t.object({
-    result: r.optional(),
-    error: t.unknown().optional()
-  }).optional()
+import { z as e } from "zod";
+var t = e.literal("trial"), n = e.literal("free"), r = e.literal("single_payment"), i = e.literal("subscription"), a = e.union([
+	t,
+	n,
+	r,
+	i,
+	e.literal("base")
+]);
+const o = e.object({
+	type: e.union([e.literal("unique_launches"), e.literal("volume_limit")]),
+	used: e.number(),
+	toSpend: e.number(),
+	available: e.number().nullable()
+});
+var s = e.object({
+	productKey: e.string(),
+	productName: e.string().default("Unknown product"),
+	customerEmail: e.string().optional(),
+	canRun: e.boolean(),
+	status: e.string(),
+	mnz: e.object({
+		type: a.optional(),
+		endOfBillingPeriod: e.string().nullable().optional(),
+		limits: e.array(o).optional()
+	})
+}, { message: "Invalid DryRunResult" }), c = e.object({
+	httpError: e.string().optional(),
+	response: e.object({
+		result: s.optional(),
+		error: e.unknown().optional()
+	}).optional()
 }).optional();
-export {
-  r as DryRunResult,
-  a as Limit,
-  l as MonetizationType,
-  u as Response
-};
-//# sourceMappingURL=validation.js.map
+export { c as Response };
+
+//# sourceMappingURL=validation.js.map

package/dist/plugins/Monetization/validation.js.map

@@ -1 +1 @@
-{"version":3,"file":"validation.js","sources":["../../../src/plugins/Monetization/validation.ts"],"sourcesContent":["import { z } from \"zod\";\n\nconst MonetizationTrial = z.literal(\"trial\");\nconst MonetizationFree = z.literal(\"free\");\nconst MonetizationSinglePayment = z.literal(\"single_payment\");\nconst MonetizationSubscription = z.literal(\"subscription\");\n\nconst MonetizationType = z.union([\n  MonetizationTrial,\n  MonetizationFree,\n  MonetizationSinglePayment,\n  MonetizationSubscription,\n  z.literal(\"base\"), // outdated\n]);\n\nexport const Limit = z.object({\n  type: z.union([z.literal(\"unique_launches\"), z.literal(\"volume_limit\")]),\n  used: z.number(),\n  toSpend: z.number(),\n  available: z.number().nullable(), // null if unlimited\n});\n\nconst DryRunResult = z.object(\n  {\n    productKey: z.string(),\n    productName: z.string().default(\"Unknown product\"),\n    customerEmail: z.string().optional(),\n    canRun: z.boolean(),\n    status: z.string(), // 'select-tariff', 'active', 'payment_required', 'limits_exceeded', 'inactive', 'unknown',\n    mnz: z.object({\n      type: MonetizationType.optional(),\n      endOfBillingPeriod: z.string().nullable().optional(),\n      limits: z.array(Limit).optional(),\n    }),\n  },\n  { message: \"Invalid DryRunResult\" },\n);\n\ntype DryRunResult = z.infer<typeof DryRunResult>;\n\nconst Response = z\n  .object({\n    httpError: z.string().optional(),\n    response: z\n      .object({\n        result: DryRunResult.optional(),\n        error: z.unknown().optional(),\n      })\n      .optional(),\n  })\n  .optional();\n\ntype Response = z.infer<typeof Response>;\n\nexport { MonetizationType, DryRunResult, Response };\n"],"names":["MonetizationTrial","z","MonetizationFree","MonetizationSinglePayment","MonetizationSubscription","MonetizationType","Limit","DryRunResult","Response"],"mappings":";AAEA,MAAMA,IAAoBC,EAAE,QAAQ,OAAO,GACrCC,IAAmBD,EAAE,QAAQ,MAAM,GACnCE,IAA4BF,EAAE,QAAQ,gBAAgB,GACtDG,IAA2BH,EAAE,QAAQ,cAAc,GAEnDI,IAAmBJ,EAAE,MAAM;AAAA,EAC/BD;AAAA,EACAE;AAAA,EACAC;AAAA,EACAC;AAAA,EACAH,EAAE,QAAQ,MAAM;AAAA;AAClB,CAAC,GAEYK,IAAQL,EAAE,OAAO;AAAA,EAC5B,MAAMA,EAAE,MAAM,CAACA,EAAE,QAAQ,iBAAiB,GAAGA,EAAE,QAAQ,cAAc,CAAC,CAAC;AAAA,EACvE,MAAMA,EAAE,OAAA;AAAA,EACR,SAASA,EAAE,OAAA;AAAA,EACX,WAAWA,EAAE,OAAA,EAAS,SAAA;AAAA;AACxB,CAAC,GAEKM,IAAeN,EAAE;AAAA,EACrB;AAAA,IACE,YAAYA,EAAE,OAAA;AAAA,IACd,aAAaA,EAAE,SAAS,QAAQ,iBAAiB;AAAA,IACjD,eAAeA,EAAE,OAAA,EAAS,SAAA;AAAA,IAC1B,QAAQA,EAAE,QAAA;AAAA,IACV,QAAQA,EAAE,OAAA;AAAA;AAAA,IACV,KAAKA,EAAE,OAAO;AAAA,MACZ,MAAMI,EAAiB,SAAA;AAAA,MACvB,oBAAoBJ,EAAE,OAAA,EAAS,SAAA,EAAW,SAAA;AAAA,MAC1C,QAAQA,EAAE,MAAMK,CAAK,EAAE,SAAA;AAAA,IAAS,CACjC;AAAA,EAAA;AAAA,EAEH,EAAE,SAAS,uBAAA;AACb,GAIME,IAAWP,EACd,OAAO;AAAA,EACN,WAAWA,EAAE,OAAA,EAAS,SAAA;AAAA,EACtB,UAAUA,EACP,OAAO;AAAA,IACN,QAAQM,EAAa,SAAA;AAAA,IACrB,OAAON,EAAE,QAAA,EAAU,SAAA;AAAA,EAAS,CAC7B,EACA,SAAA;AACL,CAAC,EACA,SAAA;"}
+{"version":3,"file":"validation.js","names":[],"sources":["../../../src/plugins/Monetization/validation.ts"],"sourcesContent":["import { z } from \"zod\";\n\nconst MonetizationTrial = z.literal(\"trial\");\nconst MonetizationFree = z.literal(\"free\");\nconst MonetizationSinglePayment = z.literal(\"single_payment\");\nconst MonetizationSubscription = z.literal(\"subscription\");\n\nconst MonetizationType = z.union([\n  MonetizationTrial,\n  MonetizationFree,\n  MonetizationSinglePayment,\n  MonetizationSubscription,\n  z.literal(\"base\"), // outdated\n]);\n\nexport const Limit = z.object({\n  type: z.union([z.literal(\"unique_launches\"), z.literal(\"volume_limit\")]),\n  used: z.number(),\n  toSpend: z.number(),\n  available: z.number().nullable(), // null if unlimited\n});\n\nconst DryRunResult = z.object(\n  {\n    productKey: z.string(),\n    productName: z.string().default(\"Unknown product\"),\n    customerEmail: z.string().optional(),\n    canRun: z.boolean(),\n    status: z.string(), // 'select-tariff', 'active', 'payment_required', 'limits_exceeded', 'inactive', 'unknown',\n    mnz: z.object({\n      type: MonetizationType.optional(),\n      endOfBillingPeriod: z.string().nullable().optional(),\n      limits: z.array(Limit).optional(),\n    }),\n  },\n  { message: \"Invalid DryRunResult\" },\n);\n\ntype DryRunResult = z.infer<typeof DryRunResult>;\n\nconst Response = z\n  .object({\n    httpError: z.string().optional(),\n    response: z\n      .object({\n        result: DryRunResult.optional(),\n        error: z.unknown().optional(),\n      })\n      .optional(),\n  })\n  .optional();\n\ntype Response = z.infer<typeof Response>;\n\nexport { MonetizationType, DryRunResult, Response };\n"],"mappings":";AAEA,IAAM,IAAoB,EAAE,QAAQ,QAAQ,EACtC,IAAmB,EAAE,QAAQ,OAAO,EACpC,IAA4B,EAAE,QAAQ,iBAAiB,EACvD,IAA2B,EAAE,QAAQ,eAAe,EAEpD,IAAmB,EAAE,MAAM;CAC/B;CACA;CACA;CACA;CACA,EAAE,QAAQ,OAAO;CAClB,CAAC;AAEF,MAAa,IAAQ,EAAE,OAAO;CAC5B,MAAM,EAAE,MAAM,CAAC,EAAE,QAAQ,kBAAkB,EAAE,EAAE,QAAQ,eAAe,CAAC,CAAC;CACxE,MAAM,EAAE,QAAQ;CAChB,SAAS,EAAE,QAAQ;CACnB,WAAW,EAAE,QAAQ,CAAC,UAAU;CACjC,CAAC;AAEF,IAAM,IAAe,EAAE,OACrB;CACE,YAAY,EAAE,QAAQ;CACtB,aAAa,EAAE,QAAQ,CAAC,QAAQ,kBAAkB;CAClD,eAAe,EAAE,QAAQ,CAAC,UAAU;CACpC,QAAQ,EAAE,SAAS;CACnB,QAAQ,EAAE,QAAQ;CAClB,KAAK,EAAE,OAAO;EACZ,MAAM,EAAiB,UAAU;EACjC,oBAAoB,EAAE,QAAQ,CAAC,UAAU,CAAC,UAAU;EACpD,QAAQ,EAAE,MAAM,EAAM,CAAC,UAAU;EAClC,CAAC;CACH,EACD,EAAE,SAAS,wBAAwB,CACpC,EAIK,IAAW,EACd,OAAO;CACN,WAAW,EAAE,QAAQ,CAAC,UAAU;CAChC,UAAU,EACP,OAAO;EACN,QAAQ,EAAa,UAAU;EAC/B,OAAO,EAAE,SAAS,CAAC,UAAU;EAC9B,CAAC,CACD,UAAU;CACd,CAAC,CACD,UAAU"}

package/dist/urls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"urls.d.ts","sourceRoot":"","sources":["../src/urls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,aAAa,SAAU,IAAI,MAAM,EAAE,6BAO/C,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,IAAI,SAAS,IAAI,MAAM,EAAE,QAAQ,IAAI,KACW,UAAU,CAAC,IAAI,CACzF,CAAC"}
+{"version":3,"file":"urls.d.ts","sourceRoot":"","sources":["../src/urls.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,aAAa,GAAI,MAAM,IAAI,MAAM,EAAE,6BAO/C,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,IAAI,SAAS,IAAI,MAAM,EAAE,EAAE,MAAM,IAAI,KACW,UAAU,CAAC,IAAI,CACzF,CAAC"}

package/dist/urls.js

@@ -1,5 +1,4 @@
-const e = (r) => Object.fromEntries(new URL(r, "http://dummy").searchParams);
-export {
-  e as parseQuery
-};
-//# sourceMappingURL=urls.js.map
+const e = (e) => Object.fromEntries(new URL(e, "http://dummy").searchParams);
+export { e as parseQuery };
+
+//# sourceMappingURL=urls.js.map

package/dist/urls.js.map

@@ -1 +1 @@
-{"version":3,"file":"urls.js","sources":["../src/urls.ts"],"sourcesContent":["import type { ParseQuery } from \"./types\";\n\nexport const parsePathname = (href: `/${string}`) => {\n  try {\n    return new URL(href, \"http://dummy\").pathname as `/${string}`;\n  } catch {\n    console.error(\"Invalid href\", href);\n    return undefined;\n  }\n};\n\nexport const parseQuery = <Href extends `/${string}`>(href: Href) => {\n  return Object.fromEntries(new URL(href, \"http://dummy\").searchParams) as ParseQuery<Href>;\n};\n"],"names":["parseQuery","href"],"mappings":"AAWO,MAAMA,IAAa,CAA4BC,MAC7C,OAAO,YAAY,IAAI,IAAIA,GAAM,cAAc,EAAE,YAAY;"}
+{"version":3,"file":"urls.js","names":[],"sources":["../src/urls.ts"],"sourcesContent":["import type { ParseQuery } from \"./types\";\n\nexport const parsePathname = (href: `/${string}`) => {\n  try {\n    return new URL(href, \"http://dummy\").pathname as `/${string}`;\n  } catch {\n    console.error(\"Invalid href\", href);\n    return undefined;\n  }\n};\n\nexport const parseQuery = <Href extends `/${string}`>(href: Href) => {\n  return Object.fromEntries(new URL(href, \"http://dummy\").searchParams) as ParseQuery<Href>;\n};\n"],"mappings":"AAWA,MAAa,KAAyC,MAC7C,OAAO,YAAY,IAAI,IAAI,GAAM,eAAe,CAAC,aAAa"}

package/dist/usePlugin.js

@@ -1,14 +1,34 @@
+import { pluginDataKey as e } from "./defineApp.js";
 import { inject as t } from "vue";
-import { pluginDataKey as i } from "./defineApp.js";
-function s(r) {
-  const e = t(i);
-  if (!e)
-    throw new Error(
-      "usePlugin requires a V3 block (BlockModelV3). Make sure the block uses apiVersion 3 and the plugin is installed."
-    );
-  return e.getOrCreatePluginState(r);
+/**
+* Composable for accessing a plugin's reactive model: data, outputs, and outputErrors.
+*
+* Mirrors the `app.model` access pattern — `plugin.model.data` is reactive and deep-watched,
+* mutations are automatically queued and sent to storage.
+*
+* @param handle - Opaque plugin handle obtained from `app.plugins`.
+* @typeParam F - The plugin factory type (inferred from the handle)
+*
+* @example
+* ```vue
+* <script setup lang="ts">
+* import { usePlugin, type InferPluginHandle } from '@platforma-sdk/ui-vue';
+* import type { CounterPlugin } from './plugins/counter';
+*
+* const props = defineProps<{ instance: InferPluginHandle<CounterPlugin> }>();
+* const plugin = usePlugin(props.instance);
+*
+* plugin.model.data.count += 1;          // reactive, triggers storage update
+* plugin.model.outputs.displayText       // computed, plugin's own outputs only
+* plugin.model.outputErrors.displayText  // Error | undefined
+* <\/script>
+* ```
+*/
+function n(n) {
+	let r = t(e);
+	if (!r) throw Error("usePlugin requires a V3 block (BlockModelV3). Make sure the block uses apiVersion 3 and the plugin is installed.");
+	return r.getOrCreatePluginState(n);
 }
-export {
-  s as usePlugin
-};
-//# sourceMappingURL=usePlugin.js.map
+export { n as usePlugin };
+
+//# sourceMappingURL=usePlugin.js.map

package/dist/usePlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePlugin.js","sources":["../src/usePlugin.ts"],"sourcesContent":["import { inject, type Reactive } from \"vue\";\nimport { pluginDataKey } from \"./defineApp\";\nimport type {\n  PluginHandle,\n  InferFactoryData,\n  InferFactoryOutputs,\n  PluginFactoryLike,\n} from \"@platforma-sdk/model\";\n\n/** Per-plugin reactive model exposed to consumers via usePlugin(). */\nexport interface PluginState<Data = unknown, Outputs = unknown> {\n  readonly model: Reactive<{\n    data: Data;\n    outputs: Outputs extends Record<string, unknown>\n      ? { [K in keyof Outputs]: Outputs[K] | undefined }\n      : Record<string, unknown>;\n    outputErrors: Outputs extends Record<string, unknown>\n      ? { [K in keyof Outputs]?: Error }\n      : Record<string, Error | undefined>;\n  }>;\n}\n\n/** Internal interface for plugin access — provided via Vue injection to usePlugin(). */\nexport interface PluginAccess {\n  getOrCreatePluginState<F extends PluginFactoryLike>(\n    handle: PluginHandle<F>,\n  ): PluginState<InferFactoryData<F>, InferFactoryOutputs<F>>;\n}\n\n/**\n * Composable for accessing a plugin's reactive model: data, outputs, and outputErrors.\n *\n * Mirrors the `app.model` access pattern — `plugin.model.data` is reactive and deep-watched,\n * mutations are automatically queued and sent to storage.\n *\n * @param handle - Opaque plugin handle obtained from `app.plugins`.\n * @typeParam F - The plugin factory type (inferred from the handle)\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { usePlugin, type InferPluginHandle } from '@platforma-sdk/ui-vue';\n * import type { CounterPlugin } from './plugins/counter';\n *\n * const props = defineProps<{ instance: InferPluginHandle<CounterPlugin> }>();\n * const plugin = usePlugin(props.instance);\n *\n * plugin.model.data.count += 1;          // reactive, triggers storage update\n * plugin.model.outputs.displayText       // computed, plugin's own outputs only\n * plugin.model.outputErrors.displayText  // Error | undefined\n * </script>\n * ```\n */\nexport function usePlugin<F extends PluginFactoryLike>(handle: PluginHandle<F>) {\n  const access = inject<PluginAccess>(pluginDataKey);\n\n  if (!access) {\n    throw new Error(\n      \"usePlugin requires a V3 block (BlockModelV3). \" +\n        \"Make sure the block uses apiVersion 3 and the plugin is installed.\",\n    );\n  }\n\n  return access.getOrCreatePluginState<F>(handle);\n}\n"],"names":["usePlugin","handle","access","inject","pluginDataKey"],"mappings":";;AAqDO,SAASA,EAAuCC,GAAyB;AAC9E,QAAMC,IAASC,EAAqBC,CAAa;AAEjD,MAAI,CAACF;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAKJ,SAAOA,EAAO,uBAA0BD,CAAM;AAChD;"}
+{"version":3,"file":"usePlugin.js","names":[],"sources":["../src/usePlugin.ts"],"sourcesContent":["import { inject, type Reactive } from \"vue\";\nimport { pluginDataKey } from \"./defineApp\";\nimport type {\n  PluginHandle,\n  InferFactoryData,\n  InferFactoryOutputs,\n  PluginFactoryLike,\n} from \"@platforma-sdk/model\";\n\n/** Per-plugin reactive model exposed to consumers via usePlugin(). */\nexport interface PluginState<Data = unknown, Outputs = unknown> {\n  readonly model: Reactive<{\n    data: Data;\n    outputs: Outputs extends Record<string, unknown>\n      ? { [K in keyof Outputs]: Outputs[K] | undefined }\n      : Record<string, unknown>;\n    outputErrors: Outputs extends Record<string, unknown>\n      ? { [K in keyof Outputs]?: Error }\n      : Record<string, Error | undefined>;\n  }>;\n}\n\n/** Internal interface for plugin access — provided via Vue injection to usePlugin(). */\nexport interface PluginAccess {\n  getOrCreatePluginState<F extends PluginFactoryLike>(\n    handle: PluginHandle<F>,\n  ): PluginState<InferFactoryData<F>, InferFactoryOutputs<F>>;\n}\n\n/**\n * Composable for accessing a plugin's reactive model: data, outputs, and outputErrors.\n *\n * Mirrors the `app.model` access pattern — `plugin.model.data` is reactive and deep-watched,\n * mutations are automatically queued and sent to storage.\n *\n * @param handle - Opaque plugin handle obtained from `app.plugins`.\n * @typeParam F - The plugin factory type (inferred from the handle)\n *\n * @example\n * ```vue\n * <script setup lang=\"ts\">\n * import { usePlugin, type InferPluginHandle } from '@platforma-sdk/ui-vue';\n * import type { CounterPlugin } from './plugins/counter';\n *\n * const props = defineProps<{ instance: InferPluginHandle<CounterPlugin> }>();\n * const plugin = usePlugin(props.instance);\n *\n * plugin.model.data.count += 1;          // reactive, triggers storage update\n * plugin.model.outputs.displayText       // computed, plugin's own outputs only\n * plugin.model.outputErrors.displayText  // Error | undefined\n * </script>\n * ```\n */\nexport function usePlugin<F extends PluginFactoryLike>(handle: PluginHandle<F>) {\n  const access = inject<PluginAccess>(pluginDataKey);\n\n  if (!access) {\n    throw new Error(\n      \"usePlugin requires a V3 block (BlockModelV3). \" +\n        \"Make sure the block uses apiVersion 3 and the plugin is installed.\",\n    );\n  }\n\n  return access.getOrCreatePluginState<F>(handle);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,SAAgB,EAAuC,GAAyB;CAC9E,IAAM,IAAS,EAAqB,EAAc;AAElD,KAAI,CAAC,EACH,OAAU,MACR,mHAED;AAGH,QAAO,EAAO,uBAA0B,EAAO"}