https://www.affirm.com/sections-SmsOptInForm-4e82b808c9733c3b7312.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3709],{91230:function(e,t,n){n.d(t,{A:function(){return Q}});var i={};n.r(i),n.d(i,{fromBottom:function(){return c},fromLeft:function(){return s},fromRight:function(){return p},goToLeft:function(){return d},goToRight:function(){return _},inputFiel__focused:function(){return m},inputField:function(){return f},inputField__addOn:function(){return h},inputField__addOn__click:function(){return I},inputField__addOn__clickthrough:function(){return g},inputField__addOn__enterprise:function(){return F},inputField__addOn__left:function(){return x},inputField__addOn__right:function(){return b},inputField__align_center:function(){return T},inputField__align_left:function(){return E},inputField__align_right:function(){return O},inputField__disabled:function(){return R},inputField__enterprise:function(){return C},inputField__errorMessage:function(){return N},inputField__focused:function(){return v},inputField__haRight__addOn:function(){return L},inputField__hasError:function(){return k},inputField__hasLabel:function(){return S},inputField__hasLeft__addOn:function(){return y},inputField__hasRight__addOn:function(){return A},inputField__iconError:function(){return D},inputField__innerWrapper:function(){return q},inputField__label:function(){return w},inputField__messageContainer:function(){return B},inputField__noValue:function(){return M},inputField__required:function(){return K},inputField__wrapper:function(){return V},opacityIn:function(){return W},opacityOut:function(){return j},requiredNotation:function(){return H},textInput:function(){return U}});var r=n(77387),a=n(96540),u=n(85237),l=n.n(u),o=n(22759),c="TextInput-fromBottom--3ZLYn",s="TextInput-fromLeft--1HXec",p="TextInput-fromRight--3h0xo",d="TextInput-goToLeft--2vjY9",_="TextInput-goToRight--2bHNs",m="TextInput-inputFiel__focused--4sKOL",f="TextInput-inputField--30STq",h="TextInput-inputField__addOn--5d7mg",I="TextInput-inputField__addOn__click--4FxoH",g="TextInput-inputField__addOn__clickthrough--7DpQg",F="TextInput-inputField__addOn__enterprise--5wthl",x="TextInput-inputField__addOn__left--525w3",b="TextInput-inputField__addOn__right--6r25W",T="TextInput-inputField__align_center--4WB9p",E="TextInput-inputField__align_left--6GK06",O="TextInput-inputField__align_right--4nRVm",R="TextInput-inputField__disabled--3vKIp",C="TextInput-inputField__enterprise--1ZVzN",N="TextInput-inputField__errorMessage--6JunP",v="TextInput-inputField__focused--1WAtF",L="TextInput-inputField__haRight__addOn--2zcFm",k="TextInput-inputField__hasError--2Wte3",S="TextInput-inputField__hasLabel--115mv",y="TextInput-inputField__hasLeft__addOn--5HMkm",A="TextInput-inputField__hasRight__addOn--5wfMu",D="TextInput-inputField__iconError--1uRU3",q="TextInput-inputField__innerWrapper--TlrLg",w="TextInput-inputField__label--6uR65",B="TextInput-inputField__messageContainer--1PQI4",M="TextInput-inputField__noValue--2KRqB",K="TextInput-inputField__required--2tI2s",V="TextInput-inputField__wrapper--63xIo",W="TextInput-opacityIn--7rrWz",j="TextInput-opacityOut

