@ozdao/martyrs 0.2.602 → 0.2.603

package/dist/martyrs/src/modules/governance/views/components/partials/LinkedEntityCard.vue.js

@@ -0,0 +1,164 @@
+import { computed, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, toDisplayString, unref } from "vue";
+import { useRoute } from "vue-router";
+import _sfc_main$1 from "./TaskStatusBadge.vue.js";
+/* empty css                                           */
+import _sfc_main$2 from "../../../../icons/actions/IconOpenLink.vue.js";
+/* empty css                                         */
+/* empty css                                          */
+/* empty css                                              */
+/* empty css                                               */
+/* empty css                                              */
+/* empty css                                         */
+/* empty css                                                                    */
+/* empty css                                                                     */
+/* empty css                                                      */
+/* empty css                                       */
+/* empty css                                                */
+/* empty css                                    */
+/* empty css                                               */
+/* empty css                                     */
+const _hoisted_1 = { class: "flex flex-justify-between flex-align-start" };
+const _hoisted_2 = { class: "flex flex-align-start gap-small flex-child-1" };
+const _hoisted_3 = { class: "br-black-transp-10 br-1px radius-medium pd-thin hover:bg-main-small ease-cubic-in-out" };
+const _hoisted_4 = {
+  key: 0,
+  class: "i-semi t-dark hover:t-main",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "i-semi t-dark hover:t-main",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_6 = {
+  key: 2,
+  class: "i-semi t-dark hover:t-main",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_7 = {
+  key: 3,
+  class: "i-semi t-dark hover:t-main",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+const _hoisted_8 = { class: "flex-child-1 min-w-0" };
+const _hoisted_9 = { class: "p-micro t-dark mn-b-small" };
+const _hoisted_10 = { class: "p-small fw-medium mn-b-small truncate" };
+const _sfc_main = {
+  __name: "LinkedEntityCard",
+  props: {
+    entityType: {
+      type: String,
+      required: true,
+      validator: (value) => ["initiative", "sprint", "task", "voting"].includes(value)
+    },
+    entityData: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const route = useRoute();
+    const props = __props;
+    const entityConfig = {
+      initiative: {
+        icon: "target",
+        label: "Initiative",
+        path: (id) => `/governance/initiatives/${id}`
+      },
+      sprint: {
+        icon: "layers",
+        label: "Sprint",
+        path: (id) => `/governance/initiatives/${route.params.id}/sprints/${id}`
+      },
+      task: {
+        icon: "checksquare",
+        label: "Task",
+        path: (id) => `/governance/initiatives/${route.params.id}/tasks/${id}`
+      },
+      voting: {
+        icon: "send",
+        label: "Voting",
+        path: (id) => `/governance/initiatives/${route.params.id}/votings/${id}`
+      }
+    };
+    const config = computed(() => entityConfig[props.entityType]);
+    const displayName = computed(() => props.entityData.title || props.entityData.name || "Untitled");
+    const routePath = computed(() => config.value.path(props.entityData._id));
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createBlock(_component_router_link, {
+        to: routePath.value,
+        class: "d-block br-black-transp-10 br-1px radius-medium pd-medium hover:br-main hover:bg-main-small ease-cubic-in-out"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                config.value.icon === "target" ? (openBlock(), createElementBlock("svg", _hoisted_4, _cache[0] || (_cache[0] = [
+                  createElementVNode("circle", {
+                    cx: "12",
+                    cy: "12",
+                    r: "10"
+                  }, null, -1),
+                  createElementVNode("circle", {
+                    cx: "12",
+                    cy: "12",
+                    r: "6"
+                  }, null, -1),
+                  createElementVNode("circle", {
+                    cx: "12",
+                    cy: "12",
+                    r: "2"
+                  }, null, -1)
+                ]))) : config.value.icon === "layers" ? (openBlock(), createElementBlock("svg", _hoisted_5, _cache[1] || (_cache[1] = [
+                  createElementVNode("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }, null, -1),
+                  createElementVNode("polyline", { points: "2 17 12 22 22 17" }, null, -1),
+                  createElementVNode("polyline", { points: "2 12 12 17 22 12" }, null, -1)
+                ]))) : config.value.icon === "send" ? (openBlock(), createElementBlock("svg", _hoisted_6, _cache[2] || (_cache[2] = [
+                  createElementVNode("line", {
+                    x1: "22",
+                    y1: "2",
+                    x2: "11",
+                    y2: "13"
+                  }, null, -1),
+                  createElementVNode("polygon", { points: "22 2 15 22 11 13 2 9 22 2" }, null, -1)
+                ]))) : (openBlock(), createElementBlock("svg", _hoisted_7, _cache[3] || (_cache[3] = [
+                  createElementVNode("polyline", { points: "9 11 12 14 22 4" }, null, -1),
+                  createElementVNode("path", { d: "M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" }, null, -1)
+                ])))
+              ]),
+              createElementVNode("div", _hoisted_8, [
+                createElementVNode("div", _hoisted_9, toDisplayString(config.value.label), 1),
+                createElementVNode("h4", _hoisted_10, toDisplayString(displayName.value), 1),
+                createVNode(_sfc_main$1, {
+                  status: __props.entityData.status
+                }, null, 8, ["status"])
+              ])
+            ]),
+            createVNode(unref(_sfc_main$2), {
+              class: "i-regular flex-shrink-0 mn-l-thin",
+              fill: "rgb(var(--grey))"
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["to"]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=LinkedEntityCard.vue.js.map

package/dist/martyrs/src/modules/governance/views/components/partials/LinkedEntityCard.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedEntityCard.vue.js","sources":["../../../../../../../../src/modules/governance/views/components/partials/LinkedEntityCard.vue"],"sourcesContent":["<script setup>\nimport { defineProps, computed } from 'vue';\nimport { useRoute } from 'vue-router';\nimport TaskStatusBadge from './TaskStatusBadge.vue';\nimport { IconOpenLink } from '@martyrs/src/modules/icons/icons.client.js';\n\nconst route = useRoute();\n\nconst props = defineProps({\n  entityType: {\n    type: String,\n    required: true,\n    validator: (value) => ['initiative', 'sprint', 'task', 'voting'].includes(value)\n  },\n  entityData: {\n    type: Object,\n    required: true\n  }\n});\n\nconst entityConfig = {\n  initiative: {\n    icon: 'target',\n    label: 'Initiative',\n    path: (id) => `/governance/initiatives/${id}`,\n  },\n  sprint: {\n    icon: 'layers',\n    label: 'Sprint',\n    path: (id) => `/governance/initiatives/${route.params.id}/sprints/${id}`,\n  },\n  task: {\n    icon: 'checksquare',\n    label: 'Task',\n    path: (id) => `/governance/initiatives/${route.params.id}/tasks/${id}`,\n  },\n  voting: {\n    icon: 'send',\n    label: 'Voting',\n    path: (id) => `/governance/initiatives/${route.params.id}/votings/${id}`,\n  },\n};\n\nconst config = computed(() => entityConfig[props.entityType]);\nconst displayName = computed(() => props.entityData.title || props.entityData.name || 'Untitled');\nconst routePath = computed(() => config.value.path(props.entityData._id));\n</script>\n\n<template>\n  <router-link\n    :to=\"routePath\"\n    class=\"d-block br-black-transp-10 br-1px radius-medium pd-medium hover:br-main hover:bg-main-small ease-cubic-in-out\"\n  >\n    <div class=\"flex flex-justify-between flex-align-start\">\n      <div class=\"flex flex-align-start gap-small flex-child-1\">\n        <div class=\"br-black-transp-10 br-1px radius-medium pd-thin hover:bg-main-small ease-cubic-in-out\">\n          <svg v-if=\"config.icon === 'target'\" class=\"i-semi t-dark hover:t-main\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <circle cx=\"12\" cy=\"12\" r=\"10\"/>\n            <circle cx=\"12\" cy=\"12\" r=\"6\"/>\n            <circle cx=\"12\" cy=\"12\" r=\"2\"/>\n          </svg>\n          <svg v-else-if=\"config.icon === 'layers'\" class=\"i-semi t-dark hover:t-main\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <polygon points=\"12 2 2 7 12 12 22 7 12 2\"/>\n            <polyline points=\"2 17 12 22 22 17\"/>\n            <polyline points=\"2 12 12 17 22 12\"/>\n          </svg>\n          <svg v-else-if=\"config.icon === 'send'\" class=\"i-semi t-dark hover:t-main\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"/>\n            <polygon points=\"22 2 15 22 11 13 2 9 22 2\"/>\n          </svg>\n          <svg v-else class=\"i-semi t-dark hover:t-main\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <polyline points=\"9 11 12 14 22 4\"/>\n            <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"/>\n          </svg>\n        </div>\n        <div class=\"flex-child-1 min-w-0\">\n          <div class=\"p-micro t-dark mn-b-small\">{{ config.label }}</div>\n          <h4 class=\"p-small fw-medium mn-b-small truncate\">{{ displayName }}</h4>\n          <TaskStatusBadge :status=\"entityData.status\" />\n        </div>\n      </div>\n      <IconOpenLink class=\"i-regular flex-shrink-0 mn-l-thin\" :fill=\"'rgb(var(--grey))'\" />\n    </div>\n  </router-link>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAYd,UAAM,eAAe;AAAA,MACnB,YAAY;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM,CAAC,OAAO,2BAA2B,EAAE;AAAA,MAC/C;AAAA,MACE,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM,CAAC,OAAO,2BAA2B,MAAM,OAAO,EAAE,YAAY,EAAE;AAAA,MAC1E;AAAA,MACE,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM,CAAC,OAAO,2BAA2B,MAAM,OAAO,EAAE,UAAU,EAAE;AAAA,MACxE;AAAA,MACE,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM,CAAC,OAAO,2BAA2B,MAAM,OAAO,EAAE,YAAY,EAAE;AAAA,MAC1E;AAAA,IACA;AAEA,UAAM,SAAS,SAAS,MAAM,aAAa,MAAM,UAAU,CAAC;AAC5D,UAAM,cAAc,SAAS,MAAM,MAAM,WAAW,SAAS,MAAM,WAAW,QAAQ,UAAU;AAChG,UAAM,YAAY,SAAS,MAAM,OAAO,MAAM,KAAK,MAAM,WAAW,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/governance/views/components/partials/TaskStatusBadge.vue.js

@@ -0,0 +1,39 @@
+import { computed, createElementBlock, openBlock, normalizeClass, toDisplayString } from "vue";
+const _sfc_main = {
+  __name: "TaskStatusBadge",
+  props: {
+    status: {
+      type: String,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const statusConfig = {
+      proposed: { label: "Proposed", color: "br-black-transp-10 br-1px" },
+      voting: { label: "Voting", color: "bg-main-small t-main" },
+      not_started: { label: "Not Started", color: "bg-fourth-small t-fourth" },
+      in_progress: { label: "In Progress", color: "bg-second-small t-dark" },
+      review: { label: "Review", color: "bg-fifth-small t-fifth" },
+      completed: { label: "Completed", color: "bg-green-nice t-white" },
+      blocked: { label: "Blocked", color: "bg-red-nice t-white" },
+      cancelled: { label: "Cancelled", color: "bg-grey t-white" },
+      draft: { label: "Draft", color: "br-black-transp-10 br-1px" },
+      active: { label: "Active", color: "bg-green-nice t-white" },
+      archived: { label: "Archived", color: "bg-grey t-white" },
+      approved: { label: "Approved", color: "bg-green-nice t-white" },
+      pending: { label: "Pending", color: "bg-fourth-small t-fourth" },
+      rejected: { label: "Rejected", color: "bg-red-nice t-white" }
+    };
+    const config = computed(() => statusConfig[props.status] || statusConfig.proposed);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(`pd-thin radius-thin p-small fw-medium ${config.value.color}`)
+      }, toDisplayString(config.value.label), 3);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TaskStatusBadge.vue.js.map

package/dist/martyrs/src/modules/governance/views/components/partials/TaskStatusBadge.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskStatusBadge.vue.js","sources":["../../../../../../../../src/modules/governance/views/components/partials/TaskStatusBadge.vue"],"sourcesContent":["<script setup>\nimport { defineProps, computed } from 'vue';\n\nconst props = defineProps({\n  status: {\n    type: String,\n    required: true\n  }\n});\n\nconst statusConfig = {\n  proposed: { label: 'Proposed', color: 'br-black-transp-10 br-1px' },\n  voting: { label: 'Voting', color: 'bg-main-small t-main' },\n  not_started: { label: 'Not Started', color: 'bg-fourth-small t-fourth' },\n  in_progress: { label: 'In Progress', color: 'bg-second-small t-dark' },\n  review: { label: 'Review', color: 'bg-fifth-small t-fifth' },\n  completed: { label: 'Completed', color: 'bg-green-nice t-white' },\n  blocked: { label: 'Blocked', color: 'bg-red-nice t-white' },\n  cancelled: { label: 'Cancelled', color: 'bg-grey t-white' },\n  draft: { label: 'Draft', color: 'br-black-transp-10 br-1px' },\n  active: { label: 'Active', color: 'bg-green-nice t-white' },\n  archived: { label: 'Archived', color: 'bg-grey t-white' },\n  approved: { label: 'Approved', color: 'bg-green-nice t-white' },\n  pending: { label: 'Pending', color: 'bg-fourth-small t-fourth' },\n  rejected: { label: 'Rejected', color: 'bg-red-nice t-white' },\n};\n\nconst config = computed(() => statusConfig[props.status] || statusConfig.proposed);\n</script>\n\n<template>\n  <span :class=\"`pd-thin radius-thin p-small fw-medium ${config.color}`\">\n    {{ config.label }}\n  </span>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;AAGA,UAAM,QAAQ;AAOd,UAAM,eAAe;AAAA,MACnB,UAAU,EAAE,OAAO,YAAY,OAAO,4BAA2B;AAAA,MACjE,QAAQ,EAAE,OAAO,UAAU,OAAO,uBAAsB;AAAA,MACxD,aAAa,EAAE,OAAO,eAAe,OAAO,2BAA0B;AAAA,MACtE,aAAa,EAAE,OAAO,eAAe,OAAO,yBAAwB;AAAA,MACpE,QAAQ,EAAE,OAAO,UAAU,OAAO,yBAAwB;AAAA,MAC1D,WAAW,EAAE,OAAO,aAAa,OAAO,wBAAuB;AAAA,MAC/D,SAAS,EAAE,OAAO,WAAW,OAAO,sBAAqB;AAAA,MACzD,WAAW,EAAE,OAAO,aAAa,OAAO,kBAAiB;AAAA,MACzD,OAAO,EAAE,OAAO,SAAS,OAAO,4BAA2B;AAAA,MAC3D,QAAQ,EAAE,OAAO,UAAU,OAAO,wBAAuB;AAAA,MACzD,UAAU,EAAE,OAAO,YAAY,OAAO,kBAAiB;AAAA,MACvD,UAAU,EAAE,OAAO,YAAY,OAAO,wBAAuB;AAAA,MAC7D,SAAS,EAAE,OAAO,WAAW,OAAO,2BAA0B;AAAA,MAC9D,UAAU,EAAE,OAAO,YAAY,OAAO,sBAAqB;AAAA,IAC7D;AAEA,UAAM,SAAS,SAAS,MAAM,aAAa,MAAM,MAAM,KAAK,aAAa,QAAQ;;;;;;;;"}

package/dist/martyrs/src/modules/governance/views/components/partials/VoteForm.vue.js

@@ -0,0 +1,112 @@
+import { ref, createElementBlock, openBlock, createElementVNode, normalizeClass, withDirectives, vModelText } from "vue";
+const _hoisted_1 = { class: "cols-3 gap-regular" };
+const _hoisted_2 = ["disabled"];
+const _sfc_main = {
+  __name: "VoteForm",
+  emits: ["submit"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const selectedVote = ref(null);
+    const comment = ref("");
+    const handleSubmit = (e) => {
+      e.preventDefault();
+      if (selectedVote.value) {
+        emit("submit", selectedVote.value, comment.value);
+        selectedVote.value = null;
+        comment.value = "";
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        onSubmit: handleSubmit,
+        class: "flex flex-column gap-small"
+      }, [
+        createElementVNode("div", null, [
+          _cache[7] || (_cache[7] = createElementVNode("h4", { class: "p-small fw-medium mn-b-small" }, "Cast Your Vote", -1)),
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("button", {
+              type: "button",
+              onClick: _cache[0] || (_cache[0] = ($event) => selectedVote.value = "yes"),
+              class: normalizeClass(`flex flex-column flex-align-center flex-justify-center pd-semi radius-medium br-2px ease-cubic-in-out ${selectedVote.value === "yes" ? "br-green-nice bg-green-small" : "br-light hover:br-green-nice"}`)
+            }, [
+              (openBlock(), createElementBlock("svg", {
+                class: normalizeClass(`w-8r h-8r mn-b-thin ${selectedVote.value === "yes" ? "fill-green-nice" : "fill-grey"}`),
+                viewBox: "0 0 24 24",
+                fill: "currentColor"
+              }, _cache[4] || (_cache[4] = [
+                createElementVNode("path", { d: "M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3" }, null, -1)
+              ]), 2)),
+              createElementVNode("span", {
+                class: normalizeClass(`fw-medium ${selectedVote.value === "yes" ? "t-green-nice" : "t-dark"}`)
+              }, " Yes ", 2)
+            ], 2),
+            createElementVNode("button", {
+              type: "button",
+              onClick: _cache[1] || (_cache[1] = ($event) => selectedVote.value = "no"),
+              class: normalizeClass(`flex flex-column flex-align-center flex-justify-center pd-semi radius-medium br-2px ease-cubic-in-out ${selectedVote.value === "no" ? "br-red-nice bg-red-small" : "br-light hover:br-red-nice"}`)
+            }, [
+              (openBlock(), createElementBlock("svg", {
+                class: normalizeClass(`w-8r h-8r mn-b-thin ${selectedVote.value === "no" ? "fill-red-nice" : "fill-grey"}`),
+                viewBox: "0 0 24 24",
+                fill: "currentColor"
+              }, _cache[5] || (_cache[5] = [
+                createElementVNode("path", { d: "M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17" }, null, -1)
+              ]), 2)),
+              createElementVNode("span", {
+                class: normalizeClass(`fw-medium ${selectedVote.value === "no" ? "t-red-nice" : "t-dark"}`)
+              }, " No ", 2)
+            ], 2),
+            createElementVNode("button", {
+              type: "button",
+              onClick: _cache[2] || (_cache[2] = ($event) => selectedVote.value = "abstain"),
+              class: normalizeClass(`flex flex-column flex-align-center flex-justify-center pd-semi radius-medium br-2px ease-cubic-in-out ${selectedVote.value === "abstain" ? "br-grey br-1px" : "br-light hover:br-grey"}`)
+            }, [
+              (openBlock(), createElementBlock("svg", {
+                class: normalizeClass(`w-8r h-8r mn-b-thin ${selectedVote.value === "abstain" ? "fill-grey" : "fill-grey"}`),
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, _cache[6] || (_cache[6] = [
+                createElementVNode("line", {
+                  x1: "5",
+                  y1: "12",
+                  x2: "19",
+                  y2: "12"
+                }, null, -1)
+              ]), 2)),
+              createElementVNode("span", {
+                class: normalizeClass(`fw-medium ${selectedVote.value === "abstain" ? "t-dark" : "t-dark"}`)
+              }, " Abstain ", 2)
+            ], 2)
+          ])
+        ]),
+        createElementVNode("div", null, [
+          _cache[8] || (_cache[8] = createElementVNode("label", {
+            for: "comment",
+            class: "d-block p-small fw-medium mn-b-small"
+          }, " Comment (Optional) ", -1)),
+          withDirectives(createElementVNode("textarea", {
+            id: "comment",
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => comment.value = $event),
+            rows: "4",
+            class: "w-100 pd-small br-1px br-light radius-medium",
+            style: { "outline": "none", "resize": "vertical" },
+            placeholder: "Share your thoughts on this proposal..."
+          }, null, 512), [
+            [vModelText, comment.value]
+          ])
+        ]),
+        createElementVNode("button", {
+          type: "submit",
+          disabled: !selectedVote.value,
+          class: normalizeClass(["w-100 bg-main hover:bg-main-semi t-white fw-medium pd-small radius-medium ease-cubic-in-out", { "bg-grey cursor-not-allowed": !selectedVote.value }])
+        }, " Submit Vote ", 10, _hoisted_2)
+      ], 32);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=VoteForm.vue.js.map

package/dist/martyrs/src/modules/governance/views/components/partials/VoteForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoteForm.vue.js","sources":["../../../../../../../../src/modules/governance/views/components/partials/VoteForm.vue"],"sourcesContent":["<script setup>\nimport { ref } from 'vue';\n\nconst emit = defineEmits(['submit']);\n\nconst selectedVote = ref(null);\nconst comment = ref('');\n\nconst handleSubmit = (e) => {\n  e.preventDefault();\n  if (selectedVote.value) {\n    emit('submit', selectedVote.value, comment.value);\n    selectedVote.value = null;\n    comment.value = '';\n  }\n};\n</script>\n\n<template>\n  <form @submit=\"handleSubmit\" class=\"flex flex-column gap-small\">\n    <div>\n      <h4 class=\"p-small fw-medium mn-b-small\">Cast Your Vote</h4>\n      <div class=\"cols-3 gap-regular\">\n        <button\n          type=\"button\"\n          @click=\"selectedVote = 'yes'\"\n          :class=\"`flex flex-column flex-align-center flex-justify-center pd-semi radius-medium br-2px ease-cubic-in-out ${\n            selectedVote === 'yes'\n              ? 'br-green-nice bg-green-small'\n              : 'br-light hover:br-green-nice'\n          }`\"\n        >\n          <svg :class=\"`w-8r h-8r mn-b-thin ${selectedVote === 'yes' ? 'fill-green-nice' : 'fill-grey'}`\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3\"/>\n          </svg>\n          <span :class=\"`fw-medium ${selectedVote === 'yes' ? 't-green-nice' : 't-dark'}`\">\n            Yes\n          </span>\n        </button>\n\n        <button\n          type=\"button\"\n          @click=\"selectedVote = 'no'\"\n          :class=\"`flex flex-column flex-align-center flex-justify-center pd-semi radius-medium br-2px ease-cubic-in-out ${\n            selectedVote === 'no'\n              ? 'br-red-nice bg-red-small'\n              : 'br-light hover:br-red-nice'\n          }`\"\n        >\n          <svg :class=\"`w-8r h-8r mn-b-thin ${selectedVote === 'no' ? 'fill-red-nice' : 'fill-grey'}`\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <path d=\"M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17\"/>\n          </svg>\n          <span :class=\"`fw-medium ${selectedVote === 'no' ? 't-red-nice' : 't-dark'}`\">\n            No\n          </span>\n        </button>\n\n        <button\n          type=\"button\"\n          @click=\"selectedVote = 'abstain'\"\n          :class=\"`flex flex-column flex-align-center flex-justify-center pd-semi radius-medium br-2px ease-cubic-in-out ${\n            selectedVote === 'abstain'\n              ? 'br-grey br-1px'\n              : 'br-light hover:br-grey'\n          }`\"\n        >\n          <svg :class=\"`w-8r h-8r mn-b-thin ${selectedVote === 'abstain' ? 'fill-grey' : 'fill-grey'}`\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/>\n          </svg>\n          <span :class=\"`fw-medium ${selectedVote === 'abstain' ? 't-dark' : 't-dark'}`\">\n            Abstain\n          </span>\n        </button>\n      </div>\n    </div>\n\n    <div>\n      <label for=\"comment\" class=\"d-block p-small fw-medium mn-b-small\">\n        Comment (Optional)\n      </label>\n      <textarea\n        id=\"comment\"\n        v-model=\"comment\"\n        rows=\"4\"\n        class=\"w-100 pd-small br-1px br-light radius-medium\"\n        style=\"outline: none; resize: vertical;\"\n        placeholder=\"Share your thoughts on this proposal...\"\n      />\n    </div>\n\n    <button\n      type=\"submit\"\n      :disabled=\"!selectedVote\"\n      class=\"w-100 bg-main hover:bg-main-semi t-white fw-medium pd-small radius-medium ease-cubic-in-out\"\n      :class=\"{ 'bg-grey cursor-not-allowed': !selectedVote }\"\n    >\n      Submit Vote\n    </button>\n  </form>\n</template>\n"],"names":[],"mappings":";;;;;;;AAGA,UAAM,OAAO;AAEb,UAAM,eAAe,IAAI,IAAI;AAC7B,UAAM,UAAU,IAAI,EAAE;AAEtB,UAAM,eAAe,CAAC,MAAM;AAC1B,QAAE,eAAc;AAChB,UAAI,aAAa,OAAO;AACtB,aAAK,UAAU,aAAa,OAAO,QAAQ,KAAK;AAChD,qBAAa,QAAQ;AACrB,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/governance/views/components/partials/VotingResults.vue.js

@@ -0,0 +1,187 @@
+import { computed, createElementBlock, openBlock, createElementVNode, normalizeClass, createBlock, unref, toDisplayString, createCommentVNode, normalizeStyle, createVNode, createTextVNode, Fragment, renderList } from "vue";
+import { useGlobalMixins } from "../../../../core/views/mixins/mixins.js";
+/* empty css                                           */
+import _sfc_main$1 from "../../../../icons/navigation/IconCheckmark.vue.js";
+import _sfc_main$2 from "../../../../icons/navigation/IconCross.vue.js";
+import IconSend from "../../../../icons/navigation/IconSend.vue.js";
+import "vue-router";
+/* empty css                                         */
+/* empty css                                          */
+/* empty css                                              */
+/* empty css                                               */
+/* empty css                                              */
+/* empty css                                         */
+/* empty css                                                                    */
+/* empty css                                                                     */
+/* empty css                                                      */
+/* empty css                                       */
+/* empty css                                                */
+/* empty css                                    */
+/* empty css                                               */
+/* empty css                                     */
+const _hoisted_1 = { class: "flex flex-column gap-small" };
+const _hoisted_2 = { class: "flex flex-justify-between flex-v-center mn-b-small" };
+const _hoisted_3 = { class: "fw-medium" };
+const _hoisted_4 = { class: "br-black-transp-10 br-1px radius-medium pd-medium mn-b-medium" };
+const _hoisted_5 = { class: "flex flex-justify-between flex-v-center mn-b-small" };
+const _hoisted_6 = { class: "h2 fw-medium" };
+const _hoisted_7 = { class: "p-small t-dark" };
+const _hoisted_8 = { class: "w-100 h-8r br-black-transp-10 br-1px radius-medium o-hidden flex" };
+const _hoisted_9 = { key: 0 };
+const _hoisted_10 = { key: 0 };
+const _hoisted_11 = { key: 0 };
+const _hoisted_12 = { class: "cols-3 gap-regular mn-t-medium" };
+const _hoisted_13 = { class: "t-center" };
+const _hoisted_14 = { class: "h2 fw-medium t-green-nice" };
+const _hoisted_15 = { class: "p-small t-dark" };
+const _hoisted_16 = { class: "t-center" };
+const _hoisted_17 = { class: "h2 fw-medium t-red-nice" };
+const _hoisted_18 = { class: "p-small t-dark" };
+const _hoisted_19 = { class: "t-center" };
+const _hoisted_20 = { class: "h2 fw-medium t-dark" };
+const _hoisted_21 = { class: "p-small t-dark" };
+const _hoisted_22 = { class: "h5 fw-medium mn-b-medium flex flex-v-center" };
+const _hoisted_23 = { class: "flex flex-column gap-small" };
+const _hoisted_24 = { class: "flex flex-justify-between flex-align-start mn-b-small" };
+const _hoisted_25 = { class: "flex flex-v-center gap-small" };
+const _hoisted_26 = { class: "i-big radius-extra bg-grey flex flex-center flex fw-medium" };
+const _hoisted_27 = { class: "p-regular fw-medium" };
+const _hoisted_28 = { class: "p-micro t-dark" };
+const _hoisted_29 = {
+  key: 0,
+  class: "p-small t-dark mn-l-13r"
+};
+const _sfc_main = {
+  __name: "VotingResults",
+  props: {
+    results: {
+      type: Object,
+      required: true
+    },
+    votes: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    const { formatDate } = useGlobalMixins();
+    const props = __props;
+    const { totalVotes, yesVotes, noVotes, abstainVotes, percentageYes, percentageNo, threshold } = props.results;
+    const percentageAbstain = computed(() => 100 - percentageYes - percentageNo);
+    const thresholdMet = computed(() => percentageYes >= threshold * 100);
+    const getVoteColor = (vote) => {
+      switch (vote) {
+        case "yes":
+          return "t-green-nice";
+        case "no":
+          return "t-red-nice";
+        case "abstain":
+          return "t-dark";
+        default:
+          return "t-dark";
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", null, [
+          createElementVNode("div", _hoisted_2, [
+            _cache[0] || (_cache[0] = createElementVNode("h3", { class: "h5 fw-medium" }, "Voting Results", -1)),
+            createElementVNode("div", {
+              class: normalizeClass(`flex flex-v-center gap-thin ${thresholdMet.value ? "t-green-nice" : "t-red-nice"}`)
+            }, [
+              thresholdMet.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                key: 0,
+                class: "i-medium",
+                fill: "currentColor"
+              })) : (openBlock(), createBlock(unref(_sfc_main$2), {
+                key: 1,
+                class: "i-medium",
+                fill: "currentColor"
+              })),
+              createElementVNode("span", _hoisted_3, toDisplayString(thresholdMet.value ? "Threshold Met" : "Threshold Not Met"), 1)
+            ], 2)
+          ]),
+          createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", _hoisted_5, [
+              _cache[1] || (_cache[1] = createElementVNode("span", { class: "p-small fw-medium t-dark" }, "Total Votes", -1)),
+              createElementVNode("span", _hoisted_6, toDisplayString(unref(totalVotes)), 1)
+            ]),
+            createElementVNode("div", _hoisted_7, " Threshold: " + toDisplayString((unref(threshold) * 100).toFixed(0)) + "% approval required ", 1)
+          ]),
+          createElementVNode("div", _hoisted_8, [
+            unref(percentageYes) > 0 ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "bg-green-nice flex flex-center flex p-small t-white fw-medium",
+              style: normalizeStyle({ width: `${unref(percentageYes)}%` })
+            }, [
+              unref(percentageYes) >= 15 ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(unref(percentageYes).toFixed(0)) + "%", 1)) : createCommentVNode("", true)
+            ], 4)) : createCommentVNode("", true),
+            unref(percentageNo) > 0 ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "bg-red-nice flex flex-center flex p-small t-white fw-medium",
+              style: normalizeStyle({ width: `${unref(percentageNo)}%` })
+            }, [
+              unref(percentageNo) >= 15 ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(unref(percentageNo).toFixed(0)) + "%", 1)) : createCommentVNode("", true)
+            ], 4)) : createCommentVNode("", true),
+            percentageAbstain.value > 0 ? (openBlock(), createElementBlock("div", {
+              key: 2,
+              class: "bg-grey flex flex-center flex p-small t-white fw-medium",
+              style: normalizeStyle({ width: `${percentageAbstain.value}%` })
+            }, [
+              percentageAbstain.value >= 15 ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(percentageAbstain.value.toFixed(0)) + "%", 1)) : createCommentVNode("", true)
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          createElementVNode("div", _hoisted_12, [
+            createElementVNode("div", _hoisted_13, [
+              createElementVNode("div", _hoisted_14, toDisplayString(unref(yesVotes)), 1),
+              createElementVNode("div", _hoisted_15, "Yes (" + toDisplayString(unref(percentageYes).toFixed(1)) + "%)", 1)
+            ]),
+            createElementVNode("div", _hoisted_16, [
+              createElementVNode("div", _hoisted_17, toDisplayString(unref(noVotes)), 1),
+              createElementVNode("div", _hoisted_18, "No (" + toDisplayString(unref(percentageNo).toFixed(1)) + "%)", 1)
+            ]),
+            createElementVNode("div", _hoisted_19, [
+              createElementVNode("div", _hoisted_20, toDisplayString(unref(abstainVotes)), 1),
+              createElementVNode("div", _hoisted_21, "Abstain (" + toDisplayString(percentageAbstain.value.toFixed(1)) + "%)", 1)
+            ])
+          ])
+        ]),
+        createElementVNode("div", null, [
+          createElementVNode("h4", _hoisted_22, [
+            createVNode(unref(IconSend), {
+              class: "i-medium mn-r-thin",
+              fill: "currentColor"
+            }),
+            createTextVNode(" All Votes (" + toDisplayString(__props.votes.length) + ") ", 1)
+          ]),
+          createElementVNode("div", _hoisted_23, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.votes, (vote, index) => {
+              return openBlock(), createElementBlock("div", {
+                key: index,
+                class: "br-black-transp-10 br-1px radius-medium pd-medium"
+              }, [
+                createElementVNode("div", _hoisted_24, [
+                  createElementVNode("div", _hoisted_25, [
+                    createElementVNode("div", _hoisted_26, toDisplayString(vote.userName.charAt(0)), 1),
+                    createElementVNode("div", null, [
+                      createElementVNode("div", _hoisted_27, toDisplayString(vote.userName), 1),
+                      createElementVNode("div", _hoisted_28, toDisplayString(unref(formatDate)(vote.createdAt, { dayTime: true })), 1)
+                    ])
+                  ]),
+                  createElementVNode("span", {
+                    class: normalizeClass(`fw-medium t-capitalize ${getVoteColor(vote.vote)}`)
+                  }, toDisplayString(vote.vote), 3)
+                ]),
+                vote.comment ? (openBlock(), createElementBlock("p", _hoisted_29, toDisplayString(vote.comment), 1)) : createCommentVNode("", true)
+              ]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=VotingResults.vue.js.map

package/dist/martyrs/src/modules/governance/views/components/partials/VotingResults.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VotingResults.vue.js","sources":["../../../../../../../../src/modules/governance/views/components/partials/VotingResults.vue"],"sourcesContent":["<script setup>\nimport { defineProps, computed } from 'vue';\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\nimport { IconCheckmark, IconCross, IconSend } from '@martyrs/src/modules/icons/icons.client.js';\n\nconst { formatDate } = useGlobalMixins();\n\nconst props = defineProps({\n  results: {\n    type: Object,\n    required: true\n  },\n  votes: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst { totalVotes, yesVotes, noVotes, abstainVotes, percentageYes, percentageNo, threshold } = props.results;\nconst percentageAbstain = computed(() => 100 - percentageYes - percentageNo);\nconst thresholdMet = computed(() => percentageYes >= threshold * 100);\n\nconst getVoteColor = (vote) => {\n  switch (vote) {\n    case 'yes': return 't-green-nice';\n    case 'no': return 't-red-nice';\n    case 'abstain': return 't-dark';\n    default: return 't-dark';\n  }\n};\n</script>\n\n<template>\n  <div class=\"flex flex-column gap-small\">\n    <div>\n      <div class=\"flex flex-justify-between flex-v-center mn-b-small\">\n        <h3 class=\"h5 fw-medium\">Voting Results</h3>\n        <div :class=\"`flex flex-v-center gap-thin ${thresholdMet ? 't-green-nice' : 't-red-nice'}`\">\n          <IconCheckmark v-if=\"thresholdMet\" class=\"i-medium\" :fill=\"'currentColor'\" />\n          <IconCross v-else class=\"i-medium\" :fill=\"'currentColor'\" />\n          <span class=\"fw-medium\">{{ thresholdMet ? 'Threshold Met' : 'Threshold Not Met' }}</span>\n        </div>\n      </div>\n\n      <div class=\"br-black-transp-10 br-1px radius-medium pd-medium mn-b-medium\">\n        <div class=\"flex flex-justify-between flex-v-center mn-b-small\">\n          <span class=\"p-small fw-medium t-dark\">Total Votes</span>\n          <span class=\"h2 fw-medium\">{{ totalVotes }}</span>\n        </div>\n        <div class=\"p-small t-dark\">\n          Threshold: {{ (threshold * 100).toFixed(0) }}% approval required\n        </div>\n      </div>\n\n      <div class=\"w-100 h-8r br-black-transp-10 br-1px radius-medium o-hidden flex\">\n        <div\n          v-if=\"percentageYes > 0\"\n          class=\"bg-green-nice flex flex-center flex p-small t-white fw-medium\"\n          :style=\"{ width: `${percentageYes}%` }\"\n        >\n          <span v-if=\"percentageYes >= 15\">{{ percentageYes.toFixed(0) }}%</span>\n        </div>\n        <div\n          v-if=\"percentageNo > 0\"\n          class=\"bg-red-nice flex flex-center flex p-small t-white fw-medium\"\n          :style=\"{ width: `${percentageNo}%` }\"\n        >\n          <span v-if=\"percentageNo >= 15\">{{ percentageNo.toFixed(0) }}%</span>\n        </div>\n        <div\n          v-if=\"percentageAbstain > 0\"\n          class=\"bg-grey flex flex-center flex p-small t-white fw-medium\"\n          :style=\"{ width: `${percentageAbstain}%` }\"\n        >\n          <span v-if=\"percentageAbstain >= 15\">{{ percentageAbstain.toFixed(0) }}%</span>\n        </div>\n      </div>\n\n      <div class=\"cols-3 gap-regular mn-t-medium\">\n        <div class=\"t-center\">\n          <div class=\"h2 fw-medium t-green-nice\">{{ yesVotes }}</div>\n          <div class=\"p-small t-dark\">Yes ({{ percentageYes.toFixed(1) }}%)</div>\n        </div>\n        <div class=\"t-center\">\n          <div class=\"h2 fw-medium t-red-nice\">{{ noVotes }}</div>\n          <div class=\"p-small t-dark\">No ({{ percentageNo.toFixed(1) }}%)</div>\n        </div>\n        <div class=\"t-center\">\n          <div class=\"h2 fw-medium t-dark\">{{ abstainVotes }}</div>\n          <div class=\"p-small t-dark\">Abstain ({{ percentageAbstain.toFixed(1) }}%)</div>\n        </div>\n      </div>\n    </div>\n\n    <div>\n      <h4 class=\"h5 fw-medium mn-b-medium flex flex-v-center\">\n        <IconSend class=\"i-medium mn-r-thin\" :fill=\"'currentColor'\" />\n        All Votes ({{ votes.length }})\n      </h4>\n      <div class=\"flex flex-column gap-small\">\n        <div v-for=\"(vote, index) in votes\" :key=\"index\" class=\"br-black-transp-10 br-1px radius-medium pd-medium\">\n          <div class=\"flex flex-justify-between flex-align-start mn-b-small\">\n            <div class=\"flex flex-v-center gap-small\">\n              <div class=\"i-big radius-extra bg-grey flex flex-center flex fw-medium\">\n                {{ vote.userName.charAt(0) }}\n              </div>\n              <div>\n                <div class=\"p-regular fw-medium\">{{ vote.userName }}</div>\n                <div class=\"p-micro t-dark\">{{ formatDate(vote.createdAt, { dayTime: true }) }}</div>\n              </div>\n            </div>\n            <span :class=\"`fw-medium t-capitalize ${getVoteColor(vote.vote)}`\">\n              {{ vote.vote }}\n            </span>\n          </div>\n          <p v-if=\"vote.comment\" class=\"p-small t-dark mn-l-13r\">{{ vote.comment }}</p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,UAAM,EAAE,WAAU,IAAK,gBAAe;AAEtC,UAAM,QAAQ;AAWd,UAAM,EAAE,YAAY,UAAU,SAAS,cAAc,eAAe,cAAc,cAAc,MAAM;AACtG,UAAM,oBAAoB,SAAS,MAAM,MAAM,gBAAgB,YAAY;AAC3E,UAAM,eAAe,SAAS,MAAM,iBAAiB,YAAY,GAAG;AAEpE,UAAM,eAAe,CAAC,SAAS;AAC7B,cAAQ,MAAI;AAAA,QACV,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAM,iBAAO;AAAA,QAClB,KAAK;AAAW,iBAAO;AAAA,QACvB;AAAS,iBAAO;AAAA,MACpB;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}