adp-web-components 0.0.90 → 0.0.92

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 (340) hide show
  1. package/dist/cjs/contact-us-form.cjs.entry.js +4 -4
  2. package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +282 -325
  3. package/dist/cjs/empty-table-icon-PdTX6gpI.js +16 -0
  4. package/dist/cjs/flexible-container.cjs.entry.js +43 -46
  5. package/dist/cjs/form-dialog_8.cjs.entry.js +12 -12
  6. package/dist/cjs/{get-local-language-XsAJEAsO.js → get-local-language-Ch7javM0.js} +38 -38
  7. package/dist/cjs/information-table.cjs.entry.js +6 -3
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
  10. package/dist/cjs/material-card-Cd0L1Get.js +43 -0
  11. package/dist/cjs/part-lookup.cjs.entry.js +32 -11
  12. package/dist/cjs/print-icon-C4ASnhAO.js +106 -0
  13. package/dist/cjs/service-booking-form.cjs.entry.js +4 -4
  14. package/dist/cjs/shift-components.cjs.js +1 -1
  15. package/dist/cjs/shift-tab-content.cjs.entry.js +42 -0
  16. package/dist/cjs/shift-tabs_2.cjs.entry.js +277 -234
  17. package/dist/cjs/{vehicle-info-layout-BSAeLW7e.js → type-BG4jir8r.js} +45 -9
  18. package/dist/cjs/{type-BAD2dFzP.js → type-BpPQE0Ww.js} +1 -1
  19. package/dist/cjs/{type-DT5vXP0E.js → type-DB__lcA9.js} +1 -1
  20. package/dist/cjs/vehicle-accessories_6.cjs.entry.js +1115 -0
  21. package/dist/cjs/vehicle-info-layout-Dp2Po_uc.js +16 -0
  22. package/dist/cjs/vehicle-lookup.cjs.entry.js +19 -16
  23. package/dist/cjs/vin-extractor.cjs.entry.js +3 -3
  24. package/dist/collection/components/components/flexible-container.css +1 -1
  25. package/dist/collection/components/components/flexible-container.js +34 -36
  26. package/dist/collection/components/components/information-table.css +1 -1
  27. package/dist/collection/components/components/information-table.js +45 -2
  28. package/dist/collection/components/components/loading-spinner.css +1 -1
  29. package/dist/collection/components/components/material-card.js +2 -2
  30. package/dist/collection/components/components/shift-tab-content.css +1 -1
  31. package/dist/collection/components/components/shift-tab-content.js +1 -1
  32. package/dist/collection/components/components/shift-tabs.css +1 -1
  33. package/dist/collection/components/form-elements/form-dialog.js +6 -6
  34. package/dist/collection/components/form-elements/form-input.js +4 -4
  35. package/dist/collection/components/form-elements/form-select.js +6 -6
  36. package/dist/collection/components/form-elements/form-structure-error.js +4 -4
  37. package/dist/collection/components/form-elements/form-structure.js +3 -3
  38. package/dist/collection/components/form-elements/form-submit.js +5 -5
  39. package/dist/collection/components/form-elements/form-text-area.js +4 -4
  40. package/dist/collection/components/forms/contact-us/element-mapper.js +1 -1
  41. package/dist/collection/components/forms/contact-us-form.js +4 -4
  42. package/dist/collection/components/forms/service-booking/element-mapper.js +1 -1
  43. package/dist/collection/components/forms/service-booking-form.js +4 -4
  44. package/dist/collection/components/part-lookup/components/dead-stock-item.js +15 -0
  45. package/dist/collection/components/part-lookup/dead-stock-lookup.css +1 -1
  46. package/dist/collection/components/part-lookup/dead-stock-lookup.js +153 -175
  47. package/dist/collection/components/part-lookup/distributor-lookup.css +1 -1
  48. package/dist/collection/components/part-lookup/distributor-lookup.js +192 -224
  49. package/dist/collection/components/part-lookup/manufacturer-lookup.css +1 -1
  50. package/dist/collection/components/part-lookup/manufacturer-lookup.js +165 -224
  51. package/dist/collection/components/part-lookup/part-lookup.css +1 -1
  52. package/dist/collection/components/part-lookup/part-lookup.js +127 -57
  53. package/dist/collection/components/vehicle-lookup/components/CardsContainer.js +1 -1
  54. package/dist/collection/components/vehicle-lookup/components/StatusCard.js +2 -2
  55. package/dist/collection/components/vehicle-lookup/components/claimable-item-popover.js +73 -0
  56. package/dist/collection/components/vehicle-lookup/components/claimable-item.js +27 -0
  57. package/dist/collection/components/vehicle-lookup/vehicle-accessories.css +1 -1
  58. package/dist/collection/components/vehicle-lookup/vehicle-accessories.js +108 -187
  59. package/dist/collection/components/vehicle-lookup/vehicle-claimable-items.css +1 -1
  60. package/dist/collection/components/vehicle-lookup/vehicle-claimable-items.js +369 -507
  61. package/dist/collection/components/vehicle-lookup/vehicle-item-claim-form.css +1 -1
  62. package/dist/collection/components/vehicle-lookup/vehicle-item-claim-form.js +271 -345
  63. package/dist/collection/components/vehicle-lookup/vehicle-lookup.css +1 -1
  64. package/dist/collection/components/vehicle-lookup/vehicle-lookup.js +59 -56
  65. package/dist/collection/components/vehicle-lookup/vehicle-paint-thickness.css +1 -1
  66. package/dist/collection/components/vehicle-lookup/vehicle-paint-thickness.js +106 -192
  67. package/dist/collection/components/vehicle-lookup/vehicle-service-history.css +1 -3
  68. package/dist/collection/components/vehicle-lookup/vehicle-service-history.js +106 -176
  69. package/dist/collection/components/vehicle-lookup/vehicle-specification.css +1 -3
  70. package/dist/collection/components/vehicle-lookup/vehicle-specification.js +104 -168
  71. package/dist/collection/components/vehicle-lookup/vehicle-warranty-details.css +1 -3
  72. package/dist/collection/components/vehicle-lookup/vehicle-warranty-details.js +198 -274
  73. package/dist/collection/components/vin-extractor/vin-extractor.js +13 -4
  74. package/dist/collection/{global/lib/image-expansion.js → features/image-viewer/image-viewer-logic.js} +15 -11
  75. package/dist/collection/features/image-viewer/image-viewer.js +9 -0
  76. package/dist/collection/features/image-viewer/index.js +7 -0
  77. package/dist/collection/features/image-viewer/interface.js +1 -0
  78. package/dist/collection/{global/lib → features/multi-lingual}/get-local-language.js +1 -5
  79. package/dist/collection/features/multi-lingual/index.js +7 -0
  80. package/dist/collection/features/multi-lingual/interface.js +1 -0
  81. package/dist/collection/{global/types/locale.js → features/multi-lingual/types.js} +6 -0
  82. package/dist/collection/features/part-lookup-components/index.js +7 -0
  83. package/dist/collection/features/part-lookup-components/interface.js +1 -0
  84. package/dist/collection/features/part-lookup-components/part-lookup-api-integration.js +84 -0
  85. package/dist/collection/features/part-lookup-components/types.js +1 -0
  86. package/dist/collection/features/vehicle-info-layout/index.js +6 -0
  87. package/dist/collection/features/vehicle-info-layout/interface.js +1 -0
  88. package/dist/collection/{components/components → features/vehicle-info-layout}/vehicle-info-layout.js +1 -1
  89. package/dist/collection/features/vehicle-lookup-component/index.js +7 -0
  90. package/dist/collection/features/vehicle-lookup-component/interface.js +1 -0
  91. package/dist/collection/features/vehicle-lookup-component/types.js +17 -0
  92. package/dist/collection/features/vehicle-lookup-component/vehicle-lookup-api-integration.js +87 -0
  93. package/dist/collection/global/assets/activation-icon.js +6 -0
  94. package/dist/collection/global/assets/add-icon.js +6 -0
  95. package/dist/collection/global/assets/alert-icon.js +6 -0
  96. package/dist/collection/global/assets/arrow-up-icon.js +6 -0
  97. package/dist/collection/global/assets/attach-icon.js +6 -0
  98. package/dist/collection/global/assets/check-icon.js +6 -0
  99. package/dist/collection/global/assets/empty-table-icon.js +6 -0
  100. package/dist/collection/global/assets/form-submit-svg.js +6 -0
  101. package/dist/collection/global/assets/print-icon.js +6 -0
  102. package/dist/collection/global/assets/question-mark.js +6 -0
  103. package/dist/collection/global/assets/triangle-icon.js +6 -0
  104. package/dist/collection/global/lib/parents-with-tag.js +22 -0
  105. package/dist/collection/global/types/generated/vehicle-lookup/vehicle-item-warning.js +1 -0
  106. package/dist/collection/locales/vehicleLookup/claimableItems/type.js +4 -6
  107. package/dist/collection/templates/part-lookup/mock-data.js +85 -2
  108. package/dist/collection/templates/vehicle-lookup/mock-data.js +39 -0
  109. package/dist/components/contact-us-form.js +1 -1
  110. package/dist/components/dead-stock-lookup.js +1 -1
  111. package/dist/components/distributor-lookup.js +1 -1
  112. package/dist/components/flexible-container.js +1 -1
  113. package/dist/components/form-dialog.js +1 -1
  114. package/dist/components/form-input.js +1 -1
  115. package/dist/components/form-select.js +1 -1
  116. package/dist/components/form-structure-error.js +1 -1
  117. package/dist/components/form-structure.js +1 -1
  118. package/dist/components/form-submit.js +1 -1
  119. package/dist/components/form-text-area.js +1 -1
  120. package/dist/components/information-table.js +1 -1
  121. package/dist/components/loading-spinner.js +1 -1
  122. package/dist/components/manufacturer-lookup.js +1 -1
  123. package/dist/components/p-4O0gfpsm.js +5 -0
  124. package/dist/components/p-8hUwcL5D.js +5 -0
  125. package/dist/components/p-9BQXTBdQ.js +5 -0
  126. package/dist/components/p-B1fdQNyr.js +5 -0
  127. package/dist/components/p-B2EAhWbD.js +5 -0
  128. package/dist/components/p-B9RSECb0.js +5 -0
  129. package/dist/components/p-BDCoLRVe.js +5 -0
  130. package/dist/components/p-BG8YXzND.js +5 -0
  131. package/dist/components/p-BNhO80aE.js +5 -0
  132. package/dist/components/p-Be1vlY8X.js +5 -0
  133. package/dist/components/p-BhjL0HMA.js +5 -0
  134. package/dist/components/p-C4zpDhOi.js +5 -0
  135. package/dist/components/p-CHE0gMDU.js +5 -0
  136. package/dist/components/p-CMweaUDZ.js +5 -0
  137. package/dist/components/p-COU68JDH.js +5 -0
  138. package/dist/components/p-Ce4X3l8Z.js +5 -0
  139. package/dist/components/p-CeUz_77J.js +5 -0
  140. package/dist/components/{p-D7yku_Qi.js → p-CgRbul8P.js} +1 -1
  141. package/dist/components/{p-JtBlsz4j.js → p-CiosiH6q.js} +1 -1
  142. package/dist/components/p-CnCnKZ25.js +5 -0
  143. package/dist/components/{p-C-4kx8qU.js → p-CqvK2B_Z.js} +1 -1
  144. package/dist/components/{p-B6QhQCZi.js → p-D6AC01Wg.js} +1 -1
  145. package/dist/components/p-DOoqf10k.js +5 -0
  146. package/dist/components/{p-BaJpYztb.js → p-DRdEUWsa.js} +1 -1
  147. package/dist/components/p-DSNyMvnc.js +5 -0
  148. package/dist/components/{p-CjWDXQ_q.js → p-DhxirzfQ.js} +1 -1
  149. package/dist/components/p-DiG3vhi6.js +5 -0
  150. package/dist/{shift-components/p-CIU9c3pi.js → components/p-DnMCq3Mw.js} +1 -1
  151. package/dist/components/p-Dt-24vpn.js +5 -0
  152. package/dist/components/p-DxBcoZIg.js +5 -0
  153. package/dist/components/{p-D63WC2_Y.js → p-pYVYeitk.js} +1 -1
  154. package/dist/components/p-piZ41_ho.js +5 -0
  155. package/dist/components/part-lookup.js +1 -1
  156. package/dist/components/service-booking-form.js +1 -1
  157. package/dist/components/shift-accordion.js +1 -1
  158. package/dist/components/shift-slider.js +1 -1
  159. package/dist/components/shift-tab-content.js +1 -1
  160. package/dist/components/shift-tabs.js +1 -1
  161. package/dist/components/vehicle-accessories.js +1 -1
  162. package/dist/components/vehicle-claimable-items.js +1 -1
  163. package/dist/components/vehicle-item-claim-form.js +1 -1
  164. package/dist/components/vehicle-lookup.js +1 -1
  165. package/dist/components/vehicle-paint-thickness.js +1 -1
  166. package/dist/components/vehicle-service-history.js +1 -1
  167. package/dist/components/vehicle-specification.js +1 -1
  168. package/dist/components/vehicle-warranty-details.js +1 -1
  169. package/dist/components/vin-extractor.js +1 -1
  170. package/dist/esm/contact-us-form.entry.js +4 -4
  171. package/dist/esm/dead-stock-lookup_3.entry.js +283 -326
  172. package/dist/esm/empty-table-icon-DvQk12N9.js +14 -0
  173. package/dist/esm/flexible-container.entry.js +43 -46
  174. package/dist/esm/form-dialog_8.entry.js +12 -12
  175. package/dist/esm/{get-local-language-BPo-xYwK.js → get-local-language-KsoLM3LI.js} +38 -38
  176. package/dist/esm/information-table.entry.js +6 -3
  177. package/dist/esm/loader.js +1 -1
  178. package/dist/esm/loading-spinner.entry.js +1 -1
  179. package/dist/esm/material-card-DiAl-884.js +40 -0
  180. package/dist/esm/part-lookup.entry.js +32 -11
  181. package/dist/esm/print-icon-Dn5kQmLo.js +99 -0
  182. package/dist/esm/service-booking-form.entry.js +4 -4
  183. package/dist/esm/shift-components.js +1 -1
  184. package/dist/esm/shift-tab-content.entry.js +40 -0
  185. package/dist/esm/shift-tabs_2.entry.js +277 -234
  186. package/dist/esm/type-BAXhU7Vq.js +79 -0
  187. package/dist/esm/{type-DHujxJVp.js → type-CAfIkrCW.js} +1 -1
  188. package/dist/esm/{type-D9Rd8Kcd.js → type-CoXoa4w8.js} +1 -1
  189. package/dist/esm/vehicle-accessories_6.entry.js +1108 -0
  190. package/dist/esm/vehicle-info-layout-CNGGKAia.js +14 -0
  191. package/dist/esm/vehicle-lookup.entry.js +14 -11
  192. package/dist/esm/vin-extractor.entry.js +3 -3
  193. package/dist/locales/vehicleLookup/claimableItems/ar.json +5 -6
  194. package/dist/locales/vehicleLookup/claimableItems/en.json +5 -6
  195. package/dist/locales/vehicleLookup/claimableItems/ku.json +5 -6
  196. package/dist/locales/vehicleLookup/claimableItems/ru.json +5 -6
  197. package/dist/locales/vehicleLookup/claimableItems/type.ts +4 -6
  198. package/dist/shift-components/p-03f093e0.entry.js +5 -0
  199. package/dist/shift-components/p-277c8a5b.entry.js +5 -0
  200. package/dist/shift-components/p-42218765.entry.js +5 -0
  201. package/dist/shift-components/p-55c5a5ea.entry.js +5 -0
  202. package/dist/shift-components/p-5906834e.entry.js +5 -0
  203. package/dist/shift-components/p-5bd460db.entry.js +5 -0
  204. package/dist/shift-components/p-701e3fb0.entry.js +5 -0
  205. package/dist/shift-components/p-98cb9ff7.entry.js +5 -0
  206. package/dist/{components/p-CK4E5G0i.js → shift-components/p-BBKhY55u.js} +1 -1
  207. package/dist/shift-components/{p-DHb8KxaG.js → p-BGyVhGdx.js} +1 -1
  208. package/dist/shift-components/p-BSpTbUWi.js +5 -0
  209. package/dist/shift-components/p-BnTnweSV.js +5 -0
  210. package/dist/shift-components/{p-CuQ84qxe.js → p-D7OEt6rC.js} +1 -1
  211. package/dist/shift-components/p-DzSZ47FV.js +5 -0
  212. package/dist/shift-components/p-Wtw8qj6x.js +5 -0
  213. package/dist/shift-components/p-a137e4bb.entry.js +5 -0
  214. package/dist/shift-components/{p-f282c740.entry.js → p-c4c88519.entry.js} +1 -1
  215. package/dist/shift-components/{p-b6497f63.entry.js → p-dee5dd04.entry.js} +1 -1
  216. package/dist/shift-components/p-e428aabb.entry.js +5 -0
  217. package/dist/shift-components/p-ff79b92b.entry.js +5 -0
  218. package/dist/shift-components/p-fyqwD4fB.js +5 -0
  219. package/dist/shift-components/shift-components.esm.js +1 -1
  220. package/dist/types/components/components/flexible-container.d.ts +2 -5
  221. package/dist/types/components/components/information-table.d.ts +2 -0
  222. package/dist/types/components/components/material-card.d.ts +1 -1
  223. package/dist/types/components/form-elements/form-dialog.d.ts +1 -2
  224. package/dist/types/components/form-elements/form-input.d.ts +1 -2
  225. package/dist/types/components/form-elements/form-select.d.ts +1 -2
  226. package/dist/types/components/form-elements/form-structure-error.d.ts +1 -2
  227. package/dist/types/components/form-elements/form-structure.d.ts +2 -3
  228. package/dist/types/components/form-elements/form-submit.d.ts +1 -1
  229. package/dist/types/components/form-elements/form-text-area.d.ts +1 -1
  230. package/dist/types/components/forms/contact-us-form.d.ts +1 -1
  231. package/dist/types/components/forms/service-booking-form.d.ts +1 -1
  232. package/dist/types/components/part-lookup/components/dead-stock-item.d.ts +14 -0
  233. package/dist/types/components/part-lookup/dead-stock-lookup.d.ts +25 -23
  234. package/dist/types/components/part-lookup/distributor-lookup.d.ts +23 -24
  235. package/dist/types/components/part-lookup/manufacturer-lookup.d.ts +23 -25
  236. package/dist/types/components/part-lookup/part-lookup.d.ts +17 -12
  237. package/dist/types/components/vehicle-lookup/components/claimable-item-popover.d.ts +17 -0
  238. package/dist/types/components/vehicle-lookup/components/claimable-item.d.ts +12 -0
  239. package/dist/types/components/vehicle-lookup/vehicle-accessories.d.ts +23 -28
  240. package/dist/types/components/vehicle-lookup/vehicle-claimable-items.d.ts +53 -55
  241. package/dist/types/components/vehicle-lookup/vehicle-item-claim-form.d.ts +39 -55
  242. package/dist/types/components/vehicle-lookup/vehicle-lookup.d.ts +8 -9
  243. package/dist/types/components/vehicle-lookup/vehicle-paint-thickness.d.ts +23 -29
  244. package/dist/types/components/vehicle-lookup/vehicle-service-history.d.ts +20 -23
  245. package/dist/types/components/vehicle-lookup/vehicle-specification.d.ts +20 -22
  246. package/dist/types/components/vehicle-lookup/vehicle-warranty-details.d.ts +27 -31
  247. package/dist/types/components/vin-extractor/vin-extractor.d.ts +2 -2
  248. package/dist/types/components.d.ts +143 -169
  249. package/dist/types/features/image-viewer/image-viewer-logic.d.ts +3 -0
  250. package/dist/types/features/image-viewer/image-viewer.d.ts +10 -0
  251. package/dist/types/features/image-viewer/index.d.ts +3 -0
  252. package/dist/types/features/image-viewer/interface.d.ts +5 -0
  253. package/dist/types/features/multi-lingual/get-local-language.d.ts +4 -0
  254. package/dist/types/features/multi-lingual/index.d.ts +3 -0
  255. package/dist/types/features/multi-lingual/interface.d.ts +8 -0
  256. package/dist/types/{global/lib/get-local-language.d.ts → features/multi-lingual/types.d.ts} +17 -6
  257. package/dist/types/features/part-lookup-components/index.d.ts +3 -0
  258. package/dist/types/features/part-lookup-components/interface.d.ts +25 -0
  259. package/dist/types/features/part-lookup-components/part-lookup-api-integration.d.ts +14 -0
  260. package/dist/types/features/part-lookup-components/types.d.ts +3 -0
  261. package/dist/types/features/vehicle-info-layout/index.d.ts +2 -0
  262. package/dist/types/features/vehicle-info-layout/interface.d.ts +3 -0
  263. package/dist/types/{components/components → features/vehicle-info-layout}/vehicle-info-layout.d.ts +3 -3
  264. package/dist/types/features/vehicle-lookup-component/index.d.ts +3 -0
  265. package/dist/types/features/vehicle-lookup-component/interface.d.ts +24 -0
  266. package/dist/types/features/vehicle-lookup-component/types.d.ts +17 -0
  267. package/dist/types/features/vehicle-lookup-component/vehicle-lookup-api-integration.d.ts +15 -0
  268. package/dist/types/global/assets/activation-icon.d.ts +6 -0
  269. package/dist/types/global/assets/add-icon.d.ts +6 -0
  270. package/dist/types/global/assets/alert-icon.d.ts +6 -0
  271. package/dist/types/global/assets/arrow-up-icon.d.ts +6 -0
  272. package/dist/types/global/assets/attach-icon.d.ts +6 -0
  273. package/dist/types/global/assets/check-icon.d.ts +6 -0
  274. package/dist/types/global/assets/empty-table-icon.d.ts +6 -0
  275. package/dist/types/global/assets/form-submit-svg.d.ts +6 -0
  276. package/dist/types/global/assets/print-icon.d.ts +6 -0
  277. package/dist/types/global/assets/question-mark.d.ts +6 -0
  278. package/dist/types/global/assets/triangle-icon.d.ts +6 -0
  279. package/dist/types/global/lib/parents-with-tag.d.ts +1 -0
  280. package/dist/types/global/lib/recaptcha.d.ts +1 -1
  281. package/dist/types/global/types/components.d.ts +0 -1
  282. package/dist/types/global/types/forms.d.ts +1 -1
  283. package/dist/types/global/types/generated/vehicle-lookup/vehicle-item-warning.d.ts +7 -0
  284. package/dist/types/global/types/generated/vehicle-lookup/vehicle-service-item-dto.d.ts +3 -0
  285. package/dist/types/locales/vehicleLookup/accessories/type.d.ts +2 -2
  286. package/dist/types/locales/vehicleLookup/claimableItems/type.d.ts +18 -26
  287. package/dist/types/locales/vehicleLookup/warranty/type.d.ts +2 -2
  288. package/dist/types/locales/vehicleLookup/wrapper-type.d.ts +14 -18
  289. package/package.json +1 -2
  290. package/dist/cjs/shift-tab-content_7.cjs.entry.js +0 -1487
  291. package/dist/cjs/type-CCsnwaKp.js +0 -56
  292. package/dist/collection/global/api/partInformation.js +0 -32
  293. package/dist/collection/global/api/vehicleInformation.js +0 -48
  294. package/dist/components/p-1vy-Ba6r.js +0 -5
  295. package/dist/components/p-B5YdqGVm.js +0 -5
  296. package/dist/components/p-BDkK65_1.js +0 -5
  297. package/dist/components/p-BT4rhLRL.js +0 -5
  298. package/dist/components/p-C1F_f1WE.js +0 -5
  299. package/dist/components/p-CACnUI7c.js +0 -5
  300. package/dist/components/p-CDOvd2iD.js +0 -5
  301. package/dist/components/p-CGzOJT7g.js +0 -5
  302. package/dist/components/p-CINfIgzX.js +0 -5
  303. package/dist/components/p-CJpwqpuQ.js +0 -5
  304. package/dist/components/p-CUqXnLyM.js +0 -5
  305. package/dist/components/p-Cl9ct-bZ.js +0 -5
  306. package/dist/components/p-CqGVdvFp.js +0 -5
  307. package/dist/components/p-D2bxjSGr.js +0 -5
  308. package/dist/components/p-DXHx6lre.js +0 -5
  309. package/dist/components/p-DXj5zsQK.js +0 -5
  310. package/dist/components/p-DsCtgcZn.js +0 -5
  311. package/dist/components/p-DxjQlmaz.js +0 -5
  312. package/dist/components/p-nxlqujKv.js +0 -5
  313. package/dist/components/p-vvHN2Olh.js +0 -5
  314. package/dist/components/p-yQ70lKV2.js +0 -5
  315. package/dist/esm/shift-tab-content_7.entry.js +0 -1479
  316. package/dist/esm/type-CfLRnI1J.js +0 -53
  317. package/dist/esm/vehicle-info-layout-D1bvY1nt.js +0 -43
  318. package/dist/shift-components/p-389f444c.entry.js +0 -5
  319. package/dist/shift-components/p-5dd208de.entry.js +0 -5
  320. package/dist/shift-components/p-5f91eb5f.entry.js +0 -5
  321. package/dist/shift-components/p-76dd44e9.entry.js +0 -5
  322. package/dist/shift-components/p-9a51dae0.entry.js +0 -5
  323. package/dist/shift-components/p-BAMA88Mr.js +0 -5
  324. package/dist/shift-components/p-Br0JD1CD.js +0 -5
  325. package/dist/shift-components/p-af44ca99.entry.js +0 -5
  326. package/dist/shift-components/p-d0e6cd78.entry.js +0 -5
  327. package/dist/shift-components/p-f1225504.entry.js +0 -5
  328. package/dist/shift-components/p-faabbd23.entry.js +0 -5
  329. package/dist/shift-components/p-ff0fec09.entry.js +0 -5
  330. package/dist/types/global/api/partInformation.d.ts +0 -19
  331. package/dist/types/global/api/vehicleInformation.d.ts +0 -33
  332. package/dist/types/global/lib/image-expansion.d.ts +0 -9
  333. package/dist/types/global/types/locale.d.ts +0 -11
  334. /package/dist/collection/{components/vehicle-lookup → global}/assets/activationRequired.svg +0 -0
  335. /package/dist/collection/{components/vehicle-lookup → global}/assets/cancelled.svg +0 -0
  336. /package/dist/collection/{components/vehicle-lookup → global}/assets/check.svg +0 -0
  337. /package/dist/collection/{components/vehicle-lookup → global}/assets/expired.svg +0 -0
  338. /package/dist/collection/{components/vehicle-lookup → global}/assets/pending.svg +0 -0
  339. /package/dist/collection/{components/vehicle-lookup → global}/assets/processed.svg +0 -0
  340. /package/dist/collection/{components/vehicle-lookup → global}/assets/x-mark.svg +0 -0
