adp-web-components 0.0.90 → 0.0.92

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

@@ -290,7 +290,7 @@ export class VinExtractor {
             }
         }
     }
-    setBlazorRef(newBlazorRef) {
+    async setBlazorRef(newBlazorRef) {
         this.blazorRef = newBlazorRef;
     }
     async processCanvasFromSource(source, canvas, maxSize = 400) {
@@ -316,7 +316,7 @@ export class VinExtractor {
             return '';
         }
     }
-    open() {
+    async open() {
         this.isOpen = true;
     }
     async close() {
@@ -339,7 +339,7 @@ export class VinExtractor {
     }
     render() {
         const ariaExpanded = this.isOpen && this.isCameraReady && (this.useOcr || this.readSticker);
-        return (h(Host, { key: '0e60885fc467cbe88cd61bd3aef83962b653fd43' }, h("slot", { key: 'edd8cc1babde718518bf7b4e5f733d20a08bf5ad' }), h("input", Object.assign({ key: 'ea285ef825d1f9364098281a2f2d7564ef657a7a', class: "vin-extractor-input", type: "file", accept: "image/*" }, (this.captureEnvironment ? { capture: 'environment' } : {}), { hidden: true })), h("canvas", { key: '88c7e49d51d5527916dd6591f3429848a2af6098', class: "video-canvas hidden" }), !this.uploaderButtonId && (h("div", { key: '4182dbdb753092b17340156216bd37ca0ef376ce', 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: 'e92032dcf789f47d6c32dec88b55ea1bdc0bdea7', 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: '1f4ccbd1212a35e9733128f275948257d84f7714', 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: '041e0e25e79314b2991a0724cdcb2ccabd889ffb', class: "text-center md:text-3xl md:text-black text-slate-100 text-xl" }, this.title), h("button", { key: '3124e163a89338bcc7d1a678443b9813cf9f5a55', 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: '8deb949e3904a747999b55cf8ea32164de6b3924', 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: '7c3e65764f8f196e045e3b501e6561bc14e86748', d: "M18 6 6 18" }), h("path", { key: 'c8fed962e953cd21d69ffedf4c13e0db0797c560', d: "m6 6 12 12" })))), this.manualCapture && (h("button", { key: '60f5a920a5858e89a28f4a14d4a5292b59a55c9a', 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: '3b0be903b48e697bb9bec695d74c38002bb0f8a1', 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: '98a1c5d51d6af8185e78f6e6a96cb49022b94a22' }, h("slot", { key: 'ddb94ab40e8ae57858f383af8ac0f99a79d27a4b' }), h("input", Object.assign({ key: '489990f1d0edac7e4971d8fecbb0aa6ef87f515c', class: "vin-extractor-input", type: "file", accept: "image/*" }, (this.captureEnvironment ? { capture: 'environment' } : {}), { hidden: true })), h("canvas", { key: '354151d419d597b11319c632673f0854178cea94', class: "video-canvas hidden" }), !this.uploaderButtonId && (h("div", { key: '6ea70a9da437c4d1a24cbf37bd9176ef95bf2f75', 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: 'f60a998bac4eba4fc446422cd1d5b31b6359b4bb', 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: '52648c3b2044167ecc8b723491d1c4c72471b6be', 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: 'a1902ca8239996fc722ff2aa5e54187f42ec45b6', class: "text-center md:text-3xl md:text-black text-slate-100 text-xl" }, this.title), h("button", { key: 'cd022cfbf1b98776931e2c0648e4bb6b3f52aa11', 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: '6bc6cf39a43136dd3a306983ac465348c7af6f50', 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: 'ae61bf2116852b86755bb70a24994ff4227275b1', d: "M18 6 6 18" }), h("path", { key: 'c132a07dbf8f3def6169e81076277eeb6b938191', d: "m6 6 12 12" })))), this.manualCapture && (h("button", { key: '1ad026ca247970d615fb43b4d615cb6db133cd84', 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: '09e8defdd65d4d3ff886eaf37816c372654da06e', 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"; }
@@ -661,6 +661,10 @@ export class VinExtractor {
                             "docs": ""
                         }],
                     "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
                         "DotNetObjectReference": {
                             "location": "import",
                             "path": "~types/components",
@@ -678,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, style = {}, imageStyle = {}, closeImageViewer }) => {
+    return (h("div", null, h("div", { onClick: closeImageViewer, class: cn('image-viewer-overlay', { active: expandedImage }), style: Object.assign({ backdropFilter: expandedImage ? 'blur(3px)' : 'blur(0px)' }, style) }, 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", { style: imageStyle, 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/features/image-viewer/interface.js

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

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)]);

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/{components/components → features/vehicle-info-layout}/vehicle-info-layout.js

@@ -4,4 +4,4 @@
  */
 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.vin))), h("div", { part: "vehicle-info-body", class: "vehicle-info-body" }, h("div", { part: "vehicle-info-content", class: "vehicle-info-content" }, children))));
+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',
+};

