@harbour-enterprises/superdoc 1.0.0-alpha.56 → 1.0.0-alpha.58

package/dist/style.css

@@ -19303,13 +19303,13 @@ span[data-v-36fffb56] {
     padding: 1px;
 }
 
-.image-field[data-v-47d1dee5] {
+.image-field[data-v-3a10cc41] {
   overflow: hidden;
   display: flex;
   align-items: center;
   margin-top: 2px;
 }
-img[data-v-47d1dee5] {
+img[data-v-3a10cc41] {
   max-height: 100%;
 }
 
@@ -19325,7 +19325,7 @@ img[data-v-47d1dee5] {
   padding: 1px;
 }
 
-.field-container[data-v-60099bb0] {
+.field-container[data-v-5a92a39c] {
   border-radius: 2px;
   background-color: #EFD0F0 !important;
   border: 2px solid #B015B3;

package/dist/superdoc.es.js

@@ -11155,7 +11155,6 @@ const useCommentsStore = /* @__PURE__ */ defineStore("comments", () => {
   return {
     COMMENT_EVENTS,
     hasInitializedComments,
-    getConfig,
     activeComment,
     commentDialogs,
     overlappingComments,
@@ -11301,6 +11300,7 @@ function useDocument(params, superdocConfig) {
   const rawFields = ref$1(params.fields || []);
   const fields = ref$1(params.fields?.map((f) => useField(f)) || []);
   const annotations = ref$1(params.annotations || []);
+  const attachments = ref$1(params.attachments || []);
   const conversations = ref$1(initConversations());
   const conversationsBackup = ref$1(conversations.value);
   function initConversations() {
@@ -11327,6 +11327,7 @@ function useDocument(params, superdocConfig) {
     fields,
     annotations,
     conversations,
+    attachments,
     // Actions
     setEditor,
     getEditor,
@@ -11390,6 +11391,9 @@ const useSuperdocStore = /* @__PURE__ */ defineStore("superdoc", () => {
     }
     return true;
   });
+  const getAttachments = computed(() => {
+    return documents.value.map((doc2) => doc2.attachments).flat(1);
+  });
   const getDocument2 = (documentId) => documents.value.find((doc2) => doc2.id === documentId);
   const getPageBounds = (documentId, page) => {
     const matchedPage = pages[documentId];
@@ -11429,6 +11433,7 @@ const useSuperdocStore = /* @__PURE__ */ defineStore("superdoc", () => {
     modules,
     // Getters
     areDocumentsReady,
+    getAttachments,
     // Actions
     init: init2,
     handlePageReady,
@@ -95974,9 +95979,17 @@ const _sfc_main$5 = {
       type: Object,
       required: false,
       default: () => ({})
+    },
+    optionId: {
+      type: String,
+      required: true
     }
   },
   setup(__props) {
+    const superdocStore = useSuperdocStore();
+    const hrbrFieldsStore = useHrbrFieldsStore();
+    const { getAnnotations } = storeToRefs(hrbrFieldsStore);
+    const { getAttachments } = storeToRefs(superdocStore);
     const props = __props;
     const getStyle = computed(() => {
       return {
@@ -95984,6 +95997,15 @@ const _sfc_main$5 = {
         maxWidth: props.styleOverride.coordinates?.minWidth
       };
     });
+    const multipleInputAnnotations = computed(() => {
+      return getAnnotations.value.filter((a) => a.fieldId === props.field.id);
+    });
+    const imageValue = computed(() => {
+      if (typeof props.field.value === "string") return props.field.value;
+      const annotationIndex = multipleInputAnnotations.value.findIndex((annotation) => annotation.originalAnnotationId === props.optionId);
+      const attachment = getAttachments.value.find((a) => a.id === props.field.value[annotationIndex]?.referenceattachmentid || a.id === props.field.value[annotationIndex]?.userattachmentid);
+      return attachment?.base64data || "";
+    });
     return (_ctx, _cache2) => {
       return __props.field.value ? (openBlock(), createElementBlock("div", {
         key: 0,
@@ -95991,7 +96013,7 @@ const _sfc_main$5 = {
         style: normalizeStyle(getStyle.value)
       }, [
         createBaseVNode("img", {
-          src: __props.field.value,
+          src: imageValue.value,
           alt: "image",
           style: normalizeStyle(getStyle.value)
         }, null, 12, _hoisted_1$5)
@@ -95999,7 +96021,7 @@ const _sfc_main$5 = {
     };
   }
 };
-const ImageField = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-47d1dee5"]]);
+const ImageField = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-3a10cc41"]]);
 const _hoisted_1$4 = { class: "checkbox-container" };
 const _sfc_main$4 = {
   __name: "CheckboxField",
@@ -96212,7 +96234,7 @@ const _sfc_main$2 = {
     };
   }
 };
-const HrbrFieldsLayer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-60099bb0"]]);
+const HrbrFieldsLayer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-5a92a39c"]]);
 const _hoisted_1$1 = { class: "super-editor" };
 const _hoisted_2$1 = ["innerHTML"];
 const _sfc_main$1 = {