adp-web-components 0.0.89 → 0.0.91

package/dist/collection/components/vin-extractor/vin-extractor.js

@@ -9,6 +9,23 @@ const CAPTURE_INTERVAL = 2000;
 const ACTIVE_CAMERA_ID_KEY = 'activeCameraId';
 export class VinExtractor {
     constructor() {
+        this.title = '';
+        this.captureInterval = CAPTURE_INTERVAL;
+        this.verbose = false;
+        this.useOcr = false;
+        this.readSticker = false;
+        // to explicitly opening camera instead of letting choose from files or new image from camera
+        this.captureEnvironment = false;
+        this.manualCapture = false;
+        this.skipValidation = false;
+        this.isOpen = false;
+        this.isAnimating = false;
+        this.isCameraReady = false;
+        this.switchRotateDegree = 0;
+        this.containerAnimation = '';
+        this.videoInputs = [];
+        this.manualCaptureLoading = false;
+        this.activeCameraId = localStorage.getItem(ACTIVE_CAMERA_ID_KEY) || '';
         this.registerFileUploader = () => {
             if (this.readSticker && !this.codeReader) {
                 setTimeout(() => {
@@ -236,30 +253,6 @@ export class VinExtractor {
                 this.switchRotateDegree += 90;
             }
         };
-        this.title = '';
-        this.captureInterval = CAPTURE_INTERVAL;
-        this.verbose = false;
-        this.useOcr = false;
-        this.readSticker = false;
-        this.uploaderButtonId = undefined;
-        this.captureEnvironment = false;
-        this.manualCapture = false;
-        this.skipValidation = false;
-        this.ocrEndpoint = undefined;
-        this.onExtract = undefined;
-        this.onError = undefined;
-        this.onProcessing = undefined;
-        this.onOpenChange = undefined;
-        this.streamRef = undefined;
-        this.isOpen = false;
-        this.isAnimating = false;
-        this.isCameraReady = false;
-        this.switchRotateDegree = 0;
-        this.containerAnimation = '';
-        this.blazorRef = undefined;
-        this.videoInputs = [];
-        this.manualCaptureLoading = false;
-        this.activeCameraId = localStorage.getItem(ACTIVE_CAMERA_ID_KEY) || '';
     }
     async componentDidLoad() {
         this.videoPlayer = this.el.shadowRoot.querySelector('.video-player');
@@ -297,7 +290,7 @@ export class VinExtractor {
             }
         }
     }
-    setBlazorRef(newBlazorRef) {
+    async setBlazorRef(newBlazorRef) {
         this.blazorRef = newBlazorRef;
     }
     async processCanvasFromSource(source, canvas, maxSize = 400) {
@@ -323,7 +316,7 @@ export class VinExtractor {
             return '';
         }
     }
-    open() {
+    async open() {
         this.isOpen = true;
     }
     async close() {
@@ -346,7 +339,7 @@ export class VinExtractor {
     }
     render() {
         const ariaExpanded = this.isOpen && this.isCameraReady && (this.useOcr || this.readSticker);
-        return (h(Host, { key: '611a83a64a7348286b075d9aac3d5040f70fb3db' }, h("slot", { key: 'cbdafac3a276c304916818154dc6c2a4ed2128fa' }), h("input", Object.assign({ key: '687c8b8475341a636726555f49d80a4dedb8819b', class: "vin-extractor-input", type: "file", accept: "image/*" }, (this.captureEnvironment ? { capture: 'environment' } : {}), { hidden: true })), h("canvas", { key: '4617cbfe4ef9b556ee9782a5e2072669847a224d', class: "video-canvas hidden" }), !this.uploaderButtonId && (h("div", { key: 'ab8039bab4463da0a4cd4e6bf2557f0bc1b424ba', onClick: () => (this.isOpen = false), "aria-expanded": ariaExpanded.toString(), class: "vin-extractor-background md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]" }, h("div", { key: 'f8917f247e4a87c48637085464577806dda8abdd', onClick: e => e.stopPropagation(), "aria-expanded": ariaExpanded.toString(), onAnimationEnd: () => (this.isAnimating = false), onAnimationStart: () => (this.isAnimating = true), class: cn('vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto w-full h-full relative transition-all duration-500', this.containerAnimation) }, h("div", { key: '714d6f66936923deb7ac901aee37be6dc6faab04', class: "vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between" }, this.videoInputs.length > 1 ? (h("button", { type: "button", onClick: this.switchCamera, class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { width: "24", height: "24", fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-full transition-all duration-300", style: { rotate: `${this.switchRotateDegree}deg` } }, h("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }), h("path", { d: "M21 3v5h-5" }), h("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }), h("path", { d: "M8 16H3v5" })))) : (h("div", { class: "size-8" })), h("h1", { key: 'c49d5762b90d963e5c9054c65929c2f8cf04c040', class: "text-center md:text-3xl md:text-black text-slate-100 text-xl" }, this.title), h("button", { key: '7d9c0b4942144081066e61fdd8402aa8a8a48406', type: "button", onClick: () => (this.isOpen = false), class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { key: '632634653d41188ab2039eb822836a5d8d5a144a', fill: "none", "stroke-width": "2", class: "size-full", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '393b8ca5770faee4a87f71b4aac9347c220cb756', d: "M18 6 6 18" }), h("path", { key: '19be7bd00873885765714e2b322f9564ef5bc315', d: "m6 6 12 12" })))), this.manualCapture && (h("button", { key: '2640ef2e9e5cd7acdcce505d601e92bbf1efd212', type: "button", disabled: this.manualCaptureLoading, onClick: this.captureFrame.bind(this, true), class: "absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4" }, this.manualCaptureLoading ? (h("svg", { fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: "size-full animate-spin", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }))) : (h("svg", { fill: "none", "stroke-width": "2", class: "size-full", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }), h("circle", { cx: "12", cy: "13", r: "3" }))))), h("video", { key: 'bd4d5d8c0663a8cfbbf6bd1d68f0b21fac2ff9e8', id: "video", autoPlay: true, playsInline: true, class: "video-player md:aspect-auto bg-black min-w-full min-h-full object-cover object-center" }))))));
+        return (h(Host, { key: '03cce1bb83748bfa847f8a1746a459a8540bba99' }, h("slot", { key: '6a9f32187d63d7c4522fd4c57c28db02265d09e2' }), h("input", Object.assign({ key: '2222f50cf3f3ea64b4710412e60e3a26f4b72120', class: "vin-extractor-input", type: "file", accept: "image/*" }, (this.captureEnvironment ? { capture: 'environment' } : {}), { hidden: true })), h("canvas", { key: 'aa1c301c7df4d0087f331dc39b79076d029e3326', class: "video-canvas hidden" }), !this.uploaderButtonId && (h("div", { key: '4f5f59f2ac97028499618953e990932e9e96ac04', onClick: () => (this.isOpen = false), "aria-expanded": ariaExpanded.toString(), class: "vin-extractor-background md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]" }, h("div", { key: '23df66d4cebc2d7e4112b9b18f0df25988f5bb40', onClick: e => e.stopPropagation(), "aria-expanded": ariaExpanded.toString(), onAnimationEnd: () => (this.isAnimating = false), onAnimationStart: () => (this.isAnimating = true), class: cn('vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto w-full h-full relative transition-all duration-500', this.containerAnimation) }, h("div", { key: 'f136cd98eb71d7a61d8dd2324080e21337661a0f', class: "vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between" }, this.videoInputs.length > 1 ? (h("button", { type: "button", onClick: this.switchCamera, class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { width: "24", height: "24", fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: "size-full transition-all duration-300", style: { rotate: `${this.switchRotateDegree}deg` } }, h("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }), h("path", { d: "M21 3v5h-5" }), h("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }), h("path", { d: "M8 16H3v5" })))) : (h("div", { class: "size-8" })), h("h1", { key: '2be7e16adae3374d980e16d3df7a412689f7844d', class: "text-center md:text-3xl md:text-black text-slate-100 text-xl" }, this.title), h("button", { key: '36e2cfc2a4084480e380bb0a956e6f16b54db85b', type: "button", onClick: () => (this.isOpen = false), class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { key: '6c35c1dfeb0900bbd080d3bb47477a273bb6daf2', fill: "none", "stroke-width": "2", class: "size-full", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8dbf2fe729be30fc7810617bbadc349c52356ae6', d: "M18 6 6 18" }), h("path", { key: '11f2ff22067d07784a152acafd7e7d1870211d00', d: "m6 6 12 12" })))), this.manualCapture && (h("button", { key: 'e1e46bde2bb478b1a2c2e4eda0338dc9fa679334', type: "button", disabled: this.manualCaptureLoading, onClick: this.captureFrame.bind(this, true), class: "absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4" }, this.manualCaptureLoading ? (h("svg", { fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: "size-full animate-spin", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }))) : (h("svg", { fill: "none", "stroke-width": "2", class: "size-full", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }), h("circle", { cx: "12", cy: "13", r: "3" }))))), h("video", { key: '9d9ede6584f25879b7eb530133eebe193338552a', id: "video", autoPlay: true, playsInline: true, class: "video-player md:aspect-auto bg-black min-w-full min-h-full object-cover object-center" }))))));
     }
     static get is() { return "vin-extractor"; }
     static get encapsulation() { return "shadow"; }
@@ -364,6 +357,7 @@ export class VinExtractor {
         return {
             "title": {
                 "type": "string",
+                "attribute": "title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -376,12 +370,14 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "title",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "''"
             },
             "captureInterval": {
                 "type": "number",
+                "attribute": "capture-interval",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -394,12 +390,14 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "capture-interval",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "CAPTURE_INTERVAL"
             },
             "verbose": {
                 "type": "boolean",
+                "attribute": "verbose",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -412,12 +410,14 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "verbose",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "useOcr": {
                 "type": "boolean",
+                "attribute": "use-ocr",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -430,12 +430,14 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "use-ocr",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "readSticker": {
                 "type": "boolean",
+                "attribute": "read-sticker",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -448,12 +450,14 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "read-sticker",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "uploaderButtonId": {
                 "type": "string",
+                "attribute": "uploader-button-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -466,11 +470,13 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "uploader-button-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "captureEnvironment": {
                 "type": "boolean",
+                "attribute": "capture-environment",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -483,12 +489,14 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "capture-environment",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "manualCapture": {
                 "type": "boolean",
+                "attribute": "manual-capture",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -501,12 +509,14 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "manual-capture",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "skipValidation": {
                 "type": "boolean",
+                "attribute": "skip-validation",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -519,12 +529,14 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "skip-validation",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "ocrEndpoint": {
                 "type": "string",
+                "attribute": "ocr-endpoint",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -537,11 +549,13 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "ocr-endpoint",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "onExtract": {
                 "type": "string",
+                "attribute": "on-extract",
                 "mutable": false,
                 "complexType": {
                     "original": "((vin: string) => void) | string",
@@ -554,11 +568,13 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "on-extract",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "onError": {
                 "type": "string",
+                "attribute": "on-error",
                 "mutable": false,
                 "complexType": {
                     "original": "((newError: Error) => void) | string",
@@ -576,11 +592,13 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "on-error",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "onProcessing": {
                 "type": "string",
+                "attribute": "on-processing",
                 "mutable": false,
                 "complexType": {
                     "original": "((vin: string) => void) | string",
@@ -593,11 +611,13 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "on-processing",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "onOpenChange": {
                 "type": "string",
+                "attribute": "on-open-change",
                 "mutable": false,
                 "complexType": {
                     "original": "((newError: boolean) => void) | string",
@@ -610,7 +630,8 @@ export class VinExtractor {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "on-open-change",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };
@@ -640,6 +661,10 @@ export class VinExtractor {
                             "docs": ""
                         }],
                     "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
                         "DotNetObjectReference": {
                             "location": "import",
                             "path": "~types/components",
@@ -657,7 +682,12 @@ export class VinExtractor {
                 "complexType": {
                     "signature": "() => Promise<void>",
                     "parameters": [],
-                    "references": {},
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
                     "return": "Promise<void>"
                 },
                 "docs": {

package/dist/collection/{global/lib/image-expansion.js → features/image-viewer/image-viewer-logic.js}

@@ -2,13 +2,16 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-export function openImageViewer(context, target, imageSrc) {
-    if (context.expandedImage === imageSrc)
+let closeImageListener;
+export function openImageViewer(target, imageSrc) {
+    if (this.expandedImage === imageSrc)
         return;
-    context.originalImage = target;
-    const expandedImageRef = context.el.shadowRoot.getElementById('expanded-image');
+    this.originalImage = target;
+    const expandedImageRef = this.el.shadowRoot.querySelector('.image-viewer-expanded-image');
     expandedImageRef.src = target.src;
-    document.addEventListener('keydown', context.closeImageListener);
+    document.removeEventListener('keydown', closeImageListener);
+    closeImageListener = () => closeImageViewer.bind(this)();
+    document.addEventListener('keydown', closeImageListener);
     const rect = target.getBoundingClientRect();
     document.body.style.overflow = 'hidden';
     Object.assign(expandedImageRef.style, {
@@ -42,15 +45,16 @@ export function openImageViewer(context, target, imageSrc) {
             top: `${(window.innerHeight - height) / 2}px`,
             left: `${(window.innerWidth - width) / 2}px`,
         });
-        context.expandedImage = imageSrc;
+        this.expandedImage = imageSrc;
     }, 200);
 }
-export function closeImageViewer(context, event) {
+export function closeImageViewer(event) {
+    event === null || event === void 0 ? void 0 : event.preventDefault();
     if (event && event.key !== 'Escape')
         return;
-    document.removeEventListener('keydown', context.closeImageListener);
-    const expandedImageRef = context.el.shadowRoot.getElementById('expanded-image');
-    const rect = context.originalImage.getBoundingClientRect();
+    document.removeEventListener('keydown', closeImageListener);
+    const expandedImageRef = this.el.shadowRoot.querySelector('.image-viewer-expanded-image');
+    const rect = this.originalImage.getBoundingClientRect();
     Object.assign(expandedImageRef.style, {
         top: `${rect.top}px`,
         pointerEvents: 'none',
@@ -65,5 +69,5 @@ export function closeImageViewer(context, event) {
         expandedImageRef.style.transitionDuration = '0s';
     }, 300);
     document.body.style.overflow = '';
-    context.expandedImage = null;
+    this.expandedImage = null;
 }

package/dist/collection/features/image-viewer/image-viewer.js

@@ -0,0 +1,9 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+import cn from "../../global/lib/cn";
+export const ImageViewer = ({ expandedImage, closeImageViewer }) => {
+    return (h("div", null, h("div", { onClick: closeImageViewer, class: cn('image-viewer-overlay', { active: expandedImage }), style: { backdropFilter: expandedImage ? 'blur(3px)' : 'blur(0px)' } }, h("button", { class: "image-viewer-close-btn" }, h("div", { class: "image-viewer-close-line first" }), h("div", { class: "image-viewer-close-line second" }))), h("img", { alt: "", class: "image-viewer-expanded-image" })));
+};

package/dist/collection/features/image-viewer/index.js

@@ -0,0 +1,7 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+export * from './interface';
+export * from './image-viewer';
+export * from './image-viewer-logic';

package/dist/collection/{global/lib → features/multi-lingual}/get-local-language.js

@@ -3,15 +3,11 @@
  * Copyright (c)
  */
 import { Build } from "@stencil/core";
-import { object } from "yup";
 import { version } from "../../../package.json";
 import localeNetworkMapper from "../../locale-mapper";
-import { languageMapper } from "../types/locale";
 import globalSchema from "../../locales/type";
 import errorsSchema from "../../locales/errors/type";
-export const sharedLocalesSchema = object({
-    errors: errorsSchema,
-}).concat(globalSchema);
+import { languageMapper } from "./types";
 const cachedLocales = {};
 export async function getSharedLocal(languageKey) {
     const [errors, globalKeys] = await Promise.all([getLocaleLanguage(languageKey, 'errors', errorsSchema), getLocaleLanguage(languageKey, '-', globalSchema)]);
@@ -82,9 +78,19 @@ function recursiveParser(parents, bluePrint, parsedResponseMapper, languageFile)
 async function requestLocaleFile(localeFile) {
     if (cachedLocales[localeFile])
         return await cachedLocales[localeFile];
-    const fetchPromise = (Build.isDev ? fetch('../../' + localeFile) : fetch(`https://cdn.jsdelivr.net/npm/adp-web-components@${version}/dist/${localeFile}`)).then(res => res.json());
-    cachedLocales[localeFile] = fetchPromise;
-    const result = await fetchPromise;
-    cachedLocales[localeFile] = result;
-    return result;
+    try {
+        const fetchPromise = (Build.isDev ? fetch('http://localhost:3000/' + localeFile) : fetch(`https://cdn.jsdelivr.net/npm/adp-web-components@${version}/dist/${localeFile}`)).then(res => {
+            if (!res.ok)
+                delete cachedLocales[localeFile];
+            return res.json();
+        });
+        cachedLocales[localeFile] = fetchPromise;
+        const result = await fetchPromise;
+        cachedLocales[localeFile] = result;
+        return result;
+    }
+    catch (error) {
+        delete cachedLocales[localeFile];
+        return {};
+    }
 }

package/dist/collection/features/multi-lingual/index.js

@@ -0,0 +1,7 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+export * from './types';
+export * from './interface';
+export * from './get-local-language';

package/dist/collection/features/multi-lingual/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/{global/types/locale.js → features/multi-lingual/types.js}

@@ -2,6 +2,12 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
+import { object } from "yup";
+import globalSchema from "../../locales/type";
+import errorsSchema from "../../locales/errors/type";
+export const sharedLocalesSchema = object({
+    errors: errorsSchema,
+}).concat(globalSchema);
 export const ARABIC_JSON_FILE = 'ar.json';
 export const ENGLISH_JSON_FILE = 'en.json';
 export const KURDISH_JSON_FILE = 'ku.json';

package/dist/collection/features/part-lookup-components/index.js

@@ -0,0 +1,7 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+export * from './types';
+export * from './interface';
+export * from './part-lookup-api-integration';

package/dist/collection/features/part-lookup-components/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/features/part-lookup-components/part-lookup-api-integration.js

@@ -0,0 +1,84 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+export const setPartLookupData = async (context, newData, headers = {}, { beforeAssignment } = {}) => {
+    if (newData === null || newData === undefined)
+        newData = (context === null || context === void 0 ? void 0 : context.searchString) || '';
+    // clears network timeoutRef which serves as await for animation
+    clearTimeout(context.networkTimeoutRef);
+    // handles request spam by canceling the previous ones
+    if (context.abortController)
+        context.abortController.abort();
+    context.abortController = new AbortController();
+    // syncing the internal timeout ref with external network ref
+    let scopedTimeoutRef;
+    const isSearchRequest = typeof newData === 'string';
+    const searchString = typeof newData === 'string' ? newData : newData === null || newData === void 0 ? void 0 : newData.partNumber;
+    try {
+        if (!searchString || searchString.trim().length === 0) {
+            context.isError = false;
+            context.isLoading = false;
+            context.searchString = '';
+            context.partLookup = undefined;
+            return;
+        }
+        context.isLoading = true;
+        await new Promise(r => {
+            scopedTimeoutRef = setTimeout(r, 1000);
+            context.networkTimeoutRef = scopedTimeoutRef;
+        });
+        context.searchString = searchString;
+        const partResponse = isSearchRequest ? await getPartLookup(context, { scopedTimeoutRef }, headers) : newData;
+        if (context.networkTimeoutRef === scopedTimeoutRef) {
+            if (!partResponse)
+                throw new Error('wrongResponseFormat');
+            if (beforeAssignment)
+                context.partLookup = await beforeAssignment(partResponse, { scopedTimeoutRef });
+            else
+                context.partLookup = partResponse;
+        }
+        context.errorMessage = null;
+        context.isLoading = false;
+        context.isError = false;
+    }
+    catch (error) {
+        if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
+            return;
+        if (context.errorCallback)
+            context.errorCallback(error.message);
+        console.error(error);
+        context.setErrorMessage(error.message);
+    }
+};
+export const setPartLookupErrorState = (context, message) => {
+    context.isError = true;
+    context.isLoading = false;
+    context.errorMessage = message;
+    context.partLookup = undefined;
+};
+export async function getPartLookup(context, generalProps, headers = {}) {
+    const { scopedTimeoutRef } = generalProps;
+    const handleResult = (newPartLookup) => {
+        if ((context === null || context === void 0 ? void 0 : context.networkTimeoutRef) === scopedTimeoutRef) {
+            if (!newPartLookup && (context === null || context === void 0 ? void 0 : context.searchString))
+                throw new Error('wrongResponseFormat');
+            if (context === null || context === void 0 ? void 0 : context.loadedResponse)
+                context === null || context === void 0 ? void 0 : context.loadedResponse(newPartLookup);
+            return newPartLookup;
+        }
+    };
+    if (context === null || context === void 0 ? void 0 : context.isDev) {
+        const newData = context === null || context === void 0 ? void 0 : context.mockData[context === null || context === void 0 ? void 0 : context.searchString];
+        return handleResult(newData);
+    }
+    else {
+        if (!(context === null || context === void 0 ? void 0 : context.baseUrl))
+            throw new Error('noBaseUrl');
+        const response = await fetch(`${context === null || context === void 0 ? void 0 : context.baseUrl}${context === null || context === void 0 ? void 0 : context.searchString}?${context === null || context === void 0 ? void 0 : context.queryString}`, { signal: context === null || context === void 0 ? void 0 : context.abortController.signal, headers: headers });
+        if (response.status === 204)
+            throw new Error('noPartsFound');
+        const newData = (await response.json());
+        return handleResult(newData);
+    }
+}

package/dist/collection/features/part-lookup-components/types.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/features/vehicle-info-layout/index.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+export * from './interface';
+export * from './vehicle-info-layout';

package/dist/collection/features/vehicle-info-layout/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/features/vehicle-info-layout/vehicle-info-layout.js

@@ -0,0 +1,7 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+import cn from "../../global/lib/cn";
+export const VehicleInfoLayout = (props, children) => props.coreOnly ? (h("div", { class: cn({ loading: props.isLoading }) }, children)) : (h("div", { dir: props.direction, part: "vehicle-info-container", class: cn('vehicle-info-container', { loading: props.isLoading }) }, h("div", { part: "vehicle-info-header", class: "vehicle-info-header" }, h("strong", { part: "vehicle-info-header-vin", class: "vehicle-info-header-vin load-animation" }, props.isError ? (h("span", { dir: props.direction, style: { color: 'red' } }, props.errorMessage)) : (props.header))), h("div", { part: "vehicle-info-body", class: "vehicle-info-body" }, h("div", { part: "vehicle-info-content", class: "vehicle-info-content" }, children))));

package/dist/collection/features/vehicle-lookup-component/index.js

@@ -0,0 +1,7 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+export * from './types';
+export * from './interface';
+export * from './vehicle-lookup-api-integration';

package/dist/collection/features/vehicle-lookup-component/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/features/vehicle-lookup-component/types.js

@@ -0,0 +1,17 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+export const vehicleRequestHeaders = {
+    cityId: 'City-Id',
+    userId: 'User-Id',
+    companyId: 'Company-Id',
+    customerName: 'Customer-Name',
+    customerPhone: 'Customer-Phone',
+    customerEmail: 'Customer-Email',
+    companyBranchId: 'Company-Branch-Id',
+    cityIntegrationId: 'City-Integration-Id',
+    brandIntegrationId: 'Brand-Integration-Id',
+    companyIntegrationId: 'Company-Integration-Id',
+    companyBranchIntegrationId: 'Company-Branch-Integration-Id',
+};