adp-web-components 0.1.63 → 0.1.64

package/dist/shift-components/{p-BqVN5MXa.js → p-DO0hHkF_.js}

@@ -2,4 +2,4 @@
  * Built by ShiftSoftware
  * Copyright (c)
  */
-import{h as e}from"./p-Bf4Ol6Qt.js";import"./p-CWP4hZcw.js";import{d as l}from"./p-BILW0yP6.js";import{L as a,g as r}from"./p-D43Y2KJZ.js";import{c as i}from"./p-BK16Cn81.js";import{d as t}from"./p-XyQhTm0V.js";import{g as o}from"./p-D0IHkGuC.js";const n={};let c="";const s=({form:l})=>{var r,t,o,s;l.addWatcher("vehicle");let d=l.getValue("vehicle"),u=!!d;const v=null===(r=l.context.vehicleList)||void 0===r?void 0:r.find((e=>e.value===d));let p;v?(p=null===(t=null==v?void 0:v.meta)||void 0===t?void 0:t.image,d=v.value):l.context.vehicleList&&l.context.vehicleList[0]&&(p=null===(s=null===(o=l.context.vehicleList[0])||void 0===o?void 0:o.meta)||void 0===s?void 0:s.image,d=l.context.vehicleList[0].value);let h=!1;return n[d]?c=n[d]:l&&p&&d&&(((e,l,a)=>{fetch(l).then((e=>e.blob())).then((l=>{const r=new FileReader;r.onloadend=()=>{n[a]=r.result,e.rerender({rerenderForm:!0})},r.readAsDataURL(l)})).catch((e=>{console.log(e)}))})(l,p,d),h=!0),e("flexible-container",{isOpened:u},e("div",{style:{"min-height":"60px"},part:"vehicle-image-wrapper",class:i("vehicle-image-wrapper",{loading:h})},e("div",{part:i("vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":h}),class:i("loading-wrapper vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":h})},e(a,{part:"vehicle-image-loader-icon",class:"img vehicle-image-loader-icon"})),e("img",{alt:"vehicle image",part:"vehicle-image",src:c,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:h?"0":"1"}})))},d=l=>e("svg",Object.assign({fill:"none"},l,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),e("path",{d:"M8 2v4"}),e("path",{d:"M16 2v4"}),e("rect",{width:"18",height:"18",x:"3",y:"4",rx:"2"}),e("path",{d:"M3 10h18"}),e("path",{d:"M8 14h.01"}),e("path",{d:"M12 14h.01"}),e("path",{d:"M16 14h.01"}),e("path",{d:"M8 18h.01"}),e("path",{d:"M12 18h.01"}),e("path",{d:"M16 18h.01"})),u=(a,i={})=>Object.assign({submit:({props:l})=>e("form-submit",Object.assign({},l)),name:({props:l})=>e("form-input",Object.assign({},l)),lastName:({props:l})=>e("form-input",Object.assign({},l)),email:({props:l})=>e("form-input",Object.assign({type:"email"},l)),message:({props:l})=>e("form-text-area",Object.assign({},l)),vin:({props:l})=>e("form-vin-input",Object.assign({},l)),vehicleImage:({form:l})=>e(s,{form:l}),phone:({props:l,isLoading:i})=>(a.phoneValidator||(a.phoneValidator=r((null==l?void 0:l.countryCode)||"")),e("form-phone-number",Object.assign({defaultValue:a.phoneValidator.default},l,{isLoading:i,validator:a.phoneValidator}))),vehicle:({language:l,props:a})=>e("form-select",Object.assign({},a,{searchable:!0,fetcher:async({signal:e,context:r})=>{var i,t;let n=null===(i=new URLSearchParams(window.location.search).get(null==a?void 0:a.vehicleIdQueryParam)||"")||void 0===i?void 0:i.toLowerCase();const c=a.vehicleApi,s=await fetch(c,{signal:e,headers:{"Accept-Language":l}});let d,u=-1;return(null==a?void 0:a.dynamic)?(d=((e,l)=>{const a=[];return o(e,l.items).forEach((e=>{const r=o(e,l["item-value"]),i=o(e,l["item-label"]),t={value:(null==l?void 0:l.useNamedValue)?i:r,label:i};t.meta=Object.assign({},e),a.push(t)})),a})(await s.json(),a),d.forEach(((e,l)=>{var r,i;a.defaultValue||!n||(null===(r=null==e?void 0:e.label)||void 0===r?void 0:r.toLowerCase())!==n&&(null===(i=`${e.value}`)||void 0===i?void 0:i.toLowerCase())!==n||(u=l)}))):(null==a?void 0:a.vehiclesApiStrapiFormat)?(d=(await s.json()).data,d=d.map(((e,l)=>{var r,i,t;return a.defaultValue||!n||(null===(r=null==e?void 0:e.GradeName)||void 0===r?void 0:r.toLowerCase())!==n&&(null===(i=`${e.id}`)||void 0===i?void 0:i.toLowerCase())!==n||(u=l),{label:e.attributes.GradeName,value:(null==a?void 0:a.useNamedValue)?`${null===(t=null==e?void 0:e.attributes)||void 0===t?void 0:t.GradeName}`:`${e.id}`,meta:Object.assign(Object.assign({},e),{image:e.attributes.Cover.data.attributes.url})}}))):(d=await s.json(),d=d.map(((e,l)=>{var r,i;return a.defaultValue||!n||(null===(r=null==e?void 0:e.Title)||void 0===r?void 0:r.toLowerCase())!==n&&(null===(i=`${e.ID}`)||void 0===i?void 0:i.toLowerCase())!==n||(u=l),{label:e.Title,value:(null==a?void 0:a.useNamedValue)?`${e.Title}`:`${e.ID}`,meta:Object.assign(Object.assign({},e),{image:e.Image})}}))),r.defaultValue=(null==a?void 0:a.defaultValue)?null==a?void 0:a.defaultValue:u>-1?null===(t=d[u])||void 0===t?void 0:t.value:"",d},language:l})),companyBranchId:({language:l,props:a})=>e("form-select",Object.assign({},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const r=null==a?void 0:a.branchApi,i=await fetch(r,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),cityId:({language:l,props:a})=>e("form-select",Object.assign({},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const r=null==a?void 0:a.cityApi,i=await fetch(r,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),date:({props:l})=>e("form-picker-input",Object.assign({type:"date"},l,{icon:e(d,null)})),time:({language:a,props:r})=>e("form-select",Object.assign({},r,{clearable:!0,fetcher:async()=>{const e=[];if(Array.isArray(r.span)&&Array.isArray(r.min)&&Array.isArray(r.max)&&r.format){let a=t({offsets:r.min}),i=t({offsets:r.max});for(;l.isBefore(a,i)||l.isEqual(a,i);)e.push({value:l.format(a,r.format),label:l.format(a,r.format)}),a=t({offsets:r.span,date:a})}return e},language:a})),currentVehicleBrand:({form:l,language:a,props:r,locale:i})=>e("form-select",Object.assign({},r,{searchable:!0,fetcher:async({signal:e})=>{var a;const r=null===(a=l.context.structure)||void 0===a?void 0:a.data.currentVehiclesApi,t=await fetch(r,{signal:e,headers:{"Accept-Language":"en"}});return[...(await t.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:i.Other}]},language:a})),currentVehicleModel:({form:l,language:a,props:r,locale:i})=>{l.addWatcher("currentVehicleBrand");const t=null==l?void 0:l.getValue("currentVehicleBrand");return e("form-select",Object.assign({},r,{searchable:!0,fetcher:async({})=>{var e,a;if(!t)return[];const r=null===(a=null===(e=l.context.currentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===t)))||void 0===a?void 0:a.meta;return r?[...null==r?void 0:r.Models.map((e=>({label:e.Name,value:`${e.ID}`}))),{value:"Other",label:i.Other}]:[]},language:a,resetKey:t,fetcherKey:t,isRequired:"Other"!==t,isDisabled:!t||"Other"===t}))},ownVehicle:({language:l,props:a})=>e("form-select",Object.assign({},a,{fetcher:async({})=>{var e,r,i,t;return[{value:"yes",label:null===(r=null===(e=null==a?void 0:a.localization)||void 0===e?void 0:e[l])||void 0===r?void 0:r.yes},{value:"no",label:null===(t=null===(i=null==a?void 0:a.localization)||void 0===i?void 0:i[l])||void 0===t?void 0:t.no}]},language:l})),conditionalCurrentVehicleBrand:({form:l,language:a,props:r,locale:i})=>{l.addWatcher("ownVehicle");const t="yes"===(null==l?void 0:l.getValue("ownVehicle"));return e("form-select",Object.assign({},r,{searchable:!0,fetcher:async({signal:e})=>{const l=null==r?void 0:r.brandApi,a=await fetch(l,{signal:e,headers:{"Accept-Language":"en"}});return[...(await a.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:(null==r?void 0:r.useNamedValue)?e.Name:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:i.Other}]},language:a,resetKey:t,isRequired:t,isDisabled:!t}))},conditionalCurrentVehicleModel:({form:l,language:a,props:r,locale:i})=>{l.addWatcher("ownVehicle"),l.addWatcher("conditionalCurrentVehicleBrand");const t="yes"===(null==l?void 0:l.getValue("ownVehicle")),o=null==l?void 0:l.getValue("conditionalCurrentVehicleBrand");return e("form-select",Object.assign({},r,{searchable:!0,fetcher:async({})=>{var e,a;if(!o)return[];const t=null===(a=null===(e=l.context.conditionalCurrentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===o)))||void 0===a?void 0:a.meta;return t?[...null==t?void 0:t.Models.map((e=>({label:e.Name,value:(null==r?void 0:r.useNamedValue)?e.Name:`${e.ID}`}))),{value:"Other",label:i.Other}]:[]},language:a,resetKey:o,fetcherKey:o,isRequired:t&&"Other"!==o,isDisabled:!o||"Other"===o}))}},i),v=()=>({phoneValidator:void 0});export{v as a,u as g}
+import{h as e}from"./p-Bf4Ol6Qt.js";import"./p-CWP4hZcw.js";import{d as l}from"./p-BILW0yP6.js";import{L as a,g as r}from"./p-DOQtgS4h.js";import{c as i}from"./p-BK16Cn81.js";import{d as t}from"./p-XyQhTm0V.js";import{g as o}from"./p-D0IHkGuC.js";const n={};let c="";const s=({form:l})=>{var r,t,o,s;l.addWatcher("vehicle");let d=l.getValue("vehicle"),u=!!d;const v=null===(r=l.context.vehicleList)||void 0===r?void 0:r.find((e=>e.value===d));let p;v?(p=null===(t=null==v?void 0:v.meta)||void 0===t?void 0:t.image,d=v.value):l.context.vehicleList&&l.context.vehicleList[0]&&(p=null===(s=null===(o=l.context.vehicleList[0])||void 0===o?void 0:o.meta)||void 0===s?void 0:s.image,d=l.context.vehicleList[0].value);let h=!1;return n[d]?c=n[d]:l&&p&&d&&(((e,l,a)=>{fetch(l).then((e=>e.blob())).then((l=>{const r=new FileReader;r.onloadend=()=>{n[a]=r.result,e.rerender({rerenderForm:!0})},r.readAsDataURL(l)})).catch((e=>{console.log(e)}))})(l,p,d),h=!0),e("flexible-container",{isOpened:u},e("div",{style:{"min-height":"60px"},part:"vehicle-image-wrapper",class:i("vehicle-image-wrapper",{loading:h})},e("div",{part:i("vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":h}),class:i("loading-wrapper vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":h})},e(a,{part:"vehicle-image-loader-icon",class:"img vehicle-image-loader-icon"})),e("img",{alt:"vehicle image",part:"vehicle-image",src:c,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:h?"0":"1"}})))},d=l=>e("svg",Object.assign({fill:"none"},l,{"stroke-width":"2",viewBox:"0 0 24 24",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round",xmlns:"http://www.w3.org/2000/svg"}),e("path",{d:"M8 2v4"}),e("path",{d:"M16 2v4"}),e("rect",{width:"18",height:"18",x:"3",y:"4",rx:"2"}),e("path",{d:"M3 10h18"}),e("path",{d:"M8 14h.01"}),e("path",{d:"M12 14h.01"}),e("path",{d:"M16 14h.01"}),e("path",{d:"M8 18h.01"}),e("path",{d:"M12 18h.01"}),e("path",{d:"M16 18h.01"})),u=(a,i={})=>Object.assign({submit:({props:l})=>e("form-submit",Object.assign({},l)),name:({props:l})=>e("form-input",Object.assign({},l)),lastName:({props:l})=>e("form-input",Object.assign({},l)),email:({props:l})=>e("form-input",Object.assign({type:"email"},l)),message:({props:l})=>e("form-text-area",Object.assign({},l)),vin:({props:l})=>e("form-vin-input",Object.assign({},l)),vehicleImage:({form:l})=>e(s,{form:l}),phone:({props:l,isLoading:i})=>(a.phoneValidator||(a.phoneValidator=r((null==l?void 0:l.countryCode)||"")),e("form-phone-number",Object.assign({defaultValue:a.phoneValidator.default},l,{isLoading:i,validator:a.phoneValidator}))),vehicle:({language:l,props:a})=>e("form-select",Object.assign({},a,{searchable:!0,fetcher:async({signal:e,context:r})=>{var i,t;let n=null===(i=new URLSearchParams(window.location.search).get(null==a?void 0:a.vehicleIdQueryParam)||"")||void 0===i?void 0:i.toLowerCase();const c=a.vehicleApi,s=await fetch(c,{signal:e,headers:{"Accept-Language":l}});let d,u=-1;return(null==a?void 0:a.dynamic)?(d=((e,l)=>{const a=[];return o(e,l.items).forEach((e=>{const r=o(e,l["item-value"]),i=o(e,l["item-label"]),t={value:(null==l?void 0:l.useNamedValue)?i:r,label:i};t.meta=Object.assign({},e),a.push(t)})),a})(await s.json(),a),d.forEach(((e,l)=>{var r,i;a.defaultValue||!n||(null===(r=null==e?void 0:e.label)||void 0===r?void 0:r.toLowerCase())!==n&&(null===(i=`${e.value}`)||void 0===i?void 0:i.toLowerCase())!==n||(u=l)}))):(null==a?void 0:a.vehiclesApiStrapiFormat)?(d=(await s.json()).data,d=d.map(((e,l)=>{var r,i,t;return a.defaultValue||!n||(null===(r=null==e?void 0:e.GradeName)||void 0===r?void 0:r.toLowerCase())!==n&&(null===(i=`${e.id}`)||void 0===i?void 0:i.toLowerCase())!==n||(u=l),{label:e.attributes.GradeName,value:(null==a?void 0:a.useNamedValue)?`${null===(t=null==e?void 0:e.attributes)||void 0===t?void 0:t.GradeName}`:`${e.id}`,meta:Object.assign(Object.assign({},e),{image:e.attributes.Cover.data.attributes.url})}}))):(d=await s.json(),d=d.map(((e,l)=>{var r,i;return a.defaultValue||!n||(null===(r=null==e?void 0:e.Title)||void 0===r?void 0:r.toLowerCase())!==n&&(null===(i=`${e.ID}`)||void 0===i?void 0:i.toLowerCase())!==n||(u=l),{label:e.Title,value:(null==a?void 0:a.useNamedValue)?`${e.Title}`:`${e.ID}`,meta:Object.assign(Object.assign({},e),{image:e.Image})}}))),r.defaultValue=(null==a?void 0:a.defaultValue)?null==a?void 0:a.defaultValue:u>-1?null===(t=d[u])||void 0===t?void 0:t.value:"",d},language:l})),companyBranchId:({language:l,props:a})=>e("form-select",Object.assign({},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const r=null==a?void 0:a.branchApi,i=await fetch(r,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),cityId:({language:l,props:a})=>e("form-select",Object.assign({},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const r=null==a?void 0:a.cityApi,i=await fetch(r,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),date:({props:l})=>e("form-picker-input",Object.assign({type:"date"},l,{icon:e(d,null)})),time:({language:a,props:r})=>e("form-select",Object.assign({},r,{clearable:!0,fetcher:async()=>{const e=[];if(Array.isArray(r.span)&&Array.isArray(r.min)&&Array.isArray(r.max)&&r.format){let a=t({offsets:r.min}),i=t({offsets:r.max});for(;l.isBefore(a,i)||l.isEqual(a,i);)e.push({value:l.format(a,r.format),label:l.format(a,r.format)}),a=t({offsets:r.span,date:a})}return e},language:a})),currentVehicleBrand:({form:l,language:a,props:r,locale:i})=>e("form-select",Object.assign({},r,{searchable:!0,fetcher:async({signal:e})=>{var a;const r=null===(a=l.context.structure)||void 0===a?void 0:a.data.currentVehiclesApi,t=await fetch(r,{signal:e,headers:{"Accept-Language":"en"}});return[...(await t.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:i.Other}]},language:a})),currentVehicleModel:({form:l,language:a,props:r,locale:i})=>{l.addWatcher("currentVehicleBrand");const t=null==l?void 0:l.getValue("currentVehicleBrand");return e("form-select",Object.assign({},r,{searchable:!0,fetcher:async({})=>{var e,a;if(!t)return[];const r=null===(a=null===(e=l.context.currentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===t)))||void 0===a?void 0:a.meta;return r?[...null==r?void 0:r.Models.map((e=>({label:e.Name,value:`${e.ID}`}))),{value:"Other",label:i.Other}]:[]},language:a,resetKey:t,fetcherKey:t,isRequired:"Other"!==t,isDisabled:!t||"Other"===t}))},ownVehicle:({language:l,props:a})=>e("form-select",Object.assign({},a,{fetcher:async({})=>{var e,r,i,t;return[{value:"yes",label:null===(r=null===(e=null==a?void 0:a.localization)||void 0===e?void 0:e[l])||void 0===r?void 0:r.yes},{value:"no",label:null===(t=null===(i=null==a?void 0:a.localization)||void 0===i?void 0:i[l])||void 0===t?void 0:t.no}]},language:l})),conditionalCurrentVehicleBrand:({form:l,language:a,props:r,locale:i})=>{l.addWatcher("ownVehicle");const t="yes"===(null==l?void 0:l.getValue("ownVehicle"));return e("form-select",Object.assign({},r,{searchable:!0,fetcher:async({signal:e})=>{const l=null==r?void 0:r.brandApi,a=await fetch(l,{signal:e,headers:{"Accept-Language":"en"}});return[...(await a.json()).filter((e=>"Other"!==e.name)).map((e=>({label:e.Name,value:(null==r?void 0:r.useNamedValue)?e.Name:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:i.Other}]},language:a,resetKey:t,isRequired:t,isDisabled:!t}))},conditionalCurrentVehicleModel:({form:l,language:a,props:r,locale:i})=>{l.addWatcher("ownVehicle"),l.addWatcher("conditionalCurrentVehicleBrand");const t="yes"===(null==l?void 0:l.getValue("ownVehicle")),o=null==l?void 0:l.getValue("conditionalCurrentVehicleBrand");return e("form-select",Object.assign({},r,{searchable:!0,fetcher:async({})=>{var e,a;if(!o)return[];const t=null===(a=null===(e=l.context.conditionalCurrentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===o)))||void 0===a?void 0:a.meta;return t?[...null==t?void 0:t.Models.map((e=>({label:e.Name,value:(null==r?void 0:r.useNamedValue)?e.Name:`${e.ID}`}))),{value:"Other",label:i.Other}]:[]},language:a,resetKey:o,fetcherKey:o,isRequired:t&&"Other"!==o,isDisabled:!o||"Other"===o}))}},i),v=()=>({phoneValidator:void 0});export{v as a,u as g}