adp-web-components 0.0.13 → 0.0.15

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.
Files changed (125) hide show
  1. package/dist/cjs/{loader-baf2418b.js → Loading-20e4ef35.js} +9 -0
  2. package/dist/cjs/dead-stock-lookup.cjs.entry.js +3 -4
  3. package/dist/cjs/distributor-lookup.cjs.entry.js +3 -4
  4. package/dist/cjs/dynamic-claim_6.cjs.entry.js +1046 -0
  5. package/dist/cjs/dynamic-redeem.cjs.entry.js +5 -5
  6. package/dist/cjs/form-input.cjs.entry.js +2 -2
  7. package/dist/cjs/general-inquiry-form.cjs.entry.js +2 -2
  8. package/dist/cjs/{index-d4b5214c.js → index-97b8da6d.js} +289 -8
  9. package/dist/cjs/loader.cjs.js +2 -2
  10. package/dist/cjs/manufacturer-lookup.cjs.entry.js +3 -4
  11. package/dist/cjs/shift-components.cjs.js +2 -2
  12. package/dist/cjs/vehicle-lookup.cjs.entry.js +133 -0
  13. package/dist/collection/collection-manifest.json +6 -5
  14. package/dist/collection/components/dynamic-claim/dynamic-claim.css +1 -1
  15. package/dist/collection/components/dynamic-claim/dynamic-claim.js +2 -2
  16. package/dist/collection/components/dynamic-redeem/dynamic-redeem.css +1 -1
  17. package/dist/collection/components/dynamic-redeem/dynamic-redeem.js +3 -3
  18. package/dist/collection/components/form-input/form-input.js +1 -1
  19. package/dist/collection/components/general-inquiry-form/general-inquiry-form.js +1 -1
  20. package/dist/collection/components/paint-thickness/paint-thickness.css +1 -1
  21. package/dist/collection/components/paint-thickness/paint-thickness.js +3 -3
  22. package/dist/collection/components/part-lookup/dead-stock-lookup.js +1 -1
  23. package/dist/collection/components/part-lookup/distributor-lookup.js +1 -1
  24. package/dist/collection/components/part-lookup/manufacturer-lookup.js +1 -1
  25. package/dist/collection/components/service-history/service-history.css +1 -1
  26. package/dist/collection/components/service-history/service-history.js +1 -1
  27. package/dist/collection/components/vehicle-accessories/vehicle-accessories.css +1 -1
  28. package/dist/collection/components/vehicle-accessories/vehicle-accessories.js +3 -3
  29. package/dist/collection/components/vehicle-lookup/vehicle-lookup.css +1 -0
  30. package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +244 -0
  31. package/dist/collection/components/vehicle-specification/vehicle-specification.css +1 -1
  32. package/dist/collection/components/vehicle-specification/vehicle-specification.js +1 -1
  33. package/dist/collection/components/warranty-details/warranty-details.css +1 -1
  34. package/dist/collection/components/warranty-details/warranty-details.js +1 -1
  35. package/dist/collection/global/lib/validate-vin.js +62 -0
  36. package/dist/components/dead-stock-lookup.js +1 -1
  37. package/dist/components/distributor-lookup.js +1 -1
  38. package/dist/components/dynamic-claim.js +1 -1
  39. package/dist/components/dynamic-redeem.js +1 -1
  40. package/dist/components/form-input.js +1 -1
  41. package/dist/components/general-inquiry-form.js +1 -1
  42. package/dist/components/index.js +1 -1
  43. package/dist/components/manufacturer-lookup.js +1 -1
  44. package/dist/components/p-05871c28.js +5 -0
  45. package/dist/components/p-23551e81.js +5 -0
  46. package/dist/components/p-325b6857.js +5 -0
  47. package/dist/components/{p-50f73226.js → p-3bf0339d.js} +1 -1
  48. package/dist/components/p-514c4736.js +5 -0
  49. package/dist/components/{p-2b0cc0c6.js → p-8385e385.js} +1 -1
  50. package/dist/components/p-be0a5ab5.js +5 -0
  51. package/dist/components/p-c8eef708.js +5 -0
  52. package/dist/components/p-da533bd7.js +5 -0
  53. package/dist/components/p-e46b126e.js +5 -0
  54. package/dist/components/p-f1ffc23d.js +5 -0
  55. package/dist/components/paint-thickness.js +1 -1
  56. package/dist/components/service-history.js +1 -1
  57. package/dist/components/vehicle-accessories.js +1 -1
  58. package/dist/components/vehicle-lookup.d.ts +11 -0
  59. package/dist/components/vehicle-lookup.js +5 -0
  60. package/dist/components/vehicle-specification.js +1 -1
  61. package/dist/components/warranty-details.js +1 -1
  62. package/dist/esm/{loader-027b88af.js → Loading-d050617c.js} +9 -1
  63. package/dist/esm/dead-stock-lookup.entry.js +3 -4
  64. package/dist/esm/distributor-lookup.entry.js +3 -4
  65. package/dist/esm/dynamic-claim_6.entry.js +1037 -0
  66. package/dist/esm/dynamic-redeem.entry.js +5 -5
  67. package/dist/esm/form-input.entry.js +2 -2
  68. package/dist/esm/general-inquiry-form.entry.js +2 -2
  69. package/dist/esm/{index-ef54644b.js → index-ff1dab22.js} +289 -8
  70. package/dist/esm/loader.js +3 -3
  71. package/dist/esm/manufacturer-lookup.entry.js +3 -4
  72. package/dist/esm/shift-components.js +3 -3
  73. package/dist/esm/vehicle-lookup.entry.js +129 -0
  74. package/dist/shift-components/{p-894e7518.entry.js → p-15e82b1a.entry.js} +1 -1
  75. package/dist/shift-components/p-1a727cfd.entry.js +5 -0
  76. package/dist/shift-components/p-2bb4415e.entry.js +5 -0
  77. package/dist/shift-components/p-3f3b41b4.entry.js +5 -0
  78. package/dist/shift-components/{p-8e818568.entry.js → p-4c3f2850.entry.js} +1 -1
  79. package/dist/shift-components/p-4ca95c3d.entry.js +5 -0
  80. package/dist/shift-components/p-65939a2f.js +5 -0
  81. package/dist/shift-components/p-8b198a04.entry.js +5 -0
  82. package/dist/shift-components/p-d577db71.entry.js +5 -0
  83. package/dist/shift-components/p-f37b60d5.js +6 -0
  84. package/dist/shift-components/shift-components.esm.js +1 -1
  85. package/dist/types/components/vehicle-lookup/vehicle-lookup.d.ts +23 -0
  86. package/dist/types/components.d.ts +37 -0
  87. package/dist/types/global/lib/validate-vin.d.ts +1 -0
  88. package/package.json +1 -1
  89. package/readme.md +2 -91
  90. package/dist/cjs/Loading-ee1a2ceb.js +0 -16
  91. package/dist/cjs/dynamic-claim.cjs.entry.js +0 -306
  92. package/dist/cjs/image-expansion-a9c9c6f7.js +0 -77
  93. package/dist/cjs/paint-thickness.cjs.entry.js +0 -118
  94. package/dist/cjs/service-history.cjs.entry.js +0 -103
  95. package/dist/cjs/vehicle-accessories.cjs.entry.js +0 -122
  96. package/dist/cjs/vehicle-specification.cjs.entry.js +0 -98
  97. package/dist/cjs/vehicleInformation-35c470fc.js +0 -52
  98. package/dist/cjs/warranty-details.cjs.entry.js +0 -257
  99. package/dist/components/p-4dc47f5f.js +0 -5
  100. package/dist/components/p-8375923d.js +0 -5
  101. package/dist/components/p-a454210b.js +0 -5
  102. package/dist/esm/Loading-61648252.js +0 -14
  103. package/dist/esm/dynamic-claim.entry.js +0 -302
  104. package/dist/esm/image-expansion-08c4bf0d.js +0 -73
  105. package/dist/esm/paint-thickness.entry.js +0 -114
  106. package/dist/esm/service-history.entry.js +0 -99
  107. package/dist/esm/vehicle-accessories.entry.js +0 -118
  108. package/dist/esm/vehicle-specification.entry.js +0 -94
  109. package/dist/esm/vehicleInformation-f7290628.js +0 -50
  110. package/dist/esm/warranty-details.entry.js +0 -253
  111. package/dist/shift-components/p-65e6ab8e.js +0 -5
  112. package/dist/shift-components/p-6b21ce2d.entry.js +0 -5
  113. package/dist/shift-components/p-7d85e912.entry.js +0 -5
  114. package/dist/shift-components/p-7f258017.entry.js +0 -5
  115. package/dist/shift-components/p-9653e992.entry.js +0 -5
  116. package/dist/shift-components/p-a21e2e2e.js +0 -5
  117. package/dist/shift-components/p-c4fad245.js +0 -5
  118. package/dist/shift-components/p-ca1e2e5b.entry.js +0 -5
  119. package/dist/shift-components/p-d1b9cd93.entry.js +0 -5
  120. package/dist/shift-components/p-d5ff7544.js +0 -5
  121. package/dist/shift-components/p-d6f40c8d.entry.js +0 -5
  122. package/dist/shift-components/p-e05acce1.entry.js +0 -5
  123. package/dist/shift-components/p-e97316d2.js +0 -6
  124. package/dist/shift-components/p-faa8070a.entry.js +0 -5
  125. package/dist/shift-components/p-feb3df85.entry.js +0 -5
