https://www.ulta.com/ux/assets/js/ulta-modules-CreditCardPersonalI…CreditCardPersonalInfo-js.d933628b.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[267,9263,2687],{81509:(e,t,a)=>{a.r(t),a.d(t,{CreditCardPersonalInfoForm:()=>y,CreditCardPersonalInfoFormProps:()=>E,CreditCardPersonalInfoProps:()=>N,PersonalDetailsReadOnly:()=>g,PersonalDetailsReadOnlyProps:()=>C,decorateFormFields:()=>f,default:()=>T,handleEditClick:()=>L,handleOnChangeOfShowPersonalDetailsExpanded:()=>_});var l=a(55462),n=a(44545),r=a(19115),s=a(17636),o=a(86710),i=a(51432),d=a(83058),c=a(5572),m=a(74511),u=a(73045),p=a(54258);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 l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},b.apply(null,arguments)}const y=function(e){const{handleBlur:t,showAddress2:a,personalInfoTitle:r,personalInfoSubText:c}=e,{firstName:m,lastName:p,phoneNumber:y,address:E}=f(e);return l.createElement("div",{className:"CreditCardPersonalInfoForm"},r&&l.createElement("div",{className:n("CreditCardPersonalInfoForm__title",{"CreditCardPersonalInfoForm__title--noMargin":!!c})},l.createElement(o.Ay,{htmlTag:"h2",textStyle:"title-6"},r)),c&&l.createElement("div",{className:"CreditCardPersonalInfoForm__subTitle"},l.createElement(o.Ay,{htmlTag:"p",textStyle:"body-2",color:"neutral-600"},c)),l.createElement("div",{className:"CreditCardPersonalInfoForm__contentWrapper"},m&&l.createElement(s.Ay,b({},(0,d.iU)({...m}),{handleBlur:t,autoComplete:"given-name"})),p&&l.createElement(s.Ay,b({},(0,d.iU)({...p}),{handleBlur:t,autoComplete:"family-name"})),E&&l.createElement(u.default,b({},(0,d.iU)({...E}),{addressLine2Label:E.addressLineTwoLabel,showAddress2ByDefault:a})),y&&l.createElement(s.Ay,b({},(0,d.iU)({...y}),{handleBlur:t,formatter:i.h?.FORMATTER_PATTERNS.PHONE_NO_FORMATTER,prefersRawValue:!0,autoFormat:"tel"}))))},f=e=>{const{firstName:t,lastName:a,phoneNumber:l,formDisabled:n,...r}=e||{};return n&&(t.enabled=!1,a.enabled=!1,l.enabled=!1,r?.address1&&(r.address1.enabled=!1,r.address2.enabled=!1,r.city.enabled=!1,r.postalCode.enabled=!1,r.state.enabled=!1)),{firstName:t,lastName:a,phoneNumber:l,address:r}},E={personalInfoTitle:r.string,firstName:r.object,lastName:r.object,phoneNumber:r.object};y.propTypes=E;const g=e=>{const{address1:t,address2:a,addressLabel:n,city:r,componentKey:s,editAction:i,editHelpLabel:d,email:c,emailLabel:u,firstName:b,lastName:y,nameLabel:f,onEdit:E,phoneNumber:g,phoneNumberLabel:C,postalCode:h,state:N,title:T}=e,L={[f]:`${b} ${y}`,[u]:c,[n]:`${t}\n${a?`${a}\n`:""}${r}, ${N} ${h}`,[C]:g};return l.createElement("div",{className:"ReadOnlyPersonalDetails",role:"region","aria-labelledby":"personalDetailsInfo"},l.createElement("div",{className:"ReadOnlyPersonalDetails__HeaderContainer",id:"personalDetailsInfo"},T&&l.createElement(o.Ay,{htmlTag:"h2",textStyle:"title-6"},T),d&&i&&l.createElement("div",{className:"ReadOnlyPersonalDetails__EditContainer"},l.createElement(o.Ay,{htmlTag:"p",textStyle:"body-2"},d),l.createElement(m.default,{action:i,ariaHiddenIcon:!0,ariaLabel:i.label,iconImage:"Edit",iconLabel:i.label,iconRight:!0,label:i.label,onClick:E,tertiary:!0,tiny:!0}))),T&&L&&l.createElement(p.default,{containerClassName:"ReadOnlyPersonalDetails__MetadataListContainer",componentKey:`MetadataList-${s}`,data:Object.entries(L),labelColor:"neutral-600",labelTextStyle:"eyebrow",stacked:!0,title:T,valueColor:"black",valueTextStyle:"body-2"}))},C={address1:r.string,address2:r.string,addressLabel:r.string,city:r.string,componentKey:r.string,editAction:r.object,editHelpLabel:r.string,email:r.string,emailLabel:r.string,firstName:r.string,lastName:r.string,nameLabel:r.string,onEdit:r.func,phoneNumber:r.string,phoneNumberLabel:r.string,postalCode:r.string,setIsModified:r.func,state:r.string,title:r.string};g.propTypes=C;const h=e=>{const{componentKey:t,handleBlur:a,personalDetailsLegalText:n,prefilledPersonalDetails:r={},setIsModified:s,showPersonalDetailsExpanded:i,...c}=e,[m,u]=(0,l.useState)(!!i);(0,l.useEffect)(()=>{_({showPersonalDetailsExpanded:i},{setIsEditing:u})},[i]);const p=!m?l.createElement(g,b({},(0,d.iU)({...r}),{componentKey:t,onEdit:()=>L({setIsEditing:u,setIsModified:s}),setIsModified:s})):l.createElement(y,b({},(0,d.iU)({...c}),{handleBlur:a,required:!0,showAddress2:r?.address2}));return l.createElement("div",null,p,n&&l.createElement(o.Ay,{textStyle:"body-2",htmlTag:"p",color:"neutral-600"},n))},N={...E,prefilledPersonalDetails:r.shape(C),showPersonalDetailsExpanded:r.bool};h.propTypes={...N};const T=h,L=e=>{const{setIsEditing:t,setIsModified:a}=(0,c.Y)(e);t(!0),a(!0)},_=(e,t)=>

