https://www.becquet.fr/_next/static/chunks/6979.183744192dee0702.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6979],{78251:function(e,n,r){r.r(n),r.d(n,{default:function(){return delivery_DifferedDeliveryModal}});var o=r(15311),d=r(20132),t=r(33421),a=r(55266),i=r(66321),l=r(18398),s=r(9661),c=r.n(s),p=r(5834);r(44088);var u=r(53850),f=r.n(u);let h=a.default.PublicConfig.NEXT_PUBLIC_LANG;var delivery_DifferedDayPicker=e=>{let{startDate:n,endDate:r,holidays:t,disabledDays:a,disabledDFOrDDMDay:s,choosenDateAsString:u,setChoosenDateAsString:b}=e,[m,x]=(0,d.useState)(),y=""===u?n:(0,l.iP)(u);(0,d.useEffect)(()=>{x(y)},[]);let _={disabled:[...t,{dayOfWeek:[0,6]},a,s]};return(0,o.jsxs)("div",{className:f()(c().calendar),children:[(0,o.jsx)("style",{children:"\n.rdp{\n    --rdp-cell-size: 36px; /\n  --rdp-caption-font-size: 12px;\n  --rdp-accent-color: none;\n  --rdp-background-color:#FDEEDD; /* Background color for the hovered/focused elements. */\n  --rdp-accent-color-dark: #e75113; /* Accent color for the background of selected days (to use in dark-mode). */\n  --rdp-background-color-dark: #e75113; /* Background color for the hovered/focused elements (to use in dark-mode). */\n  --rdp-outline: 2px solid var(--rdp-accent-color); /* Outline border for focused elements */\n  --rdp-outline-selected: none; /* Outline border for focused _and_ selected elements */\n  --rdp-selected-color: #fff; /\n}\n.my-selected {\n  border-radius: 10%;\n  color: white;\n  background-color: #e75113;\n}\n.rdp-weeknumber,\n.rdp-day{\n  border-radius: 10%;\n}\n.rdp-weeknumber,\n.rdp-day:hover {\n  color: #E75113\n}\n.rdp-caption_dropdowns:focus-visible {\n    outline: none;\n}\n.rdp-nav_button{\n    border-radius: 10%;\n    color: #909090;\n}\n.rdp-nav_button:hover {\n  color: #E75113\n}\n.rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label {\n  background-color: transparent;\n  border: solid transparent;\n  border-radius: 0px;\n  outline: none !important;\n}\n.rdp-caption_label {\n  font-size: 12px !important;\n  font-weight: 600;\n  line-height: 16px;\n  text-transform: capitalize !important;\n}\n.rdp-dropdown {\n  text-transform: capitalize;\n  font-size: 12px !important;\n  font-weight: 600;\n  line-height: 16px;\n  border: solid transparent;\n}\n.rdp-dropdown_icon {\n  width: 10px;\n}\n.rdp-nav_icon{\n width: 16px;\nheight: 16px;\n}\n.rdp-table {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 24px;\n}\n.my-today {\n  border-color: #e75113;\n  border-radius: 10%;\n}\n"}),(0,o.jsx)(p._W,{mode:"single",selected:m,onSelect:x,defaultMonth:y,locale:i.Z,modifiersClassNames:{selected:"my-selected",today:"my-today"},showOutsideDays:!0,onDayClick:(e,n)=>{n.disabled||b(e.toLocaleDateString(h))},modifiers:_,disabled:[a,...t,s,{dayOfWeek:[0,6]}],captionLayout:"dropdown-buttons",fromMonth:n,toMonth:r,styles:{root:{borderRadius:"8px",border:"1px solid var(--neutral-grey-regular, #bdbdbd)",padding:"4px",margin:"0px"},caption_label:{border:"solid transparent",outline:"none"},dropdown:{backgroundColor:"white",padding:"8px"}}})]})},b=r(53959),m=r(30893),x=r(31013);async function getHolidays(e,n){let r=(0,x.WU)("/api/v2/Common/holidays?startDate={0}&endDate={1}",e,n);return m.e.get(r).then(e=>e.map(e=>new Date(e))).catch(e=>{let n=new b.Z("root");return n.error(e,null),[]})}var y=r(35968);let _=a.default.PublicConfig.NEXT_PUBLIC_LANG;var delivery_DifferedDeliveryModal=e=>{let{deliveryServiceId:n,listProduct:r,handleDeliveryModeChoosed:i,choosenDeliveryDate:s,closeDifferedModal:p}=e,u=a.default.PublicConfig.NEXT_PUBLIC_DELIVERY_MODE_DIFERRED_AVAILIBILITY_DATE_BEFORE_DAYS,h=(0,l.Ls)(r),b=(0,l.nU)(new Date,13),m=(0,l.nU)(new Date,83),[x,v]=(0,d.useState)(s||b.toLocaleDateString(_)),[D,g]=(0,d.useState)([]),k=[{before:h,after:new Date}];return(0,d.useEffect)(()=>{getHolidays(b.toISOString(),(0,l.X9)(b,parseInt(u)).toISOString()).then(e=>g(e))},[]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:f()("c-modal","c-modal--sm",c().differedModal),children:[(0,o.jsxs)("div",{className:f()("c-modal__header",c().modalTitleContainer),children:[(0,o.jsx)("div",{className:f()(c().modalTitle),children:(0,o.jsx)(t.Z,{i18nKey:"checkout:delivery.differred.modal.title_expedition"})}),(0,o.jsx)("button",{onClick:()=>p(),children:(0,o.jsx)(y.Z,{size:[16,16],fill:"#909090"})})]}),(0,o.jsxs)("div",{className:f()(c().modalContent),children:[(0,o.jsxs)("div",{children:[(0,o.jsx)(t.Z,{i18nKey:"checkout:delivery.differred.modal.content_expedition_first"}),(0,o.jsx)("strong",{children:(0,o.jsx)(t.Z,{i18nKey:"checkout:delivery.differred.modal.content_expedition_second"})})]}),(0,o.jsxs)("div",{className:f()(c().calendarContainer),children:[(0,o.jsx)("p",{className:f()("caption--uppercase","fwb",c().title),children:(0,o.jsx)(t.Z,{i18nKey:"checkout:delivery.differred.modal.date_expedition"})}),(0,o.jsx)(delivery_DifferedDayPicker,{holidays:D,startDate:b,disabledDays:{before:b,after:m},disabledDFOrDDMDay:k,choosenDateAsString:x,setChoosenDateAsString:v,endDate:m}),(0,o.jsx)("div",{className:f()(c().validationContainer),children:(0,o.jsx)("button",{disabled:""===x,onClick:()=>{i(n,x,!0),p()},type:"submit",className:f()("c-button","c-button--confirmation"),children:(0,o.jsx)(t.Z,{i18nKey:"checkout:delivery.differred.modal.submit"})})})]})]})]}),(0,o.jsx)("div",{className:"c-modal__overlay",onClick:()=>p()})]})}}}]);