adp-web-components 0.0.49 → 0.0.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{Loading-c3489701.js → Loading-bd3bbdba.js} +2 -2
- package/dist/cjs/contact-us-form.cjs.entry.js +93 -5003
- package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +7 -8
- package/dist/cjs/dynamic-claim_6.cjs.entry.js +23 -21
- package/dist/cjs/dynamic-redeem.cjs.entry.js +3 -4
- package/dist/cjs/form-dialog_8.cjs.entry.js +502 -0
- package/dist/cjs/{get-local-language-9c24d981.js → get-local-language-16ab3d1d.js} +2586 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/part-lookup.cjs.entry.js +2 -3
- package/dist/cjs/service-booking-form.cjs.entry.js +208 -0
- package/dist/cjs/shift-components.cjs.js +1 -1
- package/dist/cjs/urls-9077b31c.js +4874 -0
- package/dist/cjs/vehicle-lookup.cjs.entry.js +2 -3
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/form-elements/form-dialog.css +1 -1
- package/dist/collection/components/form-elements/form-dialog.js +1 -1
- package/dist/collection/components/form-elements/form-input.css +1 -1
- package/dist/collection/components/form-elements/form-input.js +31 -145
- package/dist/collection/components/form-elements/form-select.css +1 -1
- package/dist/collection/components/form-elements/form-select.js +18 -42
- package/dist/collection/components/form-elements/form-shadow-input.css +1 -0
- package/dist/collection/components/form-elements/form-shadow-input.js +100 -0
- package/dist/collection/components/form-elements/form-structure-error.css +1 -1
- package/dist/collection/components/form-elements/form-structure-error.js +1 -1
- package/dist/collection/components/form-elements/form-structure.css +1 -1
- package/dist/collection/components/form-elements/form-structure.js +83 -59
- package/dist/collection/components/form-elements/form-submit.css +1 -1
- package/dist/collection/components/form-elements/form-submit.js +51 -4
- package/dist/collection/components/form-elements/form-text-area.css +1 -1
- package/dist/collection/components/form-elements/form-text-area.js +27 -102
- package/dist/collection/components/forms/contact-us/element-mapper.js +87 -0
- package/dist/collection/components/forms/contact-us/form.css +1 -1
- package/dist/collection/components/forms/contact-us-form.js +39 -72
- package/dist/collection/components/forms/service-booking/element-mapper.js +87 -0
- package/dist/collection/components/forms/service-booking/form.css +1 -0
- package/dist/collection/components/forms/service-booking/validations.js +19 -0
- package/dist/collection/components/forms/service-booking-form.js +280 -0
- package/dist/collection/components/part-lookup/distributor-lookup.js +1 -1
- package/dist/collection/components/part-lookup/manufacturer-lookup.js +1 -1
- package/dist/collection/components/vehicle-lookup/components/SSCTable.js +3 -1
- package/dist/collection/components/vehicle-lookup/warranty-details.css +1 -1
- package/dist/collection/global/lib/form-hook.js +41 -26
- package/dist/collection/global/types/locales/general.js +2 -0
- package/dist/collection/templates/part-lookup/mock-data.js +2 -2
- package/dist/collection/templates/vehicle-lookup/mock-data.js +27 -9
- package/dist/collection/templates/vehicle-lookup/warranty-mock-data.js +27 -9
- package/dist/components/contact-us-form.js +1 -1
- package/dist/components/dead-stock-lookup.js +1 -1
- package/dist/components/distributor-lookup.js +1 -1
- package/dist/components/dynamic-claim.js +1 -1
- package/dist/components/dynamic-redeem.js +1 -1
- package/dist/components/form-dialog.js +1 -1
- package/dist/components/form-input.js +1 -1
- package/dist/components/form-select.js +1 -1
- package/dist/components/form-shadow-input.d.ts +11 -0
- package/dist/components/form-shadow-input.js +5 -0
- package/dist/components/form-structure-error.js +1 -1
- package/dist/components/form-structure.js +1 -1
- package/dist/components/form-submit.js +1 -1
- package/dist/components/form-text-area.js +1 -1
- package/dist/components/manufacturer-lookup.js +1 -1
- package/dist/components/p-0290248e.js +5 -0
- package/dist/components/p-1a03137d.js +5 -0
- package/dist/components/{p-a762e41e.js → p-1ee2b770.js} +1 -1
- package/dist/components/p-2ee2e50c.js +5 -0
- package/dist/components/{p-dd2ca9f8.js → p-31c700e3.js} +1 -1
- package/dist/components/{p-cd16aa91.js → p-31e785ef.js} +1 -1
- package/dist/components/p-45b46803.js +5 -0
- package/dist/components/p-47bfe3f2.js +5 -0
- package/dist/components/p-48f1632a.js +5 -0
- package/dist/{shift-components/p-fa19695e.js → components/p-4bb1ff53.js} +1 -1
- package/dist/components/{p-ad293da0.js → p-58c11ee3.js} +1 -1
- package/dist/components/p-59348016.js +5 -0
- package/dist/components/p-5e64dce1.js +5 -0
- package/dist/components/{p-49f54b37.js → p-70b2d76f.js} +1 -1
- package/dist/components/{p-a7c8367b.js → p-7570edef.js} +1 -1
- package/dist/components/p-78a2e4a3.js +5 -0
- package/dist/components/p-88e47a05.js +5 -0
- package/dist/components/p-932ff922.js +5 -0
- package/dist/components/{p-5d3020cf.js → p-a0d7cb3b.js} +1 -1
- package/dist/components/{p-e74a2c29.js → p-f18da100.js} +1 -1
- package/dist/components/p-fb10d3b3.js +5 -0
- package/dist/components/paint-thickness.js +1 -1
- package/dist/components/part-lookup.js +1 -1
- package/dist/components/service-booking-form.d.ts +11 -0
- package/dist/components/service-booking-form.js +5 -0
- package/dist/components/service-history.js +1 -1
- package/dist/components/vehicle-accessories.js +1 -1
- package/dist/components/vehicle-lookup.js +1 -1
- package/dist/components/vehicle-specification.js +1 -1
- package/dist/components/warranty-details.js +1 -1
- package/dist/esm/{Loading-3fdd028d.js → Loading-0e0128f2.js} +1 -1
- package/dist/esm/contact-us-form.entry.js +92 -5002
- package/dist/esm/dead-stock-lookup_3.entry.js +5 -6
- package/dist/esm/dynamic-claim_6.entry.js +7 -5
- package/dist/esm/dynamic-redeem.entry.js +1 -2
- package/dist/esm/form-dialog_8.entry.js +491 -0
- package/dist/esm/{get-local-language-80b87597.js → get-local-language-7b768590.js} +2586 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/part-lookup.entry.js +1 -2
- package/dist/esm/service-booking-form.entry.js +204 -0
- package/dist/esm/shift-components.js +1 -1
- package/dist/esm/urls-e22234f9.js +4870 -0
- package/dist/esm/vehicle-lookup.entry.js +1 -2
- package/dist/locales/ar.json +3 -1
- package/dist/locales/en.json +3 -1
- package/dist/locales/ku.json +3 -1
- package/dist/locales/ru.json +3 -1
- package/dist/shift-components/p-16fcb94c.entry.js +5 -0
- package/dist/shift-components/p-22693b71.entry.js +5 -0
- package/dist/shift-components/p-54ed06de.entry.js +5 -0
- package/dist/shift-components/p-635a820a.entry.js +5 -0
- package/dist/shift-components/p-7a9f22c6.js +5 -0
- package/dist/shift-components/p-8b8e58f3.entry.js +5 -0
- package/dist/shift-components/p-8cf903b1.entry.js +5 -0
- package/dist/shift-components/p-932ff922.js +5 -0
- package/dist/shift-components/p-9e786e3f.entry.js +5 -0
- package/dist/shift-components/p-a6f85fc3.js +5 -0
- package/dist/shift-components/p-fa985979.entry.js +5 -0
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/form-elements/form-input.d.ts +5 -10
- package/dist/types/components/form-elements/form-select.d.ts +3 -4
- package/dist/types/components/form-elements/form-shadow-input.d.ts +9 -0
- package/dist/types/components/form-elements/form-structure.d.ts +8 -4
- package/dist/types/components/form-elements/form-submit.d.ts +5 -0
- package/dist/types/components/form-elements/form-text-area.d.ts +5 -8
- package/dist/types/components/forms/contact-us/element-mapper.d.ts +3 -0
- package/dist/types/components/forms/contact-us-form.d.ts +13 -11
- package/dist/types/components/forms/service-booking/element-mapper.d.ts +3 -0
- package/dist/types/components/forms/service-booking/validations.d.ts +26 -0
- package/dist/types/components/forms/service-booking-form.d.ts +32 -0
- package/dist/types/components.d.ts +82 -46
- package/dist/types/global/lib/form-hook.d.ts +17 -4
- package/dist/types/global/types/forms.d.ts +16 -9
- package/dist/types/global/types/general.d.ts +9 -0
- package/dist/types/global/types/locales/general.d.ts +4 -0
- package/dist/types/global/types/locales/index.d.ts +4 -0
- package/dist/types/global/types/vehicle-information.d.ts +6 -1
- package/package.json +1 -1
- package/dist/cjs/cn-f559f9e5.js +0 -2588
- package/dist/cjs/form-dialog_5.cjs.entry.js +0 -344
- package/dist/cjs/form-structure_2.cjs.entry.js +0 -98
- package/dist/collection/components/forms/contact-us/mapper.js +0 -12
- package/dist/collection/components/forms/contact-us/params.js +0 -72
- package/dist/components/p-15eb8e7b.js +0 -5
- package/dist/components/p-237a7c55.js +0 -5
- package/dist/components/p-2eadbfd5.js +0 -5
- package/dist/components/p-5f7ef1e2.js +0 -5
- package/dist/components/p-7b4a568a.js +0 -5
- package/dist/components/p-b155c713.js +0 -5
- package/dist/components/p-c015f62c.js +0 -5
- package/dist/components/p-c9c50bd5.js +0 -5
- package/dist/components/p-df782441.js +0 -5
- package/dist/components/p-f7ea9714.js +0 -5
- package/dist/components/p-f9be83de.js +0 -5
- package/dist/esm/cn-cc419b94.js +0 -2586
- package/dist/esm/form-dialog_5.entry.js +0 -336
- package/dist/esm/form-structure_2.entry.js +0 -93
- package/dist/shift-components/p-07c08204.entry.js +0 -5
- package/dist/shift-components/p-13d46f3d.entry.js +0 -5
- package/dist/shift-components/p-27c1f365.entry.js +0 -5
- package/dist/shift-components/p-4a717542.entry.js +0 -5
- package/dist/shift-components/p-654aaa7d.entry.js +0 -5
- package/dist/shift-components/p-940585ec.entry.js +0 -5
- package/dist/shift-components/p-98d9e7ab.js +0 -5
- package/dist/shift-components/p-991b3547.js +0 -5
- package/dist/shift-components/p-bff6ab62.entry.js +0 -5
- package/dist/shift-components/p-ea177504.entry.js +0 -5
- package/dist/types/components/forms/contact-us/mapper.d.ts +0 -2
- package/dist/types/components/forms/contact-us/params.d.ts +0 -2
|
@@ -7,9 +7,8 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-603d8f32.js');
|
|
10
|
-
const getLocalLanguage = require('./get-local-language-
|
|
11
|
-
const
|
|
12
|
-
const Loading = require('./Loading-c3489701.js');
|
|
10
|
+
const getLocalLanguage = require('./get-local-language-16ab3d1d.js');
|
|
11
|
+
const Loading = require('./Loading-bd3bbdba.js');
|
|
13
12
|
require('./loader-baf2418b.js');
|
|
14
13
|
|
|
15
14
|
const getPartInformation = async (component, generalProps, headers = {}) => {
|
|
@@ -147,8 +146,8 @@ const DeadStockLookup = class {
|
|
|
147
146
|
render() {
|
|
148
147
|
var _a, _b, _c, _d;
|
|
149
148
|
const texts = this.locale.partLookup.deadStock;
|
|
150
|
-
return (index.h(index.Host, { key: '8e90f1998fe2184d555e7213065147e2e2403dd1' }, index.h("div", { key: '774bea05f92f91784c3a96d3f34c332428d3dfb3', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '9a391c96e4f96281d992282871c7538a3d31e42f' }, index.h(Loading.Loading, { key: 'b62445ae1983828a74a62a9ee15cd07a159a9bb1', isLoading: this.state.includes('loading') }), index.h("div", { key: '939df7c5ee00c70bf0cd2ce6e83cb19eb83c7b5e', class:
|
|
151
|
-
_d.map(deadStock => (index.h("div", { key: deadStock.companyIntegrationID, class: "py-[10px] px-[20px]" }, index.h("div", { "aria-expanded": "false", style: { height: closedAccordionHeight }, class: "border shadow transition-all duration-500 overflow-hidden rounded-md mb-[10px] border-[#d6d8dc]" }, index.h("button", { onClick: this.toggleAccordion, style: { height: closedAccordionHeight }, class: "w-full flex px-[10px] justify-between items-center text-slate-800" }, index.h("strong", null, deadStock.companyName), index.h("span", { class: "icon text-slate-800 transition-transform duration-500" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-[22px]" }, index.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" })))), index.h("div", { class: "content" }, index.h("table", { class: "w-full overflow-auto relative border-collapse" }, index.h("thead", null, index.h("tr", null, index.h("th", { class: "py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]" }, texts.branch), index.h("th", { class: "py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]" }, texts.availableQuantity))), index.h("tbody", null, deadStock === null || deadStock === void 0 ? void 0 : deadStock.branchDeadStock.map(branchDeadStock => (index.h("tr", { class: "transition-colors border-b border-[#d6d8dc] last:border-none duration-100 hover:bg-slate-100", key: branchDeadStock.companyBranchIntegrationID }, index.h("td", { class:
|
|
149
|
+
return (index.h(index.Host, { key: '8e90f1998fe2184d555e7213065147e2e2403dd1' }, index.h("div", { key: '774bea05f92f91784c3a96d3f34c332428d3dfb3', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '9a391c96e4f96281d992282871c7538a3d31e42f' }, index.h(Loading.Loading, { key: 'b62445ae1983828a74a62a9ee15cd07a159a9bb1', isLoading: this.state.includes('loading') }), index.h("div", { key: '939df7c5ee00c70bf0cd2ce6e83cb19eb83c7b5e', class: getLocalLanguage.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: 'aeeeb9df8f126abcb5bd654a200f6170843ca25f', class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { key: '746fc041eae5db843e6e0d167ee84571f7b22432', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '3e5a6e9ed98698da6ea563e632ba5088f736ea94' }, index.h("div", { key: 'a292f6441da3999bdb28293bc81b216ad83b6311', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '6a21112d4bd30a512e93668ed1d58c520eeb3f9d', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.deadStock), !((_b = (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.deadStock) === null || _b === void 0 ? void 0 : _b.length) && index.h("div", { key: '44808df425a73e5247a2c869779065d9353b8605', class: "h-[80px] flex items-center justify-center text-[18px]" }, this.locale.noData), (_d = (_c = this.partInformation) === null || _c === void 0 ? void 0 : _c.deadStock) === null || _d === void 0 ? void 0 :
|
|
150
|
+
_d.map(deadStock => (index.h("div", { key: deadStock.companyIntegrationID, class: "py-[10px] px-[20px]" }, index.h("div", { "aria-expanded": "false", style: { height: closedAccordionHeight }, class: "border shadow transition-all duration-500 overflow-hidden rounded-md mb-[10px] border-[#d6d8dc]" }, index.h("button", { onClick: this.toggleAccordion, style: { height: closedAccordionHeight }, class: "w-full flex px-[10px] justify-between items-center text-slate-800" }, index.h("strong", null, deadStock.companyName), index.h("span", { class: "icon text-slate-800 transition-transform duration-500" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", class: "size-[22px]" }, index.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" })))), index.h("div", { class: "content" }, index.h("table", { class: "w-full overflow-auto relative border-collapse" }, index.h("thead", null, index.h("tr", null, index.h("th", { class: "py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]" }, texts.branch), index.h("th", { class: "py-[20px] px-[10px] text-start whitespace-nowrap border-b border-[#d6d8dc]" }, texts.availableQuantity))), index.h("tbody", null, deadStock === null || deadStock === void 0 ? void 0 : deadStock.branchDeadStock.map(branchDeadStock => (index.h("tr", { class: "transition-colors border-b border-[#d6d8dc] last:border-none duration-100 hover:bg-slate-100", key: branchDeadStock.companyBranchIntegrationID }, index.h("td", { class: getLocalLanguage.cn('py-[20px] px-[10px] text-start whitespace-nowrap') }, branchDeadStock.companyBranchName), index.h("td", { class: getLocalLanguage.cn('py-[20px] px-[10px] text-start whitespace-nowrap') }, index.h("strong", null, branchDeadStock.quantity))))))))))))))))))));
|
|
152
151
|
}
|
|
153
152
|
get el() { return index.getElement(this); }
|
|
154
153
|
static get watchers() { return {
|
|
@@ -158,7 +157,7 @@ const DeadStockLookup = class {
|
|
|
158
157
|
};
|
|
159
158
|
DeadStockLookup.style = DeadStockLookupStyle0;
|
|
160
159
|
|
|
161
|
-
const distributorLookupCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-b-\\[gray\\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}
|
|
160
|
+
const distributorLookupCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.block{display:block}:host{all:initial!important;display:block}*{font-family:Arial}.static{position:static}.hidden{display:none}.w-full{width:100%}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.me-1{margin-inline-end:.25rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-b-\\[gray\\]{--tw-border-opacity:1;border-bottom-color:rgb(128 128 128/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-0{padding-left:0;padding-right:0}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-\\[green\\]{--tw-text-opacity:1;color:rgb(0 128 0/var(--tw-text-opacity,1))}.text-\\[orange\\]{--tw-text-opacity:1;color:rgb(255 165 0/var(--tw-text-opacity,1))}.text-\\[red\\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.last\\:border-none:last-child{border-style:none}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}";
|
|
162
161
|
const DistributorLookupStyle0 = distributorLookupCss;
|
|
163
162
|
|
|
164
163
|
let mockData$1 = {};
|
|
@@ -291,7 +290,7 @@ const DistributorLookup = class {
|
|
|
291
290
|
const displayDistributer = this.partInformation
|
|
292
291
|
? !this.partInformation.stockParts.some(({ quantityLookUpResult }) => quantityLookUpResult === 'LookupIsSkipped' || quantityLookUpResult === 'QuantityNotWithinLookupThreshold')
|
|
293
292
|
: false;
|
|
294
|
-
return (index.h(index.Host, null, index.h("div", { dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", null, index.h(Loading.Loading, { isLoading: this.state.includes('loading') }), index.h("div", { class:
|
|
293
|
+
return (index.h(index.Host, null, index.h("div", { dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", null, index.h(Loading.Loading, { isLoading: this.state.includes('loading') }), index.h("div", { class: getLocalLanguage.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (index.h("div", { class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (index.h("div", null, index.h("div", { class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.info), index.h("div", { class: "py-[10px] px-[30px] flex flex-col gap-[15px]" }, index.h("div", { class: "grid grid-cols-3 gap-[50px]" }, displayedFields.map(({ label, value, values, key }) => (index.h("div", { key: key, class: "flex flex-col flex-1" }, index.h("strong", { class: "py-[10px] px-0 border-b-[gray] border-b" }, label), values ? (index.h("div", null, values.filter(x => x.body).map(x => (index.h("span", { key: x.header + x.body, class: "inline-flex items-center bg-red-50 text-red-800 text-sm font-medium px-3 py-1 me-1 mt-2 rounded-lg border border-red-300" }, x.header && index.h("span", { class: "font-semibold" }, x.header, ":"), index.h("span", { class: "ml-1" }, x.body)))))) : (index.h("div", { class: "py-[10px] px-0" }, value)))))))), displayDistributer && (index.h("div", { class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.distributorStock), index.h("div", { class: "flex flex-col gap-[15px]" }, index.h("table", { class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { class: "top-0 font-bold sticky bg-white" }, index.h("tr", null, [texts.location, texts.availability].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), index.h("tbody", null, (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.stockParts.map(stock => (index.h("tr", { class: "transition-colors duration-100 border-b border-[#d6d8dc] last:border-none hover:bg-slate-100", key: stock.locationID }, index.h("td", { class: getLocalLanguage.cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, stock.locationName), index.h("td", { class: getLocalLanguage.cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, index.h("div", { class: getLocalLanguage.cn('text-[red]', {
|
|
295
294
|
'text-[green]': stock.quantityLookUpResult === 'Available',
|
|
296
295
|
'text-[orange]': stock.quantityLookUpResult === 'PartiallyAvailable',
|
|
297
296
|
}) }, index.h("strong", null, stock.quantityLookUpResult === 'Available'
|
|
@@ -428,7 +427,7 @@ const ManufacturerLookup = class {
|
|
|
428
427
|
]
|
|
429
428
|
: [];
|
|
430
429
|
const displayedManufacturerData = manufacturerData.filter(part => !hiddenFields.includes(part.key));
|
|
431
|
-
return (index.h(index.Host, null, index.h("div", { dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", null, index.h(Loading.Loading, { isLoading: this.state.includes('loading') }), index.h("div", { class:
|
|
430
|
+
return (index.h(index.Host, null, index.h("div", { dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", null, index.h(Loading.Loading, { isLoading: this.state.includes('loading') }), index.h("div", { class: getLocalLanguage.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, ['error', 'error-loading'].includes(this.state) && (index.h("div", { class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (index.h("div", null, index.h("div", { class: "flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, this.headerTitle), index.h("div", { class: "px-[30px] py-[10px] flex flex-col gap-[15px]" }, index.h("div", { class: "grid grid-cols-3 gap-[50px]" }, displayedManufacturerData.map(({ label, value, values, key }) => (index.h("div", { key: key, class: "flex flex-col flex-1" }, index.h("strong", { class: "py-[10px] px-0 border-b-[gray] border-b" }, label), values ? (index.h("div", null, values.filter(x => x.body).map(x => (index.h("span", { key: x.header + x.body, class: "inline-flex items-center bg-red-50 text-red-800 text-sm font-medium px-3 py-1 me-1 mt-2 rounded-lg border border-red-300" }, x.header && index.h("span", { class: "font-semibold" }, x.header, ":"), index.h("span", { class: "ml-1" }, x.body)))))) : (index.h("div", { class: "py-[10px] px-0" }, value)))))))))))))));
|
|
432
431
|
}
|
|
433
432
|
get el() { return index.getElement(this); }
|
|
434
433
|
static get watchers() { return {
|
|
@@ -7,9 +7,8 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-603d8f32.js');
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const Loading$1 = require('./Loading-c3489701.js');
|
|
10
|
+
const getLocalLanguage = require('./get-local-language-16ab3d1d.js');
|
|
11
|
+
const Loading$1 = require('./Loading-bd3bbdba.js');
|
|
13
12
|
const loader = require('./loader-baf2418b.js');
|
|
14
13
|
|
|
15
14
|
const expiredSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiA4TDggMTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgPC9nPgo8L3N2Zz4=';
|
|
@@ -342,14 +341,14 @@ const DynamicClaim = class {
|
|
|
342
341
|
}
|
|
343
342
|
createPopup(item) {
|
|
344
343
|
const texts = this.locale.vehicleLookup.dynamicClaim;
|
|
345
|
-
return (index.h("div", { dir: this.locale.direction, class: "popup-position-ref" }, index.h("div", { class: "popup-container" }, index.h("div", { class:
|
|
344
|
+
return (index.h("div", { dir: this.locale.direction, class: "popup-position-ref" }, index.h("div", { class: "popup-container" }, index.h("div", { class: getLocalLanguage.cn('dynamic-claim-item-popup-info-triangle', this.popupClasses) }, index.h("div", { class: "dynamic-claim-item-popup-info-triangle-up" }), index.h("div", { class: "dynamic-claim-item-popup-info-triangle-up2" })), index.h("div", { class: getLocalLanguage.cn('dynamic-claim-item-popup-info', this.popupClasses) }, index.h("table", null, index.h("tbody", null, index.h("tr", null, index.h("th", null, texts.serviceType), index.h("td", null, item.type.charAt(0).toUpperCase() + item.type.slice(1))), index.h("tr", null, index.h("th", null, texts.activationDate), index.h("td", null, item.activatedAt)), index.h("tr", null, index.h("th", null, texts.expireDate), index.h("td", null, item.expiresAt)), index.h("tr", null, index.h("th", null, texts.claimAt), index.h("td", null, item.redeemDate)), index.h("tr", null, index.h("th", null, texts.redeemingDealer), index.h("td", null, item.dealerName)), index.h("tr", null, index.h("th", null, texts.invoiceNumber), index.h("td", null, item.invoiceNumber)), index.h("tr", null, index.h("th", null, texts.wip), index.h("td", null, item.wip)), index.h("tr", null, index.h("th", null, texts.claim), index.h("td", null, item.menuCode)))), item.status === 'pending' && (index.h("button", { onClick: () => this.claim(item), class: "claim-button dynamic-claim-button" }, index.h("svg", { width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { "stroke-width": "0" }), index.h("g", { "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", null, index.h("circle", { cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), index.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" }))), index.h("span", null, texts.claim)))))));
|
|
346
345
|
}
|
|
347
346
|
render() {
|
|
348
347
|
var _a, _b;
|
|
349
348
|
const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
|
|
350
349
|
const texts = this.locale.vehicleLookup.dynamicClaim;
|
|
351
350
|
console.log(this.errorMessage);
|
|
352
|
-
return (index.h(index.Host, { key: '9e0409c5591453b63e9a835a454e952752e22013' }, index.h("dynamic-redeem", { key: '66a516c29ffffdf5eec666501556c85d6e532929', language: this.language, id: "dynamic-redeem" }), index.h("div", { key: '87faef21ecc2f9d2a7cddde1ab9c919ff57ef6e0', class:
|
|
351
|
+
return (index.h(index.Host, { key: '9e0409c5591453b63e9a835a454e952752e22013' }, index.h("dynamic-redeem", { key: '66a516c29ffffdf5eec666501556c85d6e532929', language: this.language, id: "dynamic-redeem" }), index.h("div", { key: '87faef21ecc2f9d2a7cddde1ab9c919ff57ef6e0', class: getLocalLanguage.cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, index.h("div", { key: '0093412ac6128b142007f0be466fcd7a28dccebe', class: "dynamic-claim-header" }, index.h("strong", { key: '4f947ae43e1e1a2b6c4548f3d4d7f5ac9671bd8a', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && (index.h("span", { key: 'ade34635ef2f7dc56d23424abc489a52fce57ae2', dir: this.locale.direction, style: { color: 'red' } }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard)), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), index.h("div", { key: 'd19c9904e00841683880afa09dbec00d6e1414b8', class: "dynamic-claim-body" }, index.h("div", { key: '196f37e4c5389b5dc24ce2cf03f9b86559c78549', class: "loading-lane" }, index.h("div", { key: '21fa82864e31a0d88228f5c199fefafc139c74d0', class: "dynamic-claim-loading-slider" }, index.h("div", { key: '46314ebc827b182693bd117313fd1882cdeef467', class: "dynamic-claim-loading-slider-line" }), index.h("div", { key: 'f5dea0ec0a48afc68f825dbe9920038a7865c826', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), index.h("div", { key: '71c71d5ff95bc0dc5e9880ad81645a6a37c26593', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), index.h("div", { key: '18357ef88627c6d9bba393ba4d0ee67e01454fa8', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
|
|
353
352
|
let statusClass = '';
|
|
354
353
|
if (item.status === 'pending') {
|
|
355
354
|
if (serviceItems.findIndex(i => i.status === 'pending') === idx)
|
|
@@ -357,7 +356,7 @@ const DynamicClaim = class {
|
|
|
357
356
|
}
|
|
358
357
|
else
|
|
359
358
|
statusClass = item.status;
|
|
360
|
-
return (index.h("div", { key: item.name, class:
|
|
359
|
+
return (index.h("div", { key: item.name, class: getLocalLanguage.cn('dynamic-claim-item', statusClass), onMouseLeave: this.onMouseLeave }, index.h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-header load-animation", onMouseEnter: event => this.onMouseEnter(event.target, idx) }, index.h("img", { src: icons[item.status], alt: "status icon" }), index.h("span", null, texts[item.status]), this.activePopupIndex === idx && this.createPopup(item)), index.h("div", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-circle load-animation" }), index.h("p", { onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-item-footer load-animation" }, item.name)));
|
|
361
360
|
}), index.h("div", { key: '2762fc231f14343438f628afa1feae4929cc2c9f', class: "dynamic-claim-progress-bar" }))))));
|
|
362
361
|
}
|
|
363
362
|
get el() { return index.getElement(this); }
|
|
@@ -543,9 +542,9 @@ const PaintThickness = class {
|
|
|
543
542
|
var _a, _b;
|
|
544
543
|
const texts = this.locale.vehicleLookup.paintThickness;
|
|
545
544
|
const { imageGroups, parts } = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.paintThickness : { imageGroups: [], parts: [] };
|
|
546
|
-
return (index.h(index.Host, { key: 'af8fecaff1b49712f80443f1b9010d1551c2f227' }, index.h("div", { key: 'c236c9d78227576e3c5f94e3ae5247d6c7cf03e5', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'fa754377b6f220ccee44d65654734eedf297ab03' }, index.h(Loading$1.Loading, { key: '332a16213eb51e01b4ec45c64fb50748ee5608b7', isLoading: this.state.includes('loading') }), index.h("div", { key: 'a8c3ddb9b47e5a37888561f28466efc5cb3f5452', class:
|
|
545
|
+
return (index.h(index.Host, { key: 'af8fecaff1b49712f80443f1b9010d1551c2f227' }, index.h("div", { key: 'c236c9d78227576e3c5f94e3ae5247d6c7cf03e5', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'fa754377b6f220ccee44d65654734eedf297ab03' }, index.h(Loading$1.Loading, { key: '332a16213eb51e01b4ec45c64fb50748ee5608b7', isLoading: this.state.includes('loading') }), index.h("div", { key: 'a8c3ddb9b47e5a37888561f28466efc5cb3f5452', class: getLocalLanguage.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: '69187ba3519662ac096c4bed148d36087ba7b91d', class: getLocalLanguage.cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: 'f91413b40d00e7f060885bcb9aaf7aca20c27309', class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { key: '198ccf4368e3ed323d342bb1414bc32d4c8234e3', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '5561c673501a64b51419d80f2fd7749037665d78', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: 'a8158885c9684cece91cf16e1217f755f0a8385d', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.paintThickness), index.h("div", { key: '3b82862001eafae16158d65fb88eea64f79536fe', class: "h-0 overflow-auto flex-1" }, !parts.length && index.h("div", { key: 'ca2b219799201565eee220a9a7f83610d721e037', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, texts.noData), !!parts.length && (index.h("table", { key: '613217d6994a22b40256eb507773455b514db6ed', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '9ccba6d53df8d2a6ceb78b097c2d0d313e003833', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '7d4b70075e5ab6a6f27ecdc503bde45308c145c2' }, ['part', 'left', 'right'].map(title => (index.h("th", { key: title, class: "px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), index.h("tbody", { key: '7613a9c7f04dc7235661cb2097a656ba3d8a395f' }, parts.map((part, idx) => (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: part.part }, ['part', 'left', 'right'].map(key => (index.h("td", { key: part.part + key, class: getLocalLanguage.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
547
546
|
'!border-none': idx === parts.length - 1,
|
|
548
|
-
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: 'c0d54f9d76ee84a8c320297eee53db81c09a89fb' }, !imageGroups.length && index.h("div", { key: '22baa7869c43e3b8d00ed3de6962742d161397bd', class: "h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]" }, texts.noImageGroups), !!imageGroups.length && (index.h("div", { key: '8a20dd511402cd795352b876e22f5900fc7974f0', class: "py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full" }, imageGroups.map(imageGroup => (index.h("div", { class: "shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col", key: imageGroup.name }, index.h("h1", { class: "text-center border-b bg-slate-200 font-semibold p-[6px]" }, imageGroup.name), index.h("div", { class: "flex p-[12px] gap-[8px]" }, imageGroup.images.map(image => (index.h("div", { class: "flex gap-[8px]", key: image }, index.h("button", { onClick: ({ target }) => this.openImage(target, image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, index.h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, index.h("img", { src: eyeSvg }), index.h("span", { class: "text-white" }, texts.expand)), index.h("img", { class: "w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: image }))))))))), index.h("div", { key: '4d221660088096ebfc6af7358f793e437244a973', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class:
|
|
547
|
+
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: 'c0d54f9d76ee84a8c320297eee53db81c09a89fb' }, !imageGroups.length && index.h("div", { key: '22baa7869c43e3b8d00ed3de6962742d161397bd', class: "h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]" }, texts.noImageGroups), !!imageGroups.length && (index.h("div", { key: '8a20dd511402cd795352b876e22f5900fc7974f0', class: "py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full" }, imageGroups.map(imageGroup => (index.h("div", { class: "shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col", key: imageGroup.name }, index.h("h1", { class: "text-center border-b bg-slate-200 font-semibold p-[6px]" }, imageGroup.name), index.h("div", { class: "flex p-[12px] gap-[8px]" }, imageGroup.images.map(image => (index.h("div", { class: "flex gap-[8px]", key: image }, index.h("button", { onClick: ({ target }) => this.openImage(target, image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, index.h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, index.h("img", { src: eyeSvg }), index.h("span", { class: "text-white" }, texts.expand)), index.h("img", { class: "w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: image }))))))))), index.h("div", { key: '4d221660088096ebfc6af7358f793e437244a973', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: getLocalLanguage.cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
549
548
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
550
549
|
}) }, index.h("button", { key: 'ca7a02ca737a27680b1be7d49ddacf8e4eba432a', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, index.h("div", { key: '449fd04730b8a1d13ba345ac8a205ea679fecf8f', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), index.h("div", { key: '252f2def9e8635a3f99b0bb9b45fa6c93d1e2a93', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), index.h("img", { key: 'c6bce15bceff44472c9d30b5bad3c90743822322', alt: "", id: "expanded-image", class: "fixed opacity-0 z-40 transition-all rounded-lg" }))))))))));
|
|
551
550
|
}
|
|
@@ -647,9 +646,9 @@ const ServiceHistory = class {
|
|
|
647
646
|
render() {
|
|
648
647
|
var _a, _b, _c, _d;
|
|
649
648
|
const texts = this.locale.vehicleLookup.serviceHistory;
|
|
650
|
-
return (index.h(index.Host, { key: 'e76b58b7ea0e3e43545b53657170744ee502e33f' }, index.h("div", { key: 'c1a8de26ff8bec649f6a85bac7294ae88dfc62ec', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'd2ebdd8db2d41edb52dc3382cd87858050ef4532' }, index.h(Loading$1.Loading, { key: 'ae735af4d7091cd11cb5e1493ebdf3e6ec0bae57', isLoading: this.state.includes('loading') }), index.h("div", { key: 'b827816a69a2fb308e01966a9aab4e18bd106ba7', class:
|
|
649
|
+
return (index.h(index.Host, { key: 'e76b58b7ea0e3e43545b53657170744ee502e33f' }, index.h("div", { key: 'c1a8de26ff8bec649f6a85bac7294ae88dfc62ec', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'd2ebdd8db2d41edb52dc3382cd87858050ef4532' }, index.h(Loading$1.Loading, { key: 'ae735af4d7091cd11cb5e1493ebdf3e6ec0bae57', isLoading: this.state.includes('loading') }), index.h("div", { key: 'b827816a69a2fb308e01966a9aab4e18bd106ba7', class: getLocalLanguage.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: '0a09e696cf47f54671ec380bf9dee8164bcd7a68', class: getLocalLanguage.cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: 'ae5f5e6d2a3a2c2bf3e347ac98cab6ed3e00d0a1', class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { key: 'bed04de6623705c3a9f9018c875e1ac5bc79ba0f', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '0c895ec93fc437a5576f03d37e5abce5db59ee24', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '4e804253de5eb3006b9e0eb1951468ff52ed2a4a', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.serviceHistory), index.h("div", { key: 'e4630f71f6015a76e52a3d82709a21f018aa3acf', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.serviceHistory.length) && index.h("div", { key: '0a59e8b81fe114ff88dcb39c1d9723c12e16f0da', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.serviceHistory.length) && (index.h("table", { key: 'fd5275df952f81d4c31e541225617793300530cb', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'ec8cc4fa934919dc3f9d021c22b055504f0a6596', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '20ee16ff376f13cbac067c4a1f375c1e66e07ad7' }, ['branch', 'dealer', 'invoiceNumber', 'date', 'serviceType', 'odometer'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), index.h("tbody", { key: 'eeb8a307c659436e556c2889e03cf7505b07ee30' }, (_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.serviceHistory.map((service, idx) => (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: service.invoiceNumber }, ['branchName', 'companyName', 'invoiceNumber', 'serviceDate', 'serviceType', 'mileage'].map(serviceType => {
|
|
651
650
|
var _a;
|
|
652
|
-
return (index.h("td", { key: service.invoiceNumber + serviceType, class:
|
|
651
|
+
return (index.h("td", { key: service.invoiceNumber + serviceType, class: getLocalLanguage.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
653
652
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
654
653
|
}) }, service[serviceType] || '...'));
|
|
655
654
|
})))))))))))))));
|
|
@@ -763,17 +762,17 @@ const VehicleAccessories = class {
|
|
|
763
762
|
var _a, _b;
|
|
764
763
|
const texts = this.locale.vehicleLookup.accessories;
|
|
765
764
|
const accessories = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.accessories : [];
|
|
766
|
-
return (index.h(index.Host, { key: '9c865f5f4768a7cf7cbc9dd719e8ecb996be070c' }, index.h("div", { key: '162e3eccc2d932e500ff5e5767e7458c7efb5b53', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '3a1559274fad0287fe58206be2bf2c9dec0223ca' }, index.h(Loading$1.Loading, { key: '765d988cc179ac4f2e5290c09aeb902d9c5c0fd2', isLoading: this.state.includes('loading') }), index.h("div", { key: 'bb04cedc539947a2f5b93e80c170ff3e77c2b5d4', class:
|
|
765
|
+
return (index.h(index.Host, { key: '9c865f5f4768a7cf7cbc9dd719e8ecb996be070c' }, index.h("div", { key: '162e3eccc2d932e500ff5e5767e7458c7efb5b53', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '3a1559274fad0287fe58206be2bf2c9dec0223ca' }, index.h(Loading$1.Loading, { key: '765d988cc179ac4f2e5290c09aeb902d9c5c0fd2', isLoading: this.state.includes('loading') }), index.h("div", { key: 'bb04cedc539947a2f5b93e80c170ff3e77c2b5d4', class: getLocalLanguage.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: '4c383d2b2f880b59b5146dddc866bdc3727cf5e2', class: getLocalLanguage.cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: '91c3ed077972638dfd8955e2ac8287682336f1cf', class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { key: '142aff37900365b6fe9cfabdf9d51240b4f86ec4', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: 'e9e64a46c71c58a869029d7eea2b3cd3746a4495', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '8b3e4b3e59a1ad17407570f328b1097b269780f1', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.vehicleAccessories), index.h("div", { key: '407e4f485f5136dd3f59056c466fd5561ae0a641', class: "h-0 overflow-auto flex-1" }, !accessories.length && index.h("div", { key: 'e6d2fa50d0844c33b21f8a893e672072999320bb', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!accessories.length && (index.h("table", { key: '008010f85f740c1e4bff566af7b01fafbcd689fa', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '8eddd005c22f5e552b42ac19f3a356944b38db3b', class: "top-0 font-bold z-40 sticky bg-white" }, index.h("tr", { key: 'faf9ae27ac4ed6b2c1552523f2b822cb115e2880' }, ['partNumber', 'description', 'image'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), index.h("tbody", { key: '7435f0e9118d3568fd88f1e4bdd34efd7b4a0e94' }, accessories.map((accessory, idx) => {
|
|
767
766
|
var _a;
|
|
768
767
|
return (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: accessory.partNumber }, ['partNumber', 'description'].map(key => {
|
|
769
768
|
var _a;
|
|
770
|
-
return (index.h("td", { key: accessory.partNumber + key, class:
|
|
769
|
+
return (index.h("td", { key: accessory.partNumber + key, class: getLocalLanguage.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
771
770
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
772
771
|
}) }, accessory[key] || '...'));
|
|
773
|
-
}), index.h("td", { class:
|
|
772
|
+
}), index.h("td", { class: getLocalLanguage.cn('px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
774
773
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
775
774
|
}) }, index.h("button", { onClick: ({ target }) => this.openImage(target, accessory.image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, index.h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, index.h("img", { src: eyeSvg }), index.h("span", { class: "text-white" }, texts.expand)), index.h("img", { class: "w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: accessory.image })))));
|
|
776
|
-
})), index.h("div", { key: '9645f48fb675e2e1d001db72056c0bac50906b26', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class:
|
|
775
|
+
})), index.h("div", { key: '9645f48fb675e2e1d001db72056c0bac50906b26', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: getLocalLanguage.cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
777
776
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
778
777
|
}) }, index.h("button", { key: 'd9b07711cc0620a08a404af9f26794cdb22156a2', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, index.h("div", { key: 'eb538eb4f746291a38c8d66c37e578b067d33c1a', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), index.h("div", { key: 'fdbbd859c82aacd1acd53a49f1503f3c934c4d54', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), index.h("img", { key: 'ba7b96dc53f517e2fa8133dbd06fdf1084cd40ee', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
|
|
779
778
|
}
|
|
@@ -870,12 +869,12 @@ const VehicleSpecification = class {
|
|
|
870
869
|
render() {
|
|
871
870
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
872
871
|
const texts = this.locale.vehicleLookup.specification;
|
|
873
|
-
return (index.h(index.Host, { key: '6ed532937cdafcfab7aabc39bbfd0d4c1dff1b00' }, index.h("div", { key: 'ddb8b2dc2838a030499b5241f3dfa15f7a68bf07', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'f81b91d6c7cfd81df70b691b56b10c26ebaf1efc' }, index.h(Loading$1.Loading, { key: 'b96b054448c12ccbaf6fa6291382f51e3c334376', isLoading: this.state.includes('loading') }), index.h("div", { key: '76cd0cc45c7f84986bd813effac5a53a0295c491', class:
|
|
872
|
+
return (index.h(index.Host, { key: '6ed532937cdafcfab7aabc39bbfd0d4c1dff1b00' }, index.h("div", { key: 'ddb8b2dc2838a030499b5241f3dfa15f7a68bf07', dir: this.locale.direction, class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'f81b91d6c7cfd81df70b691b56b10c26ebaf1efc' }, index.h(Loading$1.Loading, { key: 'b96b054448c12ccbaf6fa6291382f51e3c334376', isLoading: this.state.includes('loading') }), index.h("div", { key: '76cd0cc45c7f84986bd813effac5a53a0295c491', class: getLocalLanguage.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: '60724b3858a6707e3afa18d985f50616fa8484f0', class: getLocalLanguage.cn('text-center pt-[4px] text-[20px]', { 'text-red-600': !!this.errorMessage }) }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: '60dcc26e1ecceb4cbca2c2de1e6db439c17e1019', class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { key: '4d3c1afca968d2c7fc2a925fc626d70492f49869', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: 'af212e18ce332b031699b6c3e00df805fbc31db1', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '21a2974e7222b7d6a8fcaa2df1978ecf7670eedf', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, texts.vehicleSpecification), index.h("div", { key: 'b3413a1f409cebfa51c3c84aab4acb1ddf88e3ac', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && index.h("div", { key: '4e1d80fd788a29fce807c7bf7a55cf306691c614', class: "h-[80px] flex items-center justify-center text-[18px]" }, texts.noData), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.vehicleSpecification) && (index.h("table", { key: 'b8edb5185c70b660818af1023ecdff2d371732fd', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'fb412628f875cca8d6a9d6921e9bec42a4ee4a64', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '7676f04f48b6fce484f65f0c80a17e2c500eba27' }, ['model', 'variant', 'katashiki', 'modelYear', 'sfx'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, texts[title]))))), index.h("tbody", { key: '1075c4b0ea60a3ccca8c84ff0e85dbc743c2d344' }, index.h("tr", { key: 'a2e4bae8f5c53f9b2447242b12bba65288e7cece' }, index.h("td", { key: 'a792eb66c320e92c1b6a04159cf7f3d7076b30d3', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_e = (_d = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.vehicleVariantInfo) === null || _e === void 0 ? void 0 : _e.modelCode) || '...', " ", index.h("br", { key: '2994aa18bdadecc364a34a0f9d3b88908e2c6676', class: "my-2" }), ((_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _f === void 0 ? void 0 : _f.vehicleSpecification) === null || _g === void 0 ? void 0 : _g.modelDesc) || '...'), index.h("td", { key: '215d557dab5b54a432cc0a1fe8f0dde27aa1a5b4', class: "px-[10px] py-[20px] text-center whitespace-nowrap" }, ((_j = (_h = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _h === void 0 ? void 0 : _h.identifiers) === null || _j === void 0 ? void 0 : _j.variant) || '...', " ", index.h("br", { key: 'ec59b6a49dd36a203d879bd60fd36094f3bc9407' }), ((_l = (_k = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _k === void 0 ? void 0 : _k.vehicleSpecification) === null || _l === void 0 ? void 0 : _l.variantDesc) || '...'), ['identifiers.katashiki', 'vehicleVariantInfo.modelYear', 'vehicleVariantInfo.sfx'].map(infoPath => {
|
|
874
873
|
var _a;
|
|
875
874
|
const [place, field] = infoPath.split('.');
|
|
876
875
|
const targetPlace = (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a[place];
|
|
877
876
|
const cellValue = targetPlace && targetPlace[field] ? targetPlace[field].toString() : '';
|
|
878
|
-
return (index.h("td", { key: infoPath, class:
|
|
877
|
+
return (index.h("td", { key: infoPath, class: getLocalLanguage.cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, cellValue.trim() ? cellValue : '...'));
|
|
879
878
|
})))))))))))));
|
|
880
879
|
}
|
|
881
880
|
get el() { return index.getElement(this); }
|
|
@@ -889,7 +888,7 @@ VehicleSpecification.style = VehicleSpecificationStyle0;
|
|
|
889
888
|
const loaderSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPg==';
|
|
890
889
|
|
|
891
890
|
function Loading({ isLoading }) {
|
|
892
|
-
return (index.h("div", { class:
|
|
891
|
+
return (index.h("div", { class: getLocalLanguage.cn('loading-spinner absolute', { hide: !isLoading }) },
|
|
893
892
|
index.h("img", { class: "spin", src: loaderSvg })));
|
|
894
893
|
}
|
|
895
894
|
|
|
@@ -918,7 +917,10 @@ function SSCTable({ ssc, locale }) {
|
|
|
918
917
|
index.h("img", { class: "table-status-icon", src: sscItem.repaired ? checkSvg : xMarkSvg }),
|
|
919
918
|
" ", sscItem === null || sscItem === void 0 ? void 0 :
|
|
920
919
|
sscItem.repairDate)),
|
|
921
|
-
index.h("td", null,
|
|
920
|
+
index.h("td", null,
|
|
921
|
+
index.h("div", { class: "table-cell-container table-cell-labors-container" }, !!sscItem.labors.length
|
|
922
|
+
? sscItem.labors.map(labor => (index.h("div", { key: labor.laborCode, class: 'success' }, labor.laborCode)))
|
|
923
|
+
: '...')),
|
|
922
924
|
index.h("td", null,
|
|
923
925
|
index.h("div", { class: "table-cell-container table-cell-parts-container" }, !!sscItem.parts.length
|
|
924
926
|
? sscItem.parts.map(part => (index.h("div", { key: part.partNumber, class: part.isAvailable ? 'success' : 'reject' }, part.partNumber)))
|
|
@@ -926,7 +928,7 @@ function SSCTable({ ssc, locale }) {
|
|
|
926
928
|
}
|
|
927
929
|
|
|
928
930
|
function StatusCard({ desc, className, fromDesc, toDesc, from, to, state = 'idle', icon = true }) {
|
|
929
|
-
return (index.h("div", { class:
|
|
931
|
+
return (index.h("div", { class: getLocalLanguage.cn('card', className, `${state}-card`) },
|
|
930
932
|
icon && state === 'reject' && index.h("img", { src: xMarkSvg }),
|
|
931
933
|
icon && state === 'warning' && index.h("img", { src: xMarkSvg }),
|
|
932
934
|
icon && state === 'success' && index.h("img", { src: checkSvg }),
|
|
@@ -955,7 +957,7 @@ function CardsContainer({ warranty, isAuthorized, unInvoicedByBrokerName, locale
|
|
|
955
957
|
warranty.warrantyEndDate && (index.h(StatusCard, { state: (warranty === null || warranty === void 0 ? void 0 : warranty.hasActiveWarranty) ? 'success' : 'reject', icon: false, to: true, toDesc: warrantyLocale.to, desc: warranty.warrantyEndDate }))));
|
|
956
958
|
}
|
|
957
959
|
|
|
958
|
-
const warrantyDetailsCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.absolute{left:0;position:absolute;top:0}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0!important;height:0}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:4px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.font-semibold{font-weight:600}.transition{transition:all;transition-duration:.3s;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.success-card{background:#d0e7de;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521}.reject-card{background:#f7d7d8;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeIn .3s ease-in forwards;opacity:1}.spin{animation:spin 2s linear infinite}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:all;transition-duration:.1s;width:100%}.loading-spinner img{height:40px;width:40px}.warranty{overflow:hidden;position:relative;transition:all;transition-duration:.3s}.hide{opacity:0}.card{border:1px solid;border-radius:6px;flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-left:50px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.recaptcha-response{border:1px solid;border-radius:8px;font-size:20px;margin:16px auto 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:1000px}.pt-3,.py-3{padding-top:12px}.pb-3,.py-3{padding-bottom:12px}.pt-4,.py-4{padding-top:16px}.pb-4,.py-4{padding-bottom:16px}.max-w-500{max-width:500px}.mt-4,.my-4{margin-bottom:16px;margin-top:16px}.warranty *{box-sizing:border-box}.wrapper-table{border:1px solid #d6d8dc;border-radius:4px;display:flex;flex-direction:column;margin-top:12px;max-height:70vh;overflow:hidden}.ssc-table-container{flex:1 1 0%;height:0;overflow:auto}.wrapper-table .header{align-items:center;background:#e1e3e5;color:#383c43;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:100%}.ssc-table{border-collapse:collapse;overflow:auto;position:relative;width:100%}.ssc-table thead{background-color:#fff;font-weight:700;position:sticky;top:0}.ssc-table td,.ssc-table th{border-bottom:1px solid #d6d8dc;padding:10px 20px;text-align:center;transition:all;transition-duration:.3s;white-space:nowrap}.ssc-table tr:hover{background:#f4f4f4}.ssc-table tr:last-child td{border:none}.table-cell-container{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-parts-container{flex-wrap:wrap}.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-parts-container div.success{background:#d0e7de}.table-cell-parts-container div.reject{background:#f7d7d8}.table-status-icon{height:20px;width:20px}.warranty-vin{font-size:20px;padding-top:4px;text-align:center}.recaptcha-container{display:flex;justify-content:center;overflow:hidden}.static{position:static}.w-full{width:100%}.top-0{top:0}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.table{display:table}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}";
|
|
960
|
+
const warrantyDetailsCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.absolute{left:0;position:absolute;top:0}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0!important;height:0}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:4px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.font-semibold{font-weight:600}.transition{transition:all;transition-duration:.3s;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.success-card{background:#d0e7de;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521}.reject-card{background:#f7d7d8;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeIn .3s ease-in forwards;opacity:1}.spin{animation:spin 2s linear infinite}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:all;transition-duration:.1s;width:100%}.loading-spinner img{height:40px;width:40px}.warranty{overflow:hidden;position:relative;transition:all;transition-duration:.3s}.hide{opacity:0}.card{border:1px solid;border-radius:6px;flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-left:50px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.recaptcha-response{border:1px solid;border-radius:8px;font-size:20px;margin:16px auto 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:1000px}.pt-3,.py-3{padding-top:12px}.pb-3,.py-3{padding-bottom:12px}.pt-4,.py-4{padding-top:16px}.pb-4,.py-4{padding-bottom:16px}.max-w-500{max-width:500px}.mt-4,.my-4{margin-bottom:16px;margin-top:16px}.warranty *{box-sizing:border-box}.wrapper-table{border:1px solid #d6d8dc;border-radius:4px;display:flex;flex-direction:column;margin-top:12px;max-height:70vh;overflow:hidden}.ssc-table-container{flex:1 1 0%;height:0;overflow:auto}.wrapper-table .header{align-items:center;background:#e1e3e5;color:#383c43;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:100%}.ssc-table{border-collapse:collapse;overflow:auto;position:relative;width:100%}.ssc-table thead{background-color:#fff;font-weight:700;position:sticky;top:0}.ssc-table td,.ssc-table th{border-bottom:1px solid #d6d8dc;padding:10px 20px;text-align:center;transition:all;transition-duration:.3s;white-space:nowrap}.ssc-table tr:hover{background:#f4f4f4}.ssc-table tr:last-child td{border:none}.table-cell-container{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-labors-container,.table-cell-parts-container{flex-wrap:wrap}.table-cell-labors-container div,.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-labors-container div.success,.table-cell-parts-container div.success{background:#d0e7de}.table-cell-labors-container div.reject,.table-cell-parts-container div.reject{background:#f7d7d8}.table-status-icon{height:20px;width:20px}.warranty-vin{font-size:20px;padding-top:4px;text-align:center}.recaptcha-container{display:flex;justify-content:center;overflow:hidden}.static{position:static}.w-full{width:100%}.top-0{top:0}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.table{display:table}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}";
|
|
959
961
|
const WarrantyDetailsStyle0 = warrantyDetailsCss;
|
|
960
962
|
|
|
961
963
|
let mockData = {};
|
|
@@ -1141,7 +1143,7 @@ const WarrantyDetails = class {
|
|
|
1141
1143
|
}
|
|
1142
1144
|
render() {
|
|
1143
1145
|
var _a, _b, _c, _d, _e;
|
|
1144
|
-
return (index.h(index.Host, { key: 'a2450072b8322100a2b26fffde2f2368fa6f859e' }, index.h("div", { key: 'b62fc2c807ee3c7d28d86d247610d79b282bee77', dir: this.locale.direction, class: "min-h-[100px] warranty" }, index.h("div", { key: '07d047b42d6a2811b09bfb4a679580eae17007e8' }, index.h(Loading, { key: 'dbc3ab7702d82d35e77360730fb982e862794b29', isLoading: this.state.includes('loading') }), index.h("div", { key: '290ae621db597035e73f65a856c1bb438cd4b9e7', class: "transition duration-700", style: { transform: this.state.includes('loading') || this.state === 'idle' ? 'scale(0)' : 'scale(1)', opacity: this.state.includes('loading') ? '0' : '1' } }, (this.showSsc || this.showWarranty) && (index.h("div", { key: '8331397a1da36813069186f23fb40b4189549d27', style: { color: !!this.errorMessage ? 'red' : 'black' }, class: "warranty-vin" }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin)), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: '0c48f32b6ed6604dad626c32203a30af9107bdae', class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { key: '1ca1709b2e88e66272b1de6f9c32c2b88f444172', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (index.h(CardsContainer, { key: '6c72a9bc36dce8a07de4bb31324160925b99f0f5', locale: this.locale, isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, warranty: (_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.warranty })), index.h("div", { key: '1df38bbb43f2068d07be564141d7ad05535a4821', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, index.h("slot", { key: 'c0a13e5c4b8472cec694eb0e3c86ec47126ed17f' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (index.h("div", { key: '0538982583473257a4d950bf256c088600515059', class:
|
|
1146
|
+
return (index.h(index.Host, { key: 'a2450072b8322100a2b26fffde2f2368fa6f859e' }, index.h("div", { key: 'b62fc2c807ee3c7d28d86d247610d79b282bee77', dir: this.locale.direction, class: "min-h-[100px] warranty" }, index.h("div", { key: '07d047b42d6a2811b09bfb4a679580eae17007e8' }, index.h(Loading, { key: 'dbc3ab7702d82d35e77360730fb982e862794b29', isLoading: this.state.includes('loading') }), index.h("div", { key: '290ae621db597035e73f65a856c1bb438cd4b9e7', class: "transition duration-700", style: { transform: this.state.includes('loading') || this.state === 'idle' ? 'scale(0)' : 'scale(1)', opacity: this.state.includes('loading') ? '0' : '1' } }, (this.showSsc || this.showWarranty) && (index.h("div", { key: '8331397a1da36813069186f23fb40b4189549d27', style: { color: !!this.errorMessage ? 'red' : 'black' }, class: "warranty-vin" }, (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.vin)), ['error', 'error-loading'].includes(this.state) && (index.h("div", { key: '0c48f32b6ed6604dad626c32203a30af9107bdae', class: "py-[16px] min-h-[100px] flex items-center" }, index.h("div", { key: '1ca1709b2e88e66272b1de6f9c32c2b88f444172', class: "px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.locale.errors[this.errorMessage] || this.locale.errors.wildCard))), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (index.h(CardsContainer, { key: '6c72a9bc36dce8a07de4bb31324160925b99f0f5', locale: this.locale, isAuthorized: (_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName, warranty: (_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.warranty })), index.h("div", { key: '1df38bbb43f2068d07be564141d7ad05535a4821', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, index.h("slot", { key: 'c0a13e5c4b8472cec694eb0e3c86ec47126ed17f' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (index.h("div", { key: '0538982583473257a4d950bf256c088600515059', class: getLocalLanguage.cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.locale.vehicleLookup.warranty[this.recaptchaRes.message])), this.checkingUnauthorizedSSC && (index.h("div", { key: 'b124c96b6cb2c04c9e66a26a29408df14658e020', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, index.h("div", { key: 'c1f047e2cf8cc089ffd68bd973237a418220664d' }, index.h("strong", { key: 'f99dbf2f323fe499afcd5e4e75a970c40e40503e' }, this.locale.vehicleLookup.warranty.checkingTMC)), index.h("img", { key: '6232d00679900c7f6625311a3846b0c022b35c53', class: "spin", src: loader.loaderSvg }))), this.showSsc && ['data', 'data-loading'].includes(this.state) && ((_d = this.vehicleInformation) === null || _d === void 0 ? void 0 : _d.ssc) !== null && !!((_e = this.vehicleInformation) === null || _e === void 0 ? void 0 : _e.ssc.length) && (index.h(SSCTable, { key: '633a617baadedc94ad0aacb5d8db7da6df880258', locale: this.locale, ssc: this.vehicleInformation.ssc })))))));
|
|
1145
1147
|
}
|
|
1146
1148
|
get el() { return index.getElement(this); }
|
|
1147
1149
|
static get watchers() { return {
|
|
@@ -7,8 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-603d8f32.js');
|
|
10
|
-
const
|
|
11
|
-
const getLocalLanguage = require('./get-local-language-9c24d981.js');
|
|
10
|
+
const getLocalLanguage = require('./get-local-language-16ab3d1d.js');
|
|
12
11
|
|
|
13
12
|
const dynamicRedeemCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block}*{box-sizing:content-box;margin:revert;padding:revert}.dynamic-claim-processor{align-items:center;background:#fff;display:flex;flex-direction:row;font-family:Arial;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transform:translateY(0) scale(110%);transition:.4s;visibility:hidden;width:100%;z-index:999999999999999}.dynamic-claim-processor.active{opacity:1;transform:translateY(0) scale(100%);visibility:visible}.dynamic-claim-processor-wrapper{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;overflow:auto;padding:50px}.dynamic-claim-processor .qr-input{background:none;border:none;border-bottom:1px solid #ddd;color:#424242;font-size:14px;outline:none;padding:7px;text-align:center;width:100%}.dynamic-claim-processor-info-box{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);color:#424242;font-size:14px;margin-top:50px;padding:0;width:100%}.dynamic-claim-processor-info-box-header{background:#f6f6f6;border:1px solid #ededed;padding:7px 0;text-align:center}.dynamic-claim-processor-info-box table{width:100%}.dynamic-claim-processor-info-box table td,.dynamic-claim-processor-info-box table th{border-bottom:1px solid #ededed;padding:5px;text-align:start}.dynamic-claim-processor-progress{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-evenly;margin-bottom:16px;margin-top:10px;width:100%}.dynamic-claim-processor-progress .dynamic-claim-processor-progress-step{background:#f4f4f4;border:1px solid #d4d4d4;border-bottom:5px double #3071a9;border-radius:5px;box-shadow:0 0 4px 2px #eee;color:#3071a9;flex:1;margin-top:0;padding:15px;text-align:center}.lds-ripple{display:inline-block;height:80px;left:50%;left:0;margin-left:12px;position:relative;top:55px;top:0;width:80px}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple-loading.active,.lds-ripple.active{opacity:1!important;visibility:visible!important}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #3071a9;border-radius:50%;opacity:1;position:absolute;z-index:10}.lds-ripple div:nth-child(2){animation-delay:-.5s}.loading-wrapper,.scan-invoice-wrapper{transition:.4s}.dynamic-claim-processor-progress-step.processing .scan-invoice-wrapper,.loading-wrapper{opacity:0;transform:scale(70%)}.dynamic-claim-processor-progress-step.processing .loading-wrapper{opacity:1;transform:scale(100%)}@keyframes lds-ripple{0%{height:8px;left:36px;opacity:0;top:36px;width:8px}4.9%{height:8px;left:36px;opacity:0;top:36px;width:8px}5%{height:8px;left:36px;opacity:1;top:36px;width:8px}to{height:80px;left:0;opacity:0;top:0;width:80px}}#dynamic-claim-processor-close-icon{cursor:pointer;height:20px;position:absolute;right:50px;top:20px;transition:.5s;width:20px}#dynamic-claim-processor-close-icon:hover{transform:rotate(180deg) scale(150%)}.admonition-title{background-color:#ff91001a;font-size:13px;font-weight:700;margin:0;padding:10px 5px}.admonition-title:before{background-color:#ff9100;content:\"\";display:inline-block;height:20px;margin-inline-end:5px;-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z\"/></svg>');vertical-align:sub;width:20px}.admonition{background-color:var(--md-admonition-bg-color);border:.075rem solid #ff9100;border-radius:.2rem;box-shadow:0 .2rem .5rem #0000000d,0 0 .05rem #0000001a;color:var(--md-admonition-fg-color);display:flow-root;margin:15px 0 0;padding:0;page-break-inside:avoid;transition:box-shadow 125ms;width:100%}.cancel-confirmation-box{background:#f8f8f8;border:1px solid #e1e1e1;border-radius:5px;font-weight:700;margin-bottom:10px;padding:10px 25px}.dynamic-claim-processor-progress.disabled{opacity:.6}.warning-ul{padding-inline-start:2.5rem}.static{position:static}.w-full{width:100%}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mt-\\[12px\\]{margin-top:12px}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border-b{border-bottom-width:1px}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.gap-1{gap:.25rem}";
|
|
14
13
|
const DynamicRedeemStyle0 = dynamicRedeemCss;
|
|
@@ -135,11 +134,11 @@ const DynamicRedeem = class {
|
|
|
135
134
|
const disableInput = !this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles;
|
|
136
135
|
if (!disableInput)
|
|
137
136
|
this.focusInput();
|
|
138
|
-
return (index.h(index.Host, { key: '6f23076572fa32bf4ecabb0ec5c30f4c904c5aeb' }, index.h("div", { key: 'e181969add00fdace98f3f198bbb383883ed096c', dir: this.locale.direction, class:
|
|
137
|
+
return (index.h(index.Host, { key: '6f23076572fa32bf4ecabb0ec5c30f4c904c5aeb' }, index.h("div", { key: 'e181969add00fdace98f3f198bbb383883ed096c', dir: this.locale.direction, class: getLocalLanguage.cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, index.h("svg", { key: '19e190b047b65a3d9fd006a5b7b7bf6274c43c78', id: "dynamic-claim-processor-close-icon", onClick: this.closeModal, viewBox: "-0.5 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'b0f3eff73478c17ded463f97ad196b176077b8ff', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), index.h("g", { key: '1fd42a3ef89f038dc303086ffca5c2deadc9989d', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: '09465c1cff709d748a0529ec333f5e4ad25ba101', id: "SVGRepo_iconCarrier" }, index.h("path", { key: 'f63fb5590f2e24018ca4ad219c213d2f6adb41fc', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { key: 'd6487224d7042d92bb2a789234407b4616fca22e', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: 'ffcd5d290855b3c3f3d37800e393e04b75a502d4', class: "dynamic-claim-processor-wrapper" }, index.h("div", { key: '99b9066894f9b9f26b60663e450a93696223124e', class: "dynamic-claim-processor-info-box" }, index.h("div", { key: '403cd1dc09ed2594c72e73e6391d552020332d98', class: "dynamic-claim-processor-info-box-header" }, index.h("strong", { key: '1be049ba270853645470ab894135116139383b8d', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), index.h("div", { key: '8b13146eb29190537dca360ec882ca89f03f9e36', class: "dynamic-claim-processor-info-box-body" }, index.h("table", { key: 'bf692fc99d065b927e04f9f682364e36085cb81c', class: "border-separate" }, index.h("tr", { key: '452f0ea4dde84dc33429032f59d3071019a1bd64' }, index.h("th", { key: '29c31adefa2411ea10e33b65e1705f1848f206e3' }, texts.serviceType), index.h("td", { key: '31e1279fc831af71ebdbdd7d00889e2900fffe23' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), index.h("th", { key: '33b5b7a306da1af6702cd8454e3ac01ae3ba26d7' }, texts.name), index.h("td", { key: 'ae217299a413f6882867bd091c8560e9ad0924da' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), index.h("tr", { key: '086bbc2759675159d0b1fa68cf61c58977d3d872' }, index.h("th", { key: '3cc7dde01066572972d3fd00f4da7dbab5b88c17' }, texts.activationDate), index.h("td", { key: '61a65a1d432cc564eca6529fa2678b326feddc52' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), index.h("th", { key: '0ef316a0a241843f9865c20d46fc8ce269d1606e' }, texts.expireDate), index.h("td", { key: 'ab1bb7f29ed38c2c71c25428d43fe3c716126eb9' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), index.h("tr", { key: '1dce0e4b9de04fb40e923624ad21b0c8f08fb1dc' }, index.h("th", { key: '4f65208aef6e9dcd19b8602e11d5ca76461b736b' }, texts.menuCode), index.h("td", { key: '76299771fc11edcf8687c6e725f6eedb8465d84f' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.menuCode))))), index.h("div", { key: 'd9e7e004964654a54282158508e0150bfe4c7990', style: { flex: '1', width: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'space-evenly' } }, (this === null || this === void 0 ? void 0 : this.internalCanceledItem) && Array.isArray(this.internalCanceledItem) && !!this.internalCanceledItem.length && (index.h("div", { key: '82b116d97cfac477f60db2fbf22e1636fdc5c689', class: "admonition warning" }, index.h("p", { key: '60a55ae8256648fb220eab389fab5d2dc42c9d3c', class: "admonition-title" }, texts.warning), index.h("div", { key: '80ad2bdacebe0a3bed749a730bc8aa3ccca48f15', style: { padding: '0 30px' } }, index.h("p", { key: '542d0408b48f1486f011c281b1cc35287755bba9', class: "my-4" }, texts.skipServicesWarning), index.h("ul", { key: 'c33d8e62aa0cb644ad08b8f05b359c8e7315f462', class: "dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc" }, this.internalCanceledItem.map(({ name }) => (index.h("li", { id: name }, name)))), index.h("div", { key: 'c96c8ef23dbbf0ce5115a71a0011b5748b6ec504', class: "cancel-confirmation-box" }, index.h("label", { key: '253e3bf85b93afe4c58c1a7a94e7620b08d8f991' }, index.h("input", { key: '619d9412599947909cc88c4a596ccaca94903b1c', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
139
138
|
this.confirmServiceCancellation = !this.confirmServiceCancellation;
|
|
140
139
|
} }), texts.confirmSkipServices))))), this.unInvoicedByBrokerName && (index.h("div", { key: '98e5529f5d45dc42d10a44286ee1b56dc5956be3', class: "admonition warning" }, index.h("p", { key: 'f39cf4db4b32111fdb309594b530d28f5e6d92e4', class: "admonition-title" }, texts.warning), index.h("div", { key: '88e15fd258f64625d9dd1b6e5ee1aba0cb3850bd', style: { padding: '0 30px' } }, index.h("p", { key: 'c5da7d0424e5b371931d6d4c2fd71958072adf0d', class: "my-4" }, texts.notInvoiced), index.h("div", { key: '9ec8036a3adb36ce4fb174cb46f534cbbc998d2a' }, index.h("strong", { key: '188ee16ece206d92bc99a5a87c816f23aaf0a8d5' }, this.unInvoicedByBrokerName)), index.h("div", { key: '053bb8cc2fff059cc4ec7fd34eef1d3dc39dc0fe', class: "cancel-confirmation-box" }, index.h("label", { key: 'b6a2c0733f272e5c78ed97c8fcee58a8ebbfc473' }, index.h("input", { key: '67861acd7a63e89d70aa8f122f3ea6bb97cc9a47', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
141
140
|
this.confirmUnInvoicedTBPVehicles = !this.confirmUnInvoicedTBPVehicles;
|
|
142
|
-
} }), texts.confirmNotInvoiced))))), index.h("div", { key: 'a1e4e1351f9fd64637250549d8ca9b47120db80b', class: cn.cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, index.h("div", { key: '8ac74c5aed2a50c3fcc9bdf63d584e977631cabe', id: "scan-invoice-step", class: cn.cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, index.h("div", { key: 'd77283ed65d7e0c9b3d6bc2b715c4eec71e198b2', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, index.h("div", { key: '879e603d9c687b629ba3b6bbcc43bb8a1c131040', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, index.h("svg", { key: 'eec5018665e3a51d4e1a90b8259564501b65f979', fill: "#3071a9", height: "100px", width: "100px", version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", stroke: "#ffffff" }, index.h("g", { key: '7cce520faca0bed6c94f5adc423d59fa041dd517', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), index.h("g", { key: '9458c4a9d0d674420637748119f835a330f6b190', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: 'd396cf2b2ee89d3a8433d347c362c6b297abfee3', id: "SVGRepo_iconCarrier" }, index.h("g", { key: 'f07f1832a45d96235d88a52123b825afcddd5157' }, index.h("g", { key: 'e8570b9b6abfcf1d04cb0b93df73db896240ec74' }, index.h("path", { key: '6420bcda4aefd3cd9cb19459db5a5bfae48de5ce', 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" }))), index.h("g", { key: 'ac18cdc8edf083bb4fc6e21cb863ae902c414c53' }, index.h("g", { key: 'bd393e16c198d0ce5db374f1456f156225191c77' }, index.h("path", { key: '10c2088b94d0c43d750e35a297fc557b5f5499d6', 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" }))), index.h("g", { key: 'b6dde1b29ce078f2cac18c8177edb5d7df0453e6' }, index.h("g", { key: '2278ab0f3f66a4aa2a48f80512e7c2142bcf95fb' }, index.h("path", { key: 'd68379539a616231f9107d21ac1bc29f690bbd40', 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" }))), index.h("g", { key: '92780ef45777527daa102da1ff59ea591a00dc44' }, index.h("g", { key: 'b4d176551668e9794fc191f0b75167e94f74da86' }, index.h("path", { key: '8e9ae3b3a2bc99fa9f8ecb78f5d19877ee4f3367', 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" }))), index.h("g", { key: '33d96e271c4f99e6fb4c0a54db0668bb12ed722b' }, index.h("g", { key: 'ab552b86c291b350104b5312ddec4bf238471e31' }, index.h("path", { key: '1b1c5c07321b06fb86d4aedd9d3f5d9c7f1e1795', 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" }))), index.h("g", { key: '7a6bad400c84c523c967e1e4e7d26979673dd4df' }, index.h("g", { key: 'a32dcacf17001243b3c57eafe7b669532fa5298a' }, index.h("path", { key: 'dc6c90e04fc1af7f543cb183d1be5fc289cad039', 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" }))), index.h("g", { key: 'd5687820027ffcc7164924d2f49b4bc6280d1435' }, index.h("g", { key: '5aa6a2d1ec8b273e0023631c72862ade4307a062' }, index.h("path", { key: '287a638e99b443fa07175360cc016e1c50658633', 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" }))), index.h("g", { key: '72377cdb11c2af3ae89d66fce8cb74d7c651e53a' }, index.h("g", { key: '4dd358fdb3fdf7fa3f6582e2a5104b58e1b4f533' }, index.h("path", { key: 'b9dac199ecd22afc4a050d927ac185e6f8ee96da', 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" }))), index.h("g", { key: '4ea85d2b21b60cd326290407d5bd461e27c0fbee' }, index.h("g", { key: '7320fd66dd58dd8ef5849a5088aafa44f64fb1da' }, index.h("path", { key: '09bf6f789d487024fae9c7c63b9cfef5e8ccf418', 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" }))), index.h("g", { key: 'f45c156d58b7c4fe38d1b6383cfb58a8d26c5063' }, index.h("g", { key: 'abbbc9ef4b21677230c5102081b79c8f8ccf0894' }, index.h("path", { key: '11c704514913ada8a276c5eee2ed1107f0fc64b5', 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" }))), index.h("g", { key: '103aa0955ca13b5cd614f843a5d8bb00af51e210' }, index.h("g", { key: '4ba1fc6bee2b4d30983e04a5fb23e13046395182' }, index.h("path", { key: 'd2d45892e7ee175ad25afef1af1f1f5ae8a61ef2', 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" }))), index.h("g", { key: '717e7c0f6956a60b6bc24844a38c15902d185b55' }, index.h("g", { key: 'c8dd9b3b8dc25620425f4d15f718d7ca025e9302' }, index.h("path", { key: '461d4d5c85f97dfb117c4b72cdb7b4c1795972d2', 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" }))), index.h("g", { key: 'fb57a59b18a15a964ce941dfb9aab585c77a5470' }, index.h("g", { key: 'f0db6ce74a8ac3eed39ab2854cc6b59cd8b698d7' }, index.h("path", { key: '98fdca3e5809837a1e808091199f582e60f77221', 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" }))), index.h("g", { key: '19c6f7a57ba8695b4d4f2279306d394ba31b931c' }, index.h("g", { key: '30f10e39a0e4c86fc42572887b34442cb74213ad' }, index.h("path", { key: '6fa8c16a503b12a1062138988ec8edf5c7c03c5f', 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" }))), index.h("g", { key: 'fcbde011e9a8add3e3dc03e98cee14fa75cb3b47' }, index.h("g", { key: 'a037ae3a36f940d484ed0a61d9d369b4eead48f4' }, index.h("path", { key: 'f8d473cedaa28713a1c2cdeb616ceb22382ee6cc', 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" }))), index.h("g", { key: '90708098a0f8e273e1c4207c77cca360ba83235e' }, index.h("g", { key: 'cdc8dd013088e04226361386abf9eb2a65cc9d4e' }, index.h("path", { key: '2d5dd1d3ed1ac57cd5d8344a719a718cd8bccb06', 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" }))))), index.h("div", { key: 'bdd771ddf829f0786b4829eded621e7526275d3b' }, texts.scanTheInvoice)), index.h("div", { key: '12807539ee8e78004cc477ded3321895ae501a96', style: { position: 'absolute' }, class: "loading-wrapper" }, index.h("div", { key: 'c6ad6619ee28443d0e7a371e88f7423f7fc2589e', class: cn.cn('lds-ripple', this.isLoading && 'active') }, index.h("div", { key: '9cef9b48f30a0ed32c0d8e4c9ba02518cd707faf' }), index.h("div", { key: 'ac6f78c0086b68cf0448af2e93263714c53d2af4' })), index.h("div", { key: '407f0911c4b15beb6c3a2445117a9e4997e82d60', class: cn.cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing))), index.h("input", { key: '8bc56fc8812ab0f5d5e886f34efc2886af0dd93b', dir: "ltr", class: "qr-input", spellcheck: "false", onInput: this.onValueChanges, onKeyDown: this.qrCodeKeyDown, onBlur: () => this.input.focus(), autocomplete: "off", disabled: disableInput, placeholder: "", autofocus: true, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }))))))));
|
|
141
|
+
} }), texts.confirmNotInvoiced))))), index.h("div", { key: 'a1e4e1351f9fd64637250549d8ca9b47120db80b', class: getLocalLanguage.cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, index.h("div", { key: '8ac74c5aed2a50c3fcc9bdf63d584e977631cabe', id: "scan-invoice-step", class: getLocalLanguage.cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, index.h("div", { key: 'd77283ed65d7e0c9b3d6bc2b715c4eec71e198b2', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, index.h("div", { key: '879e603d9c687b629ba3b6bbcc43bb8a1c131040', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, index.h("svg", { key: 'eec5018665e3a51d4e1a90b8259564501b65f979', fill: "#3071a9", height: "100px", width: "100px", version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", stroke: "#ffffff" }, index.h("g", { key: '7cce520faca0bed6c94f5adc423d59fa041dd517', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), index.h("g", { key: '9458c4a9d0d674420637748119f835a330f6b190', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: 'd396cf2b2ee89d3a8433d347c362c6b297abfee3', id: "SVGRepo_iconCarrier" }, index.h("g", { key: 'f07f1832a45d96235d88a52123b825afcddd5157' }, index.h("g", { key: 'e8570b9b6abfcf1d04cb0b93df73db896240ec74' }, index.h("path", { key: '6420bcda4aefd3cd9cb19459db5a5bfae48de5ce', 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" }))), index.h("g", { key: 'ac18cdc8edf083bb4fc6e21cb863ae902c414c53' }, index.h("g", { key: 'bd393e16c198d0ce5db374f1456f156225191c77' }, index.h("path", { key: '10c2088b94d0c43d750e35a297fc557b5f5499d6', 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" }))), index.h("g", { key: 'b6dde1b29ce078f2cac18c8177edb5d7df0453e6' }, index.h("g", { key: '2278ab0f3f66a4aa2a48f80512e7c2142bcf95fb' }, index.h("path", { key: 'd68379539a616231f9107d21ac1bc29f690bbd40', 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" }))), index.h("g", { key: '92780ef45777527daa102da1ff59ea591a00dc44' }, index.h("g", { key: 'b4d176551668e9794fc191f0b75167e94f74da86' }, index.h("path", { key: '8e9ae3b3a2bc99fa9f8ecb78f5d19877ee4f3367', 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" }))), index.h("g", { key: '33d96e271c4f99e6fb4c0a54db0668bb12ed722b' }, index.h("g", { key: 'ab552b86c291b350104b5312ddec4bf238471e31' }, index.h("path", { key: '1b1c5c07321b06fb86d4aedd9d3f5d9c7f1e1795', 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" }))), index.h("g", { key: '7a6bad400c84c523c967e1e4e7d26979673dd4df' }, index.h("g", { key: 'a32dcacf17001243b3c57eafe7b669532fa5298a' }, index.h("path", { key: 'dc6c90e04fc1af7f543cb183d1be5fc289cad039', 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" }))), index.h("g", { key: 'd5687820027ffcc7164924d2f49b4bc6280d1435' }, index.h("g", { key: '5aa6a2d1ec8b273e0023631c72862ade4307a062' }, index.h("path", { key: '287a638e99b443fa07175360cc016e1c50658633', 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" }))), index.h("g", { key: '72377cdb11c2af3ae89d66fce8cb74d7c651e53a' }, index.h("g", { key: '4dd358fdb3fdf7fa3f6582e2a5104b58e1b4f533' }, index.h("path", { key: 'b9dac199ecd22afc4a050d927ac185e6f8ee96da', 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" }))), index.h("g", { key: '4ea85d2b21b60cd326290407d5bd461e27c0fbee' }, index.h("g", { key: '7320fd66dd58dd8ef5849a5088aafa44f64fb1da' }, index.h("path", { key: '09bf6f789d487024fae9c7c63b9cfef5e8ccf418', 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" }))), index.h("g", { key: 'f45c156d58b7c4fe38d1b6383cfb58a8d26c5063' }, index.h("g", { key: 'abbbc9ef4b21677230c5102081b79c8f8ccf0894' }, index.h("path", { key: '11c704514913ada8a276c5eee2ed1107f0fc64b5', 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" }))), index.h("g", { key: '103aa0955ca13b5cd614f843a5d8bb00af51e210' }, index.h("g", { key: '4ba1fc6bee2b4d30983e04a5fb23e13046395182' }, index.h("path", { key: 'd2d45892e7ee175ad25afef1af1f1f5ae8a61ef2', 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" }))), index.h("g", { key: '717e7c0f6956a60b6bc24844a38c15902d185b55' }, index.h("g", { key: 'c8dd9b3b8dc25620425f4d15f718d7ca025e9302' }, index.h("path", { key: '461d4d5c85f97dfb117c4b72cdb7b4c1795972d2', 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" }))), index.h("g", { key: 'fb57a59b18a15a964ce941dfb9aab585c77a5470' }, index.h("g", { key: 'f0db6ce74a8ac3eed39ab2854cc6b59cd8b698d7' }, index.h("path", { key: '98fdca3e5809837a1e808091199f582e60f77221', 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" }))), index.h("g", { key: '19c6f7a57ba8695b4d4f2279306d394ba31b931c' }, index.h("g", { key: '30f10e39a0e4c86fc42572887b34442cb74213ad' }, index.h("path", { key: '6fa8c16a503b12a1062138988ec8edf5c7c03c5f', 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" }))), index.h("g", { key: 'fcbde011e9a8add3e3dc03e98cee14fa75cb3b47' }, index.h("g", { key: 'a037ae3a36f940d484ed0a61d9d369b4eead48f4' }, index.h("path", { key: 'f8d473cedaa28713a1c2cdeb616ceb22382ee6cc', 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" }))), index.h("g", { key: '90708098a0f8e273e1c4207c77cca360ba83235e' }, index.h("g", { key: 'cdc8dd013088e04226361386abf9eb2a65cc9d4e' }, index.h("path", { key: '2d5dd1d3ed1ac57cd5d8344a719a718cd8bccb06', 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" }))))), index.h("div", { key: 'bdd771ddf829f0786b4829eded621e7526275d3b' }, texts.scanTheInvoice)), index.h("div", { key: '12807539ee8e78004cc477ded3321895ae501a96', style: { position: 'absolute' }, class: "loading-wrapper" }, index.h("div", { key: 'c6ad6619ee28443d0e7a371e88f7423f7fc2589e', class: getLocalLanguage.cn('lds-ripple', this.isLoading && 'active') }, index.h("div", { key: '9cef9b48f30a0ed32c0d8e4c9ba02518cd707faf' }), index.h("div", { key: 'ac6f78c0086b68cf0448af2e93263714c53d2af4' })), index.h("div", { key: '407f0911c4b15beb6c3a2445117a9e4997e82d60', class: getLocalLanguage.cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing))), index.h("input", { key: '8bc56fc8812ab0f5d5e886f34efc2886af0dd93b', dir: "ltr", class: "qr-input", spellcheck: "false", onInput: this.onValueChanges, onKeyDown: this.qrCodeKeyDown, onBlur: () => this.input.focus(), autocomplete: "off", disabled: disableInput, placeholder: "", autofocus: true, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }))))))));
|
|
143
142
|
}
|
|
144
143
|
get el() { return index.getElement(this); }
|
|
145
144
|
static get watchers() { return {
|