@wayke-se/components-react 5.2.0-beta.0 → 5.2.0

package/dist/index.js

@@ -5164,7 +5164,7 @@ https://www.w3ctech.com/topic/2226`));let a=r(...s);return a.postcssPlugin=t,a.p
 `,gr=cl.default.div`
   flex: 1 0 50%;
   padding: ${m(1)};
-`;var rv=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"],pN=(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")}},hN=[],fN=(e,t)=>rv.reduce((r,i)=>{let n=pN(e,i),o=t[i],s=r?.[r.length-1];return s&&s.from==o?.from&&s.until===o?.until?r[r.length-1].titleTo=n:r.push({titleFrom:n,from:o?.from,until:o?.until}),r},hN.slice()),gN=(e,t)=>{let r=new Date().getDay(),i=rv[r===0?6:r-1],n=t[i];return{title:e(n?"item.openingHoursToday":"item.closedToday"),from:n?.from,until:n?.until}},ev=e=>{let t=e.split(":").map(r=>parseInt(r,10));return new Date().setHours(t[0],t[1]).valueOf()},yN=({openingHours:e})=>{let{t}=(0,tv.useTranslation)(),r=(0,et.useMemo)(()=>e?gN(t,e):null,[e]),i=(0,et.useMemo)(()=>{try{if(r?.from&&r?.until){let o=new Date().valueOf(),s=ev(r.from),a=ev(r.until);return o>=s&&o<=a}}catch{return!1}},[r]),n=(0,et.useMemo)(()=>e?fN(t,e):null,[e]);return n?et.default.createElement(et.default.Fragment,null,et.default.createElement(Ge,null,et.default.createElement(XA,{label:t(i?"item.open":"item.closed"),severity:i?"positive":"negative"})),et.default.createElement(Ge,null,et.default.createElement(dl,null,et.default.createElement(an,null,et.default.createElement(gr,null,et.default.createElement(Gi,null,r?.title)),et.default.createElement(gr,null,et.default.createElement(Gi,null,r?.from?`${r.from} - ${r.until}`:t("item.closed")))),n.map(o=>et.default.createElement(an,{key:o.titleFrom},et.default.createElement(gr,null,o.titleTo?`${o.titleFrom} - ${o.titleTo}`:o.titleFrom),et.default.createElement(gr,null,o.from?`${o.from} - ${o.until}`:t("item.closed"))))))):null},iv=yN;var rr=v(p("react"),1),nv=p("react-i18next");var kN=({phoneNumber:e})=>{let{t}=(0,nv.useTranslation)(),[r,i]=(0,rr.useState)(!1),n=(0,rr.useCallback)(()=>!r&&i(!0),[r]);return rr.default.createElement(an,null,rr.default.createElement(gr,null,t("other.phoneNumber")),rr.default.createElement(gr,null,r?rr.default.createElement(Io,{as:"a",href:`tel:${e}`,title:t("other.callPhoneNumber",{phoneNumber:e})||""},rr.default.createElement(me,null,e)):rr.default.createElement(Io,{onClick:n,title:t("other.showPhoneNumber")||""},rr.default.createElement(me,null,t("other.showPhoneNumber")))))},ov=kN;var av=p("libphonenumber-js/core");var sv={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 vN=sv,wN=vN,ul=e=>{try{return(0,av.parsePhoneNumberFromString)(e.replace("-","").replace(/ /g,""),wN)?.formatNational()||e}catch{return e}};var tt=v(p("react"),1),lv=p("react-i18next");var xN=({loading:e,connections:t,onClose:r})=>{let{t:i}=(0,lv.useTranslation)(),{centralStorageId:n,setCentralStorageId:o}=(0,tt.useContext)(qn),[s,a]=(0,tt.useState)(n),l=(0,tt.useCallback)(u=>{u&&o(u)},[]),d=(0,tt.useCallback)(u=>a(u.currentTarget.value),[]);return s?tt.default.createElement(Oe,{title:i("item.switchBranch"),onClose:r},tt.default.createElement(R,null,tt.default.createElement(ye,null,tt.default.createElement(pe,null,tt.default.createElement("p",null,i("item.switchBranchDescription")))),tt.default.createElement(ye,null,tt.default.createElement(Ii,null,i("item.chooseBranch")),tt.default.createElement(rl,{value:s,onChange:d,options:t?.map(u=>({value:u.id,displayName:u.name})),title:i("item.chooseBranch")}))),tt.default.createElement(R,null,tt.default.createElement(Et,{disabled:e,fullWidth:!0,onClick:()=>l(s),title:i("item.chooseSelectedBranch")||""},tt.default.createElement(me,null,i("common.choose"))))):null},ml=xN;var bN=({branch:e,loading:t,displayBranchName:r})=>{let{t:i}=(0,cv.useTranslation)(),[n,o]=(0,Ee.useState)(!1),s=(0,Ee.useCallback)(()=>o(!0),[]),a=(0,Ee.useCallback)(()=>o(!1),[]);return(0,Ee.useEffect)(()=>{e&&n&&o(!1)},[e]),e?Ee.default.createElement(Ee.default.Fragment,null,n&&Ee.default.createElement(ml,{loading:t,connections:e?.connections,onClose:a}),Ee.default.createElement(R,null,Ee.default.createElement(nt,{noMargin:!0},r?`${i("item.thisCarsIsLocatedAt")} ${e.name}`:e?.location?.city?i("item.thisCarIsAvailableAtOurBranch",{location:e?.location?.city}):i("item.contact"))),Ee.default.createElement(R,null,Ee.default.createElement(YA,{position:e?.location?.position})),(e?.connections?.length||0)>1&&Ee.default.createElement(R,null,Ee.default.createElement(pe,null,Ee.default.createElement("p",null,i("item.centralWarehouseCarDescriptionShort")," ",Ee.default.createElement(De,{as:"span",role:"button",onClick:s,inline:!0,title:i("item.clickHereToShowContactToAnotherBranch")||""},i("item.clickHereToShowContactToAnotherBranch")),"."))),Ee.default.createElement(R,null,Ee.default.createElement(iA,null,Ee.default.createElement(R,null,Ee.default.createElement(dl,null,e?.location?.streetAddress&&e?.location?.city&&Ee.default.createElement(an,null,Ee.default.createElement(gr,null,i("common.address")),Ee.default.createElement(gr,null,Ee.default.createElement(Io,null,Ee.default.createElement(me,null,`${e?.location?.streetAddress}, ${e?.location?.city}`)))),e?.contact?.phonenumber&&Ee.default.createElement(ov,{phoneNumber:ul(e.contact.phonenumber)}))),e?.openingHours&&Ee.default.createElement(R,null,Ee.default.createElement(iv,{openingHours:e.openingHours}))))):null},dv=bN;var zv=p("date-fns"),gl=p("date-fns/locale"),se=v(p("react"),1),qv=p("react-i18next");var Ve=v(p("react"),1),Iv=p("react-i18next");var re=v(p("react"),1),vv=p("react-i18next");var is=p("react");var Yn={name:"@wayke-se/components-react",version:"5.2.0-beta.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 && node ./esbuild/cdn.js",clean:"rimraf build && rimraf dist && rimraf dist-cdn","build:types":"tsc --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.5.15","@graphql-codegen/cli":"^7.4.5","@graphql-codegen/typescript":"^6.1.1","@types/googlemaps":"^3.43.3","@types/node":"^24.19.1","@types/react":"^19.3.0","@types/react-dom":"^19.3.0","@types/react-slick":"^0.23.13","@wayke-se/ecom-web":"^2.1.1",dotenv:"^18.0.6",esbuild:"^0.28.2","esbuild-plugin-copy":"^2.1.1",husky:"^9.1.7","libphonenumber-metadata-generator":"^2.0.6","lint-staged":"^17.6.0",react:"^19.3.0","react-dom":"^19.3.0","react-router-dom":"^7.18.4",rimraf:"^6.1.3","styled-components":"^6.5.3",typescript:"^7.0.2"},dependencies:{"@apollo/client":"^4.3.3","@emotion/is-prop-valid":"^1.4.0","@photo-sphere-viewer/core":"^5.15.1","date-fns":"^4.4.0",graphql:"^16.0.0 || ^17.0.0",i18next:"^26.4.2","libphonenumber-js":"^1.13.15",marked:"^18.1.0","react-compound-slider":"^3.4.0","react-i18next":"^17.0.16","react-slick":"^0.31.0","scroll-into-view-if-needed":"^3.1.0"},allowScripts:{esbuild:!0,fsevents:!1}};var IN=(e,t="SE")=>{let[r,i]=(0,is.useState)(!1),[n,o]=(0,is.useState)(null),s=(0,is.useCallback)(async({itemId:a,branchId:l,communication:d,firstName:u,lastName:f,phoneNumber:h,email:g,message:x,tradeInCarRegNo:w,tradeInCarMileage:y})=>{if(!e)throw new Error("Missing apiUrl, cannot submit lead");i(!0),o(null);let k={firstName:u,lastName:f,phoneNumber:h,email:g,branchId:l,type:"registrationOfInterestToBuy",metaData:[{key:"source",value:window.location.hostname.replace(/^www\./,"")},{key:"sourceMechanism",value:`cta.${d}`},{key:"client",value:"components-react"},{key:"clientVersion",value:Yn.version},{key:"itemForSaleId",value:a},...w?[{key:"registrationNumber",value:w}]:[],...y?[{key:"tradeInCarMileage",value:y},{key:"readingUnit",value:t==="NO"?"Kilometer":"ScandinavianMile"}]:[],{key:"message",value:x||""}]};try{let A=`${new URL(e).origin}/lead`,b=await fetch(A,{method:"POST",body:JSON.stringify(k),headers:{"Content-Type":"application/json; charset=UTF-8"}});if(!b.ok)throw new Error(`Request failed with status ${b.status}`);return await b.json()}catch(A){throw o(A instanceof Error?A.message:"Something went wrong"),A}finally{i(!1)}},[e,t]);return{isLoading:r,error:n,submitLead:s}},uv=IN;var hv=v(p("react"),1);var mv=v(p("styled-components"),1);var pv=mv.default.div`
+`;var rv=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"],pN=(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")}},hN=[],fN=(e,t)=>rv.reduce((r,i)=>{let n=pN(e,i),o=t[i],s=r?.[r.length-1];return s&&s.from==o?.from&&s.until===o?.until?r[r.length-1].titleTo=n:r.push({titleFrom:n,from:o?.from,until:o?.until}),r},hN.slice()),gN=(e,t)=>{let r=new Date().getDay(),i=rv[r===0?6:r-1],n=t[i];return{title:e(n?"item.openingHoursToday":"item.closedToday"),from:n?.from,until:n?.until}},ev=e=>{let t=e.split(":").map(r=>parseInt(r,10));return new Date().setHours(t[0],t[1]).valueOf()},yN=({openingHours:e})=>{let{t}=(0,tv.useTranslation)(),r=(0,et.useMemo)(()=>e?gN(t,e):null,[e]),i=(0,et.useMemo)(()=>{try{if(r?.from&&r?.until){let o=new Date().valueOf(),s=ev(r.from),a=ev(r.until);return o>=s&&o<=a}}catch{return!1}},[r]),n=(0,et.useMemo)(()=>e?fN(t,e):null,[e]);return n?et.default.createElement(et.default.Fragment,null,et.default.createElement(Ge,null,et.default.createElement(XA,{label:t(i?"item.open":"item.closed"),severity:i?"positive":"negative"})),et.default.createElement(Ge,null,et.default.createElement(dl,null,et.default.createElement(an,null,et.default.createElement(gr,null,et.default.createElement(Gi,null,r?.title)),et.default.createElement(gr,null,et.default.createElement(Gi,null,r?.from?`${r.from} - ${r.until}`:t("item.closed")))),n.map(o=>et.default.createElement(an,{key:o.titleFrom},et.default.createElement(gr,null,o.titleTo?`${o.titleFrom} - ${o.titleTo}`:o.titleFrom),et.default.createElement(gr,null,o.from?`${o.from} - ${o.until}`:t("item.closed"))))))):null},iv=yN;var rr=v(p("react"),1),nv=p("react-i18next");var kN=({phoneNumber:e})=>{let{t}=(0,nv.useTranslation)(),[r,i]=(0,rr.useState)(!1),n=(0,rr.useCallback)(()=>!r&&i(!0),[r]);return rr.default.createElement(an,null,rr.default.createElement(gr,null,t("other.phoneNumber")),rr.default.createElement(gr,null,r?rr.default.createElement(Io,{as:"a",href:`tel:${e}`,title:t("other.callPhoneNumber",{phoneNumber:e})||""},rr.default.createElement(me,null,e)):rr.default.createElement(Io,{onClick:n,title:t("other.showPhoneNumber")||""},rr.default.createElement(me,null,t("other.showPhoneNumber")))))},ov=kN;var av=p("libphonenumber-js/core");var sv={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 vN=sv,wN=vN,ul=e=>{try{return(0,av.parsePhoneNumberFromString)(e.replace("-","").replace(/ /g,""),wN)?.formatNational()||e}catch{return e}};var tt=v(p("react"),1),lv=p("react-i18next");var xN=({loading:e,connections:t,onClose:r})=>{let{t:i}=(0,lv.useTranslation)(),{centralStorageId:n,setCentralStorageId:o}=(0,tt.useContext)(qn),[s,a]=(0,tt.useState)(n),l=(0,tt.useCallback)(u=>{u&&o(u)},[]),d=(0,tt.useCallback)(u=>a(u.currentTarget.value),[]);return s?tt.default.createElement(Oe,{title:i("item.switchBranch"),onClose:r},tt.default.createElement(R,null,tt.default.createElement(ye,null,tt.default.createElement(pe,null,tt.default.createElement("p",null,i("item.switchBranchDescription")))),tt.default.createElement(ye,null,tt.default.createElement(Ii,null,i("item.chooseBranch")),tt.default.createElement(rl,{value:s,onChange:d,options:t?.map(u=>({value:u.id,displayName:u.name})),title:i("item.chooseBranch")}))),tt.default.createElement(R,null,tt.default.createElement(Et,{disabled:e,fullWidth:!0,onClick:()=>l(s),title:i("item.chooseSelectedBranch")||""},tt.default.createElement(me,null,i("common.choose"))))):null},ml=xN;var bN=({branch:e,loading:t,displayBranchName:r})=>{let{t:i}=(0,cv.useTranslation)(),[n,o]=(0,Ee.useState)(!1),s=(0,Ee.useCallback)(()=>o(!0),[]),a=(0,Ee.useCallback)(()=>o(!1),[]);return(0,Ee.useEffect)(()=>{e&&n&&o(!1)},[e]),e?Ee.default.createElement(Ee.default.Fragment,null,n&&Ee.default.createElement(ml,{loading:t,connections:e?.connections,onClose:a}),Ee.default.createElement(R,null,Ee.default.createElement(nt,{noMargin:!0},r?`${i("item.thisCarsIsLocatedAt")} ${e.name}`:e?.location?.city?i("item.thisCarIsAvailableAtOurBranch",{location:e?.location?.city}):i("item.contact"))),Ee.default.createElement(R,null,Ee.default.createElement(YA,{position:e?.location?.position})),(e?.connections?.length||0)>1&&Ee.default.createElement(R,null,Ee.default.createElement(pe,null,Ee.default.createElement("p",null,i("item.centralWarehouseCarDescriptionShort")," ",Ee.default.createElement(De,{as:"span",role:"button",onClick:s,inline:!0,title:i("item.clickHereToShowContactToAnotherBranch")||""},i("item.clickHereToShowContactToAnotherBranch")),"."))),Ee.default.createElement(R,null,Ee.default.createElement(iA,null,Ee.default.createElement(R,null,Ee.default.createElement(dl,null,e?.location?.streetAddress&&e?.location?.city&&Ee.default.createElement(an,null,Ee.default.createElement(gr,null,i("common.address")),Ee.default.createElement(gr,null,Ee.default.createElement(Io,null,Ee.default.createElement(me,null,`${e?.location?.streetAddress}, ${e?.location?.city}`)))),e?.contact?.phonenumber&&Ee.default.createElement(ov,{phoneNumber:ul(e.contact.phonenumber)}))),e?.openingHours&&Ee.default.createElement(R,null,Ee.default.createElement(iv,{openingHours:e.openingHours}))))):null},dv=bN;var zv=p("date-fns"),gl=p("date-fns/locale"),se=v(p("react"),1),qv=p("react-i18next");var Ve=v(p("react"),1),Iv=p("react-i18next");var re=v(p("react"),1),vv=p("react-i18next");var is=p("react");var Yn={name:"@wayke-se/components-react",version:"5.2.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 && node ./esbuild/cdn.js",clean:"rimraf build && rimraf dist && rimraf dist-cdn","build:types":"tsc --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.5.15","@graphql-codegen/cli":"^7.4.5","@graphql-codegen/typescript":"^6.1.1","@types/googlemaps":"^3.43.3","@types/node":"^24.19.1","@types/react":"^19.3.0","@types/react-dom":"^19.3.0","@types/react-slick":"^0.23.13","@wayke-se/ecom-web":"^2.1.1",dotenv:"^18.0.6",esbuild:"^0.28.2","esbuild-plugin-copy":"^2.1.1",husky:"^9.1.7","libphonenumber-metadata-generator":"^2.0.6","lint-staged":"^17.6.0",react:"^19.3.0","react-dom":"^19.3.0","react-router-dom":"^7.18.4",rimraf:"^6.1.3","styled-components":"^6.5.3",typescript:"^7.0.2"},dependencies:{"@apollo/client":"^4.3.3","@emotion/is-prop-valid":"^1.4.0","@photo-sphere-viewer/core":"^5.15.1","date-fns":"^4.4.0",graphql:"^16.0.0 || ^17.0.0",i18next:"^26.4.2","libphonenumber-js":"^1.13.15",marked:"^18.1.0","react-compound-slider":"^3.4.0","react-i18next":"^17.0.16","react-slick":"^0.31.0","scroll-into-view-if-needed":"^3.1.0"},allowScripts:{esbuild:!0,fsevents:!1}};var IN=(e,t="SE")=>{let[r,i]=(0,is.useState)(!1),[n,o]=(0,is.useState)(null),s=(0,is.useCallback)(async({itemId:a,branchId:l,communication:d,firstName:u,lastName:f,phoneNumber:h,email:g,message:x,tradeInCarRegNo:w,tradeInCarMileage:y})=>{if(!e)throw new Error("Missing apiUrl, cannot submit lead");i(!0),o(null);let k={firstName:u,lastName:f,phoneNumber:h,email:g,branchId:l,type:"registrationOfInterestToBuy",metaData:[{key:"source",value:window.location.hostname.replace(/^www\./,"")},{key:"sourceMechanism",value:`cta.${d}`},{key:"client",value:"components-react"},{key:"clientVersion",value:Yn.version},{key:"itemForSaleId",value:a},...w?[{key:"registrationNumber",value:w}]:[],...y?[{key:"tradeInCarMileage",value:y},{key:"readingUnit",value:t==="NO"?"Kilometer":"ScandinavianMile"}]:[],{key:"message",value:x||""}]};try{let A=`${new URL(e).origin}/lead`,b=await fetch(A,{method:"POST",body:JSON.stringify(k),headers:{"Content-Type":"application/json; charset=UTF-8"}});if(!b.ok)throw new Error(`Request failed with status ${b.status}`);return await b.json()}catch(A){throw o(A instanceof Error?A.message:"Something went wrong"),A}finally{i(!1)}},[e,t]);return{isLoading:r,error:n,submitLead:s}},uv=IN;var hv=v(p("react"),1);var mv=v(p("styled-components"),1);var pv=mv.default.div`
   margin-top: ${m(.5)};
   font-size: 0.875rem;
   color: ${e=>e.theme.color.ui.negative};