adp-web-components 0.0.89 → 0.0.91

package/dist/collection/components/vehicle-lookup/dynamic-claim.js

@@ -1,756 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import { Host, h } from "@stencil/core";
-import cn from "../../global/lib/cn";
-import { getLocaleLanguage, getSharedLocal, sharedLocalesSchema } from "../../global/lib/get-local-language";
-import expiredIcon from "./assets/expired.svg";
-import pendingIcon from "./assets/pending.svg";
-import cancelledIcon from "./assets/cancelled.svg";
-import processedIcon from "./assets/processed.svg";
-import activationRequiredIcon from "./assets/activationRequired.svg";
-import { getVehicleInformation } from "../../global/api/vehicleInformation";
-import dynamicClaimSchema from "../../locales/vehicleLookup/dynamicClaim/type";
-let mockData = {};
-const icons = {
-    expired: expiredIcon,
-    pending: pendingIcon,
-    processed: processedIcon,
-    cancelled: cancelledIcon,
-    activationRequired: activationRequiredIcon,
-};
-export class DynamicClaim {
-    constructor() {
-        this.pendingItemHighlighted = false;
-        this.onMouseLeave = () => {
-            clearTimeout(this.timeoutRef);
-            this.popupClasses = '';
-            this.timeoutRef = setTimeout(() => {
-                this.activePopupIndex = null;
-            }, 400);
-        };
-        this.onMouseEnter = (dynamicClaimItemHeader, idx) => {
-            clearTimeout(this.timeoutRef);
-            this.activePopupIndex = idx;
-            this.timeoutRef = setTimeout(() => {
-                const positionRef = dynamicClaimItemHeader.querySelector('.popup-position-ref');
-                this.popupPositionRef = positionRef;
-                this.calculatePopupPos(this.el.shadowRoot);
-                this.popupClasses = 'show';
-            }, 50);
-        };
-        this.baseUrl = undefined;
-        this.isDev = false;
-        this.queryString = '';
-        this.claimEndPoint = 'api/vehicle/swift-claim';
-        this.headers = {};
-        this.language = 'en';
-        this.errorCallback = undefined;
-        this.loadingStateChange = undefined;
-        this.loadedResponse = undefined;
-        this.activate = undefined;
-        this.print = undefined;
-        this.sharedLocales = sharedLocalesSchema.getDefault();
-        this.locale = dynamicClaimSchema.getDefault();
-        this.isIdle = true;
-        this.popupClasses = '';
-        this.isLoading = false;
-        this.showPrintBox = false;
-        this.lastSuccessfullClaimResponse = null;
-        this.externalVin = null;
-        this.errorMessage = null;
-        this.activePopupIndex = null;
-        this.vehicleInformation = undefined;
-    }
-    async componentWillLoad() {
-        await this.changeLanguage(this.language);
-    }
-    async changeLanguage(newLanguage) {
-        const localeResponses = await Promise.all([getLocaleLanguage(newLanguage, 'vehicleLookup.dynamicClaim', dynamicClaimSchema), getSharedLocal(newLanguage)]);
-        this.locale = localeResponses[0];
-        this.sharedLocales = localeResponses[1];
-    }
-    async componentDidLoad() {
-        this.dynamicClaimBody = this.el.shadowRoot.querySelector('.dynamic-claim-body');
-        this.dynamicRedeem = this.el.shadowRoot.getElementById('dynamic-redeem');
-        this.dynamicClaimProgressBar = this.el.shadowRoot.querySelector('.dynamic-claim-progress-bar');
-    }
-    async setMockData(newMockData) {
-        mockData = newMockData;
-    }
-    async setData(newData, headers = {}) {
-        clearTimeout(this.networkTimeoutRef);
-        if (this.abortController)
-            this.abortController.abort();
-        this.abortController = new AbortController();
-        let scopedTimeoutRef;
-        const isVinRequest = typeof newData === 'string';
-        const vin = isVinRequest ? newData : newData === null || newData === void 0 ? void 0 : newData.vin;
-        this.externalVin = vin;
-        try {
-            if (!vin || vin.trim().length === 0) {
-                this.isIdle = true;
-                return;
-            }
-            this.isLoading = true;
-            this.showPrintBox = false;
-            this.isIdle = false;
-            await new Promise(r => {
-                scopedTimeoutRef = setTimeout(r, 1000);
-                this.networkTimeoutRef = scopedTimeoutRef;
-            });
-            const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
-            if (this.networkTimeoutRef === scopedTimeoutRef) {
-                if (!vehicleResponse)
-                    throw new Error('wrongResponseFormat');
-                if (!Array.isArray(vehicleResponse.serviceItems))
-                    throw new Error('noServiceAvailable');
-                this.vehicleInformation = vehicleResponse;
-            }
-            this.errorMessage = null;
-            this.isLoading = false;
-        }
-        catch (error) {
-            if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
-                return;
-            if (this.errorCallback)
-                this.errorCallback(error.message);
-            console.error(error);
-            this.setErrorMessage(error.message);
-        }
-    }
-    async setErrorMessage(message) {
-        this.isIdle = false;
-        this.isLoading = false;
-        this.vehicleInformation = null;
-        this.errorMessage = message;
-    }
-    async fetchData(requestedVin = this.externalVin, headers = {}) {
-        await this.setData(requestedVin, headers);
-    }
-    onLoadingChange(newValue) {
-        if (this.loadingStateChange)
-            this.loadingStateChange(newValue);
-        this.setLoadingUi(newValue);
-    }
-    async setLoadingUi(isLoading) {
-        if (!isLoading) {
-            this.dynamicClaimProgressBar.style.width = '0';
-            await new Promise(r => setTimeout(r, 200));
-            this.updateProgressBar();
-        }
-    }
-    updateProgressBar() {
-        var _a;
-        const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        if (serviceItems.filter(x => x.status === 'pending').length === 0) {
-            if (serviceItems.length === 0 || serviceItems.filter(x => x.status === 'activationRequired').length === serviceItems.length)
-                this.dynamicClaimProgressBar.style.width = '0%';
-            else
-                this.dynamicClaimProgressBar.style.width = '100%';
-            this.dynamicClaimBody.scrollTo({
-                left: this.dynamicClaimBody.scrollWidth,
-                behavior: 'smooth',
-            });
-        }
-        else {
-            const firstPendingItem = serviceItems.find(x => x.status === 'pending');
-            const firstPendingItemIndex = serviceItems.indexOf(firstPendingItem) + 1;
-            const firstPendingItemRef = this.dynamicClaimBody.getElementsByClassName('dynamic-claim-item')[firstPendingItemIndex - 1];
-            this.dynamicClaimProgressBar.style.width = (firstPendingItemIndex / serviceItems.length - 1 / (serviceItems.length * 2)) * 100 + '%';
-            this.dynamicClaimBody.scrollTo({
-                left: firstPendingItemRef.offsetLeft - firstPendingItemRef.clientWidth * 3,
-                behavior: 'smooth',
-            });
-        }
-    }
-    resetProgressBar() {
-        setTimeout(() => {
-            this.updateProgressBar();
-        }, 100);
-    }
-    windowScrollListener(newValue) {
-        if (newValue) {
-            this.scrollListenerRef = () => this.calculatePopupPos(this.el.shadowRoot);
-            window.addEventListener('scroll', this.scrollListenerRef);
-            this.dynamicClaimBody.addEventListener('scroll', this.scrollListenerRef);
-        }
-        else {
-            window.removeEventListener('scroll', this.scrollListenerRef);
-            this.dynamicClaimBody.removeEventListener('scroll', this.scrollListenerRef);
-        }
-    }
-    calculatePopupPos(root) {
-        const popupPositionRef = root.querySelector('.popup-position-ref');
-        let { x, y } = popupPositionRef.getBoundingClientRect();
-        const popupContainer = popupPositionRef.querySelector('.popup-container');
-        const { width } = popupContainer.getBoundingClientRect();
-        const popupInfo = popupContainer.querySelector('.dynamic-claim-item-popup-info');
-        const windowWidth = window.innerWidth; // Get the viewport's width
-        popupContainer.style.top = `${y}px`;
-        popupContainer.style.left = `${x - width / 2}px`;
-        const offsetFromLeft = x - width / 2; // Distance from left side of the viewport
-        const offsetFromRight = windowWidth - (x + width / 2); // Distance from right side of the viewport
-        let movingNeeded = 0;
-        let horizontalMargin = 16;
-        if (offsetFromRight < horizontalMargin)
-            movingNeeded = offsetFromRight - horizontalMargin;
-        else if (offsetFromLeft < horizontalMargin)
-            movingNeeded = Math.abs(offsetFromLeft - horizontalMargin);
-        popupInfo.style.transform = `translateX(${movingNeeded}px)`;
-    }
-    removeLoadAnimationClass(event) {
-        const component = event.target;
-        component.classList.remove('load-animation');
-    }
-    async completeClaim(response) {
-        var _a;
-        const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        const item = this.cachedClaimItem;
-        const serviceDataClone = JSON.parse(JSON.stringify(serviceItems));
-        const index = serviceItems.indexOf(item);
-        const pendingItemsBefore = serviceDataClone.slice(0, index).filter(x => x.status === 'pending');
-        serviceDataClone[index].claimable = false;
-        serviceDataClone[index].status = 'processed';
-        pendingItemsBefore.forEach(function (otherItem) {
-            otherItem.status = 'cancelled';
-        });
-        this.pendingItemHighlighted = false;
-        const vehicleDataClone = JSON.parse(JSON.stringify(this.vehicleInformation));
-        vehicleDataClone.serviceItems = serviceDataClone;
-        this.vehicleInformation = JSON.parse(JSON.stringify(vehicleDataClone));
-        this.showPrintBox = true;
-        this.lastSuccessfullClaimResponse = response;
-    }
-    async claim(item) {
-        var _a;
-        const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        const vinDataClone = JSON.parse(JSON.stringify(serviceItems));
-        const index = serviceItems.indexOf(item);
-        //Find other items before this item that have status 'pending'
-        let pendingItemsBefore = vinDataClone.slice(0, index).filter(x => x.status === 'pending');
-        this.cachedClaimItem = item;
-        if (item.maximumMileage === null) {
-            pendingItemsBefore = [];
-        }
-        this.onMouseLeave();
-        this.openRedeem(item, pendingItemsBefore);
-    }
-    async handleClaiming() {
-        if (this.isDev) {
-            this.dynamicRedeem.handleClaiming = async (payload) => {
-                await new Promise(r => setTimeout(r, 500));
-                console.log(Object.assign(Object.assign({}, payload), { vin: this.vehicleInformation.vin, saleInformation: this.vehicleInformation.saleInformation, serviceItem: this.dynamicRedeem.item, cancelledServiceItems: this.dynamicRedeem.canceledItems }));
-                this.dynamicRedeem.quite();
-                this.completeClaim({ Success: true, ID: '11223344', PrintURL: 'http://localhost/test/print/1122' });
-                this.dynamicRedeem.handleClaiming = null;
-            };
-        }
-        else {
-            this.dynamicRedeem.handleClaiming = async (payload) => {
-                try {
-                    const response = await fetch(this.claimEndPoint, {
-                        method: 'POST',
-                        headers: Object.assign({ 'Content-Type': 'application/json' }, this.headers),
-                        body: JSON.stringify(Object.assign(Object.assign({}, payload), { vin: this.vehicleInformation.vin, saleInformation: this.vehicleInformation.saleInformation, serviceItem: this.dynamicRedeem.item, cancelledServiceItems: this.dynamicRedeem.canceledItems })),
-                    });
-                    const data = await response.json();
-                    if (!data.Success) {
-                        alert(data.Message);
-                        this.dynamicRedeem.quite();
-                        this.dynamicRedeem.handleClaiming = null;
-                        return;
-                    }
-                    this.dynamicRedeem.quite();
-                    this.completeClaim(data);
-                    this.dynamicRedeem.handleClaiming = null;
-                }
-                catch (error) {
-                    console.error(error);
-                    alert(this.sharedLocales.errors.requestFailedPleaseTryAgainLater);
-                    this.dynamicRedeem.quite();
-                    this.dynamicRedeem.handleClaiming = null;
-                }
-            };
-        }
-    }
-    openRedeem(item, oldItems) {
-        var _a, _b, _c, _d, _e;
-        const vehicleInformation = this.vehicleInformation;
-        this.dynamicRedeem.vin = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.vin;
-        this.dynamicRedeem.item = item;
-        this.dynamicRedeem.canceledItems = oldItems;
-        if (((_a = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _a === void 0 ? void 0 : _a.broker) !== null && ((_c = (_b = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _b === void 0 ? void 0 : _b.broker) === null || _c === void 0 ? void 0 : _c.invoiceDate) === null)
-            this.dynamicRedeem.unInvoicedByBrokerName = (_e = (_d = vehicleInformation === null || vehicleInformation === void 0 ? void 0 : vehicleInformation.saleInformation) === null || _d === void 0 ? void 0 : _d.broker) === null || _e === void 0 ? void 0 : _e.brokerName;
-        else
-            this.dynamicRedeem.unInvoicedByBrokerName = null;
-        this.handleClaiming();
-    }
-    createPopup(item) {
-        const texts = this.locale;
-        return (h("div", { dir: this.sharedLocales.direction, class: "popup-position-ref" }, h("div", { class: "popup-container" }, h("div", { class: cn('dynamic-claim-item-popup-info-triangle', this.popupClasses) }, h("div", { class: "dynamic-claim-item-popup-info-triangle-up" }), h("div", { class: "dynamic-claim-item-popup-info-triangle-up2" })), h("div", { class: cn('dynamic-claim-item-popup-info', this.popupClasses) }, h("table", null, h("tbody", null, h("tr", null, h("th", null, texts.serviceType), h("td", null, item.type.charAt(0).toUpperCase() + item.type.slice(1))), h("tr", null, h("th", null, texts.activationDate), h("td", null, item.activatedAt)), h("tr", null, h("th", null, texts.expireDate), h("td", null, item.expiresAt)), h("tr", null, h("th", null, texts.claimAt), h("td", null, item.claimDate)), h("tr", null, h("th", null, texts.claimingCompany), h("td", null, item.companyName)), h("tr", null, h("th", null, texts.invoiceNumber), h("td", null, item.invoiceNumber)), h("tr", null, h("th", null, texts.jobNumber), h("td", null, item.jobNumber)), h("tr", null, h("th", null, texts.packageCode), h("td", null, item.packageCode)))), item.claimable && (h("button", { onClick: () => this.claim(item), class: "claim-button dynamic-claim-button" }, h("svg", { width: "30px", height: "30px", 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" }))), h("span", null, texts.claim)))))));
-    }
-    render() {
-        var _a, _b;
-        const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
-        const texts = this.locale;
-        console.log(this.errorMessage);
-        return (h(Host, { key: '9d13955aa4b86915d66dd148cdb792b77e160913' }, h("dynamic-redeem", { key: 'ae4347ecb2dff9d356d54e5f74b1e41a8f913dd3', locale: texts.dynamicRedeem, language: this.language, id: "dynamic-redeem" }), h("div", { key: '7b34dcde293f0afd4c725218043aa7553cb21849', class: cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, h("div", { key: 'bfe97aa0f5e0493e0a601be6225d71b50bbbf3f3', class: "dynamic-claim-header" }, h("strong", { key: '454d564a081455faee7610b57d481668c18b389a', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && (h("span", { key: '221069a9f75b249a3ca5713bee0346d1a86c3ffc', dir: this.sharedLocales.direction, style: { color: 'red' } }, this.sharedLocales.errors[this.errorMessage] || this.sharedLocales.errors.wildCard)), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), h("div", { key: '6efeeb51330123a005b9acf77ccb71370a9e6bff', class: cn('dynamic-claim-body', {
-                'has-footer-box': (this.vehicleInformation && this.vehicleInformation.serviceItems.filter(x => x.status === 'activationRequired').length > 0) || this.showPrintBox,
-            }) }, h("div", { key: '28186523f43fa68978cb54225b9645144c001bd4', class: "loading-lane" }, h("div", { key: 'ba4eaad729d14b0bb7a3691a7518728be013c2bf', class: "dynamic-claim-loading-slider" }, h("div", { key: 'a7946a63258105cddd7d81d1bd70c8997a07d772', class: "dynamic-claim-loading-slider-line" }), h("div", { key: 'd93a6212bddef490710dd276f61007b6d66992f1', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), h("div", { key: 'a5998fd503962f6f118dc108ca6f85944ff4ef65', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), h("div", { key: 'dabf1a5e38b198610c87b6f3be2b61dce87f42fe', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
-            let statusClass = '';
-            if (item.status === 'pending') {
-                if (serviceItems.findIndex(i => i.status === 'pending') === idx)
-                    statusClass = item.status;
-            }
-            else
-                statusClass = item.status;
-            return (h("div", { key: item.name, class: cn('dynamic-claim-item', statusClass), onMouseLeave: this.onMouseLeave }, h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-header load-animation", onMouseEnter: event => this.onMouseEnter(event.target, idx) }, h("img", { src: icons[item.status], alt: "status icon" }), h("span", null, texts[item.status]), this.activePopupIndex === idx && this.createPopup(item)), h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-circle load-animation" }), h("p", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-footer load-animation" }, item.name)));
-        }), h("div", { key: 'f8c7002b1d01169d6e2f843d6f6681186f4094c0', class: "dynamic-claim-progress-bar" })), h("div", { key: '4cb3e451478987c1023744c7d8e706d7ee2a02b7', class: "dynamic-claim-activation-box", style: { zIndex: this.vehicleInformation && this.vehicleInformation.serviceItems.filter(x => x.status === 'activationRequired').length > 0 ? '1' : '-1' } }, h("div", { key: 'e5d0d01794b6830135c7c36c627205b4b97e8cbe', class: cn('card warning-card span-entire-1st-row activation-panel', {
-                loading: this.isLoading,
-                visible: this.vehicleInformation && this.vehicleInformation.serviceItems.filter(x => x.status === 'activationRequired').length > 0,
-            }), onAnimationEnd: this.removeLoadAnimationClass }, h("p", { key: 'd1cb715325d3f209638898568cb95a8bde2f22bd', class: "no-padding flex gap-2" }, h("span", { key: '122a1cddc7392061fc37a561ac5761d7642f33f1', class: "font-semibold" }, texts.warrantyAndServicesNotActivated)), h("button", { key: 'f8e1ed23714f265b7774b2fded1f7477a4d5928f', onClick: () => {
-                if (this.activate) {
-                    this.activate(this.vehicleInformation);
-                }
-            }, class: "claim-button dynamic-claim-button" }, h("svg", { key: 'e9e0b81f8374ece0bc8154f1e8af4fae0b9169e3', width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '676da398fa2160888a1785506eaa2e8e7a1784e3', "stroke-width": "0" }), h("g", { key: 'b93acbb3fcfd8f3ac3988974fc1943db9768af57', "stroke-linecap": "round", "stroke-linejoin": "round" }), h("g", { key: 'd92ee117a6f155e3657f9714ddeeeadba69e8165' }, h("circle", { key: '4cd80893c63809ecd986231b5dbf856745627c50', cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), h("path", { key: '070d17ec2429d1402771c7ada512b18484dca781', d: "M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6", "stroke-width": "1.2" }))), h("span", { key: 'c3101c31243bf0747c427b8f878f82c929db91a8' }, texts.activateNow)))), h("div", { key: '249f76c045f13253ed897a2bee6e397f7addb993', class: "dynamic-claim-activation-box", style: { zIndex: this.showPrintBox ? '1' : '-1' } }, h("div", { key: '7af7150afa558d6aae6c3b08a5a07fa931cb55b4', class: cn('card warning-card span-entire-1st-row activation-panel', {
-                loading: this.isLoading,
-                visible: this.showPrintBox,
-            }), onAnimationEnd: this.removeLoadAnimationClass }, h("p", { key: '4c7f311229649da0959474402970a460101159ae', class: "no-padding flex gap-2" }, h("span", { key: 'adb1a993318639db4e977199a7640fb18a2d661c', class: "font-semibold" }, texts.successFulClaimMessage)), h("button", { key: '1d8337d2a8f2d0682043c5f0aeee4cd5ef54918c', onClick: () => {
-                if (this.print) {
-                    this.print(this.lastSuccessfullClaimResponse);
-                }
-                else {
-                    if (this.lastSuccessfullClaimResponse.PrintURL) {
-                        window.open(this.lastSuccessfullClaimResponse.PrintURL, '_blank').focus();
-                    }
-                }
-            }, class: "claim-button dynamic-claim-button" }, h("svg", { key: '341e91c89f3082b4b70d75aa9b64bf9955f2435f', width: "30px", height: "30px", viewBox: "-5 -5 36 36", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '538c5154a85b853e18a7b28314278088a8ba4ac9', "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)" })), h("span", { key: '31aca8b5e9722bcd1e9349f954b6320ea62cd388' }, texts.print))))))));
-    }
-    static get is() { return "dynamic-claim"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["dynamic-claim.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["dynamic-claim.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "baseUrl": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "base-url",
-                "reflect": false
-            },
-            "isDev": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "is-dev",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "queryString": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "query-string",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "claimEndPoint": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "claim-end-point",
-                "reflect": false,
-                "defaultValue": "'api/vehicle/swift-claim'"
-            },
-            "headers": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "headers",
-                "reflect": false,
-                "defaultValue": "{}"
-            },
-            "language": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "LanguageKeys",
-                    "resolved": "\"ar\" | \"en\" | \"ku\" | \"ru\"",
-                    "references": {
-                        "LanguageKeys": {
-                            "location": "import",
-                            "path": "~types/locale",
-                            "id": "src/global/types/locale.ts::LanguageKeys"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "language",
-                "reflect": false,
-                "defaultValue": "'en'"
-            },
-            "errorCallback": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(errorMessage: ErrorKeys) => void",
-                    "resolved": "(errorMessage: OptionalKeys<{ noBaseUrl: string; invalidVin: string; vinNumberRequired: string; partNumberRequired: string; wrongResponseFormat: string; noPartsFound: string; noServiceAvailable: string; wrongFormStructure: string; wildCard: string; requestFailedPleaseTryAgainLater: string; }>) => void",
-                    "references": {
-                        "ErrorKeys": {
-                            "location": "import",
-                            "path": "~lib/get-local-language",
-                            "id": "src/global/lib/get-local-language.ts::ErrorKeys"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "loadingStateChange": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(isLoading: boolean) => void",
-                    "resolved": "(isLoading: boolean) => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "loadedResponse": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(response: VehicleInformation) => void",
-                    "resolved": "(response: VehicleInformation) => void",
-                    "references": {
-                        "VehicleInformation": {
-                            "location": "import",
-                            "path": "~types/vehicle-information",
-                            "id": "src/global/types/vehicle-information.ts::VehicleInformation"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "activate": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(vehicleInformation: VehicleInformation) => void",
-                    "resolved": "(vehicleInformation: VehicleInformation) => void",
-                    "references": {
-                        "VehicleInformation": {
-                            "location": "import",
-                            "path": "~types/vehicle-information",
-                            "id": "src/global/types/vehicle-information.ts::VehicleInformation"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "print": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(claimResponse: any) => void",
-                    "resolved": "(claimResponse: any) => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            }
-        };
-    }
-    static get states() {
-        return {
-            "sharedLocales": {},
-            "locale": {},
-            "isIdle": {},
-            "popupClasses": {},
-            "isLoading": {},
-            "showPrintBox": {},
-            "lastSuccessfullClaimResponse": {},
-            "externalVin": {},
-            "errorMessage": {},
-            "activePopupIndex": {},
-            "vehicleInformation": {}
-        };
-    }
-    static get methods() {
-        return {
-            "setMockData": {
-                "complexType": {
-                    "signature": "(newMockData: MockJson<VehicleInformation>) => Promise<void>",
-                    "parameters": [{
-                            "name": "newMockData",
-                            "type": "{ [key: string]: VehicleInformation; }",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "MockJson": {
-                            "location": "import",
-                            "path": "~types/components",
-                            "id": "src/global/types/components.ts::MockJson"
-                        },
-                        "VehicleInformation": {
-                            "location": "import",
-                            "path": "~types/vehicle-information",
-                            "id": "src/global/types/vehicle-information.ts::VehicleInformation"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "setData": {
-                "complexType": {
-                    "signature": "(newData: VehicleInformation | string, headers?: any) => Promise<void>",
-                    "parameters": [{
-                            "name": "newData",
-                            "type": "string | VehicleInformation",
-                            "docs": ""
-                        }, {
-                            "name": "headers",
-                            "type": "any",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "VehicleInformation": {
-                            "location": "import",
-                            "path": "~types/vehicle-information",
-                            "id": "src/global/types/vehicle-information.ts::VehicleInformation"
-                        },
-                        "ReturnType": {
-                            "location": "global",
-                            "id": "global::ReturnType"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "setErrorMessage": {
-                "complexType": {
-                    "signature": "(message: ErrorKeys) => Promise<void>",
-                    "parameters": [{
-                            "name": "message",
-                            "type": "\"noBaseUrl\" | \"invalidVin\" | \"vinNumberRequired\" | \"partNumberRequired\" | \"wrongResponseFormat\" | \"noPartsFound\" | \"noServiceAvailable\" | \"wrongFormStructure\" | \"wildCard\" | \"requestFailedPleaseTryAgainLater\"",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "ErrorKeys": {
-                            "location": "import",
-                            "path": "~lib/get-local-language",
-                            "id": "src/global/lib/get-local-language.ts::ErrorKeys"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "fetchData": {
-                "complexType": {
-                    "signature": "(requestedVin?: string, headers?: any) => Promise<void>",
-                    "parameters": [{
-                            "name": "requestedVin",
-                            "type": "string",
-                            "docs": ""
-                        }, {
-                            "name": "headers",
-                            "type": "any",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "completeClaim": {
-                "complexType": {
-                    "signature": "(response: any) => Promise<void>",
-                    "parameters": [{
-                            "name": "response",
-                            "type": "any",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "VehicleInformation": {
-                            "location": "import",
-                            "path": "~types/vehicle-information",
-                            "id": "src/global/types/vehicle-information.ts::VehicleInformation"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "claim": {
-                "complexType": {
-                    "signature": "(item: ServiceItem) => Promise<void>",
-                    "parameters": [{
-                            "name": "item",
-                            "type": "{ activatedAt?: string; activeFor: number; activeForInterval: string; campaignCode?: string; companyID?: string; companyName?: string; description?: string; expiresAt?: string; image?: string; invoiceNumber?: string; jobNumber?: string; maximumMileage?: string; modelCostID?: string; name?: string; packageCode?: string; paidServiceInvoiceLineID?: string; claimDate?: string; serviceItemID?: string; skipZeroTrust?: string; status: \"processed\" | \"expired\" | \"cancelled\" | \"pending\" | \"activationRequired\"; claimable: boolean; statusEnum?: string; title?: string; type?: string; typeEnum?: string; claimingMethodEnum?: number; }",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "ServiceItem": {
-                            "location": "import",
-                            "path": "~types/vehicle-information",
-                            "id": "src/global/types/vehicle-information.ts::ServiceItem"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "language",
-                "methodName": "changeLanguage"
-            }, {
-                "propName": "isLoading",
-                "methodName": "onLoadingChange"
-            }, {
-                "propName": "vehicleInformation",
-                "methodName": "resetProgressBar"
-            }, {
-                "propName": "popupClasses",
-                "methodName": "windowScrollListener"
-            }];
-    }
-}