adp-web-components 0.0.91 → 0.0.93
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/contact-us-form.cjs.entry.js +2 -2
- package/dist/cjs/dead-stock-lookup_3.cjs.entry.js +2 -2
- package/dist/cjs/flexible-container.cjs.entry.js +1 -1
- package/dist/cjs/form-dialog_8.cjs.entry.js +1 -1
- package/dist/cjs/{get-local-language-AedNCS4v.js → get-local-language-mOz52KDH.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/loading-spinner.cjs.entry.js +1 -1
- package/dist/cjs/part-lookup.cjs.entry.js +2 -2
- package/dist/cjs/print-icon-C4ASnhAO.js +106 -0
- package/dist/cjs/service-booking-form.cjs.entry.js +2 -2
- package/dist/cjs/shift-components.cjs.js +1 -1
- package/dist/cjs/shift-tabs_2.cjs.entry.js +38 -26
- package/dist/cjs/{type-A-Wi_ktA.js → type-BN6rYG7b.js} +3 -6
- package/dist/cjs/{type-ooYU2cCM.js → type-BYJVK70a.js} +1 -1
- package/dist/cjs/{type-Dm3JBAef.js → type-Dcc-iEGV.js} +1 -1
- package/dist/cjs/vehicle-accessories_6.cjs.entry.js +22 -113
- package/dist/cjs/vehicle-lookup.cjs.entry.js +2 -2
- package/dist/cjs/vin-extractor.cjs.entry.js +1 -1
- package/dist/collection/components/components/flexible-container.css +1 -1
- package/dist/collection/components/components/loading-spinner.css +1 -1
- package/dist/collection/components/components/shift-tabs.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-claimable-items.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-claimable-items.js +7 -12
- package/dist/collection/components/vehicle-lookup/vehicle-item-claim-form.css +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-item-claim-form.js +43 -69
- package/dist/collection/components/vehicle-lookup/vehicle-paint-thickness.js +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-service-history.js +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-specification.js +1 -1
- package/dist/collection/components/vehicle-lookup/vehicle-warranty-details.js +5 -5
- package/dist/collection/components/vin-extractor/vin-extractor.js +1 -1
- package/dist/collection/features/image-viewer/image-viewer.js +2 -2
- package/dist/collection/global/assets/question-mark.js +6 -0
- package/dist/collection/global/types/generated/vehicle-lookup/vehicle-item-warning.js +1 -0
- package/dist/collection/locales/vehicleLookup/claimableItems/type.js +2 -5
- package/dist/collection/templates/vehicle-lookup/mock-data.js +39 -0
- package/dist/components/contact-us-form.js +1 -1
- package/dist/components/dead-stock-lookup.js +1 -1
- package/dist/components/distributor-lookup.js +1 -1
- package/dist/components/flexible-container.js +1 -1
- package/dist/components/form-dialog.js +1 -1
- package/dist/components/form-input.js +1 -1
- package/dist/components/form-select.js +1 -1
- package/dist/components/form-structure-error.js +1 -1
- package/dist/components/form-structure.js +1 -1
- package/dist/components/form-submit.js +1 -1
- package/dist/components/form-text-area.js +1 -1
- package/dist/components/information-table.js +1 -1
- package/dist/components/loading-spinner.js +1 -1
- package/dist/components/manufacturer-lookup.js +1 -1
- package/dist/components/p-4O0gfpsm.js +5 -0
- package/dist/components/{p-DPxUsrGL.js → p-AMxQkXmN.js} +1 -1
- package/dist/components/p-B2EAhWbD.js +5 -0
- package/dist/components/{p-CffGxxO4.js → p-BDCoLRVe.js} +1 -1
- package/dist/components/{p-CRB_syll.js → p-BDz4UQRM.js} +1 -1
- package/dist/components/p-BG8YXzND.js +5 -0
- package/dist/components/{p-qw7FLuM-.js → p-BhjL0HMA.js} +1 -1
- package/dist/components/p-Bl5cqVrD.js +5 -0
- package/dist/components/{p-Fudjizxb.js → p-Bmb3Fkfa.js} +1 -1
- package/dist/components/{p-CYs-Cfbz.js → p-BwcnaA-7.js} +1 -1
- package/dist/components/{p-DSIG_p-W.js → p-BxbP-J-E.js} +1 -1
- package/dist/components/{p-CYfVWbdE.js → p-C2bIIq1u.js} +1 -1
- package/dist/components/p-C3XThTYt.js +5 -0
- package/dist/components/{p-vhsj8wEw.js → p-C4D7Ue5a.js} +1 -1
- package/dist/components/{p-DXHFdZX_.js → p-COU68JDH.js} +1 -1
- package/dist/components/{p-BkfCVIF9.js → p-Cbn3vAN6.js} +1 -1
- package/dist/components/{p-DsfktPnM.js → p-CeUz_77J.js} +1 -1
- package/dist/components/{p-zDS3r6-j.js → p-CjCrT6iL.js} +1 -1
- package/dist/components/{p-THNpWs_W.js → p-DJb_ngFd.js} +1 -1
- package/dist/components/p-DgmbP49l.js +5 -0
- package/dist/components/{p-BwUMwWdE.js → p-DpTL9k1h.js} +1 -1
- package/dist/components/{p-CV6-hCEd.js → p-E0O1QAbg.js} +1 -1
- package/dist/components/{p-QtVWfPMe.js → p-EGMLvdqC.js} +1 -1
- package/dist/components/{p-gwgMa4kM.js → p-LUQrYuxc.js} +1 -1
- package/dist/components/{p-DyWp9Iox.js → p-kOP4_K0Y.js} +1 -1
- package/dist/components/{p-BsHunqQT.js → p-mMjN6naK.js} +1 -1
- package/dist/components/{p-nBbuIowK.js → p-mNIEU1SJ.js} +1 -1
- package/dist/components/part-lookup.js +1 -1
- package/dist/components/service-booking-form.js +1 -1
- package/dist/components/shift-accordion.js +1 -1
- package/dist/components/shift-slider.js +1 -1
- package/dist/components/shift-tab-content.js +1 -1
- package/dist/components/shift-tabs.js +1 -1
- package/dist/components/vehicle-accessories.js +1 -1
- package/dist/components/vehicle-claimable-items.js +1 -1
- package/dist/components/vehicle-item-claim-form.js +1 -1
- package/dist/components/vehicle-lookup.js +1 -1
- package/dist/components/vehicle-paint-thickness.js +1 -1
- package/dist/components/vehicle-service-history.js +1 -1
- package/dist/components/vehicle-specification.js +1 -1
- package/dist/components/vehicle-warranty-details.js +1 -1
- package/dist/components/vin-extractor.js +1 -1
- package/dist/esm/contact-us-form.entry.js +2 -2
- package/dist/esm/dead-stock-lookup_3.entry.js +2 -2
- package/dist/esm/flexible-container.entry.js +1 -1
- package/dist/esm/form-dialog_8.entry.js +1 -1
- package/dist/esm/{get-local-language-DuHpVAu5.js → get-local-language-Csl9Ohc5.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/loading-spinner.entry.js +1 -1
- package/dist/esm/part-lookup.entry.js +2 -2
- package/dist/esm/print-icon-Dn5kQmLo.js +99 -0
- package/dist/esm/service-booking-form.entry.js +2 -2
- package/dist/esm/shift-components.js +1 -1
- package/dist/esm/shift-tabs_2.entry.js +38 -26
- package/dist/esm/{type-CnAEgqjH.js → type-D5oWbXVZ.js} +3 -6
- package/dist/esm/{type-CFBDfJID.js → type-DJKD2u1F.js} +1 -1
- package/dist/esm/{type-B6613elJ.js → type-HV7wUCnW.js} +1 -1
- package/dist/esm/vehicle-accessories_6.entry.js +20 -111
- package/dist/esm/vehicle-lookup.entry.js +2 -2
- package/dist/esm/vin-extractor.entry.js +1 -1
- package/dist/locales/vehicleLookup/claimableItems/ar.json +3 -5
- package/dist/locales/vehicleLookup/claimableItems/en.json +3 -5
- package/dist/locales/vehicleLookup/claimableItems/ku.json +3 -5
- package/dist/locales/vehicleLookup/claimableItems/ru.json +3 -5
- package/dist/locales/vehicleLookup/claimableItems/type.ts +2 -5
- package/dist/shift-components/p-03f093e0.entry.js +5 -0
- package/dist/shift-components/{p-0a55771f.entry.js → p-0c0f7479.entry.js} +1 -1
- package/dist/shift-components/{p-a76db330.entry.js → p-277c8a5b.entry.js} +1 -1
- package/dist/shift-components/{p-010b5793.entry.js → p-4f62a6d7.entry.js} +1 -1
- package/dist/shift-components/{p-ef9ad340.entry.js → p-55c5a5ea.entry.js} +1 -1
- package/dist/shift-components/{p-ebc23eef.entry.js → p-5906834e.entry.js} +1 -1
- package/dist/shift-components/{p-526a4ff7.entry.js → p-73dae904.entry.js} +1 -1
- package/dist/shift-components/{p-03483842.entry.js → p-7607f0b4.entry.js} +1 -1
- package/dist/shift-components/{p-CsAICJSF.js → p-D1Jvp5Jo.js} +1 -1
- package/dist/shift-components/{p-CC-dsMaG.js → p-DF3P6azz.js} +1 -1
- package/dist/shift-components/{p-DF2jCW4D.js → p-DlxK-F7M.js} +1 -1
- package/dist/shift-components/p-DzSZ47FV.js +5 -0
- package/dist/shift-components/p-ad192cd7.entry.js +5 -0
- package/dist/shift-components/{p-d46b0857.entry.js → p-cb51c571.entry.js} +1 -1
- package/dist/shift-components/{p-20bdbcb5.entry.js → p-da5287f5.entry.js} +1 -1
- package/dist/shift-components/p-t_0cztU_.js +5 -0
- package/dist/shift-components/shift-components.esm.js +1 -1
- package/dist/types/components/vehicle-lookup/vehicle-item-claim-form.d.ts +5 -3
- package/dist/types/components.d.ts +0 -10
- package/dist/types/features/image-viewer/image-viewer.d.ts +3 -0
- package/dist/types/global/assets/question-mark.d.ts +6 -0
- package/dist/types/global/types/generated/vehicle-lookup/vehicle-item-warning.d.ts +7 -0
- package/dist/types/global/types/generated/vehicle-lookup/vehicle-service-item-dto.d.ts +3 -0
- package/dist/types/locales/vehicleLookup/claimableItems/type.d.ts +10 -22
- package/dist/types/locales/vehicleLookup/warranty/type.d.ts +2 -2
- package/dist/types/locales/vehicleLookup/wrapper-type.d.ts +8 -14
- package/package.json +1 -1
- package/dist/cjs/activation-icon-DEYW0itX.js +0 -16
- package/dist/components/p-CgP_rdz5.js +0 -5
- package/dist/components/p-CmuF1zVa.js +0 -5
- package/dist/components/p-Dkva9a7P.js +0 -5
- package/dist/components/p-DrFf_ORZ.js +0 -5
- package/dist/components/p-iCYlD4i9.js +0 -5
- package/dist/components/p-kp6CyIhI.js +0 -5
- package/dist/esm/activation-icon-7GJaxZ20.js +0 -14
- package/dist/shift-components/p-7225e52b.entry.js +0 -5
- package/dist/shift-components/p-CxstRFDI.js +0 -5
- package/dist/shift-components/p-DdH9nNoC.js +0 -5
- package/dist/shift-components/p-d843769d.entry.js +0 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! 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}.absolute{position:absolute}.z-10{z-index:10}.box-border{box-sizing:border-box}.block{display:block}.border-\[4px\]{border-width:4px}.border-\[\#3071a9\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}: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%}}.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}.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}.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}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.-left-full{left:-100%}.left-0{left:0}.left-full{left:100%}.right-\[50px\]{right:50px}.top-0{top:0}.z-20{z-index:20}.z-\[999\]{z-index:999}.my-auto{margin-bottom:auto;margin-top:auto}.mb-\[16px\]{margin-bottom:16px}.ms-\[50px\]{margin-inline-start:50px}.mt-\[16px\]{margin-top:16px}.mt-\[20px\]{margin-top:20px}.mt-\[4px\]{margin-top:4px}.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-\[30px\]{height:30px;width:30px}.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-fit{height:fit-content}.h-full{height:100%}.w-\[200px\]{width:200px}.w-\[300px\]{width:300px}.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-0{--tw-translate-y:0px}.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{--tw-scale-x:1;--tw-scale-y:1}.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}.list-disc{list-style-type:disc}.justify-between{justify-content:space-between}.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-\[4px\]{border-radius:4px}.rounded-\[5px\]{border-radius:5px}.rounded-\[6px\]{border-radius:6px}.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-\[\#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-\[16px\]{font-size:16px}.text-\[22px\]{font-size:22px}.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-100{opacity:1}.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)}.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)}.transition-\[width\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.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))}.\[\&_circle\]\:fill-white circle{fill:#fff}.\[\&_div\]\:min-w-\[200px\] div{min-width:200px}.bottom-\[40px\]{bottom:40px}.left-1\/2{left:50%}.left-\[30px\]{left:30px}.ml-\[-125px\]{margin-left:-125px}.box-content{box-sizing:content-box}.size-\[90px\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\[320px\]{height:320px}.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-\[-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,.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}.gap-\[250px\]{gap:250px}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.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-\[\#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))}.duration-200{transition-duration:.2s}.\[\&_\*\]\:shrink-0 *{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
|
|
1
|
+
*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! 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}
|
|
@@ -5,16 +5,20 @@
|
|
|
5
5
|
import cn from "../../global/lib/cn";
|
|
6
6
|
import { Host, h } from "@stencil/core";
|
|
7
7
|
import { MaterialCard } from "../components/material-card";
|
|
8
|
+
import { closeImageViewer, ImageViewer, openImageViewer } from "../../features/image-viewer/index";
|
|
8
9
|
import { AddIcon } from "../../global/assets/add-icon";
|
|
9
10
|
import { AlertIcon } from "../../global/assets/alert-icon";
|
|
10
11
|
import { CheckIcon } from "../../global/assets/check-icon";
|
|
11
12
|
import { AttachIcon } from "../../global/assets/attach-icon";
|
|
12
13
|
import { FormSubmitSVG } from "../../global/assets/form-submit-svg";
|
|
13
14
|
import { ActivationIcon } from "../../global/assets/activation-icon";
|
|
15
|
+
import { PrintIcon } from "../../global/assets/print-icon";
|
|
16
|
+
import Eye from "~assets/eye.svg";
|
|
14
17
|
export class VehicleItemClaimForm {
|
|
15
18
|
constructor() {
|
|
19
|
+
// ====== Start Image Viewer Logic
|
|
20
|
+
this.expandedImage = '';
|
|
16
21
|
this.uploadMultipleDocuments = true;
|
|
17
|
-
this.canceledItems = [];
|
|
18
22
|
this.uploadProgress = 0;
|
|
19
23
|
this.isOpened = false;
|
|
20
24
|
this.isLoading = false;
|
|
@@ -124,11 +128,14 @@ export class VehicleItemClaimForm {
|
|
|
124
128
|
this.focusInputs();
|
|
125
129
|
};
|
|
126
130
|
this.getIsFormConfirmed = () => {
|
|
127
|
-
var _a, _b
|
|
128
|
-
if (
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
131
|
+
var _a, _b;
|
|
132
|
+
if (Array.isArray((_a = this.item) === null || _a === void 0 ? void 0 : _a.warnings)) {
|
|
133
|
+
for (let idx = 0; idx < ((_b = this.item) === null || _b === void 0 ? void 0 : _b.warnings.length); idx++) {
|
|
134
|
+
const warning = this.item.warnings[idx];
|
|
135
|
+
if (!!(warning === null || warning === void 0 ? void 0 : warning.confirmationText) && !this.confirmationStates[warning.key])
|
|
136
|
+
return false;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
132
139
|
return true;
|
|
133
140
|
};
|
|
134
141
|
this.getIsFormValid = () => {
|
|
@@ -154,9 +161,7 @@ export class VehicleItemClaimForm {
|
|
|
154
161
|
documents: [],
|
|
155
162
|
};
|
|
156
163
|
this.isLoading = false;
|
|
157
|
-
this.canceledItems = [];
|
|
158
164
|
this.confirmationStates = {};
|
|
159
|
-
this.unInvoicedByBrokerName = null;
|
|
160
165
|
};
|
|
161
166
|
this.clearFile = (event) => {
|
|
162
167
|
var _a, _b, _c;
|
|
@@ -182,6 +187,16 @@ export class VehicleItemClaimForm {
|
|
|
182
187
|
this.submit();
|
|
183
188
|
};
|
|
184
189
|
}
|
|
190
|
+
onImageViewerToggles(newValue) {
|
|
191
|
+
window.removeEventListener('keydown', this.closeModalListenerRef);
|
|
192
|
+
console.log(newValue);
|
|
193
|
+
if (newValue === null) {
|
|
194
|
+
setTimeout(() => {
|
|
195
|
+
this.closeModalListenerRef = (event) => event.key === 'Escape' && this.close();
|
|
196
|
+
window.addEventListener('keydown', this.closeModalListenerRef);
|
|
197
|
+
}, 200);
|
|
198
|
+
}
|
|
199
|
+
}
|
|
185
200
|
async open() {
|
|
186
201
|
this.isOpened = true;
|
|
187
202
|
document.body.style.overflow = 'hidden';
|
|
@@ -208,35 +223,34 @@ export class VehicleItemClaimForm {
|
|
|
208
223
|
}
|
|
209
224
|
// ====== End Component Logic
|
|
210
225
|
render() {
|
|
211
|
-
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;
|
|
226
|
+
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;
|
|
212
227
|
const isQRScannerForm = ((_a = this.item) === null || _a === void 0 ? void 0 : _a.claimingMethodEnum) === 'ClaimByScanningQRCode';
|
|
213
228
|
const disableInputs = !this.getIsFormConfirmed() || this.isLoading;
|
|
214
229
|
const isFormValid = this.getIsFormValid();
|
|
215
|
-
return (h(Host, { key: '
|
|
230
|
+
return (h(Host, { key: '68bf42046badf6483d96a3d0d246997f78afc837' }, h(ImageViewer, { key: '1c3b053514955c9926d0dff574515d9c91721ba3', style: { 'z-index': '99999999' }, expandedImage: this.expandedImage, imageStyle: { 'z-index': '999999999' }, closeImageViewer: () => closeImageViewer.bind(this)() }), h("div", { key: '5a3e4dd1652450520791a871ad0afadd0d5a1f2c', dir: this.locale.sharedLocales.direction, class: 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', {
|
|
216
231
|
'opacity-1 scale-100 pointer-events-auto': this.isOpened,
|
|
217
|
-
}) }, h("button", { key: '
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
'
|
|
223
|
-
}) }, h("input", { key: '91a3a038e244c2b0056a6b1cac6a26d27871d3e0', type: "checkbox", class: "peer sr-only", disabled: this.isLoading, checked: !!this.confirmationStates.unInvoicedByBrokerName, onChange: this.onConfirmCheckboxChange('unInvoicedByBrokerName') }), h("div", { key: '044a72bd401c618d1d3406b3e7c45a39b381a686', 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" }, h(CheckIcon, { key: 'c2c094f7542c327715ea17a65811089afd4ea2ee', class: "size-[18px]" })), this.locale.confirmNotInvoiced)))), h("div", { key: '3a0f0c12721a0acaf5d6d987334d29f2682b37aa', class: 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]', {
|
|
232
|
+
}) }, 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]" }, h(AddIcon, { key: 'bb82189a466165e3679366500ecee1cbc6eea49b', class: "stroke-[1.5px]" })), h("div", { key: '376be70e1bf25a40ba04529dc8e7c094610dc179', class: "flex flex-col h-full gap-[32px] justify-between" }, h("div", { key: 'adfda45afa90a773ba53e5c09d4a2bc38c992974', class: "flex mt-[50px] flex-col shrink-0 gap-[20px]" }, h("div", { key: 'bdc0e739e70f362f3b186df490b28a271d19eb9b', class: "border overflow-hidden rounded-[6px] border-[#dcdcdc] box-border" }, 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) && (h("button", { key: 'cc5ebfbb4fde8a4b9858a7804beeac53eee65c27', class: "outline-button absolute end-[16px]", onClick: () => window.open(this.item.printUrl, '_blank').focus() }, h(PrintIcon, { key: 'fdac2505adaba1430443d33050d0fc7455cf1d93', class: "size-[30px] duration-200" }), h("span", { key: '32f48945b8912f4b909f7826ce9f6c098f7a4176' }, this.locale.print)))), h("div", { key: 'f2b0ce9cd68dda03b202dcba31acd54bf9dfc2fb', class: "overflow-hidden flex p-[22px] [&_div]:min-w-[200px] gap-[32px] flex-wrap justify-center" }, h(MaterialCard, { key: 'b8ed2882ccc70f95d5dd141d64efc8c20a34922c', title: this.locale.serviceType }, (_c = this.item) === null || _c === void 0 ? void 0 : _c.type), h(MaterialCard, { key: 'f0c9bd861be008a94dfb9de30cced23812459307', title: this.locale.name }, (_d = this.item) === null || _d === void 0 ? void 0 : _d.name), h(MaterialCard, { key: '46fdf7c4d4873c8473b48097d59b5bec5bed8ec9', title: this.locale.activationDate }, (_e = this.item) === null || _e === void 0 ? void 0 : _e.activatedAt), h(MaterialCard, { key: 'f43414b58f77fd1861ef542ea398fef88cd16735', title: this.locale.expireDate }, (_f = this.item) === null || _f === void 0 ? void 0 : _f.expiresAt), h(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) &&
|
|
233
|
+
this.item.warnings.map(warning => (h("div", { key: warning.key, class: "border overflow-hidden rounded-[6px] border-[#ff9100] box-border" }, h("div", { class: "text-[16px] px-[22px] h-[50px] font-semibold flex items-center gap-[8px] bg-[#ff91001a]" }, h(AlertIcon, { class: "size-[25px] text-[#ff9100]" }), " ", warning.title), h("div", { class: "p-[16px]" }, h("div", { class: "text-[16px] flex-col items-center md:flex-row flex gap-[16px]" }, h("div", { class: "flex-1", innerHTML: warning.bodyContent }), (warning === null || warning === void 0 ? void 0 : warning.imageUrl) && (h("button", { onClick: ({ target }) => 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" }, 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" }, h("img", { src: Eye }), h("span", { class: "text-white" }, this.locale.expand)), 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) && (h("label", { class: 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]', {
|
|
234
|
+
'hover:bg-[#fff8e1]': !this.isLoading,
|
|
235
|
+
'opacity-50 pointer-events-none': this.isLoading,
|
|
236
|
+
}) }, h("input", { type: "checkbox", class: "peer sr-only", disabled: this.isLoading, checked: !!this.confirmationStates[warning.key], onChange: this.onConfirmCheckboxChange(warning.key) }), 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" }, h(CheckIcon, { class: "size-[18px]" })), warning === null || warning === void 0 ? void 0 :
|
|
237
|
+
warning.confirmationText))))))), h("div", { key: '720375915cd8759c3876c6e29eb891d7a95db7b6', class: 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]', {
|
|
224
238
|
'border-[#f4f4f4]': this.isLoading,
|
|
225
|
-
}) }, h("div", { key: '
|
|
239
|
+
}) }, h("div", { key: 'df0317422a3bf7a4f4959051ca0b6775e6f97195', class: "relative w-[200px] h-[140px]" }, h("div", { key: 'f2fffeb225253711875ae9dd18e5dc2373cf4edd', class: 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 }) }, h(FormSubmitSVG, { key: 'e62acf3c9105801311b513f811c519d4d9ec6d7e', class: "size-[100px] fill-[#3071a9] text-[#3071a9]" }), h("div", { key: '83b70c98685c2e0a61276aa9d49c53b317ae2fa4', class: "text-[16px] text-[#3071a9] font-semibold" }, isQRScannerForm ? this.locale.scanTheVoucher : this.locale.enterServiceInfo)), h("div", { key: '821c19a531e2fc90eb844055ffbea8aeddd5d9c6', class: 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 }) }, h("div", { key: '346408e4c016fbfc03ab9ed174c90f39c8fc3b1a', class: cn('relative size-[100px] flex items-center justify-center') }, h("div", { key: 'c18f5bd47ade67c034a3f94eb0e6097dd96d16d7', class: "lds-ripple" }), h("div", { key: '1a57578950e817dea2ba60ca64bd0b4b64d77cdf', class: "lds-ripple" })), ((_j = this.item) === null || _j === void 0 ? void 0 : _j.showDocumentUploader) && !!this.inputs['documents'].length ? (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" }, h("span", { class: "relative z-20" }, this.locale.processing, " ", `${this.uploadProgress}%`), h("div", { style: {
|
|
226
240
|
width: `${this.uploadProgress}%`,
|
|
227
241
|
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)}))`,
|
|
228
|
-
}, class: "absolute left-0 z-10 top-0 h-full transition-[width] duration-700 ease-out" }))) : (h("div", { class: "text-[16px] text-[#3071a9] font-semibold" }, this.locale.processing)))), ((
|
|
229
|
-
'pointer-events-none cursor-default': !((
|
|
230
|
-
}) }, h(AttachIcon, { key: '
|
|
242
|
+
}, class: "absolute left-0 z-10 top-0 h-full transition-[width] duration-700 ease-out" }))) : (h("div", { class: "text-[16px] text-[#3071a9] font-semibold" }, this.locale.processing)))), ((_k = this.item) === null || _k === void 0 ? void 0 : _k.showDocumentUploader) && (h("div", { key: '3ce09c1b7eeb5d06f7d4f62f2e13a99e9e2a2832', class: "flex mb-[16px] w-full flex-col" }, 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 }), h("div", { key: 'c6cfa5ff09f3b9a7fa850778cc1a8406b1470ffb', onClick: this.onDocumentButtonClicked, class: 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 }) }, 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) && (h("span", { key: '4d94c48440cf1d230da3b913d2f6b580ec288c61', class: cn('ps-[4px] text-red-500', { 'text-white': disableInputs }) }, "*"))), h("button", { key: '6f243a97f7cf5d451baf94c326f55d405be24535', onClick: this.clearFile, class: cn('overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]', {
|
|
243
|
+
'pointer-events-none cursor-default': !((_o = this.inputs) === null || _o === void 0 ? void 0 : _o.documents.length),
|
|
244
|
+
}) }, h(AttachIcon, { key: '69ba9c0fce73213affef7c226a27c8fab4e168f1', class: cn('size-[24px] absolute transition duration-500', { '-translate-y-[32px]': !!((_p = this.inputs) === null || _p === void 0 ? void 0 : _p.documents.length) }) }), h(AddIcon, { key: '3fb8beb241965d6c7978aedb8162c05e23a0fbbc', class: 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) }) }))), 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) }, 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'
|
|
231
245
|
? this.locale.documentLimitError + `${this.maximumDocumentFileSizeInMb}Mb`
|
|
232
|
-
: this.locale.documentRequiredError || this.locale.sharedLocales.errors.wildCard)), h("flexible-container", { key: '
|
|
246
|
+
: this.locale.documentRequiredError || this.locale.sharedLocales.errors.wildCard)), 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: "" }, 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) => {
|
|
233
247
|
var _a;
|
|
234
248
|
return (h("div", { class: cn('flex relative overflow-hidden max-w-[400px] items-center justify-between gap-[20px] bg-slate-400 rounded-[4px] text-white text-[14px]', {
|
|
235
249
|
'pointer-events-none bg-[#d5d5d5] cursor-default': disableInputs,
|
|
236
250
|
}) }, h("span", { title: doc.name, class: "truncate ps-[16px] py-[8px]" }, doc.name), h("button", { disabled: disableInputs, onClick: () => this.clearFile(idx), class: cn('overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]', {
|
|
237
251
|
'pointer-events-none cursor-default': !((_a = this.inputs) === null || _a === void 0 ? void 0 : _a.documents.length),
|
|
238
252
|
}) }, h(AddIcon, { class: "size-[24px] rotate-[45deg]" }))));
|
|
239
|
-
}))))), isQRScannerForm && (h("div", { key: '
|
|
253
|
+
}))))), isQRScannerForm && (h("div", { key: '26d98b8f4214d2ec2df7dcc360ba39af29f8bc40', class: "overflow-hidden w-full" }, 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 && (h("div", { key: 'ebdb3667b0d0785ff7f226e189f0ce8a86af97a0', class: "flex w-full overflow-hidden gap-[75px]" }, 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]" }), 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]" }))), 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]" }, h(ActivationIcon, { key: 'ad380f096290a206a19449928f42efb5550adc30', class: "size-[30px] [&_circle]:fill-white stroke-white text-red-300" }), h("span", { key: '5d6ffb12f5c2ebe79d483141e3eb5c012d185e11' }, this.locale.claim))), h("div", { key: 'f30065ad52e07d019c196e7ad36e0b25d8ec23e1', class: "shrink-0 h-[16px]" })))));
|
|
240
254
|
}
|
|
241
255
|
static get is() { return "vehicle-item-claim-form"; }
|
|
242
256
|
static get encapsulation() { return "shadow"; }
|
|
@@ -277,7 +291,7 @@ export class VehicleItemClaimForm {
|
|
|
277
291
|
"mutable": false,
|
|
278
292
|
"complexType": {
|
|
279
293
|
"original": "VehicleServiceItemDTO",
|
|
280
|
-
"resolved": "{ group: VehicleServiceItemGroup; showDocumentUploader: boolean; documentUploaderIsRequired: boolean; name: string; description: string; title: string; image: string; type: string; typeEnum: \"Free\" | \"Paid\"; activatedAt: string; expiresAt?: string; status: string; statusEnum: \"Processed\" | \"Expired\" | \"Pending\" | \"Cancelled\" | \"ActivationRequired\"; campaignID?: number; campaignUniqueReference: string; packageCode: string; cost?: number; claimDate?: string; modelCostID?: number; serviceItemID: number; paidServiceInvoiceLineID?: number; companyID: string; companyName: string; invoiceNumber: string; jobNumber: string; maximumMileage?: number; claimable: boolean; claimingMethodEnum: \"ClaimByScanningQRCode\" | \"ClaimByEnteringInvoiceAndJobNumber\"; vehicleInspectionID: string; signature: string; signatureExpiry: string; }",
|
|
294
|
+
"resolved": "{ group: VehicleServiceItemGroup; showDocumentUploader: boolean; warnings?: VehicleItemWarning[]; printUrl?: string; documentUploaderIsRequired: boolean; name: string; description: string; title: string; image: string; type: string; typeEnum: \"Free\" | \"Paid\"; activatedAt: string; expiresAt?: string; status: string; statusEnum: \"Processed\" | \"Expired\" | \"Pending\" | \"Cancelled\" | \"ActivationRequired\"; campaignID?: number; campaignUniqueReference: string; packageCode: string; cost?: number; claimDate?: string; modelCostID?: number; serviceItemID: number; paidServiceInvoiceLineID?: number; companyID: string; companyName: string; invoiceNumber: string; jobNumber: string; maximumMileage?: number; claimable: boolean; claimingMethodEnum: \"ClaimByScanningQRCode\" | \"ClaimByEnteringInvoiceAndJobNumber\"; vehicleInspectionID: string; signature: string; signatureExpiry: string; }",
|
|
281
295
|
"references": {
|
|
282
296
|
"VehicleServiceItemDTO": {
|
|
283
297
|
"location": "import",
|
|
@@ -295,25 +309,6 @@ export class VehicleItemClaimForm {
|
|
|
295
309
|
"getter": false,
|
|
296
310
|
"setter": false
|
|
297
311
|
},
|
|
298
|
-
"unInvoicedByBrokerName": {
|
|
299
|
-
"type": "string",
|
|
300
|
-
"attribute": "un-invoiced-by-broker-name",
|
|
301
|
-
"mutable": false,
|
|
302
|
-
"complexType": {
|
|
303
|
-
"original": "string",
|
|
304
|
-
"resolved": "string",
|
|
305
|
-
"references": {}
|
|
306
|
-
},
|
|
307
|
-
"required": false,
|
|
308
|
-
"optional": true,
|
|
309
|
-
"docs": {
|
|
310
|
-
"tags": [],
|
|
311
|
-
"text": ""
|
|
312
|
-
},
|
|
313
|
-
"getter": false,
|
|
314
|
-
"setter": false,
|
|
315
|
-
"reflect": false
|
|
316
|
-
},
|
|
317
312
|
"maximumDocumentFileSizeInMb": {
|
|
318
313
|
"type": "number",
|
|
319
314
|
"attribute": "maximum-document-file-size-in-mb",
|
|
@@ -353,31 +348,6 @@ export class VehicleItemClaimForm {
|
|
|
353
348
|
"reflect": false,
|
|
354
349
|
"defaultValue": "true"
|
|
355
350
|
},
|
|
356
|
-
"canceledItems": {
|
|
357
|
-
"type": "unknown",
|
|
358
|
-
"attribute": "canceled-items",
|
|
359
|
-
"mutable": false,
|
|
360
|
-
"complexType": {
|
|
361
|
-
"original": "VehicleServiceItemDTO[]",
|
|
362
|
-
"resolved": "VehicleServiceItemDTO[]",
|
|
363
|
-
"references": {
|
|
364
|
-
"VehicleServiceItemDTO": {
|
|
365
|
-
"location": "import",
|
|
366
|
-
"path": "~types/generated/vehicle-lookup/vehicle-service-item-dto",
|
|
367
|
-
"id": "src/global/types/generated/vehicle-lookup/vehicle-service-item-dto.ts::VehicleServiceItemDTO"
|
|
368
|
-
}
|
|
369
|
-
}
|
|
370
|
-
},
|
|
371
|
-
"required": false,
|
|
372
|
-
"optional": true,
|
|
373
|
-
"docs": {
|
|
374
|
-
"tags": [],
|
|
375
|
-
"text": ""
|
|
376
|
-
},
|
|
377
|
-
"getter": false,
|
|
378
|
-
"setter": false,
|
|
379
|
-
"defaultValue": "[]"
|
|
380
|
-
},
|
|
381
351
|
"loadingStateChange": {
|
|
382
352
|
"type": "unknown",
|
|
383
353
|
"attribute": "loading-state-change",
|
|
@@ -402,7 +372,7 @@ export class VehicleItemClaimForm {
|
|
|
402
372
|
"mutable": false,
|
|
403
373
|
"complexType": {
|
|
404
374
|
"original": "{ sharedLocales: SharedLocales } & ClaimFormType",
|
|
405
|
-
"resolved": "{ sharedLocales: { lang?: string; direction?: string; language?: string; noData?: string; errors?: { noBaseUrl?: string; invalidVin?: string; vinNumberRequired?: string; partNumberRequired?: string; wrongResponseFormat?: string; noPartsFound?: string; noServiceAvailable?: string; wrongFormStructure?: string; wildCard?: string; requestFailedPleaseTryAgainLater?: string; }; }; } & { name?: string; uploadSingleDocument?: string; uploadMultipleDocument?: string; serviceType?: string; documentLimitError?: string; documentRequiredError?: string; activationDate?: string; expireDate?: string; packageCode?: string; scanTheVoucher?: string; qrCode?: string; processing?: string;
|
|
375
|
+
"resolved": "{ sharedLocales: { lang?: string; direction?: string; language?: string; noData?: string; errors?: { noBaseUrl?: string; invalidVin?: string; vinNumberRequired?: string; partNumberRequired?: string; wrongResponseFormat?: string; noPartsFound?: string; noServiceAvailable?: string; wrongFormStructure?: string; wildCard?: string; requestFailedPleaseTryAgainLater?: string; }; }; } & { name?: string; print?: string; expand?: string; uploadSingleDocument?: string; uploadMultipleDocument?: string; serviceType?: string; documentLimitError?: string; documentRequiredError?: string; activationDate?: string; expireDate?: string; packageCode?: string; scanTheVoucher?: string; qrCode?: string; processing?: string; enterServiceInfo?: string; invoice?: string; jobNumber?: string; claim?: string; }",
|
|
406
376
|
"references": {
|
|
407
377
|
"SharedLocales": {
|
|
408
378
|
"location": "import",
|
|
@@ -457,6 +427,7 @@ export class VehicleItemClaimForm {
|
|
|
457
427
|
}
|
|
458
428
|
static get states() {
|
|
459
429
|
return {
|
|
430
|
+
"expandedImage": {},
|
|
460
431
|
"uploadProgress": {},
|
|
461
432
|
"isOpened": {},
|
|
462
433
|
"isLoading": {},
|
|
@@ -535,6 +506,9 @@ export class VehicleItemClaimForm {
|
|
|
535
506
|
static get elementRef() { return "el"; }
|
|
536
507
|
static get watchers() {
|
|
537
508
|
return [{
|
|
509
|
+
"propName": "expandedImage",
|
|
510
|
+
"methodName": "onImageViewerToggles"
|
|
511
|
+
}, {
|
|
538
512
|
"propName": "isLoading",
|
|
539
513
|
"methodName": "onIsLoadingChange"
|
|
540
514
|
}];
|
|
@@ -68,7 +68,7 @@ export class VehiclePaintThickness {
|
|
|
68
68
|
label: texts.right,
|
|
69
69
|
},
|
|
70
70
|
];
|
|
71
|
-
return (h(Host, { key: '
|
|
71
|
+
return (h(Host, { key: '6886d4c7013b629a835d0f78a30677758dbcfcf5' }, h(ImageViewer, { key: 'bfef289e17d3f979ffe7eeaa22b9946f728f3dc5', closeImageViewer: () => closeImageViewer.bind(this)(), expandedImage: this.expandedImage }), h(VehicleInfoLayout, { key: '063eee0edeebb0791f6294ca74308cb35abace8d', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_c = this.vehicleLookup) === null || _c === void 0 ? void 0 : _c.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: '26805620f513bde7cb75508679c1a89b93a69d63', class: "overflow-x-auto" }, h("information-table", { key: '080698aefdad0ba1d5adc77f833ca1dfc958563c', rows: parts, headers: tableHeaders, isLoading: this.isLoading })), h("flexible-container", { key: '532367eeed37b4c42a939f338adb6d551404d6d7', isOpened: !this.isLoading && !!(imageGroups === null || imageGroups === void 0 ? void 0 : imageGroups.length) }, h("div", { key: '902ce4088e113a85c8d8c9d12686fc01be15c267', class: "py-[16px] gap-[16px] justify-center flex flex-wrap px-[24px] w-full" }, imageGroups === null || imageGroups === void 0 ? void 0 : imageGroups.map((imageGroup, index) => (h("div", { class: "shrink-0 rounded-lg shadow-sm border overflow-hidden flex flex-col", key: (imageGroup === null || imageGroup === void 0 ? void 0 : imageGroup.name) + index }, h("h1", { class: "text-center border-b bg-slate-50 font-semibold p-[6px]" }, h("span", { class: "shift-skeleton" }, imageGroup === null || imageGroup === void 0 ? void 0 : imageGroup.name)), h("div", { class: "flex max-w-full flex-wrap p-[12px] gap-[8px]" }, imageGroup === null || imageGroup === void 0 ? void 0 : imageGroup.images.map((image, idx) => (h("div", { class: cn('flex shift-skeleton gap-[8px]', { loading: !image }), key: image + idx }, h("button", { onClick: ({ target }) => openImageViewer.bind(this)(target, image), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, 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" }, h("img", { src: Eye }), h("span", { class: "text-white" }, texts.expand)), h("img", { src: image, class: "h-[150px] cursor-pointer shadow-sm rounded-lg w-[84px] transition-all duration-300" }))))))))))))));
|
|
72
72
|
}
|
|
73
73
|
static get is() { return "vehicle-paint-thickness"; }
|
|
74
74
|
static get encapsulation() { return "shadow"; }
|
|
@@ -75,7 +75,7 @@ export class VehicleServiceHistory {
|
|
|
75
75
|
label: this.locale.odometer,
|
|
76
76
|
},
|
|
77
77
|
];
|
|
78
|
-
return (h(Host, { key: '
|
|
78
|
+
return (h(Host, { key: '6445513385655743e4bd18eab21306a4fd2b9dd7' }, h(VehicleInfoLayout, { key: 'b07a1ae283711597e88916956ca1a20eff80713d', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_a = this.vehicleLookup) === null || _a === void 0 ? void 0 : _a.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: '75822ceab2912bee387b016a5aa374b44b3b65fd', class: "overflow-x-auto" }, h("information-table", { key: 'c4a753139517f33def5003c28124870cfb59e37e', rows: ((_b = this.vehicleLookup) === null || _b === void 0 ? void 0 : _b.serviceHistory) || [], headers: tableHeaders, isLoading: this.isLoading })))));
|
|
79
79
|
}
|
|
80
80
|
static get is() { return "vehicle-service-history"; }
|
|
81
81
|
static get encapsulation() { return "shadow"; }
|
|
@@ -58,7 +58,7 @@ export class VehicleSpecification {
|
|
|
58
58
|
catch (error) {
|
|
59
59
|
productionDate = null;
|
|
60
60
|
}
|
|
61
|
-
return (h(Host, { key: '
|
|
61
|
+
return (h(Host, { key: '4dd2a0833f9ec6fb6373de9695101ec7920f8b57' }, h(VehicleInfoLayout, { key: '623db7b73e5ba602cd347433107ebd60aa84bb4f', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_e = this.vehicleLookup) === null || _e === void 0 ? void 0 : _e.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("flexible-container", { key: 'e09a8f6389267f210883dbeb1993cafe5855668d' }, h("div", { key: '72160db9d59c847c81539225707ac93df0ec8f05', class: "flex p-[16px] [&>div]:grow overflow-auto gap-[16px] items-stretch justify-center md:justify-between flex-wrap" }, h(MaterialCard, { key: '7a3081aa95fe1245b13a72c0048c0c34bb80e262', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.model, minWidth: "300px" }, h(MaterialCardChildren, { key: '3814d9af70bcf5822e998e341a541d15b35f8311', class: "text-center", hidden: !((_h = (_g = (_f = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _f === void 0 ? void 0 : _f.vehicleVariantInfo) === null || _g === void 0 ? void 0 : _g.modelCode) === null || _h === void 0 ? void 0 : _h.trim()) && !((_l = (_k = (_j = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _j === void 0 ? void 0 : _j.vehicleSpecification) === null || _k === void 0 ? void 0 : _k.modelDescription) === null || _l === void 0 ? void 0 : _l.trim()) }, ((_p = (_o = (_m = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _m === void 0 ? void 0 : _m.vehicleVariantInfo) === null || _o === void 0 ? void 0 : _o.modelCode) === null || _p === void 0 ? void 0 : _p.trim()) || '', " ", h("br", { key: 'b284879a552fe933450b6a30fbe919eaafc86946', class: "my-2" }), ((_s = (_r = (_q = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _q === void 0 ? void 0 : _q.vehicleSpecification) === null || _r === void 0 ? void 0 : _r.modelDescription) === null || _s === void 0 ? void 0 : _s.trim()) || '')), h(MaterialCard, { key: '1bcc6fb204424f2251d798f073b0ad95a27572e1', class: "grow", title: texts === null || texts === void 0 ? void 0 : texts.variant, minWidth: "300px" }, h(MaterialCardChildren, { key: 'fddc7998dcd4478536a7e951b670895e35dfc78b', class: "text-center", hidden: !((_v = (_u = (_t = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _t === void 0 ? void 0 : _t.identifiers) === null || _u === void 0 ? void 0 : _u.variant) === null || _v === void 0 ? void 0 : _v.trim()) && !((_y = (_x = (_w = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _w === void 0 ? void 0 : _w.vehicleSpecification) === null || _x === void 0 ? void 0 : _x.variantDescription) === null || _y === void 0 ? void 0 : _y.trim()) }, ((_1 = (_0 = (_z = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _z === void 0 ? void 0 : _z.identifiers) === null || _0 === void 0 ? void 0 : _0.variant) === null || _1 === void 0 ? void 0 : _1.trim()) || '', " ", h("br", { key: 'a02fbaf4fc618bd7919bfdd3af1494e3e50bef73' }), ((_4 = (_3 = (_2 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _2 === void 0 ? void 0 : _2.vehicleSpecification) === null || _3 === void 0 ? void 0 : _3.variantDescription) === null || _4 === void 0 ? void 0 : _4.trim()) || '')), h(MaterialCard, { key: '5603fc09bf23d3df065428310f431d121c69d39c', desc: ((_7 = (_6 = (_5 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _5 === void 0 ? void 0 : _5.identifiers) === null || _6 === void 0 ? void 0 : _6.katashiki) === null || _7 === void 0 ? void 0 : _7.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.katashiki, minWidth: "250px" }), h(MaterialCard, { key: '9b52bdf96cdc83289e5bc556e348815449aef98b', desc: ((_11 = (_10 = (_9 = (_8 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _8 === void 0 ? void 0 : _8.vehicleVariantInfo) === null || _9 === void 0 ? void 0 : _9.modelYear) === null || _10 === void 0 ? void 0 : _10.toString()) === null || _11 === void 0 ? void 0 : _11.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.modelYear, minWidth: "250px" }), h(MaterialCard, { key: '7f88b44b9ab717a54a4d0544c111318a94a2f085', desc: !!productionDate ? productionDate : '', title: texts === null || texts === void 0 ? void 0 : texts.productionDate, minWidth: "250px" }), h(MaterialCard, { key: '34e3948ea4f5e441d37550a5a24bb6e42487a9d0', desc: ((_14 = (_13 = (_12 = this === null || this === void 0 ? void 0 : this.vehicleLookup) === null || _12 === void 0 ? void 0 : _12.vehicleVariantInfo) === null || _13 === void 0 ? void 0 : _13.sfx) === null || _14 === void 0 ? void 0 : _14.trim()) || '', title: texts === null || texts === void 0 ? void 0 : texts.sfx, minWidth: "250px" }))))));
|
|
62
62
|
}
|
|
63
63
|
static get is() { return "vehicle-specification"; }
|
|
64
64
|
static get encapsulation() { return "shadow"; }
|
|
@@ -88,7 +88,7 @@ export class VehicleWarrantyDetails {
|
|
|
88
88
|
clearInterval(this.recaptchaIntervalRef);
|
|
89
89
|
if (this.isDev) {
|
|
90
90
|
this.checkingUnauthorizedSSC = true;
|
|
91
|
-
this.showRecaptcha = false;
|
|
91
|
+
//this.showRecaptcha = false;
|
|
92
92
|
await new Promise(r => setTimeout(r, 3000));
|
|
93
93
|
this.checkingUnauthorizedSSC = false;
|
|
94
94
|
const hasPendingSSC = Math.random() < 0.5 ? false : true;
|
|
@@ -179,11 +179,11 @@ export class VehicleWarrantyDetails {
|
|
|
179
179
|
: '...')),
|
|
180
180
|
}));
|
|
181
181
|
const templateRow = {
|
|
182
|
-
sscTableOPCode: () => h("div", { key: '
|
|
183
|
-
sscTablePartNumber: () => h("div", { key: '
|
|
184
|
-
sscTableRepairStatus: () => h("div", { key: '
|
|
182
|
+
sscTableOPCode: () => h("div", { key: '145bdacac77e352a420afb3dfdae987c59e96ccc', class: "h-[25px]" }),
|
|
183
|
+
sscTablePartNumber: () => h("div", { key: 'c76255afbb240a0787bbbf2e25f67a91583a8900', class: "h-[25px]" }),
|
|
184
|
+
sscTableRepairStatus: () => h("div", { key: '0c8afa1814a10cca073f3bcecdab7e117d52737f', class: "h-[25px]" }),
|
|
185
185
|
};
|
|
186
|
-
return (h(Host, { key: '
|
|
186
|
+
return (h(Host, { key: 'd18fc03148cf7bfa736646bc12459adcb7a68743' }, h(VehicleInfoLayout, { key: 'd47820182d0ec1db9805cd45931c6515da9b1057', isError: this.isError, coreOnly: this.coreOnly, isLoading: this.isLoading, header: (_c = this.vehicleLookup) === null || _c === void 0 ? void 0 : _c.vin, direction: this.locale.sharedLocales.direction, errorMessage: this.locale.sharedLocales.errors[this.errorMessage] || this.locale.sharedLocales.errors.wildCard }, h("div", { key: 'd11f5457ddedbe760429f9b83ea531c61ef091c6', class: "p-[16px]" }, this.showWarranty && (h(CardsContainer, { key: '8b297007014c0e15b8fa1a98a6fd0b0e2da99755', isLoading: this.isLoading, warrantyLocale: this.locale, vehicleInformation: this.vehicleLookup, isAuthorized: (_d = this.vehicleLookup) === null || _d === void 0 ? void 0 : _d.isAuthorized, unInvoicedByBrokerName: this.unInvoicedByBrokerName })), h("div", { key: 'b637d62df94933cbcc563da259d056c5ae8ab684', class: "h-[8px]" }), h("flexible-container", { key: 'a124134b841ce7a83ae63b957c8612f74808d94a', isOpened: this.showRecaptcha, classes: cn('w-fit mx-auto shift-skeleton', { loading: !this.showRecaptcha || this.isLoading }) }, h("div", { key: '0dd38af6b0ef795693caedef947d91581f3701c5', style: { height: 'auto' }, class: "recaptcha-container" }, h("slot", { key: 'dae3cd2cee93fbad4abbd57aac157c08a9c72d13' })), this.recaptchaRes && (h("div", { key: '673b716b3b41d0568add34a457faa0e5bb356102', class: cn('recaptcha-response', !((_e = this.recaptchaRes) === null || _e === void 0 ? void 0 : _e.hasSSC) ? 'success-card' : 'reject-card ') }, this.locale[(_f = this.recaptchaRes) === null || _f === void 0 ? void 0 : _f.message])))), h("flexible-container", { key: '6588f5fd729a64e038eafca51bd7e7bb806a6e08', isOpened: this.checkingUnauthorizedSSC, classes: "w-fit mx-auto" }, h("div", { key: '566fcc09483957c48bd4b16639690f72e08386d6', class: "pt-[16px]" }, h("div", { key: 'd9ed3e4ad79796462aa733b7267636fd9debb8a8', class: "flex shift-skeleton flex-col gap-[8px]" }, h("strong", { key: '7543eff90881fdfcd721fc9740e5ae262a785a32' }, this.locale.checkingTMC), h("div", { key: '40982b8646c2a97fadb05a0019d8a6aa21364b39', class: "relative pt-[40px]" }, h("loading-spinner", { key: '77245a2a42c5da69b57a9f5ab86a0238d958119a', isLoading: this.checkingUnauthorizedSSC }))))), h("div", { key: '1c22903de100b3db477a640a49a8e99a6e87e2d1', class: "mt-[32px] mx-auto w-fit max-w-full" }, h("div", { key: '590c471d7ada4d62ffdd4296b67e6f99afa1cfb7', class: "bg-[#f6f6f6] h-[50px] flex items-center justify-center px-[16px] font-bold text-[18px]" }, this.locale.sscCampings), h("div", { key: 'a5215fd91c4480fb93b3f35c70e8bf4e0c309889', class: "overflow-x-auto" }, h("information-table", { key: 'de4fbfa68c26c5303743fc82554baa2679114622', isLoading: this.isLoading, templateRow: templateRow, rows: rows, headers: tableHeaders }))))));
|
|
187
187
|
}
|
|
188
188
|
static get is() { return "vehicle-warranty-details"; }
|
|
189
189
|
static get encapsulation() { return "shadow"; }
|
|
@@ -339,7 +339,7 @@ export class VinExtractor {
|
|
|
339
339
|
}
|
|
340
340
|
render() {
|
|
341
341
|
const ariaExpanded = this.isOpen && this.isCameraReady && (this.useOcr || this.readSticker);
|
|
342
|
-
return (h(Host, { key: '
|
|
342
|
+
return (h(Host, { key: '98a1c5d51d6af8185e78f6e6a96cb49022b94a22' }, h("slot", { key: 'ddb94ab40e8ae57858f383af8ac0f99a79d27a4b' }), h("input", Object.assign({ key: '489990f1d0edac7e4971d8fecbb0aa6ef87f515c', class: "vin-extractor-input", type: "file", accept: "image/*" }, (this.captureEnvironment ? { capture: 'environment' } : {}), { hidden: true })), h("canvas", { key: '354151d419d597b11319c632673f0854178cea94', class: "video-canvas hidden" }), !this.uploaderButtonId && (h("div", { key: '6ea70a9da437c4d1a24cbf37bd9176ef95bf2f75', onClick: () => (this.isOpen = false), "aria-expanded": ariaExpanded.toString(), class: "vin-extractor-background md:transition-all md:duration-300 fixed flex items-center justify-center w-[100dvw] h-[100dvh] top-0 left-0 z-[9999]" }, h("div", { key: 'f60a998bac4eba4fc446422cd1d5b31b6359b4bb', onClick: e => e.stopPropagation(), "aria-expanded": ariaExpanded.toString(), onAnimationEnd: () => (this.isAnimating = false), onAnimationStart: () => (this.isAnimating = true), class: cn('vin-extractor-container md:w-[600px] md:rounded-lg md:overflow-hidden opacity-0 md:h-auto w-full h-full relative transition-all duration-500', this.containerAnimation) }, h("div", { key: '52648c3b2044167ecc8b723491d1c4c72471b6be', class: "vin-extractor-heading items-center md:py-[8px] w-full md:!opacity-100 md:!translate-x-0 p-[16px] md:bg-white bg-black/30 shadow-md z-10 md:relative absolute top-0 left-0 flex justify-between" }, this.videoInputs.length > 1 ? (h("button", { type: "button", onClick: this.switchCamera, class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { width: "24", height: "24", 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: "size-full transition-all duration-300", style: { rotate: `${this.switchRotateDegree}deg` } }, h("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }), h("path", { d: "M21 3v5h-5" }), h("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }), h("path", { d: "M8 16H3v5" })))) : (h("div", { class: "size-8" })), h("h1", { key: 'a1902ca8239996fc722ff2aa5e54187f42ec45b6', class: "text-center md:text-3xl md:text-black text-slate-100 text-xl" }, this.title), h("button", { key: 'cd022cfbf1b98776931e2c0648e4bb6b3f52aa11', type: "button", onClick: () => (this.isOpen = false), class: "size-[32px] md:border-none md:bg-white md:hover:bg-slate-100 bg-slate-100 rounded-lg p-1 hover:text-slate-700 border transition-colors duration-300 hover:bg-slate-300 border-slate-600 text-slate-600 hover:border-slate-700" }, h("svg", { key: '6bc6cf39a43136dd3a306983ac465348c7af6f50', fill: "none", "stroke-width": "2", class: "size-full", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ae61bf2116852b86755bb70a24994ff4227275b1', d: "M18 6 6 18" }), h("path", { key: 'c132a07dbf8f3def6169e81076277eeb6b938191', d: "m6 6 12 12" })))), this.manualCapture && (h("button", { key: '1ad026ca247970d615fb43b4d615cb6db133cd84', type: "button", disabled: this.manualCaptureLoading, onClick: this.captureFrame.bind(this, true), class: "absolute disabled:bg-white/75 outline-none cursor-pointer left-1/2 -translate-x-1/2 flex justify-center items-center h-[60px] py-[10px] w-[100px] rounded-full shadow-lg border border-slate-500 text-slate-500 z-10 bg-white bottom-4" }, this.manualCaptureLoading ? (h("svg", { fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", class: "size-full animate-spin", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }))) : (h("svg", { fill: "none", "stroke-width": "2", class: "size-full", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }), h("circle", { cx: "12", cy: "13", r: "3" }))))), h("video", { key: '09e8defdd65d4d3ff886eaf37816c372654da06e', id: "video", autoPlay: true, playsInline: true, class: "video-player md:aspect-auto bg-black min-w-full min-h-full object-cover object-center" }))))));
|
|
343
343
|
}
|
|
344
344
|
static get is() { return "vin-extractor"; }
|
|
345
345
|
static get encapsulation() { return "shadow"; }
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { h } from "@stencil/core";
|
|
6
6
|
import cn from "../../global/lib/cn";
|
|
7
|
-
export const ImageViewer = ({ expandedImage, closeImageViewer }) => {
|
|
8
|
-
return (h("div", null, h("div", { onClick: closeImageViewer, class: cn('image-viewer-overlay', { active: expandedImage }), style: { backdropFilter: expandedImage ? 'blur(3px)' : 'blur(0px)' } }, h("button", { class: "image-viewer-close-btn" }, h("div", { class: "image-viewer-close-line first" }), h("div", { class: "image-viewer-close-line second" }))), h("img", { alt: "", class: "image-viewer-expanded-image" })));
|
|
7
|
+
export const ImageViewer = ({ expandedImage, style = {}, imageStyle = {}, closeImageViewer }) => {
|
|
8
|
+
return (h("div", null, h("div", { onClick: closeImageViewer, class: cn('image-viewer-overlay', { active: expandedImage }), style: Object.assign({ backdropFilter: expandedImage ? 'blur(3px)' : 'blur(0px)' }, style) }, h("button", { class: "image-viewer-close-btn" }, h("div", { class: "image-viewer-close-line first" }), h("div", { class: "image-viewer-close-line second" }))), h("img", { style: imageStyle, alt: "", class: "image-viewer-expanded-image" })));
|
|
9
9
|
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Built by ShiftSoftware
|
|
3
|
+
* Copyright (c)
|
|
4
|
+
*/
|
|
5
|
+
import { h } from "@stencil/core";
|
|
6
|
+
export const QuestionMark = props => (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" }, h("circle", { cx: "12", cy: "12", r: "10" }), h("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }), h("path", { d: "M12 17h.01" })));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -9,6 +9,8 @@ export const claimFormSchema = yupTypeMapper([
|
|
|
9
9
|
'uploadMultipleDocument',
|
|
10
10
|
'serviceType',
|
|
11
11
|
'name',
|
|
12
|
+
'print',
|
|
13
|
+
'expand',
|
|
12
14
|
'documentLimitError',
|
|
13
15
|
'documentRequiredError',
|
|
14
16
|
'activationDate',
|
|
@@ -17,11 +19,6 @@ export const claimFormSchema = yupTypeMapper([
|
|
|
17
19
|
'scanTheVoucher',
|
|
18
20
|
'qrCode',
|
|
19
21
|
'processing',
|
|
20
|
-
'warning',
|
|
21
|
-
'skipServicesWarning',
|
|
22
|
-
'confirmSkipServices',
|
|
23
|
-
'notInvoiced',
|
|
24
|
-
'confirmNotInvoiced',
|
|
25
22
|
'enterServiceInfo',
|
|
26
23
|
'invoice',
|
|
27
24
|
'jobNumber',
|