https://www.ulta.com/ux/assets/js/ulta-modules-BirthdayIntakeForm-BirthdayIntakeForm-js.61364a6d.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[2315,3607],{27531:(e,t,a)=>{a.r(t)},64564:(e,t,a)=>{t.sx=void 0,a(27531);var n=s(a(20999)),r=s(a(19115)),i=s(a(55462)),l=s(a(81540));function s(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},o.apply(null,arguments)}const c=e=>{const{ariaDescribedBy:t,ariaLabel:a,children:r,id:s,inputRef:c,checked:d=u.checked,defaultChecked:m,disabled:p=u.disabled,isFullyClickable:f=u.isFullyClickable,name:g,title:b,count:h,screenReaderText:y,tabIndex:E,onChange:v,..._}=e,S=(0,n.default)("pal-c-Radio",{"pal-c-Radio--checked":d,"pal-c-Radio--disabled":p,"pal-c-Radio--fullyClickable":f}),A=b||h||y,T=A||r,N=()=>A?i.default.createElement("div",{className:"pal-c-Radio__content--default"},b&&i.default.createElement(l.default,{htmlTag:"span",textStyle:"body-lg",textColor:p?"default-disabled":"default"},b),h&&i.default.createElement(l.default,{htmlTag:"span",textStyle:"label-sm",textColor:p?"default-disabled":"xsubtle"},h),y&&i.default.createElement(l.default,{htmlTag:"span",screenReader:!0},y)):null,k=i.default.createElement("input",o({ref:c,name:g,id:s,type:"radio",onChange:e=>{p||v?.(e)},checked:d,defaultChecked:m,disabled:p,tabIndex:E,"aria-describedby":t,"aria-label":T?void 0:a},_));return i.default.createElement("div",{className:S},f&&i.default.createElement("label",{id:`${s}_label`,htmlFor:s,className:"pal-c-Radio__label"},k,N(),r),!f&&i.default.createElement(i.default.Fragment,null,i.default.createElement("label",{id:`${s}_label`,htmlFor:s,className:"pal-c-Radio__label"},k,N()),r))};t.sx=c;const d={ariaDescribedBy:r.default.string,ariaLabel:r.default.string,children:r.default.node,id:r.default.string,inputRef:r.default.any,checked:r.default.bool,defaultChecked:r.default.bool,disabled:r.default.bool,isFullyClickable:r.default.bool,name:r.default.string,title:r.default.string,count:r.default.number,onChange:r.default.func},u={disabled:!1,checked:!1,isFullyClickable:!0};c.propTypes=d},66649:(e,t,a)=>{a.d(t,{Ay:()=>C,oP:()=>S,OX:()=>N,ju:()=>E,SH:()=>A,Tr:()=>_,Hd:()=>v});var n=a(55462),r=a(44545),i=a(19115),l=a(17045),s=a(86710),o=a(89581),c=a(77385),d=a(9),u=a(51432),m=a(76856);const{ESC_KEY:p,UPARROW_KEY:f,DOWNARROW_KEY:g,ENTER_KEY:b,TAB_KEY:h}=u.A,y=function(e){const{options:t,ariaLabel:a,id:i,textAlign:u=I.textAlign}=e,m=(0,n.useRef)(),y=(0,n.useRef)(),_=(0,n.useRef)(),S=t?.find(e=>e.selected),[T,k]=(0,n.useState)(S),[C,R]=(0,n.useState)(0),[F,B]=(0,d.e)(!1),P=t?.length>0&&t.find(e=>e.selected)||t&&t[0],[O,D]=(0,n.useState)(P),x=!!O?.action?.label,w=(0,n.useRef)(N({id:i}));let L=t?.length;return(0,n.useEffect)(()=>{v({item:S,options:t},{setSelectedItem:D,setSelectedIndex:R,setActElm:k})},[S]),(0,n.useEffect)(()=>{F&&_.current?.children[T]?.focus()},[T]),(0,c.A)({watcher:F,el:m?.current},{handleClick:()=>{B(!1)}}),(0,o.A)([p,f,g,b,h],m,a=>{A({keyCode:a.keyCode,actElm:T,listOpen:F,buttonRef:y,itemLength:L,options:t,selectedItem:O},{setListOpen:B,setSelectedItem:D,setActElm:k,selectAction:e.selectAction,setSelectedIndex:R})},[h,p]),0!==L&&a?n.createElement("div",{className:"DropDown",ref:m},n.createElement("button",{role:"combobox","aria-controls":w.current,"aria-expanded":F,"aria-haspopup":"listbox","aria-label":a,className:r("DropDown__header",{"DropDown__header--open":F}),onClick:()=>B(!0),"data-testid":"dropdown__header",ref:y},x&&n.createElement("div",{className:"DropDown__title",id:O.id,"data-testid":"dropdown__header__value"},n.createElement(s.Ay,{htmlTag:"span",textStyle:"body-2"},O.action?.label),n.createElement("span",null,n.createElement(l.A,{name:"CaretDown",size:"s"})))),F&&n.createElement("div",{className:r("DropDown__listContainer",{"DropDown__listContainer--open":F})},n.createElement("ul",{ref:_,role:"listbox","aria-label":a,className:"DropDownItem__wrapper",id:w.current},t.map((t,a)=>n.createElement("li",{key:a,id:`option-${a}`,tabIndex:"-1",role:"option","aria-selected":C===a,className:T===a?"DropDownItem--current":"DropDownItem",onClick:()=>{k(a),R(a),E({value:t,index:a,buttonRef:y},{setSelectedItem:D,selectAction:e.selectAction,setListOpen:B})}},t.action?.label&&n.createElement(s.Ay,{textStyle:"body-3",textAlign:u},t.action?.label)))))):null},E=(e,t)=>{const{value:a,buttonRef:n}

