@wayke-se/components-react 5.1.0-beta.1 → 5.1.0-beta.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.
- package/README.md +192 -118
- package/dist/index.d.ts +11 -3
- package/dist/index.js +3 -3
- package/dist/index.js.map +2 -2
- package/dist/index.mjs +3 -3
- package/dist/index.mjs.map +2 -2
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -4425,7 +4425,7 @@ and ensure you are accounting for this risk.
|
|
|
4425
4425
|
color: ${e=>e.theme.color.textDarkLighten};
|
|
4426
4426
|
font-size: 1em;
|
|
4427
4427
|
}
|
|
4428
|
-
`;var B4=({label:e,...t})=>Ag.createElement(pg,null,Ag.createElement(hg,{"aria-label":e,...t})),vs=B4;var L4=({id:e,branch:t,onClose:r,insuranceOptions:i})=>{let{t:n}=P4(),[o,a]=fg({ssn:"",drivingDistance:"BETWEEN0AND1000"}),[s,l]=fg(),{loading:u,data:d,error:h}=_0(e,t?.id?t?.id:void 0,gs(s?.ssn)?s?.ssn:void 0,s?.drivingDistance),p=ws(g=>a({...o,ssn:g.currentTarget.value}),[o]),f=ws(g=>a({...o,drivingDistance:g.currentTarget.value}),[o]),v=O4(()=>({branchId:t?.id,branchName:t?.name}),[t]),k=ws(()=>{W.publish("InsuranceInterest",v),l(o)},[o,v]),A=ws(g=>{g.keyCode===13&&gs(o.ssn)&&!u&&k()},[o]),y=[{value:"BETWEEN0AND1000",displayName:"0 - 1000"},{value:"BETWEEN1000AND1500",displayName:"1000 - 1500"},{value:"BETWEEN1500AND2000",displayName:"1500 - 2000"},{value:"BETWEEN2000AND2500",displayName:"2000 - 2500"},{value:"OVER2500",displayName:"2500+"}];return Q.createElement(Ee,{title:n("item.insurance"),onClose:r},(i?.description||i?.logotype)&&Q.createElement(T,null,i.description?Q.createElement(rs,null,Q.createElement(is,null,Q.createElement(ne,null,Q.createElement("p",null,i.description))),i.logotype&&Q.createElement(ns,null,Q.createElement(ze,{logo:i.logotype,alt:i.name||n("common.logotype"),wide:!0}))):Q.createElement(Q.Fragment,null,i.logotype&&Q.createElement(ze,{logo:i.logotype,alt:i.name||n("common.logotype"),wide:!0}))),Q.createElement(T,null,Q.createElement(Re,null,Q.createElement(pe,null,Q.createElement(og,null,Q.createElement(yu,null,Q.createElement(ni,{htmlFor:"input-insurance-personalnumber"},n("item.personalNumber")),Q.createElement(vs,{placeholder:"\xC5\xC5\xC5\xC5MMDD-XXXX",label:n("item.personalNumber"),value:o.ssn,onChange:p,onKeyDown:A,id:"input-insurance-personalnumber"})),Q.createElement(yu,null,Q.createElement(ni,{htmlFor:"input-insurance-mileage"},n("item.estimatedAnualMileage")),Q.createElement(ks,{value:o.drivingDistance,onChange:f,options:y,unit:"mil",title:n("item.estimatedAnualMileage")})))),Q.createElement(pe,null,Q.createElement(st,{fullWidth:!0,disabled:!gs(o.ssn)||u,onClick:k},Q.createElement(ie,null,n("item.showInsurances"))))),!1,Q.createElement(Re,null,Q.createElement(ne,{small:!0},Q.createElement("p",null,n("item.savePersonalNumberOnThisDeviceHelp"))))),u&&Q.createElement(T,null,Q.createElement(cr,null)),h&&Q.createElement(T,null,Q.createElement(yo,{severity:"error",icon:!0,heading:n("common.anErrorHasOccured")||void 0},n("item.couldNotfetchInsurances"))),Q.createElement(Q.Fragment,null,d?.insurances&&Q.createElement(T,null,d?.insurances.map(g=>Q.createElement(T,{key:g.name},Q.createElement(V0,{heading:`${J(g.price)} ${g.unit}`,description:g.name},Q.createElement(T,null,Q.createElement(Q.Fragment,null,g.description&&Q.createElement(pe,null,Q.createElement(ne,null,Q.createElement("p",null,g.description)))),Q.createElement(Q.Fragment,null,g.url&&Q.createElement(pe,null,Q.createElement(we,{as:"a",href:g.url||"",target:"_blank",rel:"noopener noreferrer nofollow",title:n("item.openPrePurchaseInformationInNewTab")||""},n("item.openPrePurchaseInformationInNewTab"))))),g.items&&g.items.length>0&&Q.createElement(T,null,Q.createElement(Bc,null,n("item.insuranceIncludes")),g.items.map(w=>Q.createElement(Re,{key:w.name||""},Q.createElement(fu,{title:w.name||""},w.description)))),g.addons&&g.addons.length>0&&Q.createElement(T,null,Q.createElement(Bc,null,n("item.addInsuranceHeading")),g.addons.map(w=>Q.createElement(Re,{key:w.title||""},Q.createElement(G0,null,Q.createElement(Au,null,Q.createElement(fu,{title:w.title||""},w.description)),Q.createElement(Au,null,Q.createElement(Si,null,"+",w.price," ",w.unit))))))))))))},gg=L4;var H4=({id:e,branch:t,insuranceOptions:r})=>{let{t:i}=_4(),[n,o]=R4(!1),a=F4(()=>{o(!n),W.publish(n?"InsuranceClose":"InsuranceOpen",{id:e,branchId:t?.id,branchName:t?.name})},[n,t]);return r.length?At.createElement(At.Fragment,null,n&&At.createElement(gg,{id:e,branch:t,onClose:a,insuranceOptions:r[0]}),At.createElement(T,null,At.createElement(pe,null,At.createElement(qr,null,i("item.addInsurance"))),At.createElement(pe,null,At.createElement(At.Fragment,null,r.map((s,l)=>At.createElement(Tr,{key:`${s.url}-${l}`,logo:s.logotype||void 0,logoAlt:s.name||i("common.logotype")},At.createElement(Bi,null,i("item.getInsuranceQuote")),At.createElement(Dr,null,At.createElement("p",null,At.createElement(we,{onClick:a},i("common.moreInformation")))))))))):null},yg=H4;import{marked as j4}from"marked";import ft,{useCallback as Y4,useState as W4}from"react";import{useTranslation as $4}from"react-i18next";import{marked as G4}from"marked";import _i from"react";import{useTranslation as U4}from"react-i18next";var Q4=({onClose:e,insuranceOptions:t})=>{let{t:r}=U4();return _i.createElement(Ee,{title:t?.insuranceHeader??r("item.insurance"),onClose:e},t?.longDescription&&_i.createElement(T,null,_i.createElement(ne,{dangerouslySetInnerHTML:{__html:G4(t.longDescription)}})),t?.url&&_i.createElement(T,null,_i.createElement(we,{as:"a",href:t.url,title:r("item.readMoreAboutInsuranceInNewTab")||"",target:"_blank",rel:"noopener noreferrer"},r("item.readMoreAboutInsuranceInNewTab"))),t?.logotype&&_i.createElement(T,null,_i.createElement(ze,{logo:t.logotype,alt:t.name||r("common.logotype"),wide:!0})))},bg=Q4;var V4=({id:e,branch:t,insuranceOptions:r})=>{let{t:i}=$4(),[n,o]=W4(!1),a=Y4(()=>{o(!n),W.publish(n?"InsuranceClose":"InsuranceOpen",{id:e,branchId:t?.id,branchName:t?.name})},[n,t]);return r.length?ft.createElement(ft.Fragment,null,n&&ft.createElement(bg,{onClose:a,insuranceOptions:r[0]}),ft.createElement(T,null,ft.createElement(pe,null,ft.createElement(qr,null,r[0]?.insuranceHeader??i("item.insurance"))),ft.createElement(pe,null,ft.createElement(ft.Fragment,null,r.map((s,l)=>ft.createElement(Tr,{key:`${s.url}-${l}`,logo:s.logotype||void 0,logoAlt:s.name||i("common.logotype")},s.description&&ft.createElement(ne,{dangerouslySetInnerHTML:{__html:j4(s.description)}}),ft.createElement(Dr,null,ft.createElement("p",null,ft.createElement(we,{onClick:a},i("common.moreInformation")))))))))):null},kg=V4;var J4=({id:e,branch:t,insuranceOptions:r})=>r.length&&r.length>0?r[0].requiresDistance&&r[0].requiresPersonalNumber?vg.createElement(yg,{id:e,branch:t,insuranceOptions:r}):vg.createElement(kg,{id:e,branch:t,insuranceOptions:r}):null,wg=J4;import dr from"react";import{useTranslation as K4}from"react-i18next";import xg from"styled-components";var Eg=xg.div.attrs(()=>({className:"wayke__theme wayke__color--primary-text wayke__font--bold"}))`
|
|
4428
|
+
`;var B4=({label:e,...t})=>Ag.createElement(pg,null,Ag.createElement(hg,{"aria-label":e,...t})),vs=B4;var L4=({id:e,branch:t,onClose:r,insuranceOptions:i})=>{let{t:n}=P4(),[o,a]=fg({ssn:"",drivingDistance:"BETWEEN0AND1000"}),[s,l]=fg(),{loading:u,data:d,error:h}=_0(e,t?.id?t?.id:void 0,gs(s?.ssn)?s?.ssn:void 0,s?.drivingDistance),p=ws(g=>a({...o,ssn:g.currentTarget.value}),[o]),f=ws(g=>a({...o,drivingDistance:g.currentTarget.value}),[o]),v=O4(()=>({id:e,branchId:t?.id,branchName:t?.name}),[e,t]),k=ws(()=>{W.publish("InsuranceInterest",v),l(o)},[o,v]),A=ws(g=>{g.keyCode===13&&gs(o.ssn)&&!u&&k()},[o]),y=[{value:"BETWEEN0AND1000",displayName:"0 - 1000"},{value:"BETWEEN1000AND1500",displayName:"1000 - 1500"},{value:"BETWEEN1500AND2000",displayName:"1500 - 2000"},{value:"BETWEEN2000AND2500",displayName:"2000 - 2500"},{value:"OVER2500",displayName:"2500+"}];return Q.createElement(Ee,{title:n("item.insurance"),onClose:r},(i?.description||i?.logotype)&&Q.createElement(T,null,i.description?Q.createElement(rs,null,Q.createElement(is,null,Q.createElement(ne,null,Q.createElement("p",null,i.description))),i.logotype&&Q.createElement(ns,null,Q.createElement(ze,{logo:i.logotype,alt:i.name||n("common.logotype"),wide:!0}))):Q.createElement(Q.Fragment,null,i.logotype&&Q.createElement(ze,{logo:i.logotype,alt:i.name||n("common.logotype"),wide:!0}))),Q.createElement(T,null,Q.createElement(Re,null,Q.createElement(pe,null,Q.createElement(og,null,Q.createElement(yu,null,Q.createElement(ni,{htmlFor:"input-insurance-personalnumber"},n("item.personalNumber")),Q.createElement(vs,{placeholder:"\xC5\xC5\xC5\xC5MMDD-XXXX",label:n("item.personalNumber"),value:o.ssn,onChange:p,onKeyDown:A,id:"input-insurance-personalnumber"})),Q.createElement(yu,null,Q.createElement(ni,{htmlFor:"input-insurance-mileage"},n("item.estimatedAnualMileage")),Q.createElement(ks,{value:o.drivingDistance,onChange:f,options:y,unit:"mil",title:n("item.estimatedAnualMileage")})))),Q.createElement(pe,null,Q.createElement(st,{fullWidth:!0,disabled:!gs(o.ssn)||u,onClick:k},Q.createElement(ie,null,n("item.showInsurances"))))),!1,Q.createElement(Re,null,Q.createElement(ne,{small:!0},Q.createElement("p",null,n("item.savePersonalNumberOnThisDeviceHelp"))))),u&&Q.createElement(T,null,Q.createElement(cr,null)),h&&Q.createElement(T,null,Q.createElement(yo,{severity:"error",icon:!0,heading:n("common.anErrorHasOccured")||void 0},n("item.couldNotfetchInsurances"))),Q.createElement(Q.Fragment,null,d?.insurances&&Q.createElement(T,null,d?.insurances.map(g=>Q.createElement(T,{key:g.name},Q.createElement(V0,{heading:`${J(g.price)} ${g.unit}`,description:g.name},Q.createElement(T,null,Q.createElement(Q.Fragment,null,g.description&&Q.createElement(pe,null,Q.createElement(ne,null,Q.createElement("p",null,g.description)))),Q.createElement(Q.Fragment,null,g.url&&Q.createElement(pe,null,Q.createElement(we,{as:"a",href:g.url||"",target:"_blank",rel:"noopener noreferrer nofollow",title:n("item.openPrePurchaseInformationInNewTab")||""},n("item.openPrePurchaseInformationInNewTab"))))),g.items&&g.items.length>0&&Q.createElement(T,null,Q.createElement(Bc,null,n("item.insuranceIncludes")),g.items.map(w=>Q.createElement(Re,{key:w.name||""},Q.createElement(fu,{title:w.name||""},w.description)))),g.addons&&g.addons.length>0&&Q.createElement(T,null,Q.createElement(Bc,null,n("item.addInsuranceHeading")),g.addons.map(w=>Q.createElement(Re,{key:w.title||""},Q.createElement(G0,null,Q.createElement(Au,null,Q.createElement(fu,{title:w.title||""},w.description)),Q.createElement(Au,null,Q.createElement(Si,null,"+",w.price," ",w.unit))))))))))))},gg=L4;var H4=({id:e,branch:t,insuranceOptions:r})=>{let{t:i}=_4(),[n,o]=R4(!1),a=F4(()=>{o(!n),W.publish(n?"InsuranceClose":"InsuranceOpen",{id:e,branchId:t?.id,branchName:t?.name})},[n,t]);return r.length?At.createElement(At.Fragment,null,n&&At.createElement(gg,{id:e,branch:t,onClose:a,insuranceOptions:r[0]}),At.createElement(T,null,At.createElement(pe,null,At.createElement(qr,null,i("item.addInsurance"))),At.createElement(pe,null,At.createElement(At.Fragment,null,r.map((s,l)=>At.createElement(Tr,{key:`${s.url}-${l}`,logo:s.logotype||void 0,logoAlt:s.name||i("common.logotype")},At.createElement(Bi,null,i("item.getInsuranceQuote")),At.createElement(Dr,null,At.createElement("p",null,At.createElement(we,{onClick:a},i("common.moreInformation")))))))))):null},yg=H4;import{marked as j4}from"marked";import ft,{useCallback as Y4,useState as W4}from"react";import{useTranslation as $4}from"react-i18next";import{marked as G4}from"marked";import _i from"react";import{useTranslation as U4}from"react-i18next";var Q4=({onClose:e,insuranceOptions:t})=>{let{t:r}=U4();return _i.createElement(Ee,{title:t?.insuranceHeader??r("item.insurance"),onClose:e},t?.longDescription&&_i.createElement(T,null,_i.createElement(ne,{dangerouslySetInnerHTML:{__html:G4(t.longDescription)}})),t?.url&&_i.createElement(T,null,_i.createElement(we,{as:"a",href:t.url,title:r("item.readMoreAboutInsuranceInNewTab")||"",target:"_blank",rel:"noopener noreferrer"},r("item.readMoreAboutInsuranceInNewTab"))),t?.logotype&&_i.createElement(T,null,_i.createElement(ze,{logo:t.logotype,alt:t.name||r("common.logotype"),wide:!0})))},bg=Q4;var V4=({id:e,branch:t,insuranceOptions:r})=>{let{t:i}=$4(),[n,o]=W4(!1),a=Y4(()=>{o(!n),W.publish(n?"InsuranceClose":"InsuranceOpen",{id:e,branchId:t?.id,branchName:t?.name})},[n,t]);return r.length?ft.createElement(ft.Fragment,null,n&&ft.createElement(bg,{onClose:a,insuranceOptions:r[0]}),ft.createElement(T,null,ft.createElement(pe,null,ft.createElement(qr,null,r[0]?.insuranceHeader??i("item.insurance"))),ft.createElement(pe,null,ft.createElement(ft.Fragment,null,r.map((s,l)=>ft.createElement(Tr,{key:`${s.url}-${l}`,logo:s.logotype||void 0,logoAlt:s.name||i("common.logotype")},s.description&&ft.createElement(ne,{dangerouslySetInnerHTML:{__html:j4(s.description)}}),ft.createElement(Dr,null,ft.createElement("p",null,ft.createElement(we,{onClick:a},i("common.moreInformation")))))))))):null},kg=V4;var J4=({id:e,branch:t,insuranceOptions:r})=>r.length&&r.length>0?r[0].requiresDistance&&r[0].requiresPersonalNumber?vg.createElement(yg,{id:e,branch:t,insuranceOptions:r}):vg.createElement(kg,{id:e,branch:t,insuranceOptions:r}):null,wg=J4;import dr from"react";import{useTranslation as K4}from"react-i18next";import xg from"styled-components";var Eg=xg.div.attrs(()=>({className:"wayke__theme wayke__color--primary-text wayke__font--bold"}))`
|
|
4429
4429
|
font-size: 1.375rem;
|
|
4430
4430
|
`,Ig=xg.div`
|
|
4431
4431
|
color: ${e=>e.theme.color.textDarkLighten};
|
|
@@ -5170,7 +5170,7 @@ and ensure you are accounting for this risk.
|
|
|
5170
5170
|
`,Jt=Iu.div`
|
|
5171
5171
|
flex: 1 0 50%;
|
|
5172
5172
|
padding: ${m(1)};
|
|
5173
|
-
`;var yy=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"],RN=(e,t)=>{switch(t){case"monday":return e("common.mondayShort");case"tuesday":return e("common.tuesdayShort");case"wednesday":return e("common.wednesdayShort");case"thursday":return e("common.thursdayShort");case"friday":return e("common.fridayShort");case"saturday":return e("common.saturdayShort");case"sunday":return e("common.sundayShort")}},_N=[],HN=(e,t)=>yy.reduce((r,i)=>{let n=RN(e,i),o=t[i],a=r?.[r.length-1];return a&&a.from==o?.from&&a.until===o?.until?r[r.length-1].titleTo=n:r.push({titleFrom:n,from:o?.from,until:o?.until}),r},_N.slice()),GN=(e,t)=>{let r=new Date().getDay(),i=yy[r===0?6:r-1],n=t[i];return{title:e(n?"item.openingHoursToday":"item.closedToday"),from:n?.from,until:n?.until}},gy=e=>{let t=e.split(":").map(r=>parseInt(r,10));return new Date().setHours(t[0],t[1]).valueOf()},UN=({openingHours:e})=>{let{t}=FN(),r=Cu(()=>e?GN(t,e):null,[e]),i=Cu(()=>{try{if(r?.from&&r?.until){let o=new Date().valueOf(),a=gy(r.from),s=gy(r.until);return o>=a&&o<=s}}catch{return!1}},[r]),n=Cu(()=>e?HN(t,e):null,[e]);return n?yt.createElement(yt.Fragment,null,yt.createElement(Re,null,yt.createElement(fy,{label:t(i?"item.open":"item.closed"),severity:i?"positive":"negative"})),yt.createElement(Re,null,yt.createElement(Ts,null,yt.createElement(Gi,null,yt.createElement(Jt,null,yt.createElement(Si,null,r?.title)),yt.createElement(Jt,null,yt.createElement(Si,null,r?.from?`${r.from} - ${r.until}`:t("item.closed")))),n.map(o=>yt.createElement(Gi,{key:o.titleFrom},yt.createElement(Jt,null,o.titleTo?`${o.titleFrom} - ${o.titleTo}`:o.titleFrom),yt.createElement(Jt,null,o.from?`${o.from} - ${o.until}`:t("item.closed"))))))):null},by=UN;import Ui,{useCallback as QN,useState as jN}from"react";import{useTranslation as YN}from"react-i18next";var WN=({phoneNumber:e})=>{let{t}=YN(),[r,i]=jN(!1),n=QN(()=>!r&&i(!0),[r]);return Ui.createElement(Gi,null,Ui.createElement(Jt,null,t("other.phoneNumber")),Ui.createElement(Jt,null,r?Ui.createElement(eo,{as:"a",href:`tel:${e}`,title:t("other.callPhoneNumber",{phoneNumber:e})||""},Ui.createElement(ie,null,e)):Ui.createElement(eo,{onClick:n,title:t("other.showPhoneNumber")||""},Ui.createElement(ie,null,t("other.showPhoneNumber")))))},ky=WN;import{parsePhoneNumberFromString as VN}from"libphonenumber-js/core";var vy={version:4,country_calling_codes:{"46":["SE"],"47":["NO"]},countries:{NO:["47","00","(?:0|[2-9]\\d{3})\\d{4}",[5,8],[["(\\d{3})(\\d{2})(\\d{3})","$1 $2 $3",["8"]],["(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[2-79]"]]],0,0,0,0,0,"[02-689]|7[0-8]",[["(?:2[1-4]|3[1-3578]|5[1-35-7]|6[1-4679]|7[0-8])\\d{6}",[8]],["(?:4[015-8]|9\\d)\\d{6}",[8]],["80[01]\\d{5}",[8]],["82[09]\\d{5}",[8]],["880\\d{5}",[8]],0,["(?:0[2-9]|81(?:0(?:0[7-9]|1\\d)|5\\d\\d))\\d{3}"],0,["85[0-5]\\d{5}",[8]],["810(?:0[0-6]|[2-8]\\d)\\d{3}",[8]]]],SE:["46","00","(?:[26]\\d\\d|9)\\d{9}|[1-9]\\d{8}|[1-689]\\d{7}|[1-4689]\\d{6}|2\\d{5}",[6,7,8,9,10],[["(\\d{2})(\\d{2,3})(\\d{2})","$1-$2 $3",["20"],"0$1",0,"$1 $2 $3"],["(\\d{3})(\\d{4})","$1-$2",["9(?:00|39|44|9)"],"0$1",0,"$1 $2"],["(\\d{2})(\\d{3})(\\d{2})","$1-$2 $3",["[12][136]|3[356]|4[0246]|6[03]|90[1-9]"],"0$1",0,"$1 $2 $3"],["(\\d)(\\d{2,3})(\\d{2})(\\d{2})","$1-$2 $3 $4",["8"],"0$1",0,"$1 $2 $3 $4"],["(\\d{3})(\\d{2,3})(\\d{2})","$1-$2 $3",["1[2457]|2(?:[247-9]|5[0138])|3[0247-9]|4[1357-9]|5[0-35-9]|6(?:[125689]|4[02-57]|7[0-2])|9(?:[125-8]|3[02-5]|4[0-3])"],"0$1",0,"$1 $2 $3"],["(\\d{3})(\\d{2,3})(\\d{3})","$1-$2 $3",["9(?:00|39|44)"],"0$1",0,"$1 $2 $3"],["(\\d{2})(\\d{2,3})(\\d{2})(\\d{2})","$1-$2 $3 $4",["1[13689]|2[0136]|3[1356]|4[0246]|54|6[03]|90[1-9]"],"0$1",0,"$1 $2 $3 $4"],["(\\d{2})(\\d{3})(\\d{2})(\\d{2})","$1-$2 $3 $4",["10|7"],"0$1",0,"$1 $2 $3 $4"],["(\\d)(\\d{3})(\\d{3})(\\d{2})","$1-$2 $3 $4",["8"],"0$1",0,"$1 $2 $3 $4"],["(\\d{3})(\\d{2})(\\d{2})(\\d{2})","$1-$2 $3 $4",["[13-5]|2(?:[247-9]|5[0138])|6(?:[124-689]|7[0-2])|9(?:[125-8]|3[02-5]|4[0-3])"],"0$1",0,"$1 $2 $3 $4"],["(\\d{3})(\\d{2})(\\d{2})(\\d{3})","$1-$2 $3 $4",["9"],"0$1",0,"$1 $2 $3 $4"],["(\\d{3})(\\d{2})(\\d{3})(\\d{2})(\\d{2})","$1-$2 $3 $4 $5",["[26]"],"0$1",0,"$1 $2 $3 $4 $5"]],"0",0,0,0,0,0,[["(?:(?:[12][136]|3[356]|4[0246]|6[03]|8\\d)\\d|90[1-9])\\d{4,6}|(?:1(?:2[0-35]|4[0-4]|5[0-25-9]|7[13-6]|[89]\\d)|2(?:2[0-7]|4[0136-8]|5[0138]|7[018]|8[01]|9[0-57])|3(?:0[0-4]|1\\d|2[0-25]|4[056]|7[0-2]|8[0-3]|9[023])|4(?:1[013-8]|3[0135]|5[14-79]|7[0-246-9]|8[0156]|9[0-689])|5(?:0[0-6]|[15][0-5]|2[0-68]|3[0-4]|4\\d|6[03-5]|7[013]|8[0-79]|9[01])|6(?:1[1-3]|2[0-4]|4[02-57]|5[0-37]|6[0-3]|7[0-2]|8[0247]|9[0-356])|9(?:1[0-68]|2\\d|3[02-5]|4[0-3]|5[0-4]|[68][01]|7[0135-8]))\\d{5,6}",[7,8,9]],["7[02369]\\d{7}",[9]],["20\\d{4,7}",[6,7,8,9]],["649\\d{6}|99[1-59]\\d{4}(?:\\d{3})?|9(?:00|39|44)[1-8]\\d{3,6}",[7,8,9,10]],["75[1-8]\\d{6}",[9]],0,["10[1-8]\\d{6}",[9]],["74[02-9]\\d{6}",[9]],0,["77[0-7]\\d{6}",[9]]]]},nonGeographic:{}};var JN=vy,KN=JN,Ms=e=>{try{return VN(e.replace("-","").replace(/ /g,""),KN)?.formatNational()||e}catch{return e}};import Kt,{useCallback as wy,useContext as qN,useState as zN}from"react";import{useTranslation as ZN}from"react-i18next";var XN=({loading:e,connections:t,onClose:r})=>{let{t:i}=ZN(),{centralStorageId:n,setCentralStorageId:o}=qN(Nn),[a,s]=zN(n),l=wy(d=>{d&&o(d)},[]),u=wy(d=>s(d.currentTarget.value),[]);return a?Kt.createElement(Ee,{title:i("item.switchBranch"),onClose:r},Kt.createElement(T,null,Kt.createElement(pe,null,Kt.createElement(ne,null,Kt.createElement("p",null,i("item.switchBranchDescription")))),Kt.createElement(pe,null,Kt.createElement(ni,null,i("item.chooseBranch")),Kt.createElement(ks,{value:a,onChange:u,options:t?.map(d=>({value:d.id,displayName:d.name})),title:i("item.chooseBranch")}))),Kt.createElement(T,null,Kt.createElement(st,{disabled:e,fullWidth:!0,onClick:()=>l(a),title:i("item.chooseSelectedBranch")||""},Kt.createElement(ie,null,i("common.choose"))))):null},Bs=XN;var iD=({branch:e,loading:t,displayBranchName:r})=>{let{t:i}=rD(),[n,o]=tD(!1),a=xy(()=>o(!0),[]),s=xy(()=>o(!1),[]);return eD(()=>{e&&n&&o(!1)},[e]),e?Le.createElement(Le.Fragment,null,n&&Le.createElement(Bs,{loading:t,connections:e?.connections,onClose:s}),Le.createElement(T,null,Le.createElement(Ke,{noMargin:!0},r?`${i("item.thisCarsIsLocatedAt")} ${e.name}`:e?.location?.city?i("item.thisCarIsAvailableAtOurBranch",{location:e?.location?.city}):i("item.contact"))),Le.createElement(T,null,Le.createElement(hy,{position:e?.location?.position})),(e?.connections?.length||0)>1&&Le.createElement(T,null,Le.createElement(ne,null,Le.createElement("p",null,i("item.centralWarehouseCarDescriptionShort")," ",Le.createElement(we,{as:"span",role:"button",onClick:a,inline:!0,title:i("item.clickHereToShowContactToAnotherBranch")||""},i("item.clickHereToShowContactToAnotherBranch")),"."))),Le.createElement(T,null,Le.createElement(Tg,null,Le.createElement(T,null,Le.createElement(Ts,null,e?.location?.streetAddress&&e?.location?.city&&Le.createElement(Gi,null,Le.createElement(Jt,null,i("common.address")),Le.createElement(Jt,null,Le.createElement(eo,null,Le.createElement(ie,null,`${e?.location?.streetAddress}, ${e?.location?.city}`)))),e?.contact?.phonenumber&&Le.createElement(ky,{phoneNumber:Ms(e.contact.phonenumber)}))),e?.openingHours&&Le.createElement(T,null,Le.createElement(by,{openingHours:e.openingHours}))))):null},Ey=iD;import{format as LD}from"date-fns";import{nb as FD,sv as RD}from"date-fns/locale";import fe,{useCallback as Hs,useEffect as _D,useState as ib}from"react";import{useTranslation as HD}from"react-i18next";import oi,{useCallback as Qi,useMemo as _y,useState as xD}from"react";import{useTranslation as ED}from"react-i18next";var Iy=[{type:"ecom"},{type:"email"},{type:"phone"}];import Ae,{useCallback as Nu,useId as mD,useMemo as pD,useState as Ps}from"react";import{useTranslation as hD}from"react-i18next";import{useCallback as oD,useState as Cy}from"react";var Bn={name:"@wayke-se/components-react",version:"5.1.0-beta.1",description:"",module:"dist/index.mjs",main:"dist/index.js",types:"dist/index.d.ts",type:"module",files:["dist"],scripts:{prebuild:"npm run clean",test:"npm run lint && npm run typecheck",lint:"npx @biomejs/biome check","lint:fix":"npx @biomejs/biome check --write",typecheck:"tsc --noEmit --skipLibCheck",gen:"graphql-codegen --config ./codegen.yml","generate-libphonenumber-metadata":"libphonenumber-metadata-generator src/utils/metadata.min.json --countries SE,NO --extended",prepare:"husky",start:"node ./esbuild/start.js",build:"npm run clean && node ./esbuild/lib.js",clean:"rimraf build && rimraf dist && rimraf dist-cdn","build:types":"tsc --emitDeclarationOnly --declaration --project tsconfig.build.json"},repository:{type:"git",url:"git+https://github.com/wayke-se/components-react.git"},author:"Ourstudio",license:"MIT",peerDependencies:{react:"^18 || ^19","react-dom":"^18 || ^19","styled-components":"^6"},devDependencies:{"@biomejs/biome":"2.4.16","@graphql-codegen/cli":"^7.1.2","@graphql-codegen/typescript":"^6.0.2","@types/googlemaps":"^3.43.3","@types/node":"^25.9.2","@types/react":"^19.2.17","@types/react-dom":"^19.2.3","@types/react-slick":"^0.23.13","@wayke-se/ecom-web":"^2.1.0",dotenv:"^17.4.2",esbuild:"^0.28.0","esbuild-plugin-copy":"^2.1.1",husky:"^9.1.7","libphonenumber-metadata-generator":"^2.0.6","lint-staged":"^17.0.7","npm-dts":"^1.3.13",react:"^19.2.7","react-dom":"^19.2.7","react-router-dom":"^7.17.0",rimraf:"^6.1.3","styled-components":"^6.4.2",typescript:"^6.0.3"},dependencies:{"@apollo/client":"^4.2.3","@emotion/is-prop-valid":"^1.4.0","@photo-sphere-viewer/core":"^5.14.1","date-fns":"^4.4.0",graphql:"^16.14.2",i18next:"^26.3.1","libphonenumber-js":"^1.13.6",marked:"^18.0.5","react-compound-slider":"^3.4.0","react-i18next":"^17.0.8","react-slick":"^0.31.0","scroll-into-view-if-needed":"^3.1.0"}};var aD=(e,t="SE")=>{let[r,i]=Cy(!1),[n,o]=Cy(null),a=oD(async({itemId:s,branchId:l,communication:u,firstName:d,lastName:h,phoneNumber:p,email:f,message:v,tradeInCarRegNo:k,tradeInCarMileage:A})=>{if(!e)throw new Error("Missing apiUrl, cannot submit lead");i(!0),o(null);let y={firstName:d,lastName:h,phoneNumber:p,email:f,branchId:l,type:"registrationOfInterestToBuy",metaData:[{key:"source",value:window.location.hostname.replace(/^www\./,"")},{key:"sourceMechanism",value:`cta.${u}`},{key:"client",value:"components-react"},{key:"clientVersion",value:Bn.version},{key:"itemForSaleId",value:s},...k?[{key:"registrationNumber",value:k}]:[],...A?[{key:"tradeInCarMileage",value:A},{key:"readingUnit",value:t==="NO"?"Kilometer":"ScandinavianMile"}]:[],{key:"message",value:v||""}]};try{let g=`${new URL(e).origin}/lead`,w=await fetch(g,{method:"POST",body:JSON.stringify(y),headers:{"Content-Type":"application/json; charset=UTF-8"}});if(!w.ok)throw new Error(`Request failed with status ${w.status}`);return await w.json()}catch(g){throw o(g instanceof Error?g.message:"Something went wrong"),g}finally{i(!1)}},[e,t]);return{isLoading:r,error:n,submitLead:a}},Sy=aD;import lD from"react";import sD from"styled-components";var Ny=sD.div`
|
|
5173
|
+
`;var yy=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"],RN=(e,t)=>{switch(t){case"monday":return e("common.mondayShort");case"tuesday":return e("common.tuesdayShort");case"wednesday":return e("common.wednesdayShort");case"thursday":return e("common.thursdayShort");case"friday":return e("common.fridayShort");case"saturday":return e("common.saturdayShort");case"sunday":return e("common.sundayShort")}},_N=[],HN=(e,t)=>yy.reduce((r,i)=>{let n=RN(e,i),o=t[i],a=r?.[r.length-1];return a&&a.from==o?.from&&a.until===o?.until?r[r.length-1].titleTo=n:r.push({titleFrom:n,from:o?.from,until:o?.until}),r},_N.slice()),GN=(e,t)=>{let r=new Date().getDay(),i=yy[r===0?6:r-1],n=t[i];return{title:e(n?"item.openingHoursToday":"item.closedToday"),from:n?.from,until:n?.until}},gy=e=>{let t=e.split(":").map(r=>parseInt(r,10));return new Date().setHours(t[0],t[1]).valueOf()},UN=({openingHours:e})=>{let{t}=FN(),r=Cu(()=>e?GN(t,e):null,[e]),i=Cu(()=>{try{if(r?.from&&r?.until){let o=new Date().valueOf(),a=gy(r.from),s=gy(r.until);return o>=a&&o<=s}}catch{return!1}},[r]),n=Cu(()=>e?HN(t,e):null,[e]);return n?yt.createElement(yt.Fragment,null,yt.createElement(Re,null,yt.createElement(fy,{label:t(i?"item.open":"item.closed"),severity:i?"positive":"negative"})),yt.createElement(Re,null,yt.createElement(Ts,null,yt.createElement(Gi,null,yt.createElement(Jt,null,yt.createElement(Si,null,r?.title)),yt.createElement(Jt,null,yt.createElement(Si,null,r?.from?`${r.from} - ${r.until}`:t("item.closed")))),n.map(o=>yt.createElement(Gi,{key:o.titleFrom},yt.createElement(Jt,null,o.titleTo?`${o.titleFrom} - ${o.titleTo}`:o.titleFrom),yt.createElement(Jt,null,o.from?`${o.from} - ${o.until}`:t("item.closed"))))))):null},by=UN;import Ui,{useCallback as QN,useState as jN}from"react";import{useTranslation as YN}from"react-i18next";var WN=({phoneNumber:e})=>{let{t}=YN(),[r,i]=jN(!1),n=QN(()=>!r&&i(!0),[r]);return Ui.createElement(Gi,null,Ui.createElement(Jt,null,t("other.phoneNumber")),Ui.createElement(Jt,null,r?Ui.createElement(eo,{as:"a",href:`tel:${e}`,title:t("other.callPhoneNumber",{phoneNumber:e})||""},Ui.createElement(ie,null,e)):Ui.createElement(eo,{onClick:n,title:t("other.showPhoneNumber")||""},Ui.createElement(ie,null,t("other.showPhoneNumber")))))},ky=WN;import{parsePhoneNumberFromString as VN}from"libphonenumber-js/core";var vy={version:4,country_calling_codes:{"46":["SE"],"47":["NO"]},countries:{NO:["47","00","(?:0|[2-9]\\d{3})\\d{4}",[5,8],[["(\\d{3})(\\d{2})(\\d{3})","$1 $2 $3",["8"]],["(\\d{2})(\\d{2})(\\d{2})(\\d{2})","$1 $2 $3 $4",["[2-79]"]]],0,0,0,0,0,"[02-689]|7[0-8]",[["(?:2[1-4]|3[1-3578]|5[1-35-7]|6[1-4679]|7[0-8])\\d{6}",[8]],["(?:4[015-8]|9\\d)\\d{6}",[8]],["80[01]\\d{5}",[8]],["82[09]\\d{5}",[8]],["880\\d{5}",[8]],0,["(?:0[2-9]|81(?:0(?:0[7-9]|1\\d)|5\\d\\d))\\d{3}"],0,["85[0-5]\\d{5}",[8]],["810(?:0[0-6]|[2-8]\\d)\\d{3}",[8]]]],SE:["46","00","(?:[26]\\d\\d|9)\\d{9}|[1-9]\\d{8}|[1-689]\\d{7}|[1-4689]\\d{6}|2\\d{5}",[6,7,8,9,10],[["(\\d{2})(\\d{2,3})(\\d{2})","$1-$2 $3",["20"],"0$1",0,"$1 $2 $3"],["(\\d{3})(\\d{4})","$1-$2",["9(?:00|39|44|9)"],"0$1",0,"$1 $2"],["(\\d{2})(\\d{3})(\\d{2})","$1-$2 $3",["[12][136]|3[356]|4[0246]|6[03]|90[1-9]"],"0$1",0,"$1 $2 $3"],["(\\d)(\\d{2,3})(\\d{2})(\\d{2})","$1-$2 $3 $4",["8"],"0$1",0,"$1 $2 $3 $4"],["(\\d{3})(\\d{2,3})(\\d{2})","$1-$2 $3",["1[2457]|2(?:[247-9]|5[0138])|3[0247-9]|4[1357-9]|5[0-35-9]|6(?:[125689]|4[02-57]|7[0-2])|9(?:[125-8]|3[02-5]|4[0-3])"],"0$1",0,"$1 $2 $3"],["(\\d{3})(\\d{2,3})(\\d{3})","$1-$2 $3",["9(?:00|39|44)"],"0$1",0,"$1 $2 $3"],["(\\d{2})(\\d{2,3})(\\d{2})(\\d{2})","$1-$2 $3 $4",["1[13689]|2[0136]|3[1356]|4[0246]|54|6[03]|90[1-9]"],"0$1",0,"$1 $2 $3 $4"],["(\\d{2})(\\d{3})(\\d{2})(\\d{2})","$1-$2 $3 $4",["10|7"],"0$1",0,"$1 $2 $3 $4"],["(\\d)(\\d{3})(\\d{3})(\\d{2})","$1-$2 $3 $4",["8"],"0$1",0,"$1 $2 $3 $4"],["(\\d{3})(\\d{2})(\\d{2})(\\d{2})","$1-$2 $3 $4",["[13-5]|2(?:[247-9]|5[0138])|6(?:[124-689]|7[0-2])|9(?:[125-8]|3[02-5]|4[0-3])"],"0$1",0,"$1 $2 $3 $4"],["(\\d{3})(\\d{2})(\\d{2})(\\d{3})","$1-$2 $3 $4",["9"],"0$1",0,"$1 $2 $3 $4"],["(\\d{3})(\\d{2})(\\d{3})(\\d{2})(\\d{2})","$1-$2 $3 $4 $5",["[26]"],"0$1",0,"$1 $2 $3 $4 $5"]],"0",0,0,0,0,0,[["(?:(?:[12][136]|3[356]|4[0246]|6[03]|8\\d)\\d|90[1-9])\\d{4,6}|(?:1(?:2[0-35]|4[0-4]|5[0-25-9]|7[13-6]|[89]\\d)|2(?:2[0-7]|4[0136-8]|5[0138]|7[018]|8[01]|9[0-57])|3(?:0[0-4]|1\\d|2[0-25]|4[056]|7[0-2]|8[0-3]|9[023])|4(?:1[013-8]|3[0135]|5[14-79]|7[0-246-9]|8[0156]|9[0-689])|5(?:0[0-6]|[15][0-5]|2[0-68]|3[0-4]|4\\d|6[03-5]|7[013]|8[0-79]|9[01])|6(?:1[1-3]|2[0-4]|4[02-57]|5[0-37]|6[0-3]|7[0-2]|8[0247]|9[0-356])|9(?:1[0-68]|2\\d|3[02-5]|4[0-3]|5[0-4]|[68][01]|7[0135-8]))\\d{5,6}",[7,8,9]],["7[02369]\\d{7}",[9]],["20\\d{4,7}",[6,7,8,9]],["649\\d{6}|99[1-59]\\d{4}(?:\\d{3})?|9(?:00|39|44)[1-8]\\d{3,6}",[7,8,9,10]],["75[1-8]\\d{6}",[9]],0,["10[1-8]\\d{6}",[9]],["74[02-9]\\d{6}",[9]],0,["77[0-7]\\d{6}",[9]]]]},nonGeographic:{}};var JN=vy,KN=JN,Ms=e=>{try{return VN(e.replace("-","").replace(/ /g,""),KN)?.formatNational()||e}catch{return e}};import Kt,{useCallback as wy,useContext as qN,useState as zN}from"react";import{useTranslation as ZN}from"react-i18next";var XN=({loading:e,connections:t,onClose:r})=>{let{t:i}=ZN(),{centralStorageId:n,setCentralStorageId:o}=qN(Nn),[a,s]=zN(n),l=wy(d=>{d&&o(d)},[]),u=wy(d=>s(d.currentTarget.value),[]);return a?Kt.createElement(Ee,{title:i("item.switchBranch"),onClose:r},Kt.createElement(T,null,Kt.createElement(pe,null,Kt.createElement(ne,null,Kt.createElement("p",null,i("item.switchBranchDescription")))),Kt.createElement(pe,null,Kt.createElement(ni,null,i("item.chooseBranch")),Kt.createElement(ks,{value:a,onChange:u,options:t?.map(d=>({value:d.id,displayName:d.name})),title:i("item.chooseBranch")}))),Kt.createElement(T,null,Kt.createElement(st,{disabled:e,fullWidth:!0,onClick:()=>l(a),title:i("item.chooseSelectedBranch")||""},Kt.createElement(ie,null,i("common.choose"))))):null},Bs=XN;var iD=({branch:e,loading:t,displayBranchName:r})=>{let{t:i}=rD(),[n,o]=tD(!1),a=xy(()=>o(!0),[]),s=xy(()=>o(!1),[]);return eD(()=>{e&&n&&o(!1)},[e]),e?Le.createElement(Le.Fragment,null,n&&Le.createElement(Bs,{loading:t,connections:e?.connections,onClose:s}),Le.createElement(T,null,Le.createElement(Ke,{noMargin:!0},r?`${i("item.thisCarsIsLocatedAt")} ${e.name}`:e?.location?.city?i("item.thisCarIsAvailableAtOurBranch",{location:e?.location?.city}):i("item.contact"))),Le.createElement(T,null,Le.createElement(hy,{position:e?.location?.position})),(e?.connections?.length||0)>1&&Le.createElement(T,null,Le.createElement(ne,null,Le.createElement("p",null,i("item.centralWarehouseCarDescriptionShort")," ",Le.createElement(we,{as:"span",role:"button",onClick:a,inline:!0,title:i("item.clickHereToShowContactToAnotherBranch")||""},i("item.clickHereToShowContactToAnotherBranch")),"."))),Le.createElement(T,null,Le.createElement(Tg,null,Le.createElement(T,null,Le.createElement(Ts,null,e?.location?.streetAddress&&e?.location?.city&&Le.createElement(Gi,null,Le.createElement(Jt,null,i("common.address")),Le.createElement(Jt,null,Le.createElement(eo,null,Le.createElement(ie,null,`${e?.location?.streetAddress}, ${e?.location?.city}`)))),e?.contact?.phonenumber&&Le.createElement(ky,{phoneNumber:Ms(e.contact.phonenumber)}))),e?.openingHours&&Le.createElement(T,null,Le.createElement(by,{openingHours:e.openingHours}))))):null},Ey=iD;import{format as LD}from"date-fns";import{nb as FD,sv as RD}from"date-fns/locale";import fe,{useCallback as Hs,useEffect as _D,useState as ib}from"react";import{useTranslation as HD}from"react-i18next";import oi,{useCallback as Qi,useMemo as _y,useState as xD}from"react";import{useTranslation as ED}from"react-i18next";var Iy=[{type:"ecom"},{type:"email"},{type:"phone"}];import Ae,{useCallback as Nu,useId as mD,useMemo as pD,useState as Ps}from"react";import{useTranslation as hD}from"react-i18next";import{useCallback as oD,useState as Cy}from"react";var Bn={name:"@wayke-se/components-react",version:"5.1.0-beta.2",description:"",module:"dist/index.mjs",main:"dist/index.js",types:"dist/index.d.ts",type:"module",files:["dist"],scripts:{prebuild:"npm run clean",test:"npm run lint && npm run typecheck",lint:"npx @biomejs/biome check","lint:fix":"npx @biomejs/biome check --write",typecheck:"tsc --noEmit --skipLibCheck",gen:"graphql-codegen --config ./codegen.yml","generate-libphonenumber-metadata":"libphonenumber-metadata-generator src/utils/metadata.min.json --countries SE,NO --extended",prepare:"husky",start:"node ./esbuild/start.js",build:"npm run clean && node ./esbuild/lib.js",clean:"rimraf build && rimraf dist && rimraf dist-cdn","build:types":"tsc --emitDeclarationOnly --declaration --project tsconfig.build.json"},repository:{type:"git",url:"git+https://github.com/wayke-se/components-react.git"},author:"Ourstudio",license:"MIT",peerDependencies:{react:"^18 || ^19","react-dom":"^18 || ^19","styled-components":"^6"},devDependencies:{"@biomejs/biome":"2.4.16","@graphql-codegen/cli":"^7.1.2","@graphql-codegen/typescript":"^6.0.2","@types/googlemaps":"^3.43.3","@types/node":"^25.9.2","@types/react":"^19.2.17","@types/react-dom":"^19.2.3","@types/react-slick":"^0.23.13","@wayke-se/ecom-web":"^2.1.0",dotenv:"^17.4.2",esbuild:"^0.28.0","esbuild-plugin-copy":"^2.1.1",husky:"^9.1.7","libphonenumber-metadata-generator":"^2.0.6","lint-staged":"^17.0.7","npm-dts":"^1.3.13",react:"^19.2.7","react-dom":"^19.2.7","react-router-dom":"^7.17.0",rimraf:"^6.1.3","styled-components":"^6.4.2",typescript:"^6.0.3"},dependencies:{"@apollo/client":"^4.2.3","@emotion/is-prop-valid":"^1.4.0","@photo-sphere-viewer/core":"^5.14.1","date-fns":"^4.4.0",graphql:"^16.14.2",i18next:"^26.3.1","libphonenumber-js":"^1.13.6",marked:"^18.0.5","react-compound-slider":"^3.4.0","react-i18next":"^17.0.8","react-slick":"^0.31.0","scroll-into-view-if-needed":"^3.1.0"}};var aD=(e,t="SE")=>{let[r,i]=Cy(!1),[n,o]=Cy(null),a=oD(async({itemId:s,branchId:l,communication:u,firstName:d,lastName:h,phoneNumber:p,email:f,message:v,tradeInCarRegNo:k,tradeInCarMileage:A})=>{if(!e)throw new Error("Missing apiUrl, cannot submit lead");i(!0),o(null);let y={firstName:d,lastName:h,phoneNumber:p,email:f,branchId:l,type:"registrationOfInterestToBuy",metaData:[{key:"source",value:window.location.hostname.replace(/^www\./,"")},{key:"sourceMechanism",value:`cta.${u}`},{key:"client",value:"components-react"},{key:"clientVersion",value:Bn.version},{key:"itemForSaleId",value:s},...k?[{key:"registrationNumber",value:k}]:[],...A?[{key:"tradeInCarMileage",value:A},{key:"readingUnit",value:t==="NO"?"Kilometer":"ScandinavianMile"}]:[],{key:"message",value:v||""}]};try{let g=`${new URL(e).origin}/lead`,w=await fetch(g,{method:"POST",body:JSON.stringify(y),headers:{"Content-Type":"application/json; charset=UTF-8"}});if(!w.ok)throw new Error(`Request failed with status ${w.status}`);return await w.json()}catch(g){throw o(g instanceof Error?g.message:"Something went wrong"),g}finally{i(!1)}},[e,t]);return{isLoading:r,error:n,submitLead:a}},Sy=aD;import lD from"react";import sD from"styled-components";var Ny=sD.div`
|
|
5174
5174
|
margin-top: ${m(.5)};
|
|
5175
5175
|
font-size: 0.875rem;
|
|
5176
5176
|
color: ${e=>e.theme.color.ui.negative};
|
|
@@ -5486,7 +5486,7 @@ and ensure you are accounting for this risk.
|
|
|
5486
5486
|
`,Hb=Ru.div`
|
|
5487
5487
|
flex-shrink: 0;
|
|
5488
5488
|
padding-left: ${m(2)};
|
|
5489
|
-
`;var TT=({children:e,onClick:t,actionTitle:r})=>Oo.createElement(Rb,null,Oo.createElement(_b,null,e),t&&r&&Oo.createElement(Hb,null,Oo.createElement(Jr,{as:"a",href:"#",onClick:t},Oo.createElement(ie,null,r)))),_u=TT;import{useContext as BT,useEffect as OT}from"react";import{createContext as MT}from"react";var Ys=MT({moreLikeThisUrl:!1,loading:!1,error:!1,response:void 0,fetchRelated:e=>{}});var PT=(e,t)=>{let r=BT(Ys);return OT(()=>{let i=new URLSearchParams;i.set("hits","3"),r.moreLikeThisUrl&&e&&i.set("id",e),t&&i.set("isAuthorizedResellerForManufacturer","true"),r.fetchRelated(i)},[e]),r},Gb=PT;var Ub=/[0-9a-f]{8}-[0-9a-f]{4}-[0-
|
|
5489
|
+
`;var TT=({children:e,onClick:t,actionTitle:r})=>Oo.createElement(Rb,null,Oo.createElement(_b,null,e),t&&r&&Oo.createElement(Hb,null,Oo.createElement(Jr,{as:"a",href:"#",onClick:t},Oo.createElement(ie,null,r)))),_u=TT;import{useContext as BT,useEffect as OT}from"react";import{createContext as MT}from"react";var Ys=MT({moreLikeThisUrl:!1,loading:!1,error:!1,response:void 0,fetchRelated:e=>{}});var PT=(e,t)=>{let r=BT(Ys);return OT(()=>{let i=new URLSearchParams;i.set("hits","3"),r.moreLikeThisUrl&&e&&i.set("id",e),t&&i.set("isAuthorizedResellerForManufacturer","true"),r.fetchRelated(i)},[e]),r},Gb=PT;var Ub=/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,LT=e=>e.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&"),Qb=e=>!e||e?Ub:new RegExp(`${LT(e)}${Ub.source}`,"gi");var _T=({id:e,hashRoute:t,pathRoute:r,authorizedReseller:i,displayBranchName:n,onClickSearchItem:o})=>{let{t:a}=RT(),{loading:s,response:l,moreLikeThisUrl:u}=Gb(e,!!i),d=FT(h=>{W.publish("ItemClicked",h),o&&o(h.id)},[o]);return!l?.documentList.documents.length||l?.documentList.documents.length===0?null:s?Ut.createElement(cr,null):Ut.createElement(It,{accent:!0,large:!0,className:"wayke__theme wayke__color--accent-bg"},Ut.createElement(xt,null,u?Ut.createElement(T,null,Ut.createElement(_u,{onClick:()=>{}},Ut.createElement(Ke,{noMargin:!0},a("item.relatedVehicles")))):Ut.createElement(T,null,Ut.createElement(_u,{onClick:()=>{},actionTitle:"Visa alla"},Ut.createElement(Ke,{noMargin:!0},a("item.latestVehicles")))),Ut.createElement(T,null,Ut.createElement(Cs,{accentBg:!0,columns:1.05,columnsSm:2.1,columnsMd:3,spacing:2,items:l?.documentList.documents.map(h=>{let p=r?`/${r}`:"/",f=Qb(),v=window.location.pathname==="/"?`${p}${h._id}`:f.test(`${r}${e}`)?window.location.pathname.replace(f,h._id):`${window.location.pathname}${p}${h._id}`;return Ut.createElement(_a,{key:h._id,id:h._id,onClick:d,title:h.title,href:r?v:t?`#${h._id}`:void 0,imageFile:h.featuredImage?.files?.[0],description:h.shortDescription,branch:h.branches?.[0],branchName:n?h.branches?.[0]?.name:void 0,uspList:[{title:h.modelYear},{title:`${J(h.odometerReading?.value||h.mileage)} ${a(`odometer.${h.odometerReading?.unit||"ScandinavianMile"}`)}`},{title:h.gearboxType},{title:h.fuelType}],price:`${J(h.price)} ${a("currency.default")}`,oldPrice:h.oldPrice!==void 0&&h.price<h.oldPrice?`${J(h.oldPrice)} ${a("currency.default")}`:void 0,leasingPrice:h.leasingPrice!==void 0?`${J(h.leasingPrice)} ${a("currency.monthly")}`:void 0,businessLeasingPrice:h.businessLeasingPrice!==void 0?`${J(h.businessLeasingPrice)} ${a("currency.monthly")}`:void 0,pathRoute:r})})}))))},jb=_T;import{useEffect as mH,useRef as PI}from"react";function pH(e,t,r){let i=PI(void 0),n=PI(r);n.current=r;let o=async()=>{if(t)try{let a=await Promise.resolve().then(()=>(OI(),BI));a&&(i.current=new a.default({id:e,ecomSdkConfig:{api:{address:t.url},bankIdThumbprint:t?.bankIdThumbprint},logo:t.serviceLogotypeUrl,logoX2:t.serviceLogotypeUrl,onEvent:(s,l,u,d)=>{W.publish("Ecom",{id:e,branchId:n.current?.id,branchName:n.current?.name,view:s,event:l,currentStep:u,data:d})}}))}catch{}};return mH(()=>(o(),()=>{i.current&&i.current.destroy()}),[]),i}var LI=pH;var gH=({marketCode:e="SE",id:t,hashRoute:r,pathRoute:i,disableResetScrollOnInit:n,placeholderImage:o,modifyDocumentTitleItem:a,displayBranchName:s,conversionOptions:l,onClickSearchItem:u})=>{let d=fn(e),{ecomSettings:h}=Dn(),{loading:p,data:f}=Bg(t),{vehicle:v,loading:k}=Fg(f?.vehicle),A=v?.contact,y=v?.branch,g=LI(t,h,y),[w,F]=fH(!1),j=FI(()=>F(!w),[w]);RI(()=>{n||window.scrollTo(0,0),W.publish("View",{type:"item",id:t})},[]),RI(()=>{if(f?.vehicle?.data&&a){let{vehicle:Wr}=f,{registrationNumber:cc}=Wr.data;document.title=`${cc} | ${Wr.title} | ${Wr.shortDescription}`}},[f]);let U=AH(()=>f?.vehicle?.data?.options?.filter(lo).map(Wr=>({title:Wr})),[f?.vehicle?.data?.options]),$=FI(()=>W.publish("OptionsClick",{id:t,branchId:y?.id,branchName:y?.name}),[y]);if(!d)return null;if(p)return _.createElement(gb,null);if(!f?.vehicle?.data)return _.createElement(fb,null);let{vehicle:G}=f,{title:C,accessories:S,shortDescription:L,media:D,description:M,price:P,discount:b,financialOptions:x,manufacturer:E,ecommerce:B,packageOptions:q,publishedAt:ae,documents:Be,availableFrom:Oe,flags:K}=G,z=v?.insuranceOptions?v.insuranceOptions:G.insuranceOptions,{fuelType:Ge,mileage:ue,gearboxType:re,odometerReading:Ce,modelYear:Ue,propertySet:We}=G.data,Pt=[{title:Ue}];return K?.demoVersion&&Pt.push({title:ye.t("item.demoCar"),onClick:j}),Pt.push({title:`${J(Ce?.value||ue)} ${ye.t(`odometer.${Ce?.unit||"ScandinavianMile"}`)}`}),re&&Pt.push({title:re}),Ge&&Pt.push({title:Ge}),_.createElement(_.Fragment,null,_.createElement(ei,null,_.createElement(It,{large:!0},_.createElement(xt,null,_.createElement(Ng,null,_.createElement(Dg,null,_.createElement(Sn,{mobileOrder:1},!i&&r?_.createElement(T,null,_.createElement(ka,null,_.createElement(Np,{as:"a",href:"#",title:ye.t("navigation.backToSearch")},_.createElement(ie,null,_.createElement(cn,{block:!0})),_.createElement(ie,null,ye.t("navigation.backToSearch"))))):null,E?.logotype&&_.createElement(T,null,_.createElement(ze,{logo:E.logotype,alt:E.name})),_.createElement(T,null,_.createElement(Re,null,_.createElement(Lt,{noMargin:!0},C)),L&&_.createElement(Re,null,_.createElement("div",null,L)),_.createElement(Re,null,_.createElement(ho,{small:!0,items:Pt})))),_.createElement(Sn,{mobileOrder:2},_.createElement(Sg,{price:P,discount:b||void 0})),(x.length>0||z.length>0)&&_.createElement(Sn,{mobileOrder:4},x.length>0&&_.createElement(qf,{id:t,branch:y,financialOptions:x,marketCode:e}),z.length>0&&_.createElement(wg,{id:t,branch:v?.branch,insuranceOptions:z})),_.createElement(Sn,{mobileOrder:5},_.createElement(nb,{id:t,title:C,vehicleData:G.data,conversionOptions:l,marketCode:e,manufacturer:E,packageOptions:q,ecommerce:B,branch:y,contact:v?.contact,loadingCentralStorageVehicle:k,availableFrom:Oe,toggleEcomModal:()=>g.current?.start()}))),_.createElement(Es,null,_.createElement(Sn,{mobileOrder:3},_.createElement(F0,{id:t,branch:y,media:D,placeholderImage:o})),_.createElement(St,null,_.createElement(T,null,_.createElement(Ke,{noMargin:!0},ye.t("item.carData"))),_.createElement(T,null,_.createElement(ne,null,_.createElement("p",null,ye.t("item.carDataDescription")))),_.createElement(T,null,_.createElement(Fb,{propertySet:We,vehicleData:G.data}))),M&&_.createElement(St,null,_.createElement(uf,{author:A&&A.name?A.name:null,date:ae?so.format(ae,so.DayMonth,e):void 0,avatar:A?.avatar||void 0},!!M&&_.createElement("div",{dangerouslySetInnerHTML:{__html:hH(M)}}))),(U?.length||0)>0&&_.createElement(St,null,_.createElement(T,null,_.createElement(Ke,{noMargin:!0},ye.t("item.equipment"))),_.createElement(T,null,_.createElement(ne,null,_.createElement("p",null,ye.t("item.equipmentDescription")))),_.createElement(T,null,_.createElement($a,{actionTitle:ye.t("common.showMore"),onClick:$},_.createElement(ho,{items:U})))),_.createElement(pb,{documents:Be}),_.createElement(cy,{accessories:S}),_.createElement(St,null,_.createElement(Ey,{branch:y,displayBranchName:s,loading:k}),B&&B.enabled&&_.createElement(T,null,_.createElement(st,{disabled:!!B.reserved,title:"K\xF6p bilen online",onClick:()=>g.current?.start()},"K\xF6p bilen online"))),_.createElement(Ab,{packageOptions:q}),_.createElement(hb,{packageOption:E?.packageOption}))))),_.createElement(jb,{id:t,hashRoute:r,pathRoute:i,authorizedReseller:!!y?.flags?.authorizedReseller,displayBranchName:s,onClickSearchItem:u})),_.createElement(io,{id:lr.DefaultPortal}),w&&_.createElement(ob,{onClose:j}))},pp=gH;import ZI from"react";import Ci from"react";import yH from"styled-components";var bH=yH.div.attrs(()=>({className:"wayke__theme wayke__font--regular"}))`
|
|
5490
5490
|
background-color: ${e=>e.theme.color.bg};
|
|
5491
5491
|
color: ${e=>e.theme.color.textDark};
|
|
5492
5492
|
font-size: 1rem;
|