1{const{showPersonalDetailsExpanded:a}=(0,c.Y)(e),{setIsEditing:l}=(0,c.Y)(t);l&&(null!==a&&void 0!==a)&&l(!!a)}},54258:(e,t,a)=>{a.r(t),a.d(t,{LineItem:()=>o,MetadataList:()=>i,default:()=>m,defaultProps:()=>c,propTypes:()=>d});var l=a(55462),n=a(44545),r=a(19115),s=a(21309);const o=({label:e,labelColor:t,labelTextStyle:a,stacked:r,value:o,valueColor:i,valueTextStyle:d})=>e&&o?l.createElement("div",{className:n("MetadataList__LineItem",{"MetadataList__LineItem--stacked":!!r})},l.createElement("dt",null,l.createElement(s.default,{color:t,htmlTag:"span",textStyle:a},e)),l.createElement("dd",null,l.createElement(s.default,{color:i,htmlTag:"span",textStyle:d},o))):null,i=function(e){const{containerClassName:t=c.containerClassName,componentKey:a,data:r=c.data,labelColor:s,labelTextStyle:i,stacked:d=c.stacked,title:m=c.title,valueColor:u,valueTextStyle:p}=e;return m?r.length?l.createElement("dl",{className:n("MetadataList",{[t]:!!t}),title:m},r.map((e,t)=>l.createElement(o,{key:`${a}-${e[0]}-${e[1]}-${t}`,label:e[0],labelColor:s,labelTextStyle:i,stacked:d,value:e[1],valueColor:u,valueTextStyle:p}))):null:(console.error("The prop `title` is marked as required in `MetadataList`, but its value is `undefined`."),null)},d={containerClassName:r.string,componentKey:r.string,data:r.arrayOf(r.arrayOf(r.oneOfType([r.string,r.node]))).isRequired,labelColor:r.string,labelTextStyle:r.string,stacked:r.bool,title:r.string.isRequired,valueColor:r.string,valueTextStyle:r.string},c={containerClassName:"",data:[],stacked:!1,title:void 0};i.propTypes=d,i.defaultProps=c;const m=i}}]);
2//# sourceMappingURL=ulta-modules-CreditCardPersonalInfo-CreditCardPersonalInfo-js.d933628b.chunk.js.map