1=e,{setListOpen:r,selectAction:i,setSelectedItem:l}=t;a.selected=!0,r(!1),i(a),l({...a});const s=a.action?.dataCaptureData;s&&_(s),n?.current.focus()},v=(e,t)=>{const{item:a,options:n}=e,{setSelectedItem:r,setSelectedIndex:i,setActElm:l}=t,s=n?.findIndex(e=>e.id===a.id);r({...a}),i(s),l(s)},_=e=>{e&&m.Ay.processEvents({dataCapture:e},e.clientEvent?.toLowerCase())},S=(e,t)=>{const{buttonRef:a}=e,{setListOpen:n}=t;n(!1),a.current.focus()},A=(e,t)=>{const{keyCode:a,actElm:n,listOpen:r,buttonRef:i,itemLength:l,options:s}=e,{setListOpen:o,setSelectedItem:c,setActElm:d,selectAction:u,setSelectedIndex:m}=t;switch(a){case p:case h:r&&S({buttonRef:i},{setListOpen:o});break;case f:!r&&o(!0),d(0===n?0:n-1);break;case g:!r&&o(!0),d(n===l-1?l-1:n+1);break;case b:m(n),E({value:s[n],buttonRef:i},{setSelectedItem:c,selectAction:u,setListOpen:o})}},T={current:0},N=e=>{const{id:t}=e||{};return`DropDown--${t||++T.current}`},k={options:i.arrayOf(i.shape({id:i.string.isRequired,action:i.shape({label:i.string,url:i.string,graphql:i.string}),selected:i.bool})),id:i.string,selectAction:i.func,textAlign:i.string,ariaLabel:i.string.isRequired},I={textAlign:"left"};y.propTypes=k,y.defaultProps=I;const C=y},17893:(e,t,a)=>{a.d(t,{k_:()=>g,Ay:()=>h});var n=a(55462),r=a(16793),i=a(19115),l=a(64564),s=a(22593),o=a(1574),c=a(51432),d=a(76856),u=a(83058),m=a(5572);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},p.apply(null,arguments)}const f=function(e){const{action:t,alignment:a,crossButtonVisibility:i,onChange:o,tabIndex:c,isChecked:d,isDefaultChecked:m,isDisabled:f,...b}=e,[h]=(0,r.Mt)(e),{openOverlay:y,isOverlay:E}=(0,s.e)(),v=(0,n.useRef)(),_=(0,n.useCallback)(g({action:t,field:h,radioRef:v,alignment:a,crossButtonVisibility:i},{openOverlay:y,isOverlay:E,onChange:o}),[t,a,i,h,E,o,y]),S="number"===typeof c?Math.max(-1,Math.min(0,c)):void 0;return n.createElement("div",{className:"RadioButton"},n.createElement(l.sx,p({inputRef:v,checked:d,defaultChecked:m,disabled:f,name:h.name,tabIndex:S,onChange:_},(0,u.iU)({...b}))))},g=(e,t)=>a=>{const{action:n,field:r,radioRef:i={},alignment:l,crossButtonVisibility:s}=(0,m.Y)(e),{isOverlay:u,openOverlay:p,onChange:f}=t||{},{navigationType:g,dataCaptureData:b,clientActionType:h}=n||{};r?.onChange&&a?.target&&(r.onChange(a),f&&f(a),a.target.value&&"off"!==a.target.value&&(b&&d.Ay.processEvents({dataCapture:{...b}},c.A.DATACAPTURE_EVENT_TYPE.click),h&&(0,o.p3)({action:n}),u?.(g)&&p({type:n.navigationType,opener:i,alignment:l,...n&&{action:n},...s&&{crossButtonVisibility:s}})))},b={ariaDescribedBy:i.string,ariaLabel:i.string,children:i.node,id:i.string.isRequired,isChecked:i.bool,isDefaultChecked:i.bool,isDisabled:i.bool,name:i.string,screenReaderText:i.string,isFullyClickable:i.bool,title:i.string,count:i.number,tabIndex:i.number,onChange:i.func,value:i.string.isRequired,action:i.object,alignment:i.string,crossButtonVisibility:i.bool};f.propTypes=b;const h=f},84133:(e,t,a)=>{a.d(t,{y3:()=>f,Ay:()=>h});var n=a(55462),r=a(44545),i=a(16793),l=a(19115),s=a(66649),o=a(17045),c=a(30930),d=a(83058),u=a(5572);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},m.apply(null,arguments)}const p=e=>

1{const{options:t,placeholderLabel:a,error:l,label:u,enabled:p,onChange:g,hideLabel:h=b.hideLabel,variant:y=b.variant,required:E,id:v,accessibilityLabel:_}=e,[S,A,T]=(0,i.Mt)(e),N=(0,n.useCallback)(f({field:S,options:t},{triggerDatacaptureEvent:s.Tr,onChange:g}),[S,t,s.Tr,g]),k=v||`select-${S.name}`,I=`description-${k}`,C=l&&A.touched&&p,R=A.error&&A.touched&&p,F=C||R;return n.createElement("div",{className:r("SelectFieldNew",{"SelectFieldNew--disabled":!p,"SelectFieldNew--error":F,"SelectFieldNew--underlined":"underline"===y,"SelectFieldNew--horizontalUnderlined":"horizontalUnderline"===y,"SelectFieldNew--defaultCompact":"defaultCompact"===y})},u&&n.createElement("label",{className:r("SelectFieldNew__label",{"sr-only":h}),htmlFor:k},u),_&&n.createElement("span",{className:"sr-only",id:I},_),n.createElement("div",{className:"SelectFieldNew__selectContainer"},n.createElement("select",m({},(0,d.iU)({...S}),{className:r("SelectFieldNew__select")},_&&{...(0,d.iU)({"aria-describedby":`${I}`})},{name:S.name,id:k,value:S.value,onChange:e=>N(e)},(0,d.iU)({required:E,disabled:!p})),a&&n.createElement("option",{value:""},a),t?.length&&t.map((e,t)=>{const a=!1===e.enabled;return n.createElement("option",{key:t,value:e.value,disabled:a},e.label)})),n.createElement("div",{className:"SelectFieldNew__chevron"},n.createElement(o.A,{name:"CaretDown","aria-hidden":!0,size:"s",disabled:!p}))),C&&n.createElement(c.Ay,{message:l,messageType:"error"}),R&&n.createElement(i.Kw,{name:S.name,render:e=>n.createElement(c.Ay,{messageType:"error",message:e})}))},f=(e,t)=>a=>{const{field:n,options:r}=(0,u.Y)(e),{onChange:i,triggerDatacaptureEvent:l}=(0,u.Y)(t);if(n.onChange(a),i&&i(a.target.value),!a.target.value)return;const s=r?.find(e=>a.target.value===e.id),o=s?.dataCaptureData||s?.action?.dataCaptureData;o&&l(o)}

