adp-web-components 0.0.26 → 0.0.27
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/dead-stock-lookup.cjs.entry.js +2 -2
- package/dist/cjs/distributor-lookup.cjs.entry.js +9 -7
- package/dist/cjs/dynamic-claim_6.cjs.entry.js +12 -12
- package/dist/cjs/dynamic-redeem.cjs.entry.js +3 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/manufacturer-lookup.cjs.entry.js +10 -8
- package/dist/cjs/shift-components.cjs.js +1 -1
- package/dist/cjs/vehicle-lookup.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +7 -7
- package/dist/collection/components/part-lookup/dead-stock-lookup.js +2 -2
- package/dist/collection/components/part-lookup/distributor-lookup.js +45 -7
- package/dist/collection/components/part-lookup/manufacturer-lookup.js +46 -8
- package/dist/collection/components/{dynamic-claim → vehicle-lookup}/dynamic-claim.js +6 -6
- package/dist/collection/components/{dynamic-redeem → vehicle-lookup}/dynamic-redeem.js +3 -3
- package/dist/collection/components/{paint-thickness → vehicle-lookup}/paint-thickness.js +4 -4
- package/dist/collection/components/{service-history → vehicle-lookup}/service-history.js +2 -2
- package/dist/collection/components/{vehicle-accessories → vehicle-lookup}/vehicle-accessories.js +4 -4
- package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +1 -1
- package/dist/collection/components/{vehicle-specification → vehicle-lookup}/vehicle-specification.js +2 -2
- package/dist/collection/components/{warranty-details → vehicle-lookup}/warranty-details.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/manufacturer-lookup.js +1 -1
- package/dist/components/{p-325b6857.js → p-2741b156.js} +1 -1
- package/dist/components/{p-f1ffc23d.js → p-2ea90585.js} +1 -1
- package/dist/components/{p-84427fef.js → p-4bf4435e.js} +1 -1
- package/dist/components/{p-da533bd7.js → p-6ffb4e5d.js} +1 -1
- package/dist/components/{p-044025a6.js → p-9245caae.js} +1 -1
- package/dist/components/{p-442f4eff.js → p-d4718f3b.js} +1 -1
- package/dist/components/{p-05871c28.js → p-d999f3c4.js} +1 -1
- package/dist/components/paint-thickness.js +1 -1
- 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/dead-stock-lookup.entry.js +2 -2
- package/dist/esm/distributor-lookup.entry.js +9 -7
- package/dist/esm/dynamic-claim_6.entry.js +12 -12
- package/dist/esm/dynamic-redeem.entry.js +3 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/manufacturer-lookup.entry.js +10 -8
- package/dist/esm/shift-components.js +1 -1
- package/dist/esm/vehicle-lookup.entry.js +1 -1
- package/dist/shift-components/{p-2f7785d3.entry.js → p-1719e164.entry.js} +1 -1
- package/dist/shift-components/{p-73fa9b86.entry.js → p-26b9d31a.entry.js} +1 -1
- package/dist/shift-components/p-33e4c335.entry.js +5 -0
- package/dist/shift-components/{p-2bb4415e.entry.js → p-d03dade1.entry.js} +1 -1
- package/dist/shift-components/{p-48efd004.entry.js → p-d1ffe0eb.entry.js} +1 -1
- package/dist/shift-components/p-f6764fb5.entry.js +5 -0
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/part-lookup/distributor-lookup.d.ts +2 -0
- package/dist/types/components/part-lookup/manufacturer-lookup.d.ts +2 -0
- package/dist/types/components/{dynamic-claim → vehicle-lookup}/dynamic-claim.d.ts +1 -1
- package/dist/types/components/vehicle-lookup/vehicle-lookup.d.ts +6 -6
- package/dist/types/components.d.ts +8 -0
- package/dist/types/global/types/part-information.d.ts +0 -3
- package/package.json +1 -1
- package/dist/shift-components/p-2872727e.entry.js +0 -5
- package/dist/shift-components/p-8065a7e3.entry.js +0 -5
- /package/dist/cjs/{Loading-20e4ef35.js → Loading-14fca13b.js} +0 -0
- /package/dist/collection/components/{parts → components}/Loading.js +0 -0
- /package/dist/collection/components/{dynamic-claim/icons → vehicle-lookup/assets}/cancelled.svg +0 -0
- /package/dist/collection/components/{warranty-details → vehicle-lookup}/assets/check.svg +0 -0
- /package/dist/collection/components/{dynamic-claim/icons → vehicle-lookup/assets}/expired.svg +0 -0
- /package/dist/collection/components/{warranty-details → vehicle-lookup}/assets/loader.svg +0 -0
- /package/dist/collection/components/{dynamic-claim/icons → vehicle-lookup/assets}/pending.svg +0 -0
- /package/dist/collection/components/{dynamic-claim/icons → vehicle-lookup/assets}/processed.svg +0 -0
- /package/dist/collection/components/{warranty-details → vehicle-lookup}/assets/x-mark.svg +0 -0
- /package/dist/collection/components/{warranty-details → vehicle-lookup}/components/CardsContainer.js +0 -0
- /package/dist/collection/components/{warranty-details → vehicle-lookup}/components/Loading.js +0 -0
- /package/dist/collection/components/{warranty-details → vehicle-lookup}/components/SSCTable.js +0 -0
- /package/dist/collection/components/{warranty-details → vehicle-lookup}/components/StatusCard.js +0 -0
- /package/dist/collection/components/{dynamic-claim → vehicle-lookup}/dynamic-claim.css +0 -0
- /package/dist/collection/components/{dynamic-redeem → vehicle-lookup}/dynamic-redeem.css +0 -0
- /package/dist/collection/components/{paint-thickness → vehicle-lookup}/paint-thickness.css +0 -0
- /package/dist/collection/components/{service-history → vehicle-lookup}/service-history.css +0 -0
- /package/dist/collection/components/{vehicle-accessories → vehicle-lookup}/vehicle-accessories.css +0 -0
- /package/dist/collection/components/{vehicle-specification → vehicle-lookup}/vehicle-specification.css +0 -0
- /package/dist/collection/components/{warranty-details → vehicle-lookup}/warranty-details.css +0 -0
- /package/dist/collection/templates/{parts-lookup → part-lookup}/mock-data.js +0 -0
- /package/dist/collection/templates/{mock-data.js → vehicle-lookup/mock-data.js} +0 -0
- /package/dist/collection/templates/{vehicle-lookup.js → vehicle-lookup/vehicle-lookup.js} +0 -0
- /package/dist/collection/templates/{warranty-mock-data.js → vehicle-lookup/warranty-mock-data.js} +0 -0
- /package/dist/components/{p-8385e385.js → p-c62be897.js} +0 -0
- /package/dist/esm/{Loading-d050617c.js → Loading-2b8a745c.js} +0 -0
- /package/dist/shift-components/{p-65939a2f.js → p-e35e44a4.js} +0 -0
- /package/dist/types/components/{parts → components}/Loading.d.ts +0 -0
- /package/dist/types/components/{warranty-details → vehicle-lookup}/components/CardsContainer.d.ts +0 -0
- /package/dist/types/components/{warranty-details → vehicle-lookup}/components/Loading.d.ts +0 -0
- /package/dist/types/components/{warranty-details → vehicle-lookup}/components/SSCTable.d.ts +0 -0
- /package/dist/types/components/{warranty-details → vehicle-lookup}/components/StatusCard.d.ts +0 -0
- /package/dist/types/components/{dynamic-redeem → vehicle-lookup}/dynamic-redeem.d.ts +0 -0
- /package/dist/types/components/{paint-thickness → vehicle-lookup}/paint-thickness.d.ts +0 -0
- /package/dist/types/components/{service-history → vehicle-lookup}/service-history.d.ts +0 -0
- /package/dist/types/components/{vehicle-accessories → vehicle-lookup}/vehicle-accessories.d.ts +0 -0
- /package/dist/types/components/{vehicle-specification → vehicle-lookup}/vehicle-specification.d.ts +0 -0
- /package/dist/types/components/{warranty-details → vehicle-lookup}/warranty-details.d.ts +0 -0
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-97b8da6d.js');
|
|
10
10
|
const partInformation = require('./partInformation-07651204.js');
|
|
11
|
-
const Loading = require('./Loading-
|
|
11
|
+
const Loading = require('./Loading-14fca13b.js');
|
|
12
12
|
const cn = require('./cn-f559f9e5.js');
|
|
13
13
|
|
|
14
14
|
const deadStockLookupCss = "*,: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}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-\\[10px\\]{margin-bottom:10px}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.table{display:table}.size-\\[22px\\]{height:22px;width:22px}.h-\\[40px\\]{height:40px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.w-full{width:100%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.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-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-md{border-radius:.375rem}.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))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.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-left{text-align:left}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/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)}.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)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.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))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}";
|
|
@@ -101,7 +101,7 @@ const DeadStockLookup = class {
|
|
|
101
101
|
}
|
|
102
102
|
render() {
|
|
103
103
|
var _a, _b;
|
|
104
|
-
return (index.h(index.Host, { key: '
|
|
104
|
+
return (index.h(index.Host, { key: '28085ac7a954bfdf05ea5d3724530c9d62100bb7' }, index.h("div", { key: 'f9f5e65102e89847011cd931c2b9acd7a2389335', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '9fcc43106e15147a6bad64ac597133c0809eee00' }, index.h(Loading.Loading, { key: '9a33038473f140166debf1bc2fa11299e10ebfcd', isLoading: this.state.includes('loading') }), index.h("div", { key: '3462deafa07da32d76a1ea6b194ba728fbb12335', class: cn.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: 'ff6d5801bca6a1dab34ff99ac4e2e211e47f4a13', class: "py-[16px]" }, index.h("div", { key: '4c9221e53ebecc13e3a51d4976c83acf9cf204fd', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '4f4bd9eea235444cf091070303ca29c5f2ed4320' }, index.h("div", { key: '03c29418532b04da39db959c6698cbd6f8e3b178', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: 'b489e74211486b2ead5eb4163e0e5492af13e1a0', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Dead stock"), (_b = (_a = this.partInformation) === null || _a === void 0 ? void 0 : _a.deadStock) === null || _b === void 0 ? void 0 :
|
|
105
105
|
_b.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-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Branch"), index.h("th", { class: "py-[20px] px-[10px] text-left whitespace-nowrap border-b border-[#d6d8dc]" }, "Available Qty"))), 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: cn.cn('py-[20px] px-[10px] text-left whitespace-nowrap') }, branchDeadStock.companyBranchName), index.h("td", { class: cn.cn('py-[20px] px-[10px] text-left whitespace-nowrap') }, index.h("strong", null, branchDeadStock.quantity))))))))))))))))))));
|
|
106
106
|
}
|
|
107
107
|
get el() { return index.getElement(this); }
|
|
@@ -10,7 +10,7 @@ const index = require('./index-97b8da6d.js');
|
|
|
10
10
|
const cn = require('./cn-f559f9e5.js');
|
|
11
11
|
const general = require('./general-a1e72036.js');
|
|
12
12
|
const partInformation = require('./partInformation-07651204.js');
|
|
13
|
-
const Loading = require('./Loading-
|
|
13
|
+
const Loading = require('./Loading-14fca13b.js');
|
|
14
14
|
|
|
15
15
|
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}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.mx-auto{margin-left:auto;margin-right:auto}.mt-\\[12px\\]{margin-top:12px}.flex{display: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}.w-full{width:100%}.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}.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-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-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-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.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}.font-bold{font-weight:700}.capitalize{text-transform:capitalize}.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))}.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))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}.size-full{height:100%;width:100%}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}";
|
|
16
16
|
const DistributorLookupStyle0 = distributorLookupCss;
|
|
@@ -22,6 +22,8 @@ const DistributorLookup = class {
|
|
|
22
22
|
this.baseUrl = '';
|
|
23
23
|
this.isDev = false;
|
|
24
24
|
this.queryString = '';
|
|
25
|
+
this.hiddenFields = '';
|
|
26
|
+
this.localizationName = '';
|
|
25
27
|
this.loadingStateChange = undefined;
|
|
26
28
|
this.loadedResponse = undefined;
|
|
27
29
|
this.state = 'idle';
|
|
@@ -83,16 +85,16 @@ const DistributorLookup = class {
|
|
|
83
85
|
mockData = newMockData;
|
|
84
86
|
}
|
|
85
87
|
render() {
|
|
86
|
-
var _a, _b, _c
|
|
87
|
-
const localName = this.partInformation ?
|
|
88
|
-
const hiddenFields = this.partInformation ?
|
|
88
|
+
var _a, _b, _c;
|
|
89
|
+
const localName = this.partInformation ? this.localizationName || 'russian' : 'russian';
|
|
90
|
+
const hiddenFields = this.partInformation ? this.hiddenFields.split(',').map(field => field.trim()) || [] : [];
|
|
89
91
|
const partsInformation = this.partInformation
|
|
90
92
|
? [
|
|
91
93
|
{ label: 'Description', key: 'partDescription', value: this.partInformation.stockParts[0].partDescription },
|
|
92
94
|
{ label: 'Product Group', key: 'group', value: this.partInformation.stockParts[0].group },
|
|
93
95
|
{ label: `${general.capitalize(localName)} Description`, key: 'localDescription', value: this.partInformation.stockParts[0].localDescription },
|
|
94
|
-
{ label: 'Dealer Purchase price', key: 'fob', value: (
|
|
95
|
-
{ label: 'Recommended Retail price', key: 'price', value: (
|
|
96
|
+
{ label: 'Dealer Purchase price', key: 'fob', value: (_a = this.partInformation.stockParts[0].fob) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
|
|
97
|
+
{ label: 'Recommended Retail price', key: 'price', value: (_b = this.partInformation.stockParts[0].price) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
|
|
96
98
|
{ label: 'Superseded From', key: 'supersededFrom', value: this.partInformation.stockParts[0].supersededFrom },
|
|
97
99
|
{ label: 'Superseded To', key: 'supersededTo', value: this.partInformation.stockParts[0].supersededTo },
|
|
98
100
|
]
|
|
@@ -101,7 +103,7 @@ const DistributorLookup = class {
|
|
|
101
103
|
const displayDistributer = this.partInformation
|
|
102
104
|
? !this.partInformation.stockParts.some(({ quantityLookUpResult }) => quantityLookUpResult === 'LookupIsSkipped' || quantityLookUpResult === 'QuantityNotWithinLookupThreshold')
|
|
103
105
|
: false;
|
|
104
|
-
return (index.h(index.Host, { key: '
|
|
106
|
+
return (index.h(index.Host, { key: 'fa76bb6b6dab895fc0ff1c05e495c67b1e786ea8' }, index.h("div", { key: 'e0c11116a2ebc7f728284dbe11c18d014e7cc36e', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '9bcfd5c07807eb536562ce2384e3541ed3fcdab3' }, index.h(Loading.Loading, { key: '3b5fec76b359d7b0f55933e5729bad6f0d9c3f4a', isLoading: this.state.includes('loading') }), index.h("div", { key: '1c610d9d994938b0769e4a963e8221681fd813fc', class: cn.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: '7052616da32a34c981ef66145edbe2ab67afa50a', class: "py-[16px]" }, index.h("div", { key: 'dc1e12e4a947f49ff1555a3370b9485d9027ab13', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '067b10f736c0997ee89dde521d6347e502df1efb' }, index.h("div", { key: '2e68ffd0e757ed385d6b4c1821a274905a859736', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '5d2acdf14db3c2e9d2d629235ab2c19889eda284', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Info"), index.h("div", { key: 'fe366d9127cc75bc7a3cd65f875fd54b69f53e56', class: "py-[10px] px-[30px] flex flex-col gap-[15px]" }, index.h("div", { key: '537a4941c4987dc8a2bd1a70fe81c690f7036b63', class: "grid grid-cols-3 gap-[50px]" }, displayedFields.map(({ label, value, 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), index.h("div", { class: "py-[10px] px-0" }, value))))))), displayDistributer && (index.h("div", { key: '1281450dd7b8aba827ccb50268a03b0a95c6e1f9', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: 'ac7f771f521828a2ce26132e37157e233ca0e784', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Distributor Stock"), index.h("div", { key: 'fae623ee5b973ce06b0d6bdf4374661d9d3797e3', class: "flex flex-col gap-[15px]" }, index.h("table", { key: 'de70dc69228c6289ffb5e6b403da955e9c1a4393', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '4ce5f815c60a6f32b04ed5472d0ff694d19b6d87', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '48b6674d15b88588147756aeced1518a06746041' }, ['Location', '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", { key: 'f80cb4732d9ce25e6b5b6162d6d8ebf08f7525a4' }, (_c = this.partInformation) === null || _c === void 0 ? void 0 : _c.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: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, stock.locationName), index.h("td", { class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap') }, index.h("div", { class: cn.cn('text-[red]', {
|
|
105
107
|
'text-[green]': stock.quantityLookUpResult === 'Available',
|
|
106
108
|
'text-[orange]': stock.quantityLookUpResult === 'PartiallyAvailable',
|
|
107
109
|
}) }, index.h("strong", null, stock.quantityLookUpResult === 'Available'
|
|
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
8
8
|
|
|
9
9
|
const index = require('./index-97b8da6d.js');
|
|
10
10
|
const cn = require('./cn-f559f9e5.js');
|
|
11
|
-
const Loading$1 = require('./Loading-
|
|
11
|
+
const Loading$1 = require('./Loading-14fca13b.js');
|
|
12
12
|
|
|
13
13
|
const expiredSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiA4TDggMTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgPC9nPgo8L3N2Zz4=';
|
|
14
14
|
|
|
@@ -328,7 +328,7 @@ const DynamicClaim = class {
|
|
|
328
328
|
render() {
|
|
329
329
|
var _a, _b;
|
|
330
330
|
const serviceItems = ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceItems) || [];
|
|
331
|
-
return (index.h(index.Host, { key: '
|
|
331
|
+
return (index.h(index.Host, { key: '6e978e300bae2dd76b153421a56180adac9b0181' }, index.h("dynamic-redeem", { key: '98762e62d38fedf77d328e8dc2da6c832b927f0c', id: "dynamic-redeem" }), index.h("div", { key: '46b817f023ce25c860c79c4fafe7c963b9acd6be', class: cn.cn('dynamic-claim-wrapper', { loading: this.isLoading, idle: this.isIdle }) }, index.h("div", { key: '3e93ee7b596ab9d4fb338e5a7c5973d102d6db2b', class: "dynamic-claim-header" }, index.h("strong", { key: '037bbee7e1aa4c3cf36d93fdc20c01959f194fca', onAnimationEnd: this.removeLoadAnimationClass, class: "dynamic-claim-header-vin load-animation" }, this.errorMessage && index.h("span", { key: 'd68269004e338abd8d08c8bb840e5084a3b428a7', style: { color: 'red' } }, this.errorMessage), !this.errorMessage && ((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vin))), index.h("div", { key: '7cc8f93760c08f55af3d56515c928c2a888c8f18', class: "dynamic-claim-body" }, index.h("div", { key: '471ede9a4acb83195d9b0f78a36d00364abd99cf', class: "loading-lane" }, index.h("div", { key: 'f734fcaca3e8653870e76a3e72c45a1cbb2bd320', class: "dynamic-claim-loading-slider" }, index.h("div", { key: '747118edb9777ee3833bcb27c01d3f8b19cef6c6', class: "dynamic-claim-loading-slider-line" }), index.h("div", { key: '3e65f85d83ba6aaa062e83989683675ad0ec5b7c', class: "dynamic-claim-loading-slider-subline dynamic-claim-inc" }), index.h("div", { key: '48a3aa105f30e70ff0bdb1f335a404e0a88fd791', class: "dynamic-claim-loading-slider-subline dynamic-claim-dec" }))), index.h("div", { key: '9009de9a5e02782908f0b4d79fa89aaf43dbba2d', class: "dynamic-claim-progress-lane" }, serviceItems.map((item, idx) => {
|
|
332
332
|
let statusClass = '';
|
|
333
333
|
if (item.status === 'pending') {
|
|
334
334
|
if (serviceItems.findIndex(i => i.status === 'pending') === idx)
|
|
@@ -337,7 +337,7 @@ const DynamicClaim = class {
|
|
|
337
337
|
else
|
|
338
338
|
statusClass = item.status;
|
|
339
339
|
return (index.h("div", { key: item.name, class: cn.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, item.status.charAt(0).toUpperCase() + item.status.slice(1)), 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)));
|
|
340
|
-
}), index.h("div", { key: '
|
|
340
|
+
}), index.h("div", { key: '1e05a3af9851d7418c31e4fd16d9ec4836930bdc', class: "dynamic-claim-progress-bar" }))))));
|
|
341
341
|
}
|
|
342
342
|
get el() { return index.getElement(this); }
|
|
343
343
|
static get watchers() { return {
|
|
@@ -505,11 +505,11 @@ const PaintThickness = class {
|
|
|
505
505
|
render() {
|
|
506
506
|
var _a, _b;
|
|
507
507
|
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: [] };
|
|
508
|
-
return (index.h(index.Host, { key: '
|
|
508
|
+
return (index.h(index.Host, { key: '355f2df0a3e80a89c0fdcb8aabb0e40ccc700bf6' }, index.h("div", { key: '5aeb480a0b710ceb13d0bffcf6b71cc75b833143', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '63cd6f54659b1cf4431fdf625993b3fa7a29bd39' }, index.h(Loading$1.Loading, { key: '012fb79e5ffbb120046a6ce2827f36406a0b048f', isLoading: this.state.includes('loading') }), index.h("div", { key: '1adcc025c0aec78f5c49898f8aa3aa7254692ade', class: cn.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: '73c09edaee5d53821c5ccbf664b939417138eb1b', class: cn.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: '24c95b96da8bf0281f8651933bf52de6c09159e7', class: "py-[16px]" }, index.h("div", { key: '0f93d0e593172c81f9e9793385fcb41ba442708e', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '253e4eae86844769ef81f278f87583fbab791dea', class: "flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '30ea8fa499edecc4d9a5f389d1b801041f3f8b41', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Paint Thickeness"), index.h("div", { key: '43bc2a9e95f73d028eee8c0b1d4ab07c3a54527b', class: "h-0 overflow-auto flex-1" }, !parts.length && index.h("div", { key: 'e5e6e8c3baa2f98df7d800a791d3c686013e357f', class: "h-[50px] px-[30px] flex items-center justify-center text-[18px]" }, "No parts are available."), !!parts.length && (index.h("table", { key: '17065cf14a8db4cddad1972deb0bdb36d826be04', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '118e8822d316131999b936404afeafd495f10c8a', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '2823f3b683e6c7416ea5a6754b63fd49f2df03ac' }, ['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]" }, title))))), index.h("tbody", { key: 'c5574301b73756700ff5ec867e31e379e573d96d' }, 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: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
509
509
|
'!border-none': idx === parts.length - 1,
|
|
510
|
-
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '
|
|
510
|
+
}) }, part[key] || '...')))))))))))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '07a2c492c12647c16ac2b6e494056d9ccdb1ea55' }, !imageGroups.length && index.h("div", { key: '3c96acc6216c2523c1f2ea3d5d32f39072ccdc68', class: "h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]" }, "No image groups are available."), !!imageGroups.length && (index.h("div", { key: 'b3179fc893a9f8b92395a1bedafd6955d7f5b664', 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" }, "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: 'a727d06966fd3aac08d5c5f8bd16f4fe00040db2', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn.cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
511
511
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
512
|
-
}) }, index.h("button", { key: '
|
|
512
|
+
}) }, index.h("button", { key: 'dc3da2c8ac67e1c62db2958e29079b52ca514213', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, index.h("div", { key: 'abfc5c11a56825803a3b87ee0e36f2e5a47f2953', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), index.h("div", { key: 'a37fa84c8e51ea026a2869c246645bf816effd1d', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), index.h("img", { key: '062421c196e4ffb107c5b0c1aa93d117bad3a18d', alt: "", id: "expanded-image", class: "fixed opacity-0 z-40 transition-all rounded-lg" }))))))))));
|
|
513
513
|
}
|
|
514
514
|
get el() { return index.getElement(this); }
|
|
515
515
|
static get watchers() { return {
|
|
@@ -592,7 +592,7 @@ const ServiceHistory = class {
|
|
|
592
592
|
}
|
|
593
593
|
render() {
|
|
594
594
|
var _a, _b, _c, _d;
|
|
595
|
-
return (index.h(index.Host, { key: '
|
|
595
|
+
return (index.h(index.Host, { key: '1b058ba5baea7e3249a66e5b7a040a673b140345' }, index.h("div", { key: '414432d67e85b8ad11a0f9a3bf9cf6336e06c8ce', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'd4129e8101efd34c820d64661c90c5d81a65a90c' }, index.h(Loading$1.Loading, { key: 'ff1d26799aceb06a1c7b22c556cc1391e3585481', isLoading: this.state.includes('loading') }), index.h("div", { key: '09a740c1f863f0bd90ea52e6f94c8c9add2901f4', class: cn.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: '1e40aeba7672c94cb70479d8cf4ca28e217a1ac2', class: cn.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: '4b2102507916ecdd06ce0fbc8fe5b82cf9463fe3', class: "py-[16px]" }, index.h("div", { key: '89a48cf522a860d2840e772ca0a2750ffd6f6652', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '42b2403fae1685bf6a49f756ac3a6aae31a6423d', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '462678b7179bb278d9a51845fda8c98deff3a790', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Service History"), index.h("div", { key: 'a3a484027fa040a6f80b94cdd3c8fcaf5d36a977', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.serviceHistory.length) && index.h("div", { key: '4562aaa28b8941799d7203c49d0a457feb881616', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.serviceHistory.length) && (index.h("table", { key: 'cbb4515b99b33e65536d2f577439bf5c4bd19c61', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'a6829bbcb8578d51a4be89b02b4095b21966ed9f', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: 'd6bfa489b6797e499173b8e67b28f0eb519e70ac' }, ['Branch', 'Dealer', 'Invoice No.', 'Date', 'Service Type', 'Odometer'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), index.h("tbody", { key: '27f91e98246790262d844c68290f12abdad7ba74' }, (_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 => {
|
|
596
596
|
var _a;
|
|
597
597
|
return (index.h("td", { key: service.invoiceNumber + serviceType, class: cn.cn('px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
598
598
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
@@ -691,7 +691,7 @@ const VehicleAccessories = class {
|
|
|
691
691
|
render() {
|
|
692
692
|
var _a, _b;
|
|
693
693
|
const accessories = (this === null || this === void 0 ? void 0 : this.vehicleInformation) ? (_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.accessories : [];
|
|
694
|
-
return (index.h(index.Host, { key: '
|
|
694
|
+
return (index.h(index.Host, { key: '809010a784fce81c13a9f653768bcb2f792b2a8b' }, index.h("div", { key: '68da5c8fccf4b24c2d3a42cf4cc3fefb7dd560ab', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '947bbad37c5117df4f79f2c896936a22f00b0531' }, index.h(Loading$1.Loading, { key: '855aa5567d59bbfac43495c5baba708fb5600c1c', isLoading: this.state.includes('loading') }), index.h("div", { key: '1fe9e47793a7f58b8b0f4251ced6f7ff49f93240', class: cn.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: '7ed9356bf45e5b27c4c5ad032d44d3fdbf60631a', class: cn.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: 'dd349e9113ddde6a1447dd7b56d1045db29eecb6', class: "py-[16px]" }, index.h("div", { key: '0d720a59842a2f1e4adfdcf82bd2b443625d9c14', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '48030f4b6938c6174df0e80cea90221efcd80135', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: 'be06d52f77788855c3763833868bf8c5aa9fa259', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Vehicle Accessories"), index.h("div", { key: 'e38e31796058e2094531f1b364339dfbe6acdf77', class: "h-0 overflow-auto flex-1" }, !accessories.length && index.h("div", { key: 'f95c52c80f0a2dab3f0ee7e439c100b6b94a21b0', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!accessories.length && (index.h("table", { key: 'a207dd43d39984d701a654550040224866bf583b', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: 'ce3b75261934c67c9297a818fe8cfa7feaaa936c', class: "top-0 font-bold z-40 sticky bg-white" }, index.h("tr", { key: 'ab5f928cd658c193f9464974392dac8f937150b4' }, ['Part Number', 'Description', 'Image'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), index.h("tbody", { key: '359c90cabf19855f2fc0464c04899bdbf3890afa' }, accessories.map((accessory, idx) => {
|
|
695
695
|
var _a;
|
|
696
696
|
return (index.h("tr", { class: "transition-colors duration-100 hover:bg-slate-100", key: accessory.partNumber }, ['partNumber', 'description'].map(key => {
|
|
697
697
|
var _a;
|
|
@@ -701,9 +701,9 @@ const VehicleAccessories = class {
|
|
|
701
701
|
}), index.h("td", { class: cn.cn('px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]', {
|
|
702
702
|
'!border-none': idx === ((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.serviceHistory.length) - 1,
|
|
703
703
|
}) }, 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" }, "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 })))));
|
|
704
|
-
})), index.h("div", { key: '
|
|
704
|
+
})), index.h("div", { key: '8dbd610b0699e78ff72321b3542d8a5bebaac697', onClick: () => this.closeImage(), style: { backdropFilter: this.expandedImage ? 'blur(3px)' : 'blur(0px)' }, class: cn.cn('pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400', {
|
|
705
705
|
'pointer-events-auto opacity-100 delay-200': this.expandedImage,
|
|
706
|
-
}) }, index.h("button", { key: '
|
|
706
|
+
}) }, index.h("button", { key: '504e17f2df3bbffe428e75e71b44fde9a681084e', class: "flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]", onClick: () => this.closeImage() }, index.h("div", { key: 'ea82b4f6759a5593d057a42a18f7e116d86ee921', class: "h-1 w-12 rounded-full rotate-45 absolute bg-white" }), index.h("div", { key: '6aabdfaf3e10b744c6ade52e12a5b1c9bc81f5f7', class: "h-1 w-12 rounded-full -rotate-45 absolute bg-white" }))), index.h("img", { key: 'b0d0a64346461b81c2113f4928bb2de08abeb440', alt: "", id: "expanded-image", class: "fixed opacity-0 z-50 transition-all rounded-lg" })))))))))));
|
|
707
707
|
}
|
|
708
708
|
get el() { return index.getElement(this); }
|
|
709
709
|
static get watchers() { return {
|
|
@@ -781,7 +781,7 @@ const VehicleSpecification = class {
|
|
|
781
781
|
}
|
|
782
782
|
render() {
|
|
783
783
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
784
|
-
return (index.h(index.Host, { key: '
|
|
784
|
+
return (index.h(index.Host, { key: 'e96ba82b8f58b3812bfb539e6e20020635d17c13' }, index.h("div", { key: '65896e18a4b328b657dc7ae37506f3f090be58ef', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: '85b32b58705d8ede8161f4bf429e4eea2eeab113' }, index.h(Loading$1.Loading, { key: '102144466024234e3b3d67f40a2ed613d8decb8f', isLoading: this.state.includes('loading') }), index.h("div", { key: 'ea3201bce6b9471c1c1b3cf2336bb4d3d820345a', class: cn.cn('transition-all duration-700', { 'scale-0': this.state.includes('loading') || this.state === 'idle', 'opacity-0': this.state.includes('loading') }) }, index.h("div", { key: '063a8e9ae6202a207ee9e03bb8e21c8d269f105f', class: cn.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: '5b6e0c8f594a4609ebe476e39c607ddd16221c2a', class: "py-4" }, index.h("div", { key: 'cd11ab7ea9c2b17b870bce21b793b06707b729ea', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '9afcbe4ffc5e11f39c2ff6f284d2f0b6b9f24df4', class: "flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '324be66504bbe49d03d3e777d5fa5b14c8129975', class: "w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]" }, "Vehicle Specifications"), index.h("div", { key: '0875021cb9dcf017b98d516e5898c05b5803a1ba', class: "h-0 overflow-auto flex-1" }, !((_b = this.vehicleInformation) === null || _b === void 0 ? void 0 : _b.vehicleSpecification) && index.h("div", { key: '9132eb142b5f67fbb5310936bfba4517174eafcf', class: "h-[80px] flex items-center justify-center text-[18px]" }, "No data is available."), !!((_c = this.vehicleInformation) === null || _c === void 0 ? void 0 : _c.vehicleSpecification) && (index.h("table", { key: 'ed324bef37bc05379b5bf9f7c2e86b9a45ec732e', class: "w-full overflow-auto relative border-collapse" }, index.h("thead", { key: '1fc091f01a228617523d213dcdf295368f875279', class: "top-0 font-bold sticky bg-white" }, index.h("tr", { key: '308569c58472d2680c5e7b9ed444d0e7360948f5' }, ['Model', 'Variant', 'Katashiki', 'Model Year', 'SFX'].map(title => (index.h("th", { key: title, class: "px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]" }, title))))), index.h("tbody", { key: '9d44d2b25f0cd37603d10d4632c1adf78cbaabeb' }, index.h("tr", { key: 'ce399b783d636d8f7e4cb5dac62ef08ca0e2383c' }, index.h("td", { key: '2f3fdaac2635377722caea73a05d097686606cb7', 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: 'f7b14609c4be0a16414311c9c42f594f37bf9a5d', 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: 'a20ed93430b4d33734e068b4495623ea0cbc1872', 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: '8b77dac46b0161eca0b5d1806f643d72d787b821' }), ((_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 => {
|
|
785
785
|
var _a;
|
|
786
786
|
const [place, field] = infoPath.split('.');
|
|
787
787
|
const cellValue = (_a = this === null || this === void 0 ? void 0 : this.vehicleInformation) === null || _a === void 0 ? void 0 : _a[place][field].toString();
|
|
@@ -1029,7 +1029,7 @@ const WarrantyDetails = class {
|
|
|
1029
1029
|
}
|
|
1030
1030
|
render() {
|
|
1031
1031
|
var _a, _b, _c, _d, _e;
|
|
1032
|
-
return (index.h(index.Host, { key: '
|
|
1032
|
+
return (index.h(index.Host, { key: '590b86e8c3fc8993794c24edabf8169c7e8105a4' }, index.h("div", { key: 'a3f2b266e72f75c6aecec054d0eef277a16807f7', class: "min-h-[100px] warranty" }, index.h("div", { key: 'a272392f3848b40df31b2f3ea47665e9d9b6fab6' }, index.h(Loading, { key: '9651e47db177da1e7097f037e63dcc208bee4ff6', isLoading: this.state.includes('loading') }), index.h("div", { key: 'f06b83e2903199b624780923a83ce3c005cc4e04', 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: '09086f9a3e4d301fa2c0283de6c4a458a1f37bfa', 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: 'd781b9b96fe9151fdc711127fd6e95eec3d2c27a', class: "py-4" }, index.h(StatusCard, { key: '2d5056b842c7c5276dd9068a9c15f7b4c3934271', desc: this.errorMessage, className: "mx-auto reject-card max-w-500" }), ' ')), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (index.h(CardsContainer, { key: '3e3fe57c08277d0c4b113638f5c7b1c8bf67c1da', 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: '45b368d2f868d6968bc378933dbcb43ed3f769b8', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, index.h("slot", { key: '18cc24a9b1432f305e3af6e08a166e4418d2074d' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (index.h("div", { key: 'db95680aa9342d5c19413520d743ac27954601cc', class: cn.cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.recaptchaRes.message)), this.checkingUnauthorizedSSC && (index.h("div", { key: 'a2874a0311723a32f2c4ace8ac59e6eca21c068d', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, index.h("div", { key: '5e8a3b3db4bed8820ba077c829ae1ba02acc69b1' }, index.h("strong", { key: '945a36e3f1c7a814924d36356699b22149693f1f' }, "Checking TMC")), index.h("img", { key: 'fe2abdbb699dc69083e439b56e336534d2b29e34', class: "spin", src: Loading$1.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: '2c536e2020a6bbf952e43f1f93df185c44b4ce2e', ssc: this.vehicleInformation.ssc })))))));
|
|
1033
1033
|
}
|
|
1034
1034
|
get el() { return index.getElement(this); }
|
|
1035
1035
|
static get watchers() { return {
|
|
@@ -125,11 +125,11 @@ const DynamicRedeem = class {
|
|
|
125
125
|
const disableInput = !this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles;
|
|
126
126
|
if (!disableInput)
|
|
127
127
|
this.focusInput();
|
|
128
|
-
return (index.h(index.Host, { key: '
|
|
128
|
+
return (index.h(index.Host, { key: '7ea18e4fadefc9890b6346a56c29a2057ff4dae5' }, index.h("div", { key: 'facbf1dcacb0f5bf7ced03c1d71173144c8a4e60', class: cn.cn('dynamic-claim-processor', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, index.h("svg", { key: 'efab69b4fd0fc8bda536a4a723a8db6e445fdb2a', 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: 'd0a0ac68fcd60f48d4300a174990b122dd9868fb', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), index.h("g", { key: 'eca5bf7b0719fc86ac0f886e90260463624b07b9', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: 'f34e7075df7ba0fa672831e0de3ba9d024633982', id: "SVGRepo_iconCarrier" }, index.h("path", { key: 'c24ef4a14d9ecc07e29b9196fc8f13caf9c9bf7c', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { key: '2be1d7b1a861a3ffc7dbe158f4791719b1cd8d72', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: 'b9a4abea36a13d0e796ce95e89bd2bccfe6d47b0', class: "dynamic-claim-processor-wrapper" }, index.h("div", { key: '720c7b9b1de4b22fd0928d6b5eb79a38193c8468', class: "dynamic-claim-processor-info-box" }, index.h("div", { key: 'cb5e4a0b8596c5c782aafb78228e31728c6f1a55', class: "dynamic-claim-processor-info-box-header" }, index.h("strong", { key: '62a593462b321dcea73c093e415d0dbd8b9d6bd5', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), index.h("div", { key: '1a5ff709581b8f18971379f30314fe835a31eb3b', class: "dynamic-claim-processor-info-box-body" }, index.h("table", { key: '6d61ff99ccba84dc53b59b8564c4ad035b95372b', class: "border-separate" }, index.h("tr", { key: '990674c386c2d9cec2f5122caa0b09ef96a44523' }, index.h("th", { key: '1002adc8b12ddeea1e8032f1da12b5af21c83e8b' }, "Service Type"), index.h("td", { key: '89b9426749a50067df55db904e78fc6521e2e09e' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), index.h("th", { key: '4f74393f4ee9f5a367cbef81aadcbbf61c690a0d' }, "Name"), index.h("td", { key: 'c789f80b5aeefd3e979d16e7a0f4ea2fdce93ed1' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), index.h("tr", { key: 'b54cd591800861e59da162b88b6a244b379bacd6' }, index.h("th", { key: 'a434d8772d60bff1f576163c2858b93ae03fce46' }, "Activation Date"), index.h("td", { key: '5e8650d609cc9c8c2b3d0331ba3bf864be344e38' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), index.h("th", { key: '981e8ae49a3ac15f4a9541f014f2f20ae619d87d' }, "Expiry Date"), index.h("td", { key: '1b75bce9817ca071211029622e6315ff6c95363a' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), index.h("tr", { key: '7b92c9d3f1cde8bfe98315bde7e0b7954d341cb7' }, index.h("th", { key: '624e7be8fcd535a702e1ec182224fdd1cb129d36' }, "Menu Code"), index.h("td", { key: '24ee026cc9cfb1700d0842a12e30cbf56fa57608' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.menuCode))))), index.h("div", { key: '76c5666102384f3d11d0c584ee5c101d9e6888a2', 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: '1ca55d23fe8e2bfc4102532df847e4ddda998acc', class: "admonition warning" }, index.h("p", { key: '7851d8d8b29cec199ee0466aa6963323ac245d1d', class: "admonition-title" }, "Warning"), index.h("div", { key: '086e2d19996bb9cec86fbc1c3a6d508cb2d87b1a', style: { padding: '0 30px' } }, index.h("p", { key: '3645a5f3a7caa44370a9ca68e2fd7771490eb66f', class: "my-4" }, "the following Services Are still 'Pending' and they will be marked as 'Cancelled'"), index.h("ul", { key: '3184c6806f652ff1e18f5060fc7c529f52e42644', class: "dynamic-claim-processor-to-be-cancelled-list my-4 pl-10 list-disc" }, this.internalCanceledItem.map(({ name }) => (index.h("li", { id: name }, name)))), index.h("div", { key: 'b16e20211bbdf3655d2b6baba0479024aef04c86', class: "cancel-confirmation-box" }, index.h("label", { key: '6107738c56955193fe9ff0b20d9d13a1d63359a4' }, index.h("input", { key: '6487d57080dfe0fdc6330a2100a10451a5db417c', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
129
129
|
this.confirmServiceCancellation = !this.confirmServiceCancellation;
|
|
130
|
-
} }), ' ', "Confirm Marking the above services as 'Cancelled'"))))), this.unInvoicedByBrokerName && (index.h("div", { key: '
|
|
130
|
+
} }), ' ', "Confirm Marking the above services as 'Cancelled'"))))), this.unInvoicedByBrokerName && (index.h("div", { key: 'da07af777aa9bb41a431a937784c973e90ca2fc4', class: "admonition warning" }, index.h("p", { key: '94f42d9732ab343fd81dc5ba5c67570ee5a503be', class: "admonition-title" }, "Warning"), index.h("div", { key: '03add06584426d108d3a7827ffefde6905cea542', style: { padding: '0 30px' } }, index.h("p", { key: 'faa3390b9483ffcf1813cb98d0c6b30d6116562e', class: "my-4" }, "This Vehicle is not yet invoiced by the following Trusted Business Partner:"), index.h("div", { key: '11d799db5ac38c1400fbe6d144f9f7279d61c22b' }, index.h("strong", { key: '9a22678bc79691244974f316d7fc8a197583f905' }, this.unInvoicedByBrokerName)), index.h("div", { key: 'a13f1c55bf8c3bed0ba5a76ef787ea93c39c375e', class: "cancel-confirmation-box" }, index.h("label", { key: '9ae25e9d5dbfa9f1b1390bf8c22d3f67d2c89209' }, index.h("input", { key: '719b0152957d6d4e6dffbfdc1ce4ef8796c53f88', type: "checkbox", class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
|
|
131
131
|
this.confirmUnInvoicedTBPVehicles = !this.confirmUnInvoicedTBPVehicles;
|
|
132
|
-
} }), ' ', "Confirm Claiming without Trusted Business Partner Invoice"))))), index.h("div", { key: '07ec34ce41ac719b5fc4466f5f3454c01e0f3c47', class: cn.cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, index.h("div", { key: 'e81f22dfd193728d65d4b5b180a7cadf7c759934', id: "scan-invoice-step", class: cn.cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, index.h("div", { key: '0e52b7c8dfcc25bcd0348ea6b1f4c2f9896dcf27', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, index.h("div", { key: 'f9700298e6a1275a771f4728dc8d4ac837da7e25', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, index.h("svg", { key: '54a4540aa0c0497b7645c4e177585af30502a0dd', 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: '23bf9c1cc0d5ad23a4197385cdcf6e8cacc4890a', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), index.h("g", { key: '2f77d4b27f8c9a9c40fa2e7516d8f837f9b7dc86', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: 'e1b65e3fdf3509ca831eb9e2af3317bc91f99dd6', id: "SVGRepo_iconCarrier" }, index.h("g", { key: 'c82ab0b2cc84a1e5dd8a111bced564b71288a9a7' }, index.h("g", { key: 'b0c51d3b92e866cafdc2abfb3e9f4fe86af8065f' }, index.h("path", { key: 'fcc9457f1b51a80cdc6f84f067c345eb019f5f0a', 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: '681e112d6bb62ec67e21ebbccbca25bdbab84153' }, index.h("g", { key: '5213d522e7217be7515fd59c8f532a7bf30ac475' }, index.h("path", { key: 'd0abd1d8f565f0718f1760a0143e828bf8e10d56', 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: 'b52cb61950588c6d4fcea5305c75a86bae8aa161' }, index.h("g", { key: 'bf1eb4f68c38e57206e764b0ef95425bba0d8e6f' }, index.h("path", { key: 'c59d995efe9323a36f8159cca252b08204dd72a0', 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: 'bbfc759654469d34b9585deb9b2fe47fca8b6a9f' }, index.h("g", { key: '9b5d6a2d6160971132d9e9769e8de55bf29d2ae9' }, index.h("path", { key: '659908331de71501a9c369b5c8bed78db67013c0', 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: '741b92e30534cafcdae4b4731b303231cf72f332' }, index.h("g", { key: 'aef93ce494c69bb08eba8e89e96514e827032d8d' }, index.h("path", { key: '9a46e1bce5b80550c868567afa8a288f5d495a0b', 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: 'db9a06810a705c7147cf0420f18644bb601ce498' }, index.h("g", { key: 'eafe184509bcfc5889ecff86bd69be99e0088629' }, index.h("path", { key: 'b6d6d6e19fb90d4d7d20dcd74415d97f1407ff9a', 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: 'bda84f43c22d3e8a4770adc7b27d3573156cf819' }, index.h("g", { key: 'e301d24b2d7b64a4b93d9246720b44d88ccced5e' }, index.h("path", { key: 'c11b733f1805f3c33ba205e719c4ef6650e1ea9d', 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: '19eb3830430e6a4bcbc91e6343f33db94747a538' }, index.h("g", { key: 'fcf55a93a6038720b74aaf37c73e1800388112df' }, index.h("path", { key: '29bfde36b1df483d3de9fff4e89eae14b7e64736', 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: 'a6bfb63b015bf34f9a4c5c3d3e1661eece03cd92' }, index.h("g", { key: 'cc03958492dba1cb004f538a2d0bed6068aeada7' }, index.h("path", { key: 'ab3ec918b0a1811f781a809f772013c7b8381ebf', 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: '43bf8332390ce7aeec882f158d8d9269befa4d15' }, index.h("g", { key: '298a87f334949dfa818872d345a6f760192779b0' }, index.h("path", { key: 'a88530d176f70360e79f0d38f05c82c6428dda49', 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: '7b114b44a5f90d1b8957aaaa64742eed9de7e94e' }, index.h("g", { key: '6b8138129da5cb859096b16eeba6669d69ff2b03' }, index.h("path", { key: 'fc6e3331cb9d3413f77960a5f033aaf740aefdf2', 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: '303c6b10d159bae33dc0c35fb43e4810fe9a8b53' }, index.h("g", { key: '60410a8347113f620a71a681281f34a0b863d1a2' }, index.h("path", { key: 'cb395982658ab40332c0bc8d0b8577c04414bcb8', 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: 'de7c797f03ef18de1a55aff2f627ecb2cc29111f' }, index.h("g", { key: '974725e5e0ae2855a1d6d2d1b611105e774713bf' }, index.h("path", { key: '9d3f2d12f0c497348331c92618abd567ac2a4555', 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: '65c1e1978660af879cdca9f1895f8a6896757e36' }, index.h("g", { key: '3a3d638994a9d02a84e6fdc8b8b707d108264de3' }, index.h("path", { key: '62c03bad2d531e457a3a9d51a0ee9f4d641d452f', 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: '11572e8817527e81b6ea58162e906d1fd60359c1' }, index.h("g", { key: '26fdcaddc5ef48ba48401d08145191aed07f6e6e' }, index.h("path", { key: 'a4c985cc15b01c526eb8cf0a36715214fc6fcc1f', 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: 'a00535a6d8c7f960665e9876c9c7f95d240e3fac' }, index.h("g", { key: 'e81e1437c9d47c4ce32c1638efae146fa5c7e5aa' }, index.h("path", { key: '485026b7e56b663ad5141771e82eb2d4f3feadef', 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: '96b75ba71784c55f40436815c59375e42f2106a1' }, "Scan the Invoice")), index.h("div", { key: '74b300869858b28ad324e7bf838a168b5eda0bf4', style: { position: 'absolute' }, class: "loading-wrapper" }, index.h("div", { key: '7ff4ffeace3198acbed673d16cfd57b908bc50a4', class: cn.cn('lds-ripple', this.isLoading && 'active') }, index.h("div", { key: '45ef1237baf64a5b69d703a686ec002f4d6e081b' }), index.h("div", { key: '5ebb4df2cedde49d14a198447f496f78fc8bfb53' })), index.h("div", { key: '7c0fca8f167acfd80481cc92a232a6a2e64bc60a', class: cn.cn('lds-ripple-loading', this.isLoading && 'active') }, "Processing ..."))), index.h("input", { key: 'ffac58cefca2f545c2f56a9ba67e5d99ed01b5fb', 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' } }))))))));
|
|
132
|
+
} }), ' ', "Confirm Claiming without Trusted Business Partner Invoice"))))), index.h("div", { key: '951942abe6995ed155f2d9800bb572e8a19c4068', class: cn.cn('dynamic-claim-processor-progress', (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles) && 'disabled') }, index.h("div", { key: '997c6a843683801155f88e8d8c64318e1f87f5ca', id: "scan-invoice-step", class: cn.cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, index.h("div", { key: 'ecaea7fa9458d6800f97f289723b3609b0b7b728', style: { position: 'relative', width: '130px', height: '130px', display: 'block', margin: 'auto', marginTop: '15px' } }, index.h("div", { key: '7e6454f31cb82c63a4bbb10a8b7dc1be6d7fac6b', style: { position: 'absolute' }, class: "scan-invoice-wrapper flex flex-col gap-1 justify-center items-center" }, index.h("svg", { key: '333521e33e644e25d3e1f28949fab5f2a6c0e5b0', 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: '95eaad08a062318e9f9db4317b96306b86642139', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), index.h("g", { key: 'f78e536c8cc0d32a16a0424cc7f098d73286b479', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: 'b65a4b29d75d883532f86634d9bd531f09cf7ead', id: "SVGRepo_iconCarrier" }, index.h("g", { key: 'd9410f0ce81c453360349412cf2f8b62f762ba11' }, index.h("g", { key: 'c7c64f4dc942e2de8fb851e6bdcf45022e672510' }, index.h("path", { key: '4f4b628c4255d179519e2b953e59a17c6a924c1a', 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: 'd8dfaa272dc038f9a409a07f20a376872e2c49d6' }, index.h("g", { key: '92a785053a4a484d4cfa3dcba2d6501f4d95bd63' }, index.h("path", { key: '98f1da5fa072e2208f083f8bf6780e6dea4608e6', 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: 'f3dca4bd971490fedd8a3b12046ef4bc0920215e' }, index.h("g", { key: '0218794dd99ca2f80f474ff0c9e1371a14011a54' }, index.h("path", { key: '5664c682ebf85609e55fb91ae9150ec0b790282d', 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: '0ff24162a3500fcfbe933af6b7954fc1a7c4116d' }, index.h("g", { key: '780cb9811d541c8a662f7e6328a0caeb294b23e1' }, index.h("path", { key: '8144a520d72cdcbe909f81abee08e811b112a793', 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: '3b908924f2df6e7025a3913c7998a1a13290a6b9' }, index.h("g", { key: 'efa92cfff7cf13fbba841173d6f24a3632d56c40' }, index.h("path", { key: '11b0a430b9558b213e2c018245d199a7b4f71a26', 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: 'b4701864f89c78d3b34ad264058f90ffb355a57d' }, index.h("g", { key: '112007561eda64334264db3140b2b9d1a171ae05' }, index.h("path", { key: 'bdc48e97205b19f455f2567a1e21ef2791f082f8', 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: 'cc19dded6610b3c38df00eb86690ef5da6646311' }, index.h("g", { key: '38f73ff945164d99ba4ca5572eea6e3da41ab83e' }, index.h("path", { key: '31f531ce112abddd9155c612347a550133dccbbe', 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: 'a11875702a3fc98e0acfbbcb4af12eb4493af258' }, index.h("g", { key: '10d753a00196f287b6afc85869870c8a762b8015' }, index.h("path", { key: 'c095ad4acfeaaea83205afdb5c3c482ec9d772ac', 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: 'd4445fed4d88d0442843a878bcac6e69fe9b74d3' }, index.h("g", { key: '64d604d7670df1e7508bcde262d4077504081522' }, index.h("path", { key: 'e96d7331677e226f88e751233077a4c272acde8f', 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: 'ed7b2e50d6ba9a1300d6acf05043f3fa0181703c' }, index.h("g", { key: 'e25d13f88c01cf40a2d6986d8a7c91f9cbdf880f' }, index.h("path", { key: '4a62c6e4880d9554a88d2dcf2b9da4c72f91ad61', 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: '9031c38f7ad634a20d16d46bee109910605ada47' }, index.h("g", { key: '9151c7dea666703b37d470f11c4a27790da99bca' }, index.h("path", { key: 'b36cf4ac3fad4be56317a2605be087a46212d9bb', 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: '6ce2c120f503b02241a11803ee643df17be742bf' }, index.h("g", { key: '5342f6b2940cb61841045992b398410344cbe771' }, index.h("path", { key: '6a11df9eea892fbb3fa4540e63745d2e65644e7f', 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: '9bd5c72fc4972da0eb431165939082b6b9918320' }, index.h("g", { key: '01f2799a580fa6ff6837f24c0c45841b0ae80133' }, index.h("path", { key: '281da0da97a271db4c8e1439ed889fdab1e41e89', 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: 'eeab8100ba66288719c9bd25daf4dccddca387ef' }, index.h("g", { key: '1502a6ebd3c6fbe19a033e68ca784230313ecd2e' }, index.h("path", { key: '15f0c1e838090236060dbc44c88ff80b4a5be707', 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: '670e313fe53a0daf241bccc62713f98e13a0eaea' }, index.h("g", { key: 'db5b79634178045e411db9e17e98c3f1705422f3' }, index.h("path", { key: '3e0cf63bb723b972a46ac206657425e5c5f03228', 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: 'b24cb217593c420ad1ac7e387e803582b0690a0f' }, index.h("g", { key: 'cf67f96250fddb8c8392701dba0d4867d2d551a5' }, index.h("path", { key: 'b7e3b2da13a756848cf0b951fbf0b8a79d78efba', 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: '08e454bab5a674a9ace140604e6f6defe3a057df' }, "Scan the Invoice")), index.h("div", { key: '173d145e54f7b549428fc380acc545fc9a427fd6', style: { position: 'absolute' }, class: "loading-wrapper" }, index.h("div", { key: 'c799a9adecb8bcadc046109048de438125b6f90d', class: cn.cn('lds-ripple', this.isLoading && 'active') }, index.h("div", { key: '46c014c57c7b7aaf6f91cf6987f0aa8c16689b42' }), index.h("div", { key: 'a85c595f48215b5f400c6f69dd84447649c2c693' })), index.h("div", { key: 'b74cb5e6630b1b4abdee266fc1341392da488ecb', class: cn.cn('lds-ripple-loading', this.isLoading && 'active') }, "Processing ..."))), index.h("input", { key: '39add573de99d4e402f1d0fa887ad5755cbcf1d1', 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' } }))))))));
|
|
133
133
|
}
|
|
134
134
|
get el() { return index.getElement(this); }
|
|
135
135
|
static get watchers() { return {
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -12,7 +12,7 @@ const appGlobals = require('./app-globals-6d543be0.js');
|
|
|
12
12
|
const defineCustomElements = async (win, options) => {
|
|
13
13
|
if (typeof window === 'undefined') return undefined;
|
|
14
14
|
await appGlobals.globalScripts();
|
|
15
|
-
return index.bootstrapLazy([["vehicle-lookup.cjs",[[4,"vehicle-lookup",{"activeElement":[1,"active-element"],"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChanged":[16],"blazorOnLoadingStateChange":[1,"blazor-on-loading-state-change"],"errorStateListener":[16],"blazorErrorStateListener":[1,"blazor-error-state-listener"],"wrapperErrorState":[32],"blazorRef":[32],"setBlazorRef":[64],"fetchVin":[64],"getPageContext":[64]},null,{"wrapperErrorState":["errorListener"],"onLoadingStateChanged":["handleLoadingListenerPropChange"],"blazorOnLoadingStateChange":["handleBlazorLoadingRefChange"]}]]],["general-inquiry-form.cjs",[[1,"general-inquiry-form",{"isLoading":[32],"renderControl":[32]}]]],["dead-stock-lookup.cjs",[[1,"dead-stock-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["distributor-lookup.cjs",[[1,"distributor-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["manufacturer-lookup.cjs",[[1,"manufacturer-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"headerTitle":[1,"header-title"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["form-input.cjs",[[0,"form-input",{"name":[1],"label":[1],"class":[1],"isError":[4,"is-error"],"disabled":[4],"labelClass":[1,"label-class"],"errorClass":[1,"error-class"],"errorMessage":[1,"error-message"],"containerClass":[1,"container-class"]}]]],["dynamic-redeem.cjs",[[1,"dynamic-redeem",{"vin":[1],"item":[16],"canceledItems":[16],"unInvoicedByBrokerName":[1,"un-invoiced-by-broker-name"],"handleScanner":[16],"handleQrChanges":[16],"loadingStateChange":[16],"confirmServiceCancellation":[32],"confirmUnInvoicedTBPVehicles":[32],"internalVin":[32],"isOpened":[32],"internalItem":[32],"internalCanceledItem":[32],"isLoading":[32],"quite":[64],"getQrValue":[64]},null,{"isLoading":["onIsLoadingChange"],"canceledItems":["changeInternalCanceledItem"],"unInvoicedByBrokerName":["changeConfirmUnInvoicedTBPVehicles"],"vin":["changeInternalVin"],"item":["changeInternalItem"]}]]],["dynamic-claim_6.cjs",[[1,"dynamic-claim",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"isIdle":[32],"popupClasses":[32],"externalVin":[32],"activePopupIndex":[32],"vehicleInformation":[32],"errorMessage":[32],"isLoading":[32],"setMockData":[64],"setData":[64],"fetchData":[64],"completeClaim":[64]},null,{"isLoading":["onLoadingChange"],"vehicleInformation":["resetProgressBar"],"popupClasses":["windowScrollListener"]}],[1,"paint-thickness",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"expandedImage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"service-history",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"vehicle-accessories",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"expandedImage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"vehicle-specification",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"warranty-details",{"baseUrl":[1,"base-url"],"unauthorizedSscLookupBaseUrl":[1,"unauthorized-ssc-lookup-base-url"],"isDev":[4,"is-dev"],"showSsc":[4,"show-ssc"],"queryString":[1,"query-string"],"unauthorizedSscLookupQueryString":[1,"unauthorized-ssc-lookup-query-string"],"recaptchaKey":[1,"recaptcha-key"],"showWarranty":[4,"show-warranty"],"cityId":[1,"city-id"],"cityIntegrationId":[1,"city-integration-id"],"companyId":[1,"company-id"],"companyIntegrationId":[1,"company-integration-id"],"companyBranchId":[1,"company-branch-id"],"companyBranchIntegrationId":[1,"company-branch-integration-id"],"userId":[1,"user-id"],"brandIntegrationId":[1,"brand-integration-id"],"customerName":[1,"customer-name"],"customerPhone":[1,"customer-phone"],"customerEmail":[1,"customer-email"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"showRecaptcha":[32],"unInvoicedByBrokerName":[32],"vehicleInformation":[32],"checkingUnauthorizedSSC":[32],"recaptchaRes":[32],"headers":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]]], options);
|
|
15
|
+
return index.bootstrapLazy([["vehicle-lookup.cjs",[[4,"vehicle-lookup",{"activeElement":[1,"active-element"],"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChanged":[16],"blazorOnLoadingStateChange":[1,"blazor-on-loading-state-change"],"errorStateListener":[16],"blazorErrorStateListener":[1,"blazor-error-state-listener"],"wrapperErrorState":[32],"blazorRef":[32],"setBlazorRef":[64],"fetchVin":[64],"getPageContext":[64]},null,{"wrapperErrorState":["errorListener"],"onLoadingStateChanged":["handleLoadingListenerPropChange"],"blazorOnLoadingStateChange":["handleBlazorLoadingRefChange"]}]]],["general-inquiry-form.cjs",[[1,"general-inquiry-form",{"isLoading":[32],"renderControl":[32]}]]],["dead-stock-lookup.cjs",[[1,"dead-stock-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["distributor-lookup.cjs",[[1,"distributor-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"hiddenFields":[1,"hidden-fields"],"localizationName":[1,"localization-name"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["manufacturer-lookup.cjs",[[1,"manufacturer-lookup",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"hiddenFields":[1,"hidden-fields"],"localizationName":[1,"localization-name"],"headerTitle":[1,"header-title"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalPartNumber":[32],"errorMessage":[32],"partInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]],["form-input.cjs",[[0,"form-input",{"name":[1],"label":[1],"class":[1],"isError":[4,"is-error"],"disabled":[4],"labelClass":[1,"label-class"],"errorClass":[1,"error-class"],"errorMessage":[1,"error-message"],"containerClass":[1,"container-class"]}]]],["dynamic-redeem.cjs",[[1,"dynamic-redeem",{"vin":[1],"item":[16],"canceledItems":[16],"unInvoicedByBrokerName":[1,"un-invoiced-by-broker-name"],"handleScanner":[16],"handleQrChanges":[16],"loadingStateChange":[16],"confirmServiceCancellation":[32],"confirmUnInvoicedTBPVehicles":[32],"internalVin":[32],"isOpened":[32],"internalItem":[32],"internalCanceledItem":[32],"isLoading":[32],"quite":[64],"getQrValue":[64]},null,{"isLoading":["onIsLoadingChange"],"canceledItems":["changeInternalCanceledItem"],"unInvoicedByBrokerName":["changeConfirmUnInvoicedTBPVehicles"],"vin":["changeInternalVin"],"item":["changeInternalItem"]}]]],["dynamic-claim_6.cjs",[[1,"dynamic-claim",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"isIdle":[32],"popupClasses":[32],"externalVin":[32],"activePopupIndex":[32],"vehicleInformation":[32],"errorMessage":[32],"isLoading":[32],"setMockData":[64],"setData":[64],"fetchData":[64],"completeClaim":[64]},null,{"isLoading":["onLoadingChange"],"vehicleInformation":["resetProgressBar"],"popupClasses":["windowScrollListener"]}],[1,"paint-thickness",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"expandedImage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"service-history",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"vehicle-accessories",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"expandedImage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"vehicle-specification",{"baseUrl":[1,"base-url"],"isDev":[4,"is-dev"],"queryString":[1,"query-string"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"vehicleInformation":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}],[1,"warranty-details",{"baseUrl":[1,"base-url"],"unauthorizedSscLookupBaseUrl":[1,"unauthorized-ssc-lookup-base-url"],"isDev":[4,"is-dev"],"showSsc":[4,"show-ssc"],"queryString":[1,"query-string"],"unauthorizedSscLookupQueryString":[1,"unauthorized-ssc-lookup-query-string"],"recaptchaKey":[1,"recaptcha-key"],"showWarranty":[4,"show-warranty"],"cityId":[1,"city-id"],"cityIntegrationId":[1,"city-integration-id"],"companyId":[1,"company-id"],"companyIntegrationId":[1,"company-integration-id"],"companyBranchId":[1,"company-branch-id"],"companyBranchIntegrationId":[1,"company-branch-integration-id"],"userId":[1,"user-id"],"brandIntegrationId":[1,"brand-integration-id"],"customerName":[1,"customer-name"],"customerPhone":[1,"customer-phone"],"customerEmail":[1,"customer-email"],"loadingStateChange":[16],"loadedResponse":[16],"state":[32],"externalVin":[32],"errorMessage":[32],"showRecaptcha":[32],"unInvoicedByBrokerName":[32],"vehicleInformation":[32],"checkingUnauthorizedSSC":[32],"recaptchaRes":[32],"headers":[32],"setData":[64],"fetchData":[64],"setMockData":[64]},null,{"state":["loadingListener"]}]]]], options);
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
exports.setNonce = index.setNonce;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
8
8
|
|
|
9
9
|
const index = require('./index-97b8da6d.js');
|
|
10
|
-
const Loading = require('./Loading-
|
|
10
|
+
const Loading = require('./Loading-14fca13b.js');
|
|
11
11
|
const cn = require('./cn-f559f9e5.js');
|
|
12
12
|
const partInformation = require('./partInformation-07651204.js');
|
|
13
13
|
const general = require('./general-a1e72036.js');
|
|
@@ -22,6 +22,8 @@ const ManufacturerLookup = class {
|
|
|
22
22
|
this.baseUrl = '';
|
|
23
23
|
this.isDev = false;
|
|
24
24
|
this.queryString = '';
|
|
25
|
+
this.hiddenFields = '';
|
|
26
|
+
this.localizationName = '';
|
|
25
27
|
this.headerTitle = 'Manufacturer';
|
|
26
28
|
this.loadingStateChange = undefined;
|
|
27
29
|
this.loadedResponse = undefined;
|
|
@@ -84,15 +86,15 @@ const ManufacturerLookup = class {
|
|
|
84
86
|
mockData = newMockData;
|
|
85
87
|
}
|
|
86
88
|
render() {
|
|
87
|
-
var _a, _b, _c
|
|
88
|
-
const localName = this.partInformation ?
|
|
89
|
-
const hiddenFields = this.partInformation ?
|
|
89
|
+
var _a, _b, _c;
|
|
90
|
+
const localName = this.partInformation ? this.localizationName || 'russian' : 'russian';
|
|
91
|
+
const hiddenFields = this.partInformation ? this.hiddenFields.split(',').map(field => field.trim()) || [] : [];
|
|
90
92
|
const manufacturerData = this.partInformation
|
|
91
93
|
? [
|
|
92
94
|
{ label: 'Origin', key: 'origin', value: this.partInformation.tmcPart.origin },
|
|
93
|
-
{ label: 'Warranty Price', key: 'warrantyPrice', value: (
|
|
94
|
-
{ label: 'Special Price', key: 'specialPrice', value: (
|
|
95
|
-
{ label: 'Wholesales Price', key: 'salesPrice', value: (
|
|
95
|
+
{ label: 'Warranty Price', key: 'warrantyPrice', value: (_a = this.partInformation.tmcPart.warrantyPrice) === null || _a === void 0 ? void 0 : _a.toFixed(2) },
|
|
96
|
+
{ label: 'Special Price', key: 'specialPrice', value: (_b = this.partInformation.tmcPart.specialPrice) === null || _b === void 0 ? void 0 : _b.toFixed(2) },
|
|
97
|
+
{ label: 'Wholesales Price', key: 'salesPrice', value: (_c = this.partInformation.tmcPart.salesPrice) === null || _c === void 0 ? void 0 : _c.toFixed(2) },
|
|
96
98
|
{ label: 'PNC', key: 'pnc', value: this.partInformation.tmcPart.pnc },
|
|
97
99
|
{ label: `PNC ${general.capitalize(localName)} Name`, key: 'pncLocalName', value: this.partInformation.tmcPart.pncLocalName },
|
|
98
100
|
{ label: 'Bin Code', key: 'binCode', value: this.partInformation.tmcPart.binCode },
|
|
@@ -107,7 +109,7 @@ const ManufacturerLookup = class {
|
|
|
107
109
|
]
|
|
108
110
|
: [];
|
|
109
111
|
const displayedManufacturerData = manufacturerData.filter(part => !hiddenFields.includes(part.key));
|
|
110
|
-
return (index.h(index.Host, { key: '
|
|
112
|
+
return (index.h(index.Host, { key: '1ad38e17ff3255b89145ba040254f198974deb53' }, index.h("div", { key: 'b0c5cc452c93236ad41e2431bf18541db67827d0', class: "min-h-[100px] relative transition-all duration-300 overflow-hidden" }, index.h("div", { key: 'ceffa481201dc0b881fa583f43c7da445f8e9cc8' }, index.h(Loading.Loading, { key: '16bdf498e39fe381050ea33dac6d00df4b3ae05f', isLoading: this.state.includes('loading') }), index.h("div", { key: '51222801ac0728fcde2472ec74022c16e1157ce9', class: cn.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: 'cc6965c0ade12609bb6f9a61c250a550f4d70007', class: "py-[16px]" }, index.h("div", { key: 'fc6558de2bc351f09a04b7547dd690fcfcfc7ec3', class: " px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto" }, this.errorMessage))), ['data', 'data-loading'].includes(this.state) && (index.h("div", { key: '985204509c072b21dc94b2a3005fea81d712b30d' }, index.h("div", { key: '42ce83c26e55f8d6eb00455820f67670f44b712d', class: "flex mt-[12px] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]" }, index.h("div", { key: '35ff95092d996eda5d81e68e5d80db32588b77ea', 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", { key: '8f825747cb1ccce7575ea097a34dfb4944993a9a', class: "px-[30px] py-[10px] flex flex-col gap-[15px]" }, index.h("div", { key: '94ced9aec06e6c09e942366e3271a6d895f4b68b', class: "grid grid-cols-3 gap-[50px]" }, displayedManufacturerData.map(({ label, value, 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), index.h("div", { class: "py-[10px] px-0" }, value))))))))))))));
|
|
111
113
|
}
|
|
112
114
|
get el() { return index.getElement(this); }
|
|
113
115
|
static get watchers() { return {
|