{"version":3,"sources":["webpack:///./transfer/components/promotion-links.js","webpack:///./transfer/components/gift-options/new-theme-badge.js","webpack:///./transfer/utils/cache-media-utils.js","webpack:///./transfer/components/preview/note-with-gift.js","webpack:///./transfer/components/note-redux-pp.js","webpack:///./experiments/amountMessageContent.js","webpack:///./transfer/containers/vx-tooltip/tooltip.js","webpack:///./transfer/containers/vx-tooltip/target.js","webpack:///./experiments/bfx-currency-conversion.js","webpack:///./react-components/new-amount-fields/amount-field.js","webpack:///./transfer/components/purchaseConsentCheckBox.js"],"names":["i18n","content","styles","StyleSheet","create","promotions","color","fontSize","cursor","border","background","media","padding","addThemeButton","width","promotionContainer","_objectSpread","position","zIndex","display","right","isReviewScreenRedesign","bottom","top","bfxPromotionContainer","topZero","promotionsActive","PromotionLinks","React","Component","constructor","arguments","_defineProperty","giftEntryHover","shouldShowGift","openGiftThemeOverpanel","this","setState","state","themeHasBeenSelected","props","promotionClasses","classnames","css","createElement","TooltipTarget","dataTestId","verticalPosition","horizontalPosition","isClickable","isHoverable","handleClick","renderTarget","_ref","targetProps","_Button","_extends","name","size","type","className","aria-label","secondary","_GiftCardIcon","as","render","note","isNoteEditable","containerClasses","isBFXCurrencyConversionTrmt","renderGiftEntry","themeWrapper","height","backgroundSize","backgroundPosition","boxShadow","outline","marginLeft","badgeWrapper","themeButton","fontWeight","NewThemeBadge","selectedThemeId","handleRemoveButton","bgImage","getThemeImage","style","concat","onClick","cacheFirstCardFirstFooterAndAllIcons","themeList","_get","list","firstCard","id","firstFooter","arrayOfMediaContentToBeLoaded","map","item","index","forEach","mediaSource","img","Image","onload","onerror","onabort","includes","splice","indexOf","push","src","showNewGiftOptions","showGiftOptions","callAll","_len","length","fns","Array","_key","_len2","args","_key2","fn","NoteWithGift","createRef","isReview","showNote","componentDidMount","isGiftEligible","nextProps","nextState","hasSeenNote","isMgm","themeId","handleChangeNote","openThemeOverpanel","openNewThemeOverpanel","onRemoveTheme","handleRemoveGiftOption","showENSubTextRTR","isDonateButtonCampaigns","isFocused","dom","current","document","activeElement","contains","noteProps","label","previewNoteLabel","disabled","isDonate","dispatch","flowType","getFlowType","recipient","hasFetchedFundingOptions","hasGiftIcon","shouldRenderPromotionLinks","ref","PayPalNote","getExternalComponents","highlightPromotions","ThemeBadge","connect","server","external","theme","transaction","env","ENV_TYPE","PISP","notesEditable","DONATE","changeNote","changeThemeId","changeGiftOption","noteWrapper","boxSizing","marginBottom","textArea","textAreaOpen","marginTop","textAreaGiftIcon","paddingRight","textAreaLabel","whiteSpace","textAreaPartialWidth","i18nDonate","serverProps","textAreaIsFocused","types","EXTERNAL","SHOW_NOTE_MAX_CHAR_LIMIT_ERROR","HIDE_NOTE_MAX_CHAR_LIMIT_ERROR","NOTE","REQUIRED_FIELD_ERROR","data","missing","target","value","isMissingMandatoryNote","isRequest","DONATE_MAX_CHAR_LIMIT","REQUEST_MAX_CHAR_LIMIT","showNoteFieldError","trim","hideMandatoryNoteFieldError","hideNoteFieldError","recipientCountry","toCurrencyCode","fromCurrencyCode","thumbnailUrl","noteHasText","Boolean","tracking","Events","p2p_review_note_typing_started","p2p_amount_story_note_input_field_focused","receiver_country","receiver_currency","sender_currency","receiver_metadata_shown","p2p_amount_note_typing_started","trackClickUnifiedSend","trackAmountPageClick","notePlaceHolderAndLabelText","labelText","hasLabelProp","pxp","enRTRStrings","noteLabelText","wrapperClassNames","textAreaClassNames","labelClassNames","textAreaProps","maxCharacters","inputClassName","onChange","onTextAreaChange","onFocus","onTextAreaFocus","onBlur","onBlurTextArea","placeholder","isLabelHidden","donateTextAreaProps","labelClassName","classNames","_TextArea","_ref2","crossBorder","country","phoneLandscapeMax","mobile","mediaQueries","bubble","main","minHeight","backgroundColor","borderRadius","maxWidth","textAlign","topleft","left","transform","bottomleft","topmiddle","bottommiddle","topright","bottomright","triangleSolid","borderLeft","borderRight","middle","marginRight","triangleBorder","borderBottom","borderBottomColor","borderTop","borderTopColor","bubbleHidden","transition","maxHeight","opacity","bubbleShow","verticalPositionOptions","horizontalPositionOptions","ToolTip","windowWidth","window","innerWidth","windowHeight","innerHeight","vertical","horizontal","TooltipBubbleSpan","glamorous","span","isVisible","isDebug","Target","button","TooltipContainer","PureComponent","showTooltipBubble","event","preventDefault","clearTimeout","blurTimer","handleHover","setTimeout","showTooltip","Children","count","children","Object","assign","iconClasses","onMouseEnter","hoverIn","onMouseLeave","hoverOut","onTouchEnd","_renderTooltipTarget","_renderBubble","sysColorSecondaryMain","_PAYPAL_THEME","Label","lineHeight","InputWrapper","div","justifyContent","isInvalid","Input","input","colors","inputText","margin","textOverflow","letterSpacing","PRIMARY_TEXT_FONT_FAMILY","hideCursor","readOnly","textShadow","SelectWrapper","_ref3","isCurrencyCodeReadOnly","selectColor","_ref4","isLoading","Select","select","appearance","_ref5","hasMoreThanOneCurrency","_ref6","CurrencySymbol","_ref7","AmountField","super","_ref8","currencyCode","handleChange","_ref9","inputFontSize","_ref10","moveCursorToTheEnd","_ref11","sortedCurrencyCodeList","sortCurrencyList","currencyCodeList","currencySymbolMap","_isMounted","isFontLoaded","then","forceUpdate","catch","isAmountReadOnly","_input","focus","componentWillUnmount","componentDidUpdate","showInvalid","focusAmountField","_ref12","normalizedValue","amountUtils","cleanValue","numberValue","Number","_isNaN","MAX_AMOUNT_LENGTH","formattedValue","currencyDecimal","toString","currencySymbol","adjustedValue","getCurrencyPrecision","parseFloat","toFixed","inputWidth","selectWidth","_select","amountComponents","innerRef","c","key","dir","data-nemo","dataNemo","autoComplete","required","inputColor","handleInputChange","handleFocus","onMouseDown","handleMouseDown","onMouseUp","handleMouseUp","symbol","amountFieldAndSymbol","getAmountParts","filter","part","showSpinner","shouldDisableSelect","defaultCurrency","handleSelectChange","code","isCurrencyReadOnly","STYLES","checkbox","PurchaseConsentCheckbox","e","handleChangePurchaseConsentCheckbox","checked","isPurchaseConsentChecked","containerStyle","purchaseConsentLabelText","hasPurchaseConsentError","errorProps","error","errorText","html","Fragment","_Checkbox","renderPurchaseConsentCheckbox"],"mappings":"mzBAkBA,IAAMA,EAAOC,YAAQ,yBACfC,EAASC,IAAWC,OAAO,CAC/BC,WAAY,CACVC,MAAO,UACPC,SAAU,GACVC,OAAQ,UACRC,OAAQ,OACRC,WAAY,OACZ,CAACC,KAAwB,CACvBC,QAAS,UAEX,CAACD,KAA6B,CAC5BC,QAAS,SAEX,SAAU,CACRN,MAAO,YAGXO,eAAgB,CACd,CAACF,KAAyB,CACxBG,MAAO,SAGXC,mBAAkBC,IAAA,CAChBC,SAAU,WACVC,OAAQ,EACRC,QAAS,QACTC,MAAO,IACFC,eAA4B,CAC/BC,OAAQ,SAEND,eAA4B,CAC9BE,IAAK,OACL,CAACZ,KAAyB,CACxBM,SAAU,aAIhBO,sBAAuB,CACrBP,SAAU,WACVC,OAAQ,EACRC,QAAS,QACTC,MAAO,EACPE,OAAQ,OAEVG,QAAS,CACPF,IAAK,GAEPG,iBAAkB,CAChBpB,MAAO,aAIX,MAAMqB,UAAuBC,IAAMC,UAAUC,cAAA,SAAAC,WAAAC,IAAA,aASnC,CACNC,gBAAgB,EAChBC,gBAAgB,EAChBC,uBAAwBA,SACzBH,IAAA,4BAEsB,KACrBI,KAAKC,SAAS,CAAEJ,gBAAiBG,KAAKE,MAAML,mBAC7CD,IAAA,uBAEiB,KAChB,IAAM,uBACJG,EAAsB,qBACtBI,EAAoB,eACpBL,GACEE,KAAKI,MACT,IAAKN,GAAkBK,EACrB,OAAO,KAGT,IAAME,EAAmBC,IAAWC,YAAIzC,EAAOG,aAE/C,OACEuB,IAAAgB,cAACC,IAAa,CACZC,WAAW,iBACXC,iBAAiB,MACjBC,mBAAmB,QACnB/C,QAASD,EAAK,kBACdiD,aAAa,EACbC,aAAa,EACbC,YAAahB,EACbiB,aAAcC,IAAqB,IAAnB,CAAEC,GAAYD,EAC5B,OAAOhC,cACLO,IAAAgB,cAAAW,IAAAC,IAAA,GACMF,EAAW,CACfG,KAAK,OACLC,KAAK,KACLC,KAAK,SACLC,UAAWlB,IAAWC,YAAIzC,EAAOW,iBACjCgD,aAAY7D,EAAK,6BACjB8D,WAAS,IAER9D,EAAK,wBAGR4B,IAAAgB,cAAAmB,KAAAP,IAAA,GACMF,EAAW,CACfU,GAAG,SACHL,KAAK,SACLF,KAAK,OACLC,KAAK,KACLE,UAAWnB,EACXoB,aAAY7D,EAAK,qCAQ7BiE,SACE,IAAM,KAAEC,EAAI,eAAEC,GAAmB/B,KAAKI,MAEhC4B,EAAmB,CACvB,CAACzB,YAAIzC,EAAOa,sBAAuBsD,cACnC,CAAC1B,YAAIzC,EAAOsB,wBAAyB6C,cACrC,CAAC1B,YAAIzC,EAAOuB,WAAYyC,IAASC,GAGnC,OACEvC,IAAAgB,cAAA,OAAKgB,UAAWlB,IAAW0B,IACxBhC,KAAKkC,oBAMC3C,Q,oDChJT3B,EAAOC,YAAQ,mBACfC,EAASC,IAAWC,OAAO,CAC/BmE,aAAc,CACZzD,MAAO,IACP0D,OAAQ,IACRC,eAAgB,QAChBC,mBAAoB,SACpBC,UAAW,+BACXC,QAAS,OACTC,WAAY,IACZ1D,QAAS,QACT,SAAU,CACRX,OAAQ,WAEV,CAACG,KAAwB,CACvBkE,WAAY,MAGhBC,aAAc,CACZN,OAAQ,KAEVO,YAAa,CACX5D,QAAS,SACTP,QAAS,WACToE,WAAY,IACZzE,SAAU,GACVD,MAAO,aAIX,MAAM2E,UAAsBrD,IAAMC,UAYhCoC,SACE,IAAM,YAAEd,EAAW,gBAAE+B,EAAe,mBAAEC,GAAuB/C,KAAKI,MAE5D4C,EAAUC,YAAcH,EAAiB,QAE/C,OACEtD,IAAAgB,cAAA,OAAKgB,UAAWjB,YAAIzC,EAAO4E,eACzBlD,IAAAgB,cAAA,UACEe,KAAK,SACL2B,MAAO,CAAE5E,WAAY,OAAF6E,OAASH,EAAO,MACnCxB,UAAWjB,YAAIzC,EAAOqE,gBAExB3C,IAAAgB,cAAA,UACE4C,QAASrC,EACTQ,KAAK,SACLC,UAAS,GAAA2B,OAAK5C,YAAIzC,EAAO6E,aAAY,iBAEpC/E,EAAK,2BAER4B,IAAAgB,cAAA,QAAMgB,UAAWjB,YAAIzC,EAAO6E,cAAc,OAC1CnD,IAAAgB,cAAA,UACE4C,QAASL,EACTxB,KAAK,SACLC,UAAS,GAAA2B,OAAK5C,YAAIzC,EAAO6E,aAAY,iBAEpC/E,EAAK,6BAKfgC,IA1CKiD,EAAa,eAOK,CACpB9B,YAAaA,OACb+B,gBAAiB,KAmCND,Q,gBCnER,SAASQ,EAAqCC,GAGnD,GAAKC,IAAMD,EAAW,UAAtB,CAGA,IAnBME,EAmBAC,EAAYR,YAAcK,EAAU,GAAGI,GAAI,QAC3CC,EAAcV,YAAcK,EAAU,GAAGI,GAAI,UAI7CE,EAAgC,CAACH,KAHtBH,EAAUO,IAAI,CAACC,EAAMC,IACpCd,YAAcK,EAAUS,GAAOL,GAAI,SAE0BC,GAxBzDH,EAAO,GAyBFI,EAxBLI,QAAQC,IACZ,IAAMC,EAAM,IAAIC,MAChBD,EAAIE,OAASF,EAAIG,QAAUH,EAAII,QAAU,KACnCd,EAAKe,SAASL,IAChBV,EAAKgB,OAAOhB,EAAKiB,QAAQP,GAAM,IAGnCV,EAAKkB,KAAKR,GACVA,EAAIS,IAAMV,K,6BCARW,EAAqBC,cAErBjH,EAAOC,YAAQ,qBAEfiH,EAAU,WAAH,QAAAC,EAAApF,UAAAqF,OAAOC,EAAG,IAAAC,MAAAH,GAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAHF,EAAGE,GAAAxF,UAAAwF,GAAA,OAAK,mBAAAC,EAAAzF,UAAAqF,OAAIK,EAAI,IAAAH,MAAAE,GAAAE,EAAA,EAAAA,EAAAF,EAAAE,IAAJD,EAAIC,GAAA3F,UAAA2F,GAAA,OAAKL,EAAIjB,QAAQuB,GAAMA,GAAMA,KAAMF,MA6BvE,MAAMG,UAAqBhG,IAAMC,UAAwBC,cAAA,SAAAC,WAAAC,IAAA,WACjDJ,IAAMiG,aAAW7F,IAAA,aACf,CACN8F,UAAU,EACVC,UAAU,IAGZC,oBACE,IAAM,eAAEC,EAAc,UAAEvC,GAActD,KAAKI,MACvCyF,GAAkBvC,GAAaA,EAAU0B,OAAS,GACpD3B,EAAqCrD,KAAKI,MAAMkD,WAIpD,gCAAgCwC,EAAW5F,GACzC,IAAKA,EAAMwF,UAAYI,EAAUJ,SAAU,CACzC,IAAMK,EAAY,CAAEL,UAAU,EAAMC,UAAU,GAQ9C,OANE1G,eACA6G,EAAUE,cACTF,EAAUhE,OAEXiE,EAAUJ,UAAW,GAEhBI,EACF,OAAI7F,EAAMwF,WAAaI,EAAUJ,SAC/B,CAAEA,UAAU,EAAOC,UAAU,GAE/B,KAGT9D,SACE,IAAM,eACJgE,EAAc,eACd9D,EAAc,KACdD,EAAI,MACJmE,EAAK,UACL3C,EAAS,QACT4C,EAAO,iBACPC,EAAgB,mBAChBC,EAAkB,SAClBV,EAAQ,sBACRW,EAAqB,mBACrBtD,EAAkB,cAClBuD,EAAa,uBACbC,EAAsB,iBACtBC,EAAgB,wBAChBC,GACEzG,KAAKI,MAEHsG,EACJ1G,KAAK2G,IAAIC,UAAYC,SAASC,eAC7B9G,KAAK2G,IAAIC,SACR5G,KAAK2G,IAAIC,QAAQG,UACjB/G,KAAK2G,IAAIC,QAAQG,SAASF,SAASC,eAEjChH,EAAiB+F,GAAkBvC,GAAaA,EAAU0B,OAAS,EAEnEgC,EAAY,CAChBlF,KAAMA,EACNmF,MAAOR,EACH7I,EAAK,wBACLoC,KAAKI,MAAM8G,iBACfC,UAAWpF,EACX2D,SAAUA,EACV0B,SAAUpH,KAAKI,MAAMgH,SACrBC,SAAUrH,KAAKI,MAAMiH,SACrBC,SAAUC,cACVC,UAAWxH,KAAKI,MAAMoH,UACtBhB,iBAAkBA,EAClBL,iBAAkBA,EAClBsB,yBAA0BzH,KAAKI,MAAMqH,yBACrCC,YAAa7B,GAAkBjB,EAC/B9E,eAAgBA,EAChBoG,QAASA,GAILyB,GAD4B1B,IAAUrB,KAEZ3F,gBAA6ByG,IAEvD,SAAEC,GAAa3F,KAAKE,MAE1B,OACEV,IAAAgB,cAAA,OACEoH,IAAK5H,KAAK2G,IAGVzD,MAAO,CAAErE,SAAU,aAElBqH,GAAWtB,GAAsBiB,GAChCrG,IAAAgB,cAACqC,EAAa,CACZ9B,YAAasF,EACbvD,gBAAiBoD,EACjBnD,mBAAoB+B,EAClB/B,EACAuD,EACAC,KAKLZ,GAAYnG,IAAAgB,cAACqH,IAAeb,GAE5BhH,KAAKI,MAAM0H,sBAAsB,cAEjCH,GACCnI,IAAAgB,cAACjB,EAEC,CACAO,eAAgBA,EAChBC,uBAAwBqG,EACxBjG,uBAAwB+F,EACxBnE,eAAgBA,EAChBD,KAAMA,EAENiG,oBAAqBrB,IAGxBb,GAAkBK,IAAYtB,GAC7BpF,IAAAgB,cAACwH,IAAU,CACTjH,YAAaqF,EACbtD,gBAAiBoD,MAQd+B,gBACbhH,IAAA,IAAC,KAAEa,EAAI,OAAEoG,EAAM,SAAEC,EAAQ,MAAEC,EAAK,YAAEC,GAAapH,EAAA,MAAM,CACnDa,KAAMA,EAAKA,KACXmE,MAAOiC,EAAOjC,MACdlE,eAAgBmG,EAAOI,MAAQC,IAASC,MAAQL,EAASM,cACzDnF,UAAW8E,EAAM9E,UACjB4C,QAASkC,EAAMlC,QACfuB,yBAA0BY,EAAYZ,yBACtCK,sBAAuBA,gCAAsBI,EAAOI,IAAK,kBACzDlB,SAAUc,EAAOI,MAAQC,IAASG,OAClCjC,wBAAyB0B,EAAS1B,wBAClCT,YAAaqC,EAAYrC,cAE3BqB,IAAY,CACVlB,iBAAkBrE,GAAQuF,EAASsB,qBAAW7G,IAC9CiB,mBAAoBA,IAAMsE,EAASuB,YAAc,KACjDrC,uBAAwBA,IAAMc,EAASwB,2BAAiB,OAhB7CZ,CAkBbzC,I,0wBC5KF,IAAM1H,EAASC,IAAWC,OAAO,CAC/B8K,YAAa,CACXC,UAAW,aACXC,aAAc,YAEhBC,SAAU,CACR5K,OAAQ,QAEV6K,aAAc,CACZC,UAAW,QAEbC,iBAAkB,CAChBC,aAAc,UAEhBC,cAAe,CACbC,WAAY,eACZ9G,WAAY,QACZ0G,UAAW,KAEbK,qBAAsB,CACpB9K,MAAO,MACP,CAACH,KAAyB,CACxBG,MAAO,WAKPd,EAAOC,YAAQ,yBACf4L,EAAa5L,YAAQ,sBACrB,IAAEyK,EAAM,IAAOoB,IAEd,MAAM7B,UAAmBrI,IAAMC,UAAUC,cAAA,SAAAC,WAAAC,IAAA,aAgCtC,CACN+J,mBAAmB,IACpB/J,IAAA,0BAEoB,IACnBI,KAAKI,MAAMiH,SAAS,CAAE9F,KAAMqI,IAAMC,SAASC,kCAAiClK,IAAA,0BAEzD,IACnBI,KAAKI,MAAMiH,SAAS,CAAE9F,KAAMqI,IAAMC,SAASE,kCAAiCnK,IAAA,mCAEhD,KAC5BI,KAAKI,MAAMiH,SAAS,CAClB9F,KAAMqI,IAAMI,KAAKC,qBACjBC,KAAM,CAAEC,SAAS,OAEpBvK,IAAA,wBAEkBqB,IAAiC,IAA9BmJ,QAAUC,MAAOvI,IAAQb,GACvC,SAAEmG,EAAQ,iBAAEjB,EAAgB,uBAAEmE,GAA2BtK,KAAKI,MAC9DmK,EAAoC,YAAxBvK,KAAKI,MAAMkH,SAE7B,GACGF,GAAYtF,EAAKkD,QAAUwF,KAC3BD,GAAazI,EAAKkD,QAAUyF,IAG7B,OADAzK,KAAK0K,sBACE,EAILJ,GAA0BxI,EAAK6I,OAAO3F,OAAS,GACjDhF,KAAK4K,8BAGP5K,KAAK6K,qBACL1E,EAAiBrE,KAClBlC,IAAA,uBAEiB,KAChB,IAAM,SACJ8F,EAAQ,SACR4B,EAAQ,KACRxF,EAAI,UACJ0F,EAAS,iBACTsD,EAAgB,eAChBC,EAAc,iBACdC,EAAgB,aAChBC,GACEjL,KAAKI,MACH8K,EAAcC,QAAQrJ,GAAQA,EAAKkD,OAAS,IAE7CkG,GAAexF,GAClB0F,YAASC,IAAOC,+BAA+B,KAG5CJ,GAAgBxF,IACnB0F,YACEC,IAAOE,0CAA0C,CAC/CC,iBAAkBV,EAClBW,kBAAmBV,EACnBW,gBAAiBV,EACjBW,wBAAyBV,EAAe,gBAAkB,MAG9DG,YAASC,IAAOO,+BAA+B,MAG7ClG,EACFmG,YACe,QAAbvE,EAAqB,qBAAuB,sBAG9CwE,YAAqBxE,EAAUE,EAAW,QAG5CxH,KAAKC,SAAS,CAAE0J,mBAAmB,MACpC/J,IAAA,sBAEgB,KACfI,KAAKC,SAAS,CAAE0J,mBAAmB,MACpC/J,IAAA,qBAEe,KACd,IAGImM,EASAC,GAZE,iBAAExF,EAAgB,MAAES,GAAUjH,KAAKI,MACnC6L,EAAehF,GAASA,EAAMjC,OAAS,EAqB7C,OAjBE+G,EADE9M,eCxKCiN,cAAgB,uCDyKWtO,EAAK,gBAC1BqB,cACqBrB,EAAK,mBAELA,EAAK,QAKnCoO,EADE1D,IAAQC,IAASG,OACPuD,EAAehF,EAAQwC,EAAW,gBAElCwC,EAAehF,EAAQ8E,EAEjCvF,IAAqByF,IACvBD,EAAY,GAAH7I,OAAM6I,EAAS,MAAA7I,OAAKgJ,IAAarK,KAAI,MAGzCkK,IAGTnK,SACE,IAAM,SACJsF,EAAQ,KACRrF,EAAI,YACJ4F,EAAW,SACXhC,EAAQ,QACRQ,EAAO,eACPpG,GACEE,KAAKI,OACH,kBAAEuJ,GAAsB3J,KAAKE,MAC7BgL,EAAcpJ,GAAQA,EAAKkD,OAAS,EAEpCgH,EAAYhM,KAAKoM,gBAIjB9C,EACHK,GAAsBuB,EAAiCc,EAAnB,KAAH7I,OAAQ6I,GAEtCK,EAAiBzN,EAAA,CACrB,CAAC2B,YAAIzC,EAAOgL,eAAe,GACvB7J,eAA4B,CAC9B,CAACsB,YAAIzC,EAAO0L,uBACV1J,IAAmBoG,IAAYR,IAI/B4G,EAAqB,CACzB,CAAC/L,YAAIzC,EAAOmL,YAAY,EACxB,CAAC1I,YAAIzC,EAAOsL,mBAAoB1B,GAG5B6E,EAAkB,CACtB,CAAChM,YAAIzC,EAAOwL,iBAAkBK,IAAsBuB,GAGhDsB,EAAa5N,EAAA,CACjBqI,MAAOqC,EACPe,MAAOvI,EACPqF,WACAiB,MAAO,KACPqE,cAAe,IACf,YAAa,aACbC,eAAgBJ,EAChB5I,GAAI,YACJiJ,SAAU3M,KAAK4M,iBACfC,QAAS7M,KAAK8M,gBACdC,OAAQ/M,KAAKgN,gBACT/N,eAA4B,CAC9BgO,YAAajB,EACbkB,eAAe,IAIbC,EAAmBvO,IAAA,GACpB4N,GAAa,IAChBE,eAAc9N,IAAA,GACT0N,GAAkB,IACrB,CAAC/L,YAAIzC,EAAOoL,eAAgBgC,GAAevB,IAE7CyD,eAAgBb,IAGlB,OACE/M,IAAAgB,cAAA,OAAKgB,UAAW6L,IAAWhB,IACxB/D,IAAQC,IAASG,OAChBlJ,IAAAgB,cAAA8M,IAAcH,GAEd3N,IAAAgB,cAAA8M,IAAcd,KAKvB5M,IArNYiI,EAAU,eAuBC,CACpBJ,0BAA0B,EAC1BC,aAAa,EACbP,UAAU,EACVrF,KAAM,GACNhC,gBAAgB,EAChBoG,QAAS,KA0LE+B,gBAAQsF,IAAA,IAAC,KAAEzL,EAAI,YAAE0L,EAAW,UAAEhG,GAAW+F,EAAA,MAAM,CAC5DjD,uBAAwBxI,EAAKwI,uBAC7BS,eAAgByC,EAAYzC,eAC5BC,iBAAkBwC,EAAYxC,iBAC9BF,iBAAkBtD,EAAUiG,QAC5BxC,aAAczD,EAAUyD,eALXhD,CAMXJ,I,wFEjRI6F,kBAAmBC,GAAWC,IAEhCC,EAAS,CACbC,KAAM,CACJjP,SAAU,WACVkP,UAAW,OACXC,gBAAiB,UACjB3P,OAAQ,oBACR4P,aAAc,MACd/P,MAAO,OACPa,QAAS,eACTP,QAAS,YACT+K,WAAY,WACZzK,OAAQ,OACRoP,SAAU,QACVxP,MAAO,CAAC,QAAS,eACjByP,UAAW,OACX,CAACR,GAAS,CACRjP,MAAO,gBAGX0P,QAAS,CACPjP,IAAK,MACLkP,KAAM,MACNC,UAAW,2BAEbC,WAAY,CACVrP,OAAQ,MACRmP,KAAM,MACNC,UAAW,4BAEbE,UAAW,CACTrP,IAAK,MACLkP,KAAM,MACNC,UAAW,wBAEbG,aAAc,CACZvP,OAAQ,MACRmP,KAAM,MACNC,UAAW,yBAEbI,SAAU,CACRvP,IAAK,MACLH,MAAO,MACPsP,UAAW,0BAEbK,YAAa,CACXzP,OAAQ,MACRF,MAAO,MACPsP,UAAW,4BAgBTM,EAAgB,CACpBd,KAAM,CACJ,oBAAqB,CACnBe,WAAY,wBACZC,YAAa,wBACbjR,QAAS,KACTgB,SAAU,WACV,CAAC8O,GAAS,CACRkB,WAAY,yBACZC,YAAa,4BAInB3P,IAAK,CACH,oBAAqB,CACnBD,OAAQ,SAGZA,OAAQ,CACN,oBAAqB,CACnBC,IAAK,SAGTkP,KAAM,CACJ,oBAAqB,CACnBA,KAAM,KACN5L,WAAY,OACZ,CAACkL,GAAS,CACRlL,WAAY,UAKlBsM,OAAQ,CACN,oBAAqB,CACnBV,KAAM,MACN5L,WAAY,UAIhBzD,MAAO,CACL,oBAAqB,CACnBA,MAAO,KACPgQ,YAAa,OACb,CAACrB,GAAS,CACRqB,YAAa,WAMfC,EAAiB,CACrBnB,KAAM,CACJ,WAAY,CACVe,WAAY,yBACZC,YAAa,yBACb,CAACnB,GAAS,CACRkB,WAAY,yBACZC,YAAa,4BAInB3P,IAAK,CACH,WAAY,CACV+P,aAAc,aACdC,kBAAmB,UACnB,CAACxB,GAAS,CACRuB,aAAc,aACdC,kBAAmB,YAGvB,UAAW,CACTD,aAAc,qBACdlG,aAAc,SAGlB9J,OAAQ,CACN,WAAY,CACVkQ,UAAW,aACXC,eAAgB,UAChB,CAAC1B,GAAS,CACRyB,UAAW,aACXC,eAAgB,YAGpB,UAAW,CACTD,UAAW,qBACXjG,UAAW,SAGfkF,KAAM,CACJ,WAAY,CACV5L,WAAY,OACZ4L,KAAM,OAGVU,OAAQ,CACN,WAAY,CACVtM,WAAY,QACZ,CAACkL,GAAS,CACRlL,WAAY,WAIlBzD,MAAO,CACL,WAAY,CACVgQ,YAAa,OACbhQ,MAAO,QAKPsQ,EAAe,CACnBnB,UAAW,OACXoB,WAAY,wBACZC,UAAW,MACXC,QAAS,KAGLC,EAAa,CACjBF,UAAW,QACXC,QAAS,IACT3Q,OAAQ,KAGJ6Q,EAA0B,CAAC,MAAO,UAClCC,EAA4B,CAAC,OAAQ,SAAU,SAErD,MAAMC,UAAgBpQ,YAAUC,cAAA,SAAAC,WAAAC,IAAA,2BAAAA,IAAA,aAmBtB,CACNe,iBAAkBX,KAAKI,MAAMO,iBAC7BC,mBAAoBZ,KAAKI,MAAMQ,mBAC/BkP,YAAaC,OAAOC,WACpBC,aAAcF,OAAOG,cAGvBrO,SACE,IAAM,QAAEhE,GAAYmC,KAAKI,OACnB,iBAAEO,EAAgB,mBAAEC,GAAuBZ,KAAKE,MAChDiQ,EAAWR,EAAwBpL,SAAS5D,GAC9CA,EACA,MACEyP,EAAaR,EAA0BrL,SAAS3D,GAClDA,EACA,OAIEyP,EAAoBC,IAAUC,KAClC1C,EAAOC,KACPD,EAAO,GAAD1K,OAAIgN,GAAQhN,OAAGiN,IACrBxB,EAAcd,KACdc,EAAcuB,GACdvB,EAAcwB,GACdnB,EAAenB,KACfmB,EAAekB,GACflB,EAAemB,GACfd,EACAtP,KAAKI,MAAMoQ,WAAad,GAG1B,OACElQ,IAAAgB,cAAC6P,EAAiB,CAAC7O,UAAS,iBAEzB3D,IAIR+B,IA1DKiQ,EAAO,eAWW,CACpBlP,iBAAkB,MAClBC,mBAAoB,SACpB/C,QAAS,wCACT4S,SAAS,EACTD,WAAW,IA4CAX,Q,+OC1Pf,IAAMa,EAASJ,IAAUK,OAAO,CAC9BxS,SAAU,OACVU,SAAU,WACVX,MAAO,UACPE,OAAQ,UACRU,OAAQ,IACRT,OAAQ,SAGJuS,EAAmBN,IAAUC,K,iWAAI3R,CAAC,CAEpCC,SAAU,WACVE,QAAS,eACToP,UAAW,UACPlP,eAA4B,CAC9B,CAACV,KAAyB,CACxBG,MAAO,UAIbuC,IAAA,IAAC,QAAEwP,GAASxP,EAAA,MAAM,CAChB5C,OAAQoS,EAAU,qBAAuB,WAIvCd,EAA0B,CAAC,MAAO,UAClCC,EAA4B,CAAC,OAAQ,SAAU,SAErD,MAAMnP,UAAsBjB,IAAMqR,cAAcnR,cAAA,SAAAC,WAAAC,IAAA,2BAAAA,IAAA,aAmBtC,CACNkR,mBAAmB,IACpBlR,IAAA,mBAgBa,KACZI,KAAKC,SAAS,CACZ6Q,mBAAoB9Q,KAAKE,MAAM4Q,sBAElClR,IAAA,eAESmR,IACRA,EAAMC,iBACNC,aAAajR,KAAKkR,WAClBlR,KAAKmR,YAAYJ,GACjB/Q,KAAKC,SAAS,CAAE6Q,mBAAmB,MACpClR,IAAA,gBAEUmR,IACT/Q,KAAKkR,UAAYE,WAAW,KAC1BpR,KAAKC,SAAS,CAAE6Q,mBAAmB,KAClC,OAGLlR,IAAA,mBACcmR,IACZA,EAAMC,iBAEN,IAAM,YAAEnQ,EAAW,YAAEC,GAAgBd,KAAKI,MAIpCS,GAAeC,GAA8B,aAAfiQ,EAAMxP,MACxCvB,KAAKqR,cAGHrR,KAAKI,MAAMW,aACbf,KAAKI,MAAMW,gBAIfnB,IAAA,mBACcmR,IACZA,EAAMC,iBACFhR,KAAKI,MAAM+Q,aACbnR,KAAKI,MAAM+Q,gBAEdvR,IAAA,4BAEsB,KACrB,IAAMsB,EAAc,CAClB,cAAiBlB,KAAKI,MAAMM,YA2B9B,OAtBkD,IAA9ClB,IAAM8R,SAASC,MAAMvR,KAAKI,MAAMoR,WAClCC,OAAOC,OAAOxQ,EAAa,CACzBM,UAAWxB,KAAKI,MAAMuR,cAKtB3R,KAAKI,MAAMU,aACb2Q,OAAOC,OAAOxQ,EAAa,CACzB0Q,aAAc5R,KAAK6R,QACnBC,aAAc9R,KAAK+R,WAKnB/R,KAAKI,MAAMS,aACb4Q,OAAOC,OAAOxQ,EAAa,CACzBkC,QAASpD,KAAKe,YACdiR,WAAYhS,KAAKe,cAIdf,KAAKI,MAAMY,aAAa,CAAChB,KAAKI,MAAMoR,SAAUtQ,MACtDtB,IAAA,qBAEe,KACd,IAAM,iBAAEe,EAAgB,mBAAEC,EAAkB,QAAE/C,GAAYmC,KAAKI,MACzD+P,EAAWR,EAAwBpL,SAAS5D,GAC9CA,EACA,MACEyP,EAAaR,EAA0BrL,SAAS3D,GAClDA,EACA,OAEJ,OACEpB,IAAAgB,cAACqP,EAAO,CACNlP,iBAAkBwP,EAClBvP,mBAAoBwP,EACpBvS,QAASA,EACT2S,UAAWxQ,KAAKE,MAAM4Q,sBAK5BjP,SACE,OACErC,IAAAgB,cAACoQ,EAAgB,CAACH,QAASzQ,KAAKI,MAAMqQ,SACnCzQ,KAAKiS,uBACLjS,KAAKkS,kBAIbtS,IA5IKa,EAAa,eAuBK,CACpBE,iBAAkB,MAClBC,mBAAoB,SACpB/C,QAAS,wCACTgD,aAAa,EACbC,aAAa,EACb6Q,YAAa,0BACblB,SAAS,EACT/P,WAAY,UACZM,aAAcuM,IAAA,IAAEiE,EAAUtQ,GAAYqM,EAAA,OACpC/N,IAAAgB,cAACkQ,EAAWxP,EAAcsQ,MA6GjB/Q,O,iCCjLf,8CAgBO,SAASwB,IACd,OAAOiK,cAAgB,wC,uxBCEzB,IAAM,sBAAEiG,GAAuBC,IACzBxU,EAAOC,YAAQ,yBAKfwU,EAAQ/B,IAAUrJ,MAAM,CAC5B9I,SAAU,GACVmU,WAAY,KACZpU,MAAO,UACP8K,aAAc,KAGVuJ,EAAejC,IAAUkC,IAC7B,CACEzT,QAAS,OACT0T,eAAgB,UAElBxR,IAAmB,IAAlB,UAAEyR,GAAWzR,EACZ,GAAIyR,EACF,MAAO,mBAKPC,EAAQrC,IAAUsC,MAAKhU,EAAC,CAE1BN,WAAY,OACZD,OAAQ,OACRH,MAAO2U,IAAOC,UACd3E,UAAW,SACX3P,QAAS,IACTuU,OAAQ,IACRC,aAAc,OACdxQ,QAAS,EACTpE,OAAQ,UACR6U,cAAe,SACfX,WAlCsB,IAmCtB1P,WAAY,KACTsQ,KAEL3F,IAAyC,IAAxC,WAAE4F,EAAU,SAAEC,EAAQ,UAAEV,GAAWnF,EAC9BrK,EAAQ,GAoBZ,OAnBIiQ,IACFjQ,EAAKtE,IAAA,GACAsE,GAAK,IACRhF,MAAO,cACPmV,WAAY,GAAFlQ,OAAK0P,IAAOC,UAAS,aAG/BM,IACFlQ,EAAKtE,IAAA,GACAsE,GAAK,IACR9E,OAAQ,aAGRsU,IACFxP,EAAKtE,IAAA,GACAsE,GAAK,IACRhF,MAAO,aAGJgF,IAILoQ,EAAgBhD,IAAUkC,IAC9B,CACErE,UAAW,SACX4E,OAAQ,YACR7U,MAAOiU,EACPhU,SAnEqB,GAoErBU,SAAU,WACVuD,OAAQ,IAGVmR,IAA6C,IAA5C,uBAAEC,EAAsB,YAAEC,GAAaF,EACtC,OAAIE,EACK,CACLvV,MAAOuV,GAGPD,EACK,CACLtV,MAAO2U,IAAOC,gBAFlB,GAMFY,IAAmB,IAAlB,UAAEC,GAAWD,EACZ,GAAIC,EACF,MAAO,CACLlE,QAAS,MAMXmE,EAAStD,IAAUuD,OAAMjV,EAAC,CAE5BgE,WAAY,IACZkR,WAAY,OACZ,eAAgB,CAAE/U,QAAS,QAC3BiP,gBAAiB,cACjBlP,OAAQ,EACRV,OAAQ,UACRC,OAAQ,QACL6U,KAELa,IAAwD,IAAvD,uBAAEP,EAAsB,uBAAEQ,GAAwBD,EACjD,GAAIP,IAA2BQ,EAC7B,MAAO,CACL5V,OAAQ,UACRF,MAAO,UACPG,OAAQ,IAId4V,IAAkB,IAAjB,SAAE9M,GAAU8M,EACX,GAAI9M,EACF,MAAO,CACL/I,OAAQ,aAMV8V,EAAiB5D,IAAUkC,IAAG5T,EAAC,CAEjCoQ,YAAa,EACb7F,UAAW,GACXgF,UAAW,QACXjQ,MAAO2U,IAAOC,UACd3U,SAAU,GACVyE,WAAY,KACTsQ,KAELiB,IAAmB,IAAlB,UAAEzB,GAAWyB,EACZ,GAAIzB,EACF,MAAO,CACLxU,MAAO,aAMA,MAAMkW,UAAoBvD,gBA8BvCnR,YAAYU,GACViU,MAAMjU,GAAMR,IAAA,aAHN,IAAEA,IAAA,0BAuFW0U,IAAA,IAAGlK,QAAUC,MAAOkK,IAAgBD,EAAA,OACvDtU,KAAKwU,aAAa,CAAED,mBAAe3U,IAAA,yBACjB,CAAA6U,EAAwBC,KAAa,IAAlCtK,QAAQ,MAAEC,IAASoK,EAAA,OACxCzU,KAAKwU,aAAa,CAAEnK,QAAOqK,oBAAgB9U,IAAA,mBAC/B+U,IAAgB,IAAf,OAAEvK,GAAQuK,EACvBC,YAAmBxK,GACfpK,KAAKI,MAAMyM,SACb7M,KAAKI,MAAMyM,QAAQzC,KAEtBxK,IAAA,mBACaiV,IAAA,IAAC,OAAEzK,GAAQyK,EAAA,OAAKD,YAAmBxK,KAAOxK,IAAA,uBACtC,IAAMI,KAAKC,SAAS,CAAEkT,YAAY,KAAOvT,IAAA,qBAC3C,IAAMI,KAAKC,SAAS,CAAEkT,YAAY,KA9FhDnT,KAAK8U,uBAAyBC,YAC5B3U,EAAM4U,iBACN5U,EAAM6U,mBAIVrP,oBACE5F,KAAKkV,YAAa,EAElBC,YAAa,mBACVC,KAAK,KACApV,KAAKkV,YAGPlV,KAAKqV,gBAGRC,MAAM,SAIJtV,KAAKI,MAAMmV,kBAAoBvV,KAAKwV,QACvCxV,KAAKwV,OAAOC,QAIhBC,uBACE1V,KAAKkV,YAAa,EAGpBS,qBACM3V,KAAKI,MAAMwV,aACb5V,KAAK4V,cAGH5V,KAAKI,MAAMyV,kBAAoB7V,KAAKwV,QACtCxV,KAAKwV,OAAOC,QAchBjB,aAAYsB,GAGT,IAHU,MACXzL,EAAQrK,KAAKI,MAAMiK,MAAK,aACxBkK,EAAevU,KAAKI,MAAMmU,cAC3BuB,EACOC,EAAkBC,IAAkC3L,GACpD4L,EAAaD,IAA6BD,GAG1CG,EAAcC,OAAOF,GAE3B,GAAIG,IAAQF,IAAgBD,EAAWjR,QAAUqR,IAC/CrW,KAAK4V,mBAEA,GAAoB,IAAhBM,EAAJ,CAMP,IAAMI,EAAiBN,IACrBzB,EACAvU,KAAKI,MAAMmW,gBACXL,EAAYM,YAGZF,IAAmBtW,KAAKI,MAAMiK,OAC9BkK,IAAiBvU,KAAKI,MAAMmU,cAE5BvU,KAAKI,MAAMuM,SAAS2J,EAAgB/B,OAf/B,CAELvU,KAAKI,MAAMuM,SADM,GACa4H,IAoClCqB,cACE5V,KAAKC,SAAS,CAAEyS,WAAW,GAAQ,KACjCtB,WACE,IACEpR,KAAKC,SAAS,CAAEyS,WAAW,GAAS,KAC9B1S,KAAKI,MAAMyV,kBACb7V,KAAKwV,OAAOC,UAGlB,OAKN5T,SACE,IAAM,WAAEsR,EAAU,UAAET,GAAc1S,KAAKE,OACjC,MACJ+G,EAAK,MACLoD,EAAK,aACLkK,EAAY,kBACZU,EAAiB,gBACjBsB,GACEvW,KAAKI,MACHqW,EAAiBxB,EAAkBV,GAGrCmC,EAAgBrM,EACuB,IAAvCsM,YAAqBpC,KACvBmC,EAAgBE,WAAWvM,GAAS,GAAGwM,QAAQ,IAGjD,IAAMP,EAAiBN,IACrBzB,EACAgC,EACAG,GAEIhC,EACJ1U,KAAKI,MAAMsU,eACXsB,IAA2BM,EAAgBG,GAEvCK,EACJd,IACEtB,EACA1U,KAAKwV,OACLc,GALyC,EAOvCS,EAAcf,IAjUC,GAmUnBhW,KAAKgX,QACLzC,GAGI0C,EAAmB,CACvB5M,MACE7K,IAAAgB,cAACmS,EAAK,CACJuE,SAAUC,GAAMnX,KAAKwV,OAAS2B,EAC9B1V,aAAY7D,EAAK,qBACjBwZ,IAAI,eACJ7V,KAAK,MACL8V,IAAI,MACJhW,KAAMrB,KAAKI,MAAMiB,KACjBiW,YAAWtX,KAAKI,MAAMmX,SACtB7T,GAAI1D,KAAKI,MAAMsD,GACf8T,aAAa,MACbC,UAAQ,EACRrE,SAAUpT,KAAKI,MAAMmV,iBACrBpC,WAAYA,EACZuE,WAAY1X,KAAKI,MAAMsX,WACvBhF,UAAWA,EACXrI,MAAOiM,EACP3J,SAAU3M,KAAK2X,kBACf9K,QAAS7M,KAAK4X,YACdxU,QAASpD,KAAKe,YACd8W,YAAa7X,KAAK8X,gBAClBC,UAAW/X,KAAKgY,cAChBzX,IAAK,CACH7B,MAAOoY,EACP3Y,SAAUuW,KAIhBuD,OACEzY,IAAAgB,cAAC0T,EAAc,CACbkD,IAAI,kBACJlZ,MAAO8B,KAAKI,MAAMsX,WAClBhF,UAAWA,GAEV+D,IAqBDyB,EAdQC,YACZnY,KAAKI,MAAMiK,MACXrK,KAAKI,MAAMmU,aACXvU,KAAKI,MAAMmW,iBAK2B6B,OACtCC,GAAsB,WAAdA,EAAK9W,MAAmC,UAAd8W,EAAK9W,MAKcsC,IACrDwU,GAAQpB,EAAiBoB,EAAK9W,OAG1ByS,EAAyBhU,KAAK8U,uBAAuB9P,OAAS,EAE9DsT,EACJtY,KAAKI,MAAMuT,WAAa9M,SAASC,gBAAkB9G,KAAKwV,OACpD+C,EACJvY,KAAKI,MAAMoT,yBACVQ,GACDhU,KAAKI,MAAMuT,UAEP6E,EAAkBxY,KAAKI,MAAMmU,aAEnC,OACE/U,IAAAgB,cAAA,WACGyG,GAASzH,IAAAgB,cAAC6R,EAAK,KAAEpL,GAClBzH,IAAAgB,cAAC+R,EAAY,CAAC8E,IAAI,MAAM3E,UAAWA,GAChC4F,EACC9Y,IAAAgB,cAAA,OAIE0C,MAAO,CACLxE,MAAOgW,EACPtS,OAAQsS,EACR3B,QA3ZU,IA2ZoB,GAAK2B,EAAiB,GAEtDlT,UAAU,qBAGZ0W,GAGJ1Y,IAAAgB,cAAC8S,EAAa,CACZK,UAAW3T,KAAKI,MAAMuT,UACtBH,uBAAwBxT,KAAKI,MAAMoT,uBACnCC,YAAazT,KAAKI,MAAMqT,YACxBlT,IAAK,CACH7B,MAAOqY,IAGTvX,IAAAgB,cAACoT,EAAM,CACLvS,KAAK,aACLiW,YAAU,aACV7V,aAAY7D,EAAK,wBACjB4V,uBAAwBxT,KAAKI,MAAMoT,uBACnCQ,uBAAwBA,EACxB3J,MAAOmO,EACPrR,SAAUoR,EACV5L,SAAU3M,KAAKyY,mBACfvB,SAAUC,GAAMnX,KAAKgX,QAAUG,GAE9BnX,KAAK8U,uBAAuBjR,IAAI6U,GAC/BlZ,IAAAgB,cAAA,UAAQ4W,IAAKsB,EAAMrO,MAAOqO,GACvBA,QAQhB9Y,IAlToBwU,EAAW,eAuBR,CACpBmB,kBAAkB,EAClBoD,oBAAoB,K,uGCzLlB/a,EAAOC,YAAQ,yBAEf+a,EAAS,CACbC,SAAU,CACR1K,UAAW,WAIf,MAAM2K,UAAgCtZ,IAAMC,UAAUC,cAAA,SAAAC,WAAAC,IAAA,oBASrCmZ,IACb/Y,KAAKI,MAAM4Y,oCAAoCD,EAAE3O,OAAO6O,WACzDrZ,IAAA,qCAE+B,KAC9B,IAAM,yBACJsZ,EAAwB,eACxBC,EAAc,yBACdC,EAAwB,wBACxBC,GACErZ,KAAKI,MACHkZ,EAAaD,EACf,CACEE,OAAO,EACPC,UAAW5b,EAAK6b,KAAK,0BAA4B,IAEnD,KACJ,OACEja,IAAAgB,cAAChB,IAAMka,SAAQ,KACbla,IAAAgB,cAAA,OAAKgB,UAAU,iCAAiC0B,MAAOiW,GACrD3Z,IAAAgB,cAAAmZ,IAAAvY,IAAA,CACEsC,GAAG,0BACHrC,KAAK,kBACLsL,SAAU3M,KAAKwU,aACfyE,QAASC,EACTjS,MAAOmS,GACHE,EAAU,CACdpW,MAAO0V,EAAOpG,WAMxB3Q,SACE,OAAOrC,IAAAgB,cAAA,WAAMR,KAAK4Z,kCAIPd","file":"default~guest~request-preview~universal-preview.esm.js","sourcesContent":["/**\n * This is for any promotional links introduced in the notes field.\n * Instead of a button box that existed below the notes field. The button box\n * is still in ./gift-promotion.js . Clicking the icons it opens the overpanel\n * and allows users to continue with action.\n */\n\nimport PropTypes from 'prop-types'\nimport React from 'react'\nimport { Button, GiftCardIcon } from '@paypalcorp/pp-react'\nimport { StyleSheet, css } from 'lib/paypalphrodite'\nimport * as media from 'lib/styles/media-queries'\nimport classnames from 'classnames'\nimport TooltipTarget from '../containers/vx-tooltip/target'\nimport { isBFXCurrencyConversionTrmt } from '../../experiments/bfx-currency-conversion'\nimport content from 'pp-react-l10n'\nimport { isReviewScreenRedesign } from 'experiments/reviewScreenRedesign'\n\nconst i18n = content('transfer/page/preview')\nconst styles = StyleSheet.create({\n  promotions: {\n    color: '#9DA3A6',\n    fontSize: 40,\n    cursor: 'pointer',\n    border: 'none',\n    background: 'none',\n    [media.smallAndSmaller]: {\n      padding: '0 18px',\n    },\n    [media.extraSmallAndSmaller]: {\n      padding: '0 8px',\n    },\n    ':hover': {\n      color: '#0070ba',\n    },\n  },\n  addThemeButton: {\n    [media.mobileAndSmaller]: {\n      width: '100%',\n    },\n  },\n  promotionContainer: {\n    position: 'absolute',\n    zIndex: 2,\n    display: 'block',\n    right: 0,\n    ...(!isReviewScreenRedesign() && {\n      bottom: '13px',\n    }),\n    ...(isReviewScreenRedesign() && {\n      top: '16px',\n      [media.mobileAndSmaller]: {\n        position: 'initial',\n      },\n    }),\n  },\n  bfxPromotionContainer: {\n    position: 'absolute',\n    zIndex: 2,\n    display: 'block',\n    right: 0,\n    bottom: '3px', // move it down a bit more\n  },\n  topZero: {\n    top: 0,\n  },\n  promotionsActive: {\n    color: '#0070ba',\n  },\n})\n\nclass PromotionLinks extends React.Component {\n  static propTypes = {\n    openGiftThemeOverpanel: PropTypes.func,\n    themeHasBeenSelected: PropTypes.bool.isRequired,\n    shouldShowGift: PropTypes.bool,\n    isNoteEditable: PropTypes.bool.isRequired,\n    note: PropTypes.string.isRequired,\n  }\n\n  state = {\n    giftEntryHover: false,\n    shouldShowGift: false,\n    openGiftThemeOverpanel: () => {},\n  }\n\n  handleGiftEntryHover = () => {\n    this.setState({ giftEntryHover: !this.state.giftEntryHover })\n  }\n\n  renderGiftEntry = () => {\n    const {\n      openGiftThemeOverpanel,\n      themeHasBeenSelected,\n      shouldShowGift,\n    } = this.props\n    if (!shouldShowGift || themeHasBeenSelected) {\n      return null\n    }\n\n    const promotionClasses = classnames(css(styles.promotions))\n\n    return (\n      <TooltipTarget\n        dataTestId=\"gift-promotion\"\n        verticalPosition=\"top\"\n        horizontalPosition=\"right\"\n        content={i18n('promotion.gift')}\n        isClickable={true}\n        isHoverable={true}\n        handleClick={openGiftThemeOverpanel}\n        renderTarget={([, targetProps]) => {\n          return isReviewScreenRedesign() ? (\n            <Button\n              {...targetProps}\n              name=\"gift\"\n              size=\"sm\"\n              type=\"button\"\n              className={classnames(css(styles.addThemeButton))}\n              aria-label={i18n('a11y.promotion.gift.label')}\n              secondary\n            >\n              {i18n('addAThemeButtonText')}\n            </Button>\n          ) : (\n            <GiftCardIcon\n              {...targetProps}\n              as=\"button\" // render it as button for a11y\n              type=\"button\"\n              name=\"gift\"\n              size=\"lg\"\n              className={promotionClasses}\n              aria-label={i18n('a11y.promotion.gift.label')}\n            />\n          )\n        }}\n      />\n    )\n  }\n\n  render() {\n    const { note, isNoteEditable } = this.props\n\n    const containerClasses = {\n      [css(styles.promotionContainer)]: !isBFXCurrencyConversionTrmt(),\n      [css(styles.bfxPromotionContainer)]: isBFXCurrencyConversionTrmt(),\n      [css(styles.topZero)]: !note && !isNoteEditable,\n    }\n\n    return (\n      <div className={classnames(containerClasses)}>\n        {this.renderGiftEntry()}\n      </div>\n    )\n  }\n}\n\nexport default PromotionLinks\n","/**\n * ThemeBadge is the gift theme selection button. It has three main uses/states:\n * the user has selected a theme (in /send or /gift), then is shows the selected theme as bg and shows gift icon\n */\n\nimport PropTypes from 'prop-types'\n\nimport React from 'react'\nimport { StyleSheet, css } from 'lib/paypalphrodite'\nimport { getThemeImage } from '../../utils/theme-utils'\nimport * as media from '../../../lib/styles/media-queries'\nimport content from 'pp-react-l10n'\n\nconst i18n = content('transfer/themes')\nconst styles = StyleSheet.create({\n  themeWrapper: {\n    width: 120,\n    height: 170,\n    backgroundSize: 'cover',\n    backgroundPosition: 'center',\n    boxShadow: '0 1px 2px 0 rgba(0,0,0,0.24)',\n    outline: 'none',\n    marginLeft: 135,\n    display: 'block',\n    ':hover': {\n      cursor: 'default',\n    },\n    [media.smallAndSmaller]: {\n      marginLeft: 105,\n    },\n  },\n  badgeWrapper: {\n    height: 220,\n  },\n  themeButton: {\n    display: 'inline',\n    padding: '15px 0px',\n    fontWeight: 500,\n    fontSize: 14,\n    color: '#0070BA',\n  },\n})\n\nclass NewThemeBadge extends React.Component {\n  static propTypes = {\n    handleClick: PropTypes.func,\n    selectedThemeId: PropTypes.string,\n    handleRemoveButton: PropTypes.func,\n  }\n\n  static defaultProps = {\n    handleClick: () => {},\n    selectedThemeId: '',\n  }\n\n  render() {\n    const { handleClick, selectedThemeId, handleRemoveButton } = this.props\n\n    const bgImage = getThemeImage(selectedThemeId, 'card')\n\n    return (\n      <div className={css(styles.badgeWrapper)}>\n        <button\n          type=\"button\"\n          style={{ background: `url(${bgImage})` }}\n          className={css(styles.themeWrapper)}\n        />\n        <button\n          onClick={handleClick}\n          type=\"button\"\n          className={`${css(styles.themeButton)} vx_btn-link`}\n        >\n          {i18n('selection.changeDesign')}\n        </button>\n        <span className={css(styles.themeButton)}> | </span>\n        <button\n          onClick={handleRemoveButton}\n          type=\"button\"\n          className={`${css(styles.themeButton)} vx_btn-link`}\n        >\n          {i18n('selection.removeDesign')}\n        </button>\n      </div>\n    )\n  }\n}\n\nexport default NewThemeBadge\n","import { getThemeImage } from './theme-utils'\nimport _ from 'lodash'\n/**\n * Preloads media into the cache so that it loads instantly when needed in later flows.\n * @param {array} - The array of media urls (strings) to be preloaded into the cache\n */\nexport function cacheMedia(array) {\n  const list = []\n  array.forEach(mediaSource => {\n    const img = new Image()\n    img.onload = img.onerror = img.onabort = () => {\n      if (list.includes(img)) {\n        list.splice(list.indexOf(img), 1)\n      }\n    }\n    list.push(img)\n    img.src = mediaSource\n  })\n}\n\nexport function cacheFirstCardFirstFooterAndAllIcons(themeList) {\n  // if in weird cases themeList does not have what we want (e.g. service error resulting in empty array)\n  // do nothing\n  if (!_.get(themeList, '[0].id')) {\n    return\n  }\n  const firstCard = getThemeImage(themeList[0].id, 'card')\n  const firstFooter = getThemeImage(themeList[0].id, 'footer')\n  const allIcons = themeList.map((item, index) =>\n    getThemeImage(themeList[index].id, 'icon')\n  )\n  const arrayOfMediaContentToBeLoaded = [firstCard, ...allIcons, firstFooter]\n  cacheMedia(arrayOfMediaContentToBeLoaded)\n}\n","// @flow\nimport React from 'react'\nimport PayPalNote from '../note-redux-pp'\nimport PromotionLinks from '../promotion-links'\nimport { connect } from 'transfer/utils/p2p-connect'\nimport { getFlowType } from 'transfer/utils/url-utils'\nimport { changeNote, changeGiftOption } from 'transfer/actions/Actions'\nimport { changeThemeId } from 'transfer/actions/theme'\nimport ThemeBadge from '../theme-badge'\nimport NewThemeBadge from '../gift-options/new-theme-badge'\nimport { cacheFirstCardFirstFooterAndAllIcons } from '../../utils/cache-media-utils'\nimport { showGiftOptions } from '../../../experiments/gift-options'\nimport { getExternalComponents } from '../../hooks'\nimport content from 'pp-react-l10n'\nimport { ENV_TYPE } from '../../../../../lib/constants'\nimport { isReviewScreenRedesign } from 'experiments/reviewScreenRedesign'\nconst showNewGiftOptions = showGiftOptions()\n\nconst i18n = content('transfer/inc/note')\n\nconst callAll = (...fns) => (...args) => fns.forEach(fn => fn && fn(...args))\ntype Props = {\n  isGiftEligible: boolean,\n  isNoteEditable: boolean,\n  note: string,\n  isReview: boolean,\n  showENSubTextRTR: boolean,\n  recipient: string,\n  themeList?: [],\n  themeId?: string,\n  handleChangeNote: () => void,\n  openThemeOverpanel: () => void,\n  openNewThemeOverpanel: () => void,\n  handleRemoveButton: () => void,\n  onRemoveTheme: () => void,\n  handleRemoveGiftOption: () => void,\n  hasFetchedFundingOptions: boolean,\n  isMgm: boolean,\n  getExternalComponents: Function,\n  isDonate: boolean,\n  dispatch: Function,\n  previewNoteLabel: string,\n  isDonateButtonCampaigns: boolean,\n  hasSeenNote: boolean,\n}\ntype State = {\n  isReview: boolean,\n  showNote: boolean,\n}\nclass NoteWithGift extends React.Component<Props, State> {\n  dom = React.createRef()\n  state = {\n    isReview: false,\n    showNote: true,\n  }\n\n  componentDidMount() {\n    const { isGiftEligible, themeList } = this.props\n    if (isGiftEligible && themeList && themeList.length > 0) {\n      cacheFirstCardFirstFooterAndAllIcons(this.props.themeList)\n    }\n  }\n\n  static getDerivedStateFromProps(nextProps, state) {\n    if (!state.isReview && nextProps.isReview) {\n      const nextState = { isReview: true, showNote: true }\n      if (\n        isReviewScreenRedesign() &&\n        nextProps.hasSeenNote &&\n        !nextProps.note\n      ) {\n        nextState.showNote = false\n      }\n      return nextState\n    } else if (state.isReview && !nextProps.isReview) {\n      return { isReview: false, showNote: true }\n    }\n    return null\n  }\n\n  render() {\n    const {\n      isGiftEligible,\n      isNoteEditable,\n      note,\n      isMgm,\n      themeList,\n      themeId,\n      handleChangeNote,\n      openThemeOverpanel,\n      isReview,\n      openNewThemeOverpanel,\n      handleRemoveButton,\n      onRemoveTheme,\n      handleRemoveGiftOption,\n      showENSubTextRTR,\n      isDonateButtonCampaigns,\n    } = this.props\n\n    const isFocused =\n      this.dom.current === document.activeElement ||\n      (this.dom.current &&\n        this.dom.current.contains &&\n        this.dom.current.contains(document.activeElement))\n\n    const shouldShowGift = isGiftEligible && themeList && themeList.length > 0\n\n    const noteProps = {\n      note: note,\n      label: isDonateButtonCampaigns\n        ? i18n('note.campaigns.label')\n        : this.props.previewNoteLabel,\n      disabled: !isNoteEditable,\n      isReview: isReview,\n      isDonate: this.props.isDonate,\n      dispatch: this.props.dispatch,\n      flowType: getFlowType(),\n      recipient: this.props.recipient,\n      showENSubTextRTR: showENSubTextRTR,\n      handleChangeNote: handleChangeNote,\n      hasFetchedFundingOptions: this.props.hasFetchedFundingOptions,\n      hasGiftIcon: isGiftEligible && showNewGiftOptions,\n      shouldShowGift: shouldShowGift,\n      themeId: themeId,\n    }\n\n    const shouldShowPromotionLinks = !isMgm && !showNewGiftOptions\n    const shouldRenderPromotionLinks =\n      shouldShowPromotionLinks && (!isReviewScreenRedesign() || !isReview)\n\n    const { showNote } = this.state\n\n    return (\n      <div\n        ref={this.dom}\n        // position: relative is necessary to place the gift icon correctly\n        // in safari and chrome without having to modify line-height of the icons.\n        style={{ position: 'relative' }}\n      >\n        {themeId && showNewGiftOptions && isGiftEligible && (\n          <NewThemeBadge\n            handleClick={openNewThemeOverpanel}\n            selectedThemeId={themeId}\n            handleRemoveButton={callAll(\n              handleRemoveButton,\n              onRemoveTheme,\n              handleRemoveGiftOption\n            )}\n          />\n        )}\n\n        {showNote && <PayPalNote {...noteProps} />}\n\n        {this.props.getExternalComponents('after:note')}\n\n        {shouldRenderPromotionLinks && (\n          <PromotionLinks\n            // if in weird cases themeList does not have what we want (e.g. service error resulting in empty array)\n            // do not show gift\n            shouldShowGift={shouldShowGift}\n            openGiftThemeOverpanel={openThemeOverpanel}\n            themeHasBeenSelected={!!themeId}\n            isNoteEditable={isNoteEditable}\n            note={note}\n            // highlight when focused\n            highlightPromotions={isFocused}\n          />\n        )}\n        {isGiftEligible && themeId && !showNewGiftOptions && (\n          <ThemeBadge\n            handleClick={openThemeOverpanel}\n            selectedThemeId={themeId}\n          />\n        )}\n      </div>\n    )\n  }\n}\n\nexport default connect(\n  ({ note, server, external, theme, transaction }) => ({\n    note: note.note,\n    isMgm: server.isMgm,\n    isNoteEditable: server.env !== ENV_TYPE.PISP || external.notesEditable,\n    themeList: theme.themeList,\n    themeId: theme.themeId,\n    hasFetchedFundingOptions: transaction.hasFetchedFundingOptions,\n    getExternalComponents: getExternalComponents(server.env, 'note-with-gift'),\n    isDonate: server.env === ENV_TYPE.DONATE,\n    isDonateButtonCampaigns: external.isDonateButtonCampaigns,\n    hasSeenNote: transaction.hasSeenNote,\n  }),\n  dispatch => ({\n    handleChangeNote: note => dispatch(changeNote(note)),\n    handleRemoveButton: () => dispatch(changeThemeId('')),\n    handleRemoveGiftOption: () => dispatch(changeGiftOption('')),\n  })\n)(NoteWithGift)\n","import PropTypes from 'prop-types'\nimport React from 'react'\nimport classNames from 'classnames'\nimport { tracking } from '../../lib/analytics/mParticle'\nimport { TextArea } from '@paypalcorp/pp-react'\nimport { connect } from 'transfer/utils/p2p-connect'\nimport content from 'pp-react-l10n'\nimport { StyleSheet, css } from '../../lib/paypalphrodite'\nimport {\n  trackAmountPageClick,\n  trackClickUnifiedSend,\n} from '../utils/unified-send-analytics'\nimport {\n  ActionTypes as types,\n  DONATE_MAX_CHAR_LIMIT,\n  REQUEST_MAX_CHAR_LIMIT,\n} from '../constants'\nimport Events from '../../lib/analytics/eventTags'\nimport enRTRStrings from '../../../../config/enRTRStrings'\nimport serverProps from '../utils/serverProps'\nimport { ENV_TYPE } from '../../../../lib/constants'\nimport * as media from 'lib/styles/media-queries'\nimport { isReviewScreenRedesign } from 'experiments/reviewScreenRedesign'\nimport { isAmountMessageContent } from 'experiments/amountMessageContent'\n\nconst styles = StyleSheet.create({\n  noteWrapper: {\n    boxSizing: 'border-box',\n    marginBottom: '1.625rem',\n  },\n  textArea: {\n    border: 'none',\n  },\n  textAreaOpen: {\n    marginTop: '20px',\n  },\n  textAreaGiftIcon: {\n    paddingRight: '2.5rem',\n  },\n  textAreaLabel: {\n    whiteSpace: 'break-spaces',\n    marginLeft: '-10px',\n    marginTop: '0',\n  },\n  textAreaPartialWidth: {\n    width: '70%',\n    [media.mobileAndSmaller]: {\n      width: '100%',\n    },\n  },\n})\n\nconst i18n = content('transfer/page/preview')\nconst i18nDonate = content('transfer/inc/note')\nconst { env = '' } = serverProps\n\nexport class PayPalNote extends React.Component {\n  static propTypes = {\n    handleChangeNote: PropTypes.func.isRequired,\n    disabled: PropTypes.bool,\n    note: PropTypes.string,\n    label: PropTypes.string,\n    recipient: PropTypes.string,\n    flowType: PropTypes.string,\n    isReview: PropTypes.bool,\n    hasFetchedFundingOptions: PropTypes.bool,\n    showENSubTextRTR: PropTypes.bool,\n    isDonate: PropTypes.bool,\n    dispatch: PropTypes.func,\n    hasGiftIcon: PropTypes.bool,\n    isMissingMandatoryNote: PropTypes.bool,\n    shouldShowGift: PropTypes.bool,\n    themeId: PropTypes.string,\n    toCurrencyCode: PropTypes.string,\n    fromCurrencyCode: PropTypes.string,\n    recipientCountry: PropTypes.string,\n    thumbnailUrl: PropTypes.string,\n  }\n\n  static defaultProps = {\n    hasFetchedFundingOptions: false,\n    hasGiftIcon: false,\n    disabled: false,\n    note: '',\n    shouldShowGift: false,\n    themeId: '',\n  }\n\n  state = {\n    textAreaIsFocused: false,\n  }\n\n  showNoteFieldError = () =>\n    this.props.dispatch({ type: types.EXTERNAL.SHOW_NOTE_MAX_CHAR_LIMIT_ERROR })\n\n  hideNoteFieldError = () =>\n    this.props.dispatch({ type: types.EXTERNAL.HIDE_NOTE_MAX_CHAR_LIMIT_ERROR })\n\n  hideMandatoryNoteFieldError = () => {\n    this.props.dispatch({\n      type: types.NOTE.REQUIRED_FIELD_ERROR,\n      data: { missing: false },\n    })\n  }\n\n  onTextAreaChange = ({ target: { value: note } }) => {\n    const { isDonate, handleChangeNote, isMissingMandatoryNote } = this.props\n    const isRequest = this.props.flowType === 'request'\n\n    if (\n      (isDonate && note.length >= DONATE_MAX_CHAR_LIMIT) ||\n      (isRequest && note.length >= REQUEST_MAX_CHAR_LIMIT)\n    ) {\n      this.showNoteFieldError()\n      return false\n    }\n\n    // hide mandatory message alert if isMissingMandatoryNotes flag is true and a valid note is entered\n    if (isMissingMandatoryNote && note.trim().length > 0) {\n      this.hideMandatoryNoteFieldError()\n    }\n\n    this.hideNoteFieldError()\n    handleChangeNote(note)\n  }\n\n  onTextAreaFocus = () => {\n    const {\n      isReview,\n      flowType,\n      note,\n      recipient,\n      recipientCountry,\n      toCurrencyCode,\n      fromCurrencyCode,\n      thumbnailUrl,\n    } = this.props\n    const noteHasText = Boolean(note && note.length > 0)\n\n    if (!noteHasText && isReview) {\n      tracking(Events.p2p_review_note_typing_started({}))\n    }\n\n    if (!noteHasText && !isReview) {\n      tracking(\n        Events.p2p_amount_story_note_input_field_focused({\n          receiver_country: recipientCountry,\n          receiver_currency: toCurrencyCode,\n          sender_currency: fromCurrencyCode,\n          receiver_metadata_shown: thumbnailUrl ? 'profile_photo' : '',\n        })\n      )\n      tracking(Events.p2p_amount_note_typing_started({}))\n    }\n\n    if (isReview) {\n      trackClickUnifiedSend(\n        flowType === 'buy' ? 'onGSclickNoteField' : 'onFFclickNoteField'\n      )\n    } else {\n      trackAmountPageClick(flowType, recipient, 'note')\n    }\n\n    this.setState({ textAreaIsFocused: true })\n  }\n\n  onBlurTextArea = () => {\n    this.setState({ textAreaIsFocused: false })\n  }\n\n  noteLabelText = () => {\n    const { showENSubTextRTR, label } = this.props\n    const hasLabelProp = label && label.length > 0\n    // no-nested-ternary\n    let notePlaceHolderAndLabelText\n    if (isReviewScreenRedesign() && isAmountMessageContent()) {\n      notePlaceHolderAndLabelText = i18n('textareaNote')\n    } else if (isReviewScreenRedesign()) {\n      notePlaceHolderAndLabelText = i18n('notePlaceHolder')\n    } else {\n      notePlaceHolderAndLabelText = i18n('note')\n    }\n\n    let labelText\n    if (env === ENV_TYPE.DONATE) {\n      labelText = hasLabelProp ? label : i18nDonate('note.default')\n    } else {\n      labelText = hasLabelProp ? label : notePlaceHolderAndLabelText\n    }\n    if (showENSubTextRTR && !hasLabelProp) {\n      labelText = `${labelText} (${enRTRStrings.note})`\n    }\n\n    return labelText\n  }\n\n  render() {\n    const {\n      disabled,\n      note,\n      hasGiftIcon,\n      isReview,\n      themeId,\n      shouldShowGift,\n    } = this.props\n    const { textAreaIsFocused } = this.state\n    const noteHasText = note && note.length > 0\n\n    const labelText = this.noteLabelText()\n\n    /* PP-React TextArea doesn't support icons inside the label at this moment, the temporary solution is to\n    use `+` ASCII character in the label */\n    const textAreaLabel =\n      !textAreaIsFocused && !noteHasText ? `+ ${labelText}` : labelText\n\n    const wrapperClassNames = {\n      [css(styles.noteWrapper)]: true,\n      ...(isReviewScreenRedesign() && {\n        [css(styles.textAreaPartialWidth)]:\n          shouldShowGift && !themeId && !isReview,\n      }),\n    }\n\n    const textAreaClassNames = {\n      [css(styles.textArea)]: true,\n      [css(styles.textAreaGiftIcon)]: hasGiftIcon,\n    }\n\n    const labelClassNames = {\n      [css(styles.textAreaLabel)]: !textAreaIsFocused && !noteHasText,\n    }\n\n    const textAreaProps = {\n      label: textAreaLabel,\n      value: note,\n      disabled,\n      theme: 'v2',\n      maxCharacters: 1000,\n      'data-nemo': 'note-field',\n      inputClassName: textAreaClassNames,\n      id: 'noteField',\n      onChange: this.onTextAreaChange,\n      onFocus: this.onTextAreaFocus,\n      onBlur: this.onBlurTextArea,\n      ...(isReviewScreenRedesign() && {\n        placeholder: labelText,\n        isLabelHidden: true,\n      }),\n    }\n\n    const donateTextAreaProps = {\n      ...textAreaProps,\n      inputClassName: {\n        ...textAreaClassNames,\n        [css(styles.textAreaOpen)]: noteHasText || textAreaIsFocused,\n      },\n      labelClassName: labelClassNames,\n    }\n\n    return (\n      <div className={classNames(wrapperClassNames)}>\n        {env === ENV_TYPE.DONATE ? (\n          <TextArea {...donateTextAreaProps} />\n        ) : (\n          <TextArea {...textAreaProps} />\n        )}\n      </div>\n    )\n  }\n}\n\nexport default connect(({ note, crossBorder, recipient }) => ({\n  isMissingMandatoryNote: note.isMissingMandatoryNote,\n  toCurrencyCode: crossBorder.toCurrencyCode,\n  fromCurrencyCode: crossBorder.fromCurrencyCode,\n  recipientCountry: recipient.country,\n  thumbnailUrl: recipient.thumbnailUrl,\n}))(PayPalNote)\n","/**\n * https://internal.msmaster.qa.paypal.com/elmo/experiment/128375\n */\n\nimport * as pxp from '../lib/pxp'\n\nexport function isAmountMessageContent() {\n  return pxp.isTreatment('Trmt_p2p_web_amount_message_content')\n}\n","import React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport glamorous from 'glamorous'\nimport { mediaQueries } from 'transfer/styles'\nconst { phoneLandscapeMax: mobile } = mediaQueries\n\nconst bubble = {\n  main: {\n    position: 'absolute',\n    minHeight: '24px',\n    backgroundColor: '#f5fbfe',\n    border: '1px solid #50c7f9',\n    borderRadius: '5px',\n    color: '#333',\n    display: 'inline-block',\n    padding: '12px 12px',\n    whiteSpace: 'pre-wrap',\n    zIndex: '-200', // this is needed because the bubble somehow overlays over the 'click-able alert icon'\n    maxWidth: '288px',\n    width: ['1060%', 'max-content'], // the 1060% is based on the width of the parent...which is the target and usually a small icon\n    textAlign: 'left',\n    [mobile]: {\n      width: 'max-content',\n    },\n  },\n  topleft: {\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-22.5px,25px)',\n  },\n  bottomleft: {\n    bottom: '50%',\n    left: '50%',\n    transform: 'translate(-22.5px,-25px)',\n  },\n  topmiddle: {\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%,25px)',\n  },\n  bottommiddle: {\n    bottom: '50%',\n    left: '50%',\n    transform: 'translate(-50%,-25px)',\n  },\n  topright: {\n    top: '50%',\n    right: '50%',\n    transform: 'translate(22.5px,25px)',\n  },\n  bottomright: {\n    bottom: '50%',\n    right: '50%',\n    transform: 'translate(22.5px,-25px)',\n  },\n}\n\n/*\n *  triangleSolid and triangleBorder are the special css to make the triangle for the speech bubble\n *\n *  currently supports 6 different placements\n *\n *  1) top-left\n *  2) top-middle\n *  3) top-right\n *  4) bottom-left\n *  5) bottom-middle\n *  6) bottom-right\n */\nconst triangleSolid = {\n  main: {\n    '&:after, &:before': {\n      borderLeft: '9px solid transparent',\n      borderRight: '9px solid transparent',\n      content: '\"\"',\n      position: 'absolute',\n      [mobile]: {\n        borderLeft: '11px solid transparent', // NOSONAR\n        borderRight: '11px solid transparent',\n      },\n    },\n  },\n  top: {\n    '&:after, &:before': {\n      bottom: '100%',\n    },\n  },\n  bottom: {\n    '&:after, &:before': {\n      top: '100%',\n    },\n  },\n  left: {\n    '&:after, &:before': {\n      left: '0%',\n      marginLeft: '13px',\n      [mobile]: {\n        marginLeft: '12px',\n      },\n    },\n  },\n\n  middle: {\n    '&:after, &:before': {\n      left: '50%',\n      marginLeft: '-10px',\n    },\n  },\n\n  right: {\n    '&:after, &:before': {\n      right: '0%',\n      marginRight: '12px',\n      [mobile]: {\n        marginRight: '11px',\n      },\n    },\n  },\n}\n\nconst triangleBorder = {\n  main: {\n    '&:before': {\n      borderLeft: '10px solid transparent',\n      borderRight: '10px solid transparent',\n      [mobile]: {\n        borderLeft: '11px solid transparent',\n        borderRight: '11px solid transparent',\n      },\n    },\n  },\n  top: {\n    '&:before': {\n      borderBottom: '10px solid',\n      borderBottomColor: 'inherit',\n      [mobile]: {\n        borderBottom: '11px solid',\n        borderBottomColor: 'inherit',\n      },\n    },\n    '&:after': {\n      borderBottom: '10px solid #f5fbfe',\n      marginBottom: '-1px',\n    },\n  },\n  bottom: {\n    '&:before': {\n      borderTop: '10px solid',\n      borderTopColor: 'inherit',\n      [mobile]: {\n        borderTop: '11px solid',\n        borderTopColor: 'inherit',\n      },\n    },\n    '&:after': {\n      borderTop: '10px solid #f5fbfe',\n      marginTop: '-1px',\n    },\n  },\n  left: {\n    '&:before': {\n      marginLeft: '12px',\n      left: '0%',\n    },\n  },\n  middle: {\n    '&:before': {\n      marginLeft: '-11px',\n      [mobile]: {\n        marginLeft: '-10px',\n      },\n    },\n  },\n  right: {\n    '&:before': {\n      marginRight: '11px',\n      right: '0%',\n    },\n  },\n}\n\nconst bubbleHidden = {\n  textAlign: 'left',\n  transition: 'all 0.25s ease-in-out',\n  maxHeight: '0px',\n  opacity: '0',\n}\n\nconst bubbleShow = {\n  maxHeight: '250px',\n  opacity: '1',\n  zIndex: '1',\n}\n\nconst verticalPositionOptions = ['top', 'bottom']\nconst horizontalPositionOptions = ['left', 'middle', 'right']\n\nclass ToolTip extends Component {\n  displayName: 'vx-tool-tip'\n\n  static propTypes = {\n    isDebug: PropTypes.bool,\n    content: PropTypes.string.isRequired,\n    verticalPosition: PropTypes.string,\n    horizontalPosition: PropTypes.string,\n    isVisible: PropTypes.bool.isRequired,\n  }\n\n  static defaultProps = {\n    verticalPosition: 'top',\n    horizontalPosition: 'middle',\n    content: 'looks like you forgot some content =(',\n    isDebug: false,\n    isVisible: false,\n  }\n\n  state = {\n    verticalPosition: this.props.verticalPosition,\n    horizontalPosition: this.props.horizontalPosition,\n    windowWidth: window.innerWidth,\n    windowHeight: window.innerHeight,\n  }\n\n  render() {\n    const { content } = this.props\n    const { verticalPosition, horizontalPosition } = this.state\n    const vertical = verticalPositionOptions.includes(verticalPosition)\n      ? verticalPosition\n      : 'top'\n    const horizontal = horizontalPositionOptions.includes(horizontalPosition)\n      ? horizontalPosition\n      : 'left'\n\n    // dynamically style the triangle to be on top or bottom and left, middle or right\n    // of the main text bubble\n    const TooltipBubbleSpan = glamorous.span(\n      bubble.main,\n      bubble[`${vertical}${horizontal}`],\n      triangleSolid.main,\n      triangleSolid[vertical],\n      triangleSolid[horizontal],\n      triangleBorder.main,\n      triangleBorder[vertical],\n      triangleBorder[horizontal],\n      bubbleHidden,\n      this.props.isVisible && bubbleShow\n    )\n\n    return (\n      <TooltipBubbleSpan className={`vx_text-legal`}>\n        {/* TODO: support multiple line content? */}\n        {content}\n      </TooltipBubbleSpan>\n    )\n  }\n}\n\nexport default ToolTip\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport glamorous from 'glamorous'\nimport ToolTip from './tooltip'\nimport { isReviewScreenRedesign } from 'experiments/reviewScreenRedesign'\nimport * as media from 'lib/styles/media-queries'\n\nconst Target = glamorous.button({\n  fontSize: '24px',\n  position: 'relative',\n  color: '#0070ba',\n  cursor: 'pointer',\n  zIndex: '1',\n  border: 'none',\n})\n\nconst TooltipContainer = glamorous.span(\n  {\n    position: 'relative',\n    display: 'inline-block',\n    textAlign: 'center',\n    ...(isReviewScreenRedesign() && {\n      [media.mobileAndSmaller]: {\n        width: '100%',\n      },\n    }),\n  },\n  ({ isDebug }) => ({\n    border: isDebug ? '1px dotted magenta' : 'unset', // for easier debugging of bounding tooltip targe\n  })\n)\n\nconst verticalPositionOptions = ['top', 'bottom']\nconst horizontalPositionOptions = ['left', 'middle', 'right']\n\nclass TooltipTarget extends React.PureComponent {\n  displayName: 'vx-tool-tip'\n\n  static propTypes = {\n    isDebug: PropTypes.bool,\n    dataTestId: PropTypes.string,\n    content: PropTypes.string.isRequired,\n    isClickable: PropTypes.bool,\n    handleClick: PropTypes.func,\n    isHoverable: PropTypes.bool,\n    handleHover: PropTypes.func,\n    verticalPosition: PropTypes.string,\n    horizontalPosition: PropTypes.string,\n    iconClasses: PropTypes.string,\n    children: PropTypes.element,\n    className: PropTypes.string,\n    renderTarget: PropTypes.func,\n  }\n\n  state = {\n    showTooltipBubble: false,\n  }\n\n  static defaultProps = {\n    verticalPosition: 'top',\n    horizontalPosition: 'middle',\n    content: 'looks like you forgot some content =(',\n    isClickable: false,\n    isHoverable: false,\n    iconClasses: 'icon icon-tooltip-small',\n    isDebug: false,\n    dataTestId: 'tooltip',\n    renderTarget: ([children, targetProps]) => (\n      <Target {...targetProps}>{children}</Target>\n    ),\n  }\n\n  showTooltip = () => {\n    this.setState({\n      showTooltipBubble: !this.state.showTooltipBubble,\n    })\n  }\n\n  hoverIn = event => {\n    event.preventDefault()\n    clearTimeout(this.blurTimer)\n    this.handleHover(event) // called here for analytics or anything else\n    this.setState({ showTooltipBubble: true })\n  }\n\n  hoverOut = event => {\n    this.blurTimer = setTimeout(() => {\n      this.setState({ showTooltipBubble: false })\n    }, 200)\n  }\n\n  // if supplied handleClick can be used to call another function such as analytics specific to that tool tip\n  handleClick = event => {\n    event.preventDefault()\n\n    const { isClickable, isHoverable } = this.props\n\n    // if the target is both clickable AND hoverable then for MOBILE we do not want to show the tooltip\n    // the touchEnd event should show the tooltip ONLY if the target is clickable ONLY and NOT hoverable\n    if (!(isClickable && isHoverable && event.type === 'touchend')) {\n      this.showTooltip()\n    }\n\n    if (this.props.handleClick) {\n      this.props.handleClick()\n    }\n  }\n\n  // if supplied handleHover can be used to call another function such as analytics specific to that tool tip\n  handleHover = event => {\n    event.preventDefault()\n    if (this.props.handleHover) {\n      this.props.handleHover()\n    }\n  }\n\n  _renderTooltipTarget = () => {\n    const targetProps = {\n      ['data-testid']: this.props.dataTestId,\n    }\n\n    // We can use the vx-icons if supplied or else it will use the\n    // default 'icon icon-tooltip-small'\n    if (React.Children.count(this.props.children) === 0) {\n      Object.assign(targetProps, {\n        className: this.props.iconClasses,\n      })\n    }\n\n    // apply hoverable if true\n    if (this.props.isHoverable) {\n      Object.assign(targetProps, {\n        onMouseEnter: this.hoverIn,\n        onMouseLeave: this.hoverOut,\n      })\n    }\n\n    // apply hoverable if true\n    if (this.props.isClickable) {\n      Object.assign(targetProps, {\n        onClick: this.handleClick,\n        onTouchEnd: this.handleClick,\n      })\n    }\n\n    return this.props.renderTarget([this.props.children, targetProps])\n  }\n\n  _renderBubble = () => {\n    const { verticalPosition, horizontalPosition, content } = this.props\n    const vertical = verticalPositionOptions.includes(verticalPosition)\n      ? verticalPosition\n      : 'top'\n    const horizontal = horizontalPositionOptions.includes(horizontalPosition)\n      ? horizontalPosition\n      : 'left'\n\n    return (\n      <ToolTip\n        verticalPosition={vertical}\n        horizontalPosition={horizontal}\n        content={content}\n        isVisible={this.state.showTooltipBubble}\n      />\n    )\n  }\n\n  render() {\n    return (\n      <TooltipContainer isDebug={this.props.isDebug}>\n        {this._renderTooltipTarget()}\n        {this._renderBubble()}\n      </TooltipContainer>\n    )\n  }\n}\n\nexport default TooltipTarget\n","/*\n\n */\n\n/**\n * Buy Foreign Exchange - currency conversion page\n *\n * https://www.msmaster.qa.paypal.com/elmo/experiment/101551\n *\n * Conditions:\n * - Control: existing currency conversion page\n * - Treatment: newly designed currency conversion page, zeplin: https://zpl.io/2Gyx46d\n */\n\nimport * as pxp from '../lib/pxp'\n\nexport function isBFXCurrencyConversionTrmt() {\n  return pxp.isTreatment('Trmt_p2p_bfx_currency_conversion_1')\n}\n","import PropTypes from 'prop-types'\nimport React, { PureComponent } from 'react'\nimport glamorous from 'glamorous'\nimport { isFontLoaded } from '../../lib/is-font-loaded'\nimport * as amountUtils from '../../lib/amountUtils'\nimport { moveCursorToTheEnd } from '../../lib/dom-utils'\nimport { MAX_AMOUNT_LENGTH } from 'transfer/constants'\nimport _ from 'lodash'\nimport {\n  getAmountParts,\n  sortCurrencyList,\n} from '../../transfer/utils/currencyUtils'\nimport { colors } from '../../lib/styles/variables'\nimport { getCurrencyPrecision } from '../../../../lib/utils/currencyUtils'\n\nimport content from 'pp-react-l10n'\nimport { PRIMARY_TEXT_FONT_FAMILY } from '../../lib/styles/styles'\nimport { PAYPAL_THEME } from '@paypalcorp/pp-react'\n\nconst { sysColorSecondaryMain } = PAYPAL_THEME\nconst i18n = content('transfer/page/preview')\n\nconst INPUT_LINE_HEIGHT = 1.4\nconst SELECT_FONT_SIZE = 18\n\nconst Label = glamorous.label({\n  fontSize: 13,\n  lineHeight: 1.62,\n  color: '#7f868b',\n  marginBottom: 14,\n})\n\nconst InputWrapper = glamorous.div(\n  {\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  ({ isInvalid }) => {\n    if (isInvalid) {\n      return 'animated shake'\n    }\n  }\n)\n\nconst Input = glamorous.input(\n  {\n    background: 'none',\n    border: 'none',\n    color: colors.inputText,\n    textAlign: 'center',\n    padding: '0',\n    margin: '0',\n    textOverflow: 'clip',\n    outline: 0,\n    cursor: 'pointer',\n    letterSpacing: 'normal', // overrides vxpattern-lib-paypal letter-spacing value on all inputs\n    lineHeight: INPUT_LINE_HEIGHT,\n    fontWeight: 500,\n    ...PRIMARY_TEXT_FONT_FAMILY,\n  },\n  ({ hideCursor, readOnly, isInvalid }) => {\n    let style = {}\n    if (hideCursor) {\n      style = {\n        ...style,\n        color: 'transparent',\n        textShadow: `${colors.inputText} 0 0 0`,\n      }\n    }\n    if (readOnly) {\n      style = {\n        ...style,\n        cursor: 'default',\n      }\n    }\n    if (isInvalid) {\n      style = {\n        ...style,\n        color: '#D20000',\n      }\n    }\n    return style\n  }\n)\n\nconst SelectWrapper = glamorous.div(\n  {\n    textAlign: 'center',\n    margin: '20px auto',\n    color: sysColorSecondaryMain,\n    fontSize: SELECT_FONT_SIZE,\n    position: 'relative',\n    height: 32,\n    // width: set dynamically based on width of selected option\n  },\n  ({ isCurrencyCodeReadOnly, selectColor }) => {\n    if (selectColor) {\n      return {\n        color: selectColor,\n      }\n    }\n    if (isCurrencyCodeReadOnly) {\n      return {\n        color: colors.inputText,\n      }\n    }\n  },\n  ({ isLoading }) => {\n    if (isLoading) {\n      return {\n        opacity: 0.5,\n      }\n    }\n  }\n)\n\nconst Select = glamorous.select(\n  {\n    fontWeight: 600,\n    appearance: 'none', // remove browser styles\n    '::-ms-expand': { display: 'none' }, // remove browser styles for IE 11\n    backgroundColor: 'transparent',\n    zIndex: 2,\n    cursor: 'pointer',\n    border: 'none',\n    ...PRIMARY_TEXT_FONT_FAMILY,\n  },\n  ({ isCurrencyCodeReadOnly, hasMoreThanOneCurrency }) => {\n    if (isCurrencyCodeReadOnly || !hasMoreThanOneCurrency) {\n      return {\n        cursor: 'default',\n        color: '#3a3c3e',\n        border: 0,\n      }\n    }\n  },\n  ({ disabled }) => {\n    if (disabled) {\n      return {\n        cursor: 'default',\n      }\n    }\n  }\n)\n\nconst CurrencySymbol = glamorous.div(\n  {\n    marginRight: 4,\n    marginTop: 10,\n    textAlign: 'right',\n    color: colors.inputText,\n    fontSize: 18,\n    fontWeight: 400,\n    ...PRIMARY_TEXT_FONT_FAMILY,\n  },\n  ({ isInvalid }) => {\n    if (isInvalid) {\n      return {\n        color: '#D20000',\n      }\n    }\n  }\n)\n\nexport default class AmountField extends PureComponent {\n  static propTypes = {\n    name: PropTypes.string,\n    dataNemo: PropTypes.string,\n    id: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    currencyDecimal: PropTypes.string.isRequired,\n    currencySymbolMap: PropTypes.object.isRequired,\n    currencyCode: PropTypes.string.isRequired,\n    currencyCodeList: PropTypes.array,\n    value: PropTypes.string.isRequired,\n    isAmountReadOnly: PropTypes.bool.isRequired,\n    label: PropTypes.string,\n    isCurrencyCodeReadOnly: PropTypes.bool,\n    inputColor: PropTypes.string,\n    selectColor: PropTypes.string,\n    showInvalid: PropTypes.bool,\n    focusAmountField: PropTypes.bool,\n    onFocus: PropTypes.func,\n    inputFontSize: PropTypes.number,\n    isLoading: PropTypes.bool,\n  }\n\n  static defaultProps = {\n    isAmountReadOnly: false,\n    isCurrencyReadOnly: false,\n  }\n\n  state = {}\n\n  constructor(props) {\n    super(props)\n\n    this.sortedCurrencyCodeList = sortCurrencyList(\n      props.currencyCodeList,\n      props.currencySymbolMap\n    )\n  }\n\n  componentDidMount() {\n    this._isMounted = true\n\n    isFontLoaded('PayPal-Sans-Big')\n      .then(() => {\n        if (this._isMounted) {\n          // it could have unmounted before this is resolved\n          // once the font has been confirmed to be loaded, we need to recalculate the width of the input.\n          this.forceUpdate()\n        }\n      })\n      .catch(() => {\n        // do absolutely nothing\n      })\n\n    if (!this.props.isAmountReadOnly && this._input) {\n      this._input.focus()\n    }\n  }\n\n  componentWillUnmount() {\n    this._isMounted = false\n  }\n\n  componentDidUpdate() {\n    if (this.props.showInvalid) {\n      this.showInvalid()\n    }\n\n    if (this.props.focusAmountField && this._input) {\n      this._input.focus()\n    }\n  }\n\n  /**\n   * This handles the value and currency change. Because a change in currency can cause a change in the value (due to\n   * differences in precision), this will be called when the value or the currency is changed.\n   *\n   * We first strip out all non-digits then validate that the result is a real number. If it's not, then we don't do\n   * anything (and the input value is not updated). If the result is equal to 0, then we'll call onAmountChange with an\n   * empty string. Otherwise, we'll format it and if it's not the same as it was before, we'll call onAmountChange with\n   * that.\n   * @param {Object} changes holds the new value and the currencyCode\n   */\n  handleChange({\n    value = this.props.value,\n    currencyCode = this.props.currencyCode,\n  }) {\n    const normalizedValue = amountUtils.normalizeNumberInputs(value)\n    const cleanValue = amountUtils.replaceNonDigits(normalizedValue)\n\n    // convert value to number to remove leading zeros\n    const numberValue = Number(cleanValue)\n\n    if (_.isNaN(numberValue) || cleanValue.length >= MAX_AMOUNT_LENGTH) {\n      this.showInvalid()\n      return\n    } else if (numberValue === 0) {\n      const newValue = ''\n      this.props.onChange(newValue, currencyCode)\n      return\n    }\n\n    const formattedValue = amountUtils.formatUserCentsInput(\n      currencyCode,\n      this.props.currencyDecimal,\n      numberValue.toString()\n    )\n    if (\n      formattedValue !== this.props.value ||\n      currencyCode !== this.props.currencyCode\n    ) {\n      this.props.onChange(formattedValue, currencyCode)\n    }\n  }\n\n  handleSelectChange = ({ target: { value: currencyCode } }) =>\n    this.handleChange({ currencyCode })\n  handleInputChange = ({ target: { value } }, inputFontSize) =>\n    this.handleChange({ value, inputFontSize })\n  handleFocus = ({ target }) => {\n    moveCursorToTheEnd(target)\n    if (this.props.onFocus) {\n      this.props.onFocus(target)\n    }\n  }\n  handleClick = ({ target }) => moveCursorToTheEnd(target)\n  handleMouseDown = () => this.setState({ hideCursor: true })\n  handleMouseUp = () => this.setState({ hideCursor: false })\n\n  /**\n   * This function sets the isInvalid state which results in a rerender which will add css classes to cause a shake\n   * effect on the input wrapper. It also sets a timeout and sets isInvalid to false so the shake effect doesn't go on\n   * forever.\n   */\n  showInvalid() {\n    this.setState({ isInvalid: true }, () => {\n      setTimeout(\n        () =>\n          this.setState({ isInvalid: false }, () => {\n            if (this.props.focusAmountField) {\n              this._input.focus()\n            }\n          }),\n        300\n      )\n    })\n  }\n\n  render() {\n    const { hideCursor, isInvalid } = this.state\n    const {\n      label,\n      value,\n      currencyCode,\n      currencySymbolMap,\n      currencyDecimal,\n    } = this.props\n    const currencySymbol = currencySymbolMap[currencyCode]\n\n    // non-decimal currencies should have the digits after the decimal removed\n    let adjustedValue = value\n    if (getCurrencyPrecision(currencyCode) === 0) {\n      adjustedValue = parseFloat(value || 0).toFixed(0)\n    }\n\n    const formattedValue = amountUtils.formatUserCentsInput(\n      currencyCode,\n      currencyDecimal,\n      adjustedValue\n    )\n    const inputFontSize =\n      this.props.inputFontSize ||\n      amountUtils.updateFontSize(formattedValue, currencySymbol)\n    const extraSpaceToAccountForWeirdChromeBug = 5\n    const inputWidth =\n      amountUtils.measureTextSizeWithStyle(\n        inputFontSize,\n        this._input,\n        formattedValue\n      ) + extraSpaceToAccountForWeirdChromeBug\n    const selectWidth = amountUtils.measureTextSizeWithStyle(\n      SELECT_FONT_SIZE,\n      this._select,\n      currencyCode\n    )\n\n    const amountComponents = {\n      value: (\n        <Input\n          innerRef={c => (this._input = c)}\n          aria-label={i18n('label.enterAmount')}\n          key=\"amount_input\"\n          type=\"tel\"\n          dir=\"ltr\"\n          name={this.props.name}\n          data-nemo={this.props.dataNemo}\n          id={this.props.id}\n          autoComplete=\"off\"\n          required\n          readOnly={this.props.isAmountReadOnly}\n          hideCursor={hideCursor}\n          inputColor={this.props.inputColor}\n          isInvalid={isInvalid}\n          value={formattedValue}\n          onChange={this.handleInputChange}\n          onFocus={this.handleFocus}\n          onClick={this.handleClick}\n          onMouseDown={this.handleMouseDown}\n          onMouseUp={this.handleMouseUp}\n          css={{\n            width: inputWidth,\n            fontSize: inputFontSize,\n          }}\n        />\n      ),\n      symbol: (\n        <CurrencySymbol\n          key=\"currency_symbol\"\n          color={this.props.inputColor}\n          isInvalid={isInvalid}\n        >\n          {currencySymbol}\n        </CurrencySymbol>\n      ),\n    }\n\n    // parts gives us an array of each individual elements of the formatted amount\n    // e.g. [{ type: 'symbol', value: '$' }, { type: 'value', value: '1,000,000.00' }]\n    const parts = getAmountParts(\n      this.props.value,\n      this.props.currencyCode,\n      this.props.currencyDecimal\n    )\n\n    // since the currency code is fixed below the amount field, we care only about\n    // the symbol and value parts\n    const amountPartsValueAndSymbol = parts.filter(\n      part => part.type === 'symbol' || part.type === 'value'\n    )\n\n    // create an array of the amount field and currency symbol, in the order that\n    // is appropriate based on the `parts()` array\n    const amountFieldAndSymbol = amountPartsValueAndSymbol.map(\n      part => amountComponents[part.type]\n    )\n\n    const hasMoreThanOneCurrency = this.sortedCurrencyCodeList.length > 1\n\n    const showSpinner =\n      this.props.isLoading && document.activeElement !== this._input\n    const shouldDisableSelect =\n      this.props.isCurrencyCodeReadOnly ||\n      !hasMoreThanOneCurrency ||\n      this.props.isLoading\n\n    const defaultCurrency = this.props.currencyCode\n\n    return (\n      <div>\n        {label && <Label>{label}</Label>}\n        <InputWrapper dir=\"ltr\" isInvalid={isInvalid}>\n          {showSpinner ? (\n            <div\n              // make spin icon same height with input\n              // input height = inputFontSize * INPUT_LINE_HEIGHT\n              // spin height = height + 2 * margin\n              style={{\n                width: inputFontSize,\n                height: inputFontSize,\n                margin: ((INPUT_LINE_HEIGHT - 1) * inputFontSize) / 2,\n              }}\n              className=\"vx_spinner-small\"\n            />\n          ) : (\n            amountFieldAndSymbol\n          )}\n        </InputWrapper>\n        <SelectWrapper\n          isLoading={this.props.isLoading}\n          isCurrencyCodeReadOnly={this.props.isCurrencyCodeReadOnly}\n          selectColor={this.props.selectColor}\n          css={{\n            width: selectWidth,\n          }}\n        >\n          <Select\n            name=\"currencies\"\n            data-nemo=\"currencies\"\n            aria-label={i18n('label.selectCurrency')}\n            isCurrencyCodeReadOnly={this.props.isCurrencyCodeReadOnly}\n            hasMoreThanOneCurrency={hasMoreThanOneCurrency}\n            value={defaultCurrency}\n            disabled={shouldDisableSelect}\n            onChange={this.handleSelectChange}\n            innerRef={c => (this._select = c)}\n          >\n            {this.sortedCurrencyCodeList.map(code => (\n              <option key={code} value={code}>\n                {code}\n              </option>\n            ))}\n          </Select>\n        </SelectWrapper>\n      </div>\n    )\n  }\n}\n","import PropTypes from 'prop-types'\nimport React from 'react'\nimport content from 'pp-react-l10n'\nimport { Checkbox } from '@paypalcorp/pp-react'\nconst i18n = content('transfer/page/preview')\n\nconst STYLES = {\n  checkbox: {\n    textAlign: 'center',\n  },\n}\n\nclass PurchaseConsentCheckbox extends React.Component {\n  static propTypes = {\n    containerStyle: PropTypes.object,\n    handleChangePurchaseConsentCheckbox: PropTypes.func.isRequired,\n    isPurchaseConsentChecked: PropTypes.bool.isRequired,\n    purchaseConsentLabelText: PropTypes.string.isRequired,\n    hasPurchaseConsentError: PropTypes.bool.isRequired,\n  }\n\n  handleChange = e => {\n    this.props.handleChangePurchaseConsentCheckbox(e.target.checked)\n  }\n\n  renderPurchaseConsentCheckbox = () => {\n    const {\n      isPurchaseConsentChecked,\n      containerStyle,\n      purchaseConsentLabelText,\n      hasPurchaseConsentError,\n    } = this.props\n    const errorProps = hasPurchaseConsentError\n      ? {\n          error: true,\n          errorText: i18n.html('error.purchaseConsent') || '',\n        }\n      : null\n    return (\n      <React.Fragment>\n        <div className=\"purchaseConsentCheckboxWrapper\" style={containerStyle}>\n          <Checkbox\n            id=\"purchaseConsentCheckbox\"\n            name=\"purchaseConsent\"\n            onChange={this.handleChange}\n            checked={isPurchaseConsentChecked}\n            label={purchaseConsentLabelText}\n            {...errorProps}\n            style={STYLES.div}\n          />\n        </div>\n      </React.Fragment>\n    )\n  }\n  render() {\n    return <div>{this.renderPurchaseConsentCheckbox()}</div>\n  }\n}\n\nexport default PurchaseConsentCheckbox\n"],"sourceRoot":""}