package/dist/cjs/shift-tabs_2.cjs.entry.js CHANGED
@@ -6,10 +6,10 @@
6
6
 
7
7
  var index = require('./index-BjyafrBw.js');
8
8
  var cn = require('./cn-BHnqYtun.js');
9
- var getLocalLanguage = require('./get-local-language-XsAJEAsO.js');
10
- var type = require('./type-CCsnwaKp.js');
9
+ var materialCard = require('./material-card-Cd0L1Get.js');
10
+ var printIcon = require('./print-icon-C4ASnhAO.js');
11
11
 
12
- const shiftTabsCss = "*,: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}.static{position:static}.flex{display:flex}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.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-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[150px\\]{height:150px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.-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}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/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-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.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)}.delay-200{transition-delay:.2s}.duration-300{transition-duration:.3s}.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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.hidden{display:none}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.bottom-0{bottom:0}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.\\!z-\\[-1\\]{z-index:-1!important}.z-0{z-index:0}.z-\\[100\\]{z-index:100}.z-\\[101\\]{z-index:101}.z-\\[1\\]{z-index:1}.m-0{margin:0}.m-auto{margin:auto}.ml-\\[-45\\%\\]{margin-left:-45%}.mt-\\[15px\\]{margin-top:15px}.mt-\\[1px\\]{margin-top:1px}.table{display:table}.size-\\[30px\\]{height:30px;width:30px}.h-0{height:0}.h-\\[10px\\]{height:10px}.h-\\[18px\\]{height:18px}.h-\\[320px\\]{height:320px}.h-\\[3em\\]{height:3em}.h-\\[4\\.5em\\]{height:4.5em}.h-full{height:100%}.\\!w-0{width:0!important}.w-0{width:0}.w-\\[150\\%\\]{width:150%}.w-\\[18px\\]{width:18px}.w-\\[80\\%\\]{width:80%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-62px\\)\\]{width:calc(100% - 62px)}.w-auto{width:auto}.min-w-\\[250px\\]{min-width:250px}.flex-1{flex:1 1 0%}.border-collapse{border-collapse:collapse}.\\!translate-y-\\[-5px\\]{--tw-translate-y:-5px!important}.\\!translate-y-\\[-5px\\],.\\!translate-y-\\[10px\\]{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))!important}.\\!translate-y-\\[10px\\]{--tw-translate-y:10px!important}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{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))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.translate-y-\\[-9px\\]{--tw-translate-y:-9px}.translate-y-\\[-9px\\],.translate-y-\\[2px\\]{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))}.translate-y-\\[2px\\]{--tw-translate-y:2px}.\\!scale-\\[150\\%\\]{--tw-scale-x:150%!important;--tw-scale-y:150%!important}.\\!scale-\\[150\\%\\],.\\!scale-\\[70\\%\\]{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))!important}.\\!scale-\\[70\\%\\]{--tw-scale-x:70%!important;--tw-scale-y:70%!important}.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))}.justify-around{justify-content:space-around}.gap-2{gap:.5rem}.gap-\\[5px\\]{gap:5px}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.text-ellipsis{text-overflow:ellipsis}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[5px\\]{border-radius:5px}.border-\\[10px\\]{border-width:10px}.border-\\[5px\\]{border-width:5px}.border-t-0{border-top-width:0}.border-double{border-style:double}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#ececec\\]{--tw-border-opacity:1;border-color:rgb(236 236 236/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.\\!border-b-\\[\\#dddddd\\]{--tw-border-opacity:1!important;border-bottom-color:rgb(221 221 221/var(--tw-border-opacity,1))!important}.\\!border-b-\\[\\#f9f9f9\\]{--tw-border-opacity:1!important;border-bottom-color:rgb(249 249 249/var(--tw-border-opacity,1))!important}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#a1a1a1\\]{--tw-bg-opacity:1;background-color:rgb(161 161 161/var(--tw-bg-opacity,1))}.bg-\\[\\#f2f2f2\\]{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))}.bg-\\[\\#f9f9f9\\]{--tw-bg-opacity:1;background-color:rgb(249 249 249/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[20px\\]{padding:20px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.font-\\[14px\\]{font-weight:14px}.leading-\\[1\\.5em\\]{line-height:1.5em}.leading-\\[1em\\]{line-height:1em}.text-\\[\\#282828\\]{--tw-text-opacity:1;color:rgb(40 40 40/var(--tw-text-opacity,1))}.\\!opacity-0{opacity:0!important}.\\!opacity-100{opacity:1!important}.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)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.duration-\\[0\\.4s\\]{transition-duration:.4s}.hover\\:\\[\\&\\>img\\]\\:rotate-\\[360deg\\]>img:hover{--tw-rotate:360deg}.hover\\:\\[\\&\\>img\\]\\:rotate-\\[360deg\\]>img:hover,.hover\\:\\[\\&\\>img\\]\\:scale-\\[125\\%\\]>img:hover{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))}.hover\\:\\[\\&\\>img\\]\\:scale-\\[125\\%\\]>img:hover{--tw-scale-x:125%;--tw-scale-y:125%}.\\[\\&_td\\]\\:whitespace-nowrap td{white-space:nowrap}.\\[\\&_td\\]\\:border-b td{border-bottom-width:1px}.\\[\\&_td\\]\\:border-\\[\\#ddd\\] td{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.\\[\\&_td\\]\\:p-\\[10px\\] td{padding:10px}.\\[\\&_td\\]\\:pe-\\[50px\\] td{padding-inline-end:50px}.\\[\\&_td\\]\\:text-start td{text-align:start}.\\[\\&_th\\]\\:whitespace-nowrap th{white-space:nowrap}.\\[\\&_th\\]\\:border-b th{border-bottom-width:1px}.\\[\\&_th\\]\\:border-\\[\\#ddd\\] th{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.\\[\\&_th\\]\\:p-\\[10px\\] th{padding:10px}.\\[\\&_th\\]\\:pe-\\[50px\\] th{padding-inline-end:50px}.\\[\\&_th\\]\\:text-start th{text-align:start}.-z-10{z-index:-10}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.mb-\\[12px\\]{margin-bottom:12px}.ml-1{margin-left:.25rem}.mt-\\[50px\\]{margin-top:50px}.mt-\\[55px\\]{margin-top:55px}.box-border{box-sizing:border-box}.size-\\[100px\\]{height:100px;width:100px}.size-\\[130px\\]{height:130px;width:130px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[32px\\]{height:32px;width:32px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.w-\\[300px\\]{width:300px}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.border-separate{border-collapse:separate}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.translate-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))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[32px\\]{--tw-translate-y:32px;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-default{cursor:default}.select-none{user-select:none}.list-disc{list-style-type:disc}.justify-between{justify-content:space-between}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.border-\\[2px\\]{border-width:2px}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.p-0{padding:0}.p-\\[50px\\]{padding:50px}.px-\\[75px\\]{padding-left:75px;padding-right:75px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.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)}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.mb-\\[6px\\]{margin-bottom:6px}.rounded-t-\\[4px\\]{border-top-left-radius:4px;border-top-right-radius:4px}.\\!border-b-0{border-bottom-width:0!important}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.ps-\\[12px\\]{padding-inline-start:12px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,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)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:z-10:after{content:var(--tw-content);z-index:10}.after\\:h-\\[1px\\]:after{content:var(--tw-content);height:1px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:translate-y-full:after{--tw-translate-y:100%;content:var(--tw-content);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))}.after\\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition:after{content:var(--tw-content);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)}.after\\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}";
12
+ const shiftTabsCss = "*,: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}.static{position:static}.flex{display:flex}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/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)}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.hidden{display:none}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.z-10{z-index:10}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-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))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{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))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{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))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{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-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fixed{position:fixed}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.my-auto{margin-bottom:auto;margin-top:auto}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.box-border{box-sizing:border-box}.size-\\[100px\\]{height:100px;width:100px}.size-\\[18px\\]{height:18px;width:18px}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-auto{height:auto}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.w-auto{width:auto}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.translate-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))}.translate-y-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{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-\\[45deg\\]{--tw-rotate:45deg}.scale-100,.scale-\\[110\\%\\]{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))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.cursor-default{cursor:default}.select-none{user-select:none}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--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)}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{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))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--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)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{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))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y:150%;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))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}.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))}.mb-\\[6px\\]{margin-bottom:6px}.rounded-t-\\[4px\\]{border-top-left-radius:4px;border-top-right-radius:4px}.\\!border-b-0{border-bottom-width:0!important}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.ps-\\[12px\\]{padding-inline-start:12px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.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)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:z-10:after{content:var(--tw-content);z-index:10}.after\\:h-\\[1px\\]:after{content:var(--tw-content);height:1px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:translate-y-full:after{--tw-translate-y:100%;content:var(--tw-content);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))}.after\\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition:after{content:var(--tw-content);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)}.after\\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}";
13
13
 
