adp-web-components 0.3.18 → 0.3.20

package/dist/shift-components/p-hABirfUj.js

@@ -1,5 +0,0 @@
-/*!
- * Built by ShiftSoftware
- * Copyright (c)
- */
-import{h as e}from"./p-CteZTPhq.js";import{L as l,d as a}from"./p-OlAbjfKx.js";import{c as o}from"./p-BK16Cn81.js";import{C as i}from"./p-Ccwtsrgg.js";import{d as n}from"./p-C4NpWwNE.js";import{g as r}from"./p-D0IHkGuC.js";const t={};let u="";const d=({form:a})=>{var i,n,r,d;a.addWatcher("vehicle");let v=a.getValue("vehicle");const c=!!v,s=null===(i=a.context.vehicleList)||void 0===i?void 0:i.find((e=>e.value===v));let p;s?(p=null===(n=null==s?void 0:s.meta)||void 0===n?void 0:n.image,v=s.value):a.context.vehicleList&&a.context.vehicleList[0]&&(p=null===(d=null===(r=a.context.vehicleList[0])||void 0===r?void 0:r.meta)||void 0===d?void 0:d.image,v=a.context.vehicleList[0].value);let g=!1;return t[v]?u=t[v]:a&&p&&v&&(((e,l,a)=>{fetch(l).then((e=>e.blob())).then((l=>{const o=new FileReader;o.onloadend=()=>{t[a]=o.result,e.rerender({rerenderForm:!0})},o.readAsDataURL(l)})).catch((e=>{console.log(e)}))})(a,p,v),g=!0),e("flexible-container",{isOpened:c},e("div",{style:{"min-height":"60px"},part:"vehicle-image-wrapper",class:o("vehicle-image-wrapper",{loading:g})},e("div",{part:o("vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g}),class:o("loading-wrapper vehicle-image-loading-wrapper",{"vehicle-image-active-loading-wrapper":g})},e(l,{part:"vehicle-image-loader-icon",class:"img vehicle-image-loader-icon"})),e("img",{alt:"vehicle image",part:"vehicle-image",src:u,style:{"border-radius":"6px",transition:"opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);",opacity:g?"0":"1"}})))},v=(e,l)=>"string"==typeof l?r(e,l):l.map((l=>r(e,l))).find((e=>null!=e)),c=(l={})=>Object.assign({submit:({props:l})=>e("form-submit",Object.assign({key:null==l?void 0:l.name},l)),inputPreview:({props:l})=>e("form-input-preview",Object.assign({key:null==l?void 0:l.name},l)),fileUploader:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),formStepper:({props:l,language:a})=>e("form-stepper",Object.assign({key:null==l?void 0:l.name,language:a},l)),back:({props:l})=>e("form-stepper-control",Object.assign({key:null==l?void 0:l.name},l)),stepperSubmit:({props:l})=>e("form-stepper-submit",Object.assign({key:(null==l?void 0:l.step)||(null==l?void 0:l.name)},l)),name:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),lastName:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name},l)),email:({props:l})=>e("form-input",Object.assign({key:null==l?void 0:l.name,type:"email"},l)),message:({props:l})=>e("form-text-area",Object.assign({key:null==l?void 0:l.name},l)),file:({props:l})=>e("form-file",Object.assign({key:null==l?void 0:l.name},l)),vin:({props:l})=>e("form-vin-input",Object.assign({key:null==l?void 0:l.name},l)),vehicleImage:({form:l})=>e(d,{form:l}),phone:({props:l,isLoading:a})=>e("form-phone-number",Object.assign({key:null==l?void 0:l.name,isLoading:a},l)),vehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{searchable:!0,fetcher:async({signal:e,context:o})=>{var i,n;const r=null===(i=new URLSearchParams(window.location.search).get(null==a?void 0:a.vehicleIdQueryParam)||"")||void 0===i?void 0:i.toLowerCase(),t=a.vehicleApi,u=await fetch(t,{signal:e,headers:{"Accept-Language":l}});let d,c=-1;return(null==a?void 0:a.dynamic)?(d=((e,l)=>{const a=[];return v(e,l.items).forEach((e=>{const o=v(e,l["item-value"]),i=v(e,l["item-label"]),n={value:(null==l?void 0:l.useNamedValue)?i:o,label:i};n.meta=Object.assign({},e),a.push(n)})),a})(await u.json(),a),d.forEach(((e,l)=>{var o,i;a.defaultValue||!r||(null===(o=null==e?void 0:e.label)||void 0===o?void 0:o.toLowerCase())!==r&&(null===(i=`${e.value}`)||void 0===i?void 0:i.toLowerCase())!==r||(c=l)}))):(null==a?void 0:a.vehiclesApiStrapiFormat)?(d=(await u.json()).data,d=d.map(((e,l)=>{var o,i,n,t,u;return a.defaultValue||!r||(null===(o=null==e?void 0:e.GradeName)||void 0===o?void 0:o.toLowerCase())!==r&&(null===(i=`${e.id}`)||void 0===i?void 0:i.toLowerCase())!==r||(c=l),{label:e.attributes.GradeName,value:(null==a?void 0:a.useNamedValue)?`${(null==e?void 0:e.GradeName)||(null===(n=null==e?void 0:e.attributes)||void 0===n?void 0:n.GradeName)}`:`${e.id}`,meta:Object.assign(Object.assign({},e),{image:(null===(t=null==e?void 0:e.Cover)||void 0===t?void 0:t.url)||(null===(u=e.attributes.Cover.data.attributes)||void 0===u?void 0:u.url)})}}))):(d=await u.json(),d=d.map(((e,l)=>{var o,i;return a.defaultValue||!r||(null===(o=null==e?void 0:e.Title)||void 0===o?void 0:o.toLowerCase())!==r&&(null===(i=`${e.ID}`)||void 0===i?void 0:i.toLowerCase())!==r||(c=l),{label:e.Title,value:(null==a?void 0:a.useNamedValue)?`${e.Title}`:`${e.ID}`,meta:Object.assign(Object.assign({},e),{image:e.Image})}}))),o.defaultValue=(null==a?void 0:a.defaultValue)?null==a?void 0:a.defaultValue:c>-1?null===(n=d[c])||void 0===n?void 0:n.value:"",d},language:l})),companyBranchId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const o=null==a?void 0:a.branchApi,i=await fetch(o,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Name,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),vacancyId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const o=null==a?void 0:a.vacancyApi,i=await fetch(o,{signal:e,headers:{"Accept-Language":l}});return(await i.json()).map((e=>({label:e.Title,value:`${e.ID}`,meta:Object.assign({},e)})))},language:l})),cityId:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,searchable:!0,fetcher:async({signal:e})=>{const o=null==a?void 0:a.cityApi,i=await fetch(o,{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(i,null)})),bookingSlot:({form:l,language:a,props:o})=>{var i,n,r,t,u,d,v,c,s,p,g,m;l.addWatcher("companyBranchId");const b=null==l?void 0:l.getValue("companyBranchId"),h=null===(n=null===(i=l.context.companyBranchIdList)||void 0===i?void 0:i.find((e=>e.value===b)))||void 0===n?void 0:n.meta,f=(null!==(r=null==h?void 0:h.Departments)&&void 0!==r?r:[]).map((e=>e.IntegrationId)).filter(Boolean),y=(null!==(t=null==h?void 0:h.Brands)&&void 0!==t?t:[]).map((e=>e.IntegrationId)).filter(Boolean),O=null!==(v=null!==(d=(null!==(u=null==o?void 0:o.departmentPreference)&&void 0!==u?u:["showroom"]).find((e=>f.includes(e))))&&void 0!==d?d:f[0])&&void 0!==v?v:"";return e("branch-slot-picker",Object.assign({},o,{form:l,key:null==o?void 0:o.name,language:a,calendarApi:null==o?void 0:o.calendarApi,companyId:null!==(c=null==h?void 0:h.CompanyIntegrationId)&&void 0!==c?c:"",branchId:null!==(s=null==h?void 0:h.IntegrationId)&&void 0!==s?s:"",departmentId:null!==(p=null==o?void 0:o.departmentId)&&void 0!==p?p:O,brandId:null!==(m=null!==(g=null==o?void 0:o.brandId)&&void 0!==g?g:y[0])&&void 0!==m?m:"",isDisabled:!h}))},time:({language:l,props:o})=>e("form-select",Object.assign({key:null==o?void 0:o.name},o,{clearable:!0,fetcher:async()=>{const e=[];if(Array.isArray(o.span)&&Array.isArray(o.min)&&Array.isArray(o.max)&&o.format){let l=n({offsets:o.min});const i=n({offsets:o.max});for(;a.isBefore(l,i)||a.isEqual(l,i);)e.push({value:a.format(l,o.format),label:a.format(l,o.format)}),l=n({offsets:o.span,date:l})}return e},language:l})),year:({language:l,props:a})=>{const o=(null==a?void 0:a.min)||(new Date).getFullYear()-20,i=(null==a?void 0:a.max)||(new Date).getFullYear(),n=[];for(let e=o;e<=i;e++)n.push({value:`${e}`,label:`${e}`});return e("form-select",Object.assign({key:null==a?void 0:a.name},a,{clearable:!0,fetcher:async({language:e})=>{var l,o,i,r,t,u,d,v;let c=[...n];return(null==a?void 0:a.firstOption)&&(c=[{label:(null===(o=null===(l=null==a?void 0:a.firstOption)||void 0===l?void 0:l.label)||void 0===o?void 0:o[e])||"",value:(null===(r=null===(i=null==a?void 0:a.firstOption)||void 0===i?void 0:i.value)||void 0===r?void 0:r[e])||""},...c]),(null==a?void 0:a.lastOption)&&(c=[...c,{label:(null===(u=null===(t=null==a?void 0:a.lastOption)||void 0===t?void 0:t.label)||void 0===u?void 0:u[e])||"",value:(null===(v=null===(d=null==a?void 0:a.lastOption)||void 0===d?void 0:d.value)||void 0===v?void 0:v[e])||""}]),c},language:l}))},currentVehicleBrand:({form:l,language:a,props:o,locale:i})=>e("form-select",Object.assign({key:null==o?void 0:o.name},o,{searchable:!0,fetcher:async({signal:e})=>{var a;const o=null===(a=l.context.structure)||void 0===a?void 0:a.data.currentVehiclesApi,n=await fetch(o,{signal:e,headers:{"Accept-Language":"en"}});return[...(await n.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:o,locale:i})=>{l.addWatcher("currentVehicleBrand");const n=null==l?void 0:l.getValue("currentVehicleBrand");return e("form-select",Object.assign({},o,{searchable:!0,key:null==o?void 0:o.name,fetcher:async({})=>{var e,a;if(!n)return[];const o=null===(a=null===(e=l.context.currentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===n)))||void 0===a?void 0:a.meta;return o?[...o.Models.map((e=>({label:e.Name,value:`${e.ID}`}))),{value:"Other",label:i.Other}]:[]},language:a,resetKey:n,fetcherKey:n,isRequired:"Other"!==n,isDisabled:!n||"Other"===n}))},ownVehicle:({language:l,props:a})=>e("form-select",Object.assign({key:null==a?void 0:a.name},a,{fetcher:async({})=>{var e,o,i,n;return[{value:"yes",label:null===(o=null===(e=null==a?void 0:a.localization)||void 0===e?void 0:e[l])||void 0===o?void 0:o.yes},{value:"no",label:null===(n=null===(i=null==a?void 0:a.localization)||void 0===i?void 0:i[l])||void 0===n?void 0:n.no}]},language:l})),conditionalCurrentVehicleBrand:({form:l,language:a,props:o,locale:i})=>{l.addWatcher("ownVehicle");const n="yes"===(null==l?void 0:l.getValue("ownVehicle"));return e("form-select",Object.assign({key:null==o?void 0:o.name},o,{searchable:!0,fetcher:async({signal:e})=>{const l=null==o?void 0:o.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==o?void 0:o.useNamedValue)?e.Name:`${e.ID}`,meta:Object.assign({},e)}))),{value:"Other",label:i.Other}]},language:a,resetKey:n,isRequired:n,isDisabled:!n}))},conditionalCurrentVehicleModel:({form:l,language:a,props:o,locale:i})=>{l.addWatcher("ownVehicle"),l.addWatcher("conditionalCurrentVehicleBrand");const n="yes"===(null==l?void 0:l.getValue("ownVehicle")),r=null==l?void 0:l.getValue("conditionalCurrentVehicleBrand");return e("form-select",Object.assign({},o,{searchable:!0,fetcher:async({})=>{var e,a;if(!r)return[];const n=null===(a=null===(e=l.context.conditionalCurrentVehicleBrandList)||void 0===e?void 0:e.find((e=>e.value===r)))||void 0===a?void 0:a.meta;return n?[...n.Models.map((e=>({label:e.Name,value:(null==o?void 0:o.useNamedValue)?e.Name:`${e.ID}`}))),{value:"Other",label:i.Other}]:[]},key:null==o?void 0:o.name,language:a,resetKey:r,fetcherKey:r,isRequired:n&&"Other"!==r,isDisabled:!r||"Other"===r}))}},l);export{c as g}