"use strict";(self.legacyJsonp=self.legacyJsonp||[]).push([["51167"],{360898(e,n,o){o.r(n),o.d(n,{default:function(){return J}});var t=o(7306),r=o(106386),i=o(445782),l=o(961199),a=o(514357),c=o(398380),s=o(408189),u=o(616911),d=o(693154),f=o(538329),h=o(81920),p=o(19522);function m(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var o=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var t,r,i,l,a=[],c=!0,s=!1;try{if(i=(o=o.call(e)).next,0===n){if(Object(o)!==o)return;c=!1}else for(;!(c=(t=i.call(o)).done)&&(a.push(t.value),a.length!==n);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=o.return&&(l=o.return(),Object(l)!==l))return}finally{if(s)throw r}}return a}}(e,n)||function(e,n){if(e){if("string"==typeof e)return _(e,n);var o=({}).toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?_(e,n):void 0}}(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _(e,n){(null==n||n>e.length)&&(n=e.length);for(var o=0,t=Array(n);o<n;o++)t[o]=e[o];return t}function v(e){var n=e.footerText,o=e.logoSize,t=(0,f.A)();return(0,p.jsxs)(i.so,{direction:"column",flex:"grow",gap:{column:2,row:0},width:"100%",children:[(0,p.jsxs)(i.so,{alignItems:"center",gap:{row:1,column:0},justifyContent:"start",children:[(0,p.jsx)(i.In,{accessibilityLabel:t._('Lock logo', 'experiencePhoneCollectionModal.footerText.lockLogoAccessibilityLabel', 'Accessibility label for lock logo'),color:"subtle",icon:"lock",size:void 0===o?12:o}),(0,p.jsx)(i.KJ,{color:"subtle",size:"100",children:t._('Your phone number won\'t show on your profile', 'experiencePhoneCollectionModal.text.privacy', 'Text body for privacy statement')})]}),(0,u.dz)(n||"","100","subtle")]})}function g(e){var n=e.imageUrl,o=e.imageHeight,t=e.containerWidth,r=e.containerHeight,l=e.imageWidth,a=e.imageAlt;return(0,p.jsx)(i.az,{height:r||o,overflow:"hidden",width:t||l,children:(0,p.jsx)(i._V,{alt:a,fit:"cover",naturalHeight:o,naturalWidth:l,src:n})})}function y(e){var n,o=e.headerText,r=e.subtitleText,_=e.onE164PhoneNumberChange,v=e.onSendCode,g=e.onDismiss,y=e.inlineError,b=e.setInlineError,x=e.logger,w=e.isSendingCode,j=e.marginTop,P=e.paddingX,C=e.primaryButtonSize,S=e.secondaryButtonSize,A=(0,f.A)(),z=(0,d.A)(),O=z.isAuth?z:void 0,T=O?z.unverified_phone_region:void 0,E=O?z.unverified_phone_number:void 0,M=O?z.country:void 0,k=E?null==(n=(0,l.o)(E))?void 0:n.nationalNumber.toString():"",D=m((0,t.useState)(k||""),2),I=D[0],F=D[1],B=(0,s.A)(),N=B.data,L=B.isLoaded,H=B.error,W=function(e){var n=null==N?void 0:N.find(function(n){return n.code===e});return(null==n?void 0:n.phone_code)||""},R=(0,t.useMemo)(function(){if(L&&N&&M){var e=N.find(function(e){return e.code===M});return(null==e?void 0:e.code)||""}return""},[L,N,M]),V=m((0,t.useState)(void 0),2),X=V[0],Y=V[1],U=X||T||R;(0,t.useEffect)(function(){H&&(0,h.GV)("experience_phone_collection_modal.country_codes_load_error",{sampleRate:.1,tags:{error_code:H.api_error_code?String(H.api_error_code):void 0,error_message:H.message||"Unknown error"}})},[H]);var $=function(e,n){return W(e).replace(/\D/g,"").length+n.length},G=function(e,n){var o=function(){(0,a.Om)({eventType:18372,component:15580,logger:x})},t=A._('You entered an invalid phone number', 'experiencePhoneCollectionModal.phoneNumber.error', 'Phone number validation error message');if(0===n.length){b(void 0),_(void 0),o();return}var r=(0,a.mb)(n);if(!/^\d+$/.test(r)||$(e,r)>15){b(t),_(void 0),o();return}var i=W(e)+r;b(void 0),_(i)};(0,t.useEffect)(function(){L&&U&&I&&G(U,I)},[L,U]);var J=!L||!!H,K=!!y||7>$(U,(0,a.mb)(I))||J||void 0!==w&&w,q=function(e){"Enter"===e.key&&(e.preventDefault(),K||v())};return(0,p.jsx)(t.Fragment,{children:(0,p.jsxs)(i.az,{marginTop:void 0===j?4:j,paddingX:void 0===P?6:P,children:[(0,p.jsx)(i._Y,{accessibilityLevel:1,size:"600",children:o}),(0,p.jsx)(i.az,{marginBottom:4,marginTop:2,children:(0,u.dz)(r||"","300")}),(0,p.jsx)(c.A,{countryCodeList:N,countryCodeListError:H,disabled:J,errorMessage:H?A._('Error loading country code list', 'experiencePhoneCollectionModal.countryCodeList.error', 'Error message when country code list fails to load'):void 0,label:A._('Country code', 'experiencePhoneCollectionModal.countryCode.label', 'Label for country code selection'),onChange:function(e){y&&b(void 0),Y(e),I.length>0?G(e,I):_(void 0)},userCountry:M,value:U}),(0,p.jsx)(i.az,{marginBottom:4,children:(0,p.jsx)(i.A_,{disabled:J,errorMessage:y,id:"phoneNumber",label:A._('Phone number', 'experiencePhoneCollectionModal.phoneNumber.label', 'Label for phone number input'),onChange:function(e){var n=e.value;F(n),G(U,n)},onFocus:function(){return(0,a.Om)({eventType:8721,component:15580,element:18095,logger:x})},onKeyDown:function(e){return q(e.event)},placeholder:A._('Enter your phone number', 'experiencePhoneCollectionModal.phoneNumberPlaceholder', 'Placeholder for phone number input'),size:"lg",type:"tel",value:I})}),(0,p.jsx)(i.az,{marginBottom:1,children:(0,p.jsxs)(i.so,{direction:"column",flex:"grow",gap:{column:2,row:0},width:"100%",children:[(0,p.jsx)(i.$n,{color:"secondary",disabled:K,fullWidth:!0,onClick:v,size:void 0===C?"md":C,text:A._('Send code', 'experiencePhoneCollectionModal.button.primary', 'Primary button text to send code')}),(0,p.jsx)(i.$n,{color:"transparent",fullWidth:!0,onClick:function(){g(),(0,a.Om)({eventType:102,element:13933,component:15580,logger:x})},size:void 0===S?"md":S,text:A._('Not now', 'experiencePhoneCollectionModal.button.secondary', 'Dismiss button text')})]})})]})})}var b=o(309544),x=o(542975);function w(e,n){(null==n||n>e.length)&&(n=e.length);for(var o=0,t=Array(n);o<n;o++)t[o]=e[o];return t}function j(e){var n=e.paddingX,o=e.paddingY,t=e.shouldShowCloseButton,r=e.onCloseButtonDismiss,l=(0,f.A)();return(0,p.jsx)(i.az,{paddingX:n,paddingY:o,children:(0,p.jsxs)(i.so,{direction:"column",gap:4,children:[void 0!==t&&t&&(0,p.jsx)(b.A,{accessibilityLabel:l._('Close', 'experiencePhoneCollectionModal.verificationStep.closeButton', 'Close button text for verification step'),iconSize:"lg",isMobile:!0,margin:0,onDismiss:null!=r?r:function(){},position:"static"}),(0,p.jsx)(i._Y,{size:"600",children:l._('Enter the code', 'experiencePhoneCollectionModal.verificationStep.title', 'Title for verification step modal')}),(0,p.jsx)(i.KJ,{size:"300",children:l._('To confirm and help secure your account, we\'ve sent a code to your phone number.', 'experiencePhoneCollectionModal.verificationStep.subtitle', 'Subtitle for verification step modal that explains code was sent to phone number')})]})})}function P(e){var n=e.onDismiss,o=e.onConfirmCode,t=e.isConfirmDisabled,r=e.logger,l=e.areButtonsFullWidth,c=void 0!==l&&l,s=e.hideCancelButton,u=(0,f.A)();return(0,p.jsxs)(i.so,{direction:c?"column":"row",gap:{row:2,column:0},justifyContent:"end",children:[!(void 0!==s&&s)&&(0,p.jsx)(i.$n,{color:"transparent",fullWidth:c,onClick:function(){n(),(0,a.Om)({eventType:102,element:73,component:15581,logger:r})},size:"lg",text:u._('Cancel', 'experiencePhoneCollectionModal.verificationStep.button.secondary', 'Cancel button text for verification step')}),(0,p.jsx)(i.$n,{color:"primary",disabled:t,fullWidth:c,onClick:o,size:"lg",text:u._('Confirm', 'experiencePhoneCollectionModal.verificationStep.button.primary', 'Confirm button text for verification step')})]})}function C(e){var n,o=e.initialResendCooldownSeconds,r=e.onCodeChange,l=e.onResendCode,c=e.onConfirmCode,s=e.isConfirmDisabled,u=e.otpCode,d=e.inlineError,h=e.setInlineError,m=e.logger,_=e.paddingX,v=(0,f.A)(),g=function(e){if(Array.isArray(e))return e}(n=(0,t.useState)(void 0===o?0:o))||function(e,n){var o=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var t,r,i,l,a=[],c=!0,s=!1;try{for(i=(o=o.call(e)).next;!(c=(t=i.call(o)).done)&&(a.push(t.value),2!==a.length);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=o.return&&(l=o.return(),Object(l)!==l))return}finally{if(s)throw r}}return a}}(n,0)||function(e,n){if(e){if("string"==typeof e)return w(e,2);var o=({}).toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?w(e,2):void 0}}(n,0)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),y=g[0],b=g[1];return(0,t.useEffect)(function(){if(y<=0)return function(){};var e=setInterval(function(){b(function(e){return e<=1?0:e-1})},1e3);return function(){return clearInterval(e)}},[y]),(0,p.jsxs)(i.az,{paddingX:void 0===_?6:_,paddingY:1,children:[(0,p.jsx)(i.A_,{errorMessage:d,id:"enter-code",onChange:function(e){var n=e.value;d&&h(void 0),r(n||void 0)},onFocus:function(){return(0,a.Om)({eventType:8721,component:15581,logger:m})},onKeyDown:function(e){var n=e.event;"Enter"!==n.key||s||(n.preventDefault(),c())},placeholder:v._('Enter code', 'experiencePhoneCollectionModal.verificationStep.placeholder', 'Placeholder text to send code for verification step modal'),size:"lg",type:"text",value:u||""}),(0,p.jsx)(i.az,{marginTop:4,children:(0,p.jsx)(i.KJ,{color:"default",size:"100",children:y>0?(0,x.vQ)(v.ngettext('Send a new code in {{ seconds }} second', 'Send a new code in {{ seconds }} seconds', y, 'experiencePhoneCollectionModal.verificationStep.sendNewCodeIn', 'Countdown message shown in place of resend link. seconds: number of seconds remaining'),{seconds:y}).join(""):(0,p.jsx)(i.N_,{href:"",onClick:function(e){e.event.preventDefault(),y>0||(l(),b(10),(0,a.Om)({eventType:102,element:16033,component:15581,logger:m}))},underline:"always",children:v._('Send a new code', 'experiencePhoneCollectionModal.verificationStep.resendCode', 'Resend code text for verification step modal')})})})]})}var S=o(917855),A=o(586733),z=o(822727),O=o(173095),T=o(257300),E=o(829313),M=o(995273),k=o(62963),D=o(657171),I=o(307424),F=o(971289),B=o(168079);function N(e){return(N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function L(){var e,n,o="function"==typeof Symbol?Symbol:{},t=o.iterator||"@@iterator",r=o.toStringTag||"@@toStringTag";function i(o,t,r,i){var c=Object.create((t&&t.prototype instanceof a?t:a).prototype);return H(c,"_invoke",function(o,t,r){var i,a,c,s=0,u=r||[],d=!1,f={p:0,n:0,v:e,a:h,f:h.bind(e,4),d:function(n,o){return i=n,a=0,c=e,f.n=o,l}};function h(o,t){for(a=o,c=t,n=0;!d&&s&&!r&&n<u.length;n++){var r,i=u[n],h=f.p,p=i[2];o>3?(r=p===t)&&(c=i[(a=i[4])?5:(a=3,3)],i[4]=i[5]=e):i[0]<=h&&((r=o<2&&h<i[1])?(a=0,f.v=t,f.n=i[1]):h<p&&(r=o<3||i[0]>t||t>p)&&(i[4]=o,i[5]=t,f.n=p,a=0))}if(r||o>1)return l;throw d=!0,t}return function(r,u,p){if(s>1)throw TypeError("Generator is already running");for(d&&1===u&&h(u,p),a=u,c=p;(n=a<2?e:c)||!d;){i||(a?a<3?(a>1&&(f.n=-1),h(a,c)):f.n=c:f.v=c);try{if(s=2,i){if(a||(r="next"),n=i[r]){if(!(n=n.call(i,c)))throw TypeError("iterator result is not an object");if(!n.done)return n;c=n.value,a<2&&(a=0)}else 1===a&&(n=i.return)&&n.call(i),a<2&&(c=TypeError("The iterator does not provide a '"+r+"' method"),a=1);i=e}else if((n=(d=f.n<0)?c:o.call(t,f))!==l)break}catch(n){i=e,a=1,c=n}finally{s=1}}return{value:n,done:d}}}(o,r,i),!0),c}var l={};function a(){}function c(){}function s(){}n=Object.getPrototypeOf;var u=s.prototype=a.prototype=Object.create([][t]?n(n([][t]())):(H(n={},t,function(){return this}),n));function d(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,s):(e.__proto__=s,H(e,r,"GeneratorFunction")),e.prototype=Object.create(u),e}return c.prototype=s,H(u,"constructor",s),H(s,"constructor",c),c.displayName="GeneratorFunction",H(s,r,"GeneratorFunction"),H(u),H(u,r,"Generator"),H(u,t,function(){return this}),H(u,"toString",function(){return"[object Generator]"}),(L=function(){return{w:i,m:d}})()}function H(e,n,o,t){var r=Object.defineProperty;try{r({},"",{})}catch(e){r=0}(H=function(e,n,o,t){function i(n,o){H(e,n,function(e){return this._invoke(n,o,e)})}n?r?r(e,n,{value:o,enumerable:!t,configurable:!t,writable:!t}):e[n]=o:(i("next",0),i("throw",1),i("return",2))})(e,n,o,t)}function W(e,n,o,t,r,i,l){try{var a=e[i](l),c=a.value}catch(e){return void o(e)}a.done?n(c):Promise.resolve(c).then(t,r)}function R(e){return function(){var n=this,o=arguments;return new Promise(function(t,r){var i=e.apply(n,o);function l(e){W(i,t,r,l,a,"next",e)}function a(e){W(i,t,r,l,a,"throw",e)}l(void 0)})}}function V(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),o.push.apply(o,t)}return o}function X(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?V(Object(o),!0).forEach(function(n){var t,r;t=n,r=o[n],(t=function(e){var n=function(e,n){if("object"!=N(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var t=o.call(e,n||"default");if("object"!=N(t))return t;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==N(n)?n:n+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):V(Object(o)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))})}return e}function Y(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var o=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var t,r,i,l,a=[],c=!0,s=!1;try{if(i=(o=o.call(e)).next,0===n){if(Object(o)!==o)return;c=!1}else for(;!(c=(t=i.call(o)).done)&&(a.push(t.value),a.length!==n);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=o.return&&(l=o.return(),Object(l)!==l))return}finally{if(s)throw r}}return a}}(e,n)||function(e,n){if(e){if("string"==typeof e)return U(e,n);var o=({}).toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?U(e,n):void 0}}(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function U(e,n){(null==n||n>e.length)&&(n=e.length);for(var o=0,t=Array(n);o<n;o++)t[o]=e[o];return t}var $=new i.rk(2e3);function G(e){var n,o,r,l=e.experience,c=e.placementId,s=Y((0,t.useState)(void 0),2),d=s[0],m=s[1],_=(0,f.A)(),b=Y((0,t.useState)(!1),2),x=b[0],w=b[1],N=Y((0,t.useState)(0),2),H=N[0],W=N[1],V=(0,a.cb)(),U=Y((0,t.useState)(!0),2),G=U[0],J=U[1],K=Y((0,t.useState)(void 0),2),q=K[0],Q=K[1],Z=Y((0,t.useState)(!1),2),ee=Z[0],en=Z[1],eo=Y((0,t.useState)(void 0),2),et=eo[0],er=eo[1],ei=Y((0,t.useState)(!1),2),el=ei[0],ea=ei[1],ec=Y((0,t.useState)(!1),2),es=ec[0],eu=ec[1],ed=(0,A.o)().logContextEvent,ef=(0,F.qJ)(),eh=null!=l&&l.display_data?(0,k.A)(I.A)(l.display_data):{},ep=null==eh?void 0:eh.phoneValueProp,em=!!(eh.headerText&&eh.subtitleText&&eh.footerText&&eh.headerImage&&eh.headerImage["564x"]);if((0,B.A)(function(){em&&ed(X({event_type:13,view_type:132,component:15580},ep&&{aux_data:{phone_value_prop:ep}}))}),!em)return(0,u.Du)(null!=(r=null==l?void 0:l.experience_id)?r:0,null!=c?c:0,"Required display data not present",1),null;var e_=eh.headerText,ev=eh.subtitleText,eg=eh.footerText,ey=eh.headerImage["564x"],eb=_._('There was an error sending the verification code', 'experiencePhoneCollectionModal.sendCode.error', 'Error message shown when sending verification code fails'),ex=(n=R(L().m(function e(n){var o,t,r,i,l;return L().w(function(e){for(;;)switch(e.p=e.n){case 0:if(o=n.onSuccess,t=n.phoneValueProp,r=n.stepName,d){e.n=1;break}return(0,h.GV)("experience_phone_collection_modal.e164_phone_number_missing",{sampleRate:.1}),V(eb,"error"),e.a(2);case 1:return en(!0),e.p=2,e.n=3,new Promise(function(e,n){(0,D.x6)(function(n){e(n)},function(e){n(e)},D.ZK)});case 3:return i=e.v,e.n=4,(0,T.A)({url:"/v3/verifications/send/",method:"POST",data:X({channel:"sms",phone_recipient:d,recaptcha_token:i},t&&{phone_value_prop:t})});case 4:V(_._('Code sent', 'experiencePhoneCollectionModal.verificationStep.sendCode.success', 'Success message shown when code is sent'),"success"),null==o||o(),e.n=6;break;case 5:e.p=5,l=e.v,(0,a.hS)({error:l,defaultErrorMessage:eb,setInlineError:er,showToast:V,metricName:"experience_phone_collection_modal.send_code_error",step:r});case 6:return e.p=6,en(!1),e.f(6);case 7:return e.a(2)}},e,null,[[2,5,6,7]])})),function(e){return n.apply(this,arguments)}),ew=(o=R(L().m(function e(){return L().w(function(e){for(;;)switch(e.n){case 0:return(0,a.Om)({eventType:102,element:18451,component:15580,logger:ed}),ea(!0),e.n=1,ex({onSuccess:function(){er(void 0),W(10),w(!0),(0,a.Om)({eventType:13,viewType:132,component:15581,logger:ed})},stepName:"collection",phoneValueProp:ep});case 1:ea(!1);case 2:return e.a(2)}},e)})),function(){return o.apply(this,arguments)}),ej=_._('Phone collection modal image', 'experiencePhoneCollectionModal.image.alt', 'Alt text for phone collection modal image');return G&&(0,p.jsx)(z.Ay,{eligibleTypes:[35],experience:l,placementId:c,children:function(e){var n,o=e.complete,r=e.dismiss,l=function(){r(),J(!1)},c=(n=R(L().m(function e(){var n,t,r;return L().w(function(e){for(;;)switch(e.p=e.n){case 0:if((0,a.Om)({eventType:102,element:18454,component:15581,logger:ed}),q){e.n=1;break}return V(_._('Please enter a code', 'experiencePhoneCollectionModal.verificationStep.confirmCode.error', 'Error message shown when no code is entered'),"error"),e.a(2);case 1:return en(!0),eu(!0),e.p=2,e.n=3,(0,T.A)({url:"/v3/verifications/check/",method:"POST",data:{code:q,phone_recipient:d}});case 3:V(_._('Phone number confirmed', 'experiencePhoneCollectionModal.verificationStep.confirmCode.success', 'Success message shown when verification code is confirmed'),"success"),(0,a.Om)({eventType:18374,component:15581,logger:ed}),J(!1),o(),e.n=5;break;case 4:e.p=4,r=e.v,n=_._('That code didn\'t work. Try again.', 'experiencePhoneCollectionModal.verificationStep.confirmCode.error', 'Error message shown when confirming phone number fails'),t=(0,a.hS)({error:r,defaultErrorMessage:n,setInlineError:er,showToast:V,metricName:"experience_phone_collection_modal.confirm_code_error",step:"verification"}),(0,a.Om)({eventType:18386,component:15581,auxData:{invalid_reason:t},logger:ed});case 5:return e.p=5,en(!1),eu(!1),e.f(5);case 6:return e.a(2)}},e,null,[[2,4,5,6]])})),function(){return n.apply(this,arguments)}),s=!q||6!==q.length||es;return(0,p.jsxs)(t.Fragment,{children:[ef?(0,p.jsx)(i.Wd,{zIndex:M.nH,children:(0,p.jsx)(E.aF,{accessibilityModalLabel:_._('Modal to collect phone number', 'experiencePhoneCollectionModal.modal.accessibilityLabel', 'Accessibility label for phone collection modal'),closeOnOutsideClick:!1,heading:x?(0,p.jsx)(j,{}):void 0,onDismiss:l,size:"sm",children:x?(0,p.jsxs)(t.Fragment,{children:[(0,p.jsx)(C,{initialResendCooldownSeconds:H,inlineError:et,isConfirmDisabled:s,logger:ed,onCodeChange:Q,onConfirmCode:c,onResendCode:function(){return ex({phoneValueProp:ep,stepName:"verification"})},otpCode:q,setInlineError:er}),(0,p.jsx)(i.az,{marginBottom:6,paddingX:6,children:(0,p.jsx)(P,{isConfirmDisabled:s,logger:ed,onConfirmCode:c,onDismiss:l})})]}):(0,p.jsxs)(t.Fragment,{children:[(0,p.jsx)(g,{imageAlt:ej,imageHeight:275,imageUrl:ey,imageWidth:540}),(0,p.jsx)(y,{headerText:e_,inlineError:et,isSendingCode:el,logger:ed,onDismiss:l,onE164PhoneNumberChange:m,onSendCode:ew,setInlineError:er,subtitleText:ev}),(0,p.jsx)(i.az,{marginBottom:6,marginTop:2,paddingX:6,children:(0,p.jsx)(v,{footerText:eg})})]})})}):(0,p.jsx)(O.A,{accessibilityModalLabel:_._('Modal to collect phone number', 'experiencePhoneCollectionModal.modal.accessibilityLabel', 'Accessibility label for phone collection modal'),closeOnOutsideClick:!1,header:x&&(0,p.jsx)(j,{onCloseButtonDismiss:l,paddingX:4,paddingY:4,shouldShowCloseButton:!0}),isOpen:G,mobileIsSlideUp:!1,onDismiss:l,size:"auto",children:(0,p.jsx)(t.Fragment,{children:x?(0,p.jsxs)(t.Fragment,{children:[(0,p.jsx)(C,{initialResendCooldownSeconds:H,inlineError:et,isConfirmDisabled:s,logger:ed,onCodeChange:Q,onConfirmCode:c,onResendCode:function(){return ex({phoneValueProp:ep,stepName:"verification"})},otpCode:q,paddingX:4,setInlineError:er}),(0,p.jsx)(i.az,{padding:4,children:(0,p.jsx)(P,{areButtonsFullWidth:!0,hideCancelButton:!0,isConfirmDisabled:s,logger:ed,onConfirmCode:c,onDismiss:l})})]}):(0,p.jsxs)(t.Fragment,{children:[(0,p.jsx)(i.az,{marginTop:8,children:(0,p.jsx)(y,{headerText:e_,inlineError:et,isSendingCode:el,logger:ed,onDismiss:l,onE164PhoneNumberChange:m,onSendCode:ew,paddingX:4,primaryButtonSize:"lg",secondaryButtonSize:"lg",setInlineError:er,subtitleText:ev})}),(0,p.jsx)(i.az,{marginBottom:4,marginTop:2,paddingX:4,children:(0,p.jsx)(v,{footerText:eg})})]})})}),ee&&(0,p.jsx)(i.Wd,{zIndex:$,children:(0,p.jsx)(S.A,{})})]})}})}function J(e){var n=e.experience,o=e.placementId,t=(0,r.d4)(function(e){var t=e.experiences;return n||(o?t[o]:void 0)});return(null==t?void 0:t.type)!==35?null:(0,p.jsx)(G,{experience:t,placementId:o})}},173095(e,n,o){o.d(n,{A:function(){return C}});var t=o(7306),r=o(445782),i=o(642883),l=o(201593);function a(e){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function c(e,n){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),o.push.apply(o,t)}return o}function s(e){for(var n=1;n<arguments.length;n++){var o=null!=arguments[n]?arguments[n]:{};n%2?c(Object(o),!0).forEach(function(n){var t,r;t=n,r=o[n],(t=function(e){var n=function(e,n){if("object"!=a(e)||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var t=o.call(e,n||"default");if("object"!=a(t))return t;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==a(n)?n:n+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):c(Object(o)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(o,n))})}return e}var u={borderRadius:"32px 32px 0px 0px",bottom:0,left:0,overflow:"hidden",touchAction:"none",boxShadow:"0px 0px 8px rgba(0, 0, 0, 0.1)",zIndex:1,width:"100vw",maxHeight:"100vw",minHeight:"30vh"},d={full:"100dvh",default:"50dvh",auto:""},f=function(e){var n=e.size,o=e.isDarkMode;return u.height=d[n],u.maxHeight="auto"===n?"90dvh":"100dvh",u.backgroundColor=o?l.be:"#FFFFFF",u},h=function(e){var n=e.isDarkMode,o=e.size,t=n?l.be:"#FFFFFF";return{__style:s(s({},f({size:o,isDarkMode:n})),{},{backgroundColor:t,transitionProperty:"transform, opacity",transitionTimingFunction:"ease-out"})}},p=function(e){var n=e.size,o=e.isShowing,t=f({size:n,isDarkMode:e.isDarkMode});return t.transition="all 225ms cubic-bezier(0.0,0.0,0.2,1) 500ms",t.transform=o?"translateY(0)":"translateY(".concat(d[n]||"100vh",")"),{__style:t}},m=o(995273),_=o(538329),v=o(911127),g=o(826258),y=o(19522);function b(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var o=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var t,r,i,l,a=[],c=!0,s=!1;try{if(i=(o=o.call(e)).next,0===n){if(Object(o)!==o)return;c=!1}else for(;!(c=(t=i.call(o)).done)&&(a.push(t.value),a.length!==n);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=o.return&&(l=o.return(),Object(l)!==l))return}finally{if(s)throw r}}return a}}(e,n)||function(e,n){if(e){if("string"==typeof e)return x(e,n);var o=({}).toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?x(e,n):void 0}}(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,n){(null==n||n>e.length)&&(n=e.length);for(var o=0,t=Array(n);o<n;o++)t[o]=e[o];return t}var w=function(){if(document.body){var e=document.body.style;e.overflow="hidden",e.touchAction="none"}},j=function(){if(document.body){var e=document.body.style;e.overflow="visible",e.touchAction="auto"}},P=function(e){var n=e.content,o=e.footer,i=e.header,l=b((0,t.useState)(!1),2),a=l[0],c=l[1],s=(0,t.useRef)(null),u=(0,t.useCallback)(function(){var e=s.current;e&&c((null==e?void 0:e.clientHeight)<(null==e?void 0:e.scrollHeight)&&e.offsetHeight+e.scrollTop<e.scrollHeight)},[]);return(0,t.useEffect)(function(){u()},[u]),(0,t.useEffect)(function(){var e;return null==(e=window)||e.addEventListener("resize",u),function(){var e;null==(e=window)||e.removeEventListener("resize",u)}},[u]),(0,y.jsxs)(t.Fragment,{children:[(0,y.jsxs)(r.az,{ref:s,fit:!0,onScroll:u,overflow:"scroll",padding:0,children:[i,(0,y.jsx)(r.az,{flex:"grow",overflow:"auto",children:n})]}),!!o&&(0,y.jsx)(r.az,{dangerouslySetInlineStyle:a?{__style:{boxShadow:"var(--sema-space-0) var(--sema-space-negative-50) var(--sema-space-200) var(--sema-space-0) rgb(0 0 0 / 0.12)"}}:void 0,fit:!0,position:"relative",children:o})]})};function C(e){var n,o=e.accessibilityModalLabel,a=e.allowClickAndDrag,c=e.allowBackgroundScroll,s=void 0!==c&&c,u=e.children,d=e.closeOnOutsideClick,f=void 0===d||d,x=e.footer,C=e.header,S=e.isOpen,A=e.mobileIsSlideUp,z=e.onDismiss,O=e.zIndex,T=e.size,E=void 0===T?"auto":T,M=(0,_.A)(),k=(0,t.useRef)(null),D=(0,g.Y)().setAppFocusState,I=b((0,t.useState)(!1),2),F=I[0],B=I[1],N=(0,l.D2)().isDarkMode,L=function(){if("u"<typeof window)return!1;var e,n,o=Math.max((null==(e=window.visualViewport)?void 0:e.width)||0,window.innerWidth,document.documentElement.clientWidth),t=Math.max((null==(n=window.visualViewport)?void 0:n.height)||0,window.innerHeight,document.documentElement.clientHeight);return o<=380||t<=760};if((0,t.useEffect)(function(){return S?D(!1):D(!0),function(){S&&D(!0)}},[D,S]),(0,t.useEffect)(function(){return k.current=(0,i.A)(function(){k.current&&B(!0)}),function(){"u">typeof window&&Object.prototype.hasOwnProperty.call(window,"cancelAnimationFrame")&&k.current&&(window.cancelAnimationFrame(k.current),k.current=null)}},[]),(0,t.useEffect)(function(){var e=S&&!s;return e&&w(),function(){e&&j()}},[S,s]),!S)return null;var H=h({isDarkMode:N,size:E});H.__style.transform=function(){if(A||!L())return"";var e,n,o=Math.min(1,(Math.max((null==(e=window.visualViewport)?void 0:e.width)||0,window.innerWidth,document.documentElement.clientWidth)-12)/380,(Math.max((null==(n=window.visualViewport)?void 0:n.height)||0,window.innerHeight,document.documentElement.clientHeight)-12)/600);return o=Math.max(.8,o)," scale(".concat(o,")")}();var W=p({size:E,isShowing:F,isDarkMode:N});return(0,y.jsx)(v.A,{allowClickAndDrag:a,children:(0,y.jsx)(r.Wd,{children:(0,y.jsxs)(r.az,{"aria-label":o,display:"inlineBlock",height:"100%",position:"relative",role:"dialog",zIndex:O||m.QN,children:[(0,y.jsx)(r.Rp,{accessibilityLabel:M._('Mobile Sheet Mask', 'mweb.sheet_mobile.mask', 'The accessibility label for the mask of mobile sheet'),onTap:function(){f&&z()},tapStyle:"none",children:(0,y.jsx)(r.az,{dangerouslySetInlineStyle:{__style:{backgroundColor:"rgba(0, 0, 0, .5)",touchAction:"none",transitionProperty:"opacity",transitionTimingFunction:"ease-out"}},height:"100%",left:!0,position:"fixed",top:!0,width:"100%",zIndex:new r.rk(1)})}),(0,y.jsx)(r.az,{color:"default",dangerouslySetInlineStyle:A?W:H,position:"fixed",children:(0,y.jsx)(r.az,{direction:"column",display:"flex",justifyContent:"between",maxHeight:(null==(n=W.__style)?void 0:n.maxHeight)||"100vh",position:"relative",width:"100%",children:(0,y.jsx)(P,{content:u,footer:x,header:C})})})]})})})}}}]);