npm - adp-web-components - Versions diffs - 0.4.0 → 0.4.2 - Mend

adp-web-components 0.4.0 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (476) hide show

package/dist/esm/{vehicle-info-layout-Dmx94GLp.js → vehicle-info-layout-I6iG9Fcg.js} RENAMED Viewed

@@ -2,7 +2,7 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { h } from './index-CteZTPhq.js';
+import { h } from './index-CsEiWLCt.js';
 import { c as cn } from './cn-BK16Cn81.js';
 const VehicleInfoLayout = (props, children) => props.coreOnly ? (h("div", { class: cn({ loading: props.isLoading }) }, children)) : (h("div", { dir: props.direction, part: "vehicle-info-container", class: cn('vehicle-info-container', { loading: props.isLoading }) }, h("div", { part: "vehicle-info-header", class: "vehicle-info-header" }, h("strong", { part: "vehicle-info-header-vin", class: "vehicle-info-header-vin load-animation" }, props.isError ? (h("span", { dir: props.direction, style: { color: 'red' } }, props.errorMessage)) : (props.header)), props.headerRight && h("div", { class: "vehicle-info-header-action" }, props.headerRight)), h("div", { part: "vehicle-info-body", class: "vehicle-info-body" }, h("div", { part: "vehicle-info-content", class: "vehicle-info-content" }, children))));

package/dist/esm/vehicle-lookup.entry.js CHANGED Viewed

@@ -2,12 +2,13 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-CteZTPhq.js';
-import { g as getMockFile } from './get-mock-files-Dpb0udoz.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-CsEiWLCt.js';
+import { g as getMockFile } from './get-mock-files-DQV5ioOw.js';
 import { c as create$3, d as sharedLocalesSchema } from './types-BDhR4pDq.js';
 import { S as ServiceHistorySchema, p as paintThicknessSchema, c as claimableItemsSchema, s as specificationSchema, a as accessoriesSchema, b as sscSchema } from './type-CQsUzIOf.js';