1,g={options:l.array.isRequired,placeholderLabel:l.string,label:l.string,hideLabel:l.bool,enabled:l.bool,name:l.string,value:l.string,params:l.array,variant:l.string,accessibilityLabel:l.string};p.propTypes=g;const b={hideLabel:!1,variant:"default"},h=p},1676:(e,t,a)=>{a.d(t,{X:()=>n});const n={CheckoutEnablement:"checkoutEnablement",SecureCheckoutGWPSelection:"secureCheckoutGWPSelection",RequestOrderValidation:"orderValidation",IsOrderValid:"orderValid",BirthdayStoreSelected:"birthdayStoreSelected",FOCUS_MODULE:"focusModule"}},11936:(e,t,a)=>{a.d(t,{BD:()=>m,Bw:()=>s,Nj:()=>c,PA:()=>l,es:()=>o,xP:()=>p});var n=a(96428),r=a(50873),i=a(11936);const l=async e=>{const{el:t,offset:a=0,autoFocus:n=!0,animate:r=!0}=e||{};if(!t)return!1;const l=i.es({el:t}),s=i.Bw({elScrollTop:l,offset:a});if(0===s)return!1;const o={top:s,left:0};r&&(o.behavior="smooth");try{await i.BD(o)}catch{window.scrollTo(o.left,o.top)}if(!1===n)return!0;const c=window.scrollX,d=window.scrollY;return i.Nj({el:t})?(t.focus(),window.scrollTo(c,d),!0):(t.setAttribute("tabindex","-1"),t.addEventListener("blur",()=>{t.removeAttribute("tabindex")},{once:!0}),setTimeout(()=>{t.focus(),window.scrollTo(c,d)},150),!0)},s=e=>{const{elScrollTop:t,offset:a}=e||{},r=(0,n.L)(a)?a:0;return((0,n.L)(t)?t:0)+r},o=e=>{const{el:t}=e||{};if("function"!==typeof t?.getBoundingClientRect)return 0;const{top:a}=t.getBoundingClientRect();let n=0;const i=document.querySelector(".DesktopHeader__StickyHeader"),l=document.querySelector("#MobileHeader"),s=!!i?.offsetHeight||!!l?.offsetHeight;i?.offsetHeight&&(n=i.offsetHeight);const o=a<0;return o&&!s&&(n=(0,r.getTopBarHeight)()),o&&l?.offsetHeight&&(n=l.offsetHeight),a+window.scrollY-n},c=e=>{const{el:t}=e||{};if(!t||!t.tagName)return!1;const a=t.getAttribute("tabindex"),n=t.tagName.toUpperCase();return(!t.hasAttribute("disabled")||!d.includes(n))&&!!([...d,...u].includes(n)||t.hasAttribute("href")||null!==a&&a>-1)},d=["BUTTON","INPUT","SELECT","TEXTAREA"],u=["SUMMARY","DETAILS"],m=e=>new Promise((t,a)=>{const n=document.scrollingElement;if(!document.scrollingElement)return a();let r=n.scrollTop,l=n.scrollLeft;const s=Object.assign({top:r,left:l},e),o=n.scrollHeight-n.clientHeight,c=n.scrollWidth-n.clientWidth,d=Math.max(0,Math.min(o,s.top)),u=Math.max(0,Math.min(c,s.left));window.scrollTo(s),window.requestAnimationFrame(i.xP({elem:n,targetPositionTop:d,targetPositionLeft:u,lastPositionTop:r,lastPositionLeft:l,ticks:0},{resolve:t,reject:a}))}),p=(e,t)=>()=>{const{elem:a,targetPositionTop:n,targetPositionLeft:r}=e||{},{resolve:l,reject:s}=t||{};if(!l||!s||!a)return;const o=a.scrollTop,c=a.scrollLeft,d=Math.abs(o-n)<=1&&Math.abs(c-r)<=1;if(o===e.lastPositionTop&&c===e.lastPositionLeft){if(e.ticks++>2)return d?l():s()}else e.ticks=0,e.lastPositionTop=o,e.lastPositionLeft=c;window.requestAnimationFrame(i.xP({elem:a,targetPositionTop:n,targetPositionLeft:r,lastPositionTop:e.lastPositionTop,lastPositionLeft:e.lastPositionLeft,ticks:e.ticks},{resolve:l,reject:s}))}},79732:(e,t,a)=>{a.d(t,{Ay:()=>p,kE:()=>d});var n=a(55462),r=a(44545),i=a(19115),l=a(17045),s=a(74511),o=a(21309);const c=n.forwardRef((e,t)=>{const{tabIndex:a,action:i,externalAction:c,icon:u,iconClassName:p,iconSize:f,subTitle:g,title:b,headerNotification:h,titleAction:y,screenReaderText:E,variant:v=m.variant,showCompactHeader:_,disabled:S,titleStyle:A,titleColor:T,subTitleStyle:N,subTitleColor:k}=e,{titleStyle:I,titleColor:C,subTitleStyle:R,subTitleColor:F}=d({variant:v}),B=A||I,P=T||C,O=N||R,D=k||F,x="string"!==typeof g;if(!b)return null;const w=i?.label||c;return n.createElement("div",{ref:t,tabIndex:a,className:_?"IconTitleAction_CompactHeader":"IconTitleAction"},u&&n.createElement("div",{className:r("IconTitleAction__Icon",{[p]:p})},n.createElement(l.A,{name:u,size:f,"aria-hidden":!0,disabled:S})),n.createElement("div",{className:"IconTitleAction__Description"},n.createElement("div",{className:"IconTitleAction__container",id:b?.anchorID},n.createElement(o.default,{textStyle:B,htmlTag:b?.htmlTag,color:P},b?.text,E&&n.createElement("span",{className:"sr-only"},E)),y),!x&&n.createElement(o.default,{textStyle:O,htmlTag:"p",color:D},g),x&&g,h),w&&n.createElement("div",{className:"IconTitleAction__Action"},i?.label&&n.createElement(s.default,{action:i,likeLink:!0}

1,i.label,i.accessibility&&n.createElement("span",{className:"sr-only"},i.accessibility?.label)),c))}),d=e=>{const{variant:t}=e;switch(t){case"checkout":return{titleStyle:"title-5",subTitleStyle:"body-2",subTitleColor:"neutral-600"};case"confirmation":return{titleStyle:"title",subTitleStyle:"body-sm",subTitleColor:"neutral-600"};case"trustedPartner":return{titleStyle:"title-sm"};default:return{titleStyle:"title-6",subTitleStyle:"body-2"}}},u={tabIndex:i.number,action:i.shape({accessibility:i.shape({label:i.string}),label:i.string,url:i.string,graphql:i.string}),externalAction:i.element,icon:i.string,iconClassName:i.string,iconSize:i.string,subTitle:i.oneOfType([i.element,i.string]),title:i.shape({text:i.string,htmlTag:i.string}),titleStyle:i.string,subTitleStyle:i.string,subTitleColor:i.string,variant:i.string,headerNotification:i.element,titleAction:i.element,screenReaderText:i.string,disabled:i.bool},m={variant:"default",iconSize:"l"};c.propTypes=u,c.defaultProps=m,c.displayName="IconTitleAction";const p=c},66560:(e,t,a)=>{a.r(t),a.d(t,{ALL_FIELDS:()=>G,BIRTHDAYINTAKEFORM_ITEMS_ADA_INTERVAL:()=>z,BLOCKMESSAGE_ADA_EVENT:()=>$,SUBMIT_STATUS:()=>V,composeA11yResponse:()=>q,composeActionAfter:()=>Y,composeResetFormAction:()=>j,default:()=>K,defaultProps:()=>W,getPrefilledInitialValues:()=>w,getValidationSchema:()=>x,handleScrollToFormError:()=>H,handleStoreSelectedEvent:()=>U,handleSubmit:()=>L,initialValues:()=>M});var n=a(55462),r=a(44545),i=a(16793),l=a(64713),s=a(53507),o=a(98739),c=a(30930),d=a(17636),u=a(87901),m=a(17893),p=a(84133),f=a(86710),g=a(31109),b=a(6601),h=a(58637),y=a(52696),E=a(1676),v=a(76856),_=a(83058),S=a(5572),A=a(11936),T=a(45454),N=a(79732),k=a(65893),I=a(57445),C=a(73373),R=a(36849),F=a(83606);function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},B.apply(null,arguments)}const P="input",O="success",D=e=>{const{backgroundColor:t,input:a,invokeMutation:l,loading:C,onEvent:R,selectedView:D=W.selectedView,success:$,theme:z=W.theme,title:K}

1=e,[X,Z]=(0,n.useState)(D),[Q,J]=(0,n.useState)(!1),[ee,te]=(0,n.useState)(void 0);(0,n.useEffect)(()=>{Q&&Z(D)},[D,Q]),(0,n.useEffect)(()=>{R&&R({event:E.X.BirthdayStoreSelected,callback:e=>{U(e,{setSelectedStore:te})}})},[R]);const ae=(0,n.useMemo)(()=>G.reduce((e,t)=>({...e,[t]:n.createRef()}),{}),[]),{ageRange:ne,browseStoreLabel:re,consentInformation:ie,consentIntake:le,contactEmail:se,contactName:oe,contactPhoneNumber:ce,daysBeforePreferredDate:de=W.input.daysBeforePreferredDate,daysBeforePreferredDateErrorMessage:ue=W.input.daysBeforePreferredDateErrorMessage,editStoreLabel:me,guestOfHonor:pe,hairAddOn:fe,messages:ge=W.messages,numberOfGuests:be,participatingStore:he,participatingStoreActionIcon:ye,participatingStoreIcon:Ee,participatingStoreList:ve,participatingStoreSubtitle:_e,partyInformation:Se,partyInformationIcon:Ae,partyPackage:Te,preferredDate:Ne,preferredTime:ke,primaryContact:Ie,primaryContactIcon:Ce,requiredLabel:Re,selectParticipatingStoreAction:Fe,storeRequiredMessage:Be=W.input.storeRequiredMessage,submitAction:Pe}=(0,S.Y)(a),Oe=(0,n.useRef)(V.Idle),De=(0,y.Pb)(ve?.items),xe=ve?.items,we=re||me,{submitSuccess:Le,actionGroup:Me}=(0,S.Y)($),qe=(0,n.useCallback)(j({setMutationCompleted:J,setCurrentView:Z,setSelectedStore:te}),[]),Ye={...Me,actions:[{...Me?.actions?.[0]},{...Me?.actions?.[1],onClick:qe}]},[je]=(0,b.Ay)({loading:C}),Ve=(0,n.useRef)(),He=(0,n.useMemo)(()=>w({initialVals:M,fields:{...a}}),[a]),{broadcastMessage:Ue}=(0,h.Ft)(),$e=(0,n.useCallback)(q({messages:ge},{broadcastMessage:Ue}),[ge,Ue]),ze=(0,n.useCallback)(Y({submitStatus:Oe},{setMutationCompleted:J}),[D,Q]);(0,n.useEffect)($e,[$e]);const Ge=(0,n.useMemo)(()=>x({ageRange:ne,consentIntake:le,contactEmail:se,contactName:oe,contactPhoneNumber:ce,daysBeforePreferredDate:de,daysBeforePreferredDateErrorMessage:ue,guestOfHonor:pe,numberOfGuests:be,participatingStoreList:ve,partyPackage:Te,preferredDate:Ne,preferredTime:ke,selectedStore:ee,storeRequiredMessage:Be}),[ne,le,se,oe,ce,de,ue,pe,be,ve,Te,Ne,ke,ee,Be]),We=(0,n.useRef)(),Ke=r("BirthdayIntakeForm",{"BirthdayIntakeForm--backgroundColor":t}),Xe={...t&&{"--backgroundColor":`var( --pal-colors-${z}-${t} )`}},Ze=(0,y.Pb)(ge);(0,n.useEffect)(()=>{ge?.length&&(0,A.PA)({el:We?.current})},[ge,We]);const Qe=De||ve?.label,Je=!!Fe?.graphql&&!Qe,et=(0,n.useMemo)(()=>ee?.storeId?{...Fe,variables:{moduleParams:{storeId:ee?.storeId}}}:Fe,[ee,Fe]),tt=k.e9?(0,k.e9)(he?.htmlTag):"h3";return n.createElement("div",{className:Ke,style:Xe,ref:We},je,n.createElement("div",{className:"BirthdayIntakeForm__container"},X===P&&n.createElement(n.Fragment,null,K&&n.createElement("div",{className:"BirthdayIntakeForm__headerContainer"},n.createElement(g.Ay,K)),n.createElement("div",{className:"BirthdayIntakeForm__formContainer"},n.createElement(i.l1,{enableReinitialize:!0,initialValues:He,innerRef:Ve,validateOnMount:!0,validationSchema:Ge,onSubmit:e=>{L({participatingStoreListItems:xe,selectedStore:ee,submitAction:Pe,submitStatus:Oe,values:e},{handleActionAfter:ze,invokeMutation:l,triggerDatacaptureEvent:v.Tr})}},e=>n.createElement(n.Fragment,null,n.createElement(i.lV,{className:"BirthdayIntakeForm__Form",id:"BirthdayIntakeFormForm"},Ze&&n.createElement("div",{className:"BirthdayIntakeForm__ErrorMessages"},ge.map((e,t)=>n.createElement(T.Ay,{key:`block-message-${t}`,message:e?.message,messageType:"error",backgroundColor:e?.backgroundColor,borderColor:e?.borderColor,showCloseButton:!1,role:"alert"}))),n.createElement(f.Ay,{textStyle:"body"},Re),n.createElement("section",{className:"BirthdayIntakeForm__ParticipatingStores",ref:ae.participatingStore},Qe&&n.createElement("fieldset",{className:"BirthdayIntakeForm__fieldset"},he?.text&&n.createElement("legend",{className:"BirthdayIntakeForm__legend"},n.createElement(N.Ay,{icon:Ee?.iconName,title:he,iconSize:Ee?.size})),ve?.label&&n.createElement("div",{className:"BirthdayIntakeForm__participatingStoresHeading"},n.createElement(f.Ay,{htmlTag:he?.htmlTag,textColor:"content-default",textStyle:"body"},ve.label)),De&&n.createElement("ul",{className:"BirthdayIntakeForm__ParticipatingStoreList"},ve.items.map((t,a)=>n.createElement("li",{className:"BirthdayIntakeForm__ParticipatingStoreListItem",key:`store-listitem-${a}`},n.createElement(m.Ay,{name:"participatingStore",id:t.storeId,isChecked:e.values.participatingStore===t.value,isDisabled:t.isDisabled,value:t.value},n.createElement("div",{className:"BirthdayIntakeForm__ParticipatingStoreListItem__content"},t.label&&n.createElement(f.Ay,{htmlTag:"h3",textStyle:"body-lg"},t.label),t.helpText&&n.createElement(f.Ay,{htmlTag:"p",textStyle:"body",color:"neutral-600"},t.helpText))))))),Je&&n.createElement(n.Fragment,null,n.createElement(N.Ay,{icon:Ee?.iconName,title:he,iconSize:Ee?.size,subTitle:!ee&&_e?.text?_e?.text:""}),ee&&n.createElement("div",{className:"BirthdayIntakeForm__selectedStoreInfoContainer"},n.createElement(f.Ay,{textStyle:"body-lg",htmlTag:tt},ee.name),n.createElement(f.Ay,{textStyle:"body-2",color:"neutral-500"},`${ee.address1}\n${ee.address2}`),n.createElement(f.Ay,{textStyle:"body-2",color:"neutral-500"},ee.phone)),we&&n.createElement("div",{className:"BirthdayIntakeForm__storeLocationSelectorButtonContainer"},n.createElement(s.Ay,{action:et,screenReaderText:Fe?.accessibility?.label,iconName:ye?.iconName,id:"browse

1LocationButton",label:ee?me:re,size:"tiny",type:"button",variant:"secondary"}))),e.touched.participatingStore>0&&e.errors.participatingStore&&!ee&&n.createElement("div",{className:"BirthdayIntakeForm__InlineErrorMessageContainer"},n.createElement(c.Ay,{messageType:"error",message:e.errors.participatingStore}))),n.createElement("div",{className:"BirthdayIntakeForm__DetailsGroup"},n.createElement("section",{className:"BirthdayIntakeForm__PartyInformation"},Se?.text&&n.createElement(N.Ay,{icon:Ae?.iconName,title:Se,iconSize:Ae?.size}),Te&&n.createElement("div",{className:"BirthdayIntakeForm__PartyPackage"},n.createElement(p.Ay,B({},(0,_.iU)({...Te}),{name:Te.name,label:Te.label,enabled:Te.enabled,options:Te.options,required:Te.required}))),pe&&n.createElement("div",{className:"BirthdayIntakeForm__InputField",ref:ae.guestOfHonor},n.createElement(d.Ay,(0,_.iU)({...pe}))),be&&n.createElement("div",{className:"BirthdayIntakeForm__InputField",ref:ae.numberOfGuests},n.createElement(d.Ay,(0,_.iU)({...be}))),Ne&&n.createElement("div",{className:"BirthdayIntakeForm__InputField",ref:ae.preferredDate},n.createElement(d.Ay,B({},(0,_.iU)({...Ne}),{formatter:I.h.FORMATTER_PATTERNS.EVENT_DATE_FORMATTER}))),ke&&n.createElement("div",{className:"PreferredTime__SelectField",ref:ae.preferredTime},n.createElement(p.Ay,B({},(0,_.iU)({...ke}),{name:ke.name,label:ke.label,enabled:ke.enabled,options:ke.options,required:ke.required}))),ne&&n.createElement("div",{className:"BirthdayIntakeForm__InputField",ref:ae.ageRange},n.createElement(d.Ay,(0,_.iU)({...ne}))),fe&&n.createElement("div",{className:"BirthdayIntakeForm__HairAddOn"},n.createElement(o.Ay,B({},(0,_.iU)({...fe}),{id:"hairAddOn",name:fe.name,disabled:fe.disabled,checked:!!e.values[fe.name],onChange:()=>e.setFieldValue(fe.name,!e.values[fe.name])}),fe.label))),n.createElement("section",{className:"BirthdayIntakeForm__PrimaryContact"},Ie?.text&&n.createElement(N.Ay,{icon:Ce?.iconName,title:Ie,iconSize:Ce?.size}),oe&&n.createElement("div",{ref:ae.contactName}," ",n.createElement(d.Ay,B({},(0,_.iU)(oe),{autoComplete:"name"}))),se&&n.createElement("div",{ref:ae.contactEmail},"  ",n.createElement(d.Ay,B({},(0,_.iU)(se),{autoComplete:"email"}))),ce&&n.createElement("div",{ref:ae.contactPhoneNumber},"  ",n.createElement(d.Ay,B({},(0,_.iU)(ce),{autoComplete:"tel-national",formatter:I.h.FORMATTER_PATTERNS.PHONE_NO_FORMATTER}))),le&&n.createElement("div",{className:"BirthdayIntakeForm__consent",ref:ae.consentIntake},n.createElement(o.Ay,B({},(0,_.iU)(le),{id:le.name,toggleButton:!1,ariaDescribedBy:"BirthdayIntakeForm__consentText",checked:!!e.values[le.name],onChange:()=>e.setFieldValue(le.name,!e.values[le.name])}),n.createElement("div",{className:"BirthdayIntakeForm__consentText",id:"BirthdayIntakeForm__consentText"},n.createElement(f.Ay,{htmlTag:"p",textStyle:"body-lg"},le.label),le.helpText&&n.createElement(f.Ay,{htmlTag:"p",textStyle:"body"},le.helpText))),ie&&n.createElement("div",{className:"BirthdayIntakeForm__consentLinks"},n.createElement(u.Ay,{bodyStyle:"body-3-noPadding",bodyColor:ie.bodyColor,cmsMarkdownContent:ie.body})),n.createElement("div",{className:"BirthdayIntakeForm__InlineErrorMessageContainer"},e.submitCount>0&&e.errors.consentIntake&&n.createElement(c.Ay,{messageType:"error",message:e.errors.consentIntake}))))),Pe?.label&&n.createElement("div",{className:"BirthdayIntakeForm__formActions"},n.createElement(s.Ay,{className:"BirthdayIntakeForm__formActions__submitButton",id:"submitFormButton",label:Pe.label,size:"compact",type:"submit",onClick:()=>H(Ve,ae),variant:"primary",width:"fullWidth",disabled:C}))))))),X===O&&n.createElement("div",{className:"BirthdayIntakeForm__successContainer"},n.createElement(F.default,{submitSuccess:Le,actionGroup:Ye}))))},x=e=>{const{ageRange:t,consentIntake:a,contactEmail:n,contactName:r,contactPhoneNumber:i,daysBeforePreferredDate:s,daysBeforePreferredDateErrorMessage:o,guestOfHonor:c,numberOfGuests:d,participatingStoreList:u,partyPackage:m,preferredDate:p,preferredTime:f,selectedStore:g,storeRequiredMessage:b}=(0,S.Y)(e),h=(0,y.Pb)(u?.items)?u?.requiredMessage:b;return l.zM().isRequiredField||l.Zg(l.zM,"isRequiredField",function(e){return e&&e.required?this.oneOf([!0],e.requiredMessage||e.displayAllValidationsLabel||`${e.label||"This field"} is required.`):this}),l.Yj().isRequiredField||l.Zg(l.Yj,"isRequiredField",function(e){return e&&e.required?this.required(e.requiredMessage||e.displayAllValidationsLabel||`${e.label||"This field"} is required.`):this}),c?.validations?.length&&(0,R.wn)({schemaType:l.Yj,name:c.name,validations:c.validations}),d?.validations?.length&&(0,R.wn)({schemaType:l.Yj,name:d.name,validations:d.validations}),p?.validations?.length&&(0,R.wn)({schemaType:l.Yj,name:p.name,validations:p.validations}),t?.validations?.length&&(0,R.wn)({schemaType:l.Yj,name:t.name,validations:t.validations}),r?.validations?.length&&(0,R.wn)({schemaType:l.Yj,name:r.name,validations:r.validations}),n?.validations?.length&&(0,R.wn)({schemaType:l.Yj,name:n.name,validations:n.validations}),i?.validations?.length&&(0,R.wn)({schemaType:l.Yj,name:i.name,validations:i.validations}),l.Ik().shape({participatingStore:l.Yj().test("store-required",h,function(e){return!u?.required&&!b||(!!e||!!g)}),partyPackage:l.Yj().isRequiredField(m),guestOfHonor:c?.validations?.length?l.Yj().isRequiredField(c)[c.name]():l.Yj().isRequiredField(c),numberOfGuests:d?.validations?.length?l.Yj().isRequiredField(d)[d.name]():l.Yj().isRequiredField(d),preferredDate:(p?.validations?.length?l.Yj().isRequiredField(p)[p.name]():l.Yj().isRequiredField(p)).test("preferred-date-validation","Invalid date",(0,R.eI)({daysBeforePreferredDate:s,daysBeforePreferredDateErrorMessage:o,displayAllValidationsLabel:p?.displayAllValidationsLabel})),preferredTime:l.Yj().isRequiredField(f),ageRange:t?.validations?.length?l.Yj().isRequiredField(t)[t.name]():l.Yj().isRequiredField(t),contactName:r?.validations?.length?l.Yj().isRequiredField(r)[r.name]():l.Yj().isRequiredField(r),contactEmail:n?.validations?.length?l.Yj().isRequiredField(n)[n.name]():l.Yj().isRequiredField(n).email("Enter a valid email address."),contactPhoneNumber:i?.validations?.length?l.Yj().isRequiredField(i)[i.name]():l.Yj().isRequiredField(i),consentIntake:l.zM().isRequiredField({...a,required:!0,requiredMessage:a?.requiredMessage||"Selection is required"})})},w=e=>{const{initialVals:t,fields:a}=(0,S.Y)(e);if(!t)return{};if(!a)return t;const n=Object.entries({...t})?.map(e=>{const t=e[0],n=a[t]?.value;return n?[t,n]:e});return Object.fromEntries(n)},L=async(e,t)=>{const{values:a,submitAction:n,participatingStoreListItems:r,submitStatus:i,selectedStore:l}=(0,S.Y)(e),{invokeMutation:s,triggerDatacaptureEvent:o,handleActionAfter:c}=(0,S.Y)(t),{graphql:d,params:u,customHeaders:m,dataCaptureData:p}=(0,S.Y)(n);if(!d||!s||!a||i?.current===V.Loading)return;let f=null,g=null,b=a.participatingStore;if(l)b=l.storeId,f=l.name,g=`${l.address1}\n${l.address2}\n${l.phone}`;else if(r&&b){const e=r.find(e=>e.value===b);e&&(f=e.label,g=e.helpText)}const h=(0,C.S1)(a.preferredDate),y={eventType:"Birthday",storeId:b,name:f,address:g,partyPackage:a.partyPackage,hairAddOn:!!a.hairAddOn,guestOfHonor:a.guestOfHonor,numberOfGuests:a.numberOfGuests?Number(a.numberOfGuests):null,preferredDate:h,preferredTime:a.preferredTime,ageRange:a.ageRange,contactName:a.contactName,contactEmail:a.contactEmail,contactPhoneNumber:(0,C.SS)(a.contactPhoneNumber)},E=(0,R.$5)({values:y}),v={...p,store_details:g,store_id:b,hair_addon_selected:!!a.hairAddOn};a?.consentIntake&&(i.current=V.Loading,s({after:c,graphql:d,customHeaders:m,params:u,variables:{moduleParams:E}}),o&&p&&o(v))},M={participatingStore:"",partyPackage:"",hairAddOn:!1,guestOfHonor:"",numberOfGuests:"",preferredDate:"",preferredTime:"",ageRange:"",contactName:"",contactEmail:"",contactPhoneNumber:"",consentIntake:!1},q=(e,t)=>

1()=>{const{messages:a}=e||{},{broadcastMessage:n}=t||{};a&&n&&a.forEach((e,t)=>{const{message:a}=e;n({message:a,id:`${$}_${t}`,delay:z})})},Y=(e,t)=>()=>{const{submitStatus:a}=(0,S.Y)(e);a&&(a.current=V.Idle);const{setMutationCompleted:n}=(0,S.Y)(t);n&&n(!0)},j=e=>()=>{const{setMutationCompleted:t,setCurrentView:a,setSelectedStore:n}=(0,S.Y)(e);t&&t(!1),a&&(a(P),n(void 0))},V={Idle:"Idle",Loading:"Loading"},H=async(e,t)=>{const a=await e.current.validateForm();if(!Object.keys(a).length)return;const n=Object.keys(M).find(e=>a[e]);n&&(e.current.setFieldTouched(n,!0,!1),requestAnimationFrame(()=>{const e=t[n]?.current;e&&(0,A.PA)({el:e})}))},U=(e,t)=>{const{setSelectedStore:a}=(0,S.Y)(t);a(e)},$="blockMessageBroadCastBirthday",z=3e4,G=["participatingStore","partyPackage","guestOfHonor","numberOfGuests","preferredDate","preferredTime","ageRange","contactName","contactEmail","contactPhoneNumber","consentIntake"],W={messages:[],selectedView:P,theme:"default",input:{daysBeforePreferredDate:21,daysBeforePreferredDateErrorMessage:"Preferred date is too soon. Select a date at least %1 days in the future."}};D.defaultProps=W;const K=D},83606:(e,t,a)=>{a.r(t),a.d(t,{default:()=>m});var n=a(55462),r=a(22219),i=a(17045),l=a(86710),s=a(21365),o=a(52696),c=a(5572),d=a(65893);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},u.apply(null,arguments)}const m=e=>{const{submitSuccess:t,actionGroup:a}=e,{icon:m,subTitle:p,title:f}=(0,c.Y)(t),{breakpoint:{CURRENT_BREAKPOINT:g}}=(0,s.bT)(),b="SM"===g,h=(0,o.Pb)(a?.actions),y=b?"stackedFullWidth":"inline",E=f||p,v=(0,n.useRef)(null);return(0,n.useEffect)(()=>{v.current&&(0,d.hS)(v.current)},[]),n.createElement("div",{className:"BirthdaySuccessView__container"},n.createElement("div",{className:"BirthdaySuccessView__content"},n.createElement(i.A,{name:m,size:"xxl"}),E&&n.createElement("div",{className:"BirthdaySuccessView__contentTitles"},n.createElement("div",{tabIndex:"-1",ref:v},n.createElement(l.Ay,{textStyle:"title-lg",textAlign:"center",htmlTag:"h3"},f)),n.createElement(l.Ay,{textStyle:"body",textAlign:"center"},p))),h&&n.createElement("div",{className:"BirthdaySuccessView__actions"},n.createElement(r.Ay,u({},a,{style:y}))))}},36849:(e,t,a)=>{a.d(t,{$5:()=>h,FI:()=>p,GQ:()=>c,PK:()=>f,WB:()=>d,Wv:()=>y,eI:()=>v,hd:()=>b,jy:()=>m,p2:()=>g,tY:()=>u,wn:()=>E,xR:()=>S});var n=a(64713),r=a(52696),i=a(46696),l=a(5572),s=a(36849);const o="email",c=e=>{const{type:t=""}=(0,l.Y)(e);return i.kx.CCNUMBER.ULTAMATE.includes(t)},d=e=>{const{type:t=""}=(0,l.Y)(e);return i.kx.CCNUMBER.ULTAREWARDS.includes(t)},u=e=>{const{type:t=""}=(0,l.Y)(e);return c({type:t})||d({type:t})},m=(e,t)=>(0,n.Ik)().shape({[o]:(0,n.Yj)().required(e).email(t)}),p=e=>{const{phoneNumber:t}=e||{};return t&&"("!==t[0]?`(${t.replace("-",") ")}`:t},f=e=>{const{phoneNumber:t}=e||{};return t?t.replace("(","").replace(") ","-"):""},g=e=>{const{dateOfBirth:t}=e||{};return t?t.replaceAll("/","-"):""},b=e=>{const{dirty:t,isValid:a}=e||{};return!a||!t},h=e=>{const{values:t={}}=e||{},a=Object.keys(t).map(e=>({[e]:{name:e,value:t[e]}})),n=Object.assign({},...a);return n.phoneNumber?.value&&(n.phoneNumber.value=f({phoneNumber:n.phoneNumber.value})),n.mobileNumber?.value&&(n.mobileNumber.value=f({phoneNumber:n.mobileNumber.value})),n.dateOfBirth?.value&&(n.dateOfBirth.value=g({dateOfBirth:n.dateOfBirth.value})),n},y=e=>{const{validations:t=[],inputValue:a=""}=(0,l.Y)(e);if(!(0,r.Pb)(t))return{valid:!0};let n,i=!0;for(const r of t)if(!new RegExp(r.regex).test(a)){i=!1,n=r.message;break}return{valid:i,message:n}},E=e=>{const{schemaType:t=n.Yj,name:a="custom-test",validations:r=[]}=(0,l.Y)(e);(0,n.Zg)(t,a,function(e){return this.test(`test-custom-${a}`,e,function(e){const{path:t,createError:a}=this,{valid:n,message:i}=s.Wv({inputValue:e,validations:r});return n||a({path:t,message:i})})})},v=({daysBeforePreferredDate:e,daysBeforePreferredDateErrorMessage:t,displayAllValidationsLabel:a})=>function(n){const{path:r,createError:i}=this;if(!n)return!0;const l=n.split("/");if(3!==l.length||4!==l[2]?.length)return i({path:r,message:a});const s=parseInt(l[0],10),o=parseInt(l[1],10),c=parseInt(l[2],10),d=new Date(c,s-1,o);if(isNaN(s)||isNaN(o)||isNaN(c)||d.getFullYear()!==c||d.getMonth()!==s-1||d.getDate()!==o)return i({path:r,message:a});d.setHours(0,0,0,0);const u=new Date;if(u.setHours(0,0,0,0),d<u)return i({path:r,message:a});const m=new Date(u);if(m.setMonth(m.getMonth()+6),m.setHours(0,0,0,0),d>m)return i({path:r,message:t?.replace("%1",e)});const p=new Date(u);return p.setDate(p.getDate()+e),!(d<p)||i({path:r,message:t?.replace("%1",e)})},_="Required";function S(e){return e?.required&&"function"===typeof this?.required?this.required(_):this}}}]);
2//# sourceMappingURL=ulta-modules-BirthdayIntakeForm-BirthdayIntakeForm-js.61364a6d.chunk.js.map