https://cdn1.affirm.com/assets/product_flows/master/EmailSelection-9ae995ee29d8bb0ca7f2.js

1(globalThis.webpackChunkUniqueName_product_flows=globalThis.webpackChunkUniqueName_product_flows||[]).push([[8212],{5096:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});var r=n(67294),l=n(19447);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}const i=function(e){return r.createElement(l.Z,a({},e,{type:"radio"}))}},67020:(e,t,n)=>{"use strict";n.d(t,{j:()=>d});var r=n(94184),l=n.n(r),a=n(67294),i=n(28128),c=n(87440);const o="pro3peMOBHN",s="pro3_4pQpKg",m="pro341TIUyi";var u;!function(e){e.XSmall="x-small",e.Small="small",e.Medium="medium",e.Large="large",e.XLarge="x-large",e.XXLarge="xx-large"}(u||(u={}));var d=function(e){var t,n,r=e.leftIcon,d=e.rightIcon,p=e.spacingLeft,f=void 0===p?u.Small:p,g=e.spacingRight,v=void 0===g?u.Small:g,h=e.responsive,y=e.nowrap,b=e.flowContent,E=e.children,Z=l()(((t={})[s]=!0,t[o]=h,t)),_=l()(((n={})[m]=b,n));return a.createElement(c.Z,{vAlign:"center",hAlign:"start",nowrap:y},r&&a.createElement(c.Z,{fixed:!0,className:Z},a.createElement(i.Z,{marginRight:f},r)),a.createElement(c.Z,{fixed:!0,className:_},E),d&&a.createElement(c.Z,{fixed:!0,className:Z},a.createElement(i.Z,{marginLeft:v},d)))};d.Enums={Spacing:u}},92660:(e,t,n)=>{"use strict";n.d(t,{Z:()=>x});var r=n(94184),l=n.n(r),a=n(67294),i=n(87440);const c={list:"pro3yNU6kmp","timeline-dot":"pro15d0T8wG","timeline-dot--negative":"proX-vsROrQ",list__item:"pro27HCnyN7","list--bullet":"proNYkENF16","list--spacing-x-small":"pro13BS_i3X","list--spacing-small":"pro1RAUQUG0","list--spacing-medium":"pro3w2fzGHv","list--timeline":"proUCSCvroD",list__item__icon:"pro3EpVFzM3"};function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o.apply(this,arguments)}const s=function(e){var t,n=e.children,r=e.className,s=void 0===r?"":r,m=e.vAlign,u=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,["children","className","vAlign"]),d=l()(((t={})[c.list__item]=!0,t[s]=s,t));return a.createElement("li",o({className:d},u),a.createElement(i.Z,{vAlign:m},n))};var m=n(96623),u=n.n(m),d=n(28128);function p(){return p=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}const f=function(e){var t=e.className,n=void 0===t?"":t,r=e.icon,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,["className","icon"]);return a.createElement(i.Z,{fixed:!0},a.createElement(d.Z,{marginRight:"small",className:c.list__item__icon},a.createElement("div",p({className:n},l),r)))};function g(){return g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},g.apply(this,arguments)}const v=function(e){var t,n=e.filled,r=void 0!==n&&n,i=e.negative,o=void 0!==i&&i,s=e.className,m=void 0===s?"":s,d=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,["filled","negative","className"]),p=l()(((t={})[c["timeline-dot"]]=!0,t[c["timeline-dot--negative"]]=o,t[m]=m,t)),v={fill:"var(--"+(!1===r?"components-color-background-secondary":!0===o?"components-color-border-interactive-destructive":"components-color-background-interactive-default")+")"};return a.createElement(f,g({icon:a.createElement(u(),{style:v}),className:p},d))};var h=n(67020),y=n(20373);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function E(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}function Z(){return Z=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},Z.apply(this,arguments)}var _=function(e){var t,n,r=e.children,i=e.className,o=void 0===i?"":i,s=e.spacing,m=e.type,u=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,["children","className","spacing","type"]),d=l()(((t={})[o]=o,t)),p=l()(((n={})[c.list]=!0,n[c["list--"+m]]="default"!==m,n[c["list--spacing-"+s]]=s,n));if(!r)return a.createElement("div",Z({className:d},u));var f=function(e){var t=a.Children.toArray(e).filter(a.isValidElement),n=t.filter((function(e){return!(!e.type||"string"==typeof e.type)&&"ListTitleItem"===e.type.n

1ame})),r=t.filter((function(e){return!n.includes(e)}));return{titleItem:n,listItems:r}}(r),g=f.titleItem,v=f.listItems;return a.createElement("div",{className:d},g,a.createElement("ul",Z({className:p},u),v))};_.TitleItem=function(e){var t=e.icon,n=e.title,r=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,["icon","title"]);return a.createElement("div",r,a.createElement(h.j,{leftIcon:t},a.createElement(y.Z,{typographyVariant:"component-singleline-large-highimp",style:{textTransform:"uppercase"}},n)))},_.Item=s,_.Icon=f,_.Right=function(e){var t=e.children,n=E(e,["children"]);return a.createElement(i.Z,b({direction:"column",vAlign:"center"},n),a.createElement(d.Z,{textAlign:"right"},t))},_.Left=function(e){var t=e.children,n=E(e,["children"]);return a.createElement(i.Z,b({direction:"column",vAlign:"center"},n),a.createElement(d.Z,{textAlign:"left"},t))},_.Dot=v;const x=_},1750:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var r=n(92660),l=n(5096),a=n(81927),i=n(57199),c=n(67294);const o=function(e){let{items:t,formName:n="",control:o,setValue:s,defaultSelectedIndex:m=0}=e;const[u,d]=(0,c.useState)(m);return c.createElement(r.Z,null,t.map((e=>c.createElement(r.Z.Item,{key:`${e.index}-list-item`},c.createElement(i.Z.Field,{name:"selectedIndex",control:o,rules:{required:!0},render:t=>{let{field:r}=t;return c.createElement(l.Z,{"data-testid":`${e.index}-radio`,"data-nid-target":n&&`${n}-${e.index}-radio`,key:`${e.index}-radio`,index:e.index,onChange:()=>{d(Number(e.index)),s("selectedIndex",e.index,{shouldValidate:!0,shouldDirty:!0})},onBlur:r.onBlur,checked:u===e.index},c.createElement(a.Z,{uppercase:!0,color:"components-color-content-supplementary"},e.label))}})))))}},83690:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>x,mapDispatchToProps:()=>Z,mapStateToProps:()=>E,mergeProps:()=>_});var r=n(84432),l=n(62139),a=n(43733),i=n(28128),c=n(81927),o=n(9611),s=n(3867),m=n(57199),u=n(1750),d=n(26086),p=n(67294),f=n(44422),g=n(5737);const v=e=>{if(!e.includes("@"))return e;const[t,n]=e.split("@"),r=`***${n.slice(-22)}`,l=r.length<n.length?r:n,a=29-l.length,i=t.slice(0,a);return i.length<t.length?`${i}***@${l}`:l.length<n.length?`${t}@${l}`:e};const h=function(e){let{headerCopy:t,bodyCopy:n,ctaCopy:r,emails:l,onSubmit:a}=e;const h=(0,g.ug)(),y=(0,g.sP)(),b=(0,g.MV)();(0,p.useEffect)((()=>{h({pageName:f.rsj})}),[h]);const E=l.map(((e,t)=>({index:t,label:p.createElement(i.Z,{className:d.Z.email_selection_row},p.createElement(c.Z,{className:d.Z.email_selection_email},v(e.email)),p.createElement(c.Z,{className:d.Z.email_selection_label,color:"components-color-content-supplementary"},p.createElement(s.Z,{copy:e.label})))})));return p.createElement(i.Z,{className:d.Z.container},p.createElement(o.Z,{weight:"bold"},p.createElement(s.Z,{copy:t})),p.createElement(c.Z,null,p.createElement(s.Z,{copy:n})),p.createElement(m.Z,{formName:"email-selection-form",onSubmit:e=>{let{selectedIndex:t}=e;y(f.unw.SUBMITTED);const n=l[t];n&&a({selectedEmailAri:n.emailAri})},onError:()=>b(f.unw.ERROR),submitButtonText:p.createElement(s.Z,{copy:r}),defaultValues:{selectedIndex:0}},(e=>{let{control:t,setValue:n}=e;return p.createElement(u.Z,{items:E,control:t,defaultSelectedIndex:0,setValue:n,formName:"email-selection-form"})})))};var y=n(7181),b=n(50558);const E=e=>{const t=(0,y.R)(a.FW,e.orchestrator),n=t?.data?.flow_copy,r=t?.actions?.submit_email_selection?.path,l=[{emailAri:t?.data?.new_email_ari,email:t?.data?.new_email_address,label:n?.new_email_label},{emailAri:t?.data?.current_email_ari,email:t?.data?.current_email_address,label:n?.current_email_label}];return{headerCopy:n?.heading,bodyCopy:n?.subheading,ctaCopy:n?.cta,emails:l,submitUrl:r}},Z=e=>({onSubmitDispatch:t=>{let{selectedEmailAri:n,submitUrl:r}=t;e((0,l.QK)({subStepBackground:a.FW})),e((0,l.Zg)(["email_ari"],n)),e((0,l.$f)({submitUrl:r}))}}),_=(e,t)=>

1Object.assign({},e,t,{onSubmit:n=>{t.onSubmitDispatch(Object.assign({},n,{submitUrl:e.submitUrl}))}}),x=(0,b.$j)(E,Z,_)((0,r.Z)(h))},96623:(e,t,n)=>{var r=n(67294);function l(e){return r.createElement("svg",e,r.createElement("circle",{cx:"8",cy:"8",r:"3"}))}l.defaultProps={viewBox:"0 0 16 16",enableBackground:"new 0 0 16 16"},e.exports=l,l.default=l}}]);