@wayke-se/components-react 5.1.0-beta.1 → 5.1.0
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.js
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 U3=({label:e,...t})=>zu.default.createElement(ky,null,zu.default.createElement(vy,{"aria-label":e,...t})),hl=U3;var Q3=({id:e,branch:t,onClose:r,insuranceOptions:i})=>{let{t:n}=(0,wy.useTranslation)(),[o,a]=(0,U.useState)({ssn:"",drivingDistance:"BETWEEN0AND1000"}),[s,l]=(0,U.useState)(),{loading:u,data:d,error:A}=Yg(e,t?.id?t?.id:void 0,ml(s?.ssn)?s?.ssn:void 0,s?.drivingDistance),h=(0,U.useCallback)(b=>a({...o,ssn:b.currentTarget.value}),[o]),g=(0,U.useCallback)(b=>a({...o,drivingDistance:b.currentTarget.value}),[o]),x=(0,U.useMemo)(()=>({branchId:t?.id,branchName:t?.name}),[t]),w=(0,U.useCallback)(()=>{J.publish("InsuranceInterest",x),l(o)},[o,x]),f=(0,U.useCallback)(b=>{b.keyCode===13&&ml(o.ssn)&&!u&&w()},[o]),k=[{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 U.default.createElement(De,{title:n("item.insurance"),onClose:r},(i?.description||i?.logotype)&&U.default.createElement(B,null,i.description?U.default.createElement($s,null,U.default.createElement(Vs,null,U.default.createElement(ue,null,U.default.createElement("p",null,i.description))),i.logotype&&U.default.createElement(Js,null,U.default.createElement(ct,{logo:i.logotype,alt:i.name||n("common.logotype"),wide:!0}))):U.default.createElement(U.default.Fragment,null,i.logotype&&U.default.createElement(ct,{logo:i.logotype,alt:i.name||n("common.logotype"),wide:!0}))),U.default.createElement(B,null,U.default.createElement(je,null,U.default.createElement(ge,null,U.default.createElement(dy,null,U.default.createElement(Ju,null,U.default.createElement(Pi,{htmlFor:"input-insurance-personalnumber"},n("item.personalNumber")),U.default.createElement(hl,{placeholder:"\xC5\xC5\xC5\xC5MMDD-XXXX",label:n("item.personalNumber"),value:o.ssn,onChange:h,onKeyDown:f,id:"input-insurance-personalnumber"})),U.default.createElement(Ju,null,U.default.createElement(Pi,{htmlFor:"input-insurance-mileage"},n("item.estimatedAnualMileage")),U.default.createElement(pl,{value:o.drivingDistance,onChange:g,options:k,unit:"mil",title:n("item.estimatedAnualMileage")})))),U.default.createElement(ge,null,U.default.createElement(St,{fullWidth:!0,disabled:!ml(o.ssn)||u,onClick:w},U.default.createElement(ce,null,n("item.showInsurances"))))),!1,U.default.createElement(je,null,U.default.createElement(ue,{small:!0},U.default.createElement("p",null,n("item.savePersonalNumberOnThisDeviceHelp"))))),u&&U.default.createElement(B,null,U.default.createElement(Br,null)),A&&U.default.createElement(B,null,U.default.createElement(na,{severity:"error",icon:!0,heading:n("common.anErrorHasOccured")||void 0},n("item.couldNotfetchInsurances"))),U.default.createElement(U.default.Fragment,null,d?.insurances&&U.default.createElement(B,null,d?.insurances.map(b=>U.default.createElement(B,{key:b.name},U.default.createElement(Xg,{heading:`${z(b.price)} ${b.unit}`,description:b.name},U.default.createElement(B,null,U.default.createElement(U.default.Fragment,null,b.description&&U.default.createElement(ge,null,U.default.createElement(ue,null,U.default.createElement("p",null,b.description)))),U.default.createElement(U.default.Fragment,null,b.url&&U.default.createElement(ge,null,U.default.createElement(Ce,{as:"a",href:b.url||"",target:"_blank",rel:"noopener noreferrer nofollow",title:n("item.openPrePurchaseInformationInNewTab")||""},n("item.openPrePurchaseInformationInNewTab"))))),b.items&&b.items.length>0&&U.default.createElement(B,null,U.default.createElement(bu,null,n("item.insuranceIncludes")),b.items.map(E=>U.default.createElement(je,{key:E.name||""},U.default.createElement(Wu,{title:E.name||""},E.description)))),b.addons&&b.addons.length>0&&U.default.createElement(B,null,U.default.createElement(bu,null,n("item.addInsuranceHeading")),b.addons.map(E=>U.default.createElement(je,{key:E.title||""},U.default.createElement(Wg,null,U.default.createElement(Yu,null,U.default.createElement(Wu,{title:E.title||""},E.description)),U.default.createElement(Yu,null,U.default.createElement(nn,null,"+",E.price," ",E.unit))))))))))))},xy=Q3;var j3=({id:e,branch:t,insuranceOptions:r})=>{let{t:i}=(0,Ey.useTranslation)(),[n,o]=(0,tt.useState)(!1),a=(0,tt.useCallback)(()=>{o(!n),J.publish(n?"InsuranceClose":"InsuranceOpen",{id:e,branchId:t?.id,branchName:t?.name})},[n,t]);return r.length?tt.default.createElement(tt.default.Fragment,null,n&&tt.default.createElement(xy,{id:e,branch:t,onClose:a,insuranceOptions:r[0]}),tt.default.createElement(B,null,tt.default.createElement(ge,null,tt.default.createElement(wi,null,i("item.addInsurance"))),tt.default.createElement(ge,null,tt.default.createElement(tt.default.Fragment,null,r.map((s,l)=>tt.default.createElement(ni,{key:`${s.url}-${l}`,logo:s.logotype||void 0,logoAlt:s.name||i("common.logotype")},tt.default.createElement(pn,null,i("item.getInsuranceQuote")),tt.default.createElement(ii,null,tt.default.createElement("p",null,tt.default.createElement(Ce,{onClick:a},i("common.moreInformation")))))))))):null},Iy=j3;var Dy=p("marked"),rt=y(p("react"),1),Ty=p("react-i18next");var Cy=p("marked"),Li=y(p("react"),1),Sy=p("react-i18next");var Y3=({onClose:e,insuranceOptions:t})=>{let{t:r}=(0,Sy.useTranslation)();return Li.default.createElement(De,{title:t?.insuranceHeader??r("item.insurance"),onClose:e},t?.longDescription&&Li.default.createElement(B,null,Li.default.createElement(ue,{dangerouslySetInnerHTML:{__html:(0,Cy.marked)(t.longDescription)}})),t?.url&&Li.default.createElement(B,null,Li.default.createElement(Ce,{as:"a",href:t.url,title:r("item.readMoreAboutInsuranceInNewTab")||"",target:"_blank",rel:"noopener noreferrer"},r("item.readMoreAboutInsuranceInNewTab"))),t?.logotype&&Li.default.createElement(B,null,Li.default.createElement(ct,{logo:t.logotype,alt:t.name||r("common.logotype"),wide:!0})))},Ny=Y3;var W3=({id:e,branch:t,insuranceOptions:r})=>{let{t:i}=(0,Ty.useTranslation)(),[n,o]=(0,rt.useState)(!1),a=(0,rt.useCallback)(()=>{o(!n),J.publish(n?"InsuranceClose":"InsuranceOpen",{id:e,branchId:t?.id,branchName:t?.name})},[n,t]);return r.length?rt.default.createElement(rt.default.Fragment,null,n&&rt.default.createElement(Ny,{onClose:a,insuranceOptions:r[0]}),rt.default.createElement(B,null,rt.default.createElement(ge,null,rt.default.createElement(wi,null,r[0]?.insuranceHeader??i("item.insurance"))),rt.default.createElement(ge,null,rt.default.createElement(rt.default.Fragment,null,r.map((s,l)=>rt.default.createElement(ni,{key:`${s.url}-${l}`,logo:s.logotype||void 0,logoAlt:s.name||i("common.logotype")},s.description&&rt.default.createElement(ue,{dangerouslySetInnerHTML:{__html:(0,Dy.marked)(s.description)}}),rt.default.createElement(ii,null,rt.default.createElement("p",null,rt.default.createElement(Ce,{onClick:a},i("common.moreInformation")))))))))):null},My=W3;var $3=({id:e,branch:t,insuranceOptions:r})=>r.length&&r.length>0?r[0].requiresDistance&&r[0].requiresPersonalNumber?Zu.default.createElement(Iy,{id:e,branch:t,insuranceOptions:r}):Zu.default.createElement(My,{id:e,branch:t,insuranceOptions:r}):null,By=$3;var gr=y(p("react"),1),Fy=p("react-i18next");var Xu=y(p("styled-components"),1),Oy=Xu.default.div.attrs(()=>({className:"wayke__theme wayke__color--primary-text wayke__font--bold"}))`
|
|
4428
|
+
`;var U3=({label:e,...t})=>zu.default.createElement(ky,null,zu.default.createElement(vy,{"aria-label":e,...t})),hl=U3;var Q3=({id:e,branch:t,onClose:r,insuranceOptions:i})=>{let{t:n}=(0,wy.useTranslation)(),[o,a]=(0,U.useState)({ssn:"",drivingDistance:"BETWEEN0AND1000"}),[s,l]=(0,U.useState)(),{loading:u,data:d,error:A}=Yg(e,t?.id?t?.id:void 0,ml(s?.ssn)?s?.ssn:void 0,s?.drivingDistance),h=(0,U.useCallback)(b=>a({...o,ssn:b.currentTarget.value}),[o]),g=(0,U.useCallback)(b=>a({...o,drivingDistance:b.currentTarget.value}),[o]),x=(0,U.useMemo)(()=>({id:e,branchId:t?.id,branchName:t?.name}),[e,t]),w=(0,U.useCallback)(()=>{J.publish("InsuranceInterest",x),l(o)},[o,x]),f=(0,U.useCallback)(b=>{b.keyCode===13&&ml(o.ssn)&&!u&&w()},[o]),k=[{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 U.default.createElement(De,{title:n("item.insurance"),onClose:r},(i?.description||i?.logotype)&&U.default.createElement(B,null,i.description?U.default.createElement($s,null,U.default.createElement(Vs,null,U.default.createElement(ue,null,U.default.createElement("p",null,i.description))),i.logotype&&U.default.createElement(Js,null,U.default.createElement(ct,{logo:i.logotype,alt:i.name||n("common.logotype"),wide:!0}))):U.default.createElement(U.default.Fragment,null,i.logotype&&U.default.createElement(ct,{logo:i.logotype,alt:i.name||n("common.logotype"),wide:!0}))),U.default.createElement(B,null,U.default.createElement(je,null,U.default.createElement(ge,null,U.default.createElement(dy,null,U.default.createElement(Ju,null,U.default.createElement(Pi,{htmlFor:"input-insurance-personalnumber"},n("item.personalNumber")),U.default.createElement(hl,{placeholder:"\xC5\xC5\xC5\xC5MMDD-XXXX",label:n("item.personalNumber"),value:o.ssn,onChange:h,onKeyDown:f,id:"input-insurance-personalnumber"})),U.default.createElement(Ju,null,U.default.createElement(Pi,{htmlFor:"input-insurance-mileage"},n("item.estimatedAnualMileage")),U.default.createElement(pl,{value:o.drivingDistance,onChange:g,options:k,unit:"mil",title:n("item.estimatedAnualMileage")})))),U.default.createElement(ge,null,U.default.createElement(St,{fullWidth:!0,disabled:!ml(o.ssn)||u,onClick:w},U.default.createElement(ce,null,n("item.showInsurances"))))),!1,U.default.createElement(je,null,U.default.createElement(ue,{small:!0},U.default.createElement("p",null,n("item.savePersonalNumberOnThisDeviceHelp"))))),u&&U.default.createElement(B,null,U.default.createElement(Br,null)),A&&U.default.createElement(B,null,U.default.createElement(na,{severity:"error",icon:!0,heading:n("common.anErrorHasOccured")||void 0},n("item.couldNotfetchInsurances"))),U.default.createElement(U.default.Fragment,null,d?.insurances&&U.default.createElement(B,null,d?.insurances.map(b=>U.default.createElement(B,{key:b.name},U.default.createElement(Xg,{heading:`${z(b.price)} ${b.unit}`,description:b.name},U.default.createElement(B,null,U.default.createElement(U.default.Fragment,null,b.description&&U.default.createElement(ge,null,U.default.createElement(ue,null,U.default.createElement("p",null,b.description)))),U.default.createElement(U.default.Fragment,null,b.url&&U.default.createElement(ge,null,U.default.createElement(Ce,{as:"a",href:b.url||"",target:"_blank",rel:"noopener noreferrer nofollow",title:n("item.openPrePurchaseInformationInNewTab")||""},n("item.openPrePurchaseInformationInNewTab"))))),b.items&&b.items.length>0&&U.default.createElement(B,null,U.default.createElement(bu,null,n("item.insuranceIncludes")),b.items.map(E=>U.default.createElement(je,{key:E.name||""},U.default.createElement(Wu,{title:E.name||""},E.description)))),b.addons&&b.addons.length>0&&U.default.createElement(B,null,U.default.createElement(bu,null,n("item.addInsuranceHeading")),b.addons.map(E=>U.default.createElement(je,{key:E.title||""},U.default.createElement(Wg,null,U.default.createElement(Yu,null,U.default.createElement(Wu,{title:E.title||""},E.description)),U.default.createElement(Yu,null,U.default.createElement(nn,null,"+",E.price," ",E.unit))))))))))))},xy=Q3;var j3=({id:e,branch:t,insuranceOptions:r})=>{let{t:i}=(0,Ey.useTranslation)(),[n,o]=(0,tt.useState)(!1),a=(0,tt.useCallback)(()=>{o(!n),J.publish(n?"InsuranceClose":"InsuranceOpen",{id:e,branchId:t?.id,branchName:t?.name})},[n,t]);return r.length?tt.default.createElement(tt.default.Fragment,null,n&&tt.default.createElement(xy,{id:e,branch:t,onClose:a,insuranceOptions:r[0]}),tt.default.createElement(B,null,tt.default.createElement(ge,null,tt.default.createElement(wi,null,i("item.addInsurance"))),tt.default.createElement(ge,null,tt.default.createElement(tt.default.Fragment,null,r.map((s,l)=>tt.default.createElement(ni,{key:`${s.url}-${l}`,logo:s.logotype||void 0,logoAlt:s.name||i("common.logotype")},tt.default.createElement(pn,null,i("item.getInsuranceQuote")),tt.default.createElement(ii,null,tt.default.createElement("p",null,tt.default.createElement(Ce,{onClick:a},i("common.moreInformation")))))))))):null},Iy=j3;var Dy=p("marked"),rt=y(p("react"),1),Ty=p("react-i18next");var Cy=p("marked"),Li=y(p("react"),1),Sy=p("react-i18next");var Y3=({onClose:e,insuranceOptions:t})=>{let{t:r}=(0,Sy.useTranslation)();return Li.default.createElement(De,{title:t?.insuranceHeader??r("item.insurance"),onClose:e},t?.longDescription&&Li.default.createElement(B,null,Li.default.createElement(ue,{dangerouslySetInnerHTML:{__html:(0,Cy.marked)(t.longDescription)}})),t?.url&&Li.default.createElement(B,null,Li.default.createElement(Ce,{as:"a",href:t.url,title:r("item.readMoreAboutInsuranceInNewTab")||"",target:"_blank",rel:"noopener noreferrer"},r("item.readMoreAboutInsuranceInNewTab"))),t?.logotype&&Li.default.createElement(B,null,Li.default.createElement(ct,{logo:t.logotype,alt:t.name||r("common.logotype"),wide:!0})))},Ny=Y3;var W3=({id:e,branch:t,insuranceOptions:r})=>{let{t:i}=(0,Ty.useTranslation)(),[n,o]=(0,rt.useState)(!1),a=(0,rt.useCallback)(()=>{o(!n),J.publish(n?"InsuranceClose":"InsuranceOpen",{id:e,branchId:t?.id,branchName:t?.name})},[n,t]);return r.length?rt.default.createElement(rt.default.Fragment,null,n&&rt.default.createElement(Ny,{onClose:a,insuranceOptions:r[0]}),rt.default.createElement(B,null,rt.default.createElement(ge,null,rt.default.createElement(wi,null,r[0]?.insuranceHeader??i("item.insurance"))),rt.default.createElement(ge,null,rt.default.createElement(rt.default.Fragment,null,r.map((s,l)=>rt.default.createElement(ni,{key:`${s.url}-${l}`,logo:s.logotype||void 0,logoAlt:s.name||i("common.logotype")},s.description&&rt.default.createElement(ue,{dangerouslySetInnerHTML:{__html:(0,Dy.marked)(s.description)}}),rt.default.createElement(ii,null,rt.default.createElement("p",null,rt.default.createElement(Ce,{onClick:a},i("common.moreInformation")))))))))):null},My=W3;var $3=({id:e,branch:t,insuranceOptions:r})=>r.length&&r.length>0?r[0].requiresDistance&&r[0].requiresPersonalNumber?Zu.default.createElement(Iy,{id:e,branch:t,insuranceOptions:r}):Zu.default.createElement(My,{id:e,branch:t,insuranceOptions:r}):null,By=$3;var gr=y(p("react"),1),Fy=p("react-i18next");var Xu=y(p("styled-components"),1),Oy=Xu.default.div.attrs(()=>({className:"wayke__theme wayke__color--primary-text wayke__font--bold"}))`
|
|
4429
4429
|
font-size: 1.375rem;
|
|
4430
4430
|
`,Py=Xu.default.div`
|
|
4431
4431
|
color: ${e=>e.theme.color.textDarkLighten};
|
|
@@ -5170,7 +5170,7 @@ and ensure you are accounting for this risk.
|
|
|
5170
5170
|
`,br=kl.default.div`
|
|
5171
5171
|
flex: 1 0 50%;
|
|
5172
5172
|
padding: ${m(1)};
|
|
5173
|
-
`;var Hb=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"],d4=(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")}},m4=[],p4=(e,t)=>Hb.reduce((r,i)=>{let n=d4(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},m4.slice()),h4=(e,t)=>{let r=new Date().getDay(),i=Hb[r===0?6:r-1],n=t[i];return{title:e(n?"item.openingHoursToday":"item.closedToday"),from:n?.from,until:n?.until}},Rb=e=>{let t=e.split(":").map(r=>parseInt(r,10));return new Date().setHours(t[0],t[1]).valueOf()},A4=({openingHours:e})=>{let{t}=(0,_b.useTranslation)(),r=(0,it.useMemo)(()=>e?h4(t,e):null,[e]),i=(0,it.useMemo)(()=>{try{if(r?.from&&r?.until){let o=new Date().valueOf(),a=Rb(r.from),s=Rb(r.until);return o>=a&&o<=s}}catch{return!1}},[r]),n=(0,it.useMemo)(()=>e?p4(t,e):null,[e]);return n?it.default.createElement(it.default.Fragment,null,it.default.createElement(je,null,it.default.createElement(Fb,{label:t(i?"item.open":"item.closed"),severity:i?"positive":"negative"})),it.default.createElement(je,null,it.default.createElement(vl,null,it.default.createElement(vn,null,it.default.createElement(br,null,it.default.createElement(nn,null,r?.title)),it.default.createElement(br,null,it.default.createElement(nn,null,r?.from?`${r.from} - ${r.until}`:t("item.closed")))),n.map(o=>it.default.createElement(vn,{key:o.titleFrom},it.default.createElement(br,null,o.titleTo?`${o.titleFrom} - ${o.titleTo}`:o.titleFrom),it.default.createElement(br,null,o.from?`${o.from} - ${o.until}`:t("item.closed"))))))):null},Gb=A4;var sr=y(p("react"),1),Ub=p("react-i18next");var f4=({phoneNumber:e})=>{let{t}=(0,Ub.useTranslation)(),[r,i]=(0,sr.useState)(!1),n=(0,sr.useCallback)(()=>!r&&i(!0),[r]);return sr.default.createElement(vn,null,sr.default.createElement(br,null,t("other.phoneNumber")),sr.default.createElement(br,null,r?sr.default.createElement(Go,{as:"a",href:`tel:${e}`,title:t("other.callPhoneNumber",{phoneNumber:e})||""},sr.default.createElement(ce,null,e)):sr.default.createElement(Go,{onClick:n,title:t("other.showPhoneNumber")||""},sr.default.createElement(ce,null,t("other.showPhoneNumber")))))},Qb=f4;var Yb=p("libphonenumber-js/core");var jb={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 y4=jb,b4=y4,wl=e=>{try{return(0,Yb.parsePhoneNumberFromString)(e.replace("-","").replace(/ /g,""),b4)?.formatNational()||e}catch{return e}};var nt=y(p("react"),1),Wb=p("react-i18next");var k4=({loading:e,connections:t,onClose:r})=>{let{t:i}=(0,Wb.useTranslation)(),{centralStorageId:n,setCentralStorageId:o}=(0,nt.useContext)(co),[a,s]=(0,nt.useState)(n),l=(0,nt.useCallback)(d=>{d&&o(d)},[]),u=(0,nt.useCallback)(d=>s(d.currentTarget.value),[]);return a?nt.default.createElement(De,{title:i("item.switchBranch"),onClose:r},nt.default.createElement(B,null,nt.default.createElement(ge,null,nt.default.createElement(ue,null,nt.default.createElement("p",null,i("item.switchBranchDescription")))),nt.default.createElement(ge,null,nt.default.createElement(Pi,null,i("item.chooseBranch")),nt.default.createElement(pl,{value:a,onChange:u,options:t?.map(d=>({value:d.id,displayName:d.name})),title:i("item.chooseBranch")}))),nt.default.createElement(B,null,nt.default.createElement(St,{disabled:e,fullWidth:!0,onClick:()=>l(a),title:i("item.chooseSelectedBranch")||""},nt.default.createElement(ce,null,i("common.choose"))))):null},xl=k4;var v4=({branch:e,loading:t,displayBranchName:r})=>{let{t:i}=(0,$b.useTranslation)(),[n,o]=(0,ve.useState)(!1),a=(0,ve.useCallback)(()=>o(!0),[]),s=(0,ve.useCallback)(()=>o(!1),[]);return(0,ve.useEffect)(()=>{e&&n&&o(!1)},[e]),e?ve.default.createElement(ve.default.Fragment,null,n&&ve.default.createElement(xl,{loading:t,connections:e?.connections,onClose:s}),ve.default.createElement(B,null,ve.default.createElement(lt,{noMargin:!0},r?`${i("item.thisCarsIsLocatedAt")} ${e.name}`:e?.location?.city?i("item.thisCarIsAvailableAtOurBranch",{location:e?.location?.city}):i("item.contact"))),ve.default.createElement(B,null,ve.default.createElement(Bb,{position:e?.location?.position})),(e?.connections?.length||0)>1&&ve.default.createElement(B,null,ve.default.createElement(ue,null,ve.default.createElement("p",null,i("item.centralWarehouseCarDescriptionShort")," ",ve.default.createElement(Ce,{as:"span",role:"button",onClick:a,inline:!0,title:i("item.clickHereToShowContactToAnotherBranch")||""},i("item.clickHereToShowContactToAnotherBranch")),"."))),ve.default.createElement(B,null,ve.default.createElement(Gy,null,ve.default.createElement(B,null,ve.default.createElement(vl,null,e?.location?.streetAddress&&e?.location?.city&&ve.default.createElement(vn,null,ve.default.createElement(br,null,i("common.address")),ve.default.createElement(br,null,ve.default.createElement(Go,null,ve.default.createElement(ce,null,`${e?.location?.streetAddress}, ${e?.location?.city}`)))),e?.contact?.phonenumber&&ve.default.createElement(Qb,{phoneNumber:wl(e.contact.phonenumber)}))),e?.openingHours&&ve.default.createElement(B,null,ve.default.createElement(Gb,{openingHours:e.openingHours}))))):null},Vb=v4;var Dk=p("date-fns"),Sl=p("date-fns/locale"),oe=y(p("react"),1),Tk=p("react-i18next");var Ye=y(p("react"),1),ck=p("react-i18next");var Jb=[{type:"ecom"},{type:"email"},{type:"phone"}];var ee=y(p("react"),1),nk=p("react-i18next");var ya=p("react");var po={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 x4=(e,t="SE")=>{let[r,i]=(0,ya.useState)(!1),[n,o]=(0,ya.useState)(null),a=(0,ya.useCallback)(async({itemId:s,branchId:l,communication:u,firstName:d,lastName:A,phoneNumber:h,email:g,message:x,tradeInCarRegNo:w,tradeInCarMileage:f})=>{if(!e)throw new Error("Missing apiUrl, cannot submit lead");i(!0),o(null);let k={firstName:d,lastName:A,phoneNumber:h,email:g,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:po.version},{key:"itemForSaleId",value:s},...w?[{key:"registrationNumber",value:w}]:[],...f?[{key:"tradeInCarMileage",value:f},{key:"readingUnit",value:t==="NO"?"Kilometer":"ScandinavianMile"}]:[],{key:"message",value:x||""}]};try{let b=`${new URL(e).origin}/lead`,E=await fetch(b,{method:"POST",body:JSON.stringify(k),headers:{"Content-Type":"application/json; charset=UTF-8"}});if(!E.ok)throw new Error(`Request failed with status ${E.status}`);return await E.json()}catch(b){throw o(b instanceof Error?b.message:"Something went wrong"),b}finally{i(!1)}},[e,t]);return{isLoading:r,error:n,submitLead:a}},Kb=x4;var Zb=y(p("react"),1);var qb=y(p("styled-components"),1);var zb=qb.default.div`
|
|
5173
|
+
`;var Hb=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"],d4=(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")}},m4=[],p4=(e,t)=>Hb.reduce((r,i)=>{let n=d4(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},m4.slice()),h4=(e,t)=>{let r=new Date().getDay(),i=Hb[r===0?6:r-1],n=t[i];return{title:e(n?"item.openingHoursToday":"item.closedToday"),from:n?.from,until:n?.until}},Rb=e=>{let t=e.split(":").map(r=>parseInt(r,10));return new Date().setHours(t[0],t[1]).valueOf()},A4=({openingHours:e})=>{let{t}=(0,_b.useTranslation)(),r=(0,it.useMemo)(()=>e?h4(t,e):null,[e]),i=(0,it.useMemo)(()=>{try{if(r?.from&&r?.until){let o=new Date().valueOf(),a=Rb(r.from),s=Rb(r.until);return o>=a&&o<=s}}catch{return!1}},[r]),n=(0,it.useMemo)(()=>e?p4(t,e):null,[e]);return n?it.default.createElement(it.default.Fragment,null,it.default.createElement(je,null,it.default.createElement(Fb,{label:t(i?"item.open":"item.closed"),severity:i?"positive":"negative"})),it.default.createElement(je,null,it.default.createElement(vl,null,it.default.createElement(vn,null,it.default.createElement(br,null,it.default.createElement(nn,null,r?.title)),it.default.createElement(br,null,it.default.createElement(nn,null,r?.from?`${r.from} - ${r.until}`:t("item.closed")))),n.map(o=>it.default.createElement(vn,{key:o.titleFrom},it.default.createElement(br,null,o.titleTo?`${o.titleFrom} - ${o.titleTo}`:o.titleFrom),it.default.createElement(br,null,o.from?`${o.from} - ${o.until}`:t("item.closed"))))))):null},Gb=A4;var sr=y(p("react"),1),Ub=p("react-i18next");var f4=({phoneNumber:e})=>{let{t}=(0,Ub.useTranslation)(),[r,i]=(0,sr.useState)(!1),n=(0,sr.useCallback)(()=>!r&&i(!0),[r]);return sr.default.createElement(vn,null,sr.default.createElement(br,null,t("other.phoneNumber")),sr.default.createElement(br,null,r?sr.default.createElement(Go,{as:"a",href:`tel:${e}`,title:t("other.callPhoneNumber",{phoneNumber:e})||""},sr.default.createElement(ce,null,e)):sr.default.createElement(Go,{onClick:n,title:t("other.showPhoneNumber")||""},sr.default.createElement(ce,null,t("other.showPhoneNumber")))))},Qb=f4;var Yb=p("libphonenumber-js/core");var jb={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 y4=jb,b4=y4,wl=e=>{try{return(0,Yb.parsePhoneNumberFromString)(e.replace("-","").replace(/ /g,""),b4)?.formatNational()||e}catch{return e}};var nt=y(p("react"),1),Wb=p("react-i18next");var k4=({loading:e,connections:t,onClose:r})=>{let{t:i}=(0,Wb.useTranslation)(),{centralStorageId:n,setCentralStorageId:o}=(0,nt.useContext)(co),[a,s]=(0,nt.useState)(n),l=(0,nt.useCallback)(d=>{d&&o(d)},[]),u=(0,nt.useCallback)(d=>s(d.currentTarget.value),[]);return a?nt.default.createElement(De,{title:i("item.switchBranch"),onClose:r},nt.default.createElement(B,null,nt.default.createElement(ge,null,nt.default.createElement(ue,null,nt.default.createElement("p",null,i("item.switchBranchDescription")))),nt.default.createElement(ge,null,nt.default.createElement(Pi,null,i("item.chooseBranch")),nt.default.createElement(pl,{value:a,onChange:u,options:t?.map(d=>({value:d.id,displayName:d.name})),title:i("item.chooseBranch")}))),nt.default.createElement(B,null,nt.default.createElement(St,{disabled:e,fullWidth:!0,onClick:()=>l(a),title:i("item.chooseSelectedBranch")||""},nt.default.createElement(ce,null,i("common.choose"))))):null},xl=k4;var v4=({branch:e,loading:t,displayBranchName:r})=>{let{t:i}=(0,$b.useTranslation)(),[n,o]=(0,ve.useState)(!1),a=(0,ve.useCallback)(()=>o(!0),[]),s=(0,ve.useCallback)(()=>o(!1),[]);return(0,ve.useEffect)(()=>{e&&n&&o(!1)},[e]),e?ve.default.createElement(ve.default.Fragment,null,n&&ve.default.createElement(xl,{loading:t,connections:e?.connections,onClose:s}),ve.default.createElement(B,null,ve.default.createElement(lt,{noMargin:!0},r?`${i("item.thisCarsIsLocatedAt")} ${e.name}`:e?.location?.city?i("item.thisCarIsAvailableAtOurBranch",{location:e?.location?.city}):i("item.contact"))),ve.default.createElement(B,null,ve.default.createElement(Bb,{position:e?.location?.position})),(e?.connections?.length||0)>1&&ve.default.createElement(B,null,ve.default.createElement(ue,null,ve.default.createElement("p",null,i("item.centralWarehouseCarDescriptionShort")," ",ve.default.createElement(Ce,{as:"span",role:"button",onClick:a,inline:!0,title:i("item.clickHereToShowContactToAnotherBranch")||""},i("item.clickHereToShowContactToAnotherBranch")),"."))),ve.default.createElement(B,null,ve.default.createElement(Gy,null,ve.default.createElement(B,null,ve.default.createElement(vl,null,e?.location?.streetAddress&&e?.location?.city&&ve.default.createElement(vn,null,ve.default.createElement(br,null,i("common.address")),ve.default.createElement(br,null,ve.default.createElement(Go,null,ve.default.createElement(ce,null,`${e?.location?.streetAddress}, ${e?.location?.city}`)))),e?.contact?.phonenumber&&ve.default.createElement(Qb,{phoneNumber:wl(e.contact.phonenumber)}))),e?.openingHours&&ve.default.createElement(B,null,ve.default.createElement(Gb,{openingHours:e.openingHours}))))):null},Vb=v4;var Dk=p("date-fns"),Sl=p("date-fns/locale"),oe=y(p("react"),1),Tk=p("react-i18next");var Ye=y(p("react"),1),ck=p("react-i18next");var Jb=[{type:"ecom"},{type:"email"},{type:"phone"}];var ee=y(p("react"),1),nk=p("react-i18next");var ya=p("react");var po={name:"@wayke-se/components-react",version:"5.1.0",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 x4=(e,t="SE")=>{let[r,i]=(0,ya.useState)(!1),[n,o]=(0,ya.useState)(null),a=(0,ya.useCallback)(async({itemId:s,branchId:l,communication:u,firstName:d,lastName:A,phoneNumber:h,email:g,message:x,tradeInCarRegNo:w,tradeInCarMileage:f})=>{if(!e)throw new Error("Missing apiUrl, cannot submit lead");i(!0),o(null);let k={firstName:d,lastName:A,phoneNumber:h,email:g,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:po.version},{key:"itemForSaleId",value:s},...w?[{key:"registrationNumber",value:w}]:[],...f?[{key:"tradeInCarMileage",value:f},{key:"readingUnit",value:t==="NO"?"Kilometer":"ScandinavianMile"}]:[],{key:"message",value:x||""}]};try{let b=`${new URL(e).origin}/lead`,E=await fetch(b,{method:"POST",body:JSON.stringify(k),headers:{"Content-Type":"application/json; charset=UTF-8"}});if(!E.ok)throw new Error(`Request failed with status ${E.status}`);return await E.json()}catch(b){throw o(b instanceof Error?b.message:"Something went wrong"),b}finally{i(!1)}},[e,t]);return{isLoading:r,error:n,submitLead:a}},Kb=x4;var Zb=y(p("react"),1);var qb=y(p("styled-components"),1);var zb=qb.default.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
|
`,wv=Tl.default.div`
|
|
5487
5487
|
flex-shrink: 0;
|
|
5488
5488
|
padding-left: ${m(2)};
|
|
5489
|
-
`;var lN=({children:e,onClick:t,actionTitle:r})=>go.default.createElement(kv,null,go.default.createElement(vv,null,e),t&&r&&go.default.createElement(wv,null,go.default.createElement(ki,{as:"a",href:"#",onClick:t},go.default.createElement(ce,null,r)))),Ad=lN;var Bl=p("react");var xv=p("react"),Ml=(0,xv.createContext)({moreLikeThisUrl:!1,loading:!1,error:!1,response:void 0,fetchRelated:e=>{}});var cN=(e,t)=>{let r=(0,Bl.useContext)(Ml);return(0,Bl.useEffect)(()=>{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},Ev=cN;var Iv=/[0-9a-f]{8}-[0-9a-f]{4}-[0-
|
|
5489
|
+
`;var lN=({children:e,onClick:t,actionTitle:r})=>go.default.createElement(kv,null,go.default.createElement(vv,null,e),t&&r&&go.default.createElement(wv,null,go.default.createElement(ki,{as:"a",href:"#",onClick:t},go.default.createElement(ce,null,r)))),Ad=lN;var Bl=p("react");var xv=p("react"),Ml=(0,xv.createContext)({moreLikeThisUrl:!1,loading:!1,error:!1,response:void 0,fetchRelated:e=>{}});var cN=(e,t)=>{let r=(0,Bl.useContext)(Ml);return(0,Bl.useEffect)(()=>{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},Ev=cN;var Iv=/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,uN=e=>e.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&"),Cv=e=>!e||e?Iv:new RegExp(`${uN(e)}${Iv.source}`,"gi");var dN=({id:e,hashRoute:t,pathRoute:r,authorizedReseller:i,displayBranchName:n,onClickSearchItem:o})=>{let{t:a}=(0,Sv.useTranslation)(),{loading:s,response:l,moreLikeThisUrl:u}=Ev(e,!!i),d=(0,Bt.useCallback)(A=>{J.publish("ItemClicked",A),o&&o(A.id)},[o]);return!l?.documentList.documents.length||l?.documentList.documents.length===0?null:s?Bt.default.createElement(Br,null):Bt.default.createElement(Ut,{accent:!0,large:!0,className:"wayke__theme wayke__color--accent-bg"},Bt.default.createElement(Ht,null,u?Bt.default.createElement(B,null,Bt.default.createElement(Ad,{onClick:()=>{}},Bt.default.createElement(lt,{noMargin:!0},a("item.relatedVehicles")))):Bt.default.createElement(B,null,Bt.default.createElement(Ad,{onClick:()=>{},actionTitle:"Visa alla"},Bt.default.createElement(lt,{noMargin:!0},a("item.latestVehicles")))),Bt.default.createElement(B,null,Bt.default.createElement(bl,{accentBg:!0,columns:1.05,columnsSm:2.1,columnsMd:3,spacing:2,items:l?.documentList.documents.map(A=>{let h=r?`/${r}`:"/",g=Cv(),x=window.location.pathname==="/"?`${h}${A._id}`:g.test(`${r}${e}`)?window.location.pathname.replace(g,A._id):`${window.location.pathname}${h}${A._id}`;return Bt.default.createElement(Bs,{key:A._id,id:A._id,onClick:d,title:A.title,href:r?x:t?`#${A._id}`:void 0,imageFile:A.featuredImage?.files?.[0],description:A.shortDescription,branch:A.branches?.[0],branchName:n?A.branches?.[0]?.name:void 0,uspList:[{title:A.modelYear},{title:`${z(A.odometerReading?.value||A.mileage)} ${a(`odometer.${A.odometerReading?.unit||"ScandinavianMile"}`)}`},{title:A.gearboxType},{title:A.fuelType}],price:`${z(A.price)} ${a("currency.default")}`,oldPrice:A.oldPrice!==void 0&&A.price<A.oldPrice?`${z(A.oldPrice)} ${a("currency.default")}`:void 0,leasingPrice:A.leasingPrice!==void 0?`${z(A.leasingPrice)} ${a("currency.monthly")}`:void 0,businessLeasingPrice:A.businessLeasingPrice!==void 0?`${z(A.businessLeasingPrice)} ${a("currency.monthly")}`:void 0,pathRoute:r})})}))))},Nv=dN;var as=p("react");function RF(e,t,r){let i=(0,as.useRef)(void 0),n=(0,as.useRef)(r);n.current=r;let o=async()=>{if(t)try{let a=await Promise.resolve().then(()=>(kS(),bS));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)=>{J.publish("Ecom",{id:e,branchId:n.current?.id,branchName:n.current?.name,view:s,event:l,currentStep:u,data:d})}}))}catch{}};return(0,as.useEffect)(()=>(o(),()=>{i.current&&i.current.destroy()}),[]),i}var vS=RF;var _F=({marketCode:e="SE",id:t,hashRoute:r,pathRoute:i,disableResetScrollOnInit:n,placeholderImage:o,modifyDocumentTitleItem:a,displayBranchName:s,conversionOptions:l,onClickSearchItem:u})=>{let d=zn(e),{ecomSettings:A}=uo(),{loading:h,data:g}=jy(t),{vehicle:x,loading:w}=Jy(g?.vehicle),f=x?.contact,k=x?.branch,b=vS(t,A,k),[E,_]=(0,H.useState)(!1),W=(0,H.useCallback)(()=>_(!E),[E]);(0,H.useEffect)(()=>{n||window.scrollTo(0,0),J.publish("View",{type:"item",id:t})},[]),(0,H.useEffect)(()=>{if(g?.vehicle?.data&&a){let{vehicle:gi}=g,{registrationNumber:Zc}=gi.data;document.title=`${Zc} | ${gi.title} | ${gi.shortDescription}`}},[g]);let Y=(0,H.useMemo)(()=>g?.vehicle?.data?.options?.filter(Vo).map(gi=>({title:gi})),[g?.vehicle?.data?.options]),K=(0,H.useCallback)(()=>J.publish("OptionsClick",{id:t,branchId:k?.id,branchName:k?.name}),[k]);if(!d)return null;if(h)return H.default.createElement(Zk,null);if(!g?.vehicle?.data)return H.default.createElement(zk,null);let{vehicle:j}=g,{title:N,accessories:D,shortDescription:R,media:M,description:O,price:F,discount:v,financialOptions:I,manufacturer:C,ecommerce:P,packageOptions:te,publishedAt:me,documents:He,availableFrom:Ge,flags:X}=j,re=x?.insuranceOptions?x.insuranceOptions:j.insuranceOptions,{fuelType:Ve,mileage:fe,gearboxType:le,odometerReading:Me,modelYear:Je,propertySet:ze}=j.data,Xt=[{title:Je}];return X?.demoVersion&&Xt.push({title:xe.t("item.demoCar"),onClick:W}),Xt.push({title:`${z(Me?.value||fe)} ${xe.t(`odometer.${Me?.unit||"ScandinavianMile"}`)}`}),le&&Xt.push({title:le}),Ve&&Xt.push({title:Ve}),H.default.createElement(H.default.Fragment,null,H.default.createElement(Si,null,H.default.createElement(Ut,{large:!0},H.default.createElement(Ht,null,H.default.createElement(_y,null,H.default.createElement(Hy,null,H.default.createElement(lo,{mobileOrder:1},!i&&r?H.default.createElement(B,null,H.default.createElement(ds,null,H.default.createElement(oh,{as:"a",href:"#",title:xe.t("navigation.backToSearch")},H.default.createElement(ce,null,H.default.createElement(Qn,{block:!0})),H.default.createElement(ce,null,xe.t("navigation.backToSearch"))))):null,C?.logotype&&H.default.createElement(B,null,H.default.createElement(ct,{logo:C.logotype,alt:C.name})),H.default.createElement(B,null,H.default.createElement(je,null,H.default.createElement(tr,{noMargin:!0},N)),R&&H.default.createElement(je,null,H.default.createElement("div",null,R)),H.default.createElement(je,null,H.default.createElement(zo,{small:!0,items:Xt})))),H.default.createElement(lo,{mobileOrder:2},H.default.createElement(Ry,{price:F,discount:v||void 0})),(I.length>0||re.length>0)&&H.default.createElement(lo,{mobileOrder:4},I.length>0&&H.default.createElement(V0,{id:t,branch:k,financialOptions:I,marketCode:e}),re.length>0&&H.default.createElement(By,{id:t,branch:x?.branch,insuranceOptions:re})),H.default.createElement(lo,{mobileOrder:5},H.default.createElement(Mk,{id:t,title:N,vehicleData:j.data,conversionOptions:l,marketCode:e,manufacturer:C,packageOptions:te,ecommerce:P,branch:k,contact:x?.contact,loadingCentralStorageVehicle:w,availableFrom:Ge,toggleEcomModal:()=>b.current?.start()}))),H.default.createElement(Al,null,H.default.createElement(lo,{mobileOrder:3},H.default.createElement(Gg,{id:t,branch:k,media:M,placeholderImage:o})),H.default.createElement($t,null,H.default.createElement(B,null,H.default.createElement(lt,{noMargin:!0},xe.t("item.carData"))),H.default.createElement(B,null,H.default.createElement(ue,null,H.default.createElement("p",null,xe.t("item.carDataDescription")))),H.default.createElement(B,null,H.default.createElement(bv,{propertySet:ze,vehicleData:j.data}))),O&&H.default.createElement($t,null,H.default.createElement(n0,{author:f&&f.name?f.name:null,date:me?$o.format(me,$o.DayMonth,e):void 0,avatar:f?.avatar||void 0},!!O&&H.default.createElement("div",{dangerouslySetInnerHTML:{__html:(0,wS.marked)(O)}}))),(Y?.length||0)>0&&H.default.createElement($t,null,H.default.createElement(B,null,H.default.createElement(lt,{noMargin:!0},xe.t("item.equipment"))),H.default.createElement(B,null,H.default.createElement(ue,null,H.default.createElement("p",null,xe.t("item.equipmentDescription")))),H.default.createElement(B,null,H.default.createElement(Rs,{actionTitle:xe.t("common.showMore"),onClick:K},H.default.createElement(zo,{items:Y})))),H.default.createElement(jk,{documents:He}),H.default.createElement(Cb,{accessories:D}),H.default.createElement($t,null,H.default.createElement(Vb,{branch:k,displayBranchName:s,loading:w}),P&&P.enabled&&H.default.createElement(B,null,H.default.createElement(St,{disabled:!!P.reserved,title:"K\xF6p bilen online",onClick:()=>b.current?.start()},"K\xF6p bilen online"))),H.default.createElement(Kk,{packageOptions:te}),H.default.createElement($k,{packageOption:C?.packageOption}))))),H.default.createElement(Nv,{id:t,hashRoute:r,pathRoute:i,authorizedReseller:!!k?.flags?.authorizedReseller,displayBranchName:s,onClickSearchItem:u})),H.default.createElement(Yo,{id:Mr.DefaultPortal}),E&&H.default.createElement(Ok,{onClose:W}))},Yp=_F;var Jp=y(p("react"),1);var fi=y(p("react"),1);var xS=y(p("styled-components"),1),HF=xS.default.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;
|