-import { V as VehicleInfoLayout } from './vehicle-info-layout-Dmx94GLp.js';
-import { a as getLocaleLanguage, g as getSharedLocal } from './get-local-language-BLpgwBTx.js';
+import { V as VehicleInfoLayout } from './vehicle-info-layout-I6iG9Fcg.js';
+import { a as getLocaleLanguage, g as getSharedLocal } from './get-local-language-D9DW53vG.js';
+import './mock-assets-Bixlrdd4.js';
 import './cn-BK16Cn81.js';
 const vehicleLookupWrapperSchema = create$3({
@@ -19,7 +20,7 @@ const vehicleLookupWrapperSchema = create$3({
     serviceHistory: ServiceHistorySchema,
 });
-const vehicleLookupCss = () => `*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}: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}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.size-\\[32px\\]{height:32px;width:32px}.origin-left{transform-origin:left}.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}.justify-center{justify-content:center}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\\[\\#e0c97a\\]{--tw-border-opacity:1;border-color:rgb(224 201 122/var(--tw-border-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.text-\\[\\#c08a0e\\]{--tw-text-opacity:1;color:rgb(192 138 14/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;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))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.part-lookup,.part-lookup *{font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.trace-trigger-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(224 201 122/var(--tw-border-opacity,1));border-radius:9999px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(192 138 14/var(--tw-text-opacity,1));cursor:pointer;display:flex;height:32px;justify-content:center;transition-duration:.2s;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);width:32px}.trace-trigger-button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1));border-color:rgb(192 138 14/var(--tw-border-opacity,1));color:rgb(138 109 59/var(--tw-text-opacity,1))}.trace-trigger-button svg{height:18px;width:18px}.hover\\:border-\\[\\#c08a0e\\]:hover{--tw-border-opacity:1;border-color:rgb(192 138 14/var(--tw-border-opacity,1))}.hover\\:bg-\\[\\#fcf8e3\\]:hover{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.hover\\:text-\\[\\#8a6d3b\\]:hover{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.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%}.resize{resize:both}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}`;
+const vehicleLookupCss = () => `*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}: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}.\\!pointer-events-none{pointer-events:none!important}.absolute{position:absolute}.\\!relative{position:relative!important}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-10{z-index:10}.block{display:block}.flex{display:flex}.hidden{display:none}.size-\\[32px\\]{height:32px;width:32px}.origin-left{transform-origin:left}.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}.justify-center{justify-content:center}.\\!overflow-hidden{overflow:hidden!important}.rounded-\\[4px\\]{border-radius:4px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\\[\\#e0c97a\\]{--tw-border-opacity:1;border-color:rgb(224 201 122/var(--tw-border-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.text-\\[\\#c08a0e\\]{--tw-text-opacity:1;color:rgb(192 138 14/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.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-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shift-skeleton{border-radius:4px;position:relative!important}.loading .shift-skeleton,.loading.shift-skeleton{border-style:none!important;overflow:hidden!important;pointer-events:none!important;position:relative!important}.shift-skeleton:after{background:linear-gradient(-45deg,#d4d8de,#e2e5e9,#d4d8de);background-size:300% 300%;border-radius:inherit!important;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform-origin:left;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.loading .shift-skeleton:after,.loading.shift-skeleton:after{--tw-scale-x:1;animation:shimmer 2s ease-in-out infinite;opacity:1;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))}@keyframes shimmer{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.vehicle-info-container{background-color:#fdfdfd;border:1px solid #dcdcdc;border-radius:5px;box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:0;position:relative;transition-duration:.5s;transition-property:all}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f6f6f6;border-radius:5px;border-top:1px solid #dcdcdc;border-top-left-radius:0;border-top-right-radius:0}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.hide-scroll ::-webkit-scrollbar-thumb,.hide-scroll::-webkit-scrollbar-thumb,.loading ::-webkit-scrollbar-thumb{background:transparent}.vehicle-info-body{display:flex;flex-direction:column;overflow:hidden;position:relative;transition-duration:.5s;transition-property:all;transition-timing-function:ease-in-out}.vehicle-info-content{transition-duration:.5s;transition-property:all;width:100%}.vehicle-info-header{align-items:center;background-color:#f6f6f6;border:1px solid #ededed;display:flex;height:54px;justify-content:center;position:relative;text-align:center}.vehicle-info-header-action{align-items:center;display:flex;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vehicle-info-header-vin{display:inline-block;font-size:16px;transition-duration:.5s;transition-property:all}.vehicle-info-header-vin span{color:#ef4444}.loading .vehicle-info-header-vin{opacity:0;transform:scale(1.5);visibility:hidden}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.part-lookup,.part-lookup *{font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}.trace-trigger-button{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:rgb(224 201 122/var(--tw-border-opacity,1));border-radius:9999px;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(192 138 14/var(--tw-text-opacity,1));cursor:pointer;display:flex;height:32px;justify-content:center;transition-duration:.2s;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);width:32px}.trace-trigger-button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1));border-color:rgb(192 138 14/var(--tw-border-opacity,1));color:rgb(138 109 59/var(--tw-text-opacity,1))}.trace-trigger-button svg{height:18px;width:18px}.hover\\:border-\\[\\#c08a0e\\]:hover{--tw-border-opacity:1;border-color:rgb(192 138 14/var(--tw-border-opacity,1))}.hover\\:bg-\\[\\#fcf8e3\\]:hover{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.hover\\:text-\\[\\#8a6d3b\\]:hover{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.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)}.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)}.end-0{inset-inline-end:0}.top-full{top:100%}.my-auto{margin-bottom:auto;margin-top:auto}.me-\\[16px\\]{margin-inline-end:16px}.mt-\\[4px\\]{margin-top:4px}.size-\\[16px\\]{height:16px;width:16px}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.border-b{border-bottom-width:1px}.border-amber-500{--tw-border-opacity:1;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.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-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.text-center{text-align:center}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.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-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:.15s}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:border-amber-600:hover{--tw-border-opacity:1;border-color:rgb(217 119 6/var(--tw-border-opacity,1))}.hover\\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;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))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.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}.z-\\[999\\]{z-index:999}.h-\\[100dvh\\]{height:100dvh}.w-\\[100dvw\\]{width:100dvw}.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%}.resize{resize:both}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bottom-\\[40px\\]{bottom:40px}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.grid{display:grid}.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)}.-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,.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%}.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-\\[6px\\]{border-radius:6px}.border-\\[\\#f2aeb5\\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.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-\\[\\#f7d7d8\\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/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}.pt-\\[16px\\]{padding-top:16px}.text-\\[22px\\]{font-size:22px}.text-\\[\\#58151c\\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}`;
 const componentTags = {
     vehicleAccessories: 'vehicle-accessories',
@@ -151,10 +152,13 @@ const VehicleLookup = class {
         if (!this.componentsList)
             return;
         const mockData = await getMockFile('vehicle-lookup', this.mockUrl);
-        Object.values(this.componentsList).forEach(element => {
-            if (element)
-                element.setMockData(mockData);
-        });
+        await this.setMockData(mockData);
+    }
+    /** Replace every panel's mock map as one operation when a host changes environment. */
+    async setMockData(newMockData) {
+        if (!this.componentsList)
+            return;
+        await Promise.all(Object.values(this.componentsList).map(element => element === null || element === void 0 ? void 0 : element.setMockData(newMockData)));
     }
     async handleLoadData(newResponse, activeElement) {
         const generation = this.searchGeneration;
@@ -238,14 +242,14 @@ const VehicleLookup = class {
         if (!Object.values(componentTags).includes(this.activeElement) || hiddenSet.has(this.activeElement))
             return h("div", { class: "w-full h-[200px] text-[26px] text-red-600 flex items-center justify-center" }, "Invalid tag");
         const allComponents = {
-            'vehicle-specification': (h("vehicle-specification", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleSpecification }, props[componentTags.vehicleSpecification]))),
-            'vehicle-accessories': (h("vehicle-accessories", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleAccessories }, props[componentTags.vehicleAccessories]))),
-            'vehicle-sale-information': (h("vehicle-sale-information", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleSaleInformation }, props[componentTags.vehicleSaleInformation]))),
-            'vehicle-warranty-timeline': (h("vehicle-warranty-timeline", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleWarrantyTimeline }, props[componentTags.vehicleWarrantyTimeline]))),
-            'vehicle-ssc': (h("vehicle-ssc", Object.assign({ coreOnly: true, isDev: this.isDev, mockRecaptcha: this.mockRecaptcha, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, "lookup-query-string": this.sscQueryString, id: componentTags.vehicleSsc }, props[componentTags.vehicleSsc]))),
-            'vehicle-service-history': (h("vehicle-service-history", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleServiceHistory }, props[componentTags.vehicleServiceHistory]))),
-            'vehicle-paint-thickness': (h("vehicle-paint-thickness", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehiclePaintThickness }, props[componentTags.vehiclePaintThickness]))),
-            'vehicle-claimable-items': (h("vehicle-claimable-items", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, language: this.language, "query-string": this.queryString, id: componentTags.vehicleClaimableItems }, props[componentTags.vehicleClaimableItems]))),
+            'vehicle-specification': (h("vehicle-specification", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, today: this.today, language: this.language, "query-string": this.queryString, id: componentTags.vehicleSpecification }, props[componentTags.vehicleSpecification]))),
+            'vehicle-accessories': (h("vehicle-accessories", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, today: this.today, language: this.language, "query-string": this.queryString, id: componentTags.vehicleAccessories }, props[componentTags.vehicleAccessories]))),
+            'vehicle-sale-information': (h("vehicle-sale-information", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, today: this.today, language: this.language, "query-string": this.queryString, id: componentTags.vehicleSaleInformation }, props[componentTags.vehicleSaleInformation]))),
+            'vehicle-warranty-timeline': (h("vehicle-warranty-timeline", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, today: this.today, language: this.language, "query-string": this.queryString, id: componentTags.vehicleWarrantyTimeline }, props[componentTags.vehicleWarrantyTimeline]))),
+            'vehicle-ssc': (h("vehicle-ssc", Object.assign({ coreOnly: true, isDev: this.isDev, mockRecaptcha: this.mockRecaptcha, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, today: this.today, language: this.language, "query-string": this.queryString, "lookup-query-string": this.sscQueryString, id: componentTags.vehicleSsc }, props[componentTags.vehicleSsc]))),
+            'vehicle-service-history': (h("vehicle-service-history", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, today: this.today, language: this.language, "query-string": this.queryString, id: componentTags.vehicleServiceHistory }, props[componentTags.vehicleServiceHistory]))),
+            'vehicle-paint-thickness': (h("vehicle-paint-thickness", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, today: this.today, language: this.language, "query-string": this.queryString, id: componentTags.vehiclePaintThickness }, props[componentTags.vehiclePaintThickness]))),
+            'vehicle-claimable-items': (h("vehicle-claimable-items", Object.assign({ coreOnly: true, isDev: this.isDev, disableVinValidation: this.disableVinValidation, "base-url": this.baseUrl, today: this.today, language: this.language, "query-string": this.queryString, id: componentTags.vehicleClaimableItems }, props[componentTags.vehicleClaimableItems]))),
         };
         const componentList = Object.fromEntries(Object.entries(allComponents).filter(([key]) => !hiddenSet.has(key)));
         const claimableProps = props[componentTags.vehicleClaimableItems];