1--1dc3X",H="TextInput-required-notation--2Kcad",U="TextInput-textInput--5YTap";var P=a.forwardRef(function({align:e="left",children:t=null,className:n="",error:r=null,fieldErrorId:u,focused:c=!1,iconAriaLabelLeft:s="Left side input field icon",iconAriaLabelRight:p="Right side input field icon",isDisabled:d=!1,isEnterprise:_=!1,isRequired:m=!1,label:f="",LeftIcon:I,message:g=null,noValue:T=!1,onClickLeftIcon:E,onClickRightIcon:O,RightIcon:L,...W},j){const H=!0===r||"string"==typeof r&&r.length>0,U=l()({[i[`inputField__align_${e}`]]:e,[q]:!0,[v]:c,[S]:f,[y]:I,[A]:L,[M]:T,[R]:d,[C]:_,[K]:m}),P=l()({[V]:!0,[k]:r,[n]:n});return a.createElement("div",{className:P},a.createElement("div",Object.assign({className:U,ref:j},W),t,I&&a.createElement(I,{className:l()(h,x,{[D]:Boolean(r),[F]:_}),type:"left",onClick:E,"aria-label":s}),L&&a.createElement(L,{className:l()(h,b,{[D]:Boolean(r),[F]:_}),type:"right",onClick:O,"aria-label":p}),(0,o.o)(f)&&a.createElement("div",{"aria-hidden":"true",className:w},f)),H&&a.createElement("div",{id:u,className:B},a.createElement("div",{className:N},r)),!H&&g&&a.createElement("div",{className:B},a.createElement("div",null,g)))});const Y=()=>window.navigator.userAgent.includes("Edge");var Q=function(e){function t(t){var n;return(n=e.call(this,t)||this).cursorIndex=null,n.inputRef=a.createRef(),n.handleNonInputChange=e=>{const{onChange:t}=n.props;t&&t(e.target.value)},n.handleInputChange=()=>{const{formatInput:e,onChange:t,validChar:i}=n.props;if(n.inputRef.current){const{value:r}=n.inputRef.current,a=e?e(r):r;t&&t(a),e&&i&&(n.cursorIndex=((e,t,n,i)=>{let r=0;const a=e.substring(0,n).match(new RegExp(i,"g"));if(a){let e=0;for(;e<a.length&&r<t.length;)a[e]===t[r]&&(e+=1),r+=1}for(;r<t.length&&!i.test(t[r]);)r+=1;return r})(r,a,"selectionEnd"in n.inputRef.current&&n.inputRef.current.selectionEnd?n.inputRef.current.selectionEnd:0,i))}},n.getInputText=()=>{const{placeholder:e,label:t}=n.props;return e||t||""},n.handleFocusChange=e=>{const t=n.getInputText();t&&n.inputRef.current&&"placeholder"in n.inputRef.current&&(n.inputRef.current.placeholder=e?"":t)},n.componentDidUpdate=n.componentDidUpdate.bind(n),n}(0,r.A)(t,e);var n=t.prototype;return n.componentDidUpdate=function(e){const{value:t}=this.props;null!==this.cursorIndex&&e.value!==t&&setTimeout(()=>{this.inputRef&&this.inputRef.current&&"selectionStart"in this.inputRef.current&&(this.inputRef.current.selectionStart=this.cursorIndex,this.inputRef.current.selectionEnd=this.cursorIndex)},0)},n.render=function(){const{align:e,className:t,error:n,isEnterprise:i,isRequired:r,isDisabled:u,label:o,LeftIcon:c,message:s,onClickLeftIcon:p,onClickRightIcon:d,RightIcon:_,ariaLabel:m,innerClassName:h,placeholder:I,tag:g="input",type:F="text",value:x,formatInput:b,onChange:T,validChar:E,...O}=this.props,R={align:e||"left",className:t,error:n,isEnterprise:i,isRequired:r,isDisabled:u,label:o,LeftIcon:c,message:s,onClickLeftIcon:p,onClickRightIcon:d,RightIcon:_},C={},N=R.error,v=l()({"has-error":N},"focusable-form-field",h||f,t,U);let L=this.getInputText(),k=m||o;r&&(C["aria-required"]=!0,C.required=!0,k===L&&(k+=" *"),L+=" *"),N&&(C["aria-invalid"]=!0),null!=x&&x.length||(C["aria-invalid"]=!1);const S=g;return a.createElement(P,Object.assign({},R,{noValue:!x}),a.createElement(S,Object.assign({disabled:u,className:v,"aria-label":k,onChange:"input"!==g?this.handleNonInputChange:this.handleInputChange,onFocus:()=>Y()&&this.handleFocusChange(!0),onBlur:()=>Y()&&this.handleFocusChange(!1),placeholder:L,ref:this.inputRef,type:F,value:x},C,O)))},t}(a.Component)},29433:function(e,t,n){n.r(t),n.d(t,{SmsOptInForm:function(){return m},default:function(){return f}});var i=n(96540),r=n(85237),a=n.n(r),u=n(66261);var l=({children:e,className:t,contentClassName:n,id:r,...l})=>{const o=(0,i.useId)(),c=r||o;return i.createElement("label",{className:a()("Checkbox-checkbox--2Q8NI",t),htmlFor:c},i.createElement("span",{className:"Checkbox-control--4ySy0"},i.createElement("input",Object.assign({},l,{id:c,className:"Checkbox-input--17bDS",type:"checkbox"})),i.createElement("span",{className:"Checkbox-indicator--5ba7u","aria-hidden":"true"},i.createElement(u.A,{className:"Checkbox-checkmark--7MOxh"}))),i.createElement("span",{className:a()("Checkbox-content--6eLwa",n)},e))},o=n(91230),c=n(99656),s=n(15126),p=n(99993),d=n(89105),_=n(33313);const m=({consentMessage:e,ctaLabel:t,onRef:n,phoneLabel:r,phonePlaceholder:u,smsDescription:p,title:m})=>i.createElement(c.A,{ref:n,extraClassName:"SmsOptInForm-container--1cn7n"},i.createElement("section",{className:"SmsOptInForm-smsOptIn--4kS7Q","aria-labelledby":"sms-opt-in-title"},i.createElement("div",{className:"SmsOptInForm-copy--6riCv"},i.createElement("h1",{id:"sms-opt-in-title",className:a()(_.a_,"SmsOptInForm-title--4hf5x")},m),i.createElement("p",{className:a()(_.qY,"SmsOptInForm-description--5mZw0")},p)),i.createElement("div",{className:"SmsOptInForm-formPanel--2OjeR"},i.createElement("div",{className:"SmsOptInForm-field--6pqgY"},i.createElement("label",{className:"SmsOptInForm-label--44BSf",htmlFor:"sms-phone-number"},r),i.createElement(o.A,{id:"sms-phone-number",name:"phoneNumber",type:"tel",inputMode:"tel",autoComplete:"tel",ariaLabel:r||"Phone number",placeholder:u||void 0,innerClassName:"SmsOptInForm-phoneInput--Aq7i7"})),i.createElement(l,{id:"sms-marketing-consent",name:"smsMarketingConsent",contentClassName:"SmsOptInForm-consentMessage--5i8FJ"},e&&i.createElement(d.default,{body:e,isDarkText:!1})),i.createElement(s.A,{type:"button",text:t,inverted:!0,extraClassName:"SmsOptInForm-cta--15hVK"}

1))));var f=(0,p.A)()(m)}}]);