package/dist/collection/features/vehicle-lookup-component/vehicle-lookup-api-integration.js

@@ -0,0 +1,87 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { vehicleRequestHeaders } from "./types";
+export const setVehicleLookupData = async (context, newData, headers = {}, { beforeAssignment } = {}) => {
+    var _a;
+    if (newData === null || newData === undefined)
+        newData = ((_a = context.vehicleLookup) === null || _a === void 0 ? void 0 : _a.vin) || '';
+    // 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 isVinRequest = typeof newData === 'string';
+    const vin = typeof newData === 'string' ? newData : newData === null || newData === void 0 ? void 0 : newData.vin;
+    try {
+        if (!vin || vin.trim().length === 0) {
+            context.isError = false;
+            context.isLoading = false;
+            context.vehicleLookup = undefined;
+            return;
+        }
+        context.isLoading = true;
+        await new Promise(r => {
+            scopedTimeoutRef = setTimeout(r, 1000);
+            context.networkTimeoutRef = scopedTimeoutRef;
+        });
+        const vehicleResponse = isVinRequest ? await getVehicleLookup(context, { scopedTimeoutRef, vin }, headers) : newData;
+        if (context.networkTimeoutRef === scopedTimeoutRef) {
+            if (!vehicleResponse)
+                throw new Error('wrongResponseFormat');
+            if (beforeAssignment)
+                context.vehicleLookup = await beforeAssignment(vehicleResponse, { scopedTimeoutRef });
+            else
+                context.vehicleLookup = vehicleResponse;
+        }
+        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 setVehicleLookupErrorState = (context, message) => {
+    context.isError = true;
+    context.isLoading = false;
+    context.errorMessage = message;
+    context.vehicleLookup = undefined;
+};
+export const getVehicleLookup = async (context, generalProps, headers = {}) => {
+    const { vin, scopedTimeoutRef } = generalProps;
+    const handleResult = (newVehicleInformation) => {
+        if ((context === null || context === void 0 ? void 0 : context.networkTimeoutRef) === scopedTimeoutRef) {
+            if (!newVehicleInformation && vin)
+                throw new Error('wrongResponseFormat');
+            if (context === null || context === void 0 ? void 0 : context.loadedResponse)
+                context === null || context === void 0 ? void 0 : context.loadedResponse(newVehicleInformation);
+            return newVehicleInformation;
+        }
+    };
+    if (context === null || context === void 0 ? void 0 : context.isDev) {
+        const newData = context === null || context === void 0 ? void 0 : context.mockData[vin];
+        return handleResult(newData);
+    }
+    else {
+        if (!(context === null || context === void 0 ? void 0 : context.baseUrl))
+            throw new Error('noBaseUrl');
+        const componentHeaders = Object.assign({}, headers);
+        Object.entries(vehicleRequestHeaders).forEach(([componentHeaderKey, headerField]) => {
+            if (context[componentHeaderKey])
+                componentHeaders[headerField] = context[componentHeaderKey];
+        });
+        const response = await fetch(`${context === null || context === void 0 ? void 0 : context.baseUrl}${vin}?${context === null || context === void 0 ? void 0 : context.queryString}`, { signal: context === null || context === void 0 ? void 0 : context.abortController.signal, headers: componentHeaders });
+        const newData = (await response.json());
+        return handleResult(newData);
+    }
+};

package/dist/collection/global/assets/activation-icon.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+export const ActivationIcon = props => (h("svg", { class: props.class, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "stroke-width": "0" }), h("g", { "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", null, h("circle", { cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), h("path", { d: "M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6", "stroke-width": "1.2" }))));

package/dist/collection/global/assets/add-icon.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+export const AddIcon = props => (h("svg", { class: props.class, 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" }, h("path", { d: "M5 12h14" }), h("path", { d: "M12 5v14" })));

package/dist/collection/global/assets/alert-icon.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+export const AlertIcon = props => (h("svg", { class: props.class, viewBox: "0 0 24 24", fill: "none", "stroke-width": "2", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }), h("path", { d: "M12 9v4" }), h("path", { d: "M12 17h.01" })));

package/dist/collection/global/assets/arrow-up-icon.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+export const ArrowUpIcon = props => (h("svg", { class: props.class, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z" })));

package/dist/collection/global/assets/attach-icon.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+export const AttachIcon = props => (h("svg", { fill: "none", "stroke-width": "2", class: props.class, viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551" })));

package/dist/collection/global/assets/check-icon.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+export const CheckIcon = props => (h("svg", { class: props.class, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", xmlns: "http://www.w3.org/2000/svg", "stroke-linejoin": "round" }, h("path", { d: "M20 6 9 17l-5-5" })));

package/dist/collection/global/assets/empty-table-icon.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+export const EmptyTableIcon = props => (h("svg", { fill: "none", width: "24", height: "24", "stroke-width": "2", viewBox: "0 0 24 24", class: props.class, stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M11 12H3" }), h("path", { d: "M16 6H3" }), h("path", { d: "M16 18H3" }), h("path", { d: "m19 10-4 4" }), h("path", { d: "m15 10 4 4" })));

package/dist/collection/global/assets/form-submit-svg.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+export const FormSubmitSVG = props => (h("svg", { class: props.class, stroke: "currentColor", fill: "none", version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" }, h("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }), h("g", { id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { id: "SVGRepo_iconCarrier" }, h("g", null, h("g", null, h("path", { d: "M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z" }))), h("g", null, h("g", null, h("path", { d: "M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z" }))), h("g", null, h("g", null, h("path", { d: "M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z" }))), h("g", null, h("g", null, h("path", { d: "M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z" }))), h("g", null, h("g", null, h("path", { d: "M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z" }))), h("g", null, h("g", null, h("path", { d: "M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z" }))), h("g", null, h("g", null, h("path", { d: "M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z" }))), h("g", null, h("g", null, h("path", { d: "M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z" }))), h("g", null, h("g", null, h("path", { d: "M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z" }))), h("g", null, h("g", null, h("path", { d: "M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z" }))), h("g", null, h("g", null, h("path", { d: "M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z" }))), h("g", null, h("g", null, h("path", { d: "M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z" }))), h("g", null, h("g", null, h("path", { d: "M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z" }))), h("g", null, h("g", null, h("path", { d: "M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z" }))), h("g", null, h("g", null, h("path", { d: "M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z" }))), h("g", null, h("g", null, h("path", { d: "M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z" }))))));

package/dist/collection/global/assets/print-icon.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+export const PrintIcon = props => (h("svg", { class: props.class, viewBox: "-5 -5 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M17 7H7V6h10v1zm0 12H7v-6h10v6zm2-12V3H5v4H1v8.996C1 17.103 1.897 18 3.004 18H5v3h14v-3h1.996A2.004 2.004 0 0 0 23 15.996V7h-4z", fill: "rgb(252, 248, 227)" })));

package/dist/collection/global/assets/question-mark.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+export const QuestionMark = props => (h("svg", { class: props.class, viewBox: "0 0 24 24", fill: "none", "stroke-width": "2", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }), h("path", { d: "M12 17h.01" })));

package/dist/collection/global/assets/triangle-icon.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+import { h } from "@stencil/core";
+export const TriangleIcon = props => (h("svg", { fill: "none", "stroke-width": "2", class: props.class, viewBox: "0 0 32 18", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M17.8 2a2 2 0 0 0-3.6 0L3 16h26L17.8 2Z" })));

package/dist/collection/global/lib/parents-with-tag.js

@@ -0,0 +1,22 @@
+/*!
+ * Built by ShiftSoftware
+ * Copyright (c)
+ */
+export function parentsWithTag(root, tag) {
+    const matchedParents = [];
+    let current = root;
+    while (current) {
+        if (current.nodeType === Node.ELEMENT_NODE) {
+            const el = current;
+            if (el.tagName.toLowerCase().startsWith(tag) && el !== root)
+                matchedParents.push(el);
+        }
+        if (current.parentNode)
+            current = current.parentNode;
+        else if (current.host)
+            current = current.host;
+        else
+            break;
+    }
+    return matchedParents;
+}

package/dist/collection/global/types/generated/vehicle-lookup/vehicle-item-warning.js

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

package/dist/collection/locales/vehicleLookup/claimableItems/type.js

@@ -5,9 +5,12 @@
 import { object } from "yup";
 import yupTypeMapper from "../../../global/lib/yup-type-mapper";
 export const claimFormSchema = yupTypeMapper([
-    'document',
+    'uploadSingleDocument',
+    'uploadMultipleDocument',
     'serviceType',
     'name',
+    'print',
+    'expand',
     'documentLimitError',
     'documentRequiredError',
     'activationDate',
@@ -16,11 +19,6 @@ export const claimFormSchema = yupTypeMapper([
     'scanTheVoucher',
     'qrCode',
     'processing',
-    'warning',
-    'skipServicesWarning',
-    'confirmSkipServices',
-    'notInvoiced',
-    'confirmNotInvoiced',
     'enterServiceInfo',
     'invoice',
     'jobNumber',