14
14
  const ShiftTabs = class {
15
15
  constructor(hostRef) {
@@ -23,276 +23,319 @@ const ShiftTabs = class {
23
23
  };
24
24
  ShiftTabs.style = shiftTabsCss;
25
25
 
26
- const vehicleItemClaimFormCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.15 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.block{display:block}.flex{display:flex}.table{display:table}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.outline{outline-style:solid}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host{all:initial!important;display:block}*{box-sizing:content-box;font-family:Arial;margin:revert;padding:revert}.dynamic-claim-processor{background:#fff;font-family:Arial;left:0;opacity:0;position:fixed;top:0;transform:translateY(0) scale(110%);transition:.4s;visibility:hidden;z-index:999999999999999}.dynamic-claim-processor.active{opacity:1;transform:translateY(0) scale(100%);visibility:visible}.dynamic-claim-processor .dynamic-redeem-input{background:none;border:none;border-bottom:1px solid #ddd;color:#424242;font-size:14px;outline:none;padding:7px;text-align:center;transition:.35s;width:100%}.dynamic-claim-processor .dynamic-redeem-input:focus{border-bottom-color:#3071a9;transform:scale(1.1) translateY(-10px)}.dynamic-claim-processor-info-box{background:#fdfdfd;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);color:#424242;font-size:14px;margin-top:50px;width:100%}.dynamic-claim-processor-info-box-header{background:#f6f6f6;border:1px solid #ededed;padding:7px 0;text-align:center}.dynamic-claim-processor-info-box table{width:100%}.dynamic-claim-processor-info-box table td,.dynamic-claim-processor-info-box table th{border-bottom:1px solid #ededed;padding:5px;text-align:start}.dynamic-claim-processor-progress{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:space-evenly;margin-bottom:16px;margin-top:10px;width:100%}.dynamic-claim-processor-progress .dynamic-claim-processor-progress-step{background:#f4f4f4;border:1px solid #d4d4d4;border-bottom:5px double #3071a9;border-radius:5px;box-shadow:0 0 4px 2px #eee;color:#3071a9;flex:1;margin-top:0;padding:15px;text-align:center}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple-loading.active,.lds-ripple.active{opacity:1!important;visibility:visible!important}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #3071a9;border-radius:50%;opacity:1;position:absolute;z-index:10}.lds-ripple div:nth-child(2){animation-delay:-.5s}.loading-wrapper,.scan-invoice-wrapper{transition:.4s}.dynamic-claim-processor-progress-step.processing .scan-invoice-wrapper,.loading-wrapper{opacity:0;transform:scale(70%)}.dynamic-claim-processor-progress-step.processing .loading-wrapper{opacity:1;transform:scale(100%)}@keyframes lds-ripple{0%{height:8px;opacity:0;width:8px}4.9%{height:8px;opacity:0;width:8px}5%{height:8px;opacity:1;width:8px}to{height:100%;opacity:0;width:100%}}#dynamic-claim-processor-close-icon{cursor:pointer;height:20px;position:absolute;right:50px;top:20px;transition:.5s;width:20px}#dynamic-claim-processor-close-icon:hover{transform:rotate(180deg) scale(150%)}.admonition-title{background-color:#ff91001a;font-size:13px;font-weight:700;margin:0;padding:10px 5px}.admonition-title:before{background-color:#ff9100;content:\"\";display:inline-block;height:20px;margin-inline-end:5px;-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z\"/></svg>');vertical-align:sub;width:20px}.admonition{background-color:var(--md-admonition-bg-color);border:.075rem solid #ff9100;border-radius:.2rem;box-shadow:0 .2rem .5rem #0000000d,0 0 .05rem #0000001a;color:var(--md-admonition-fg-color);display:flow-root;margin:15px 0 0;padding:0;page-break-inside:avoid;transition:box-shadow 125ms;width:100%}.cancel-confirmation-box{background:#f8f8f8;border:1px solid #e1e1e1;border-radius:5px;font-weight:700;margin-bottom:10px;padding:10px 25px}.warning-ul{padding-inline-start:2.5rem}.dynamic-claim-button{align-items:center;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:3px;justify-content:center;justify-self:center;outline:none;padding:0 10px 0 0;transition:.3s;width:350px}.dynamic-claim-button.disabled{stroke:#d5d5d5!important;border-color:#d5d5d5;color:#d5d5d5!important;pointer-events:none}.dynamic-claim-button.disabled circle{fill:#d5d5d5!important}.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%)}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.relative{position:relative}.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-\\[16px\\]{margin-top:16px}.size-12{height:3rem;width:3rem}.size-full{height:100%;width:100%}.h-1{height:.25rem}.h-\\[100dvh\\]{height:100dvh}.h-\\[150px\\]{height:150px}.w-12{width:3rem}.w-\\[100dvw\\]{width:100dvw}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.-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}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/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-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.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)}.delay-200{transition-delay:.2s}.duration-300{transition-duration:.3s}.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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.\\!visible{visibility:visible!important}.invisible{visibility:hidden}.bottom-0{bottom:0}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.\\!z-\\[-1\\]{z-index:-1!important}.z-0{z-index:0}.z-\\[100\\]{z-index:100}.z-\\[101\\]{z-index:101}.z-\\[1\\]{z-index:1}.m-0{margin:0}.m-auto{margin:auto}.ml-\\[-45\\%\\]{margin-left:-45%}.mt-\\[15px\\]{margin-top:15px}.mt-\\[1px\\]{margin-top:1px}.size-\\[30px\\]{height:30px;width:30px}.h-0{height:0}.h-\\[10px\\]{height:10px}.h-\\[18px\\]{height:18px}.h-\\[320px\\]{height:320px}.h-\\[3em\\]{height:3em}.h-\\[4\\.5em\\]{height:4.5em}.h-full{height:100%}.\\!w-0{width:0!important}.w-0{width:0}.w-\\[150\\%\\]{width:150%}.w-\\[18px\\]{width:18px}.w-\\[80\\%\\]{width:80%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-62px\\)\\]{width:calc(100% - 62px)}.w-auto{width:auto}.min-w-\\[250px\\]{min-width:250px}.flex-1{flex:1 1 0%}.border-collapse{border-collapse:collapse}.\\!translate-y-\\[-5px\\]{--tw-translate-y:-5px!important}.\\!translate-y-\\[-5px\\],.\\!translate-y-\\[10px\\]{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))!important}.\\!translate-y-\\[10px\\]{--tw-translate-y:10px!important}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{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))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.translate-y-\\[-9px\\]{--tw-translate-y:-9px}.translate-y-\\[-9px\\],.translate-y-\\[2px\\]{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))}.translate-y-\\[2px\\]{--tw-translate-y:2px}.\\!scale-\\[150\\%\\]{--tw-scale-x:150%!important;--tw-scale-y:150%!important}.\\!scale-\\[150\\%\\],.\\!scale-\\[70\\%\\]{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))!important}.\\!scale-\\[70\\%\\]{--tw-scale-x:70%!important;--tw-scale-y:70%!important}.justify-around{justify-content:space-around}.gap-2{gap:.5rem}.gap-\\[5px\\]{gap:5px}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.text-ellipsis{text-overflow:ellipsis}.rounded-\\[10px\\]{border-radius:10px}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[5px\\]{border-radius:5px}.border-\\[10px\\]{border-width:10px}.border-\\[5px\\]{border-width:5px}.border-t-0{border-top-width:0}.border-double{border-style:double}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#ececec\\]{--tw-border-opacity:1;border-color:rgb(236 236 236/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.\\!border-b-\\[\\#dddddd\\]{--tw-border-opacity:1!important;border-bottom-color:rgb(221 221 221/var(--tw-border-opacity,1))!important}.\\!border-b-\\[\\#f9f9f9\\]{--tw-border-opacity:1!important;border-bottom-color:rgb(249 249 249/var(--tw-border-opacity,1))!important}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#a1a1a1\\]{--tw-bg-opacity:1;background-color:rgb(161 161 161/var(--tw-bg-opacity,1))}.bg-\\[\\#f2f2f2\\]{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))}.bg-\\[\\#f9f9f9\\]{--tw-bg-opacity:1;background-color:rgb(249 249 249/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[20px\\]{padding:20px}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.font-\\[14px\\]{font-weight:14px}.leading-\\[1\\.5em\\]{line-height:1.5em}.leading-\\[1em\\]{line-height:1em}.text-\\[\\#282828\\]{--tw-text-opacity:1;color:rgb(40 40 40/var(--tw-text-opacity,1))}.\\!opacity-0{opacity:0!important}.\\!opacity-100{opacity:1!important}.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)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.duration-\\[0\\.4s\\]{transition-duration:.4s}.hover\\:\\[\\&\\>img\\]\\:rotate-\\[360deg\\]>img:hover{--tw-rotate:360deg}.hover\\:\\[\\&\\>img\\]\\:rotate-\\[360deg\\]>img:hover,.hover\\:\\[\\&\\>img\\]\\:scale-\\[125\\%\\]>img:hover{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))}.hover\\:\\[\\&\\>img\\]\\:scale-\\[125\\%\\]>img:hover{--tw-scale-x:125%;--tw-scale-y:125%}.\\[\\&_td\\]\\:whitespace-nowrap td{white-space:nowrap}.\\[\\&_td\\]\\:border-b td{border-bottom-width:1px}.\\[\\&_td\\]\\:border-\\[\\#ddd\\] td{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.\\[\\&_td\\]\\:p-\\[10px\\] td{padding:10px}.\\[\\&_td\\]\\:pe-\\[50px\\] td{padding-inline-end:50px}.\\[\\&_td\\]\\:text-start td{text-align:start}.\\[\\&_th\\]\\:whitespace-nowrap th{white-space:nowrap}.\\[\\&_th\\]\\:border-b th{border-bottom-width:1px}.\\[\\&_th\\]\\:border-\\[\\#ddd\\] th{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.\\[\\&_th\\]\\:p-\\[10px\\] th{padding:10px}.\\[\\&_th\\]\\:pe-\\[50px\\] th{padding-inline-end:50px}.\\[\\&_th\\]\\:text-start th{text-align:start}.-z-10{z-index:-10}.m-\\[3px\\]{margin:3px}.my-4{margin-bottom:1rem;margin-top:1rem}.mb-\\[12px\\]{margin-bottom:12px}.ml-1{margin-left:.25rem}.mt-\\[50px\\]{margin-top:50px}.mt-\\[55px\\]{margin-top:55px}.box-border{box-sizing:border-box}.size-\\[100px\\]{height:100px;width:100px}.size-\\[130px\\]{height:130px;width:130px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[32px\\]{height:32px;width:32px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.w-\\[300px\\]{width:300px}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.border-separate{border-collapse:separate}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.translate-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))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[32px\\]{--tw-translate-y:32px;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-default{cursor:default}.select-none{user-select:none}.list-disc{list-style-type:disc}.justify-between{justify-content:space-between}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.border-\\[2px\\]{border-width:2px}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.p-0{padding:0}.p-\\[50px\\]{padding:50px}.px-\\[75px\\]{padding-left:75px;padding-right:75px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.opacity-50{opacity:.5}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}";
26
+ const AddIcon = props => (index.h("svg", { class: props.class, fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" },
27
+ index.h("path", { d: "M5 12h14" }),
28
+ index.h("path", { d: "M12 5v14" })));
29
+
30
+ const AlertIcon = props => (index.h("svg", { class: props.class, viewBox: "0 0 24 24", fill: "none", "stroke-width": "2", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" },
31
+ index.h("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
32
+ index.h("path", { d: "M12 9v4" }),
33
+ index.h("path", { d: "M12 17h.01" })));
34
+
35
+ const CheckIcon = props => (index.h("svg", { class: props.class, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", xmlns: "http://www.w3.org/2000/svg", "stroke-linejoin": "round" },
36
+ index.h("path", { d: "M20 6 9 17l-5-5" })));
37
+
38
+ const AttachIcon = props => (index.h("svg", { fill: "none", "stroke-width": "2", class: props.class, viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" },
39
+ index.h("path", { d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551" })));
40
+
41
+ const FormSubmitSVG = props => (index.h("svg", { class: props.class, stroke: "currentColor", fill: "none", version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
42
+ index.h("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }),
43
+ index.h("g", { id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }),
44
+ index.h("g", { id: "SVGRepo_iconCarrier" },
45
+ index.h("g", null,
46
+ index.h("g", null,
47
+ index.h("path", { d: "M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z" }))),
48
+ index.h("g", null,
49
+ index.h("g", null,
50
+ index.h("path", { d: "M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z" }))),
51
+ index.h("g", null,
52
+ index.h("g", null,
53
+ index.h("path", { d: "M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z" }))),
54
+ index.h("g", null,
55
+ index.h("g", null,
56
+ index.h("path", { d: "M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z" }))),
57
+ index.h("g", null,
58
+ index.h("g", null,
59
+ index.h("path", { d: "M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z" }))),
60
+ index.h("g", null,
61
+ index.h("g", null,
62
+ index.h("path", { d: "M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z" }))),
63
+ index.h("g", null,
64
+ index.h("g", null,
65
+ index.h("path", { d: "M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z" }))),
66
+ index.h("g", null,
67
+ index.h("g", null,
68
+ index.h("path", { d: "M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z" }))),
69
+ index.h("g", null,
70
+ index.h("g", null,
71
+ index.h("path", { d: "M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z" }))),
72
+ index.h("g", null,
73
+ index.h("g", null,
74
+ index.h("path", { d: "M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z" }))),
75
+ index.h("g", null,
76
+ index.h("g", null,
77
+ index.h("path", { d: "M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z" }))),
78
+ index.h("g", null,
79
+ index.h("g", null,
80
+ index.h("path", { d: "M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z" }))),
81
+ index.h("g", null,
82
+ index.h("g", null,
83
+ index.h("path", { d: "M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z" }))),
84
+ index.h("g", null,
85
+ index.h("g", null,
86
+ index.h("path", { d: "M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z" }))),
87
+ index.h("g", null,
88
+ index.h("g", null,
89
+ index.h("path", { d: "M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z" }))),
90
+ index.h("g", null,
91
+ index.h("g", null,
92
+ index.h("path", { d: "M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z" }))))));
93
+
94
+ const vehicleItemClaimFormCss = "*,: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}.fixed{position:fixed}.absolute{position:absolute}.z-10{z-index:10}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.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))}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-\\[3px\\]{gap:3px}.rounded-\\[5px\\]{border-radius:5px}.border{border-width:1px}.border-\\[4px\\]{border-width:4px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.fill-\\[\\#27ae60\\]{fill:#27ae60}.stroke-\\[\\#27ae60\\]{stroke:#27ae60}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.font-bold{font-weight:700}.text-\\[\\#27ae60\\]{--tw-text-opacity:1;color:rgb(39 174 96/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.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)}.duration-200{transition-duration:.2s}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}:host{all:initial!important;display:block}*{font-family:Arial}.lds-ripple{--tw-border-opacity:1;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border-color:rgb(48 113 169/var(--tw-border-opacity,1));border-radius:9999px;border-width:4px;box-sizing:border-box;position:absolute;z-index:10}.lds-ripple:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{height:8px;opacity:0;width:8px}4.9%{height:8px;opacity:0;width:8px}5%{height:8px;opacity:1;width:8px}to{height:100%;opacity:0;width:100%}}.sign-document-info:hover .tooltip{opacity:1}.outline-button{--tw-border-opacity:1;fill:#27ae60;stroke:#27ae60;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(39 174 96/var(--tw-border-opacity,1));border-radius:5px;border-width:1px;color:rgb(39 174 96/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-weight:700;gap:3px;outline:2px solid transparent;outline-offset:2px;padding-left:10px;padding-right:10px;transition-duration:.2s}.outline-button:hover{--tw-bg-opacity:1;fill:#fff;stroke:#fff;--tw-text-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.outline-button:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.outline-button circle{fill:#2ecc71}.outline-button circle:hover{fill:#fff}.outline-button svg:active{--tw-scale-x:125%;--tw-scale-y:125%;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))}.outline-button path{transition:.2s}.outline-button:hover path{fill:#2ecc71}.hover\\:bg-\\[\\#2ecc71\\]:hover{--tw-bg-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1))}.hover\\:fill-white:hover{fill:#fff}.hover\\:stroke-white:hover{stroke:#fff}.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.active\\:bg-\\[\\#27ae60\\]:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.\\[\\&_circle\\]\\:fill-\\[\\#2ecc71\\] circle{fill:#2ecc71}.hover\\:\\[\\&_circle\\]\\:fill-white circle:hover{fill:#fff}.active\\:\\[\\&_svg\\]\\:scale-\\[125\\%\\] svg:active{--tw-scale-x:125%;--tw-scale-y:125%;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))}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.pointer-events-none{pointer-events:none}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.size-full{height:100%;width:100%}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.w-fit{width:fit-content}.max-w-full{max-width:100%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[4px\\]{gap:4px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.border-b{border-bottom-width:1px}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/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)}.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)}.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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.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)}.my-2{margin-bottom:.5rem;margin-top:.5rem}.hidden{display:none}.grow{flex-grow:1}.items-stretch{align-items:stretch}.overflow-auto{overflow:auto}.p-\\[16px\\]{padding:16px}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.pt-\\[16px\\]{padding-top:16px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-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))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{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))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{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))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.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)}.duration-500{transition-duration:.5s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.my-auto{margin-bottom:auto;margin-top:auto}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.size-\\[100px\\]{height:100px;width:100px}.size-\\[18px\\]{height:18px;width:18px}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-auto{height:auto}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.w-auto{width:auto}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.translate-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))}.translate-y-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{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-\\[45deg\\]{--tw-rotate:45deg}.scale-100,.scale-\\[110\\%\\]{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))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.cursor-default{cursor:default}.select-none{user-select:none}.gap-\\[10px\\]{gap:10px}.gap-\\[12px\\]{gap:12px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--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)}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{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))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--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)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{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))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y:150%;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))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}";
27
95
 
28
96
  const VehicleItemClaimForm = class {
29
97
  constructor(hostRef) {
30
98
  index.registerInstance(this, hostRef);
31
- this.vin = '';
32
- this.language = 'en';
33
- this.item = null;
34
- this.unInvoicedByBrokerName = null;
35
- this.canceledItems = null;
36
- this.locale = type.claimFormSchema.getDefault();
37
- this.claimViaBarcodeScanner = false;
38
- this.sharedLocales = getLocalLanguage.sharedLocalesSchema.getDefault();
39
- this.internalVin = '';
99
+ // ====== Start Image Viewer Logic
100
+ this.expandedImage = '';
101
+ this.uploadMultipleDocuments = true;
40
102
  this.uploadProgress = 0;
41
- this.isLoading = false;
42
103
  this.isOpened = false;
43
- this.isDocumentError = false;
44
- this.selectedFile = null;
45
- this.internalItem = null;
46
- this.confirmServiceCancellation = false;
47
- this.confirmUnInvoicedTBPVehicles = false;
48
- this.internalCanceledItem = null;
49
- this.documentError = 'documentRequiredError';
50
- this.readyToClaim = false;
51
- this.qrCode = null;
52
- this.invoice = null;
53
- this.job = null;
54
- this.closeModal = async () => {
55
- this.isOpened = false;
56
- this.item = null;
57
- await new Promise(r => setTimeout(r, 500));
58
- this.canceledItems = [];
59
- this.unInvoicedByBrokerName = null;
60
- if (this.claimViaBarcodeScanner) {
61
- this.qrInput.value = '';
62
- this.qrInput.readOnly = false;
104
+ this.isLoading = false;
105
+ this.confirmationStates = {};
106
+ this.errors = {};
107
+ this.inputs = {
108
+ documents: [],
109
+ };
110
+ this.setErrorValue = (errorName, value) => {
111
+ const previousError = (this.errors[errorName] || {});
112
+ this.errors = Object.assign(Object.assign({}, this.errors), { [errorName]: Object.assign(Object.assign({}, previousError), value) });
113
+ };
114
+ this.setInputValue = (inputName, value) => {
115
+ this.inputs = Object.assign(Object.assign({}, this.inputs), { [inputName]: value });
116
+ };
117
+ this.onFileUploaderChange = (event) => {
118
+ var _a, _b, _c, _d, _e;
119
+ const input = event.target;
120
+ if (!input.files)
121
+ return;
122
+ const maxSize = parseInt(input.dataset.maxSize || '0', 10);
123
+ const newFiles = this.uploadMultipleDocuments ? Array.from(input.files) : [input.files[0]];
124
+ input.value = '';
125
+ let anyFileExceedsMaxSize = false;
126
+ const filteredNewFiles = newFiles.filter(newFile => {
127
+ var _a, _b;
128
+ const isFileSizeValid = newFile.size <= maxSize;
129
+ if (!isFileSizeValid) {
130
+ anyFileExceedsMaxSize = true;
131
+ return false;
132
+ }
133
+ const isFileAlreadyExists = (_b = (_a = this.inputs) === null || _a === void 0 ? void 0 : _a.documents) === null || _b === void 0 ? void 0 : _b.some(existingFile => existingFile.name === newFile.name && existingFile.size === newFile.size && existingFile.lastModified === newFile.lastModified);
134
+ return !isFileAlreadyExists;
135
+ });
136
+ this.setInputValue('documents', this.uploadMultipleDocuments ? [...(((_a = this.inputs) === null || _a === void 0 ? void 0 : _a.documents) || []), ...filteredNewFiles] : filteredNewFiles);
137
+ if (anyFileExceedsMaxSize) {
138
+ this.setErrorValue('documents', {
139
+ show: true,
140
+ text: 'documentLimitError',
141
+ });
142
+ return;
63
143
  }
64
- else {
65
- this.invoiceInput.value = '';
66
- this.invoiceInput.readOnly = false;
67
- this.jobInput.value = '';
68
- this.jobInput.readOnly = false;
144
+ else if ((_b = this.errors) === null || _b === void 0 ? void 0 : _b.documents)
145
+ this.setErrorValue('documents', { text: (_c = this.errors.documents) === null || _c === void 0 ? void 0 : _c.text, show: false });
146
+ if (((_d = this.item) === null || _d === void 0 ? void 0 : _d.claimingMethodEnum) === 'ClaimByScanningQRCode') {
147
+ if ((_e = this.inputs) === null || _e === void 0 ? void 0 : _e.qrCode)
148
+ this.submit();
69
149
  }
70
- this.qrCode = null;
71
- this.invoice = null;
72
- this.job = null;
73
- this.readyToClaim = false;
74
- this.isLoading = false;
150
+ else
151
+ this.focusInputs();
152
+ };
153
+ this.onDocumentButtonClicked = () => {
154
+ const documentUploader = this.el.shadowRoot.querySelector('.document-uploader');
155
+ if (documentUploader)
156
+ documentUploader.click();
157
+ };
158
+ this.focusInputs = () => {
159
+ setTimeout(() => {
160
+ const inputs = this.el.shadowRoot.querySelectorAll('input[type="text"]');
161
+ const firstEnabled = Array.from(inputs).find(input => !input.disabled && !input.readOnly);
162
+ if (firstEnabled)
163
+ firstEnabled.focus();
164
+ }, 50);
75
165
  };
76
- this.inputKeyDown = async (event) => {
166
+ this.focusEmptyInputs = () => {
77
167
  var _a, _b;
78
- if (event === null || event.key === 'Enter') {
79
- if (!this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles)
80
- return;
81
- if (event !== null)
82
- event === null || event === void 0 ? void 0 : event.preventDefault();
83
- if (!(this === null || this === void 0 ? void 0 : this.handleClaiming))
84
- return;
85
- if (!this.readyToClaim)
168
+ const inputs = this.el.shadowRoot.querySelectorAll('input[type="text"]');
169
+ const firstEmptyInput = Array.from(inputs).find(input => { var _a; return !((_a = input.value) === null || _a === void 0 ? void 0 : _a.trim()); });
170
+ if (firstEmptyInput)
171
+ firstEmptyInput.focus();
172
+ if (((_a = this.item) === null || _a === void 0 ? void 0 : _a.documentUploaderIsRequired) && !((_b = this.inputs) === null || _b === void 0 ? void 0 : _b.documents.length)) {
173
+ this.setErrorValue('documents', {
174
+ show: true,
175
+ text: 'documentRequiredError',
176
+ });
177
+ }
178
+ };
179
+ this.submit = async () => {
180
+ var _a, _b, _c, _d, _e, _f, _g, _h;
181
+ if (!this.getIsFormValid())
182
+ return this.focusEmptyInputs();
183
+ if (!this.getIsFormConfirmed())
184
+ return;
185
+ if ((_a = this.item) === null || _a === void 0 ? void 0 : _a.showDocumentUploader) {
186
+ if (((_b = this.item) === null || _b === void 0 ? void 0 : _b.documentUploaderIsRequired) && !((_d = (_c = this.inputs) === null || _c === void 0 ? void 0 : _c.documents) === null || _d === void 0 ? void 0 : _d.length)) {
187
+ this.setErrorValue('documents', {
188
+ show: true,
189
+ text: 'documentRequiredError',
190
+ });
86
191
  return;
87
- if ((_a = this.item) === null || _a === void 0 ? void 0 : _a.showDocumentUploader) {
88
- if (this.selectedFile && this.selectedFile.size > this.maximumDocumentFileSizeInMb * 1024 * 1024) {
89
- this.documentError = 'documentLimitError';
90
- this.isDocumentError = true;
91
- return;
92
- }
93
- if (((_b = this.item) === null || _b === void 0 ? void 0 : _b.documentUploaderIsRequired) && !this.selectedFile) {
94
- this.documentError = 'documentRequiredError';
95
- this.isDocumentError = true;
96
- return;
97
- }
98
- }
99
- this.readyToClaim = false;
100
- if (this.claimViaBarcodeScanner) {
101
- this.qrInput.readOnly = true;
102
192
  }
103
- else {
104
- this.invoiceInput.readOnly = true;
105
- this.jobInput.readOnly = true;
106
- }
107
- this.isLoading = true;
108
- await this.handleClaiming({ jobNumber: this.job, invoice: this.invoice, qrCode: this.qrCode, document: this.selectedFile });
109
- this.isLoading = false;
110
- this.readyToClaim = true;
111
193
  }
194
+ this.isLoading = true;
195
+ if (this.handleClaiming)
196
+ await this.handleClaiming({
197
+ qrCode: (_e = this.inputs) === null || _e === void 0 ? void 0 : _e.qrCode,
198
+ invoice: (_f = this.inputs) === null || _f === void 0 ? void 0 : _f.invoice,
199
+ documents: (_g = this.inputs) === null || _g === void 0 ? void 0 : _g.documents,
200
+ jobNumber: (_h = this.inputs) === null || _h === void 0 ? void 0 : _h.jobNumber,
201
+ });
202
+ this.close(true);
112
203
  };
113
- this.registerFileUploader = () => {
114
- var _a, _b;
115
- (_a = this.documentButton) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this.onFileUploaderClick);
116
- (_b = this.documentUploader) === null || _b === void 0 ? void 0 : _b.removeEventListener('change', this.onFileUploaderChange);
117
- this.documentButton = this.el.shadowRoot.querySelector('.document-button');
118
- this.documentUploader = this.el.shadowRoot.querySelector('.document-uploader');
119
- if (!this.documentButton || !this.documentUploader)
120
- return;
121
- this.documentButton.addEventListener('click', this.onFileUploaderClick);
122
- this.documentUploader.addEventListener('change', this.onFileUploaderChange);
204
+ this.onConfirmCheckboxChange = (confirmationName) => (event) => {
205
+ const target = event.target;
206
+ this.confirmationStates = Object.assign(Object.assign({}, this.confirmationStates), { [confirmationName]: target.checked });
207
+ if (this.getIsFormConfirmed)
208
+ this.focusInputs();
123
209
  };
124
- this.onFileUploaderClick = () => {
125
- this.documentUploader.click();
210
+ this.getIsFormConfirmed = () => {
211
+ var _a, _b;
212
+ if (Array.isArray((_a = this.item) === null || _a === void 0 ? void 0 : _a.warnings)) {
213
+ for (let idx = 0; idx < ((_b = this.item) === null || _b === void 0 ? void 0 : _b.warnings.length); idx++) {
214
+ const warning = this.item.warnings[idx];
215
+ if (!!(warning === null || warning === void 0 ? void 0 : warning.confirmationText) && !this.confirmationStates[warning.key])
216
+ return false;
217
+ }
218
+ }
219
+ return true;
126
220
  };
127
- this.onFileUploaderChange = (event) => {
128
- var _a;
129
- const input = event.target;
130
- const file = (_a = input.files) === null || _a === void 0 ? void 0 : _a[0];
131
- this.documentUploader.value = '';
132
- if (!file)
133
- return;
134
- this.selectedFile = file;
135
- if (this.selectedFile.size > this.maximumDocumentFileSizeInMb * 1024 * 1024) {
136
- this.documentError = 'documentLimitError';
137
- this.isDocumentError = true;
138
- return;
221
+ this.getIsFormValid = () => {
222
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j;
223
+ if (((_a = this.item) === null || _a === void 0 ? void 0 : _a.claimingMethodEnum) === 'ClaimByScanningQRCode') {
224
+ if (!((_c = (_b = this.inputs) === null || _b === void 0 ? void 0 : _b.qrCode) === null || _c === void 0 ? void 0 : _c.trim().length))
225
+ return false;
139
226
  }
140
227
  else {
141
- this.isDocumentError = false;
142
- if (this.claimViaBarcodeScanner) {
143
- // @ts-ignore
144
- this.inputKeyDown({ key: 'Enter', preventDefault: () => { } });
145
- }
228
+ if (!((_e = (_d = this.inputs) === null || _d === void 0 ? void 0 : _d.invoice) === null || _e === void 0 ? void 0 : _e.trim().length))
229
+ return false;
230
+ if (!((_g = (_f = this.inputs) === null || _f === void 0 ? void 0 : _f.jobNumber) === null || _g === void 0 ? void 0 : _g.trim().length))
231
+ return false;
146
232
  }
233
+ if (((_h = this.item) === null || _h === void 0 ? void 0 : _h.documentUploaderIsRequired) && !((_j = this.inputs) === null || _j === void 0 ? void 0 : _j.documents.length))
234
+ return false;
235
+ return true;
236
+ };
237
+ this.resetState = () => {
238
+ this.item = null;
239
+ this.errors = {};
240
+ this.inputs = {
241
+ documents: [],
242
+ };
243
+ this.isLoading = false;
244
+ this.confirmationStates = {};
147
245
  };
148
246
  this.clearFile = (event) => {
149
- event.stopPropagation();
150
- this.selectedFile = null;
151
- this.isDocumentError = false;
247
+ var _a, _b, _c;
248
+ if (typeof event === 'number') {
249
+ const newDocuments = this.inputs.documents.filter((_, idx) => idx !== event);
250
+ this.setInputValue('documents', newDocuments);
251
+ if (((_a = this === null || this === void 0 ? void 0 : this.item) === null || _a === void 0 ? void 0 : _a.documentUploaderIsRequired) && !newDocuments.length) {
252
+ this.setErrorValue('documents', {
253
+ show: true,
254
+ text: 'documentRequiredError',
255
+ });
256
+ }
257
+ }
258
+ else {
259
+ event.stopPropagation();
260
+ this.setInputValue('documents', []);
261
+ if ((_b = this.errors) === null || _b === void 0 ? void 0 : _b.documents)
262
+ this.setErrorValue('documents', { text: (_c = this.errors.documents) === null || _c === void 0 ? void 0 : _c.text, show: false });
263
+ }
264
+ };
265
+ this.onKeyDown = (event) => {
266
+ if (event.key === 'Enter')
267
+ this.submit();
152
268
  };
153
269
  }
154
- async componentWillLoad() {
155
- await this.changeLanguage(this.language);
270
+ onImageViewerToggles(newValue) {
271
+ window.removeEventListener('keydown', this.closeModalListenerRef);
272
+ console.log(newValue);
273
+ if (newValue === null) {
274
+ setTimeout(() => {
275
+ this.closeModalListenerRef = (event) => event.key === 'Escape' && this.close();
276
+ window.addEventListener('keydown', this.closeModalListenerRef);
277
+ }, 200);
278
+ }
156
279
  }
157
- async changeLanguage(newLanguage) {
158
- this.sharedLocales = await getLocalLanguage.getSharedLocal(newLanguage);
280
+ async open() {
281
+ this.isOpened = true;
282
+ document.body.style.overflow = 'hidden';
283
+ this.focusInputs();
284
+ window.removeEventListener('keydown', this.closeModalListenerRef);
285
+ this.closeModalListenerRef = (event) => event.key === 'Escape' && this.close();
286
+ window.addEventListener('keydown', this.closeModalListenerRef);
159
287
  }
160
288
  onIsLoadingChange(newValue) {
161
289
  if (this.loadingStateChange)
162
290
  this.loadingStateChange(newValue);
163
291
  }
164
- async componentDidLoad() {
165
- this.dynamicClaimProcessor = this.el.shadowRoot.querySelector('.dynamic-claim-processor');
166
- if (this.unInvoicedByBrokerName === null)
167
- this.confirmUnInvoicedTBPVehicles = true;
168
- else
169
- this.confirmUnInvoicedTBPVehicles = false;
170
- }
171
- async componentDidRender() {
172
- this.qrInput = this.el.shadowRoot.querySelector('.dynamic-claim-processor #qr-input');
173
- this.invoiceInput = this.el.shadowRoot.querySelector('.dynamic-claim-processor #invoice-input');
174
- this.jobInput = this.el.shadowRoot.querySelector('.dynamic-claim-processor #job-input');
175
- this.registerFileUploader();
176
- }
177
- async changeInternalCanceledItem(newInternalCanceledItem) {
178
- this.internalCanceledItem = newInternalCanceledItem;
179
- if (this.internalCanceledItem.length > 0) {
180
- this.confirmServiceCancellation = false;
181
- }
182
- else {
183
- this.confirmServiceCancellation = true;
184
- }
185
- }
186
- async changeConfirmUnInvoicedTBPVehicles(newUnInvoicedByBrokerName) {
187
- if (newUnInvoicedByBrokerName === null) {
188
- this.confirmUnInvoicedTBPVehicles = true;
189
- }
190
- else {
191
- this.confirmUnInvoicedTBPVehicles = false;
192
- }
193
- }
194
- async changeInternalVin(newInternalVin) {
195
- this.internalVin = newInternalVin;
196
- }
197
- async changeInternalItem(newItem) {
198
- var _a;
199
- this.isOpened = !!newItem;
200
- if (newItem)
201
- this.internalItem = newItem;
202
- this.claimViaBarcodeScanner = ((_a = this.item) === null || _a === void 0 ? void 0 : _a.claimingMethodEnum) === 'ClaimByScanningQRCode';
203
- if (newItem) {
204
- this.closeModalListenerRef = (event) => event.key === 'Escape' && this.quite();
205
- window.addEventListener('keydown', this.closeModalListenerRef);
206
- await new Promise(r => setTimeout(r, 300));
207
- if (this.qrInput)
208
- this.qrInput.focus();
209
- if (this.invoiceInput)
210
- this.invoiceInput.focus();
211
- }
212
- else {
213
- window.removeEventListener('keydown', this.closeModalListenerRef);
214
- this.quite();
215
- }
216
- }
217
- async quite() {
218
- this.closeModal();
219
- }
220
- async getQrValue() {
221
- return this.invoiceInput.value;
222
- }
223
- updateReadyToClaim() {
224
- var _a, _b, _c;
225
- this.readyToClaim = false;
226
- if (this.claimViaBarcodeScanner) {
227
- if (((_a = this.qrCode) === null || _a === void 0 ? void 0 : _a.trim().length) > 0)
228
- this.readyToClaim = true;
229
- }
230
- else {
231
- if (((_b = this.invoice) === null || _b === void 0 ? void 0 : _b.trim().length) > 0 && ((_c = this.job) === null || _c === void 0 ? void 0 : _c.trim().length) > 0)
232
- this.readyToClaim = true;
233
- }
234
- }
235
- async onOpenChange(newOpenState) {
236
- document.body.style.overflow = newOpenState ? 'hidden' : 'auto';
237
- if (newOpenState) {
238
- this.uploadProgress = 0;
239
- this.selectedFile = null;
240
- this.isDocumentError = false;
241
- }
292
+ async close(forceClose = false) {
293
+ if (this.isLoading && !forceClose)
294
+ return;
295
+ this.isOpened = false;
296
+ document.body.style.overflow = 'auto';
297
+ await new Promise(r => setTimeout(r, 500));
298
+ this.resetState();
299
+ window.removeEventListener('keydown', this.closeModalListenerRef);
242
300
  }
243
301
  async setFileUploadProgression(uploadPercentage) {
244
302
  this.uploadProgress = uploadPercentage;
245
303
  }
304
+ // ====== End Component Logic
246
305
  render() {
247
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
248
- const texts = this.locale;
249
- const disableInput = !this.confirmServiceCancellation || !this.confirmUnInvoicedTBPVehicles || this.isLoading;
250
- return (index.h(index.Host, { key: '68c9d9074bf07f9a2a881752c09a7ba2e64be92f' }, index.h("div", { key: '34a8a7642e036533a19c12c1c1f53e9d0318b032', dir: this.sharedLocales.direction, class: cn.cn('dynamic-claim-processor min-w-[100dvw] h-[100dvh] flex flex-col justify-between p-[50px] box-border overflow-auto', (this === null || this === void 0 ? void 0 : this.isOpened) && 'active') }, index.h("svg", { key: '4627dac1932c7fc0b80de8048c1ad9e3e62109da', id: "dynamic-claim-processor-close-icon", onClick: this.closeModal, viewBox: "-0.5 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'ffb23a77a473a16cc7b206ffbe3f89ffbf922673', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), index.h("g", { key: '2ba466a2fc2d6e1f642c2aac75d9886fdceec68b', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: '3de8270e7c20b6da4bb7843075824ffddff114b1', id: "SVGRepo_iconCarrier" }, index.h("path", { key: '6eeb76fcce519e4f9dedca1fea8b4566a47495ff', d: "M3 21.32L21 3.32001", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { key: '261b6766db7a35b9fc0e2cded0426233388f2ce4', d: "M3 3.32001L21 21.32", stroke: "#000000", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: 'a511c03d8adb06768cb326aa8913bcbf877f037a', class: "p-0 border border-[#dcdcdc] dynamic-claim-processor-info-box box-border" }, index.h("div", { key: 'c9e23b62e8bd27da57dc5d6ad11b726a3ac4bac7', class: "dynamic-claim-processor-info-box-header" }, index.h("strong", { key: '669782259fabb99a515f4b860a55971313ebef79', class: "dynamic-claim-header-vin" }, this === null || this === void 0 ? void 0 : this.internalVin)), index.h("div", { key: '92965a57eb7e8025077a881b4f9ff0377935522a', class: "dynamic-claim-processor-info-box-body" }, index.h("table", { key: '8a0bb605ef0c420369805954f95e4191ee2933b1', class: "border-separate" }, index.h("tr", { key: '5fea41900ad8de7ad0c39b012f5980156c08fc3c' }, index.h("th", { key: '78d467d8a54a4f836cd850485c2a095735388bf1' }, texts.serviceType), index.h("td", { key: 'ea27693cba300fa26653d25648eea367d10a5273' }, (_a = this === null || this === void 0 ? void 0 : this.internalItem) === null || _a === void 0 ? void 0 : _a.type), index.h("th", { key: '639450d7a2359a4de0cee8300b70f2a27c1b3a89' }, texts.name), index.h("td", { key: '3014be4d7deda07a7dd289e9a00a481524807e77' }, (_b = this === null || this === void 0 ? void 0 : this.internalItem) === null || _b === void 0 ? void 0 : _b.name)), index.h("tr", { key: '27ae532bab8417c10d724e5a64e64ef8894671b4' }, index.h("th", { key: 'b9bc6c432402cbf0473a7ab5e06cdf74d1f9c0d5' }, texts.activationDate), index.h("td", { key: '5b047e3eca4889bf571800d2b89c7bf69acf83c8' }, (_c = this === null || this === void 0 ? void 0 : this.internalItem) === null || _c === void 0 ? void 0 : _c.activatedAt), index.h("th", { key: '85d172b2be9e0a8faa4c45fbfb0702a5f3af72da' }, texts.expireDate), index.h("td", { key: '52d3b4453d1bd2cfce90bbf7a62475047ca44c7f' }, (_d = this === null || this === void 0 ? void 0 : this.internalItem) === null || _d === void 0 ? void 0 : _d.expiresAt)), index.h("tr", { key: '55eef0c232a7c2a5759fe0489878a732472ec5ab' }, index.h("th", { key: '1d8a9e465e381f70ee1c1e44c1188bc3a80f0441' }, texts.packageCode), index.h("td", { key: '90f7f04e74f5f3395c9aac095879e7887cead8ed' }, (_e = this === null || this === void 0 ? void 0 : this.internalItem) === null || _e === void 0 ? void 0 : _e.packageCode))))), index.h("div", { key: 'a69991bba649fd839a62bc441e7579b56cd74c43', style: { flex: '1', width: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'space-evenly' } }, (this === null || this === void 0 ? void 0 : this.internalCanceledItem) && Array.isArray(this.internalCanceledItem) && !!this.internalCanceledItem.length && (index.h("div", { key: '1f2c413c6384a7297d84ca29d032ec73454f5ade', class: "admonition warning" }, index.h("p", { key: 'a94d82d025bb2427ea0e5d8b4b2fedd9962bdcd3', class: "admonition-title" }, texts.warning), index.h("div", { key: 'c2a69729ab2e054fc8e778f033301493432a96f9', style: { padding: '0 30px' } }, index.h("p", { key: 'f06f0232b58f2a4c0c476923551159ac3e85edee', class: "my-4" }, texts.skipServicesWarning), index.h("ul", { key: 'cd43b8e60c0f8e464f5852fc37dc961afcf78868', class: "dynamic-claim-processor-to-be-cancelled-list warning-ul my-4 list-disc" }, this.internalCanceledItem.map(({ name }) => (index.h("li", { id: name }, name)))), index.h("div", { key: 'a2b0e4a8e4692441f259039719d18045f78eda23', class: cn.cn('cancel-confirmation-box transition duration-300', { 'pointer-events-none select-none opacity-50': this.isLoading }) }, index.h("label", { key: 'af3d3127cade63b49b91079a1e2554093b5c2ed5' }, index.h("input", { key: 'cd8a6cdc6d1b7fe959e458aac83778bf16887406', type: "checkbox", disabled: this.isLoading, class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
251
- this.confirmServiceCancellation = !this.confirmServiceCancellation;
252
- setTimeout(() => {
253
- this.qrInput.focus();
254
- }, 100);
255
- } }), texts.confirmSkipServices))))), this.unInvoicedByBrokerName && (index.h("div", { key: '904e60f232c8c4040e15d0fff1285342024144ff', class: "admonition warning" }, index.h("p", { key: '2ffee3a33822761e703b4e3a2f9839659c6c9c73', class: "admonition-title" }, texts.warning), index.h("div", { key: '589a77167d0406d1c510241be7eebb9d9e1baa3f', style: { padding: '0 30px' } }, index.h("p", { key: 'a71561df3f5ff56946fad869ebd593523dbdd6a2', class: "my-4" }, texts.notInvoiced), index.h("div", { key: '87ae05d04059a1193101195684c59b1d7d5cfaf5' }, index.h("strong", { key: '88a95c3c07916d2295d50538111504f1d8afa34b' }, this.unInvoicedByBrokerName)), index.h("div", { key: 'f3192eb0857e63217fff60e7ef38006127fe4c19', class: cn.cn('cancel-confirmation-box transition duration-300', { 'pointer-events-none select-none opacity-50': this.isLoading }) }, index.h("label", { key: '7b59ec73d0f4c3a36fb021be178ffafcf0cf723c' }, index.h("input", { key: '812dd79a73dfb1c9ffe5f156eac4802c68eb2a18', type: "checkbox", disabled: this.isLoading, class: "confirm-cancellation-input m-[3px] ml-1", onChange: () => {
256
- this.confirmUnInvoicedTBPVehicles = !this.confirmUnInvoicedTBPVehicles;
257
- setTimeout(() => {
258
- this.qrInput.focus();
259
- }, 100);
260
- } }), texts.confirmNotInvoiced))))), index.h("div", { key: 'a66d49b4f53bb1e590cff1578b0df52b3bf17b63', class: cn.cn('dynamic-claim-processor-progress', disableInput && 'disabled') }, index.h("div", { key: '6c1ad07105b5885b0a53f5e32e40d2f734607821', id: "scan-invoice-step", class: cn.cn('dynamic-claim-processor-progress-step', this.isLoading && 'processing') }, index.h("div", { key: '06fae64a5eb0fd06a4c3789aa37dd38e9a91460c', class: "relative size-[130px] m-auto mt-[15px] flex justify-center" }, index.h("div", { key: 'a5a67606641200e34460bb32825b410ee794ac55', class: "absolute scan-invoice-wrapper flex flex-col gap-[4px] justify-center items-center" }, index.h("svg", { key: '27b1a85ad8c72cf0bb88ea69c45b7ef04219b852', class: "size-[100px]", fill: "#3071a9", version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", stroke: "#ffffff" }, index.h("g", { key: '52350aa4858c1824cff211835fb0f836de5a29a3', id: "SVGRepo_bgCarrier", "stroke-width": "0" }), index.h("g", { key: '3d75a21222790b234bbad2441ac33b7c83a46549', id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: 'eb2ee054f685ac661c643c8ea3b0dddcaf6b77d9', id: "SVGRepo_iconCarrier" }, index.h("g", { key: '7534e0c97c9b24079aa9670d780ecdd21282bd53' }, index.h("g", { key: 'bcd7b85fb38b015b78fea769c0b0c5f715f2a8b2' }, index.h("path", { key: '97b7f3ae9a72ec35a6cf8ff683c6734fda4c410e', d: "M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z" }))), index.h("g", { key: 'efb74c8efdecb67d81605303cfb8c6bcbec6dbf3' }, index.h("g", { key: '066bd75b457609225923dd633b414b3e91402fa9' }, index.h("path", { key: 'd760e3598cbe2128b0775ead8d8e688ffc9314a2', d: "M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z" }))), index.h("g", { key: 'aab0fa7508721b68fc2c7b3b68e715895b3458cf' }, index.h("g", { key: '4a43204e700d1bc841e5baef5e2dc595ec20caed' }, index.h("path", { key: 'c33532bf58411ef44949ef9d4564ed6c8003e3ab', d: "M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z" }))), index.h("g", { key: 'dd3071605b5debe1a79bd2ae5f40bc48fdd7e9be' }, index.h("g", { key: '3ff3474f54eb29f9110ad5065685d3ba2ef4b4fe' }, index.h("path", { key: '6dec15e24b60605909198eccb7b57247dcb2a834', d: "M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z" }))), index.h("g", { key: '2ad2cc2657d29f0b8a96d7da23cccf90c69fd6fc' }, index.h("g", { key: 'f276ca6db90f01a7d852729dbaaed1778e5760c4' }, index.h("path", { key: '5b9d5ef408dd896886f6d9ca036226d659abe3d5', d: "M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z" }))), index.h("g", { key: '054e5fc9d1cc0583b98902aeef39cda66b084f32' }, index.h("g", { key: 'bcfe15c6bf1d3042d9c6372d8e9ba54c21ecf76e' }, index.h("path", { key: 'aa8792e2aa38be93e9ae2e30cc81729c23a45da2', d: "M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z" }))), index.h("g", { key: 'd68d6c58038ea3052bfac3d82338929e70aa3097' }, index.h("g", { key: '08af492daf3daaa098c0f72e2da940fa44dbdd9c' }, index.h("path", { key: '40367fae5ff977de6810d1c9e678012d709d1551', d: "M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z" }))), index.h("g", { key: 'cf8927f3294bbe3c3dee974eb6eedd35a64af7f9' }, index.h("g", { key: '1d6da1c5f329b1d307be9b0d8b1eece5ab224820' }, index.h("path", { key: 'd073e7fd4d94c5498bffce70c1a0ed270caa82a2', d: "M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z" }))), index.h("g", { key: '8e11a207b42e1b1f428371430ad3227982d7fc27' }, index.h("g", { key: 'ea3779641ca29f16eab99e4dceaddfa749089431' }, index.h("path", { key: 'e690ddeb9dd1ddb3e7c68a48e3224e31a47f1194', d: "M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z" }))), index.h("g", { key: '9f534377d19c2e792d3b1e1832dc5662b1deeb8b' }, index.h("g", { key: 'ce70ca0518ee32b505924c327a939ec674650ddc' }, index.h("path", { key: 'dedb50496128b75b2db69f27adc74bc8c25ed502', d: "M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z" }))), index.h("g", { key: 'd52a212dbd5b5655397ebb9419e24270571785a1' }, index.h("g", { key: '22fec222015c5197ea5889087b9daac943a07091' }, index.h("path", { key: '0f113b43716fb9dbc8d2d7a02c931552e3e237aa', d: "M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z" }))), index.h("g", { key: '98080cc467d4ff86edd1ee502d69d7c29890f59f' }, index.h("g", { key: 'fcf6ec7ed882cfae55f4edc285aebe2e187446cc' }, index.h("path", { key: '867ae2e0e6de0390b48165d5bbff27d64b70d169', d: "M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z" }))), index.h("g", { key: 'fb9a41c4496e15f642d0c499b1df54bcd2b223f4' }, index.h("g", { key: '9b2ca7a88af51a951a63c38c3e8a91b804c53bc8' }, index.h("path", { key: '1d991c71467a7fb5cdd4016cdabbc740edc9623e', d: "M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z" }))), index.h("g", { key: '0784c45256bfdd109af8981e68a62b64d5f4bb2d' }, index.h("g", { key: 'a0cf56ced4d7e2b42722418575110c599ac9e783' }, index.h("path", { key: '5bd017b9528946e06a3f130e42b1c9a1ceb38e4d', d: "M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z" }))), index.h("g", { key: 'f6e378dab20b36c0faf85aabf934c7a1372611bf' }, index.h("g", { key: '05bfb5e03d3267d0dece25b3457a8902eae790c3' }, index.h("path", { key: '6b7413cf3261cbb3cb8c38b9dd317217ea6efeee', d: "M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z" }))), index.h("g", { key: 'c0ca6d6f8a4f31f7602a7e038cc39e9d63f8100a' }, index.h("g", { key: '3527da0fed57f1846e9f91f07e6fc9e3c0381b76' }, index.h("path", { key: 'bf9cb5feedc3578c9681a2950ae89c8dc586b83a', d: "M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z" }))))), index.h("div", { key: 'd31bd96b6c620ccf7f9392da180d8e5119a99f55' }, this.claimViaBarcodeScanner ? texts.scanTheVoucher : texts.enterServiceInfo)), index.h("div", { key: '54cab888dd7662695bd60818875717a0e4806dc5', class: "loading-wrapper flex flex-col gap-[4px] items-center justify-center absolute" }, index.h("div", { key: 'be869e51d9b9ce421badf9f33f9e06f7d6dc41d1', class: cn.cn('lds-ripple relative size-[100px] flex items-center justify-center', this.isLoading && 'active') }, index.h("div", { key: 'c335eea4689184ef09e07789205d245511a7c3de' }), index.h("div", { key: 'e8aa257e10d9bdae87d1604a4051e3741d94ee18' })), ((_f = this.item) === null || _f === void 0 ? void 0 : _f.showDocumentUploader) && this.selectedFile ? (index.h("div", { class: "relative border-[#3071a9] w-[300px] border-[2px] font-semibold h-[30px] overflow-hidden rounded-full flex items-center justify-center" }, texts.processing, " ", `${this.uploadProgress}%`, index.h("div", { style: {
306
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
307
+ const isQRScannerForm = ((_a = this.item) === null || _a === void 0 ? void 0 : _a.claimingMethodEnum) === 'ClaimByScanningQRCode';
308
+ const disableInputs = !this.getIsFormConfirmed() || this.isLoading;
309
+ const isFormValid = this.getIsFormValid();
310
+ return (index.h(index.Host, { key: '68bf42046badf6483d96a3d0d246997f78afc837' }, index.h(printIcon.ImageViewer, { key: '1c3b053514955c9926d0dff574515d9c91721ba3', style: { 'z-index': '99999999' }, expandedImage: this.expandedImage, imageStyle: { 'z-index': '999999999' }, closeImageViewer: () => printIcon.closeImageViewer.bind(this)() }), index.h("div", { key: '5a3e4dd1652450520791a871ad0afadd0d5a1f2c', dir: this.locale.sharedLocales.direction, class: cn.cn('min-w-[100dvw] pointer-events-none h-[100dvh] bg-white fixed top-0 left-0 z-[999] flex flex-col transition duration-500 scale-[110%] opacity-0 justify-between p-[50px] box-border overflow-auto', {
311
+ 'opacity-1 scale-100 pointer-events-auto': this.isOpened,
312
+ }) }, index.h("button", { key: 'd11ef680cbf3e0eed7c18257547bc6584188a8d0', disabled: this.isLoading, onClick: this.close.bind(this), class: "disabled:opacity-50 transition absolute right-[50px] duration-500 rounded-full enabled:hover:bg-red-200 enabled:hover:text-red-400 text-black enabled:hover:scale-[150%] enabled:hover:rotate-[135deg] size-[35px] rotate-[45deg]" }, index.h(AddIcon, { key: 'bb82189a466165e3679366500ecee1cbc6eea49b', class: "stroke-[1.5px]" })), index.h("div", { key: '376be70e1bf25a40ba04529dc8e7c094610dc179', class: "flex flex-col h-full gap-[32px] justify-between" }, index.h("div", { key: 'adfda45afa90a773ba53e5c09d4a2bc38c992974', class: "flex mt-[50px] flex-col shrink-0 gap-[20px]" }, index.h("div", { key: 'bdc0e739e70f362f3b186df490b28a271d19eb9b', class: "border overflow-hidden rounded-[6px] border-[#dcdcdc] box-border" }, index.h("div", { key: '0e8ec265b6364ec1e76b162e258ac84fceddd4bc', class: "relative text-[16px] h-[50px] font-semibold flex items-center justify-center bg-[#f6f6f6]" }, this.vin, !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.printUrl) && (index.h("button", { key: 'cc5ebfbb4fde8a4b9858a7804beeac53eee65c27', class: "outline-button absolute end-[16px]", onClick: () => window.open(this.item.printUrl, '_blank').focus() }, index.h(printIcon.PrintIcon, { key: 'fdac2505adaba1430443d33050d0fc7455cf1d93', class: "size-[30px] duration-200" }), index.h("span", { key: '32f48945b8912f4b909f7826ce9f6c098f7a4176' }, this.locale.print)))), index.h("div", { key: 'f2b0ce9cd68dda03b202dcba31acd54bf9dfc2fb', class: "overflow-hidden flex p-[22px] [&_div]:min-w-[200px] gap-[32px] flex-wrap justify-center" }, index.h(materialCard.MaterialCard, { key: 'b8ed2882ccc70f95d5dd141d64efc8c20a34922c', title: this.locale.serviceType }, (_c = this.item) === null || _c === void 0 ? void 0 : _c.type), index.h(materialCard.MaterialCard, { key: 'f0c9bd861be008a94dfb9de30cced23812459307', title: this.locale.name }, (_d = this.item) === null || _d === void 0 ? void 0 : _d.name), index.h(materialCard.MaterialCard, { key: '46fdf7c4d4873c8473b48097d59b5bec5bed8ec9', title: this.locale.activationDate }, (_e = this.item) === null || _e === void 0 ? void 0 : _e.activatedAt), index.h(materialCard.MaterialCard, { key: 'f43414b58f77fd1861ef542ea398fef88cd16735', title: this.locale.expireDate }, (_f = this.item) === null || _f === void 0 ? void 0 : _f.expiresAt), index.h(materialCard.MaterialCard, { key: '0eab1ed8fb785e3b80a51f174e0849a11490544c', title: this.locale.packageCode }, (_g = this.item) === null || _g === void 0 ? void 0 : _g.packageCode))), Array.isArray((_h = this.item) === null || _h === void 0 ? void 0 : _h.warnings) &&
313
+ this.item.warnings.map(warning => (index.h("div", { key: warning.key, class: "border overflow-hidden rounded-[6px] border-[#ff9100] box-border" }, index.h("div", { class: "text-[16px] px-[22px] h-[50px] font-semibold flex items-center gap-[8px] bg-[#ff91001a]" }, index.h(AlertIcon, { class: "size-[25px] text-[#ff9100]" }), " ", warning.title), index.h("div", { class: "p-[16px]" }, index.h("div", { class: "text-[16px] flex-col items-center md:flex-row flex gap-[16px]" }, index.h("div", { class: "flex-1", innerHTML: warning.bodyContent }), (warning === null || warning === void 0 ? void 0 : warning.imageUrl) && (index.h("button", { onClick: ({ target }) => printIcon.openImageViewer.bind(this)(target, warning === null || warning === void 0 ? void 0 : warning.imageUrl), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, index.h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, index.h("img", { src: printIcon.eyeSvg }), index.h("span", { class: "text-white" }, this.locale.expand)), index.h("img", { class: "w-auto h-auto max-w-[200px] max-h-[200px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: warning === null || warning === void 0 ? void 0 : warning.imageUrl })))), (warning === null || warning === void 0 ? void 0 : warning.confirmationText) && (index.h("label", { class: cn.cn('select-none text-[16px] flex font-semibold group items-center px-[16px] gap-[10px] mt-[20px] h-[36px] transition duration-300 rounded-[6px] cursor-pointer text-[#663c00] bg-[#ff91001a] border border-[#ffd28f]', {
314
+ 'hover:bg-[#fff8e1]': !this.isLoading,
315
+ 'opacity-50 pointer-events-none': this.isLoading,
316
+ }) }, index.h("input", { type: "checkbox", class: "peer sr-only", disabled: this.isLoading, checked: !!this.confirmationStates[warning.key], onChange: this.onConfirmCheckboxChange(warning.key) }), index.h("div", { class: "size-[20px] rounded border border-[#ffb74d] transition duration-300 text-transparent peer-checked:text-white peer-checked:bg-[#ff9100] peer-checked:border-[#ff9100] flex items-center justify-center" }, index.h(CheckIcon, { class: "size-[18px]" })), warning === null || warning === void 0 ? void 0 :
317
+ warning.confirmationText))))))), index.h("div", { key: '720375915cd8759c3876c6e29eb891d7a95db7b6', class: cn.cn('flex flex-col shrink-0 my-auto gap-[20px] h-fit p-[50px] border-[2px] border-[#3071a9] transition duration-500 items-center rounded-[8px] shadow-lg bg-[#f4f4f4]', {
318
+ 'border-[#f4f4f4]': this.isLoading,
319
+ }) }, index.h("div", { key: 'df0317422a3bf7a4f4959051ca0b6775e6f97195', class: "relative w-[200px] h-[140px]" }, index.h("div", { key: 'f2fffeb225253711875ae9dd18e5dc2373cf4edd', class: cn.cn('absolute size-full transition-all duration-500 flex flex-col items-center gap-[12px] left-0 top-0', { 'left-full opacity-0': this.isLoading }) }, index.h(FormSubmitSVG, { key: 'e62acf3c9105801311b513f811c519d4d9ec6d7e', class: "size-[100px] fill-[#3071a9] text-[#3071a9]" }), index.h("div", { key: '83b70c98685c2e0a61276aa9d49c53b317ae2fa4', class: "text-[16px] text-[#3071a9] font-semibold" }, isQRScannerForm ? this.locale.scanTheVoucher : this.locale.enterServiceInfo)), index.h("div", { key: '821c19a531e2fc90eb844055ffbea8aeddd5d9c6', class: cn.cn('absolute size-full opacity-0 transition-all duration-500 -left-full flex flex-col gap-[12px] items-center', { 'left-0 opacity-100': this.isLoading }) }, index.h("div", { key: '346408e4c016fbfc03ab9ed174c90f39c8fc3b1a', class: cn.cn('relative size-[100px] flex items-center justify-center') }, index.h("div", { key: 'c18f5bd47ade67c034a3f94eb0e6097dd96d16d7', class: "lds-ripple" }), index.h("div", { key: '1a57578950e817dea2ba60ca64bd0b4b64d77cdf', class: "lds-ripple" })), ((_j = this.item) === null || _j === void 0 ? void 0 : _j.showDocumentUploader) && !!this.inputs['documents'].length ? (index.h("div", { class: "relative border-[#3071a9] text-[#3071a9] text-[16px] w-[300px] border-[2px] font-semibold h-[30px] overflow-hidden rounded-full flex items-center justify-center" }, index.h("span", { class: "relative z-20" }, this.locale.processing, " ", `${this.uploadProgress}%`), index.h("div", { style: {
261
320
  width: `${this.uploadProgress}%`,
262
321
  background: `linear-gradient(to right, rgba(219, 234, 254, ${Math.min(0.1 + this.uploadProgress / 100, 1)}), rgba(191, 219, 254, ${Math.min(0.15 + this.uploadProgress / 100, 1)}), rgba(147, 197, 253, ${Math.min(0.2 + this.uploadProgress / 100, 1)}))`,
263
- }, class: "absolute left-0 top-0 h-full -z-10 transition-[width] duration-700 ease-out" }))) : (index.h("div", { class: cn.cn('lds-ripple-loading', this.isLoading && 'active') }, texts.processing)))), index.h("div", { key: '4f47ef68bfcc7a2f32de7b145effdba9e5384414', class: cn.cn('transition-opacity duration-300 ', { 'opacity-50': this.isLoading }) }, this.claimViaBarcodeScanner && (index.h("div", { key: '9ebe76e081b30f0da7c9013a1dd4084091951722', class: "flex flex-col mt-[50px] px-[75px] gap-[16px]" }, ((_g = this.item) === null || _g === void 0 ? void 0 : _g.showDocumentUploader) && (index.h("div", { key: '000d1a2f04c450bdc20f830c6993687f045c7995', class: "flex mb-[12px] flex-col" }, index.h("input", { key: 'bc24f703d27499f55411660e5245f1d6c5d09634', class: "document-uploader", disabled: this.isLoading, type: "file", accept: "image/*,application/pdf", hidden: true }), index.h("div", { key: '0a2845bc6c47ee45b036f703a066ceaffdf60c11', class: cn.cn('document-button overflow-hidden flex items-center w-fit mx-auto cursor-pointer gap-[16px] ps-[8px] h-[32px] transition duration-300 text-white bg-[#275e8f] active:bg-[#223f57] hover:bg-[#3071a9] rounded-[5px]', { 'pointer-events-none bg-[#d5d5d5] cursor-default': disableInput }) }, index.h("div", { key: '02ac6449f4f7c6e19bfffe6056c6c89a9799145f', title: ((_h = this.selectedFile) === null || _h === void 0 ? void 0 : _h.name) || texts.document, class: "max-w-[200px] truncate whitespace-nowrap overflow-hidden text-ellipsis" }, ((_j = this.selectedFile) === null || _j === void 0 ? void 0 : _j.name) || texts.document, ((_k = this === null || this === void 0 ? void 0 : this.item) === null || _k === void 0 ? void 0 : _k.documentUploaderIsRequired) && !this.selectedFile && index.h("span", { key: '43b0c4f31ff30123cf6698492d14755e1b2c1491', class: cn.cn('ps-[4px] text-red-500', { 'text-white': disableInput }) }, "*")), index.h("button", { key: '857001af21a4e425126b03412fed5aebfc8158f3', onClick: this.clearFile, class: cn.cn('overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]', {
264
- 'pointer-events-none cursor-default': !this.selectedFile,
265
- }) }, index.h("svg", { key: 'd96a3944a833276f977e92cf2e4ebd0eadc93dcd', fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: cn.cn('size-[24px] absolute transition duration-500', { '-translate-y-[32px]': !!this.selectedFile }) }, index.h("path", { key: '1a6e2b06a86ccfc10c0f40e77e932931ff47497c', d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551" })), index.h("svg", { key: '0e3f6fca1de9473cc9e14e01f987327d30283cec', fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: cn.cn('size-[24px] absolute transition translate-y-[32px] duration-500', { 'translate-y-0': !!this.selectedFile }) }, index.h("path", { key: 'f824d624de4d0555558bf007eaac4b549d3d12e2', d: "M18 6 6 18" }), index.h("path", { key: 'fe4a57efa8ca6dc6a7ccec24d7a0cf53909556cf', d: "m6 6 12 12" })))), index.h("flexible-container", { key: 'd175450892190f55da5d065e84c700f528dfe698', isOpened: this.isDocumentError }, index.h("div", { key: 'fba9c58b27ec0bca5eaaffc0037f159dfddd20ec', class: "text-red-700 w-fit mx-auto pt-[8px]" }, this.documentError === 'documentLimitError'
266
- ? texts.documentLimitError + `${this.maximumDocumentFileSizeInMb}Mb`
267
- : texts.documentRequiredError || this.sharedLocales.errors.wildCard)))), index.h("input", { key: '785e3068bffe0ea93bf402cefdac4264878a60fc', id: "qr-input", dir: "ltr", class: "dynamic-redeem-input", spellcheck: "false", onInput: e => {
268
- this.qrCode = e.target.value;
269
- this.updateReadyToClaim();
270
- }, onKeyDown: this.inputKeyDown, onBlur: () => {
271
- var _a;
272
- (_a = this.qrInput) === null || _a === void 0 ? void 0 : _a.focus();
273
- }, autocomplete: "off", disabled: disableInput, placeholder: texts.qrCode, autofocus: true, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }))), !this.claimViaBarcodeScanner && (index.h("div", { key: 'e85757dbdfe4b1d02789ea2b5c46116f4567dfb9' }, index.h("div", { key: '91462a93e3bfaeb62f2712768e5dc98d69317061', style: { display: 'flex', flexDirection: 'row', gap: '50px', padding: '0 75px' } }, index.h("input", { key: 'f8ded36b8a1806639c96af1f3b8e36a3d65e23d8', id: "invoice-input", dir: "ltr", class: "dynamic-redeem-input", spellcheck: "false", onInput: e => {
274
- this.invoice = e.target.value;
275
- this.updateReadyToClaim();
276
- }, onKeyDown: this.inputKeyDown, autocomplete: "off", disabled: disableInput, placeholder: texts.invoice, autofocus: true, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } }), index.h("input", { key: '5a01b31453e8327e4311f83371e9d7a390148b30', id: "job-input", dir: "ltr", class: "dynamic-redeem-input", spellcheck: "false", onInput: e => {
277
- this.job = e.target.value;
278
- this.updateReadyToClaim();
279
- }, onKeyDown: this.inputKeyDown, autocomplete: "off", disabled: disableInput, placeholder: texts.jobNumber, style: { marginTop: '20px', padding: '10px 0px', fontSize: '16px' } })), index.h("div", { key: 'a7624ccbd379c9edb947633424bca66dcbd80328', class: "mt-[55px]" }, ((_l = this.item) === null || _l === void 0 ? void 0 : _l.showDocumentUploader) && (index.h("div", { key: '9c9c03064d48b36d72db1047dcd1e9c2a6067829', class: "flex mb-[12px] flex-col" }, index.h("input", { key: '395549c0430ba0d15a77ad8ed9217e64d41db35d', class: "document-uploader", disabled: this.isLoading, type: "file", accept: "image/*,application/pdf", hidden: true }), index.h("div", { key: '5822f068ed2fa2999f3899ad00217ca7f12194a3', class: cn.cn('document-button overflow-hidden flex items-center w-fit mx-auto cursor-pointer gap-[16px] ps-[8px] h-[32px] transition duration-300 text-white bg-[#275e8f] active:bg-[#223f57] hover:bg-[#3071a9] rounded-[5px]', { 'pointer-events-none bg-[#d5d5d5] cursor-default': disableInput }) }, index.h("div", { key: '2cdddf5dad95185aa2476df8cfefc2012f6f03fc', title: ((_m = this.selectedFile) === null || _m === void 0 ? void 0 : _m.name) || texts.document, class: "max-w-[200px] truncate whitespace-nowrap overflow-hidden text-ellipsis" }, ((_o = this.selectedFile) === null || _o === void 0 ? void 0 : _o.name) || texts.document, ((_p = this === null || this === void 0 ? void 0 : this.item) === null || _p === void 0 ? void 0 : _p.documentUploaderIsRequired) && !this.selectedFile && index.h("span", { key: 'b7474a8e0c0f3bc05aedd8a6df88e103efaf57f1', class: cn.cn('ps-[4px] text-red-500', { 'text-white': disableInput }) }, "*")), index.h("button", { key: '9097a209bbba8ac1cba8bfe6f45ca316af97124d', onClick: this.clearFile, class: cn.cn('overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]', {
280
- 'pointer-events-none cursor-default': !this.selectedFile,
281
- }) }, index.h("svg", { key: 'acf7be70e4e2c2eedbf0cfcbad84870e581e3293', fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: cn.cn('size-[24px] absolute transition duration-500', { '-translate-y-[32px]': !!this.selectedFile }) }, index.h("path", { key: '58e0fd59dbb2be4055248d852c63c65884c4dce6', d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551" })), index.h("svg", { key: 'b6d2d4838093fd109b7c55f972e7ad5aaf308cf9', fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", class: cn.cn('size-[24px] absolute transition translate-y-[32px] duration-500', { 'translate-y-0': !!this.selectedFile }) }, index.h("path", { key: '03144a7be6cdcd9683b65241094e1750a71b8d66', d: "M18 6 6 18" }), index.h("path", { key: '5096ab5d1f47c757da5dc820635c03879c4fe7ca', d: "m6 6 12 12" })))), index.h("flexible-container", { key: '050348034f7143a7fc2ed617d5bda8a93e1f5c6c', isOpened: this.isDocumentError }, index.h("div", { key: 'f80d151c8cfa856964bf38f613cfc12a171ca101', class: "text-red-700 w-fit mx-auto pt-[8px]" }, this.documentError === 'documentLimitError'
282
- ? texts.documentLimitError + `${this.maximumDocumentFileSizeInMb}Mb`
283
- : texts.documentRequiredError || this.sharedLocales.errors.wildCard)))), index.h("button", { key: 'b8714b8aa98e55a5a2fabd6ef1edb14e9fba8be0', onClick: () => {
284
- this.inputKeyDown(null);
285
- }, class: cn.cn('claim-button', 'dynamic-claim-button', (!(this === null || this === void 0 ? void 0 : this.readyToClaim) || disableInput) && 'disabled') }, index.h("svg", { key: '5f901fcf4a0c64c900f7dcd255feb080f8fe665b', width: "30px", height: "30px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '8cf3f4d55bb5873ab7a6a87f720aae238da8b04c', "stroke-width": "0" }), index.h("g", { key: 'ecc6484402aacc974b80a5fcc2a9aeb595af90f0', "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("g", { key: 'b658cee1493b7dc7c8b5bf507eaf1f61865aa98f' }, index.h("circle", { key: '5dc79f07d82ef4a4970aa5d5284bc26e41d7b55b', cx: "12", cy: "12", r: "8", "fill-opacity": "0.24" }), index.h("path", { key: 'b3e6054499769d491397a54a53bc214f5e40d76a', d: "M8.5 11L11.3939 13.8939C11.4525 13.9525 11.5475 13.9525 11.6061 13.8939L19.5 6", "stroke-width": "1.2" }))), index.h("span", { key: '50eb43fc0b8fa9b18aecbcf200ee1e0b456d3709' }, texts.claim))))))))))));
322
+ }, class: "absolute left-0 z-10 top-0 h-full transition-[width] duration-700 ease-out" }))) : (index.h("div", { class: "text-[16px] text-[#3071a9] font-semibold" }, this.locale.processing)))), ((_k = this.item) === null || _k === void 0 ? void 0 : _k.showDocumentUploader) && (index.h("div", { key: '3ce09c1b7eeb5d06f7d4f62f2e13a99e9e2a2832', class: "flex mb-[16px] w-full flex-col" }, index.h("input", { key: '4711e3ad8c4c844fdc4aeea2b822afb6c959f35e', hidden: true, type: "file", class: "document-uploader", disabled: this.isLoading, accept: "image/*,application/pdf", onChange: this.onFileUploaderChange, multiple: this.uploadMultipleDocuments, "data-max-size": this.maximumDocumentFileSizeInMb * 1024 * 1024 }), index.h("div", { key: 'c6cfa5ff09f3b9a7fa850778cc1a8406b1470ffb', onClick: this.onDocumentButtonClicked, class: cn.cn('overflow-hidden flex items-center w-fit mx-auto cursor-pointer gap-[16px] ps-[8px] h-[32px] transition duration-300 text-white bg-[#275e8f] active:bg-[#223f57] hover:bg-[#3071a9] rounded-[5px]', { 'pointer-events-none bg-[#d5d5d5] cursor-default': disableInputs }) }, index.h("div", { key: '762740b15f1a1969a00f3c731655b2b1e19664fa', title: this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument, class: "max-w-[200px] truncate whitespace-nowrap overflow-hidden text-ellipsis" }, this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument, ((_l = this === null || this === void 0 ? void 0 : this.item) === null || _l === void 0 ? void 0 : _l.documentUploaderIsRequired) && !((_m = this.inputs) === null || _m === void 0 ? void 0 : _m.documents.length) && (index.h("span", { key: '4d94c48440cf1d230da3b913d2f6b580ec288c61', class: cn.cn('ps-[4px] text-red-500', { 'text-white': disableInputs }) }, "*"))), index.h("button", { key: '6f243a97f7cf5d451baf94c326f55d405be24535', onClick: this.clearFile, class: cn.cn('overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]', {
323
+ 'pointer-events-none cursor-default': !((_o = this.inputs) === null || _o === void 0 ? void 0 : _o.documents.length),
324
+ }) }, index.h(AttachIcon, { key: '69ba9c0fce73213affef7c226a27c8fab4e168f1', class: cn.cn('size-[24px] absolute transition duration-500', { '-translate-y-[32px]': !!((_p = this.inputs) === null || _p === void 0 ? void 0 : _p.documents.length) }) }), index.h(AddIcon, { key: '3fb8beb241965d6c7978aedb8162c05e23a0fbbc', class: cn.cn('size-[24px] rotate-[45deg] absolute transition translate-y-[32px] duration-500', { 'translate-y-0': !!((_q = this.inputs) === null || _q === void 0 ? void 0 : _q.documents.length) }) }))), index.h("flexible-container", { key: '35a261615caa5d8b1298aedd18041cd1938d78e2', isOpened: !!((_s = (_r = this.errors) === null || _r === void 0 ? void 0 : _r.documents) === null || _s === void 0 ? void 0 : _s.show) }, index.h("div", { key: 'a550ee88124dd9dac42676537043001dc8eebf09', class: "text-red-700 w-fit mx-auto pt-[8px]" }, ((_u = (_t = this.errors) === null || _t === void 0 ? void 0 : _t.documents) === null || _u === void 0 ? void 0 : _u.text) === 'documentLimitError'
325
+ ? this.locale.documentLimitError + `${this.maximumDocumentFileSizeInMb}Mb`
326
+ : this.locale.documentRequiredError || this.locale.sharedLocales.errors.wildCard)), index.h("flexible-container", { key: 'eea0f00692335fe33a28d249f74702072ffbdfd3', isOpened: !!((_w = (_v = this.inputs) === null || _v === void 0 ? void 0 : _v.documents) === null || _w === void 0 ? void 0 : _w.length), containerClasses: "" }, index.h("div", { key: 'eee5774648c156c8e7f71803b861fa64bf169346', class: "flex w-full pt-[16px] flex-wrap justify-center gap-[16px]" }, (_y = (_x = this.inputs) === null || _x === void 0 ? void 0 : _x.documents) === null || _y === void 0 ? void 0 : _y.map((doc, idx) => {
327
+ var _a;
328
+ return (index.h("div", { class: cn.cn('flex relative overflow-hidden max-w-[400px] items-center justify-between gap-[20px] bg-slate-400 rounded-[4px] text-white text-[14px]', {
329
+ 'pointer-events-none bg-[#d5d5d5] cursor-default': disableInputs,
330
+ }) }, index.h("span", { title: doc.name, class: "truncate ps-[16px] py-[8px]" }, doc.name), index.h("button", { disabled: disableInputs, onClick: () => this.clearFile(idx), class: cn.cn('overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]', {
331
+ 'pointer-events-none cursor-default': !((_a = this.inputs) === null || _a === void 0 ? void 0 : _a.documents.length),
332
+ }) }, index.h(AddIcon, { class: "size-[24px] rotate-[45deg]" }))));
333
+ }))))), isQRScannerForm && (index.h("div", { key: '26d98b8f4214d2ec2df7dcc360ba39af29f8bc40', class: "overflow-hidden w-full" }, index.h("input", { key: 'f1f00cff8e82845ddcc138e232b72525091854c6', dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onBlur: this.focusInputs, onKeyDown: this.onKeyDown, value: (_z = this.inputs) === null || _z === void 0 ? void 0 : _z.qrCode, placeholder: this.locale.qrCode, onInput: event => this.setInputValue('qrCode', event.target.value), class: "bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]" }))), !isQRScannerForm && (index.h("div", { key: 'ebdb3667b0d0785ff7f226e189f0ce8a86af97a0', class: "flex w-full overflow-hidden gap-[75px]" }, index.h("input", { key: 'eb25f844d143e5c1e2c21070fabd2502adba2861', dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onKeyDown: this.onKeyDown, value: (_0 = this.inputs) === null || _0 === void 0 ? void 0 : _0.invoice, placeholder: this.locale.invoice, onInput: event => this.setInputValue('invoice', event.target.value), class: "bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]" }), index.h("input", { key: 'f6979a7700afcf58e43d6a8f2c040790553c4ddf', dir: "ltr", type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onKeyDown: this.onKeyDown, value: (_1 = this.inputs) === null || _1 === void 0 ? void 0 : _1.jobNumber, placeholder: this.locale.jobNumber, onInput: event => this.setInputValue('jobNumber', event.target.value), class: "bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]" }))), index.h("button", { key: 'bf285fd6413dcc8cde6d527813db1e16307468d0', onClick: this.submit, disabled: !isFormValid || disableInputs, class: "text-[22px] transition duration-500 hover: mt-[16px] disabled:opacity-50 text-white w-full max-w-[250px] px-[8px] h-[40px] enabled:hover:scale-110 flex gap-[8px] border rounded-[4px] enabled:shadow items-center justify-center border-[#27ae60] bg-[#32b267] enabled:hover:border-[#27ae5fc1] enabled:hover:bg-[#32b267c7]" }, index.h(printIcon.ActivationIcon, { key: 'ad380f096290a206a19449928f42efb5550adc30', class: "size-[30px] [&_circle]:fill-white stroke-white text-red-300" }), index.h("span", { key: '5d6ffb12f5c2ebe79d483141e3eb5c012d185e11' }, this.locale.claim))), index.h("div", { key: 'f30065ad52e07d019c196e7ad36e0b25d8ec23e1', class: "shrink-0 h-[16px]" })))));
286
334
  }
287
335
  get el() { return index.getElement(this); }
288
336
  static get watchers() { return {
289
- "language": ["changeLanguage"],
290
- "isLoading": ["onIsLoadingChange"],
291
- "canceledItems": ["changeInternalCanceledItem"],
292
- "unInvoicedByBrokerName": ["changeConfirmUnInvoicedTBPVehicles"],
293
- "vin": ["changeInternalVin"],
294
- "item": ["changeInternalItem"],
295
- "isOpened": ["onOpenChange"]
337
+ "expandedImage": ["onImageViewerToggles"],
338
+ "isLoading": ["onIsLoadingChange"]
296
339
  }; }
297
340
  };
298
341
  VehicleItemClaimForm.style = vehicleItemClaimFormCss;