"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[49127],{2572:(e,n,t)=>{t.d(n,{A:()=>f});var r=t(29747),a=t(14232),i=t(24964),o=t(10983),d=t(52467),l=t(89162),s=t(72544),c=t(44364),p=t(63381),u=t(36384);let h={activeText:{color:c.l.GLOBAL.ORANGE},optionsText:[u.Il.bodyCopyTight,{color:c.l.GLOBAL.BLACK,paddingLeft:p.E.SIZE_10}],optionsTextWrapper:{alignItems:"center",display:"flex",flexWrap:"wrap"},title:[u.Il.smallCopy,{color:c.l.LIGHT.GRAY_70,marginBottom:p.E.SIZE_10}]};function m(e){let{active:n,activeValue:t,customRootStyles:a,isDisabled:i=!1,label:o,name:d,title:c,customTextWrapperStyles:p,...u}=e,m=n||t===u.value;return(0,r.FD)("div",{"data-component":"RadioWithTitle",children:[c&&(0,r.Y)("p",{css:h.title,children:c}),(0,r.FD)("label",{css:[s.A.optionsRoot,m?s.A.rootActive:s.A.rootHover,a],children:[(0,r.Y)(l.A,{name:d,isDisabled:i,isActive:m,...u,"data-element":"Radio"}),(0,r.Y)("span",{css:[h.optionsTextWrapper,p],children:(0,r.Y)("p",{css:[h.optionsText,m&&h.activeText],children:o})})]})]})}let g={cta:{justifyContent:"center",width:"100%"},icon:{color:c.l.GLOBAL.ORANGE,justifyContent:"center",marginBottom:p.E.SIZE_10,minHeight:35},optionContainer:{marginBottom:p.E.SIZE_40},radioTextWrapperStyles:{alignItems:"center",display:"flex",flexWrap:"wrap",width:"100%"},root:{paddingBottom:p.E.SIZE_40,paddingTop:p.E.SIZE_10,"& > span":{justifyContent:"center"}},subtitle:[u.Il.secondaryHeadline,{marginTop:p.E.SIZE_30,marginBottom:p.E.SIZE_40,textAlign:"center"}],title:[u.Il.secondaryHeadline,{color:c.l.GLOBAL.ORANGE,marginTop:p.E.SIZE_05,textAlign:"center"}]},f=function(e){let{isOpen:n,onBack:t,icon:l,title:s,subtitle:c,onConfirm:p,onClose:u,options:h}=e,[f,b]=(0,a.useState)("0");return(0,r.Y)(d.A,{contentLabel:"address-verification-modal","data-component":"address-verification-modal",isOpen:n,onBack:t,hasClose:!1,customContentStyles:g.modal,onClose:u,backButtonLabel:"Back",children:(0,r.FD)("div",{css:g.root,children:[(0,r.Y)(o.default,{name:l,css:g.icon,"data-element":"Icon"}),(0,r.Y)("h3",{css:g.title,children:s}),(0,r.Y)("p",{css:g.subtitle,children:c}),(0,r.Y)("div",{css:g.optionsWrapper,children:h.map(e=>(0,r.Y)("div",{css:g.optionContainer,children:(0,r.Y)(m,{name:e.name,value:e.value,onChange:b,label:e.title,activeValue:f,title:e.label,isDisabled:e.isDisabled,customTextWrapperStyles:g.radioTextWrapperStyles})},e.title))}),(0,r.Y)(i.A,{onClick:()=>{p(f)},css:g.cta,"data-element":"Button",children:"Confirm address"})]})})}},4762:(e,n,t)=>{t.d(n,{A:()=>h});var r=t(29747),a=t(29607),i=t(10983),o=t(57532),d=t(44364),l=t(63381),s=t(36384);let c={boxContainer:[{background:d.l.LIGHT.OFF_WHITE,borderRadius:l.E.SIZE_15,display:"flex",flexDirection:"column",fontWeight:"bold",height:l.E.SIZE_100,justifyContent:"space-between",margin:"".concat(l.E.SIZE_10,"px 0px"),padding:l.E.SIZE_10,width:l.E.SIZE_100},(0,s._R)(11,15)],container:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"space-between"},icon:{color:d.l.GLOBAL.ORANGE,width:l.E.SIZE_20,height:l.E.SIZE_20},root:{width:"100%"},subtext:[s.Il.smallCopyTight],title:[s.Il.primarySubhead,{marginBottom:l.E.SIZE_20,color:d.l.GLOBAL.BLACK}]},p=()=>[{icon:"location",text:"Level ground"},{icon:"perimeter",text:"3ft perimeter"},{icon:"tiretype-highway",text:"Paved road"},{icon:"key",text:"Vehicle keys"},{icon:"wheel_lock",text:"Wheel lock key",subtext:"if applicable"},{icon:"garage",text:"Garage access",subtext:"if applicable"}];function u(e){let{icon:n,text:t,subtext:a}=e;return(0,r.FD)("div",{css:c.boxContainer,"data-component":"GuidelineBox",children:[(0,r.Y)("div",{children:(0,r.Y)(i.default,{name:n,css:c.icon,"data-element":"Icon"})}),(0,r.FD)("div",{children:[(0,r.Y)("p",{children:t}),a&&(0,r.FD)("p",{css:c.subtext,children:["(",a,")"]})]})]})}let h=function(e){let{header:n}=e;return(0,r.FD)("div",{css:c.root,"data-component":"InstallGuidelines",children:[n&&(0,r.Y)("div",{css:c.title,children:(0,o.ui)("pdp.installation.installGuidelines.title")}),(0,r.Y)("div",{css:c.container,children:p().map((e,n)=>(0,a.n)(u,{...e,key:n}))})]})}},5660:(e,n,t)=>{t.d(n,{A:()=>eg});var r=t(29747),a=t(14232),i=t(76709),o=t(34251),d=t(81308),l=t(71548),s=t(88772),c=t(84726),p=t(99595),u=t(19802),h=t(46605),m=t(64398),g=t(82580),f=t(84473),b=t(57532),_=t(10983),v=t(20735),y=t(13358),E=t(88554),I=t(52467),S=t(23037),T=t(43544),L=t(24227),x=t(40994),w=t(19009),k=t(24964),A=t(29607),C=t(31121),Z=t(28888);function B(){let e=(0,Z._)(["\n  .rdp-root {\n    --rdp-accent-color: rgb(\n      75,\n      129,\n      159\n    ); /* The accent color used for selected days and UI elements. */\n    --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */\n\n    --rdp-day-height: 44px; /* The height of the day cells. */\n    --rdp-day-width: 50px; /* The width of the day cells. */\n\n    --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */\n    --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */\n    --rdp-day_button-height: 40px; /* The height of the day cells. */\n    --rdp-day_button-width: 40px; /* The width of the day cells. */\n\n    --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */\n    --rdp-background-color: rgba(75, 129, 159, 0.1);\n    --rdp-disabled-opacity: 0.25; /* The opacity of the disabled days. */\n    --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */\n    --rdp-today-color: var(\n      --rdp-accent-color\n    ); /* The color of the today's date. */\n\n    --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */\n\n    --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */\n\n    --rdp-nav_button-disabled-opacity: 0.25; /* The opacity of the disabled navigation buttons. */\n    --rdp-nav_button-height: 4rem; /* The height of the navigation buttons. */\n    --rdp-nav_button-width: 5rem; /* The width of the navigation buttons. */\n    --rdp-nav-height: 5rem; /* The height of the navigation bar. */\n\n    --rdp-range_middle-background-color: var(\n      --rdp-accent-background-color\n    ); /* The color of the background for days in the middle of a range. */\n    --rdp-range_middle-color: inherit; /* The color of the range text. */\n\n    --rdp-range_start-color: white; /* The color of the range text. */\n    --rdp-range_start-background: linear-gradient(\n      var(--rdp-gradient-direction),\n      transparent 50%,\n      var(--rdp-range_middle-background-color) 50%\n    ); /* Used for the background of the start of the selected range. */\n    --rdp-range_start-date-background-color: var(\n      --rdp-accent-color\n    ); /* The background color of the date when at the start of the selected range. */\n\n    --rdp-range_end-background: linear-gradient(\n      var(--rdp-gradient-direction),\n      var(--rdp-range_middle-background-color) 50%,\n      transparent 50%\n    ); /* Used for the background of the end of the selected range. */\n    --rdp-range_end-color: white; /* The color of the range text. */\n    --rdp-range_end-date-background-color: var(\n      --rdp-accent-color\n    ); /* The background color of the date when at the end of the selected range. */\n\n    --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */\n    --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */\n\n    --rdp-week_number-height: var(\n      --rdp-day-height\n    ); /* The height of the week number cells. */\n    --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */\n    --rdp-week_number-width: var(\n      --rdp-day-width\n    ); /* The width of the week number cells. */\n    --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */\n\n    --rdp-weekday-opacity: 0.4; /* The opacity of the weekday. */\n    --rdp-weekday-padding: 0rem 0rem; /* The padding of the weekday. */\n    --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */\n\n    --rdp-gradient-direction: 90deg;\n\n    --rdp-animation_duration: 0.3s;\n    --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .rdp-root[dir='rtl'] {\n    --rdp-gradient-direction: -90deg;\n  }\n\n  .rdp-root[data-broadcast-calendar='true'] {\n    --rdp-outside-opacity: unset;\n  }\n\n  /* Root of the component. */\n  .rdp-root {\n    position: relative; /* Required to position the navigation toolbar. */\n    box-sizing: border-box;\n  }\n\n  .rdp-root * {\n    box-sizing: border-box;\n  }\n\n  .rdp-day {\n    width: var(--rdp-day-width);\n    height: var(--rdp-day-height);\n    text-align: center;\n  }\n\n  .rdp-day_button {\n    background: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    font: inherit;\n    color: inherit;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n\n    width: var(--rdp-day_button-width);\n    height: var(--rdp-day_button-height);\n    border: var(--rdp-day_button-border);\n    border-radius: var(--rdp-day_button-border-radius);\n  }\n\n  .rdp-day_button:hover:not([disabled]) {\n    background: var(--rdp-background-color);\n  }\n\n  .rdp-day_button:disabled {\n    cursor: revert;\n  }\n\n  .rdp-caption_label {\n    z-index: 1;\n\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n\n    white-space: nowrap;\n    border: 0;\n  }\n\n  .rdp-dropdown:focus-visible ~ .rdp-caption_label {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  .rdp-button_next,\n  .rdp-button_previous {\n    border: none;\n    background: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    font: inherit;\n    color: inherit;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    appearance: none;\n\n    width: var(--rdp-nav_button-width);\n    height: var(--rdp-nav_button-height);\n  }\n\n  .rdp-button_next:disabled,\n  .rdp-button_next[aria-disabled='true'],\n  .rdp-button_previous:disabled,\n  .rdp-button_previous[aria-disabled='true'] {\n    cursor: revert;\n\n    opacity: var(--rdp-nav_button-disabled-opacity);\n  }\n\n  .rdp-chevron {\n    display: inline-block;\n    fill: var(--rdp-accent-color);\n  }\n\n  .rdp-root[dir='rtl'] .rdp-nav .rdp-chevron {\n    transform: rotate(180deg);\n  }\n\n  .rdp-root[dir='rtl'] .rdp-nav .rdp-chevron {\n    transform: rotate(180deg);\n    transform-origin: 50%;\n  }\n\n  .rdp-dropdowns {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--rdp-dropdown-gap);\n  }\n  .rdp-dropdown {\n    z-index: 2;\n\n    /* Reset */\n    opacity: 0;\n    appearance: none;\n    position: absolute;\n    inset-block-start: 0;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: inherit;\n    border: none;\n    line-height: inherit;\n  }\n\n  .rdp-dropdown_root {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .rdp-dropdown_root[data-disabled='true'] .rdp-chevron {\n    opacity: var(--rdp-disabled-opacity);\n  }\n\n  .rdp-month_caption {\n    display: flex;\n    align-content: center;\n    height: var(--rdp-nav-height);\n    font-weight: bold;\n    font-size: large;\n  }\n\n  .rdp-months {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--rdp-months-gap);\n    max-width: fit-content;\n  }\n\n  .rdp-month_grid {\n    border-collapse: collapse;\n  }\n\n  .rdp-nav {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n\n    display: flex;\n    align-items: center;\n\n    height: var(--rdp-nav-height);\n  }\n\n  .rdp-week {\n    display: flex;\n  }\n\n  .rdp-weekdays {\n    display: flex;\n  }\n\n  .rdp-weekday {\n    opacity: var(--rdp-weekday-opacity);\n    padding: var(--rdp-weekday-padding);\n    font-weight: 700;\n    font-size: 12px;\n    height: var(--rdp-day-height);\n    line-height: var(--rdp-day-height);\n    text-align: var(--rdp-weekday-text-align);\n    text-transform: var(--rdp-weekday-text-transform);\n    width: var(--rdp-day-width);\n  }\n\n  .rdp-week_number {\n    opacity: var(--rdp-week_number-opacity);\n    font-weight: 400;\n    font-size: small;\n    height: var(--rdp-week_number-height);\n    width: var(--rdp-week_number-width);\n    border: var(--rdp-week_number-border);\n    border-radius: var(--rdp-week_number-border-radius);\n    text-align: var(--rdp-weeknumber-text-align);\n  }\n\n  /* DAY MODIFIERS */\n  .rdp-today:not(.rdp-outside) {\n    color: var(--rdp-today-color);\n  }\n\n  .rdp-selected {\n    font-weight: bold;\n    font-size: large;\n  }\n\n  .rdp-selected .rdp-day_button {\n    border: var(--rdp-selected-border);\n  }\n\n  .rdp-outside {\n    opacity: var(--rdp-outside-opacity);\n  }\n\n  .rdp-disabled {\n    opacity: var(--rdp-disabled-opacity);\n  }\n\n  .rdp-hidden {\n    visibility: hidden;\n    color: var(--rdp-range_start-color);\n  }\n\n  .rdp-range_start {\n    background: var(--rdp-range_start-background);\n  }\n\n  .rdp-range_start .rdp-day_button {\n    background-color: var(--rdp-range_start-date-background-color);\n    color: var(--rdp-range_start-color);\n  }\n\n  .rdp-range_middle {\n    background-color: var(--rdp-range_middle-background-color);\n  }\n\n  .rdp-range_middle .rdp-day_button {\n    border-color: transparent;\n    border: unset;\n    border-radius: unset;\n    color: var(--rdp-range_middle-color);\n  }\n\n  .rdp-range_end {\n    background: var(--rdp-range_end-background);\n    color: var(--rdp-range_end-color);\n  }\n\n  .rdp-range_end .rdp-day_button {\n    color: var(--rdp-range_start-color);\n    background-color: var(--rdp-range_end-date-background-color);\n  }\n\n  .rdp-range_start.rdp-range_end {\n    background: revert;\n  }\n\n  .rdp-focusable {\n    cursor: pointer;\n  }\n\n  @keyframes rdp-slide_in_left {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes rdp-slide_in_right {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes rdp-slide_out_left {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(-100%);\n    }\n  }\n\n  @keyframes rdp-slide_out_right {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n\n  .rdp-weeks_before_enter {\n    animation: rdp-slide_in_left var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-weeks_before_exit {\n    animation: rdp-slide_out_left var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-weeks_after_enter {\n    animation: rdp-slide_in_right var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-weeks_after_exit {\n    animation: rdp-slide_out_right var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-root[dir='rtl'] .rdp-weeks_after_enter {\n    animation: rdp-slide_in_left var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-root[dir='rtl'] .rdp-weeks_before_exit {\n    animation: rdp-slide_out_right var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-root[dir='rtl'] .rdp-weeks_before_enter {\n    animation: rdp-slide_in_right var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-root[dir='rtl'] .rdp-weeks_after_exit {\n    animation: rdp-slide_out_left var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  @keyframes rdp-fade_in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes rdp-fade_out {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n\n  .rdp-caption_after_enter {\n    animation: rdp-fade_in var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-caption_after_exit {\n    animation: rdp-fade_out var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-caption_before_enter {\n    animation: rdp-fade_in var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-caption_before_exit {\n    animation: rdp-fade_out var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n"]);return B=function(){return e},e}function O(){let e=(0,Z._)(["\n  .rdp-root {\n    --rdp-accent-color: #e72f27; /* The accent color used for selected days and UI elements. */\n    --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */\n\n    --rdp-day-height: 44px; /* The height of the day cells. */\n    --rdp-day-width: 50px; /* The width of the day cells. */\n\n    --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */\n    --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */\n    --rdp-day_button-height: 40px; /* The height of the day cells. */\n    --rdp-day_button-width: 40px; /* The width of the day cells. */\n\n    --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */\n    --rdp-background-color: rgba(231, 47, 39, 0.1);\n    --rdp-disabled-opacity: 0.25; /* The opacity of the disabled days. */\n    --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */\n    --rdp-today-color: var(\n      --rdp-accent-color\n    ); /* The color of the today's date. */\n\n    --rdp-dropdown-gap: 0.5rem; /* The gap between the dropdowns used in the month captons. */\n\n    --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */\n\n    --rdp-nav_button-disabled-opacity: 0.25; /* The opacity of the disabled navigation buttons. */\n    --rdp-nav_button-height: 4rem; /* The height of the navigation buttons. */\n    --rdp-nav_button-width: 5rem; /* The width of the navigation buttons. */\n    --rdp-nav-height: 5rem; /* The height of the navigation bar. */\n\n    --rdp-range_middle-background-color: var(\n      --rdp-accent-background-color\n    ); /* The color of the background for days in the middle of a range. */\n    --rdp-range_middle-color: inherit; /* The color of the range text. */\n\n    --rdp-range_start-color: white; /* The color of the range text. */\n    --rdp-range_start-background: linear-gradient(\n      var(--rdp-gradient-direction),\n      transparent 50%,\n      var(--rdp-range_middle-background-color) 50%\n    ); /* Used for the background of the start of the selected range. */\n    --rdp-range_start-date-background-color: var(\n      --rdp-accent-color\n    ); /* The background color of the date when at the start of the selected range. */\n\n    --rdp-range_end-background: linear-gradient(\n      var(--rdp-gradient-direction),\n      var(--rdp-range_middle-background-color) 50%,\n      transparent 50%\n    ); /* Used for the background of the end of the selected range. */\n    --rdp-range_end-color: white; /* The color of the range text. */\n    --rdp-range_end-date-background-color: var(\n      --rdp-accent-color\n    ); /* The background color of the date when at the end of the selected range. */\n\n    --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */\n    --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */\n\n    --rdp-week_number-height: var(\n      --rdp-day-height\n    ); /* The height of the week number cells. */\n    --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */\n    --rdp-week_number-width: var(\n      --rdp-day-width\n    ); /* The width of the week number cells. */\n    --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */\n\n    --rdp-weekday-opacity: 0.4; /* The opacity of the weekday. */\n    --rdp-weekday-padding: 0rem 0rem; /* The padding of the weekday. */\n    --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */\n\n    --rdp-gradient-direction: 90deg;\n\n    --rdp-animation_duration: 0.3s;\n    --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .rdp-root[dir='rtl'] {\n    --rdp-gradient-direction: -90deg;\n  }\n\n  .rdp-root[data-broadcast-calendar='true'] {\n    --rdp-outside-opacity: unset;\n  }\n\n  /* Root of the component. */\n  .rdp-root {\n    position: relative; /* Required to position the navigation toolbar. */\n    box-sizing: border-box;\n  }\n\n  .rdp-root * {\n    box-sizing: border-box;\n  }\n\n  .rdp-day {\n    width: var(--rdp-day-width);\n    height: var(--rdp-day-height);\n    text-align: center;\n  }\n\n  .rdp-day_button {\n    background: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    font: inherit;\n    color: inherit;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n\n    width: var(--rdp-day_button-width);\n    height: var(--rdp-day_button-height);\n    border: var(--rdp-day_button-border);\n    border-radius: var(--rdp-day_button-border-radius);\n  }\n\n  .rdp-day_button:hover:not([disabled]) {\n    background: var(--rdp-background-color);\n  }\n\n  .rdp-day_button:disabled {\n    cursor: revert;\n  }\n\n  .rdp-caption_label {\n    z-index: 1;\n\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n\n    white-space: nowrap;\n    border: 0;\n  }\n\n  .rdp-dropdown:focus-visible ~ .rdp-caption_label {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  .rdp-button_next,\n  .rdp-button_previous {\n    border: none;\n    background: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    font: inherit;\n    color: inherit;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    appearance: none;\n\n    width: var(--rdp-nav_button-width);\n    height: var(--rdp-nav_button-height);\n  }\n\n  .rdp-button_next:disabled,\n  .rdp-button_next[aria-disabled='true'],\n  .rdp-button_previous:disabled,\n  .rdp-button_previous[aria-disabled='true'] {\n    cursor: revert;\n\n    opacity: var(--rdp-nav_button-disabled-opacity);\n  }\n\n  .rdp-chevron {\n    display: inline-block;\n    fill: var(--rdp-accent-color);\n  }\n\n  .rdp-root[dir='rtl'] .rdp-nav .rdp-chevron {\n    transform: rotate(180deg);\n  }\n\n  .rdp-root[dir='rtl'] .rdp-nav .rdp-chevron {\n    transform: rotate(180deg);\n    transform-origin: 50%;\n  }\n\n  .rdp-dropdowns {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--rdp-dropdown-gap);\n  }\n  .rdp-dropdown {\n    z-index: 2;\n\n    /* Reset */\n    opacity: 0;\n    appearance: none;\n    position: absolute;\n    inset-block-start: 0;\n    inset-block-end: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    cursor: inherit;\n    border: none;\n    line-height: inherit;\n  }\n\n  .rdp-dropdown_root {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .rdp-dropdown_root[data-disabled='true'] .rdp-chevron {\n    opacity: var(--rdp-disabled-opacity);\n  }\n\n  .rdp-month_caption {\n    display: flex;\n    align-content: center;\n    height: var(--rdp-nav-height);\n    font-weight: bold;\n    font-size: large;\n  }\n\n  .rdp-months {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--rdp-months-gap);\n    max-width: fit-content;\n  }\n\n  .rdp-month_grid {\n    border-collapse: collapse;\n  }\n\n  .rdp-nav {\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-end: 0;\n\n    display: flex;\n    align-items: center;\n\n    height: var(--rdp-nav-height);\n  }\n\n  .rdp-week {\n    display: flex;\n  }\n\n  .rdp-weekdays {\n    display: flex;\n  }\n\n  .rdp-weekday {\n    opacity: var(--rdp-weekday-opacity);\n    padding: var(--rdp-weekday-padding);\n    font-weight: 700;\n    font-size: 12px;\n    height: var(--rdp-day-height);\n    line-height: var(--rdp-day-height);\n    text-align: var(--rdp-weekday-text-align);\n    text-transform: var(--rdp-weekday-text-transform);\n    width: var(--rdp-day-width);\n  }\n\n  .rdp-week_number {\n    opacity: var(--rdp-week_number-opacity);\n    font-weight: 400;\n    font-size: small;\n    height: var(--rdp-week_number-height);\n    width: var(--rdp-week_number-width);\n    border: var(--rdp-week_number-border);\n    border-radius: var(--rdp-week_number-border-radius);\n    text-align: var(--rdp-weeknumber-text-align);\n  }\n\n  /* DAY MODIFIERS */\n  .rdp-today:not(.rdp-outside) {\n    color: var(--rdp-today-color);\n  }\n\n  .rdp-selected {\n    font-weight: bold;\n    font-size: large;\n  }\n\n  .rdp-selected .rdp-day_button {\n    background: var(--rdp-background-color);\n    border: var(--rdp-selected-border);\n  }\n\n  .rdp-outside {\n    opacity: var(--rdp-outside-opacity);\n  }\n\n  .rdp-disabled {\n    opacity: var(--rdp-disabled-opacity);\n  }\n\n  .rdp-hidden {\n    visibility: hidden;\n    color: var(--rdp-range_start-color);\n  }\n\n  .rdp-range_start {\n    background: var(--rdp-range_start-background);\n  }\n\n  .rdp-range_start .rdp-day_button {\n    background-color: var(--rdp-range_start-date-background-color);\n    color: var(--rdp-range_start-color);\n  }\n\n  .rdp-range_middle {\n    background-color: var(--rdp-range_middle-background-color);\n  }\n\n  .rdp-range_middle .rdp-day_button {\n    border-color: transparent;\n    border: unset;\n    border-radius: unset;\n    color: var(--rdp-range_middle-color);\n  }\n\n  .rdp-range_end {\n    background: var(--rdp-range_end-background);\n    color: var(--rdp-range_end-color);\n  }\n\n  .rdp-range_end .rdp-day_button {\n    color: var(--rdp-range_start-color);\n    background-color: var(--rdp-range_end-date-background-color);\n  }\n\n  .rdp-range_start.rdp-range_end {\n    background: revert;\n  }\n\n  .rdp-focusable {\n    cursor: pointer;\n  }\n\n  @keyframes rdp-slide_in_left {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes rdp-slide_in_right {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n  }\n\n  @keyframes rdp-slide_out_left {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(-100%);\n    }\n  }\n\n  @keyframes rdp-slide_out_right {\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n  }\n\n  .rdp-weeks_before_enter {\n    animation: rdp-slide_in_left var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-weeks_before_exit {\n    animation: rdp-slide_out_left var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-weeks_after_enter {\n    animation: rdp-slide_in_right var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-weeks_after_exit {\n    animation: rdp-slide_out_right var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-root[dir='rtl'] .rdp-weeks_after_enter {\n    animation: rdp-slide_in_left var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-root[dir='rtl'] .rdp-weeks_before_exit {\n    animation: rdp-slide_out_right var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-root[dir='rtl'] .rdp-weeks_before_enter {\n    animation: rdp-slide_in_right var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-root[dir='rtl'] .rdp-weeks_after_exit {\n    animation: rdp-slide_out_left var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  @keyframes rdp-fade_in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes rdp-fade_out {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n\n  .rdp-caption_after_enter {\n    animation: rdp-fade_in var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-caption_after_exit {\n    animation: rdp-fade_out var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-caption_before_enter {\n    animation: rdp-fade_in var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n\n  .rdp-caption_before_exit {\n    animation: rdp-fade_out var(--rdp-animation_duration)\n      var(--rdp-animation_timing) forwards;\n  }\n"]);return O=function(){return e},e}let M=(0,A.AH)(B()),G=(0,A.AH)(O()),Y=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],R=e=>Y[e.getDay()].charAt(0),D=function(e){let{selectValue:n,startMonth:t,endMonth:i,disabled:o,onSelectDate:d,isSourcePirelliWidget:l}=e,s=(0,a.useCallback)(e=>{d&&e&&d(e)},[d]);return(0,r.FD)("div",{"data-component":"SingleDatePicker",children:[(0,r.Y)(A.mL,{styles:l?G:M,"data-element":"Global"}),(0,r.Y)(C.h,{mode:"single",selected:n,onSelect:s,formatters:{formatWeekdayName:R},startMonth:t,endMonth:i,disabled:o,"data-element":"DayPicker"})]})};var H=t(63276),W=t(44364),F=t(32586),P=t(63381),N=t(36384),X=t(31473);let j=(e,n)=>({"&.swiper-button-disabled":{display:"none"},"&:hover":{background:W.l.GLOBAL.TEAL,color:W.l.GLOBAL.WHITE},background:W.l.GLOBAL.WHITE,borderRadius:F.Z.RADIUS_25,color:W.l.GLOBAL.TEAL,display:"flex",height:40,left:"prev"===e?0:"auto",marginTop:n,right:"prev"===e?"auto":0,svg:{height:10,width:6},top:"50%",transform:"prev"===e?"rotate(-180deg)":"",width:40}),Q={active:{backgroundColor:"rgba(75, 129, 159, 0.1)",border:"2px solid #4B819F",borderRadius:"50%",boxSizing:"border-box",color:W.l.GLOBAL.BLACK},activeAppointmentTime:{borderBottom:"".concat(P.E.SIZE_02,"px solid"),borderColor:W.l.GLOBAL.TEAL,color:W.l.GLOBAL.BLACK},activeAppointmentTimePirelli:{borderColor:"red"},appointmentRequestText:[N.Il.smallCopy,{color:W.l.LIGHT.GRAY_70}],appointmentRequestTitle:[N.gI.tertiaryHeadline.base,{marginBottom:P.E.SIZE_10,color:W.l.GLOBAL.GRAY_60}],appointmentRequestWrapper:{padding:"".concat(P.E.SIZE_20,"px 0px")},appointmentTimeItem:{":hover":{borderBottom:"".concat(P.E.SIZE_02,"px solid"),borderColor:W.l.GLOBAL.TEAL},color:W.l.LIGHT.GRAY_70,cursor:"pointer",fontSize:"".concat(P.E.SIZE_10,"px"),fontWeight:"900",lineHeight:"13px",padding:"".concat(P.E.SIZE_10,"px 0px"),textTransform:"uppercase"},appointmentTimeItemPirelli:{":hover":{borderBottom:"".concat(P.E.SIZE_02,"px solid"),borderColor:"red"}},appointmentTimes:{display:"flex",justifyContent:"space-evenly",marginBottom:P.E.SIZE_10},appointmentWrapper:{padding:0},bookTime:{padding:"0px ".concat(P.E.SIZE_20,"px"),[H.MQ.S]:{padding:0},[H.MQ.M]:{padding:"0px ".concat(X._A.M,"px")},[H.MQ.L]:{padding:"0px ".concat(X._A.L)}},dateList:{".appointment-date-carousel-container":{".swiper-button-next-date":{"::after":{display:"none"},boxShadow:"0px 0px 2px 2px rgba(0, 0, 0, 0.1)",display:"none",marginRight:P.E.SIZE_02,[H.MQ.L]:j("next",-25)},".swiper-button-prev-date":{"::after":{display:"none"},boxShadow:"0px 0px 2px 2px rgba(0, 0, 0, 0.1)",display:"none",marginLeft:P.E.SIZE_02,[H.MQ.L]:j("prev",-25)},".swiper-wrapper":{".appointment-date-carousel-item":{margin:"0 ".concat(P.E.SIZE_05,"px"),minWidth:40,width:40},display:"flex",paddingBottom:P.E.SIZE_20},display:"flex"},width:"100%"},dateString:[N.Il.secondarySubhead,{color:W.l.GLOBAL.TEAL,lineHeight:"1.75"}],description:[N.Il.smallCopy,{color:W.l.LIGHT.GRAY_70}],disabled:{"& span":{cursor:"none",color:W.l.GLOBAL.YELLOW,pointerEvents:"none"}},dropOff:{display:"flex",marginTop:P.E.SIZE_20,flexWrap:"nowrap",flexDirection:"row"},dropOffCta:{"&:last-of-type":{marginBottom:0,marginRight:0},":focus":{border:"2px solid ".concat(W.l.GLOBAL.YELLOW," !important")},":hover":{border:"2px solid ".concat(W.l.GLOBAL.BLACK," !important")},justifyContent:"center",marginBottom:P.E.SIZE_10,marginRight:P.E.SIZE_20,width:"100%"},dropOffCtaPirelli:{":focus":{border:"2px solid red !important"},":hover":{border:"2px solid ".concat(W.l.GLOBAL.BLACK," !important")}},dropOffTitle:[N.Il.eyebrow,{color:W.l.LIGHT.GRAY_70,marginBottom:P.E.SIZE_10}],earliest:[N.Il.secondarySubhead,{background:W.l.GLOBAL.TEAL,borderRadius:F.Z.RADIUS_8,color:W.l.GLOBAL.WHITE,marginRight:P.E.SIZE_10,padding:P.E.SIZE_05}],earliestDate:[N.Il.labelCopy,{backgroundColor:W.l.GLOBAL.WHITE,color:W.l.GLOBAL.TEAL,textTransform:"capitalize"}],earliestLabel:[N.Il.labelCopy,{backgroundColor:"red",borderRadius:P.E.SIZE_05,color:W.l.GLOBAL.WHITE,fontWeight:"normal",marginRight:P.E.SIZE_20,padding:"0 5px 0 5px",textAlign:"left"}],earliestPirelli:{background:W.l.GLOBAL.RED},editIcon:{":hover":{borderColor:W.l.GLOBAL.BLACK},"> span":{cursor:"pointer"},border:"".concat(P.E.SIZE_02,"px solid"),borderColor:W.l.LIGHT.GRAY_20,borderRadius:F.Z.CIRCLE,padding:P.E.SIZE_05},errorMessage:[N.Il.smallCopyTight,{display:"block",color:W.l.GLOBAL.RED}],helpCenter:[N.Il.labelHeadline,{color:W.l.LIGHT.GRAY_70,marginTop:P.E.SIZE_20,textAlign:"center",fontWeight:"normal"}],label:{display:"inline-flex",justifyContent:"center",marginBottom:P.E.SIZE_20},month:[N.Il.tertiaryHeadline,{color:W.l.LIGHT.GRAY_20,display:"flex",justifyContent:"space-between",marginBottom:P.E.SIZE_10,marginLeft:P.E.SIZE_05,minHeight:24,position:"relative"}],monthCurrent:{color:W.l.GLOBAL.BLACK},root:{padding:"".concat(P.E.SIZE_20,"px ").concat(P.E.SIZE_20,"px"),boxShadow:"".concat(P.E.SIZE_10,"px ").concat(P.E.SIZE_10,"px ").concat(P.E.SIZE_30,"px rgba(0, 0, 0, 0.15)"),borderRadius:F.Z.RADIUS_15,marginTop:P.E.SIZE_20},scheduleDate:[N.Il.largeCopy,{alignItems:"center",color:W.l.LIGHT.GRAY_70,cursor:"pointer",display:"flex",height:40,justifyContent:"center",width:40}],scheduleDateItem:{alignItems:"center",display:"flex",flexDirection:"column"},scheduleDay:[N.Il.eyebrow,{color:W.l.GLOBAL.YELLOW,marginBottom:P.E.SIZE_08}],scheduleTimeItem:{alignItems:"center",display:"flex",flexDirection:"column",maxWidth:P.E.SIZE_100,padding:P.E.SIZE_02},separator:{borderBottom:"1px solid ".concat(W.l.LIGHT.GRAY_20)},slotButtonActive:{border:"2px solid ".concat(W.l.GLOBAL.TEAL," !important"),backgroundColor:"rgba(75, 129, 159, 0.1)",color:W.l.GLOBAL.BLACK},slotButtonActivePirelli:{border:"2px solid red !important",backgroundColor:"rgba(231, 47, 39, 0.1)",color:W.l.GLOBAL.BLACK},timeList:{display:"flex",flexWrap:"wrap",paddingBottom:P.E.SIZE_20,justifyContent:"center"},timeSlotCta:{"&:last-of-type":{marginBottom:0},":focus":{border:"2px solid ".concat(W.l.GLOBAL.TEAL," !important")},":hover":{border:"2px solid ".concat(W.l.GLOBAL.BLACK," !important")},height:40,justifyContent:"center",marginBottom:P.E.SIZE_10,padding:"".concat(P.E.SIZE_10,"px ").concat(P.E.SIZE_20,"px"),width:"100%"},timeSlotCtaPirelli:{":focus":{border:"2px solid red !important"},":hover":{border:"2px solid ".concat(W.l.GLOBAL.BLACK," !important")},border:"red"},timeSlotTabStyles:{"& button":{marginRight:0},"& button:after":{backgroundColor:W.l.GLOBAL.YELLOW},"& button:first-child":{textAlign:"left"},"& button:last-child":{textAlign:"right"},paddingLeft:0,paddingTop:P.E.SIZE_10,[H.MQ.M]:{paddingLeft:0}},timeSlotWrapper:{padding:"".concat(P.E.SIZE_20,"px 0px")},title:[N.gI.tertiaryHeadline.base,{alignItems:"center",display:"flex",justifyContent:"space-between",marginBottom:P.E.SIZE_20}]};var z=t(66351);let U=function(e){let n,{scheduleDays:t,onSelect:i,value:o,error:d={hasError:!1},isMobileInstall:l=!1}=e,s=(0,a.useMemo)(()=>{let e=o?t.findIndex(e=>e.date===(null==o?void 0:o.date)):t.findIndex(e=>e.isDateAvailable);return -1===e?0:e},[t,o]),c=(0,a.useMemo)(()=>{let e=t[s].scheduleTimes.findIndex(e=>o?e.isDropOff?e.slotTime===o.slotTime:e.startTime===(null==o?void 0:o.startTime)&&(e.slotTime===(null==o?void 0:o.slotTime)||(0,S.QJ)(e.slotTime,!1)===(null==o?void 0:o.amOrPm)):e.isDropOff?e.isSlotAvailable:e.startTime);return{...t[s].scheduleTimes[-1==e?0:e],date:t[s].date,day:t[s].day}},[t,o,s]),[u,h]=(0,a.useState)(c.date),[m,g]=(0,a.useState)(c),[f,_]=(0,a.useState)(c.slotTime),[v,y]=(0,a.useState)(s),{isSourcePirelliWidget:E}=(0,p.A)(),[I,A]=(0,a.useState)(!1),[C,Z]=(0,a.useState)((0,z.e8)(c.date)),[B,O]=(0,a.useState)(c.day);(0,a.useEffect)(()=>{s>0&&0===v&&y(s)},[s,v]),(0,a.useEffect)(()=>{m&&(y(t.findIndex(e=>e.date===(null==m?void 0:m.date))),g(m))},[t,m,g]),(0,a.useEffect)(()=>{_(c.slotTime)},[c]);let M=e=>{e==L.Q.Morning?_(L.Q.Morning):e==L.Q.Afternoon?_(L.Q.Afternoon):e==L.Q.Evening&&_(L.Q.Evening),A(!0)},G=(0,a.useMemo)(()=>{let e=(0,z.e8)(m.date);return e.getMonth()+1+"/"+(10>e.getDate()?"0"+e.getDate():e.getDate())+"/"+e.getFullYear()},[m]),Y=t.filter(e=>!e.scheduleTimes.length).map(e=>(0,z.e8)(e.date)),R=e=>{let n=e.getMonth()+1;return e.getFullYear()+"-"+(9>e.getMonth()?"0"+n:n)+"-"+(10>e.getDate()?"0"+e.getDate():e.getDate())},H=e=>{if(0==e);else if(1==e)return T.g.Monday;else if(2==e)return T.g.Tuesday;else if(3==e)return T.g.Wednesday;else if(4==e)return T.g.Thursday;else if(5==e)return T.g.Friday;else if(6==e)return T.g.Saturday;return T.g.Sunday},W=e=>{let n,r=R(e||new Date);Z(e||new Date),A(!0),y(t.findIndex(e=>e.date===r)),g(n=l?{isDropOff:!1,isSlotAvailable:!1,slotTime:L.Q.Morning,startTime:"00:00",day:T.g[B||H(e.getDay())],date:r}:{...m,day:T.g[B||H(e.getDay())],date:r}),i(n)},F=e=>()=>{let n={...e,day:T.g[m.day?m.day:H((0,z.e8)(m.date).getDay())],date:m.date};g(n),n.startTime||n.slotTime||l?i(n):i(void 0)},P=(0,a.useMemo)(()=>{var e,n,r;return v>=0&&null!==(e=t[v])&&void 0!==e&&!!e.scheduleTimes&&null!==(r=t[v])&&void 0!==r&&null!==(n=r.scheduleTimes[0])&&void 0!==n&&!!n.isDropOff&&t[v].scheduleTimes[0].isDropOff},[t,v]),N=(0,a.useMemo)(()=>{if(v>=0&&!P){let e={};return t[v].scheduleTimes.forEach(n=>{e[n.slotTime]=!0}),Object.keys(e)}return[]},[t,v,P]);(0,a.useEffect)(()=>{o||g(c)},[o,c]),(0,a.useEffect)(()=>{let e=setTimeout(()=>{o||i(m)},3e3);return()=>clearTimeout(e)},[o,m,i]);let{hasError:X,errorMessage:j}=d;return(0,r.Y)("div",{"data-component":"AppointmentDateTimePicker",children:(0,r.Y)("div",{css:Q.bookTime,children:(0,r.FD)("div",{css:Q.root,children:[(0,r.Y)("h4",{css:Q.title,children:(0,b.ui)("installer.steps.first")}),(0,r.FD)("div",{css:Q.appointmentWrapper,children:[!I&&0===s&&(0,r.Y)("span",{css:[Q.earliest,E&&Q.earliestPirelli],children:(0,b.ui)("installer.earliest")}),(0,r.Y)("span",{css:Q.dateString,children:"".concat((n=B||(null==m?void 0:m.day))[0].toUpperCase()+n.slice(1,n.length),", ").concat(G).concat(l?"":(null==m?void 0:m.isDropOff)?", "+m.slotTime:(null==m?void 0:m.slotTime)=="Morning"?", "+m.startTime+"am":(null==m?void 0:m.slotTime)=="Evening"||(null==m?void 0:m.slotTime)=="Afternoon"?", "+(null==m?void 0:m.startTime)+"pm":"")})]}),(0,r.Y)("div",{children:(0,r.Y)("div",{children:(0,r.Y)(D,{disabled:[...Y,{before:(0,z.e8)(t[0].date)},{after:(0,z.e8)(t[t.length-1].date)}],selectValue:I?new Date(C):(0,z.e8)(m.date),startMonth:(0,z.B)(t[0].date),endMonth:(0,z.B)(t[t.length-1].date),isSourcePirelliWidget:E,onSelectDate:e=>{void 0===e&&(e=(0,z.e8)(m.date));let n=e;O(H(null==n?void 0:n.getDay())),n&&h(n.toLocaleDateString("en-US")),W(e)},"data-element":"SingleDatePicker"})})}),(0,r.Y)("div",{css:Q.separator}),l?(0,r.FD)("div",{css:Q.appointmentRequestWrapper,children:[(0,r.Y)("p",{css:Q.appointmentRequestTitle,children:(0,b.ui)("installer.appointmentRequest.title")}),(0,r.Y)("p",{css:Q.appointmentRequestText,children:(0,b.ui)("installer.appointmentRequest.content")})]}):(0,r.FD)("div",{css:Q.timeSlotWrapper,children:[(0,r.Y)("p",{css:Q.dropOffTitle,children:P?(0,b.ui)("installer.schedule.dropOff"):(0,b.ui)("installer.schedule.appointmentTime")}),(0,r.Y)("div",{css:Q.appointmentTimes,children:!P&&N.map(e=>{let n=f===e;return(0,r.Y)("span",{css:[Q.appointmentTimeItem,n&&Q.activeAppointmentTime,n&&E&&Q.activeAppointmentTimePirelli],onClick:()=>M(e),children:e},e)})}),v>=0&&P&&(0,r.Y)("div",{css:Q.dropOff,children:t[v].scheduleTimes.map(e=>{var n;let{startTime:a,slotTime:i}=e,o=(null==m?void 0:m.date)===(null===(n=t[v])||void 0===n?void 0:n.date)&&(null==m?void 0:m.startTime)===a&&(null==m?void 0:m.slotTime)===i;return(0,r.Y)(k.A,{css:[Q.dropOffCta,E&&Q.dropOffCtaPirelli,o&&Q.slotButtonActive,o&&E&&Q.slotButtonActivePirelli],theme:w.C.LIGHT,isDisabled:!e.isSlotAvailable,style:o?x.l.SOLID:x.l.OUTLINED,onClick:F(e),children:"".concat(e.slotTime)},e.slotTime)})}),v>=0&&!P&&(0,r.Y)("div",{css:Q.timeList,children:t[v].scheduleTimes.filter(e=>N.includes(e.slotTime)).filter(e=>e.slotTime===f).map((e,n)=>{var a;let{startTime:i,slotTime:o,isSlotAvailable:d}=e,l=i?o!==L.Q.Morning?"".concat((0,z.gV)(i),"pm"):"".concat((0,z.gV)(i),"am"):"".concat(o),s=(null==m?void 0:m.date)===(null===(a=t[v])||void 0===a?void 0:a.date)&&(null==m?void 0:m.startTime)===i&&(null==m?void 0:m.slotTime)===o;return(0,r.Y)("div",{css:Q.scheduleTimeItem,children:(0,r.Y)(k.A,{css:[Q.timeSlotCta,E&&Q.timeSlotCtaPirelli,s&&Q.slotButtonActive,s&&E&&Q.slotButtonActivePirelli],theme:w.C.LIGHT,isDisabled:!d,onClick:F(e),style:s?x.l.SOLID:x.l.OUTLINED,children:l},i)},"".concat(n," + ").concat(i))})}),X&&(0,r.Y)("span",{role:"alert",css:[Q.errorMessage],children:j}),(0,r.Y)("p",{css:Q.description,children:(0,b.ui)("installer.schedule.description")})]})]})})})};var K=t(60867),V=t(18079);let q={commonSpace:{padding:"0px ".concat(P.E.SIZE_20,"px"),[H.MQ.S]:{padding:0},[H.MQ.M]:{padding:"0px ".concat(X._A.M,"px")},[H.MQ.L]:{padding:"0px ".concat(X._A.L)}},content:[N.Il.bodyCopyTight,{color:W.l.LIGHT.GRAY_70,marginTop:P.E.SIZE_20}],description:[N.Il.smallCopy,{color:W.l.LIGHT.GRAY_70,marginBottom:P.E.SIZE_40}],descriptionWrapper:{marginTop:P.E.SIZE_40},dollar:[N.Il.topPicksPrice,{verticalAlign:"top"}],formWrapper:{marginTop:P.E.SIZE_20,padding:"".concat(P.E.SIZE_25,"px ").concat(P.E.SIZE_20,"px"),boxShadow:"".concat(P.E.SIZE_10,"px ").concat(P.E.SIZE_10,"px ").concat(P.E.SIZE_30,"px rgba(0, 0, 0, 0.15)"),borderRadius:F.Z.RADIUS_15},includeBadgePirelli:{border:"2px solid red"},includedBadge:[N.Il.smallCopyBold,{background:W.l.GLOBAL.WHITE,border:V.s.SOLID_ORANGE_TINT_30_2PX,borderRadius:P.E.SIZE_05,padding:"0px ".concat(P.E.SIZE_05,"px"),position:"absolute",right:"40%",span:{display:"inline-block",verticalAlign:"middle",svg:{width:P.E.SIZE_10}},top:"-12px"}],installerHeader:[N.Il.eyebrow,{color:W.l.LIGHT.GRAY_70,paddingLeft:0,[H.MQ.M]:{paddingLeft:P.E.SIZE_40}}],installerServices:{backgroundColor:W.l.GLOBAL.WHITE,border:V.s.SOLID_ORANGE_TINT_30_2PX,borderRadius:P.E.SIZE_10,filter:"drop-shadow(0px 5px 5px ".concat(W.l.LIGHT.GRAY_SHADE,")"),margin:"".concat(P.E.SIZE_30,"px 0px ").concat(P.E.SIZE_60,"px"),padding:P.E.SIZE_20,position:"relative",[H.MQ.M]:{margin:"".concat(P.E.SIZE_30,"px ").concat(P.E.SIZE_40,"px 60px")}},installerServicesPirelli:{border:"2px solid red"},learnMore:[N.Il.smallCopyTight,{borderBottom:"2px dotted ".concat(W.l.LIGHT.GRAY_70),color:W.l.LIGHT.GRAY_70}],modal:{paddingLeft:0,paddingRight:0,[H.MQ.M]:{paddingLeft:0,paddingRight:0},[H.MQ.L]:{paddingLeft:0,paddingRight:0}},priceContainer:{display:"flex",flexFlow:"column",marginTop:P.E.SIZE_25},pricePerTire:[N.Il.smallCopyTight,{paddingTop:P.E.SIZE_02}],subtitle:[N.Il.labelHeadline,{color:W.l.LIGHT.GRAY_70,fontWeight:"normal"}],tireInstallation:[N.Il.labelHeadline,{padding:"".concat(P.E.SIZE_10,"px 0px ").concat(P.E.SIZE_05,"px")}],title:[N.gI.primaryHeadline.base,{color:W.l.GLOBAL.BLACK,marginBottom:P.E.SIZE_05}],total:[N.Il.secondarySubhead,{paddingRight:P.E.SIZE_02}],totalPrice:[N.Il.modalHeadline,{lineHeight:"".concat(P.E.SIZE_30,"px !important;")}],verifiedBadge:{position:"absolute",right:P.E.SIZE_08,svg:{color:W.l.ORANGE.TINT_30_SOLID,height:P.E.SIZE_20,width:P.E.SIZE_20},top:P.E.SIZE_08},verifyBadgePirelli:{position:"absolute",right:P.E.SIZE_08,svg:{color:"red",height:P.E.SIZE_20,width:P.E.SIZE_20},top:P.E.SIZE_08},wrapper:{marginTop:P.E.SIZE_40}};var $=t(30735),J=t(73018),ee=t(5180),en=t(4762),et=t(70630);let er={buttonGridWidth:{width:"100%"},buttonLayoutStyle:{backgroundColor:W.l.LIGHT.OFF_WHITE,borderWidth:0,display:"grid",height:"95px",paddingBottom:P.E.SIZE_01,paddingRight:P.E.SIZE_10,textAlign:"left",width:P.E.SIZE_120},buttonTextStyle:{paddingTop:P.E.SIZE_05},buttonTitle:{fontFamily:"Circular Std",fontSize:"12px",marginTop:P.E.SIZE_05,color:W.l.GLOBAL.BLACK},cta:{justifyContent:"center",margin:"".concat(P.E.SIZE_40,"px 0"),width:"100%"},ctaSection:{justifyContent:"center"},description:[N.Il.smallCopy,{color:W.l.LIGHT.GRAY_70,marginBottom:P.E.SIZE_20,marginTop:P.E.SIZE_10,textAlign:"left"}],grid:{justifyContent:"center",paddingBottom:P.E.SIZE_10,padding:0},icon:{color:W.l.GLOBAL.ORANGE,justifyContent:"center",marginBottom:P.E.SIZE_10,minHeight:35},imageContainer:{margin:"20px ".concat(-P.E.SIZE_40,"px ").concat(P.E.SIZE_60,"px"),[H.MQ.L]:{margin:"20px ".concat(-P.E.SIZE_60,"px ").concat(P.E.SIZE_60,"px")}},list:{marginRight:"12px"},listSubtitle:[N.Il.smallCopy,{textAlign:"left"}],lockIcon:{color:W.l.GLOBAL.ORANGE},main:{display:"block"},root:{"& > span":{justifyContent:"left"},[H.MQ.S]:{marginLeft:P.E.SIZE_20,marginRight:P.E.SIZE_20},[H.MQ.M]:{margin:"20px ".concat(-P.E.SIZE_10,"px ").concat(P.E.SIZE_20,"px")},paddingBottom:P.E.SIZE_40,paddingRight:P.E.SIZE_20,paddingTop:P.E.SIZE_10},subTitle:[{fontFamily:"Circular Std",fontSize:"12px",marginBottom:P.E.SIZE_40,marginTop:P.E.SIZE_20,textAlign:"center"}],textColor:{color:W.l.LIGHT.GRAY_70},title:[{color:W.l.GLOBAL.BLACK,fontFamily:"Circular Std",fontSize:P.E.SIZE_20,fontWeight:"700",marginTop:P.E.SIZE_05,textAlign:"center"}],titlePositionTop:{display:"flex",marginTop:P.E.SIZE_20}};v.Ze.KEY,v.Ze.WHEEL_LOCK,v.Ze.GARAGE,v.Ze.LOCATION,v.Ze.PERIMETER,v.Ze.TIRETYPE_HIGHWAY;let ea=function(e){let{isOpen:n,onClose:t,subTitle:a,title:i}=e;return(0,r.Y)(et.default,{contentLabel:"location-modal","data-component":"location-modal",isOpen:n,onClose:t,children:(0,r.FD)("div",{css:"",children:[(0,r.Y)("p",{css:er.title,children:i}),(0,r.Y)("p",{css:er.subTitle,children:a}),(0,r.Y)(en.A,{header:!1,"data-element":"InstallGuidelines"}),(0,r.Y)("div",{css:er.ctaSection,children:(0,r.Y)(k.A,{onClick:t,style:x.l.OUTLINED,theme:w.C.LIGHT,css:[er.cta,er.mr20],"data-element":"Button",children:"Got it"})})]})})};var ei=t(2572),eo=t(73252),ed=t(54337),el=t(29333),es=t(99371),ec=t(40864),ep=t(26378);let eu={assistBtn:{height:"100%",left:0,opacity:0,position:"absolute",width:"100%"},btnWrapper:{position:"relative"},button:{width:"100%",justifyContent:"center"},buttonPirelli:{backgroundColor:W.l.GLOBAL.YELLOW,border:V.s.SOLID_YELLOW_2PX,borderRadius:"0px",color:W.l.GLOBAL.BLACK,justifyContent:"center",width:"100%"},customError:[N.Il.bodyCopyTight],disabledEmail:{color:W.l.LIGHT.GRAY_70,"& > label, & > input":{opacity:.4}},emailFieldset:{marginBottom:P.E.SIZE_20},form:{marginBottom:P.E.SIZE_40},inputDescription:[(0,N._R)(12,14),{color:W.l.LIGHT.GRAY_70,display:"block",marginTop:P.E.SIZE_05}],inputWrapper:{position:"relative"},loader:{objectFit:"contain"},loaderContainer:{backgroundColor:W.l.GLOBAL.ORANGE,color:W.l.GLOBAL.ORANGE,height:45,width:45},loaderContainerPirelli:{backgroundColor:W.l.GLOBAL.YELLOW,"& img":{filter:"invert(1)",height:"100%"}},locationIcon:{backgroundColor:W.l.GLOBAL.WHITE,marginLeft:P.E.SIZE_05,cursor:"pointer"},lockIcon:{"& path":{fill:W.l.GLOBAL.BLACK},"& svg":{height:20,width:20},position:"absolute",right:P.E.SIZE_15,top:"50%",transform:"translateY(-50%)"},mobileStepSecond:[N.gI.tertiaryHeadline.base,{marginTop:P.E.SIZE_20,color:W.l.LIGHT.GRAY_70}],mt10:{marginTop:P.E.SIZE_10},smartyContainer:{"> span":{marginBottom:P.E.SIZE_20},marginBottom:P.E.SIZE_20},subTitle:[N.Il.labelCopy,{color:W.l.LIGHT.GRAY_70,marginBottom:P.E.SIZE_20,display:"flex","span: first-child":{borderBottom:"2px dotted rgba(24, 24, 24, 0.7)"}}],title:[N.gI.tertiaryHeadline.base,{marginBottom:P.E.SIZE_20}],zipErrorText:{marginBottom:P.E.SIZE_20}};var eh=t(99098);let em=function(e){let n,{cancelAppointment:t,selectedTime:d,userDetail:l,onConfirm:c,onError:u,email:h,productSubType:m,siteProducts:g,selectedShop:y,handleScroll:E}=e,[I,S]=(0,a.useState)({email:!1,vehicle:!1,phone:!1,addressLine1:!1}),{cartId:T,email:L}=(0,o.W)(e=>({cartId:e.cartId,email:e.email,setEmail:e.setEmail})),{cartInstallLocation:A,setCartInstallLocation:C}=(0,i.uF)(e=>({cartInstallLocation:e.cartInstallLocation,setCartInstallLocation:e.setCartInstallLocation})),[Z,B]=(0,a.useState)({...eh.u,addressLine1:(null==A?void 0:A.addressLine1)||eh.u.addressLine1,addressLine2:(null==A?void 0:A.addressLine2)||eh.u.addressLine2,city:(null==A?void 0:A.city)||eh.u.city,companyName:(null==A?void 0:A.companyName)||eh.u.companyName,email:null!=h?h:L,phone:(null==A?void 0:A.phone)||eh.u.phone,specialInstructions:(null==A?void 0:A.specialInstructions)||eh.u.specialInstructions,state:(null==A?void 0:A.state)||eh.u.state,zip:(null==A?void 0:A.zip)||eh.u.zip}),[O,M]=(0,a.useState)(!1),G=(0,s.J)(e=>e.vehicle),Y=(0,z.jL)(g,m),R=es.Rp.test(Z[eh.H.EMAIL]||"")&&!(0,el.i)(Z[eh.H.EMAIL]),D=es.lZ.test(Z[eh.H.PHONE]||"");(0,a.useEffect)(()=>{l&&B(e=>({...e,email:null==l?void 0:l.username}))},[l]),(0,a.useEffect)(()=>{h&&B(e=>({...e}))},[h]);let{vehicleMake:H="",vehicleModel:W="",vehicleTrim:F="",vehicleYear:P=""}=null!=G?G:{},N="".concat(P," ").concat(H," ").concat(W," ").concat(F),X=Y||!!N.trim(),[j,Q]=(0,a.useState)(!1),[U,K]=(0,a.useState)(!1),[V,q]=(0,a.useState)(!1),en=null!=y&&!!y.isMobileInstall&&!V,et=!d||en,[er,em]=(0,a.useState)({}),[eg,ef]=(0,a.useState)(!1),[eb,e_]=(0,a.useState)(void 0),[ev,ey]=(0,a.useState)(0),[eE,eI]=(0,a.useState)(!1),[eS,eT]=(0,a.useState)(!1),[eL,ex]=(0,a.useState)([]),[ew,ek]=(0,a.useState)(!1),{isSourcePirelliWidget:eA}=(0,p.A)(),eC=()=>{ey(e=>e+=1),S({email:!R,vehicle:!X,phone:!D,addressLine1:!j}),u&&u()};(0,a.useEffect)(()=>{(null==y?void 0:y.isMobileInstall)&&Q(eE)},[Z,eE,null==y?void 0:y.isMobileInstall]);let eZ=()=>{ef(!1)},eB=async()=>{if(ey(e=>e+=1),M(!0),A){let e=await (0,ed.fl)({input:Z,query:{cartId:T}});e.isSuccess&&C(e.data.siteCartInstallLocationResponse.cartInstallLocation)}await c({siteCartSummaryRequest:{},formValues:Z}),M(!1)};return(0,a.useEffect)(()=>{Object.keys(eh.u).forEach(e=>{em(n=>({...n,[e]:(0,a.createRef)()}))})},[]),(0,a.useEffect)(()=>{for(let[e,n]of Object.entries(I))if(n&&er[e]&&er[e].current){E(er[e]);break}},[I,E,er]),(0,r.FD)("div",{"data-component":"ShippingConfirmForm",children:[(0,r.Y)("form",{css:eu.form,children:(null==y?void 0:y.isMobileInstall)&&(0,r.FD)("div",{children:[(0,r.Y)("h4",{css:eu.title,children:(0,b.ui)("installer.mobileSteps.heading")}),(0,r.Y)("h4",{css:eu.mobileStepSecond,children:(0,b.ui)("installer.mobileSteps.second")}),(0,r.FD)("h2",{css:eu.subTitle,children:[(0,r.Y)("span",{children:(0,b.ui)("installer.mobileSteps.secondDescription")}),(0,r.Y)(_.default,{name:v.Ze.INFO,css:eu.locationIcon,onClick:()=>{K(!0)}})]}),(0,r.FD)("div",{css:eu.inputWrapper,ref:er[eh.H.ADDRESS1],children:[(0,r.Y)("div",{css:[eu.smartyContainer,!ew&&eu.zipErrorText],children:(0,r.Y)(ec.A,{isSubmitted:ev,onChange:(e,n,t,r,a)=>{ek(a),eI(!!t&&a),S(e=>({...e,addressLine1:!1})),B(n=>({...n,...e})),e_(n),eT(r)},values:{addressLine1:Z.addressLine1,addressLine2:Z.addressLine2,city:Z.city,state:Z.state,zip:Z.zip},cartId:T,phone:Z.phone,installerId:y.id,setIsSmartyAddressValid:q})}),(0,r.Y)("fieldset",{css:eu.emailFieldset,children:(0,r.Y)("div",{css:eu.inputWrapper,children:(0,r.Y)(J.A,{isTextArea:!0,id:(0,b.ui)("checkout.shipping.shipToMeForm.prefix")+eh.H.SPECIAL_INSTRUCTION,value:Z[eh.H.SPECIAL_INSTRUCTION],onChange:(n=eh.H.SPECIAL_INSTRUCTION,e=>{S(e=>({...e,email:!1,phone:!1})),n===eh.H.PHONE&&e&&(e=(0,f.gk)(e)),B(t=>({...t,[n]:e}))}),label:(0,b.ui)("checkout.shipping.shipToMeForm.specialInstruction"),customErrorStyle:eu.customError})})})]})]})}),(0,r.FD)("div",{css:eu.btnWrapper,children:[(0,r.Y)(k.A,{theme:w.C.LIGHT,isDisabled:et||O,onClick:eB,css:[eu.button,eA&&eu.buttonPirelli],"data-element":"Button",children:O?(0,r.Y)($.default,{altText:"adding",src:eA?ee.$Y.src:ep.d,customContainerStyles:[eu.loaderContainer,...eA?[eu.loaderContainerPirelli]:[]],customImageStyles:eu.loader,widths:[45],fill:!0}):(0,r.Y)("span",{children:(0,b.ui)("installer.shippingForm.confirm")})}),et&&(0,r.Y)("button",{"aria-hidden":!0,css:eu.assistBtn,onClick:()=>{eC()}})]}),t&&(0,r.Y)(k.A,{theme:w.C.LIGHT,style:x.l.OUTLINED,css:[eu.button,eu.mt10],onClick:t,isDisabled:O,children:(0,b.ui)("installer.shippingForm.cancel")}),!!eL.length&&(0,r.Y)(ei.A,{isOpen:eg,onClose:eZ,onBack:eZ,icon:v.Ze.FREE_SHIPPING,title:(0,b.ui)("checkout.shipping.addressVerificationModal.title"),subtitle:(0,b.ui)("checkout.shipping.addressVerificationModal.subtitle"),onConfirm:e=>{if(ef(!1),"1"===e)eZ();else{if(!eb)return;let{city:e,state:n,streetLine:t,zipcode:r,secondary:a}=eb;B({...Z,addressLine1:t,addressLine2:a,city:e,state:n,zip:r});let i=(0,eo.Hk)(Z),o=eb?(0,eo.BK)(eb):"";eS||!o||i===o?eB():(ex([{isDisabled:!o.trim(),label:(0,b.ui)("checkout.shipping.addressVerificationModal.options.recommended.label"),name:"addressOption",title:o,value:"0"},{isDisabled:!i.trim(),label:(0,b.ui)("checkout.shipping.addressVerificationModal.options.entered.label"),name:"addressOption",title:i,value:"1"}]),ef(!0)),M(!1)}},options:eL}),(0,r.Y)(ea,{isOpen:U,onClose:()=>{K(!1)},subTitle:(0,b.ui)("installer.mobileLocatinModal.subtitle"),title:(0,b.ui)("installer.mobileLocatinModal.title"),"data-element":"MobileInstallLocationModal"})]})},eg=function(e){var n,t,S;let{isOpen:T,siteInstallerScheduleResponse:L,onClose:x,initialValue:w,shops:k,cancelAppointment:A,onConfirm:C,productSubType:Z}=e,{installerScheduleMetadata:{name:B,installerId:O},siteInstallerSchedule:M}=null!=L?L:{installerScheduleMetadata:{name:"",installerId:""},siteInstallerSchedule:{scheduleDays:[]}},G=(0,l.$H)(e=>e.openStaticModal),Y=(0,a.useRef)(null),R=(0,a.useRef)(void 0),D=(0,s.J)(e=>e.userDetail),{selectedDayAndTime:H,setSelectedInstaller:W}=(0,i.uF)(e=>({selectedDayAndTime:e.selectedDayAndTime,setSelectedInstaller:e.setSelectedInstaller})),{cartId:F,email:P,siteProducts:N}=(0,o.W)(e=>{var n;return{cartId:e.cartId,email:e.email,siteProducts:null===(n=e.cartSummary)||void 0===n?void 0:n.siteProducts}}),[X,j]=(0,a.useState)(!1),Q=k&&k.find(e=>e.id===O),z=null==Q?void 0:Q.schedule,{isSourcePirelliWidget:V}=(0,p.A)(),[$,J]=(0,a.useState)({selectedTime:H}),[ee,en]=(0,a.useState)(null!=H?H:null==w?void 0:w.selectedTime);(0,a.useEffect)(()=>{(null==$?void 0:$.selectedTime)&&j(!1)},[null==$?void 0:$.selectedTime]);let et=async e=>{let{siteCartSummaryRequest:n,formValues:t}=e;O&&W(O),await C({selectedTime:ee,siteCartSummaryRequest:n,formValues:t,installerId:O})},er=(0,a.useCallback)(e=>{(0,g.Io)(e,h.E.MS400,void 0,R.current)},[]);(0,a.useEffect)(()=>{T&&!$&&$!==w&&J(w)},[w,T,$]),(0,a.useEffect)(()=>{if(!T&&$){var e;en(null!==(e=$.selectedTime)&&void 0!==e?e:void 0)}},[T,$]),(0,a.useEffect)(()=>{J(e=>({...e,selectedTime:H}))},[H]);let ea=N&&(null==N?void 0:N.length)>0?(0,d.FV)(N):0,ei=Number(null==Q?void 0:null===(n=Q.price)||void 0===n?void 0:n.salePriceInCents)*ea,eo=Z===c.B.COMMERCIAL?u.u.WHATS_INCLUDED_WITH_INSTALLATION_FOR_COMMERCIAL_TIRE:u.u.WHATS_INCLUDED_WITH_INSTALLATION,ed=null==Q?void 0:Q.isMobileInstall,el=ed?(0,b.ui)("checkout.shipping.shippingInfo.mobileTireInstallation"):(0,b.ui)("checkout.shipping.shippingInfo.tireInstallation"),es=ed?(0,b.ui)("checkout.shipping.shippingInfo.mobileInstalldescription"):(0,b.ui)("checkout.shipping.shippingInfo.installdescription");return(0,r.Y)(I.A,{isOpen:T,contentLabel:"InstallationAppointSelectionModal",onClose:x,customContentStyles:q.modal,overlayZIndex:m.M.MODAL-1,contentRef:e=>R.current=e,"data-element":"BottomCardModal","data-component":"InstallationAppointmentSelectionModal",children:L&&(0,r.FD)("div",{css:q.wrapper,children:[(0,r.FD)("div",{css:q.commonSpace,children:[(0,r.FD)("h3",{css:q.title,children:[B," ",ed&&(0,b.ui)("installer.title.suffix")]}),Q&&(0,r.Y)(y.A,{address:null==Q?void 0:Q.address,isMobileInstall:ed,id:null==Q?void 0:Q.id})]}),(0,r.Y)("div",{css:q.installerHeader,children:(0,b.ui)("installer.schedule.services")}),(0,r.FD)("div",{css:[q.installerServices,V&&q.installerServicesPirelli],children:[(0,r.FD)("span",{css:[q.includedBadge,V&&q.includeBadgePirelli],children:[(0,r.FD)("span",{children:[(0,b.ui)("checkout.shipping.shippingInfo.Included")," "]}),(0,r.Y)(_.default,{name:v.Ze.REVIEW_VERIFIED})]}),(0,r.Y)(_.default,{css:[q.verifiedBadge,V&&q.verifyBadgePirelli],name:v.Ze.VERIFIED_SMALL}),(0,r.Y)(_.default,{css:q.installIcon,name:v.Ze.TIRE_INSTALLATION}),(0,r.Y)("div",{css:q.tireInstallation,children:el}),(0,r.Y)("a",{css:q.learnMore,onClick:()=>{G(eo)},role:"button",children:(0,b.ui)("checkout.shipping.shippingInfo.learnMore")}),(null==Q?void 0:Q.installationCostFor4TiresInCents)&&(0,r.FD)("div",{css:q.priceContainer,children:[F&&(0,r.FD)("div",{children:[(0,r.Y)("span",{css:q.dollar,children:"$"}),(0,r.Y)("span",{css:q.totalPrice,children:(0,f.nT)(ei).replace("$","")}),(0,r.Y)("span",{css:q.total,children:"total"})]}),(0,r.Y)("div",{css:q.pricePerTire,children:"".concat((0,f.nT)((null==Q?void 0:null===(t=Q.price)||void 0===t?void 0:t.salePriceInCents)+""),"/tire")}),(0,r.Y)(E.A,{css:q.content,children:es})]})]}),(0,r.Y)("div",{css:q.installerHeader,children:(0,b.ui)("installer.schedule.appointmentDetails")}),(0,r.Y)(U,{scheduleDays:M.scheduleDays,onSelect:e=>{J(n=>({...n,selectedTime:e})),en(e)},value:null==$?void 0:$.selectedTime,defaultSchedule:z,error:{hasError:X,errorMessage:(0,b.ui)("installer.schedule.error")},isMobileInstall:ed}),(0,r.FD)("div",{css:q.commonSpace,children:[(0,r.Y)("div",{css:ed&&q.formWrapper,ref:Y,children:(0,r.Y)(em,{cancelAppointment:(null==w?void 0:w.selectedTime)&&A,selectedTime:null==$?void 0:$.selectedTime,userDetail:D,onConfirm:et,onError:()=>{(null==$?void 0:$.selectedTime)||j(!0)},email:(null==$?void 0:null===(S=$.siteCartSummaryRequest)||void 0===S?void 0:S.email)||P,productSubType:Z,siteProducts:N,selectedShop:Q,handleScroll:er})}),(0,r.Y)("div",{css:q.descriptionWrapper,children:(0,r.Y)(K.A,{icon:ed?v.Ze.SHIPPING_TRUCK_OUTLINE:v.Ze.LOCAL_BUSINESS,title:ed?(0,b.ui)("installer.info.mobileTitle"):(0,b.ui)("installer.info.title"),description:ed?(0,b.ui)("installer.info.mobileDescription"):(0,b.ui)("installer.info.description")})})]})]})})}},29333:(e,n,t)=>{t.d(n,{i:()=>r});function r(e){let n={},t=!1;if(e.search("@")>0){let r=e.split("@")[1].split(".");if(r.length>0)for(let e of r)if(n[e]){t=!0;break}else n[e]=!0}return t}},43544:(e,n,t)=>{t.d(n,{g:()=>r});var r=function(e){return e.Friday="Friday",e.Monday="Monday",e.Saturday="Saturday",e.Sunday="Sunday",e.Thursday="Thursday",e.Tuesday="Tuesday",e.Wednesday="Wednesday",e}({})},65215:(e,n,t)=>{t.d(n,{A:()=>M});var r=t(29747),a=t(14232),i=t(44032),o=t(64959),d=t(53345),l=t(19232),s=t(98471),c=t(47608);let p=[c.e["car--jeep-wrangler"],c.e["car--ford-f-150"],c.e["car--ford-mustang"],c.e["car--commercial-van"],c.e["car--sedan"],c.e["car--convertible"],c.e["car--rv"],c.e["car--suv"],c.e["car--atv-utv"],c.e["car--racing"]];var u=t(61430),h=t(86329),m=t(63276),g=t(44364),f=t(46605),b=t(29607),_=t(84265);let v=(0,b.i7)({"0%":{right:"120%"},"100%":{right:136}}),y=(0,b.i7)({"0%":{left:"120%"},"100%":{left:136}}),E=(0,b.i7)({"0%":{right:"100%"},"100%":{right:-30}}),I=(0,b.i7)({"0%":{right:"100%"},"100%":{width:"100%",right:"0%"}}),S=(0,b.i7)({"0%":{transform:"rotateZ(0deg)"},"100%":{transform:"rotateZ(1080deg)"}}),T=(0,b.i7)({"0%":{transform:"rotateZ(0deg)"},"100%":{transform:"rotateZ(3600deg)"}});(0,b.i7)({"0%":{transform:"rotateZ(1080deg)"},"100%":{transform:"rotateZ(0deg)"}}),(0,b.i7)({"0%":{transform:"rotateZ(3600deg)"},"100%":{transform:"rotateZ(0deg)"}});let L=(0,b.i7)({"0%":{backgroundPosition:"0 0"},"100%":{backgroundPosition:"-25vw 0"}}),x=(0,b.i7)({"0%":{backgroundPosition:"0 0"},"100%":{backgroundPosition:"-15vw 0"}}),w=(0,b.i7)({"0%":{right:-200},"100%":{right:40}}),k="".concat(f.E.MS3000,"ms"),A="".concat(f.E.MS3000,"ms"),C="".concat(f.E.MS5000,"ms"),Z=(e,n)=>({animation:"".concat(e," ").concat(k," ").concat(_.U.QUAD_EASE_OUT," forwards"),[m.MQ.M]:{animationName:n||e,animationDuration:A},[m.MQ.L]:{animationDuration:C}}),B={car:{bottom:-6,position:"absolute",right:0,[m.MQ.XL]:{bottom:0,transform:"translateX(-180px)"}},carAnimate:[Z(v),{"[class$=back-wheel], [class$=front-wheel]":Z(S,T)}],carAnimateNewForLarge:[Z(E),{"[class$=back-wheel], [class$=front-wheel]":Z(S,T)}],carAnimateNewForSmall:[Z(I),{"[class$=back-wheel], [class$=front-wheel]":Z(S,T),display:"flex",justifyContent:"center"}],carAnimateReverse:[Z(y),{"[class$=back-wheel], [class$=front-wheel]":Z(S,T)}],carMobile:{bottom:-6,position:"absolute",right:"-10%",transform:"translateX(-15%) scale(-0.8,0.8)",[m.MQ.M]:{transform:"translateX(-35%) scale(-0.8,0.8)"},[m.MQ.XL]:{bottom:0,transform:"translateX(-47%) scale(-1,1)"}},carMobileModal:{bottom:-6,position:"absolute",right:"-10%",transform:"translateX(-15%) scale(-0.8,0.8)",[m.MQ.M]:{transform:"translateX(-30%) scale(-0.8,0.8)"},[m.MQ.XL]:{bottom:0,transform:"translateX(-35%) scale(-1,1)"}},carPaymentOptionsContainerFooter:{[m.MQ.XL]:{left:"50%",marginLeft:90,width:"max-content"}},carReverse:{bottom:-6,position:"absolute",left:116,[m.MQ.XL]:{bottom:0,transform:"translateX(-180px)"}},root:{position:"relative",overflow:"hidden"},scenery:{backgroundSize:"auto 75px",height:"100%",left:0,opacity:.5,position:"absolute",right:0,top:0,[m.MQ.XL]:{backgroundSize:"auto 133px"}},sceneryAnimate:Z(L,x),shop:{backgroundImage:"url(/static/assets/pdp/shop.svg)",backgroundRepeat:"no-repeat",bottom:0,height:83,position:"absolute",width:130,[m.MQ.XL]:{backgroundSize:"contain",height:122,right:40,transform:"translateX(-90px)",width:205}},shopAnimate:Z(w),shopOnFedex:{backgroundImage:"url(/static/assets/pdp/fedex-shop.svg)",backgroundRepeat:"no-repeat",bottom:0,height:83,position:"absolute",width:130,[m.MQ.XL]:{backgroundSize:"contain",height:122,right:40,transform:"translateX(-90px)",width:205}},shopOnOrange:{backgroundImage:"url(/static/assets/pdp/shop-orange.svg)"},vanMobile:{bottom:-6,left:"1%",position:"absolute",[m.MQ.M]:{left:"25%"},[m.MQ.XL]:{bottom:0,left:"-10%",transform:"translateX(43%)"}},vanMobileModal:{bottom:-6,left:"-10px",position:"absolute",[m.MQ.M]:{left:"20%"},[m.MQ.XL]:{bottom:0,left:"-10%",transform:"translateX(25%)"}}},O=f.E.MS8000,M=(0,a.memo)(function(e){let{vehicleType:n,sceneryType:t=s.C5.URBAN,isFedex:c,animateIn:b,onOrangeBg:_,rotateVehicles:v,isMobileInstall:y,isMobileInstallModal:E,isNoShop:I,hideShop:S,isPaymentOptionsContainerFooter:T,...L}=e,x=(0,h.v)(),[w,k]=(0,a.useState)(!1),[A,C]=(0,a.useState)(0),{isMobile:Z}=(0,u.A)();(0,a.useEffect)(()=>{if(!x)return k(!0),()=>{};let e=setTimeout(()=>{k(!0)},f.E.MS5000);return()=>clearTimeout(e)},[x]),(0,a.useEffect)(()=>{if(v&&w&&x){let e=setInterval(()=>{let e=A+1;e>p.length-1&&(e=0),C(e)},O);return()=>clearInterval(e)}return()=>{}},[w,A,x,p,v]);let M=p[A];return(0,r.FD)("div",{css:B.root,...L,role:"img","data-component":"InstallationAnimation",children:[(0,r.Y)(l.A,{sceneryID:t,css:[B.scenery,b&&B.sceneryAnimate],blackStroke:_,"data-element":"Scenary"}),y&&(0,r.Y)(i.A,{carId:v?M:n||d.Wd.AUDI_A6,solid:!0,solidColor:g.l.GLOBAL.WHITE,strokeWidthForBreakpoint:{[m.dj.S]:o.AM/.8,[m.dj.M]:o.AM/.8,[m.dj.L]:o.AM/.8,[m.dj.XL]:o.AM/1},css:[b&&B.carAnimateReverse,B.carReverse,y&&E?B.carMobileModal:B.carMobile]}),!S&&!y&&(0,r.Y)("div",{css:[B.shopAnimate,c&&B.shopOnFedex,b&&B.shopAnimate,I||c?"":B.shop,_&&B.shopOnOrange]}),(0,r.Y)(i.A,{carId:v?M:y?d.Wd.MOBILE_INSTALL_VAN:c?d.Wd.JEEP_WRANGLER:d.Wd.AUDI_A6,scaleForBreakpoint:{[m.dj.S]:.8,[m.dj.M]:.8,[m.dj.L]:.8,[m.dj.XL]:1},solid:!0,solidColor:_?g.l.GLOBAL.ORANGE:g.l.GLOBAL.WHITE,strokeWidthForBreakpoint:{[m.dj.S]:o.AM/.8,[m.dj.M]:o.AM/.8,[m.dj.L]:o.AM/.8,[m.dj.XL]:o.AM/1},css:[b&&B.carAnimate,B.car,y?E?B.vanMobileModal:B.vanMobile:"",I&&(Z?B.carAnimateNewForSmall:B.carAnimateNewForLarge),T?B.carPaymentOptionsContainerFooter:""],"data-element":"Car"})]})})},73252:(e,n,t)=>{t.d(n,{BK:()=>l,EH:()=>i,Hk:()=>d,RA:()=>o});var r=t(99371),a=t(30913);function i(e,n){if(e===a.OY.EMAIL)return r.Rp.test(null!=n?n:"");if(e===a.OY.PHONE)return r.lZ.test(null!=n?n:"");if(e===a.OY.FIRST_NAME)return r.u$.test(null!=n?n:"");if(e===a.OY.LAST_NAME)return r.UK.test(null!=n?n:"");if(e===a.OY.CITY)return r.kc.test(null!=n?n:"");if(e===a.OY.ZIP)return r.Zy.test(null!=n?n:"");if(e===a.OY.ADDRESS1){let e=null==n?void 0:n.toLowerCase();return(null==e||!e.includes("po box"))&&""!==n&&null!=n}return!!n&&n.length>0}let o=e=>"".concat(e.addressLine1+",").concat(e.addressLine2?" "+e.addressLine2+",":""," ").concat(e.city+","," ").concat(e.state," ").concat(e.zip),d=e=>"".concat(e.addressLine1+",").concat(e.addressLine2?" "+e.addressLine2+",":""," ").concat(e.city+","," ").concat(e.state," ").concat(e.zip),l=e=>"".concat(e.streetLine+","," ").concat(e.city+","," ").concat(e.state," ").concat(e.zipcode)},84732:(e,n,t)=>{t.d(n,{B:()=>r});function r(e,n){let t=[e[n],...e];return t.splice(n+1,1),t}}}]);