https://ww2.freshthyme.com/static/js/NextAvailableTimeslot.db5771ed.chunk.js

1(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3881],{18029:(e,t,o)=>{var a=o(35393),i=o(11700);e.exports=a(function(e,t,o){return e+(o?" ":"")+i(t)})},54500:(e,t,o)=>{"use strict";o.r(t),o.d(t,{NextAvailableTimeslotLoader:()=>eo,default:()=>ea});var a=o(85893),i=o(68827),s=o(67294),l=o(85086),r=o(68575),n=o(31245),d=o(86239),c=o(73369);let m=l.ZP.div.withConfig({displayName:"NextAvailableTimeslotIconWrapper",componentId:"-__sc-bdb32d7d-0"})(["position:relative;"]),p=(0,l.ZP)(d.pA).withConfig({displayName:"NextAvailableTimeslotIcon",componentId:"-__sc-bdb32d7d-1"})(({theme:e,name:t})=>`
2    fill: ${"AccountSolid"===t?e.colors.brandColors.primary1:e.colors.uiColors.greyscale5};
3  `),g=(0,l.ZP)(d.pA).withConfig({displayName:"NextAvailableTimeslotSecondaryIcon",componentId:"-__sc-bdb32d7d-2"})(({theme:e,name:t})=>{let o="CheckCircle"===t?e.colors.uiColors.success:"Clear"===t?e.colors.uiColors.alert:e.colors.brandColors.primary1;return`
4    background-color: ${e.colors.uiColors.greyscale1};
5    position: absolute;
6    bottom: 0;
7    right: -${r.W0.xxs};
8    fill: ${o};
9    ${(0,c.E0)("50%")};
10  `});var T=o(26323);let x=l.ZP.div.withConfig({displayName:"NextAvailableTimeslot",componentId:"-__sc-c7e918e0-0"})(({theme:e})=>`
11    background-color: ${e.colors.uiColors.greyscale1};
12    width: 100%;
13    padding: ${r.W0.sm};
14    display: grid;
15    grid-template-columns: 1fr;
16    grid-gap: ${r.W0.sm};
17
18    ${(0,n.Z)("md",{noUpper:!0})} {
19      grid-template-columns: 1fr auto;
20    }
21  `),S=(0,l.ZP)(x).withConfig({displayName:"NextAvailableTimeslotLoading",componentId:"-__sc-c7e918e0-1"})(["text-align:center;"]),u=l.ZP.div.withConfig({displayName:"NextAvailableTimeslotContent",componentId:"-__sc-c7e918e0-2"})(["display:grid;grid-template-columns:"," auto;align-items:center;grid-gap:0 ",";","{grid-template-columns:"," auto;grid-gap:"," ",";}","{grid-template-columns:"," auto auto;grid-gap:"," ",";}"],r.W0.md,r.W0.xs,(0,n.Z)("md"),r.W0.md,r.W0.xs,r.W0.sm,(0,n.Z)("lg"),r.W0.md,r.W0.xxs,r.W0.sm),h=(0,l.ZP)(e=>{let t,o,s=(0,i.c)(4),{className:l,step:n}=e;switch(n){case"ReservedTimeSlotItem":t="CheckCircle";break;case"SoldOutTimeSlotItem":t="Clear";break;default:t="ReserveTime"}let d=t;return s[0]!==d||s[1]!==l||s[2]!==n?(o=(0,T.Z)(()=>(0,a.jsxs)(m,{className:l,"data-testid":`NextAvailableTimeslotIconTestId-${n}`,children:[(0,a.jsx)(p,{name:"WelcomeTimeSlotItem"===n?"AccountSolid":"ReserveDate",size:r.W0.md}),"WelcomeTimeSlotItem"!==n&&(0,a.jsx)(g,{"data-testid":`NextAvailableTimeslotSecondaryIconTestId-${n}`,name:d,size:r.W0.vsm})]}),{componentName:"NextAvailableTimeslotIcon"}),s[0]=d,s[1]=l,s[2]=n,s[3]=o):o=s[3],o}).withConfig({displayName:"NextAvailableIcon",componentId:"-__sc-c7e918e0-3"})(["grid-column:1 / 2;grid-row:1 / 2;","{grid-row:1 / 3;}"],(0,n.Z)("md",{noUpper:!0})),b=l.ZP.h3.withConfig({displayName:"NextAvailableTimeslotHeading",componentId:"-__sc-c7e918e0-4"})(({theme:e})=>`
22    margin: 0;
23    font-size: ${e.typography.text.fontSM.fontSize};
24    font-weight: ${e.typography.text.fontSM.fontWeight};
25
26    ${(0,n.Z)("md",{noUpper:!0})} {
27      align-self: end;
28      font-size: ${e.typography.text.fontLG.fontSize};
29      line-height: ${e.typography.text.fontLG.lineHeight};
30      font-weight: ${e.typography.text.fontLG.fontWeight};
31    }
32  `),y=l.ZP.span.withConfig({displayName:"NextAvailableTimeslotSubheading",componentId:"-__sc-c7e918e0-5"})(({theme:e})=>`
33    font-size: ${e.typography.text.fontSM.fontSize};
34    grid-column: 1 / 3;
35
36    ${(0,n.Z)("sm")} {
37      padding-top: ${r.W0.sm};
38    }
39
40    ${(0,n.Z)("md",{noUpper:!0})} {
41      grid-column: 2 / 3;
42      align-self: start;
43    }
44  `),v=l.ZP.span.withConfig({displayName:"NextAvailableTimeslotDate",componentId:"-__sc-c7e918e0-6"})(({theme:e,selected:t})=>`
45    ${t?`color: ${e.colors.uiColors.success};`:""}
46  `),I=l.ZP.div.withConfig({displayName:"NextAvailableTimeslotActions",componentId:"-__sc-c7e918e0-7"})(["display:grid;grid-template-columns:1fr 1fr;grid-gap:",";align-items:center;","{grid-template-columns:1fr;}","{grid-gap:",";}"],r.W0.xs,(0,n.Z)("md"),(0,n.Z)("lg"),r.W0.sm),A=(0,l.ZP)(d.zx).withConfig({displayName:"NextAvailableTimeslotBtn",componentId:"-__sc-c7e918e0-8"})([""]);var N=o(45007),C=o(92899),f=o(83172),E=o(18029),P=o.n(E),_=o(22559);let L=e=>{let{className:t,ctaPrimaryText:o,ctaPrimaryAction:i,ctaSecondaryText:s,ctaSecondaryAction:l,heading:r,step:n,subheading:d,timeslotDate:c}=e;return(0,T.Z)(()=>(0,a.jsxs)(x,{className:t,"data-testid":`NextAvailableTimeslotTestId-${n}`,children:[(0,a.jsxs)(u,{children:[(0,a.jsx)(h,{step:n}),(0,a.jsx)(b,{"data-testid":"NextAvailableTimeslotHeadingTestId",..._.kf,children:r}),d&&(0,a.jsxs)(y,{"data-testid":"NextAvailableTimeslotSubHeadingTestId",children:[(0,a.jsx)("span",{dangerouslySetInnerHTML:{__html:d}}),c&&(0,a.jsx)(v,{"data-testid":"NextAvailableTimeslotDateTestId",selected:"ReservedTimeSlotItem"===n,children:"ReservedTimeSlotItem"===n?(0,a.jsx)("strong",{children:` ${c}`}):` ${c}`})]})]}

46),(0,a.jsxs)(I,{children:[(0,a.jsx)(A,{adjustForTouch:!0,handleClick:i,"data-testid":"NextAvailableTimeslotPrimaryActionTestId",children:o}),(0,a.jsx)(A,{adjustForTouch:!0,buttonStyle:"secondary",handleClick:l,"data-testid":"NextAvailableTimeslotSecondaryActionTestId",children:s})]})]}),{componentName:"NextAvailableTimeslot"})};var Z=o(30888),$=o(71460),w=o(56794),M=o(90068);let j={openGlobalModal:Z.f9,reserveTimeSlot:w.l,userSessionCanDeliver:M.Z},D=(0,N.$j)(e=>({addressIntegrationV2:e.settings.retailer.addressIntegrationV2,selectedShoppingMode:(0,f.kR)(e),sessionZipCode:e.sessions.userSession.zipCode,nextAvailableTimeslotLabel:e.slots.nextAvailableTimeslot.days[0].label,nextAvailableTimeslotSubLabel:e.slots.nextAvailableTimeslot.days[0].subLabel,nextAvailableTimeslot:(0,f.P2)(e)}),j)(e=>{var t;let o,{addressIntegrationV2:i,bodyText:s,buttonTextA:l,buttonTextB:r,headerText:n,nextAvailableTimeslot:d,nextAvailableTimeslotLabel:c,nextAvailableTimeslotSubLabel:m,openGlobalModal:p,reserveTimeSlot:g,selectedShoppingMode:x,sessionZipCode:S,userSessionCanDeliver:u}=e,h={ctaPrimaryAction:async()=>{let e=d?.reservationId??"",t=d?.slotId??"";e&&t&&await g(e,t)},ctaPrimaryText:l,ctaSecondaryAction:async()=>{x===$._Cb?S?await u()?p($.STEP_TYPES.DELIVERYTIMESLOTS):p($.STEP_TYPES.DELIVERY):i?p($.STEP_TYPES.DELIVERYTIMESLOTS):p($.STEP_TYPES.DELIVERY):p($.STEP_TYPES.DELIVERYTIMESLOTS)},ctaSecondaryText:r,heading:n,step:"NextTimeSlotItem",subheading:s,timeslotDate:(t=d?.range??"",o="",c&&(o=o.concat(c,", ")),m&&(o=o.concat(m,", ")),t&&(o=o.concat(t)),o)};return(0,T.Z)(()=>(0,a.jsx)(L,{...h}),{componentName:"NextAvailableTimeslotAvailable"})});var W=o(78485),O=o(35684),R=o(10381);let Y={openGlobalModal:Z.f9,userSessionCanDeliver:M.Z},k=(0,N.$j)(e=>({addressIntegrationV2:e.settings.retailer.addressIntegrationV2,isCustomerLoggedIn:(0,C.n)(e),retailerStoreId:e.stores.retailerStoreId,selectedShoppingMode:(0,f.kR)(e),sessionZipCode:e.sessions.userSession.zipCode,timeslotDate:e.slots.reservationDetails.slotDateTimeShort}),Y)(e=>{let{addressIntegrationV2:t,bodyText:o,buttonTextA:i,buttonTextB:s,headerText:l,isCustomerLoggedIn:r,openGlobalModal:n,retailerStoreId:d,selectedShoppingMode:c,sessionZipCode:m,timeslotDate:p,userSessionCanDeliver:g}=e,x={ctaPrimaryAction:()=>{(0,R.Z)("reviewButton")&&(window.location.href=`${window.location.origin}${(0,W.Z)(c,d,O.ZP.cartReview)}`)},ctaPrimaryText:i,ctaSecondaryAction:async()=>{r?c===$._Cb?m?await g()?n($.STEP_TYPES.DELIVERYTIMESLOTS):n($.STEP_TYPES.DELIVERY):t?n($.STEP_TYPES.DELIVERYTIMESLOTS):n($.STEP_TYPES.DELIVERY):n($.STEP_TYPES.DELIVERYTIMESLOTS):n($.STEP_TYPES.LOGIN,{ariaLabel:$.STEP_TYPES.LOGIN})},ctaSecondaryText:s,heading:l,step:"ReservedTimeSlotItem",subheading:o,timeslotDate:p};return(0,T.Z)(()=>(0,a.jsx)(L,{...x}),{componentName:"NextAvailableTimeslotSelected"})});var V=o(91487),z=o(55756),G=o(76633),B=o(28669);let H={openGlobalModal:Z.f9,setPotentialShoppingModeId:V.ni,setPotentialShoppingModeName:V.J4},U=(0,N.$j)(e=>({availableShoppingModes:(0,f.DN)(e),modifyInProgress:e.cart.orderModifyStatus.modifyInProgress,shoppingModeName:e.shoppingModes.selectedShoppingMode.displayName,shoppingModes:e.shoppingModes.shoppingModesList}),H)(e=>{let t,o,l,r,n,d,c=(0,i.c)(29),{t:m}=s.useContext(G.q),{availableShoppingModes:p,bodyText:g,buttonTextA:x,buttonTextB:S,headerText:u,modifyInProgress:h,openGlobalModal:b,setPotentialShoppingModeId:y,setPotentialShoppingModeName:v,shoppingModeName:I,shoppingModes:A}=e;c[0]!==p||c[1]!==I?(t=(0,B.Z)(p,I),c[0]=p,c[1]=I,c[2]=t):t=c[2];let{canChangeMode:N,canChangeStore:C,oppositeShoppingMode:f}=t;c[3]!==y||c[4]!==v||c[5]!==A?(o=e=>{let t=A.find(t=>t.displayName===e);t&&(v(t.displayName),y(t.shoppingModeId))},c[3]=y,c[4]=v,c[5]=A,c[6]=o):o=c[6];let E=o;c[7]!==N||c[8]!==h||c[9]!==b||c[10]!==f||c[11]!==E?(l=()=>{N&&!h&&((0,z.Gq)(""),b(f,{isCheckout:!0,ariaLabel:f}),E(f))},c[7]=N,c[8]=h,c[9]=b,c[10]=f,c[11]=E,c[12]=l):l=c[12];let P=l;c[13]!==C||c[14]!==h||c[15]!==b||c[16]!==E||c[17]!==I||c[18]!==m?(r=()=>{C&&!h&&((0,z.Gq)(""),b(I,{isCheckout:!0,ariaLabel:m("modals.ariaLabel.changeStore")}),E(I))},c[13]=C,c[14]=h,c[15]=b,c[16]=E,c[17]=I,c[18]=m,c[19]=r):r=c[19];let _=r;c[20]!==g||c[21]!==x||c[22]!==S||c[23]!==P||c[24]!==_||c[25]!==u?(n={ctaPrimaryAction:P,ctaPrimaryText:x,ctaSecondaryAction:_,ctaSecondaryText:S,heading:u,step:"SoldOutTimeSlotItem",subheading:g},c[20]=g,c[21]=x,c[22]=S,c[23]=P,c[24]=_,c[25]=u,c[26]=n):n=c[26];let Z=n;return c[27]!==Z?(d=(0,T.Z)(()=>(0,a.jsx)(L,{...Z}),{componentName:"NextAvailableTimeslotUnavailable"}),c[27]=Z,c[28]=d):d=c[28],d}

46),q=e=>{let t,o,l,r=(0,i.c)(10),n=s.useContext(G.q);r[0]!==n?(t=()=>{(0,C.$v)({context:n})},r[0]=n,r[1]=t):t=r[1];let d=t;r[2]!==d||r[3]!==e.bodyText||r[4]!==e.buttonTextA||r[5]!==e.buttonTextB||r[6]!==e.headerText?(o={ctaPrimaryAction:d,ctaPrimaryText:e.buttonTextA,ctaSecondaryAction:d,ctaSecondaryText:e.buttonTextB,heading:e.headerText,step:"WelcomeTimeSlotItem",subheading:e.bodyText},r[2]=d,r[3]=e.bodyText,r[4]=e.buttonTextA,r[5]=e.buttonTextB,r[6]=e.headerText,r[7]=o):o=r[7];let c=o;return r[8]!==c?(l=(0,T.Z)(()=>(0,a.jsx)(L,{...c}),{componentName:"NextAvailableTimeslotWelcome"}),r[8]=c,r[9]=l):l=r[9],l};var F=o(51845),K=o(55556),J=o(59194),Q=o(65846),X=o(72400),ee=o(52349);let et=async(e,t,o,a,i,s)=>{let l=o(),r=l.stores.retailerStoreId,n=(0,f.pj)(l)?ee.V:"",d=`v1/stores/${r}/timeslots/nextavailable${n}`;try{if((0,C.n)(l)){let i=await e.get(d,{headers:a(o(),s,{})});t((0,K.bi)(i.data))}}catch(e){i.error("getNextAvailableTimeslotServer() ",e,{retailerStoreId:r})}},eo=e=>{let t,o,l,n,c=(0,i.c)(19),{customerName:m,hasSelectedSlot:p,isLoggedIn:g,items:x,isPlanning:u,nextAvailableTimeslot:h,shoppingMode:b}=e,y=!!h;c[0]!==m||c[1]!==x||c[2]!==b?(t=((e,t,o)=>{try{return e.reduce((e,a)=>{let i=P()(t),s={"Customer.FirstName":o??"Guest","Order.Fulfillment.Type":i},l=(e,t)=>

46{try{return e.replace(/\{\{([^{}]*)\}\}/g,(e,o)=>t[o]||"")}catch{return e}},r={buttonTextA:a.buttonTextA?l(a.buttonTextA,s):"",buttonTextB:a.buttonTextB?l(a.buttonTextB,s):"",headerText:a.headerText?l(a.headerText,s):"",bodyText:a.bodyText?l(a.bodyText,s):"",type:a.type??""};return e[a.type]=r,e},{})}catch{return null}})(x,b,m),c[0]=m,c[1]=x,c[2]=b,c[3]=t):t=c[3];let v=t,[I,A]=s.useState(!1);return c[4]!==p||c[5]!==g||c[6]!==u||c[7]!==e?(o=()=>{!g||p||u||(async()=>{A(!1),await e.getNextAvailableTimeslotClient(),A(!0)})()},c[4]=p,c[5]=g,c[6]=u,c[7]=e,c[8]=o):o=c[8],c[9]!==p||c[10]!==g?(l=[g,p],c[9]=p,c[10]=g,c[11]=l):l=c[11],s.useEffect(o,l),c[12]!==I||c[13]!==y||c[14]!==p||c[15]!==g||c[16]!==u||c[17]!==v?(n=(0,T.Z)(()=>u||!v?null:g?p?(0,a.jsx)(k,{...v.ReservedTimeSlotItem}):I?y?(0,a.jsx)(D,{...v.NextTimeSlotItem}):(0,a.jsx)(U,{...v.SoldOutTimeSlotItem}):(0,a.jsx)(S,{children:(0,a.jsx)(d.$j,{width:r.W0.lg,height:r.W0.lg})}):(0,a.jsx)(q,{...v.WelcomeTimeSlotItem}),{componentName:"NextAvailableTimeslotLoader"}),c[12]=I,c[13]=y,c[14]=p,c[15]=g,c[16]=u,c[17]=v,c[18]=n):n=c[18],n},ea=(0,N.$j)(e=>({hasSelectedSlot:(0,f.rf)(e),isLoggedIn:(0,C.n)(e),shoppingMode:(0,f.kR)(e),nextAvailableTimeslot:(0,f.P2)(e),customerName:e.customer.details.firstName,isPlanning:(0,f.oD)(e)}),{getNextAvailableTimeslotClient:()=>async(e,t)=>await et(J.sg,e,t,X.Z,F.logger,(0,Q.Z)())})(eo)},28669:(e,t,o)=>{"use strict";o.d(t,{Z:()=>s});var a=o(71460),i=o(51845);let s=(e,t)=>{let o={canChangeStore:!1,canChangeMode:!1,oppositeShoppingMode:a._Cb};try{let i=t===a.c3p?a._Cb:a.c3p;return o.oppositeShoppingMode=i,o.canChangeStore=!!Object.keys(e).includes(t)&&e[t]>1,o.canChangeMode=!!Object.keys(e).includes(i)&&e[i]>0,o}catch(a){return i.logger.warn("changeCommerceStoreOrMode() ",a,{storesToModes:e,currentMode:t,result:o}),o}}},90068:(e,t,o)=>{"use strict";o.d(t,{Z:()=>n});var a=o(59194),i=o(51845),s=o(43538),l=o(65846),r=o(72400);let n=()=>{let e;return e=(0,l.Z)(),async(t,o)=>{let l=o(),{userSession:n}=l.sessions;try{if(!n.zipCode)return!1;let t=l.stores.retailerStoreId,o=l.shoppingModes.selectedShoppingMode,i=(0,s.O)(l);return await a.sg.head(`v1/code/${n.zipCode}/ShoppingModes/${o.shoppingModeId}/Stores/${t}`,{headers:(0,r.Z)(l,e,i)}),!0}catch(e){return i.logger.error("userSessionCanDeliver()",e,n),!1}}}},56794:(e,t,o)=>{"use strict";o.d(t,{l:()=>c});var a=o(71460),i=o(55556),s=o(70076),l=o(51845),r=o(98254),n=o(2392),d=o(59194);let c=(e,t)=>async(o,c)=>{try{o((0,i.D4)(t));let a=c();await d.sg.post(`v1/stores/${a.stores.retailerStoreId}/slots/reserve`,{reservationId:e}),o((0,r.D9)({data:{SlotId:t},type:"timeslot_reserved"}))}catch(c){let r=c?.response?.data?.errorCode,d=!!r&&Object.keys(a.TCg).includes(r);d&&o((0,n.P)(r)),400===c.response.status?(o(c.response.data.errorCode===a.Rpy?(0,s.OW)(c.response.data,a.AHT):(0,s.OW)(c.response.data,a.ytL)),o((0,i.Ai)(t,e)),o((0,i.mH)()),l.logger.warn("Timeslot shoppingRules reserveTimeSlot()",{error:c,reservationId:e,SlotId:t})):(l.logger.error("reserveTimeSlotAPI()",c,{SlotId:t,reservationId:e}),o((0,i.Iu)(t,e)),d||await o((0,n.f)()))}}}}]);