reneco-advanced-input-module 0.0.2 → 0.0.4

package/dist/{voice-input-module/voice-input-module.entry.js → esm/ocr-file-uploader_2.entry.js}

@@ -1,4 +1,81 @@
-import { r as registerInstance$1, a as createEvent, h as h$1 } from './index-Lt4F-TYq.js';
+import { r as registerInstance, h as h$1, c as createEvent } from './index-jmc2yzBp.js';
+
+const ocrFileUploaderCss = ".upload-container{display:inline-block;cursor:pointer;width:50px;height:50px}.upload-button{display:flex;align-items:center;justify-content:center;transition:transform 0.2s ease, box-shadow 0.2s ease;user-select:none}.upload-button svg{width:50px;height:50px;stroke:#44ee44}.upload-button:hover svg{transform:scale(1.05);stroke:#33dd33}";
+
+const OcrFileUploader = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.batch = false;
+        this.triggerUpload = () => {
+            this.fileInput.click();
+        };
+        this.handleFileChange = async (event) => {
+            const input = event.target;
+            if (!input.files || input.files.length === 0)
+                return;
+            const file = input.files[0];
+            // Here you can handle the file upload to your API
+            console.log('Selected file:', file);
+            const formData = new FormData();
+            formData.append('file', file);
+            if (this.batch) {
+                try {
+                    const response = await fetch('http://127.0.0.1:5001/api/convert-to-xml', {
+                        method: 'POST',
+                        body: formData
+                    });
+                    if (!response.ok) {
+                        console.error("There has been an error!:", response);
+                        throw new Error(`HTTP error! status: ${response.status}`);
+                    }
+                    // get the file as a blob
+                    const blob = await response.blob();
+                    // create a download link
+                    const url = window.URL.createObjectURL(blob);
+                    const a = document.createElement('a');
+                    a.href = url;
+                    a.download = 'result-' + Date.now().toString() + '.xlsx'; // filename
+                    document.body.appendChild(a);
+                    a.click();
+                    a.remove();
+                    window.URL.revokeObjectURL(url);
+                }
+                catch (err) {
+                    console.error(err);
+                    alert('Error uploading file');
+                }
+            }
+            else {
+                try {
+                    if (this.jsonSchema) {
+                        formData.append('json_schema', this.jsonSchema);
+                    }
+                    const response = await fetch('http://127.0.0.1:5001/api/convert-to-json', {
+                        method: 'POST',
+                        body: formData
+                    });
+                    if (!response.ok) {
+                        console.error("There has been an error!:", response);
+                        throw new Error(`HTTP error! status: ${response.status}`);
+                    }
+                    const data = await response.json();
+                    console.log('Upload successful:', data);
+                    if (this.callback && data[0] && data[0].content) {
+                        this.callback(data[0].content);
+                    }
+                }
+                catch (err) {
+                    console.error(err);
+                    alert('Error uploading file');
+                }
+            }
+        };
+    }
+    render() {
+        return (h$1("div", { key: 'fecf4f7a1151d5a93092dcd7f34f61bbb5020a3a', class: "upload-container", onClick: this.triggerUpload }, h$1("input", { key: '5dae519517ce2c93a5bedb54ec454aa7f0842670', type: "file", ref: el => (this.fileInput = el), onChange: this.handleFileChange, style: { display: 'none' } }), h$1("div", { key: '856fae3bb684b769fbd1869d6e7ed96d4bd4706c', class: "upload-button" }, h$1("svg", { key: '94b1f879d42904038a34f574607a46dcd6075fa2', viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h$1("path", { key: '020370d673d73a845aea7c15cfece3daa5214a78', d: "M13.5 3H12H8C6.34315 3 5 4.34315 5 6V18C5 19.6569 6.34315 21 8 21H12M13.5 3L19 8.625M13.5 3V7.625C13.5 8.17728 13.9477 8.625 14.5 8.625H19M19 8.625V11.8125", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), h$1("path", { key: '3e14a32c1533e66de5da8bdcac5206196bd6302b', d: "M17.5 21L17.5 15M17.5 15L20 17.5M17.5 15L15 17.5", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+    }
+};
+OcrFileUploader.style = ocrFileUploaderCss;
 
 class AudioRecorderService {
     constructor() {
@@ -156,7 +233,7 @@ class OpenAILLMService {
                 `${field.min && field.min !== "" ? ', min=' + field.min : ''}` +
                 `${field.max && field.max !== "" ? ', max=' + field.max : ''}` +
                 `)` +
-                `${field.options ? ` - options: ${field.options.join(', ')}` : ''}`;
+                `${field.options && field.options.length > 0 ? ` - options: ${field.options.join(', ')}` : ''}`;
         }).join('\n');
     }
     async fillFormFromTranscription(transcription, schema) {
@@ -603,7 +680,6 @@ class SchemaConverter {
                 // You could also add the raw ControlType for round-trip fidelity if you want
                 schema.fields[field_ID] = field;
             }
-            ;
             return schema;
         }
         catch (error) {
@@ -742,7 +818,7 @@ class SchemaConverter {
 }
 
 const NAMESPACE = 'ocr-file-uploader';
-const BUILD = /* ocr-file-uploader */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, prop: true, propChangeCallback: false, updatable: true};
+const BUILD = /* ocr-file-uploader */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: false, updatable: true};
 
 /*
  Stencil Client Platform v4.40.1 | MIT Licensed | https://stenciljs.com
@@ -997,38 +1073,6 @@ var require_brace_expansion = __commonJS({
 // src/utils/constants.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
 var HTML_NS = "http://www.w3.org/1999/xhtml";
-var reWireGetterSetter = (instance, hostRef) => {
-  var _a;
-  const cmpMeta = hostRef.$cmpMeta$;
-  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
-  members.map(([memberName, [memberFlags]]) => {
-    if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
-      const ogValue = instance[memberName];
-      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
-      if (ogDescriptor) {
-        Object.defineProperty(instance, memberName, {
-          get() {
-            return ogDescriptor.get.call(this);
-          },
-          set(newValue) {
-            ogDescriptor.set.call(this, newValue);
-          },
-          configurable: true,
-          enumerable: true
-        });
-      }
-      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
-    }
-  });
-};
-function getPropertyDescriptor(obj, memberName) {
-  while (obj) {
-    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
-    if (desc == null ? void 0 : desc.get) return desc;
-    obj = Object.getPrototypeOf(obj);
-  }
-  return void 0;
-}
 
 // src/client/client-host-ref.ts
 var getHostRef = (ref) => {
@@ -1037,14 +1081,6 @@ var getHostRef = (ref) => {
   }
   return void 0;
 };
-var registerInstance = (lazyInstance, hostRef) => {
-  if (!hostRef) return;
-  lazyInstance.__stencil__getHostRef = () => hostRef;
-  hostRef.$lazyInstance$ = lazyInstance;
-  if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.prop)) {
-    reWireGetterSetter(lazyInstance, hostRef);
-  }
-};
 var registerHost = (hostElement, cmpMeta) => {
   const hostRef = {
     $flags$: 0,
@@ -1134,7 +1170,7 @@ var queueTask = (queue, write) => (cb) => {
   queue.push(cb);
   if (!queuePending) {
     queuePending = true;
-    if (write && plt.$flags$ & 4 /* queueSync */) {
+    if (plt.$flags$ & 4 /* queueSync */) {
       nextTick(flush);
     } else {
       plt.raf(flush);
@@ -1161,7 +1197,7 @@ var flush = () => {
   }
 };
 var nextTick = (cb) => promiseResolve().then(cb);
-var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
+var writeTask = /* @__PURE__ */ queueTask(queueDomWrites);
 var isComplexType = (o) => {
   o = typeof o;
   return o === "object" || o === "function";
@@ -2735,9 +2771,6 @@ var attachStyles = (hostRef) => {
 };
 var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
 var h = (nodeName, vnodeData, ...children) => {
-  if (typeof nodeName === "string") {
-    nodeName = transformTag(nodeName);
-  }
   let child = null;
   let key = null;
   let simple = false;
@@ -2749,7 +2782,7 @@ var h = (nodeName, vnodeData, ...children) => {
       if (Array.isArray(child)) {
         walk(child);
       } else if (child != null && typeof child !== "boolean") {
-        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
+        if (simple = !isComplexType(child)) {
           child = String(child);
         }
         if (simple && lastSimple) {
@@ -2762,17 +2795,6 @@ var h = (nodeName, vnodeData, ...children) => {
     }
   };
   walk(children);
-  if (vnodeData) {
-    if (vnodeData.key) {
-      key = vnodeData.key;
-    }
-    {
-      const classData = vnodeData.className || vnodeData.class;
-      if (classData) {
-        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
-      }
-    }
-  }
   const vnode = newVNode(nodeName, null);
   vnode.$attrs$ = vnodeData;
   if (vNodeChildren.length > 0) {
@@ -3802,9 +3824,6 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   }
   endBootstrap();
 };
-
-// src/runtime/nonce.ts
-var setNonce = (nonce) => plt.$nonce$ = nonce;
 function transformTag(tag) {
   return tag;
 }
@@ -3835,9 +3854,9 @@ const VoiceFormRecorder = class {
         }
     }
     constructor(hostRef) {
-        registerInstance$1(this, hostRef);
-        this.formFilled = createEvent(this, "formFilled", 7);
-        this.recordingStateChanged = createEvent(this, "recordingStateChanged", 7);
+        registerInstance(this, hostRef);
+        this.formFilled = createEvent(this, "formFilled");
+        this.recordingStateChanged = createEvent(this, "recordingStateChanged");
         this.formJson = '{}';
         this.serviceConfig = '{}';
         this.context = undefined;
@@ -4092,7 +4111,6 @@ const VoiceFormRecorder = class {
                 break;
             case "track":
             default:
-                const data = {};
                 Object.entries(filledData.fields).forEach(([fieldID, field]) => {
                     if (field.default !== undefined && field.default !== null && field.default !== '') {
                         updatedSchema[fieldID] = field.default;
@@ -4129,8 +4147,8 @@ const VoiceFormRecorder = class {
                         name: child.Label || ((_a = child.Settings) === null || _a === void 0 ? void 0 : _a.Label) || child.System_Name,
                         type: this.mapFieldType(child.Type)
                     };
-                    // Add options for classification/select fields
-                    const selectTypes = ['InputClassification', 'select'];
+                    // Add options for classification/select/multiselect fields
+                    const selectTypes = ['InputClassification', 'select', 'multiselect', 'InputMultiSelect'];
                     if (selectTypes.includes(child.Type) && child.Children && child.Children.length > 0) {
                         fieldData.options = child.Children.map((option) => option.System_Name || option.Label || option.toString());
                     }
@@ -4152,8 +4170,6 @@ const VoiceFormRecorder = class {
                         const fieldName = field.name;
                         const fieldType = this.mapFieldType(field.type);
                         const fieldLabel = field.label || fieldName;
-                        const isRequired = field.required || false;
-                        const fieldValue = ''; //TODO
                         if (['position', 'thesaurus'].includes(fieldType)) {
                             try {
                                 const response = await fetch(`${this.classificationRootUrl}/ng/api/v1/classification/getList/${fieldType.toLowerCase() == 'position' ? "Position" : "Thesaurus"}/?StartNodeID=${field.config.options.options.startNode}`);
@@ -4452,7 +4468,7 @@ const VoiceFormRecorder = class {
         return (h$1("div", { class: "debug-panel" }, h$1("div", { class: "debug-title" }, "Debug Information:"), h$1("div", { class: "debug-content" }, JSON.stringify(this.debugInfo, null, 2))));
     }
     render() {
-        return (h$1("div", { key: '2021f0d9a0fdb1ac5b87ba301b7973a11f398f1e' }, h$1("div", { key: '2d0e9bc170c91d70f9bfbdb3b43e9ff3b884ff33', class: "voice-recorder-container" + (this.debug || this.renderForm ? "-debug" : "") }, h$1("div", { key: '6914d9a901beaf8c0671b96e4bfd7fb54d5e83ca', class: "row-audio-area" }, this.renderRecordButton(), this.renderUploadRecordButton()), this.displayStatus ? this.renderStatusMessage() : "", this.renderUploadButton(), this.renderForm ? this.renderFormPreview() : "", this.debug ? this.renderDebugPanel() : "")));
+        return (h$1("div", { key: '09a1e3443e1b4991fe95e9dc2e36fba0edda6f5e' }, h$1("div", { key: 'd99292380471e3f83dced2837c53dece966f1a77', class: "voice-recorder-container" + (this.debug || this.renderForm ? "-debug" : "") }, h$1("div", { key: '13834aed3e29c9e0057aa9a0ee74d70d6fb64259', class: "row-audio-area" }, this.renderRecordButton(), this.renderUploadRecordButton()), this.displayStatus ? this.renderStatusMessage() : "", this.renderUploadButton(), this.renderForm ? this.renderFormPreview() : "", this.debug ? this.renderDebugPanel() : "")));
     }
     static get watchers() { return {
         "formJson": ["initializeServices"],
@@ -4461,7 +4477,7 @@ const VoiceFormRecorder = class {
 };
 VoiceFormRecorder.style = voiceInputModuleCss;
 
-export { VoiceFormRecorder as voice_input_module };
-//# sourceMappingURL=voice-input-module.entry.esm.js.map
+export { OcrFileUploader as ocr_file_uploader, VoiceFormRecorder as voice_input_module };
+//# sourceMappingURL=ocr-file-uploader.voice-input-module.entry.js.map
 
-//# sourceMappingURL=voice-input-module.entry.js.map
+//# sourceMappingURL=ocr-file-uploader_2.entry.js.map