npm - @jaak.ai/stamps - Versions diffs - 2.1.0 → 2.2.0-dev.1 - Mend

@jaak.ai/stamps 2.1.0 → 2.2.0-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

package/README.md CHANGED Viewed

@@ -58,6 +58,10 @@ yarn add @jaak.ai/stamps
 | Property | Type | Default | Description |
 |----------|------|---------|-------------|
+| `license` | `string` | `undefined` | License key for component authentication (required) |
+| `environment` | `'dev' \| 'qa' \| 'staging' \| 'prod'` | `'prod'` | API environment for license validation |
+| `trace-id` | `string` | `undefined` | Optional trace ID for request tracing (auto-generated if not provided) |
+| `app-id` | `string` | `'jaak-stamps-web'` | Application identifier for analytics and tracking |
 | `debug` | `boolean` | `false` | Enable debug mode with additional logging and overlays |
 | `mask-size` | `number` | `90` | Size percentage of the document detection mask |
 | `alignment-tolerance` | `number` | `15` | Tolerance level for document alignment detection |
@@ -152,6 +156,7 @@ preloadModel(): Promise<{
 |-------|-------------|-------------|
 | `isReady` | `boolean` | Fired when component is fully initialized and ready |
 | `captureCompleted` | `object` | Fired when document capture process is completed |
+| `traceIdGenerated` | `{ traceId: string }` | Fired after license validation with the generated or provided trace ID for request tracing |
 ### Type Definitions
@@ -206,6 +211,9 @@ interface StatusResponse {
 <body>
   <jaak-stamps
     id="documentScanner"
+    license="your-license-key-here"
+    environment="prod"
+    app-id="my-custom-app"
     preferred-camera="auto"
     capture-delay="1500"
     use-document-detector="true"
@@ -214,23 +222,29 @@ interface StatusResponse {
   <script>
     const scanner = document.getElementById('documentScanner');
+    // Handle trace ID generation
+    scanner.addEventListener('traceIdGenerated', (event) => {
+      console.log('Trace ID for this session:', event.detail.traceId);
+      // Use this trace ID for correlating requests across your system
+    });
     // Wait for component to be ready
     scanner.addEventListener('isReady', () => {
       console.log('Document scanner is ready');
       // Start the capture process
       scanner.startCapture();
     });
     // Handle capture completion
     scanner.addEventListener('captureCompleted', async (event) => {
       console.log('Capture completed:', event.detail);
       // Get captured images
       const images = await scanner.getCapturedImages();
       console.log('Captured images:', images);
       // Process the images as needed
       if (images.front.cropped) {
         // Display or upload the cropped front image
@@ -285,22 +299,29 @@ const DocumentScanner: React.FC = () => {
     const scanner = scannerRef.current;
     if (!scanner) return;
+    // Trace ID generation handler
+    const handleTraceIdGenerated = (event: CustomEvent) => {
+      console.log('Trace ID:', event.detail.traceId);
+    };
     // Component ready handler
     const handleReady = () => {
       setIsReady(true);
     };
     // Capture completion handler
     const handleCaptureCompleted = async () => {
       const images = await (scanner as any).getCapturedImages();
       setCapturedImages(images);
     };
     // Add event listeners
+    scanner.addEventListener('traceIdGenerated', handleTraceIdGenerated);
     scanner.addEventListener('isReady', handleReady);
     scanner.addEventListener('captureCompleted', handleCaptureCompleted);
     return () => {
+      scanner.removeEventListener('traceIdGenerated', handleTraceIdGenerated);
       scanner.removeEventListener('isReady', handleReady);
       scanner.removeEventListener('captureCompleted', handleCaptureCompleted);
     };
@@ -318,6 +339,10 @@ const DocumentScanner: React.FC = () => {
       <jaak-stamps
         ref={scannerRef}
+        license="your-license-key-here"
+        environment="prod"
+        app-id="my-react-app"
+        trace-id=""  // Leave empty to auto-generate
         preferred-camera="auto"
         capture-delay={1500}
         use-document-classification={true}
@@ -390,6 +415,9 @@ interface CapturedImages {
       <jaak-stamps
         #scanner
+        license="your-license-key-here"
+        environment="prod"
+        app-id="my-angular-app"
         preferred-camera="auto"
         [capture-delay]="1500"
         [use-document-classification]="true"
@@ -506,12 +534,17 @@ export class DocumentScannerComponent implements AfterViewInit {
   ngAfterViewInit() {
     const scanner = this.scannerRef.nativeElement;
+    // Trace ID generation handler
+    scanner.addEventListener('traceIdGenerated', (event: CustomEvent) => {
+      console.log('Trace ID:', event.detail.traceId);
+    });
     // Component ready handler
     scanner.addEventListener('isReady', () => {
       this.isReady = true;
     });
     // Capture completion handler
     scanner.addEventListener('captureCompleted', async () => {
       this.capturedImages = await scanner.getCapturedImages();

package/dist/cjs/{index-Ga0t6BMe.js → index-D6NBn_qu.js} RENAMED Viewed

@@ -12,6 +12,10 @@ var __export = (target, all) => {
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+// src/utils/constants.ts
+var SVG_NS = "http://www.w3.org/2000/svg";
+var HTML_NS = "http://www.w3.org/1999/xhtml";
 // src/utils/es2022-rewire-class-members.ts
 var reWireGetterSetter = (instance, hostRef) => {
   var _a;
@@ -547,7 +551,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
     }
   } else {
     const isComplex = isComplexType(newValue);
-    if ((isProp || isComplex && newValue !== null) && true) {
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
       try {
         if (!elm.tagName.includes("-")) {
           const n = newValue == null ? "" : newValue;
@@ -640,14 +644,21 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
   if (newVNode2.$text$ !== null) {
     elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
   } else {
+    if (!isSvgMode) {
+      isSvgMode = newVNode2.$tag$ === "svg";
+    }
     if (!win.document) {
       throw new Error(
         "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
       );
     }
-    elm = newVNode2.$elm$ = win.document.createElement(
+    elm = newVNode2.$elm$ = win.document.createElementNS(
+      isSvgMode ? SVG_NS : HTML_NS,
       newVNode2.$tag$
-    );
+    ) ;
+    if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
+      isSvgMode = false;
+    }
     {
       updateElement(null, newVNode2, isSvgMode);
     }
@@ -659,6 +670,13 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
         }
       }
     }
+    {
+      if (newVNode2.$tag$ === "svg") {
+        isSvgMode = false;
+      } else if (elm.tagName === "foreignObject") {
+        isSvgMode = true;
+      }
+    }
   }
   elm["s-hn"] = hostTagName;
   return elm;
@@ -791,8 +809,12 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
   const elm = newVNode2.$elm$ = oldVNode.$elm$;
   const oldChildren = oldVNode.$children$;
   const newChildren = newVNode2.$children$;
+  const tag = newVNode2.$tag$;
   const text = newVNode2.$text$;
   if (text === null) {
+    {
+      isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
+    }
     {
       updateElement(oldVNode, newVNode2, isSvgMode);
     }
@@ -809,6 +831,9 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
     } else ;
+    if (isSvgMode && tag === "svg") {
+      isSvgMode = false;
+    }
   } else if (oldVNode.$text$ !== text) {
     elm.data = text;
   }
@@ -1457,6 +1482,6 @@ exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;
 exports.setNonce = setNonce;
-//# sourceMappingURL=index-Ga0t6BMe.js.map
+//# sourceMappingURL=index-D6NBn_qu.js.map
-//# sourceMappingURL=index-Ga0t6BMe.js.map
+//# sourceMappingURL=index-D6NBn_qu.js.map