@@ -1,253 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import { h, r as registerInstance, H as Host, g as getElement } from './index-ef54644b.js';
6
- import { c as cn } from './cn-cc419b94.js';
7
- import { l as loaderSvg$1 } from './loader-027b88af.js';
8
- import { g as getVehicleInformation } from './vehicleInformation-f7290628.js';
9
-
10
- const loaderSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPg==';
11
-
12
- function Loading({ isLoading }) {
13
- return (h("div", { class: cn('loading-spinner absolute', { hide: !isLoading }) },
14
- h("img", { class: "spin", src: loaderSvg })));
15
- }
16
-
17
- const checkSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+';
18
-
19
- const xMarkSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+';
20
-
21
- function StatusCard({ desc, className, from, to, state = 'idle', icon = true }) {
22
- return (h("div", { class: cn('card', className, `${state}-card`) },
23
- icon && state === 'reject' && h("img", { src: xMarkSvg }),
24
- icon && state === 'warning' && h("img", { src: xMarkSvg }),
25
- icon && state === 'success' && h("img", { src: checkSvg }),
26
- from && (h("p", { class: "no-padding" },
27
- h("span", { class: "font-semibold pr-1" }, "From:"),
28
- " ",
29
- desc)),
30
- to && (h("p", { class: "no-padding" },
31
- h("span", { class: "font-semibold pr-1" }, "To:"),
32
- " ",
33
- desc)),
34
- !from && !to && h("p", { class: state === 'idle' ? 'no-padding' : '' }, desc)));
35
- }
36
-
37
- function CardsContainer({ warranty, isAuthorized, unInvoicedByBrokerName }) {
38
- return (h("div", { class: "warranty-tags mx-auto pt-3" },
39
- h(StatusCard, { state: isAuthorized ? 'success' : 'reject', desc: isAuthorized ? 'Authorized' : 'Unauthorized' }),
40
- h(StatusCard, { state: warranty.hasActiveWarranty ? 'success' : 'reject', desc: warranty.hasActiveWarranty ? 'Has Active Warranty' : "Doesn't Have Active Warranty" }),
41
- unInvoicedByBrokerName && h(StatusCard, { className: 'span-entire-2nd-row', state: 'warning', icon: true, desc: `Warranty is not Active because this Vehicle is not Invoiced by the following Trusted Business Partner: ${unInvoicedByBrokerName}` }),
42
- warranty.warrantyStartDate && h(StatusCard, { state: (warranty === null || warranty === void 0 ? void 0 : warranty.hasActiveWarranty) ? 'success' : 'reject', icon: false, from: true, desc: warranty.warrantyStartDate }),
43
- warranty.warrantyEndDate && h(StatusCard, { state: (warranty === null || warranty === void 0 ? void 0 : warranty.hasActiveWarranty) ? 'success' : 'reject', icon: false, to: true, desc: warranty.warrantyEndDate })));
44
- }
45
-
46
- function SSCTable({ ssc }) {
47
- return (h("div", { class: "wrapper-table" },
48
- h("div", { class: "header" }, "SSC Campings"),
49
- h("div", { class: "ssc-table-container" },
50
- h("table", { class: "ssc-table" },
51
- h("thead", null,
52
- h("tr", null,
53
- h("th", null, "Code"),
54
- h("th", null, "Description"),
55
- h("th", null, "Repair Status"),
56
- h("th", null, "OP-Codes"),
57
- h("th", null, "Part Number"))),
58
- h("tbody", null, ssc.map(sscItem => (h("tr", { class: "transition", key: sscItem.sscCode },
59
- h("td", null, sscItem.sscCode),
60
- h("td", null, sscItem.description),
61
- h("td", null,
62
- h("div", { class: "table-cell-container" },
63
- h("img", { class: "table-status-icon", src: sscItem.repaired ? checkSvg : xMarkSvg }),
64
- " ", sscItem === null || sscItem === void 0 ? void 0 :
65
- sscItem.repairDate)),
66
- h("td", null, sscItem.opCode),
67
- h("td", null,
68
- h("div", { class: "table-cell-container table-cell-parts-container" }, !!sscItem.parts.length
69
- ? sscItem.parts.map(part => (h("div", { key: part.partNumber, class: part.isAvailable ? 'success' : 'reject' }, part.partNumber)))
70
- : '...'))))))))));
71
- }
72
-
73
- const warrantyDetailsCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.absolute{left:0;position:absolute;top:0}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0;height:0!important}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:4px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.font-semibold{font-weight:600}.transition{transition:all;transition-duration:.3s;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.success-card{background:#d0e7de;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521}.reject-card{background:#f7d7d8;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeIn .3s ease-in forwards;opacity:1}.spin{animation:spin 2s linear infinite}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:all;transition-duration:.1s;width:100%}.loading-spinner img{height:40px;width:40px}.warranty{overflow:hidden;position:relative;transition:all;transition-duration:.3s}.hide{opacity:0}.card{border:1px solid;border-radius:6px;flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-left:50px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.recaptcha-response{border:1px solid;border-radius:8px;font-size:20px;margin:16px auto 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:1000px}.pt-3,.py-3{padding-top:12px}.pb-3,.py-3{padding-bottom:12px}.pt-4,.py-4{padding-top:16px}.pb-4,.py-4{padding-bottom:16px}.max-w-500{max-width:500px}.mt-4,.my-4{margin-bottom:16px;margin-top:16px}.warranty *{box-sizing:border-box}.wrapper-table{border:1px solid #d6d8dc;border-radius:4px;display:flex;flex-direction:column;margin-top:12px;max-height:70vh;overflow:hidden}.ssc-table-container{flex:1 1 0%;height:0;overflow:auto}.wrapper-table .header{align-items:center;background:#e1e3e5;color:#383c43;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:100%}.ssc-table{border-collapse:collapse;overflow:auto;position:relative;width:100%}.ssc-table thead{background-color:#fff;font-weight:700;position:sticky;top:0}.ssc-table td,.ssc-table th{border-bottom:1px solid #d6d8dc;padding:10px 20px;text-align:center;transition:all;transition-duration:.3s;white-space:nowrap}.ssc-table tr:hover{background:#f4f4f4}.ssc-table tr:last-child td{border:none}.table-cell-container{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-parts-container{flex-wrap:wrap}.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-parts-container div.success{background:#d0e7de}.table-cell-parts-container div.reject{background:#f7d7d8}.table-status-icon{height:20px;width:20px}.warranty-vin{font-size:20px;padding-top:4px;text-align:center}.recaptcha-container{display:flex;justify-content:center;overflow:hidden}.static{position:static}.min-h-\\[100px\\]{min-height:100px}.py-4{padding-bottom:1rem;padding-top:1rem}.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)}";
74
- const WarrantyDetailsStyle0 = warrantyDetailsCss;
75
-
76
- let mockData = {};
77
- const WarrantyDetails = class {
78
- constructor(hostRef) {
79
- registerInstance(this, hostRef);
80
- this.baseUrl = '';
81
- this.unauthorizedSscLookupBaseUrl = '';
82
- this.isDev = false;
83
- this.showSsc = false;
84
- this.queryString = '';
85
- this.unauthorizedSscLookupQueryString = '';
86
- this.recaptchaKey = '';
87
- this.showWarranty = false;
88
- this.cityId = null;
89
- this.cityIntegrationId = null;
90
- this.companyId = null;
91
- this.companyIntegrationId = null;
92
- this.companyBranchId = null;
93
- this.companyBranchIntegrationId = null;
94
- this.userId = null;
95
- this.brandIntegrationId = null;
96
- this.customerName = null;
97
- this.customerPhone = null;
98
- this.customerEmail = null;
99
- this.loadingStateChange = undefined;
100
- this.loadedResponse = undefined;
101
- this.state = 'idle';
102
- this.externalVin = null;
103
- this.errorMessage = null;
104
- this.showRecaptcha = false;
105
- this.unInvoicedByBrokerName = null;
106
- this.vehicleInformation = undefined;
107
- this.checkingUnauthorizedSSC = false;
108
- this.recaptchaRes = null;
109
- this.headers = {};
110
- }
111
- handleSettingData(response) {
112
- var _a, _b, _c;
113
- if (response.warranty === null)
114
- response.warranty = {
115
- warrantyEndDate: '',
116
- warrantyStartDate: '',
117
- hasActiveWarranty: false,
118
- hasExtendedWarranty: false,
119
- extendedWarrantyEndDate: '',
120
- extendedWarrantyStartDate: '',
121
- };
122
- if (response.ssc === null)
123
- response.ssc = [];
124
- this.unInvoicedByBrokerName = null;
125
- if (((_a = response === null || response === void 0 ? void 0 : response.saleInformation) === null || _a === void 0 ? void 0 : _a.broker) !== null && ((_c = (_b = response === null || response === void 0 ? void 0 : response.saleInformation) === null || _b === void 0 ? void 0 : _b.broker) === null || _c === void 0 ? void 0 : _c.invoiceDate) === null)
126
- this.unInvoicedByBrokerName = response.saleInformation.broker.brokerName;
127
- this.vehicleInformation = response;
128
- }
129
- async handleInitializingRecaptcha(vin, scopedTimeoutRef) {
130
- var _a;
131
- if (((_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.isAuthorized) === false && this.showSsc && this.recaptchaKey !== '') {
132
- grecaptcha.reset();
133
- await new Promise(r => setTimeout(r, 400));
134
- this.recaptchaIntervalRef = setInterval(async () => {
135
- var _a;
136
- const recaptchaResponse = grecaptcha.getResponse();
137
- if (recaptchaResponse) {
138
- clearInterval(this.recaptchaIntervalRef);
139
- if (this.isDev) {
140
- this.checkingUnauthorizedSSC = true;
141
- this.showRecaptcha = false;
142
- await new Promise(r => setTimeout(r, 3000));
143
- this.checkingUnauthorizedSSC = false;
144
- const hasPendingSSC = Math.random() < 0.5 ? false : true;
145
- this.recaptchaRes = {
146
- hasSSC: hasPendingSSC,
147
- message: hasPendingSSC ? 'This Vehicle has a Pending SSC' : 'No Pending SSC',
148
- };
149
- }
150
- else {
151
- this.checkingUnauthorizedSSC = true;
152
- this.showRecaptcha = false;
153
- ///
154
- const response = await fetch(`${this.unauthorizedSscLookupBaseUrl}${vin}/${(_a = this.vehicleInformation) === null || _a === void 0 ? void 0 : _a.sscLogId}?${this.unauthorizedSscLookupQueryString}`, {
155
- signal: this.abortController.signal,
156
- headers: Object.assign(Object.assign({}, this.headers), { 'Ssc-Recaptcha-Token': recaptchaResponse }),
157
- });
158
- const vinResponse = await response.json();
159
- if (vinResponse && this.networkTimeoutRef === scopedTimeoutRef) {
160
- this.checkingUnauthorizedSSC = false;
161
- const hasPendingSSC = vinResponse.sscLookupStatus === 1;
162
- this.recaptchaRes = {
163
- hasSSC: hasPendingSSC,
164
- message: hasPendingSSC ? 'This Vehicle has a Pending SSC' : 'No Pending SSC',
165
- };
166
- }
167
- else
168
- throw new Error('Wrong response format');
169
- }
170
- }
171
- }, 500);
172
- this.showRecaptcha = true;
173
- }
174
- else {
175
- this.showRecaptcha = false;
176
- }
177
- }
178
- async setData(newData, headers = {}) {
179
- this.recaptchaRes = null;
180
- this.headers = headers;
181
- clearTimeout(this.networkTimeoutRef);
182
- clearInterval(this.recaptchaIntervalRef);
183
- if (this.abortController)
184
- this.abortController.abort();
185
- this.abortController = new AbortController();
186
- let scopedTimeoutRef;
187
- const isVinRequest = typeof newData === 'string';
188
- const vin = isVinRequest ? newData : newData === null || newData === void 0 ? void 0 : newData.vin;
189
- this.externalVin = vin;
190
- try {
191
- if (!vin || vin.trim().length === 0) {
192
- this.state = 'idle';
193
- return;
194
- }
195
- if (this.state === 'data' || this.state === 'error') {
196
- this.state = (this.state + '-loading');
197
- }
198
- else
199
- this.state = 'loading';
200
- await new Promise(r => {
201
- scopedTimeoutRef = setTimeout(r, 600);
202
- this.networkTimeoutRef = scopedTimeoutRef;
203
- });
204
- const vehicleResponse = isVinRequest ? await getVehicleInformation(this, { scopedTimeoutRef, vin, mockData }, headers) : newData;
205
- if (this.networkTimeoutRef === scopedTimeoutRef) {
206
- if (!vehicleResponse)
207
- throw new Error('Wrong response format');
208
- this.handleSettingData(vehicleResponse);
209
- this.handleInitializingRecaptcha(vin, scopedTimeoutRef);
210
- }
211
- this.errorMessage = null;
212
- this.state = 'data';
213
- }
214
- catch (error) {
215
- if (error && (error === null || error === void 0 ? void 0 : error.name) === 'AbortError')
216
- return;
217
- this.state = 'error';
218
- this.vehicleInformation = null;
219
- this.errorMessage = error.message;
220
- }
221
- }
222
- async fetchData(requestedVin = this.externalVin, headers = {}) {
223
- await this.setData(requestedVin, headers);
224
- }
225
- async componentDidLoad() {
226
- if (this.recaptchaKey !== '') {
227
- const script = document.createElement('script');
228
- script.src = 'https://www.google.com/recaptcha/api.js';
229
- script.async = true;
230
- script.defer = true;
231
- script.onload = () => console.log('reCAPTCHA script loaded');
232
- document.head.appendChild(script);
233
- }
234
- }
235
- async setMockData(newMockData) {
236
- mockData = newMockData;
237
- }
238
- async loadingListener() {
239
- if (this.loadingStateChange)
240
- this.loadingStateChange(this.state.includes('loading'));
241
- }
242
- render() {
243
- var _a, _b, _c, _d, _e;
244
- return (h(Host, { key: '3c8f75a5285bcae20b14896f48219478873dc56f' }, h("div", { key: 'b87f7c2301163f6a8a59ea30005bf5fdce3084b3', class: "min-h-[100px] warranty" }, h("div", { key: '2e9eca00ba1b2b5a362966ce7bec90118a255be4' }, h(Loading, { key: 'e0dcf745ea9409ffd55f54a2b304bf448f00981d', isLoading: this.state.includes('loading') }), h("div", { key: 'ae2feac973e3ddfc3e8b38f1887f1f3ff2da0393', 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) && (h("div", { key: 'd27ea304918aad5f6fc6acce7ea4b4da89be5d7b', 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) && (h("div", { key: '1f797e76bb68d350ff3b071a11d94cd72f031569', class: "py-4" }, h(StatusCard, { key: '4f674cc1259a7628bb565f737575108ef1882569', desc: this.errorMessage, className: "mx-auto reject-card max-w-500" }), ' ')), this.showWarranty && ['data', 'data-loading'].includes(this.state) && (h(CardsContainer, { key: '7c47e8a2c5dd921af1df7f8d2453a3897709dde3', 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 })), h("div", { key: '250484f60f45bc8470c074056cbd567017fb1fcd', style: Object.assign({}, (this.showRecaptcha ? { height: 'auto', padding: '16px 16px 0px 16px' } : { height: '0px' })), class: "recaptcha-container" }, h("slot", { key: '4e728a717fdc8b34a6c861a40ff0cf7ec9dacf95' })), ['data', 'data-loading'].includes(this.state) && this.recaptchaRes && (h("div", { key: 'aa3134245674835812a638b4d8ccf6da1baafc13', class: cn('recaptcha-response', !this.recaptchaRes.hasSSC ? 'success-card' : 'reject-card ') }, this.recaptchaRes.message)), this.checkingUnauthorizedSSC && (h("div", { key: '33c4511869c04b4780285f35e19efee5362b6240', class: "loading-spinner", style: { marginTop: '20px', flexDirection: 'column' } }, h("div", { key: '69c77e7eff03943790b00030068ec3b25c86fb25' }, h("strong", { key: 'a6b3cf9c81dc0cf5dcad68189827428511eb289f' }, "Checking TMC")), h("img", { key: '812b2eb0ca00baa596ccf6e6e5e4943dccc89159', class: "spin", src: loaderSvg$1 }))), 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) && (h(SSCTable, { key: 'be4c7f932929fc7aff56eb3fb6c45e5d2bd3ff1d', ssc: this.vehicleInformation.ssc })))))));
245
- }
246
- get el() { return getElement(this); }
247
- static get watchers() { return {
248
- "state": ["loadingListener"]
249
- }; }
250
- };
251
- WarrantyDetails.style = WarrantyDetailsStyle0;
252
-
253
- export { WarrantyDetails as warranty_details };
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{h as e}from"./p-e97316d2.js";import{l as s}from"./p-a21e2e2e.js";import{c as i}from"./p-98d9e7ab.js";function t({isLoading:t}){return e("div",{class:i("size-full transition-all z-50 duration-100 flex items-center justify-center pointer-events-none absolute ",{"opacity-0":!t})},e("img",{class:"animate-spin-2s size-[40px]",src:s}))}export{t as L}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{r as t,h as e,H as i,g as o}from"./p-e97316d2.js";import{L as a}from"./p-65e6ab8e.js";import{c as r}from"./p-98d9e7ab.js";import{g as n}from"./p-4f08bcb8.js";import"./p-a21e2e2e.js";let s={};const d=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.queryString="",this.headerTitle="Manufacturer",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalPartNumber=null,this.errorMessage=null,this.partInformation=void 0}handleSettingData(t){this.partInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,a=o?t:null==t?void 0:t.partNumber;this.externalPartNumber=a;try{if(!a||0===a.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=o?await n(this,{scopedTimeoutRef:i,partNumber:a,mockData:s},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("Wrong response format");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.partInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalPartNumber,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){s=t}render(){return e(i,{key:"9cec65cb5b6300b130e8af6faf83e5e5218fcc1e"},e("div",{key:"8d7661403efd16aeed5b4e481dbe01889e781b9d",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"2c0f35bc4bb0eb202b03d68f394a8b61aa45765f"},e(a,{key:"5b501d52c3d36b5a0faa7447d8ee2884e5eedd9d",isLoading:this.state.includes("loading")}),e("div",{key:"0e9f54293dcf20797371b4788e45864d62517ed4",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},["error","error-loading"].includes(this.state)&&e("div",{key:"1d295e9c0540942d84806c0a3e262b82f3a25ad5",class:"py-[16px]"},e("div",{key:"59b91062e6270eb984945abb2f876e49bb2c827f",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&e("div",{key:"029fd4596e57bcaf22fe99af0b2df0d99918a9de"},e("div",{key:"4238846980d8a390ad522e916f0d5ee0f9b566bb",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"ac90d7513b742b8a1300e9a2f337fd1a22fbf8d5",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},this.headerTitle),e("div",{key:"cd8b5a2f0e1c0c2db8d7c6750727e4a8e03b601e",class:"px-[30px] py-[10px] flex flex-col gap-[15px]"},e("div",{key:"0cdfe3fd454e8a7ca19dd962cf9e1c3d2a156b2c",class:"flex gap-[50px]"},e("div",{key:"03710ca72597273ef45dd40a12bc8c87c92c2ee6",class:"flex flex-col flex-1"},e("strong",{key:"9121a29035dc3cb0624b814417eb2ae01fdd28ad",class:"py-[10px] border-b border-b-[grey]"},"Description"),e("div",{key:"6278922b721b4b63b7d99ff1fd0490dee8a9dfc2",class:"py-[10px]"},this.partInformation.tmcPart.partDescription)),e("div",{key:"f3e651ba7f50de00873739f2b4bbb91d1835f792",class:"flex flex-col flex-1"},e("strong",{key:"7351da14f1ac55180f18cbfafbc47ce44e7104cf",class:"py-[10px] border-b border-b-[grey]"},"Product Group"),e("div",{key:"8869a8228b33fdc154f4a06d437ea7b6cddd73ed",class:"py-[10px]"},this.partInformation.tmcPart.group)),e("div",{key:"19060b17fd4f1bd3ec7798915f35fac0f65694cc",class:"flex-1"})))))))))}get el(){return o(this)}static get watchers(){return{state:["loadingListener"]}}};d.style='*,: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}.mt-\\[12px\\]{margin-top:12px}.flex{display:flex}.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}.scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[15px\\]{gap:15px}.gap-\\[50px\\]{gap:50px}.overflow-hidden{overflow:hidden}.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-\\[grey\\]{--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))}.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-\\[8px\\]{padding-bottom:8px;padding-top:8px}.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))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.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}.duration-100{transition-duration:.1s}';export{d as manufacturer_lookup}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{r as t,h as e,H as o,g as a}from"./p-e97316d2.js";import{g as i}from"./p-c4fad245.js";import{c as r}from"./p-98d9e7ab.js";import{L as s}from"./p-65e6ab8e.js";import{o as n,c as d,e as l}from"./p-d5ff7544.js";import"./p-a21e2e2e.js";let c={};const p=class{constructor(e){t(this,e),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{n(this,t,e)},this.closeImage=t=>{d(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.expandedImage=null,this.vehicleInformation=void 0}handleSettingData(t){t.accessories&&Array.isArray(t.accessories)||(t.accessories=[]),this.vehicleInformation=t}async setData(t,e={}){let o;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,r=a?t:null==t?void 0:t.vin;this.externalVin=r;try{if(!r||0===r.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{o=setTimeout(t,700),this.networkTimeoutRef=o}));const s=a?await i(this,{scopedTimeoutRef:o,vin:r,mockData:c},e):t;if(this.networkTimeoutRef===o){if(!s)throw new Error("Wrong response format");this.handleSettingData(s)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){c=t}render(){var t,a;const i=(null==this?void 0:this.vehicleInformation)?null===(t=this.vehicleInformation)||void 0===t?void 0:t.accessories:[];return e(o,{key:"7e5394e3dad05815f3a514a342f7afbe11a8d4c1"},e("div",{key:"1d3fea9972e6827680908bc1becb9be17a4305db",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"853e8ff5ad5adf557db5805fc6cc841d7ee224d0"},e(s,{key:"46cdabae84cf49eb88b277bf55b45f233cf28021",isLoading:this.state.includes("loading")}),e("div",{key:"948f2861dcf3e7a8b94f84400a75f681f405122a",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"2b53f6a05b1beab10a9436435969bfc0bc383cae",class:r("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(a=this.vehicleInformation)||void 0===a?void 0:a.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"90d5c9e6f1efd3cef3994d2d7ccd6d278d424a76",class:"py-[16px]"},e("div",{key:"4cd2e9823137e6a7b861fea69f13a6a0343929b2",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&e("div",{key:"9481a97632f581c0b3ebdf0df9086730d10dfdc1",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"649fa9917501f66fa2380e3557c5e86ad26d7f89",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Vehicle Accessories"),e("div",{key:"262a67208efe49dbb113c7925cf6b6ae835b3f0c",class:"h-0 overflow-auto flex-1"},!i.length&&e("div",{key:"ec443d025b8ca3e50f397ffb1c66e5b280e42f70",class:"h-[80px] flex items-center justify-center text-[18px]"},"No data is available."),!!i.length&&e("table",{key:"48d6e63959a8732972b89ca514b72d5677eb4447",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"b9cdc265accdb543d14bacc09756e2a7ac44e6e8",class:"top-0 font-bold z-40 sticky bg-white"},e("tr",{key:"2951863ff3d03fa9eab980acd348d2ae352cc1b4"},["Part Number","Description","Image"].map((t=>e("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),e("tbody",{key:"7106dfb61229963e59d800f630a0e351be1d680f"},i.map(((t,o)=>{var a;return e("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.partNumber},["partNumber","description"].map((a=>{var i;return e("td",{key:t.partNumber+a,class:r("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":o===(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceHistory.length)-1})},t[a]||"...")})),e("td",{class:r("px-[10px] py-[10px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":o===(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)-1})},e("button",{onClick:({target:e})=>this.openImage(e,t.image),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},e("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"},e("img",{src:l}),e("span",{class:"text-white"},"Expand")),e("img",{class:"w-auto h-auto max-w-[133px] max-h-[133px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t.image}))))}))),e("div",{key:"a16654412c64f0811caf281bc9a10b4325143f74",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:r("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-50 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},e("button",{key:"2a1f6a6de320d464b549be5c8d0955743eab0c1a",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},e("div",{key:"9806406418b9a2588b18a9659a183b494d2dc029",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),e("div",{key:"e52ccc81db9fad6cde21438bae24ac06ed06d886",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),e("img",{key:"9db20d318e852a02ad255e5dc463d5ffd3135eb5",alt:"",id:"expanded-image",class:"fixed opacity-0 z-50 transition-all rounded-lg"}))))))))}get el(){return a(this)}static get watchers(){return{state:["loadingListener"]}}};p.style='*,: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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.mr-\\[16px\\]{margin-right:16px}.mt-\\[12px\\]{margin-top:12px}.mt-\\[16px\\]{margin-top:16px}.flex{display:flex}.table{display:table}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-0{height:0}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.h-auto{height:auto}.max-h-\\[133px\\]{max-height:133px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\\[133px\\]{max-width:133px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{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))}.rotate-45{--tw-rotate:45deg}.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))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[4px\\]{gap:4px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-none{border-style:none!important}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[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}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.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)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);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)}.delay-200{transition-delay:.2s}.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}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';export{p as vehicle_accessories}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{h as t,r as i,H as e,g as a}from"./p-e97316d2.js";import{c as o}from"./p-98d9e7ab.js";import{l as s}from"./p-a21e2e2e.js";import{g as n}from"./p-c4fad245.js";function r({isLoading:i}){return t("div",{class:o("loading-spinner absolute",{hide:!i})},t("img",{class:"spin",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPg=="}))}const d="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiMwYjM1MjEiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5TDI0MSAzMzdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwbC02NC02NGMtOS40LTkuNC05LjQtMjQuNiAwLTMzLjlzMjQuNi05LjQgMzMuOSAwbDQ3IDQ3TDMzNSAxNzVjOS40LTkuNCAyNC42LTkuNCAzMy45IDBzOS40IDI0LjYgMCAzMy45eiIgLz4KPC9zdmc+",l="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KICAgIDxwYXRoIGZpbGw9IiM1ODE1MWMiCiAgICAgICAgZD0iTTI1NiA1MTJBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0xNzUgMTc1YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDQ3IDQ3IDQ3LTQ3YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwczkuNCAyNC42IDAgMzMuOWwtNDcgNDcgNDcgNDdjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNDctNDctNDcgNDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNDctNDctNDctNDdjLTkuNC05LjQtOS40LTI0LjYgMC0zMy45eiIgLz4KPC9zdmc+";function c({desc:i,className:e,from:a,to:s,state:n="idle",icon:r=!0}){return t("div",{class:o("card",e,`${n}-card`)},r&&"reject"===n&&t("img",{src:l}),r&&"warning"===n&&t("img",{src:l}),r&&"success"===n&&t("img",{src:d}),a&&t("p",{class:"no-padding"},t("span",{class:"font-semibold pr-1"},"From:")," ",i),s&&t("p",{class:"no-padding"},t("span",{class:"font-semibold pr-1"},"To:")," ",i),!a&&!s&&t("p",{class:"idle"===n?"no-padding":""},i))}function h({warranty:i,isAuthorized:e,unInvoicedByBrokerName:a}){return t("div",{class:"warranty-tags mx-auto pt-3"},t(c,{state:e?"success":"reject",desc:e?"Authorized":"Unauthorized"}),t(c,{state:i.hasActiveWarranty?"success":"reject",desc:i.hasActiveWarranty?"Has Active Warranty":"Doesn't Have Active Warranty"}),a&&t(c,{className:"span-entire-2nd-row",state:"warning",icon:!0,desc:`Warranty is not Active because this Vehicle is not Invoiced by the following Trusted Business Partner: ${a}`}),i.warrantyStartDate&&t(c,{state:(null==i?void 0:i.hasActiveWarranty)?"success":"reject",icon:!1,from:!0,desc:i.warrantyStartDate}),i.warrantyEndDate&&t(c,{state:(null==i?void 0:i.hasActiveWarranty)?"success":"reject",icon:!1,to:!0,desc:i.warrantyEndDate}))}function p({ssc:i}){return t("div",{class:"wrapper-table"},t("div",{class:"header"},"SSC Campings"),t("div",{class:"ssc-table-container"},t("table",{class:"ssc-table"},t("thead",null,t("tr",null,t("th",null,"Code"),t("th",null,"Description"),t("th",null,"Repair Status"),t("th",null,"OP-Codes"),t("th",null,"Part Number"))),t("tbody",null,i.map((i=>t("tr",{class:"transition",key:i.sscCode},t("td",null,i.sscCode),t("td",null,i.description),t("td",null,t("div",{class:"table-cell-container"},t("img",{class:"table-status-icon",src:i.repaired?d:l})," ",null==i?void 0:i.repairDate)),t("td",null,i.opCode),t("td",null,t("div",{class:"table-cell-container table-cell-parts-container"},i.parts.length?i.parts.map((i=>t("div",{key:i.partNumber,class:i.isAvailable?"success":"reject"},i.partNumber))):"...")))))))))}let g={};const u=class{constructor(t){i(this,t),this.baseUrl="",this.unauthorizedSscLookupBaseUrl="",this.isDev=!1,this.showSsc=!1,this.queryString="",this.unauthorizedSscLookupQueryString="",this.recaptchaKey="",this.showWarranty=!1,this.cityId=null,this.cityIntegrationId=null,this.companyId=null,this.companyIntegrationId=null,this.companyBranchId=null,this.companyBranchIntegrationId=null,this.userId=null,this.brandIntegrationId=null,this.customerName=null,this.customerPhone=null,this.customerEmail=null,this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.showRecaptcha=!1,this.unInvoicedByBrokerName=null,this.vehicleInformation=void 0,this.checkingUnauthorizedSSC=!1,this.recaptchaRes=null,this.headers={}}handleSettingData(t){var i,e,a;null===t.warranty&&(t.warranty={warrantyEndDate:"",warrantyStartDate:"",hasActiveWarranty:!1,hasExtendedWarranty:!1,extendedWarrantyEndDate:"",extendedWarrantyStartDate:""}),null===t.ssc&&(t.ssc=[]),this.unInvoicedByBrokerName=null,null!==(null===(i=null==t?void 0:t.saleInformation)||void 0===i?void 0:i.broker)&&null===(null===(a=null===(e=null==t?void 0:t.saleInformation)||void 0===e?void 0:e.broker)||void 0===a?void 0:a.invoiceDate)&&(this.unInvoicedByBrokerName=t.saleInformation.broker.brokerName),this.vehicleInformation=t}async handleInitializingRecaptcha(t,i){var e;!1===(null===(e=this.vehicleInformation)||void 0===e?void 0:e.isAuthorized)&&this.showSsc&&""!==this.recaptchaKey?(grecaptcha.reset(),await new Promise((t=>setTimeout(t,400))),this.recaptchaIntervalRef=setInterval((async()=>{var e;const a=grecaptcha.getResponse();if(a)if(clearInterval(this.recaptchaIntervalRef),this.isDev){this.checkingUnauthorizedSSC=!0,this.showRecaptcha=!1,await new Promise((t=>setTimeout(t,3e3))),this.checkingUnauthorizedSSC=!1;const t=!(Math.random()<.5);this.recaptchaRes={hasSSC:t,message:t?"This Vehicle has a Pending SSC":"No Pending SSC"}}else{this.checkingUnauthorizedSSC=!0,this.showRecaptcha=!1;const o=await fetch(`${this.unauthorizedSscLookupBaseUrl}${t}/${null===(e=this.vehicleInformation)||void 0===e?void 0:e.sscLogId}?${this.unauthorizedSscLookupQueryString}`,{signal:this.abortController.signal,headers:Object.assign(Object.assign({},this.headers),{"Ssc-Recaptcha-Token":a})}),s=await o.json();if(!s||this.networkTimeoutRef!==i)throw new Error("Wrong response format");{this.checkingUnauthorizedSSC=!1;const t=1===s.sscLookupStatus;this.recaptchaRes={hasSSC:t,message:t?"This Vehicle has a Pending SSC":"No Pending SSC"}}}}),500),this.showRecaptcha=!0):this.showRecaptcha=!1}async setData(t,i={}){let e;this.recaptchaRes=null,this.headers=i,clearTimeout(this.networkTimeoutRef),clearInterval(this.recaptchaIntervalRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof t,o=a?t:null==t?void 0:t.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{e=setTimeout(t,600),this.networkTimeoutRef=e}));const s=a?await n(this,{scopedTimeoutRef:e,vin:o,mockData:g},i):t;if(this.networkTimeoutRef===e){if(!s)throw new Error("Wrong response format");this.handleSettingData(s),this.handleInitializingRecaptcha(o,e)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,i={}){await this.setData(t,i)}async componentDidLoad(){if(""!==this.recaptchaKey){const t=document.createElement("script");t.src="https://www.google.com/recaptcha/api.js",t.async=!0,t.defer=!0,t.onload=()=>console.log("reCAPTCHA script loaded"),document.head.appendChild(t)}}async setMockData(t){g=t}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}render(){var i,a,n,d,l;return t(e,{key:"3c8f75a5285bcae20b14896f48219478873dc56f"},t("div",{key:"b87f7c2301163f6a8a59ea30005bf5fdce3084b3",class:"min-h-[100px] warranty"},t("div",{key:"2e9eca00ba1b2b5a362966ce7bec90118a255be4"},t(r,{key:"e0dcf745ea9409ffd55f54a2b304bf448f00981d",isLoading:this.state.includes("loading")}),t("div",{key:"ae2feac973e3ddfc3e8b38f1887f1f3ff2da0393",class:"transition duration-700",style:{transform:this.state.includes("loading")||"idle"===this.state?"scale(0)":"scale(1)",opacity:this.state.includes("loading")?"0":"1"}},(this.showSsc||this.showWarranty)&&t("div",{key:"d27ea304918aad5f6fc6acce7ea4b4da89be5d7b",style:{color:this.errorMessage?"red":"black"},class:"warranty-vin"},null===(i=this.vehicleInformation)||void 0===i?void 0:i.vin),["error","error-loading"].includes(this.state)&&t("div",{key:"1f797e76bb68d350ff3b071a11d94cd72f031569",class:"py-4"},t(c,{key:"4f674cc1259a7628bb565f737575108ef1882569",desc:this.errorMessage,className:"mx-auto reject-card max-w-500"})," "),this.showWarranty&&["data","data-loading"].includes(this.state)&&t(h,{key:"7c47e8a2c5dd921af1df7f8d2453a3897709dde3",isAuthorized:null===(a=this.vehicleInformation)||void 0===a?void 0:a.isAuthorized,unInvoicedByBrokerName:this.unInvoicedByBrokerName,warranty:null===(n=this.vehicleInformation)||void 0===n?void 0:n.warranty}),t("div",{key:"250484f60f45bc8470c074056cbd567017fb1fcd",style:Object.assign({},this.showRecaptcha?{height:"auto",padding:"16px 16px 0px 16px"}:{height:"0px"}),class:"recaptcha-container"},t("slot",{key:"4e728a717fdc8b34a6c861a40ff0cf7ec9dacf95"})),["data","data-loading"].includes(this.state)&&this.recaptchaRes&&t("div",{key:"aa3134245674835812a638b4d8ccf6da1baafc13",class:o("recaptcha-response",this.recaptchaRes.hasSSC?"reject-card ":"success-card")},this.recaptchaRes.message),this.checkingUnauthorizedSSC&&t("div",{key:"33c4511869c04b4780285f35e19efee5362b6240",class:"loading-spinner",style:{marginTop:"20px",flexDirection:"column"}},t("div",{key:"69c77e7eff03943790b00030068ec3b25c86fb25"},t("strong",{key:"a6b3cf9c81dc0cf5dcad68189827428511eb289f"},"Checking TMC")),t("img",{key:"812b2eb0ca00baa596ccf6e6e5e4943dccc89159",class:"spin",src:s})),this.showSsc&&["data","data-loading"].includes(this.state)&&null!==(null===(d=this.vehicleInformation)||void 0===d?void 0:d.ssc)&&!!(null===(l=this.vehicleInformation)||void 0===l?void 0:l.ssc.length)&&t(p,{key:"be4c7f932929fc7aff56eb3fb6c45e5d2bd3ff1d",ssc:this.vehicleInformation.ssc})))))}get el(){return a(this)}static get watchers(){return{state:["loadingListener"]}}};u.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.absolute{left:0;position:absolute;top:0}.relative{position:relative}.sticky{position:sticky}.mx-auto{margin-left:auto;margin-right:auto}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-0{height:0;height:0!important}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-1{padding-right:4px}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.font-semibold{font-weight:600}.transition{transition:all;transition-duration:.3s;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.success-card{background:#d0e7de;background-color:#d0e7de;border-color:#a2d0bb!important;border-color:#a2d0bb;color:#0b3521}.reject-card{background:#f7d7d8;background-color:#f7d7d8;border-color:#f2aeb5!important;border-color:#f2aeb5;color:#58151c}:host{all:initial!important;display:block}*{font-family:Arial}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in forwards;opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-out{animation:fadeIn .3s ease-in forwards;opacity:1}.spin{animation:spin 2s linear infinite}.loading-spinner{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;transition:all;transition-duration:.1s;width:100%}.loading-spinner img{height:40px;width:40px}.warranty{overflow:hidden;position:relative;transition:all;transition-duration:.3s}.hide{opacity:0}.card{border:1px solid;border-radius:6px;flex-shrink:0;gap:8px;padding:8px 12px}.card,.card p{align-items:center;display:flex}.card p{flex:1 1 0%;font-size:16px;height:25px;margin:0;padding-left:50px}.card p.no-padding{padding-left:4px}.card img{height:25px;width:25px}.recaptcha-response{border:1px solid;border-radius:8px;font-size:20px;margin:16px auto 0;padding:8px 16px;width:-moz-fit-content;width:fit-content}.warning-card{background:#fcf8e3;border-color:#faebcc!important;color:#8a6d3b}.span-entire-2nd-row{grid-column:1/3;grid-row:2/3}.warranty-tags{display:grid;gap:12px;grid-template-columns:1fr 1fr;max-width:1000px}.pt-3,.py-3{padding-top:12px}.pb-3,.py-3{padding-bottom:12px}.pt-4,.py-4{padding-top:16px}.pb-4,.py-4{padding-bottom:16px}.max-w-500{max-width:500px}.mt-4,.my-4{margin-bottom:16px;margin-top:16px}.warranty *{box-sizing:border-box}.wrapper-table{border:1px solid #d6d8dc;border-radius:4px;display:flex;flex-direction:column;margin-top:12px;max-height:70vh;overflow:hidden}.ssc-table-container{flex:1 1 0%;height:0;overflow:auto}.wrapper-table .header{align-items:center;background:#e1e3e5;color:#383c43;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:100%}.ssc-table{border-collapse:collapse;overflow:auto;position:relative;width:100%}.ssc-table thead{background-color:#fff;font-weight:700;position:sticky;top:0}.ssc-table td,.ssc-table th{border-bottom:1px solid #d6d8dc;padding:10px 20px;text-align:center;transition:all;transition-duration:.3s;white-space:nowrap}.ssc-table tr:hover{background:#f4f4f4}.ssc-table tr:last-child td{border:none}.table-cell-container{align-items:center;display:flex;gap:8px;justify-content:center;width:100%}.table-cell-parts-container{flex-wrap:wrap}.table-cell-parts-container div{border-radius:4px;font-size:14px;padding:4px 8px}.table-cell-parts-container div.success{background:#d0e7de}.table-cell-parts-container div.reject{background:#f7d7d8}.table-status-icon{height:20px;width:20px}.warranty-vin{font-size:20px;padding-top:4px;text-align:center}.recaptcha-container{display:flex;justify-content:center;overflow:hidden}.static{position:static}.min-h-\\[100px\\]{min-height:100px}.py-4{padding-bottom:1rem;padding-top:1rem}.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)}';export{u as warranty_details}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{r as t,h as e,H as i,g as o}from"./p-e97316d2.js";import{L as a}from"./p-65e6ab8e.js";import{c as r}from"./p-98d9e7ab.js";import{g as n}from"./p-c4fad245.js";import"./p-a21e2e2e.js";let s={};const d=class{constructor(e){t(this,e),this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.vehicleInformation=void 0}handleSettingData(t){null===t.serviceHistory&&(t.serviceHistory=[]),this.vehicleInformation=t}async setData(t,e={}){let i;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,a=o?t:null==t?void 0:t.vin;this.externalVin=a;try{if(!a||0===a.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{i=setTimeout(t,700),this.networkTimeoutRef=i}));const r=o?await n(this,{scopedTimeoutRef:i,vin:a,mockData:s},e):t;if(this.networkTimeoutRef===i){if(!r)throw new Error("Wrong response format");this.handleSettingData(r)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){s=t}render(){var t,o,n,s;return e(i,{key:"41626d52c1a46c5aa17d924c740ff128c717db72"},e("div",{key:"148b48b3511bbb0edcb06c95f432cec3794bb8be",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"83af30eb9e1bb760b7d0524b5868b98390ae67c0"},e(a,{key:"6f4a0f5c66407fc24ba9ffc624d3d2e37abca2f6",isLoading:this.state.includes("loading")}),e("div",{key:"f16ed2ccb8a9e3bcd8f71eaf05fb3c4a28eb0a16",class:r("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"ffba94045d0641ffad445c78173ef139e133ae8d",class:r("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(t=this.vehicleInformation)||void 0===t?void 0:t.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"710d22f3233b428cafab34984cc562e46fa92d8b",class:"py-[16px]"},e("div",{key:"b036ab0231e60c66a24757b23ec5acceeca359f9",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&e("div",{key:"64fd2439a7edc45b552a7e7ea2a6583b9376b57b",class:"flex mt-[12px] max-h-[70dvh] overflow-hidden rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"dec74cb4310d310094fa9958b0c3991f476d9bb8",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Service History"),e("div",{key:"bc17bcd99593f7a86c00c6fbed2a9cc3c516eae7",class:"h-0 overflow-auto flex-1"},!(null===(o=this.vehicleInformation)||void 0===o?void 0:o.serviceHistory.length)&&e("div",{key:"8d5a0902e8a13909867f0f138bbd629ad97b8b3e",class:"h-[80px] flex items-center justify-center text-[18px]"},"No data is available."),!!(null===(n=this.vehicleInformation)||void 0===n?void 0:n.serviceHistory.length)&&e("table",{key:"9121de3dbcdd6ceb6e88380d15ba3a0885626af3",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"492edb0969f9774ff1fa78af9fdb4bab3f240e23",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"91bb78d8f37c12c20f331ec55f76d362572bfcee"},["Branch","Dealer","Invoice No.","Date","Service Type","Odometer"].map((t=>e("th",{key:t,class:"px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),e("tbody",{key:"6019cc8f4ad18c13b3b082fe87da6a2bfab65773"},null===(s=this.vehicleInformation)||void 0===s?void 0:s.serviceHistory.map(((t,i)=>e("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.invoiceNumber},["branchName","companyName","invoiceNumber","serviceDate","serviceType","mileage"].map((o=>{var a;return e("td",{key:t.invoiceNumber+o,class:r("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":i===(null===(a=this.vehicleInformation)||void 0===a?void 0:a.serviceHistory.length)-1})},t[o]||"...")})))))))))))))}get el(){return o(this)}static get watchers(){return{state:["loadingListener"]}}};d.style='*,: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}.h-0{height:0}.h-\\[40px\\]{height:40px}.h-\\[80px\\]{height:80px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-fit{width:fit-content}.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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-none{border-style:none!important}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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}.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}';export{d as service_history}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- const I="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIKICAgIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1sb2FkZXIiPgogICAgPHBhdGggZD0iTTEyIDJ2NCIgLz4KICAgIDxwYXRoIGQ9Im0xNi4yIDcuOCAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTE4IDEyaDQiIC8+CiAgICA8cGF0aCBkPSJtMTYuMiAxNi4yIDIuOSAyLjkiIC8+CiAgICA8cGF0aCBkPSJNMTIgMTh2NCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgMTkuMSAyLjktMi45IiAvPgogICAgPHBhdGggZD0iTTIgMTJoNCIgLz4KICAgIDxwYXRoIGQ9Im00LjkgNC45IDIuOSAyLjkiIC8+Cjwvc3ZnPg==";export{I as l}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- const e={cityId:"City-Id",userId:"User-Id",companyId:"Company-Id",customerName:"Customer-Name",customerPhone:"Customer-Phone",customerEmail:"Customer-Email",companyBranchId:"Company-Branch-Id",cityIntegrationId:"City-Integration-Id",brandIntegrationId:"Brand-Integration-Id",companyIntegrationId:"Company-Integration-Id",companyBranchIntegrationId:"Company-Branch-Integration-Id"},n=async(n,r,t={})=>{const{notAvailableMessage:a,mockData:o,vin:i,scopedTimeoutRef:s,middlewareCallback:d}=r,{isDev:c,baseUrl:I,queryString:m,abortController:l,networkTimeoutRef:u,loadedResponse:y}=n,g=e=>{if(u===s){if(!e&&i)throw new Error(a||"Wrong response format");return y&&y(e),d&&d(e),e}};if(c)return g(o[i]);{if(!I)throw new Error("Please provide base-url");const r=Object.assign({},t);Object.entries(e).forEach((([e,t])=>{n[e]&&(r[t]=n[e])}));const a=await fetch(`${I}${i}?${m}`,{signal:l.signal,headers:r});return g(await a.json())}};export{n as g}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{r as i,h as t,H as e,g as a}from"./p-e97316d2.js";import{c as o}from"./p-98d9e7ab.js";import{g as n}from"./p-c4fad245.js";let l={};const r={expired:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9ImJsYWNrIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiAxNkw4IDgiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgICAgIDxwYXRoIGQ9Ik0xNiA4TDggMTYiIHN0cm9rZS13aWR0aD0iMS4yIiBzdHJva2U9ImJsYWNrIiAvPgogICAgPC9nPgo8L3N2Zz4=",pending:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhMWExYTEiIHN0cm9rZT0iI2ExYTFhMSIgLz4KICAgICAgICA8cmVjdCB4PSI5LjUiIHk9IjgiIHdpZHRoPSIyIiBoZWlnaHQ9IjgiIGZpbGw9IiNhMWExYTEiIC8+CiAgICAgICAgPHJlY3QgeD0iMTIuNSIgeT0iOCIgd2lkdGg9IjIiIGhlaWdodD0iOCIgZmlsbD0iI2ExYTFhMSIgLz4KICAgIDwvZz4KPC9zdmc+",processed:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiMzMDcxYTkiIHN0cm9rZT0iIzMwNzFhOSIgLz4KICAgICAgICA8cGF0aCBkPSJNOC41IDExTDExLjM5MzkgMTMuODkzOUMxMS40NTI1IDEzLjk1MjUgMTEuNTQ3NSAxMy45NTI1IDExLjYwNjEgMTMuODkzOUwxOS41IDYiIHN0cm9rZT0iIzMwNzFhOSIKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPSIxLjIiIC8+CiAgICA8L2c+Cjwvc3ZnPg==",cancelled:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSIzMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjAiIC8+CiAgICA8ZyBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIC8+CiAgICA8Zz4KICAgICAgICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI4IiBmaWxsLW9wYWNpdHk9IjAuMjQiIGZpbGw9IiNhODAwMDAiIHN0cm9rZT0iI2E4MDAwMCIgLz4KICAgICAgICA8cGF0aCBkPSJNMTggMThMNiA2IiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlPSIjYTgwMDAwIiAvPgogICAgPC9nPgo8L3N2Zz4="},s=class{constructor(t){i(this,t),this.pendingItemHighlighted=!1,this.onMouseLeave=()=>{clearTimeout(this.timeoutRef),this.popupClasses="",this.timeoutRef=setTimeout((()=>{this.activePopupIndex=null}),400)},this.onMouseEnter=(i,t)=>{clearTimeout(this.timeoutRef),this.activePopupIndex=t,this.timeoutRef=setTimeout((()=>{const t=i.querySelector(".popup-position-ref");this.popupPositionRef=t,this.calculatePopupPos(this.el.shadowRoot),this.popupClasses="show"}),50)},this.baseUrl=void 0,this.isDev=!1,this.queryString="",this.isIdle=!0,this.popupClasses="",this.externalVin=null,this.activePopupIndex=null,this.vehicleInformation=void 0,this.errorMessage=null,this.isLoading=!1,this.loadingStateChange=void 0,this.loadedResponse=void 0}async componentDidLoad(){this.dynamicClaimBody=this.el.shadowRoot.querySelector(".dynamic-claim-body"),this.dynamicRedeem=this.el.shadowRoot.getElementById("dynamic-redeem"),this.dynamicClaimProgressBar=this.el.shadowRoot.querySelector(".dynamic-claim-progress-bar")}async setMockData(i){l=i}async setData(i,t={}){let e;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const a="string"==typeof i,o=a?i:null==i?void 0:i.vin;this.externalVin=o;try{if(!o||0===o.trim().length)return void(this.isIdle=!0);this.isLoading=!0,this.isIdle=!1,await new Promise((i=>{e=setTimeout(i,1e3),this.networkTimeoutRef=e}));const r=a?await n(this,{scopedTimeoutRef:e,vin:o,mockData:l},t):i;if(this.networkTimeoutRef===e){if(!r)throw new Error("Wrong response format");if(!Array.isArray(r.serviceItems))throw new Error("No Service Available");this.vehicleInformation=r}this.errorMessage=null,this.isLoading=!1}catch(i){if(i&&"AbortError"===(null==i?void 0:i.name))return;this.isLoading=!1,this.vehicleInformation=null,this.errorMessage=i.message}}async fetchData(i=this.externalVin,t={}){await this.setData(i,t)}onLoadingChange(i){this.loadingStateChange&&this.loadingStateChange(i),this.setLoadingUi(i)}async setLoadingUi(i){i||(this.dynamicClaimProgressBar.style.width="0",await new Promise((i=>setTimeout(i,200))),this.updateProgressBar())}updateProgressBar(){var i;const t=(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems)||[];if(0===t.filter((i=>"pending"===i.status)).length)this.dynamicClaimProgressBar.style.width=0===t.length?"0%":"100%",this.dynamicClaimBody.scrollTo({left:this.dynamicClaimBody.scrollWidth,behavior:"smooth"});else{const i=t.find((i=>"pending"===i.status)),e=t.indexOf(i)+1,a=this.dynamicClaimBody.getElementsByClassName("dynamic-claim-item")[e-1];this.dynamicClaimProgressBar.style.width=100*(e/t.length-1/(2*t.length))+"%",this.dynamicClaimBody.scrollTo({left:a.offsetLeft-3*a.clientWidth,behavior:"smooth"})}}resetProgressBar(){setTimeout((()=>{this.updateProgressBar()}),100)}windowScrollListener(i){i?(this.scrollListenerRef=()=>this.calculatePopupPos(this.el.shadowRoot),window.addEventListener("scroll",this.scrollListenerRef),this.dynamicClaimBody.addEventListener("scroll",this.scrollListenerRef)):(window.removeEventListener("scroll",this.scrollListenerRef),this.dynamicClaimBody.removeEventListener("scroll",this.scrollListenerRef))}calculatePopupPos(i){const t=i.querySelector(".popup-position-ref");let{x:e,y:a}=t.getBoundingClientRect();const o=t.querySelector(".popup-container"),{width:n}=o.getBoundingClientRect(),l=o.querySelector(".dynamic-claim-item-popup-info"),r=window.innerWidth;o.style.top=`${a}px`,o.style.left=e-n/2+"px";const s=e-n/2,d=r-(e+n/2);let c=0;d<16?c=d-16:s<16&&(c=Math.abs(s-16)),l.style.transform=`translateX(${c}px)`}removeLoadAnimationClass(i){i.target.classList.remove("load-animation")}async completeClaim(){var i;const t=(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems)||[],e=this.cachedClaimItem,a=JSON.parse(JSON.stringify(t)),o=t.indexOf(e),n=a.slice(0,o).filter((i=>"pending"===i.status));a[o].status="processed",n.forEach((function(i){i.status="cancelled"})),this.pendingItemHighlighted=!1;const l=JSON.parse(JSON.stringify(this.vehicleInformation));l.serviceItems=a,this.vehicleInformation=JSON.parse(JSON.stringify(l))}claim(i){var t;const e=(null===(t=this.vehicleInformation)||void 0===t?void 0:t.serviceItems)||[],a=JSON.parse(JSON.stringify(e)),o=e.indexOf(i);let n=a.slice(0,o).filter((i=>"pending"===i.status));this.cachedClaimItem=i,null===i.maximumMileage&&(n=[]),this.onMouseLeave(),this.openRedeem(i,n)}async handleRedeemScanner(){this.dynamicRedeem.handleScanner=this.isDev?async()=>{await new Promise((i=>setTimeout(i,500))),this.dynamicRedeem.quite(),this.completeClaim(),this.dynamicRedeem.handleScanner=null}:async i=>{try{const t=this.vehicleInformation,e={vin:t.vin,brandIntegrationID:t.identifiers.brandIntegrationID,invoice:i,saleInformation:t.saleInformation,serviceItem:this.dynamicRedeem.item,cancelledServiceItems:this.dynamicRedeem.canceledItems},a=await fetch("/api/vehicle/swift-claim",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}),o=await a.json();if(!o.Success)return alert(o.Message),this.dynamicRedeem.quite(),void(this.dynamicRedeem.handleScanner=null);this.dynamicRedeem.quite(),this.completeClaim(),this.dynamicRedeem.handleScanner=null}catch(i){console.error(i),alert("Request failed please try again later"),this.dynamicRedeem.quite(),this.dynamicRedeem.handleScanner=null}}}openRedeem(i,t){var e,a,o,n,l;const r=this.vehicleInformation;this.dynamicRedeem.vin=null==r?void 0:r.vin,this.dynamicRedeem.item=i,this.dynamicRedeem.canceledItems=t,this.dynamicRedeem.unInvoicedByBrokerName=null!==(null===(e=null==r?void 0:r.saleInformation)||void 0===e?void 0:e.broker)&&null===(null===(o=null===(a=null==r?void 0:r.saleInformation)||void 0===a?void 0:a.broker)||void 0===o?void 0:o.invoiceDate)?null===(l=null===(n=null==r?void 0:r.saleInformation)||void 0===n?void 0:n.broker)||void 0===l?void 0:l.brokerName:null,this.handleRedeemScanner()}createPopup(i){return t("div",{class:"popup-position-ref"},t("div",{class:"popup-container"},t("div",{class:o("dynamic-claim-item-popup-info-triangle",this.popupClasses)},t("div",{class:"dynamic-claim-item-popup-info-triangle-up"}),t("div",{class:"dynamic-claim-item-popup-info-triangle-up2"})),t("div",{class:o("dynamic-claim-item-popup-info",this.popupClasses)},t("table",null,t("tbody",null,t("tr",null,t("th",null,"Service Type:"),t("td",null,i.type.charAt(0).toUpperCase()+i.type.slice(1))),t("tr",null,t("th",null,"Activation Date"),t("td",null,i.activatedAt)),t("tr",null,t("th",null,"Expiry Date"),t("td",null,i.expiresAt)),t("tr",null,t("th",null,"Claimed At"),t("td",null,i.redeemDate)),t("tr",null,t("th",null,"Redeeming Dealer"),t("td",null,i.dealerName)),t("tr",null,t("th",null,"Invoice Number"),t("td",null,i.invoiceNumber)),t("tr",null,t("th",null,"WIP"),t("td",null,i.wip)),t("tr",null,t("th",null,"Menu Code"),t("td",null,i.menuCode)))),"pending"===i.status&&t("button",{onClick:()=>this.claim(i),class:"dynamic-claim-button claim-button"},t("svg",{width:"30px",height:"30px",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{"stroke-width":"0"}),t("g",{"stroke-linecap":"round","stroke-linejoin":"round"}),t("g",null,t("circle",{cx:"12",cy:"12",r:"8","fill-opacity":"0.24"}),t("path",{d:"M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6","stroke-width":"1.2"}))),t("span",null,"Claim")))))}render(){var i,a;const n=(null===(i=this.vehicleInformation)||void 0===i?void 0:i.serviceItems)||[];return t(e,{key:"15b709f7252b85f308c880576dd4f8ff6a7dc666"},t("dynamic-redeem",{key:"71a57f4626d0f394c2293db5bfccaf477c5c3f1e",id:"dynamic-redeem"}),t("div",{key:"3e247cedd1e720c89a30af72f8c9758f7a5642fb",class:o("dynamic-claim-wrapper",{loading:this.isLoading,idle:this.isIdle})},t("div",{key:"d6aea716001e09c9ff3180889afc5daca008b130",class:"dynamic-claim-header"},t("strong",{key:"f9469ece92c4e189eed94a119d233787d78aa8b1",onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-header-vin load-animation"},this.errorMessage&&t("span",{key:"b132706208c827613e967186ba98a1314d9aaf08",style:{color:"red"}},this.errorMessage),!this.errorMessage&&(null===(a=this.vehicleInformation)||void 0===a?void 0:a.vin))),t("div",{key:"849960f27d5188e3ab088c5de8d0bebc25723829",class:"dynamic-claim-body"},t("div",{key:"bdbd37aa75a00973008634299d1768dcbe95843f",class:"loading-lane"},t("div",{key:"6a17f141b034edbcd38b86979431c3ff26614d00",class:"dynamic-claim-loading-slider"},t("div",{key:"34597a589f5dab07e60959ba09d39876901f2ee1",class:"dynamic-claim-loading-slider-line"}),t("div",{key:"4a2483d4997fff60631cd01302d272665e2d2736",class:"dynamic-claim-loading-slider-subline dynamic-claim-inc"}),t("div",{key:"c05466961bfcfd2580f670c57178492f31729f52",class:"dynamic-claim-loading-slider-subline dynamic-claim-dec"}))),t("div",{key:"ac968ede27ec14df080f8c17758e071cfa272d2d",class:"dynamic-claim-progress-lane"},n.map(((i,e)=>{let a="";return"pending"===i.status?n.findIndex((i=>"pending"===i.status))===e&&(a=i.status):a=i.status,t("div",{key:i.name,class:o("dynamic-claim-item",a),onMouseLeave:this.onMouseLeave},t("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-header load-animation",onMouseEnter:i=>this.onMouseEnter(i.target,e)},t("img",{src:r[i.status],alt:"status icon"}),t("span",null,i.status.charAt(0).toUpperCase()+i.status.slice(1)),this.activePopupIndex===e&&this.createPopup(i)),t("div",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-circle load-animation"}),t("p",{onAnimationEnd:this.removeLoadAnimationClass,class:"dynamic-claim-item-footer load-animation"},i.name))})),t("div",{key:"720ee8e73001f6c4304f9e0af8212e37fc69e74a",class:"dynamic-claim-progress-bar"})))))}get el(){return a(this)}static get watchers(){return{isLoading:["onLoadingChange"],vehicleInformation:["resetProgressBar"],popupClasses:["windowScrollListener"]}}};s.style='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block;flex:1 1 0!important;flex-shrink:0!important;width:100%!important}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-wrapper{background:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative}.dynamic-claim-header{background:#f6f6f6;border:1px solid #ededed;padding:15px 0;text-align:center}.dynamic-claim-header-vin{display:inline-block;transition:.4s}.idle .dynamic-claim-header-vin,.loading .dynamic-claim-header-vin{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-body{display:flex;overflow-x:scroll;padding:100px 30px;transition:scrollbar-color .5s ease}.idle .dynamic-claim-body,.loading .dynamic-claim-body{pointer-events:none}.dynamic-claim-wrapper ::-webkit-scrollbar{height:10px;width:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}.idle .dynamic-claim-body::-webkit-scrollbar-thumb,.loading .dynamic-claim-body::-webkit-scrollbar-thumb{background:transparent}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}.dynamic-claim-wrapper ::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.dynamic-claim-progress-lane,.loading-lane{align-items:center;background-color:#f2f2f2;border:1px solid #ddd;border-radius:10px;display:flex;flex:1;flex-direction:row;height:10px;justify-content:space-around;position:relative}.idle .dynamic-claim-progress-lane,.loading .dynamic-claim-progress-lane{background-color:transparent;border:1px solid transparent}.loading-lane{position:absolute;visibility:hidden;width:calc(100% - 60px)}.loading .loading-lane{visibility:visible}.dynamic-claim-progress-bar{background-image:linear-gradient(180deg,#428bca,#3071a9);border:1px solid #ddd;border-radius:10px;height:10px;left:0;position:absolute;transition:all;transition-duration:.5s;transition-timing-function:ease-in-out;width:0;z-index:0}.idle .dynamic-claim-progress-bar,.loading .dynamic-claim-progress-bar{opacity:0;width:0!important}.dynamic-claim-item{align-items:center;display:flex;flex-direction:column;font-size:14px;gap:5px;min-width:250px}.popup-position-ref{bottom:0;display:flex;height:0;justify-content:center;position:absolute;width:0}.popup-container{position:fixed;z-index:100}.dynamic-claim-item-popup-info{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;color:#282828;opacity:0;padding:20px;transition:.4s;visibility:hidden;width:auto}.dynamic-claim-item-popup-info-triangle.show,.dynamic-claim-item-popup-info.show{opacity:1;visibility:visible}.dynamic-claim-item-popup-info table{border-collapse:collapse;width:100%}.dynamic-claim-item-popup-info table td,.dynamic-claim-item-popup-info table th{border-bottom:1px solid #ddd;padding:10px 50px 10px 10px;text-align:left;white-space:nowrap}.dynamic-claim-item-popup-info table td{font-weight:400}.dynamic-claim-item-popup-info .claim-button{justify-content:center;margin:15px auto auto;width:80%}.dynamic-claim-item-popup-info-triangle{display:flex;justify-content:center;opacity:0;position:relative;transform:translateY(-9px);transition:.4s;visibility:hidden;width:100%;z-index:101}.dynamic-claim-item-popup-info-triangle-up{border-bottom:10px solid #ddd}.dynamic-claim-item-popup-info-triangle-up,.dynamic-claim-item-popup-info-triangle-up2{border-left:10px solid transparent;border-right:10px solid transparent;height:0;position:absolute;width:0}.dynamic-claim-item-popup-info-triangle-up2{border-bottom:10px solid #f9f9f9;margin-top:1px}.dynamic-claim-item-header{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:3em;line-height:1em;padding:10px 0;position:relative;transition:.4s}.dynamic-claim-item-header.load-animation{animation:item-header-fade-in .65s ease forwards}@keyframes item-header-fade-in{0%{opacity:0;transform:translateY(-5px) scale(70%)}to{opacity:1;transform:translateY(0) scale(100%)}}.dynamic-claim-item-header span{font-weight:700}.dynamic-claim-item-header img{transition:.4s}.dynamic-claim-item-header:hover>img{transform:rotate(1turn) scale(125%)}.idle .dynamic-claim-item-header,.loading .dynamic-claim-item-header{opacity:0;transform:translateY(-5px) scale(70%)}.dynamic-claim-item-footer{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:4.5em;line-height:1.5em;margin:0;overflow:hidden;padding:0 20px;text-align:center;text-overflow:ellipsis;transition:.4s}.dynamic-claim-item-footer.load-animation{animation:item-footer-fade-in .65s ease forwards}@keyframes item-footer-fade-in{0%{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}to{opacity:1;transform:translateY(0) scale(100%);visibility:visible}}.idle .dynamic-claim-item-footer,.loading .dynamic-claim-item-footer{opacity:0;transform:translateY(5px) scale(70%);visibility:hidden}.dynamic-claim-item-circle{background-color:#a1a1a1;border:5px double #ececec;border-radius:50%;height:18px;transition:.4s;width:18px;z-index:1}.dynamic-claim-item-circle.load-animation{animation:item-circle-fade-in .65s ease forwards}@keyframes item-circle-fade-in{0%{opacity:0;transform:scale(150%);visibility:hidden}to{opacity:1;transform:scale(100%);visibility:visible}}.idle .dynamic-claim-item-circle,.loading .dynamic-claim-item-circle{opacity:0;transform:scale(150%);visibility:hidden}.dynamic-claim-item.processed .dynamic-claim-item-circle{background-color:#3071a9}.dynamic-claim-item.processed .dynamic-claim-item-header{color:#3071a9}.dynamic-claim-item.expired .dynamic-claim-item-circle{background-color:#282828}.dynamic-claim-item.expired .dynamic-claim-item-headaer{color:#282828}.dynamic-claim-item.cancelled .dynamic-claim-item-circle{background-color:#a80000}.dynamic-claim-item.cancelled .dynamic-claim-item-header{color:#a80000}.dynamic-claim-item.pending .dynamic-claim-item-circle{background-color:#00a300}.dynamic-claim-item.pending .dynamic-claim-item-header{color:#00a300}.dynamic-claim-loading-slider{border-radius:4px;height:10px;left:0;overflow-x:hidden;position:relative;position:absolute;top:0;width:100%}.dynamic-claim-loading-slider-line{background:#ddd;height:10px;opacity:0;position:absolute;width:150%}.dynamic-claim-loading-slider-subline{background-image:linear-gradient(180deg,#428bca,#3071a9);height:10px;position:absolute}.dynamic-claim-wrapper.loading .dynamic-claim-inc{animation:dynamic-claim-increase 2.5s ease infinite}.dynamic-claim-wrapper.loading .dynamic-claim-dec{animation:dynamic-claim-decrease 2.5s ease 1s infinite}@keyframes dynamic-claim-increase{0%{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes dynamic-claim-decrease{0%{left:-80%;width:80%}to{left:110%;width:10%}}.dynamic-claim-button{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:3px;outline:none;padding:0 10px 0 0;transition:.3s}.dynamic-claim-button svg{transition:.2s}.claim-button{stroke:#27ae60;fill:#27ae60;background-color:transparent;border:1px solid #27ae60;color:#27ae60}.claim-button circle{fill:#2ecc71}.claim-button:hover{stroke:#fff;fill:#fff;background-color:#2ecc71;color:#fff}.claim-button:hover circle{fill:#fff}.claim-button:active{background-color:#27ae60}.claim-button:active svg{transform:scale(125%)}.cancel-button{stroke:#c0392b;fill:#c0392b;background-color:transparent;border:1px solid #c0392b;color:#c0392b}.cancel-button circle{fill:#c0392b;transition:.1s}.cancel-button:hover{stroke:#fff;fill:#fff;background-color:#e74c3c;color:#fff}.cancel-button:hover circle{fill:#fff}.static{position:static}.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)}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.ml-1{margin-left:.25rem}.border-separate{border-collapse:separate}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.pl-10{padding-left:2.5rem}';export{s as dynamic_claim}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- import{r as t,h as e,H as a,g as o}from"./p-e97316d2.js";import{L as i}from"./p-65e6ab8e.js";import{g as r}from"./p-c4fad245.js";import{o as s,c as n,e as d}from"./p-d5ff7544.js";import{c as l}from"./p-98d9e7ab.js";import"./p-a21e2e2e.js";let p={};const c=class{constructor(e){t(this,e),this.closeImageListener=t=>{this.closeImage(t)},this.openImage=(t,e)=>{s(this,t,e)},this.closeImage=t=>{n(this,t)},this.baseUrl="",this.isDev=!1,this.queryString="",this.loadingStateChange=void 0,this.loadedResponse=void 0,this.state="idle",this.externalVin=null,this.errorMessage=null,this.expandedImage=null,this.vehicleInformation=void 0}handleSettingData(t){t.paintThickness||(t.paintThickness={imageGroups:[],parts:[]}),t.paintThickness.parts&&Array.isArray(t.paintThickness.parts)||(t.paintThickness.parts=[]),t.paintThickness.imageGroups&&Array.isArray(t.paintThickness.imageGroups)||(t.paintThickness.imageGroups=[]),this.vehicleInformation=t}async setData(t,e={}){let a;clearTimeout(this.networkTimeoutRef),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const o="string"==typeof t,i=o?t:null==t?void 0:t.vin;this.externalVin=i;try{if(!i||0===i.trim().length)return void(this.state="idle");this.state="data"===this.state||"error"===this.state?this.state+"-loading":"loading",await new Promise((t=>{a=setTimeout(t,700),this.networkTimeoutRef=a}));const s=o?await r(this,{scopedTimeoutRef:a,vin:i,mockData:p},e):t;if(this.networkTimeoutRef===a){if(!s)throw new Error("Wrong response format");this.handleSettingData(s)}this.errorMessage=null,this.state="data"}catch(t){if(t&&"AbortError"===(null==t?void 0:t.name))return;this.state="error",this.vehicleInformation=null,this.errorMessage=t.message}}async fetchData(t=this.externalVin,e={}){await this.setData(t,e)}async loadingListener(){this.loadingStateChange&&this.loadingStateChange(this.state.includes("loading"))}async setMockData(t){p=t}render(){var t,o;const{imageGroups:r,parts:s}=(null==this?void 0:this.vehicleInformation)?null===(t=null==this?void 0:this.vehicleInformation)||void 0===t?void 0:t.paintThickness:{imageGroups:[],parts:[]};return e(a,{key:"dd25115d7451c326da5411d30b8cebeac06ea3b4"},e("div",{key:"ebec5094a98846ffbe00abcbdc5bb5b987262548",class:"min-h-[100px] relative transition-all duration-300 overflow-hidden"},e("div",{key:"67d4926b51399a2f990251d95a58558d07c64865"},e(i,{key:"d56bac7fe821253d2d9aea3a31e19a55002dc1ce",isLoading:this.state.includes("loading")}),e("div",{key:"27b2f517a1f974182c5704d9682213662f3dd2d3",class:l("transition-all duration-700",{"scale-0":this.state.includes("loading")||"idle"===this.state,"opacity-0":this.state.includes("loading")})},e("div",{key:"f9bdf1767f4e8d6f24f018a60649f54b75151de2",class:l("text-center pt-[4px] text-[20px]",{"text-red-600":!!this.errorMessage})},null===(o=this.vehicleInformation)||void 0===o?void 0:o.vin),["error","error-loading"].includes(this.state)&&e("div",{key:"d2b739c8f39501a2335a312b6c9d0a0431104300",class:"py-[16px]"},e("div",{key:"06e78434d8122f36a26faa5fed05a64d759c18c3",class:" px-[16px] py-[8px] border reject-card text-[20px] rounded-[8px] w-fit mx-auto"},this.errorMessage)),["data","data-loading"].includes(this.state)&&e("div",{key:"f17f4c019ed1357fb40f6f32c125918ab24069ce",class:"flex mt-[12px] w-full max-h-[70dvh] overflow-hidden mx-auto rounded-[4px] flex-col border border-[#d6d8dc]"},e("div",{key:"b79eed13d13b7b91aff4aeb4b2280eb349592896",class:"w-full h-[40px] flex shrink-0 justify-center text-[18px] items-center text-[#383c43] text-center bg-[#e1e3e5]"},"Paint Thickeness"),e("div",{key:"aab4ba79f226602f913652e27341df333f5be00d",class:"h-0 overflow-auto flex-1"},!s.length&&e("div",{key:"edf880bf05cc8c31000960c1ee9471d166444541",class:"h-[50px] px-[30px] flex items-center justify-center text-[18px]"},"No parts are available."),!!s.length&&e("table",{key:"ddac23c3ba00bb44e58f2b5dfaa11034d4f13594",class:"w-full overflow-auto relative border-collapse"},e("thead",{key:"c39718f9cd059c765c51b90ba2f2f4e570b9778b",class:"top-0 font-bold sticky bg-white"},e("tr",{key:"ba28cd9cadfc036162a735d7353a089a581a8559"},["Part","Left","Right"].map((t=>e("th",{key:t,class:"px-[15px] min-w-[100px] py-[15px] text-center whitespace-nowrap border-b border-[#d6d8dc]"},t))))),e("tbody",{key:"6049aecd19316b1d7e1c79606d7cf304b0b260ec"},s.map(((t,a)=>e("tr",{class:"transition-colors duration-100 hover:bg-slate-100",key:t.part},["part","left","right"].map((o=>e("td",{key:t.part+o,class:l("px-[10px] py-[20px] text-center whitespace-nowrap border-b border-[#d6d8dc]",{"!border-none":a===s.length-1})},t[o]||"...")))))))))),["data","data-loading"].includes(this.state)&&e("div",{key:"73bfbe41ad8f91591c23b0dccd7be84b4505ede8"},!r.length&&e("div",{key:"33c2491e22faf7a5f11b6ec2ee62a1b758123b8e",class:"h-[40px] px-[30px] flex text-red-500 items-center justify-center text-[18px]"},"No image groups are available."),!!r.length&&e("div",{key:"02103207298b679bdbe8d336c70d2cb8936087a4",class:"py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full"},r.map((t=>e("div",{class:"shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col",key:t.name},e("h1",{class:"text-center border-b bg-slate-200 font-semibold p-[6px]"},t.name),e("div",{class:"flex p-[12px] gap-[8px]"},t.images.map((t=>e("div",{class:"flex gap-[8px]",key:t},e("button",{onClick:({target:e})=>this.openImage(e,t),class:"shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer"},e("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"},e("img",{src:d}),e("span",{class:"text-white"},"Expand")),e("img",{class:"w-auto h-[150px] cursor-pointer shadow-sm rounded-lg transition-all duration-300",src:t}))))))))),e("div",{key:"7e239537ed9d3b07119fbf15fcb8cb238280c095",onClick:()=>this.closeImage(),style:{backdropFilter:this.expandedImage?"blur(3px)":"blur(0px)"},class:l("pointer-events-none w-[100dvw] h-[100dvh] fixed top-0 z-10 left-0 opacity-0 bg-black/40 transition-all duration-400",{"pointer-events-auto opacity-100 delay-200":this.expandedImage})},e("button",{key:"a961871288f09b8776ca9530a6e5ae56133cb3bc",class:"flex flex-col mt-[16px] items-center justify-center size-12 float-right mr-[16px]",onClick:()=>this.closeImage()},e("div",{key:"6db275131cf9b431540c2402552449a4ca2d4289",class:"h-1 w-12 rounded-full rotate-45 absolute bg-white"}),e("div",{key:"1b0c9149a6d22c436e89baf35fb146c08d13a40a",class:"h-1 w-12 rounded-full -rotate-45 absolute bg-white"}))),e("img",{key:"38939c47ad696305c5cc2b3ccb4c72112eea2cce",alt:"",id:"expanded-image",class:"fixed opacity-0 z-40 transition-all rounded-lg"})))))))}get el(){return o(this)}static get watchers(){return{state:["loadingListener"]}}};c.style='*,: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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.z-40{z-index:40}.float-right{float:right}.mx-auto{margin-left:auto;margin-right:auto}.mr-\\[16px\\]{margin-right:16px}.mt-\\[12px\\]{margin-top:12px}.mt-\\[16px\\]{margin-top:16px}.flex{display:flex}.table{display:table}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-0{height:0}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[150px\\]{height:150px}.h-\\[40px\\]{height:40px}.h-\\[50px\\]{height:50px}.max-h-\\[70dvh\\]{max-height:70dvh}.min-h-\\[100px\\]{min-height:100px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\\[100px\\]{min-width:100px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-rotate-45{--tw-rotate:-45deg}.-rotate-45,.rotate-45{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))}.rotate-45{--tw-rotate:45deg}.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))}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\\!border-none{border-style:none!important}.border-\\[\\#d6d8dc\\]{--tw-border-opacity:1;border-color:rgb(214 216 220/var(--tw-border-opacity,1))}.bg-\\[\\#e1e3e5\\]{--tw-bg-opacity:1;background-color:rgb(225 227 229/var(--tw-bg-opacity,1))}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.pt-\\[4px\\]{padding-top:4px}.text-center{text-align:center}.text-\\[18px\\]{font-size:18px}.text-\\[20px\\]{font-size:20px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-\\[\\#383c43\\]{--tw-text-opacity:1;color:rgb(56 60 67/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.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)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);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)}.delay-200{transition-delay:.2s}.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}.hover\\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.z-50{z-index:50}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin-2s{animation:spin 2s linear infinite}';export{c as paint_thickness}
@@ -1,5 +0,0 @@
1
- /*!
2
- * Built by ShiftSoftware
3
- * Copyright (c)
4
- */
5
- const t="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIgogICAgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWV5ZSI+CiAgICA8cGF0aCBkPSJNMi4wNjIgMTIuMzQ4YTEgMSAwIDAgMSAwLS42OTYgMTAuNzUgMTAuNzUgMCAwIDEgMTkuODc2IDAgMSAxIDAgMCAxIDAgLjY5NiAxMC43NSAxMC43NSAwIDAgMS0xOS44NzYgMCIgLz4KICAgIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjMiIC8+Cjwvc3ZnPg==";function i(t,i,e){if(t.expandedImage===e)return;t.originalImage=i;const n=t.el.shadowRoot.getElementById("expanded-image");n.src=i.src,document.addEventListener("keydown",t.closeImageListener);const o=i.getBoundingClientRect();document.body.style.overflow="hidden",Object.assign(n.style,{top:`${o.top}px`,pointerEvents:"auto",left:`${o.left}px`,transitionDuration:"0s",width:`${o.width}px`,height:`${o.height}px`}),setTimeout((()=>{const o=window.innerWidth-160,I=window.innerHeight-32,d=i.naturalWidth/i.naturalHeight;let g,c;o/d<=I?(g=o,c=o/d):(c=I,g=I*d),n.style.transitionDuration="0.3s",Object.assign(n.style,{opacity:"1",width:`${g}px`,height:`${c}px`,top:(window.innerHeight-c)/2+"px",left:(window.innerWidth-g)/2+"px"}),t.expandedImage=e}),200)}function e(t,i){if(i&&"Escape"!==i.key)return;document.removeEventListener("keydown",t.closeImageListener);const e=t.el.shadowRoot.getElementById("expanded-image"),n=t.originalImage.getBoundingClientRect();Object.assign(e.style,{top:`${n.top}px`,pointerEvents:"none",left:`${n.left}px`,width:`${n.width}px`,height:`${n.height}px`,transitionDuration:"0.3s"}),setTimeout((()=>{e.src="",e.style.opacity="0",e.style.transitionDuration="0s"}),300),document.body.style.overflow="",t.expandedImage=null}export{e as c,t as e,i as o}