package/dist/esm/vehicle-quotation-form.entry.js CHANGED Viewed

@@ -2,13 +2,14 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { h, r as registerInstance, H as Host, g as getElement } from './index-CteZTPhq.js';
-import { L as LoaderIcon } from './loader-icon-BvAmA41s.js';
+import { h, r as registerInstance, H as Host, g as getElement } from './index-CsEiWLCt.js';
+import { L as LoaderIcon } from './loader-icon-CbaFiiB_.js';
 import { c as cn } from './cn-BK16Cn81.js';
 import { c as create$3, b as create$6, s as sharedFormLocalesSchema } from './types-BDhR4pDq.js';
-import { a as formLanguageChange, b as formLoadingHandler, c as formErrorHandler, d as formSuccessHandler, g as getMarketingValues, e as formDidLoadHandler, h as formGetFormHandler, i as handleFormSubmit, j as formStructureRenderedHandler, r as resolveIsMobileForm } from './functions-SHZO3nZB.js';
-import { g as getLanguageFromUrl } from './get-language-from-url-fV-K15uy.js';
-import './get-local-language-BLpgwBTx.js';
+import { a as formLanguageChange, b as formLoadingHandler, c as formErrorHandler, d as formSuccessHandler, g as getMarketingValues, e as formDidLoadHandler, h as formGetFormHandler, i as handleFormSubmit, j as formStructureRenderedHandler, r as resolveIsMobileForm } from './functions-M6Gsc8Mz.js';
+import { g as getLanguageFromUrl } from './get-language-from-url-Bq07dpsD.js';
+import './get-local-language-D9DW53vG.js';
+import './clock-DDWKS6lH.js';
 const cachedImages = {};
 const cacheImage = (form, imSrc, id) => {
@@ -415,9 +416,9 @@ const VehicleQuotationForm = class {
     // #endregion
     render() {
         var _a, _b;
-        return (h(Host, { key: '76c6d2fba843f5acbf06e9810d9cddb4df30adbc', translate: "no" }, h("div", { key: 'f716f9baa4d6aa35d6c22d0df278de2e597dd44d', part: `shift-form vehicle-quotation-${(_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme}` }, h("div", { key: '740565700b27cddeedb5f4247fe3284b5c192727', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '52d5ac47878650a3113fa06ccb68ef549afea15d', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
+        return (h(Host, { key: '995b7c4f3353267bb256b589455d8e13f73278c5', translate: "no" }, h("div", { key: '33842eadad96393cc82e2520a9f55f9729e27f8b', part: `shift-form vehicle-quotation-${(_b = (_a = this.structure) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.theme}` }, h("div", { key: '2a5e7aeec7af8ec931260f363b39c2694f6fc319', part: "form-container", class: "relative min-h-[150px]" }, h("div", { key: '34669161d7f1bc11db3f3cae498845efa24aed83', part: "form-loader-container", class: cn('form-loader-container absolute top-0 left-0 w-full h-full pointer-events-none flex justify-center items-center transition-opacity duration-500', {
                 'opacity-0': this.structureRendered,
-            }) }, h(LoaderIcon, { key: '8999a13e6be3a38f6a0389408d964849c15a23f9', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: '3ca4477df9b07efccf671cb5be2d641a32f878e2', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '5a694ea916830b0fb4f58cd0fdba3bbe94280e76', form: this.form, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: vehicleQuotationElements, successMessage: this.locale['Form submitted successfully.'] }, h("slot", { key: 'bdd5f5afa84aac180b79f0da015fed54ddddd27f' }))))))));
+            }) }, h(LoaderIcon, { key: '811251eb438ef9b09ac8f09756479cbe8b182284', part: "form-loader-icon", class: "img" })), h("flexible-container", { key: 'bc1828c09dc7bd21e5723fef5870f1977431062a', onlyForMounting: true, isOpened: this.structureRendered }, !!this.form && (h("form-structure", { key: '64658f46f9b5a5201896e2154da073f38a632f65', form: this.form, today: this.today, fields: this.fields, formId: this.formId, formLocale: this.locale, structure: this.structure, isLoading: this.isLoading, language: this.localeLanguage, errorMessage: this.errorMessage, formElementMapper: vehicleQuotationElements, successMessage: this.locale['Form submitted successfully.'] }, h("slot", { key: 'b3e34972f4b68e2ad387d5cae93a290e9a148195' }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/{white-loader-B3tJFuNO.js → white-loader-DusGamWD.js} RENAMED Viewed

@@ -2,7 +2,7 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import { h } from './index-CteZTPhq.js';
+import { h } from './index-CsEiWLCt.js';
 import { c as cn } from './cn-BK16Cn81.js';
 const appendClasses = (currentValue, value) => {

package/dist/integration-manifest.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "schemaVersion": 1,
   "package": "adp-web-components",
-  "packageVersion": "0.4.0",
+  "packageVersion": "0.4.2",
   "outputFamily": "per-component",
   "components": [
     {
@@ -42,12 +42,14 @@
           { "name": "mockUrl", "attribute": "mock-url", "type": "string", "default": null, "mutable": false, "required": false },
           { "name": "queryString", "attribute": "query-string", "type": "string", "default": null, "mutable": false, "required": false },
           { "name": "requestHeadersProvider", "type": "() => object | Promise<object>", "default": null, "mutable": false, "required": false },
-          { "name": "sscQueryString", "attribute": "ssc-query-string", "type": "string", "default": null, "mutable": false, "required": false }
+          { "name": "sscQueryString", "attribute": "ssc-query-string", "type": "string", "default": null, "mutable": false, "required": false },
+          { "name": "today", "attribute": "today", "type": "string", "default": null, "mutable": false, "required": false }
         ],
         "methods": [
           { "name": "fetchVin", "parameters": "(vin: string, headers?: any) => Promise<void>", "returns": "Promise<void>" },
           { "name": "handleLoadData", "parameters": "(newResponse: VehicleLookupDTO, activeElement: any) => Promise<void>", "returns": "Promise<void>" },
-          { "name": "setBlazorRef", "parameters": "(newBlazorRef: DotNetObjectReference) => Promise<void>", "returns": "Promise<void>" }
+          { "name": "setBlazorRef", "parameters": "(newBlazorRef: DotNetObjectReference) => Promise<void>", "returns": "Promise<void>" },
+          { "name": "setMockData", "parameters": "(newMockData: VehicleLookupMock) => Promise<void>", "returns": "Promise<void>" }
         ],
         "events": [],
         "dependencies": [
@@ -113,7 +115,8 @@
             "mutable": false,
             "required": false
           },
-          { "name": "queryString", "attribute": "query-string", "type": "string", "default": null, "mutable": false, "required": false }
+          { "name": "queryString", "attribute": "query-string", "type": "string", "default": null, "mutable": false, "required": false },
+          { "name": "today", "attribute": "today", "type": "string", "default": null, "mutable": false, "required": false }
         ],
         "methods": [
           { "name": "fetchVin", "parameters": "(newData: VehicleLookupDTO | string, headers?: any) => Promise<void>", "returns": "Promise<void>" },
@@ -170,7 +173,8 @@
             "mutable": false,
             "required": false
           },
-          { "name": "queryString", "attribute": "query-string", "type": "string", "default": null, "mutable": false, "required": false }
+          { "name": "queryString", "attribute": "query-string", "type": "string", "default": null, "mutable": false, "required": false },
+          { "name": "today", "attribute": "today", "type": "string", "default": null, "mutable": false, "required": false }
         ],
         "methods": [
           { "name": "fetchVin", "parameters": "(newData: VehicleLookupDTO | string, headers?: any) => Promise<void>", "returns": "Promise<void>" },
@@ -226,7 +230,8 @@
             "mutable": false,
             "required": false
           },
-          { "name": "queryString", "attribute": "query-string", "type": "string", "default": null, "mutable": false, "required": false }
+          { "name": "queryString", "attribute": "query-string", "type": "string", "default": null, "mutable": false, "required": false },
+          { "name": "today", "attribute": "today", "type": "string", "default": null, "mutable": false, "required": false }
         ],
         "methods": [
           { "name": "fetchVin", "parameters": "(newData: VehicleLookupDTO | string, headers?: any) => Promise<void>", "returns": "Promise<void>" },
@@ -282,7 +287,8 @@
             "mutable": false,
             "required": false
           },
-          { "name": "queryString", "attribute": "query-string", "type": "string", "default": null, "mutable": false, "required": false }
+          { "name": "queryString", "attribute": "query-string", "type": "string", "default": null, "mutable": false, "required": false },
+          { "name": "today", "attribute": "today", "type": "string", "default": null, "mutable": false, "required": false }
         ],
         "methods": [
           { "name": "fetchVin", "parameters": "(newData: VehicleLookupDTO | string, headers?: any) => Promise<void>", "returns": "Promise<void>" },
@@ -339,7 +345,8 @@
             "required": false
           },
           { "name": "queryString", "attribute": "query-string", "type": "string", "default": null, "mutable": false, "required": false },
-          { "name": "showCertificateButton", "attribute": "show-certificate-button", "type": "boolean", "default": null, "mutable": false, "required": false }
+          { "name": "showCertificateButton", "attribute": "show-certificate-button", "type": "boolean", "default": null, "mutable": false, "required": false },
+          { "name": "today", "attribute": "today", "type": "string", "default": null, "mutable": false, "required": false }
         ],
         "methods": [
           { "name": "fetchVin", "parameters": "(newData: VehicleLookupDTO | string, headers?: any) => Promise<void>", "returns": "Promise<void>" },
@@ -412,6 +419,7 @@
           { "name": "recaptchaKey", "attribute": "recaptcha-key", "type": "string", "default": null, "mutable": false, "required": false },
           { "name": "requestHeadersProvider", "type": "() => object | Promise<object>", "default": null, "mutable": false, "required": false },
           { "name": "showTrace", "attribute": "show-trace", "type": "boolean", "default": null, "mutable": false, "required": false },
+          { "name": "today", "attribute": "today", "type": "string", "default": null, "mutable": false, "required": false },
           { "name": "unauthorizedSscLookupBaseUrl", "attribute": "unauthorized-ssc-lookup-base-url", "type": "string", "default": null, "mutable": false, "required": false },
           {
             "name": "unauthorizedSscLookupQueryString",
@@ -496,7 +504,8 @@
             "mutable": false,
             "required": false
           },
-          { "name": "queryString", "attribute": "query-string", "type": "string", "default": null, "mutable": false, "required": false }
+          { "name": "queryString", "attribute": "query-string", "type": "string", "default": null, "mutable": false, "required": false },
+          { "name": "today", "attribute": "today", "type": "string", "default": null, "mutable": false, "required": false }
         ],
         "methods": [
           { "name": "clearData", "parameters": "() => Promise<void>", "returns": "Promise<void>" },
@@ -561,6 +570,7 @@
           { "name": "queryString", "attribute": "query-string", "type": "string", "default": null, "mutable": false, "required": false },
           { "name": "requestHeadersProvider", "type": "() => object | Promise<object>", "default": null, "mutable": false, "required": false },
           { "name": "showTrace", "attribute": "show-trace", "type": "boolean", "default": null, "mutable": false, "required": false },
+          { "name": "today", "attribute": "today", "type": "string", "default": null, "mutable": false, "required": false },
           {
             "name": "uploadMultipleDocumentsAtTheForm",
             "attribute": "upload-multiple-documents-at-the-form",

package/dist/mocks/assets/README.md ADDED Viewed

@@ -0,0 +1,54 @@
+# Demo images for the generated fixtures
+The generated fixtures (`../generated/<environment>/*.json`) point every picture at this
+directory through the CDN copy of the package:
+```
+https://cdn.jsdelivr.net/npm/adp-web-components@latest/dist/mocks/assets/<family>/<file>.svg
+```
+The Stencil build copies `features/mocks/data` to `dist/mocks` (and to `www/mocks` for the dev
+server), so the fixtures, the drawings and the components ship together: one URL works in the dev
+showcase, the docs site and any host running `isDev`, with no storage account, no token and no
+expiry. On the CDN a new file resolves from the first `release-web-components-*` tag that carries
+it; a dev build rewrites the prefix to `http://localhost:3000/mocks/` (`../mock-assets.ts`), so
+locally the pictures render straight away.
+Which file a fixture value maps to is decided by `ADP.TestData/Generator/DemoAssets.cs` — the
+mapping is deterministic, so regenerated fixtures stay byte-stable. Keep the two in step: a drawing
+added here is only reachable once the generator's known set names it.
+## Families
+One family per use, so no generic picture is reused across unrelated things.
+| Family | Files | Frame | Used by |
+|---|---|---|---|
+| `paint-panels/` | `<slug>.svg` (plan view: top-down car, that panel highlighted and labelled) and `<slug>-detail.svg` (close-up with a gauge marker) for `hood`, `roof`, `tail-gate`, `fender-{front,rear}-{left,right}`, `door-{front,rear}-{left,right}`; `panel.svg` is the unhighlighted fallback | 336 × 600, portrait — the gallery thumbnail is 84 × 150 | paint-thickness panel gallery and the certificate |
+| `badges/` | `badge-1.svg` … `badge-6.svg`, abstract marks (no wordmark: company names differ per environment) | 320 × 160 | extended-warranty provider logo on the warranty timeline (`CompanyLogoResolver`) |
+| `documents/` | `signed-claim-document.svg` (a claim form with a customer signature), `service-invoice-qr.svg` (an invoice with a QR placeholder — the pattern is not a real code) | 640 × 480 | the claim warnings' `imageUrl` (`StandardItemClaimWarnings` in the environment files) |
+| `accessories/` | `side-steps`, `roof-rails`, `roof-rack`, `floor-mats`, `mud-guards`, `tow-bar`; `accessory.svg` is the fallback carton | 400 × 300 | accessories panel (`AccessoryImageUrlResolver`) |
+## How a fixture reaches a file
+- **Paint panels** — the stored key is an upload path whose stem names the panel the way inspection
+  tools do, `[Side_][Position_]Type_N.jpg` (`Left_Front_Fender_1.jpg`, `Hood_2.jpg`,
+  `Tail_Gate_1.jpg`). Side and position tokens become the slug; an odd index is the plan view, an
+  even one the close-up, so the two photos an inspection stores per panel differ. Unknown stems get
+  `panel.svg`.
+- **Badges** — `badge-((companyId − 1) mod 6) + 1`.
+- **Accessories** — the stem of the stored key (`Uploads/accessories/<VIN>/side-steps.jpg`) names
+  the drawing; unknown stems get `accessory.svg`; a null key stays null (no picture).
+- **Documents** — referenced by URL directly from the environment files.
+## Source and licence
+Every file is an original vector drawing made for this repository, written deterministically by
+`automation/draw-demo-assets.mjs` (`npm run draw:demo-assets`; re-run it after editing the script
+rather than hand-editing an SVG). No photographs, no third-party artwork, no embedded fonts — text
+uses the viewer's system font. Licensed with the package (MIT, `package.json`). No file may
+reference a real brand, client, storage account or place; a CC0 photograph added later must be
+listed here with its source and licence.
+Budget: the whole set is under 100 KB; keep it well under 500 KB so the package does not grow
+noticeably.

package/dist/mocks/assets/accessories/accessory.svg ADDED Viewed

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+<style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
+<rect class="bg" width="400" height="300"/>
+<path class="k3" d="M110 120L200 80L290 120L200 160Z"/>
+<path class="k" d="M110 120L200 160V240L110 200Z"/>
+<path class="k2" d="M290 120L200 160V240L290 200Z"/>
+<path d="M155 100L245 140" stroke="#a1a1aa" stroke-width="12"/>
+<path d="M200 160V240" stroke="#f59e0b" stroke-width="4"/>
+<text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · PART</text>
+</svg>

package/dist/mocks/assets/accessories/floor-mats.svg ADDED Viewed

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+<style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
+<rect class="bg" width="400" height="300"/>
+<path class="k2" d="M150 92L300 78L332 214L188 236Z"/>
+<path d="M168 112L314 98" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M176 132L318 118" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M184 152L322 138" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M192 172L326 158" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M200 192L330 178" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M208 212L334 198" stroke="#52525b" stroke-width="3" stroke-linecap="round"/>
+<path class="k" d="M62 118L212 104L244 240L100 262Z"/>
+<path d="M80 138L226 124" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M86 158L230 144" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M92 178L234 164" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M98 198L238 184" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M104 218L242 204" stroke="#52525b" stroke-width="3" stroke-linecap="round"/><path d="M110 238L246 224" stroke="#52525b" stroke-width="3" stroke-linecap="round"/>
+<circle class="hl" cx="98" cy="128" r="7"/><circle cx="98" cy="128" r="3" fill="#7c2d12"/>
+<text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · FLOOR MATS</text>
+</svg>

package/dist/mocks/assets/accessories/mud-guards.svg ADDED Viewed

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+<style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
+<rect class="bg" width="400" height="300"/>
+<path class="k" d="M96 70Q70 130 92 210Q120 232 170 226Q160 160 196 100Q150 60 96 70Z"/>
+<path class="k3" d="M108 88Q88 140 104 200Q124 214 156 208Q152 160 176 108Q140 78 108 88Z"/>
+<circle cx="112" cy="100" r="4" fill="#d4d4d8"/><circle cx="104" cy="150" r="4" fill="#d4d4d8"/><circle cx="116" cy="198" r="4" fill="#d4d4d8"/><circle cx="156" cy="206" r="4" fill="#d4d4d8"/>
+<path class="k" d="M236 100Q224 154 240 218Q264 238 316 234Q306 174 322 114Q290 78 236 100Z"/>
+<path class="k3" d="M250 116Q240 154 250 208Q270 222 300 216Q294 174 306 128Q282 104 250 116Z"/>
+<circle cx="252" cy="124" r="4" fill="#d4d4d8"/><circle cx="246" cy="170" r="4" fill="#d4d4d8"/><circle cx="258" cy="212" r="4" fill="#d4d4d8"/><circle cx="298" cy="216" r="4" fill="#d4d4d8"/>
+<text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · MUD GUARDS</text>
+</svg>

package/dist/mocks/assets/accessories/roof-rack.svg ADDED Viewed

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+<style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
+<rect class="bg" width="400" height="300"/>
+<path class="ol" d="M90 96L310 96L340 190L60 190Z"/>
+<path class="ol" d="M90 96L90 84L310 84L310 96 M60 190L60 176L340 176L340 190"/>
+<path class="ol" d="M96 96L68 190"/><path class="ol" d="M148 96L134 190"/><path class="ol" d="M200 96L200 190"/><path class="ol" d="M252 96L266 190"/><path class="ol" d="M304 96L332 190"/>
+<path class="k2" d="M84 84h232v6H84z M56 176h288v6H56z"/>
+<rect class="k" x="112" y="196" width="14" height="30" rx="3"/><rect class="k" x="274" y="196" width="14" height="30" rx="3"/>
+<rect class="k3" x="100" y="226" width="38" height="8" rx="3"/><rect class="k3" x="262" y="226" width="38" height="8" rx="3"/>
+<text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · ROOF RACK</text>
+</svg>

package/dist/mocks/assets/accessories/roof-rails.svg ADDED Viewed

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+<style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
+<rect class="bg" width="400" height="300"/>
+<path class="al" d="M70 132Q200 96 330 132L330 142Q200 108 70 142Z"/>
+<path class="al2" d="M70 132Q200 96 330 132L330 136Q200 102 70 136Z"/>
+<path class="k" d="M64 132h20v18h-20z M170 108h20v18h-20z M316 132h20v18h-20z"/>
+<path class="al" d="M70 186Q200 150 330 186L330 196Q200 162 70 196Z"/>
+<path class="al2" d="M70 186Q200 150 330 186L330 190Q200 156 70 190Z"/>
+<path class="k" d="M64 186h20v18h-20z M170 162h20v18h-20z M316 186h20v18h-20z"/>
+<text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · ROOF RAILS</text>
+</svg>

package/dist/mocks/assets/accessories/side-steps.svg ADDED Viewed

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+<style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
+<rect class="bg" width="400" height="300"/>
+<path class="k2" d="M60 150L340 120L352 138L72 170Z"/>
+<path class="k" d="M72 170L352 138L352 154L72 186Z"/>
+<path class="al" d="M60 150L340 120L340 128L60 158Z"/>
+<path class="al2" d="M88 154.58l14 -1.5v6l-14 1.5z"/><path class="al2" d="M120 151.06l14 -1.5v6l-14 1.5z"/><path class="al2" d="M152 147.54l14 -1.5v6l-14 1.5z"/><path class="al2" d="M184 144.02l14 -1.5v6l-14 1.5z"/><path class="al2" d="M216 140.5l14 -1.5v6l-14 1.5z"/><path class="al2" d="M248 136.98l14 -1.5v6l-14 1.5z"/><path class="al2" d="M280 133.46l14 -1.5v6l-14 1.5z"/><path class="al2" d="M312 129.94l14 -1.5v6l-14 1.5z"/>
+<rect class="k3" x="110" y="176" width="14" height="40" rx="3"/><rect class="k3" x="280" y="158" width="14" height="40" rx="3"/>
+<rect class="k" x="100" y="212" width="34" height="10" rx="3"/><rect class="k" x="270" y="194" width="34" height="10" rx="3"/>
+<text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · SIDE STEPS</text>
+</svg>

package/dist/mocks/assets/accessories/tow-bar.svg ADDED Viewed

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+<style>.bg{fill:#f4f4f5}.k{fill:#27272a}.k2{fill:#3f3f46}.k3{fill:#52525b}.al{fill:#a1a1aa}.al2{fill:#d4d4d8}.ol{fill:none;stroke:#18181b;stroke-width:2;stroke-linejoin:round}.hl{fill:#f59e0b}.cap{fill:#71717a;font-size:11px;letter-spacing:.1em}</style>
+<rect class="bg" width="400" height="300"/>
+<rect class="k2" x="60" y="128" width="280" height="22" rx="6"/>
+<rect class="k" x="180" y="150" width="40" height="46" rx="4"/>
+<path class="k" d="M170 196h60l10 22h-80z"/>
+<rect class="al" x="196" y="86" width="8" height="42"/>
+<circle class="al" cx="200" cy="74" r="18"/><circle cx="192" cy="66" r="6" fill="#fff" opacity=".6"/>
+<circle cx="92" cy="139" r="5" fill="#d4d4d8"/><circle cx="132" cy="139" r="5" fill="#d4d4d8"/><circle cx="268" cy="139" r="5" fill="#d4d4d8"/><circle cx="308" cy="139" r="5" fill="#d4d4d8"/>
+<rect class="al2" x="120" y="200" width="160" height="6" rx="3"/>
+<text class="cap" x="200" y="282" text-anchor="middle" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">GENUINE ACCESSORY · TOW BAR</text>
+</svg>

package/dist/mocks/assets/badges/badge-1.svg ADDED Viewed

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
+<rect width="320" height="160" rx="24" fill="#1e3a5f"/>
+<rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#3b6ea5" stroke-width="3"/>
+<path d="M160 36L206 54V88C206 116 184 136 160 146C136 136 114 116 114 88V54Z" fill="#fff"/><path d="M136 92L160 70L184 92" fill="none" stroke="#1e3a5f" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/mocks/assets/badges/badge-2.svg ADDED Viewed

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
+<rect width="320" height="160" rx="24" fill="#14532d"/>
+<rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#3f8f5f" stroke-width="3"/>
+<path d="M160 34L204 57V103L160 126L116 103V57Z" fill="#fff"/><path d="M160 54L172 88H148Z M160 106L148 72H172Z" fill="#14532d"/>
+</svg>

package/dist/mocks/assets/badges/badge-3.svg ADDED Viewed

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
+<rect width="320" height="160" rx="24" fill="#7f1d1d"/>
+<rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#b45353" stroke-width="3"/>
+<circle cx="160" cy="80" r="46" fill="none" stroke="#fff" stroke-width="12"/><rect x="104" y="72" width="112" height="16" rx="8" fill="#fff"/>
+</svg>

package/dist/mocks/assets/badges/badge-4.svg ADDED Viewed

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
+<rect width="320" height="160" rx="24" fill="#27272a"/>
+<rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#71717a" stroke-width="3"/>
+<path d="M160 30L212 80L160 130L108 80Z" fill="#fff"/><path d="M160 58L182 80L160 102L138 80Z" fill="#27272a"/>
+</svg>

package/dist/mocks/assets/badges/badge-5.svg ADDED Viewed

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
+<rect width="320" height="160" rx="24" fill="#134e4a"/>
+<rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#3d8b84" stroke-width="3"/>
+<circle cx="160" cy="80" r="22" fill="#fff"/><path d="M130 80C110 60 86 56 62 62C86 74 108 84 130 80Z M190 80C210 60 234 56 258 62C234 74 212 84 190 80Z" fill="#fff"/>
+</svg>

package/dist/mocks/assets/badges/badge-6.svg ADDED Viewed

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="320" height="160" viewBox="0 0 320 160">
+<rect width="320" height="160" rx="24" fill="#312e81"/>
+<rect x="8" y="8" width="304" height="144" rx="18" fill="none" stroke="#6b67b8" stroke-width="3"/>
+<path d="M104 118L138 58L162 96L176 74L216 118Z" fill="#fff"/><path d="M104 44Q160 16 216 44" fill="none" stroke="#fff" stroke-width="8" stroke-linecap="round"/>
+</svg>

package/dist/mocks/assets/documents/service-invoice-qr.svg ADDED Viewed

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="640" height="480" viewBox="0 0 640 480">
+<style>.desk{fill:#e7e5e4}.page{fill:#fff;stroke:#d6d3d1}.ln{fill:#d6d3d1}.hd{fill:#3f3f46;font-size:20px;font-weight:700;letter-spacing:.04em}.sm{fill:#71717a;font-size:11px}.ink{fill:none;stroke:#1d4ed8;stroke-width:2.2;stroke-linecap:round}.rule{stroke:#a8a29e;stroke-width:1}.qr{fill:#18181b}</style>
+<rect class="desk" width="640" height="480"/>
+<rect x="150" y="26" width="340" height="428" rx="4" fill="#0000001a"/>
+<rect class="page" x="144" y="20" width="340" height="428" rx="4"/>
+<text class="hd" x="176" y="60" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">SERVICE INVOICE</text>
+<rect class="ln" x="176" y="78" width="120" height="6" rx="3"/><rect class="ln" x="176" y="92" width="90" height="6" rx="3"/><rect class="ln" x="176" y="106" width="150" height="6" rx="3"/>
+<rect x="368.3636363636364" y="40.36363636363637" width="87.27272727272727" height="87.27272727272727" fill="#fff"/><path class="qr" d="M401.09090909090907 44h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 44h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 47.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 47.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 51.27272727272727h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 51.27272727272727h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 54.90909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 54.90909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 54.90909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 58.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 58.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 62.18181818181818h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 62.18181818181818h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 65.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 65.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM372 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM379.27272727272725 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM386.54545454545456 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM390.1818181818182 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 73.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM375.6363636363636 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM379.27272727272725 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM386.54545454545456 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM397.45454545454544 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 76.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM372 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM382.90909090909093 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM390.1818181818182 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM393.8181818181818 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 80.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM375.6363636363636 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM382.90909090909093 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM386.54545454545456 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM393.8181818181818 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM397.45454545454544 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 84h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM372 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM375.6363636363636 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM386.54545454545456 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM390.1818181818182 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 87.63636363636363h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM379.27272727272725 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM382.90909090909093 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM393.8181818181818 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM397.45454545454544 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 91.27272727272728h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 94.9090909090909h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 94.9090909090909h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 94.9090909090909h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 98.54545454545455h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 102.18181818181819h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 105.81818181818181h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 109.45454545454545h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 113.0909090909091h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM404.72727272727275 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM419.27272727272725 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM422.9090909090909 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM430.1818181818182 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM437.45454545454544 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM444.72727272727275 116.72727272727272h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM401.09090909090907 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM408.3636363636364 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM412 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM415.6363636363636 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM426.54545454545456 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM433.8181818181818 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM441.0909090909091 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362zM448.3636363636364 120.36363636363636h3.6363636363636362v3.6363636363636362h-3.6363636363636362z"/><rect class="qr" x="372" y="44" width="25.454545454545453" height="25.454545454545453"/><rect x="375.6363636363636" y="47.63636363636363" width="18.18181818181818" height="18.18181818181818" fill="#fff"/><rect class="qr" x="379.27272727272725" y="51.27272727272727" width="10.909090909090908" height="10.909090909090908"/><rect class="qr" x="426.54545454545456" y="44" width="25.454545454545453" height="25.454545454545453"/><rect x="430.1818181818182" y="47.63636363636363" width="18.18181818181818" height="18.18181818181818" fill="#fff"/><rect class="qr" x="433.8181818181818" y="51.27272727272727" width="10.909090909090908" height="10.909090909090908"/><rect class="qr" x="372" y="98.54545454545455" width="25.454545454545453" height="25.454545454545453"/><rect x="375.6363636363636" y="102.18181818181819" width="18.18181818181818" height="18.18181818181818" fill="#fff"/><rect class="qr" x="379.27272727272725" y="105.81818181818181" width="10.909090909090908" height="10.909090909090908"/>
+<line class="rule" x1="176" y1="140" x2="452" y2="140"/>
+<rect x="176" y="150" width="276" height="16" fill="#f4f4f5"/>
+<rect class="ln" x="184" y="155" width="60" height="6" rx="3"/><rect class="ln" x="300" y="155" width="40" height="6" rx="3"/><rect class="ln" x="392" y="155" width="40" height="6" rx="3"/>
+<rect class="ln" x="184" y="182" width="100" height="6" rx="3"/><rect class="ln" x="184" y="196" width="130" height="6" rx="3"/><rect class="ln" x="184" y="210" width="90" height="6" rx="3"/><rect class="ln" x="184" y="224" width="120" height="6" rx="3"/><rect class="ln" x="184" y="238" width="110" height="6" rx="3"/><rect class="ln" x="300" y="182" width="40" height="6" rx="3"/><rect class="ln" x="300" y="196" width="40" height="6" rx="3"/><rect class="ln" x="300" y="210" width="40" height="6" rx="3"/><rect class="ln" x="300" y="224" width="40" height="6" rx="3"/><rect class="ln" x="300" y="238" width="40" height="6" rx="3"/><rect class="ln" x="392" y="182" width="44" height="6" rx="3"/><rect class="ln" x="392" y="196" width="44" height="6" rx="3"/><rect class="ln" x="392" y="210" width="44" height="6" rx="3"/><rect class="ln" x="392" y="224" width="44" height="6" rx="3"/><rect class="ln" x="392" y="238" width="44" height="6" rx="3"/>
+<line class="rule" x1="176" y1="262" x2="452" y2="262"/>
+<rect x="340" y="276" width="112" height="34" rx="3" fill="none" stroke="#a8a29e"/>
+<rect class="ln" x="350" y="290" width="40" height="6" rx="3"/><rect class="ln" x="404" y="290" width="40" height="6" rx="3"/>
+<rect class="ln" x="176" y="340" width="180" height="6" rx="3"/><rect class="ln" x="176" y="354" width="140" height="6" rx="3"/><rect class="ln" x="176" y="368" width="200" height="6" rx="3"/>
+<text class="sm" x="176" y="420" font-family="system-ui,-apple-system,'Segoe UI',Roboto,sans-serif">Scan the QR code to submit the claim</text>
+</svg>