{ i11n('inHTMLData', content.greeting, { name: data.user.name }) }
\n *\n * @param filter – should reflect the API options from https://github.com/yahoo/xss-filters/wiki\n * @param content - the string to interpolate\n * @param data - a *flat* map of data\n * @returns {string} - the interpolated string\n */\nfunction i11n(filter, // 'inHTMLData' | 'inDoubleQuotedAttr' | 'inSingleQuotedAttr' | 'inUnQuotedAttr' |\n// 'inHTMLComment' | 'uriInDoubleQuotedAttr' | 'uriInSingleQuotedAttr' | 'uriInUnQuotedAttr' ,\ncontent, data // : { [key: string]: string }\n) {\n if (!data && typeof data !== \"object\") {\n return content;\n }\n var objectKeys = Object.keys(data);\n for (var i = 0; i < objectKeys.length; i++) {\n data[objectKeys[i]] = xssFilter[filter](data[objectKeys[i]]);\n }\n // In case string has double quotes, double escape them to prevent breaking safeInterpolate();\n // tslint:disable\n content = content.replace(/\"/g, '\\\\\"');\n // tslint:enable\n return commonweb_utils_1.objectUtils.safeInterpolate(content, data);\n}\nexports.default = i11n;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar React = require(\"react\");\nvar react_redux_1 = require(\"react-redux\");\nvar pp_react_1 = require(\"@paypalcorp/pp-react\");\nfunction UpdateNameMailFiles(_a) {\n var content = _a.content;\n return (React.createElement(\"div\", null,\n React.createElement(pp_react_1.Text, { size: \"xl3\", className: \"name-header\" }, content.name.mail.files.header.title),\n React.createElement(pp_react_1.Text, { size: \"md\", className: \"name-content\" },\n content.name.mail.files.description,\n React.createElement(pp_react_1.Divider, { secondary: true }),\n React.createElement(\"ul\", { className: \"nameUnorderedListNone\" },\n React.createElement(\"li\", null,\n React.createElement(pp_react_1.Text, { size: \"md\", medium: true }, content.name.address.line1)),\n React.createElement(\"li\", null,\n React.createElement(pp_react_1.Text, { size: \"md\" }, content.name.address.line2)),\n React.createElement(\"li\", null,\n React.createElement(pp_react_1.Text, { size: \"md\" }, content.name.address.line3)),\n React.createElement(\"li\", null,\n React.createElement(pp_react_1.Text, { size: \"md\" }, content.name.address.line4))))));\n}\nvar mapStateToProps = function (_a) {\n var content = _a.content;\n return ({\n content: content,\n });\n};\nexports.default = react_redux_1.connect(mapStateToProps)(UpdateNameMailFiles);\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n/**\n * @reducer buildRouteMeta - this takes all the route data and makes a meta object from it\n */\nvar route_1 = require(\"../actions/route\");\n/**\n * Save enter route into history for debugging purpose\n *\n * @param state\n * @param action - should have route info from the action creator\n * @returns {*} - state.route is updated with { enter, exit, history, isFlow }\n */\nfunction buildRouteMeta(state, action) {\n var enter = Object.assign({}, action.route.enter), exit = null, history = state.history || [], isFlow = !!action.route.isFlow || state.isFlow, enterUrl = enter.params && enter.params[\"0\"];\n if (enterUrl) {\n // first add latest url to beginning of list\n history = [enterUrl]\n .concat(state.history)\n // then keep the latest 10 entries only\n .slice(0, 10);\n }\n if (action.route.exit) {\n exit = Object.assign({}, action.route.exit);\n }\n return Object.assign({}, state, {\n enter: enter,\n history: history,\n isFlow: isFlow,\n }, exit && { exit: exit });\n}\nfunction routeReducer(state, action) {\n if (state === void 0) { state = route_1.DefaultRoute; }\n switch (true) {\n case action.type.includes(route_1.CHANGE_ROUTE):\n case action.type.includes(route_1.CLEAR_ROUTE):\n case action.type.includes(route_1.CHANGE_EXIT):\n return buildRouteMeta(state, action);\n case action.type.includes(route_1.TRANSITION_FADE_OUT):\n return Object.assign({}, state, { transition: \"fade-out\" });\n case action.type.includes(route_1.TRANSITION_FADE_IN):\n return Object.assign({}, state, { transition: \"fade-in\" });\n case action.type.includes(route_1.BUILD_FLOW):\n return Object.assign({}, state, { isFlow: action.route.isFlow });\n default:\n return state;\n }\n}\nexports.default = routeReducer;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.CookiePrefs = void 0;\nvar tslib_1 = require(\"tslib\");\nvar React = require(\"react\");\nvar react_redux_1 = require(\"react-redux\");\nvar pp_react_1 = require(\"@paypalcorp/pp-react\");\nvar spinner_component_1 = require(\"../../components/spinner.component\");\nvar interpolate_component_1 = require(\"../../components/interpolate-component\");\nvar inputs_component_1 = require(\"../../components/inputs.component\");\nvar interpolate_1 = require(\"../../utils/interpolate/interpolate\");\nvar ajax_util_1 = require(\"../../utils/ajax/ajax.util\");\nvar constants_1 = require(\"../../constants\");\nvar ROUTES = constants_1.default.ROUTES, VIEWS = constants_1.default.VIEWS;\nvar commonweb_utils_1 = require(\"commonweb-utils\");\nvar REDIRECT_TIMEOUT = 3000;\n/**\n * CookiePref component\n */\nvar CookiePrefs = /** @class */ (function (_super) {\n tslib_1.__extends(CookiePrefs, _super);\n function CookiePrefs(props) {\n var _this = _super.call(this, props) || this;\n _this.inputChangedHandler = function (event, inputIdentifier) {\n var updatedForm = tslib_1.__assign({}, _this.state.form);\n var updatedFormElement = tslib_1.__assign({}, updatedForm[inputIdentifier]);\n updatedFormElement.value = event.target.checked;\n updatedFormElement.isTouched = true;\n updatedForm[inputIdentifier] = updatedFormElement;\n var formIsValid = true;\n for (var inputIdentifier_1 in updatedForm) {\n formIsValid = updatedForm[inputIdentifier_1].isValid && formIsValid;\n }\n _this.setState({ form: updatedForm, formIsValid: formIsValid });\n };\n _this.submitHandler = function (event) {\n event.preventDefault();\n if (!_this.state.formSubmitted) {\n var formData = {};\n for (var formElementIdentifier in _this.state.form) {\n formData[formElementIdentifier] = _this.state.form[formElementIdentifier].value;\n }\n ajax_util_1.default.post$(_this.props.dispatch, _this.props._csrf, \"\" + ROUTES.API.COOKIE_PREFS.UPDATE, formData, { component: { name: VIEWS.COOKIES } })\n .then(function (response) {\n _this.setState({\n formMessage: _this.props.cookieContent.successMsg,\n formIsValid: true,\n formSubmitted: true,\n });\n setTimeout(function () {\n _this.props.transitionOutHandler();\n window.location = response.redirect;\n return;\n }, REDIRECT_TIMEOUT);\n })\n .catch(function (error) {\n _this.setState({\n formMessage: _this.props.commonContent\n .genericSettingsError,\n formIsValid: false,\n });\n return;\n });\n }\n };\n _this.partnerViewHandler = function () {\n _this.setState(function (prevState) { return ({ partnerView: !prevState.partnerView }); });\n };\n var cookieContent = props.cookieContent, cookiePrefs = props.cookiePrefs;\n _this.state = {\n form: {\n marketing: {\n elementType: \"checkbox\",\n // if state value is true, then make it true, else false\n value: cookiePrefs.marketing == true,\n elementConfig: {\n label: cookieContent.marketing,\n title: cookieContent.marketingTitle,\n helperText: cookieContent.marketingDesc,\n partnerLink: cookieContent.marketPartner,\n labelClass: \"md\",\n labelSize: { medium: true },\n },\n validation: {\n required: false,\n },\n isValid: true,\n isTouched: false,\n },\n performance: {\n elementType: \"checkbox\",\n // if state value is null, then make it pre-checked\n // else mark is as it is in state\n value: !(cookiePrefs.performance == false),\n elementConfig: {\n label: cookieContent.performance,\n title: cookieContent.performanceTitle,\n helperText: cookieContent.performanceDesc,\n labelClass: \"md\",\n labelSize: { medium: true },\n },\n validation: {\n required: false,\n },\n isValid: true,\n isTouched: false,\n },\n functional: {\n elementType: \"checkbox\",\n // if state value is null, then make it pre-checked\n // else mark is as it is in state\n value: !(cookiePrefs.functional == false),\n elementConfig: {\n label: cookieContent.functional,\n title: cookieContent.functionalTitle,\n helperText: cookieContent.functionalDesc,\n labelClass: \"md\",\n labelSize: { medium: true },\n },\n validation: {\n required: false,\n },\n isValid: true,\n isTouched: false,\n },\n locale: {\n isHidden: true,\n elementConfig: {},\n value: commonweb_utils_1.objectUtils.safeGet(props, \"locality.country\") || \"\",\n },\n refererUrl: {\n isHidden: true,\n elementConfig: {},\n value: commonweb_utils_1.objectUtils.safeGet(props, \"pageInfo.referringUrl\") || \"\",\n },\n decodedReturnUrl: {\n isHidden: true,\n elementConfig: {},\n value: cookiePrefs.decodedReturnUrl,\n },\n },\n formIsValid: true,\n formSubmitted: false,\n formMessage: \"\",\n partnerView: false,\n };\n return _this;\n }\n CookiePrefs.prototype.render = function () {\n var _this = this;\n var showSpinner = this.props.ui.showSpinner, cookieContent = this.props.cookieContent, cookiesFpti = this.props.cookiesFpti, formElementsArray = [], showSaveButton = false, form, partners;\n var dataTrackValue = JSON.stringify({\n marketing: this.state.form.marketing.value,\n functional: this.state.form.functional.value,\n performance: this.state.form.performance.value,\n });\n for (var key in this.state.form) {\n formElementsArray.push({\n id: key,\n config: this.state.form[key],\n });\n showSaveButton = this.state.form[key].isTouched || showSaveButton;\n }\n partners = (React.createElement(pp_react_1.Container, { fluid: true, className: \"marketingPartnerPanel\" },\n React.createElement(\"div\", { className: \"partnerBack\", id: \"partnerBackLink\", onClick: this.partnerViewHandler },\n React.createElement(pp_react_1.Icon, { className: \"partnerBackIcon\", size: \"sm\", name: \"arrow-left\" }),\n React.createElement(\"span\", { className: \"partnerBackIcon\" }, this.props.commonContent.back)),\n React.createElement(pp_react_1.Text, { size: \"xl3\", regular: true, className: \"partnerTitle\" }, cookieContent.partnerTitle),\n React.createElement(pp_react_1.Text, { size: \"md\" }, cookieContent.partnerDesc1),\n React.createElement(pp_react_1.Text, { size: \"md\", className: \"partnerDesc\" }, cookieContent.partnerDesc2),\n React.createElement(pp_react_1.Divider, { className: \"cookiePrefDivider\" }),\n React.createElement(pp_react_1.Row, { className: \"partner-row\" },\n React.createElement(pp_react_1.Col, { form: \"half\", className: \"partnerAlignLeft\" }, cookieContent.googleTitle),\n React.createElement(pp_react_1.Col, { form: \"half\", className: \"alignLink\", id: \"googleLink\" }, this.props.googleStatementComponent)),\n React.createElement(pp_react_1.Divider, { className: \"cookiePrefDivider\" }),\n React.createElement(pp_react_1.Row, null,\n React.createElement(pp_react_1.Col, { form: \"half\", className: \"partnerAlignLeft\" }, cookieContent.facebookTitle),\n React.createElement(pp_react_1.Col, { form: \"half\", className: \"alignLink\", id: \"facebookLink\" }, this.props.facebookStatementComponent)),\n React.createElement(pp_react_1.Divider, { className: \"cookiePrefDivider\" })));\n form = (React.createElement(\"form\", { onSubmit: this.submitHandler },\n this.state.formMessage ? (React.createElement(pp_react_1.Alert, { className: \"cookieAlert\", type: this.state.formIsValid ? \"success\" : \"error\" }, this.state.formMessage)) : null,\n React.createElement(pp_react_1.Text, { size: \"xl3\", regular: true }, this.props.isOnConfirmPage\n ? cookieContent.title\n : cookieContent.manageCookieTitle),\n React.createElement(pp_react_1.Text, { size: \"md\", className: \"cookieConsentMsg\" }, interpolate_1.default(\"inHTMLData\", cookieContent.consentMsg, {\n browserName: this.props.browserName,\n })),\n React.createElement(\"div\", { className: \"cookieInfo cookieInfoContainer\" },\n React.createElement(pp_react_1.Text, { size: \"xl2\", className: \"alignLeft\" }, cookieContent.cookieHelpTitle),\n React.createElement(pp_react_1.Text, { size: \"md\", className: \"cookieDesc alignLeft\" }, cookieContent.cookieHelpDesc)),\n formElementsArray\n .filter(function (element) { return !element.config.isHidden; })\n .map(function (formElement) { return (React.createElement(React.Fragment, { key: formElement.id },\n React.createElement(pp_react_1.Container, { fluid: true, className: \"cookiePrefPanel\" },\n React.createElement(pp_react_1.Row, null,\n React.createElement(inputs_component_1.default, { key: formElement.id, id: formElement.id, className: formElement.id, elementType: formElement.config.elementType, elementConfig: formElement.config.elementConfig, value: formElement.config.value, changed: function (event) {\n return _this.inputChangedHandler(event, formElement.id);\n } })),\n React.createElement(pp_react_1.Row, null,\n React.createElement(pp_react_1.Text, { size: \"md\", className: \"cookiePanelDesc alignLeft\" },\n formElement.config.elementConfig.title,\n React.createElement(pp_react_1.Text, null,\n React.createElement(pp_react_1.Link, { id: \"seePartner\", key: formElement.config\n .elementConfig\n .partnerLink, onClick: _this.partnerViewHandler },\n formElement.config\n .elementConfig\n .partnerLink,\n formElement.config\n .elementConfig\n .partnerLink ? (React.createElement(pp_react_1.Icon, { name: \"chevron-right\", size: \"sm\" })) : null)))),\n React.createElement(pp_react_1.Row, null,\n React.createElement(pp_react_1.Text, { size: \"md\", className: \"cookieInfo cookiePanelDescTxt alignLeft\" }, formElement.config.elementConfig\n .helperText))),\n React.createElement(pp_react_1.Divider, { className: \"cookiePrefDivider\" }))); }),\n React.createElement(pp_react_1.Container, { fluid: true, className: \"cookiePrefPanel\" },\n React.createElement(pp_react_1.Row, null,\n React.createElement(pp_react_1.Icon, { name: \"lock\", size: \"sm\" }),\n React.createElement(pp_react_1.Text, { size: \"md\", medium: true, className: \"essentialCookieTitle\" }, cookieContent.essential)),\n React.createElement(pp_react_1.Row, null,\n React.createElement(pp_react_1.Text, { size: \"md\", className: \"cookiePanelDesc alignLeft\" }, cookieContent.essentialTitle)),\n React.createElement(pp_react_1.Row, null,\n React.createElement(pp_react_1.Text, { size: \"md\", className: \"cookieInfo cookiePanelDescTxt alignLeft\" }, cookieContent.essentialDesc))),\n React.createElement(pp_react_1.Divider, { className: \"cookiePrefDivider\" }),\n React.createElement(pp_react_1.Text, { size: \"md\", className: \"cookieStatement alignLeft\" }, this.props.cookieStatementComponent),\n showSaveButton || this.props.isOnConfirmPage ? (React.createElement(\"div\", { className: \"cookieAction\" },\n React.createElement(pp_react_1.Button, { \"data-track\": dataTrackValue, name: cookiesFpti.submit, className: \"test_submit\" }, this.props.isOnConfirmPage\n ? cookieContent.confirmCookie\n : cookieContent.saveCookieSettings))) : null));\n return (React.createElement(\"div\", { className: \"generic-container\" }, showSpinner ? (React.createElement(spinner_component_1.default, null)) : this.state.partnerView ? (partners) : (form)));\n };\n return CookiePrefs;\n}(React.Component));\nexports.CookiePrefs = CookiePrefs;\nvar mapStateToProps = function (_a) {\n var _csrf = _a._csrf, ui = _a.ui, content = _a.content, route = _a.route, cookiePrefs = _a.cookiePrefs, pageInfo = _a.pageInfo, links = _a.links, fpti = _a.fpti;\n var browserName = pageInfo.browserName, cookieContent = content.cookiePrefs, commonContent = content.common, isOnConfirmPage = cookiePrefs.marketing == null &&\n cookiePrefs.functional == null &&\n cookiePrefs.performance == null, cookiesFpti = fpti.cookies, cookieLinkComponent = (React.createElement(pp_react_1.Link, { \"data-name\": cookiesFpti.cookieStmt, key: cookieContent.cookieStatementLink, href: links.cookieStatement.linkUrl, target: links.cookieStatement.target }, cookieContent.cookieStatementLink)), cookieStatementComponent = interpolate_component_1.InterpolateLinksWithComponent(cookieContent.cookieNoticeDesc, [cookieLinkComponent]), facebookLinkComponent = (React.createElement(pp_react_1.Link, { href: links.facebookAdSetting.linkUrl, target: links.facebookAdSetting.target },\n cookieContent.facebookLink,\n React.createElement(pp_react_1.Icon, { size: \"sm\", className: \"partnerIcon\", name: \"external-alt\" }))), googleLinkComponent = (React.createElement(pp_react_1.Link, { href: links.googleAdSetting.linkUrl, target: links.googleAdSetting.target },\n cookieContent.googleLink,\n React.createElement(pp_react_1.Icon, { size: \"sm\", className: \"partnerIcon\", name: \"external-alt\" }))), googleStatementComponent = interpolate_component_1.InterpolateLinksWithComponent(cookieContent.googleLinkTitle, [googleLinkComponent]), facebookStatementComponent = interpolate_component_1.InterpolateLinksWithComponent(cookieContent.facebookLinkTitle, [facebookLinkComponent]);\n return {\n _csrf: _csrf,\n ui: ui,\n cookieContent: cookieContent,\n commonContent: commonContent,\n route: route,\n cookiePrefs: cookiePrefs,\n isOnConfirmPage: isOnConfirmPage,\n browserName: browserName,\n cookiesFpti: cookiesFpti,\n cookieStatementComponent: cookieStatementComponent,\n googleStatementComponent: googleStatementComponent,\n facebookStatementComponent: facebookStatementComponent,\n };\n};\nfunction mapDispatchToProps(dispatch) {\n return {\n dispatch: dispatch,\n };\n}\nexports.default = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(CookiePrefs);\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n/**\n * @function occupationReducer\n * @param state\n * @param action\n * @returns occupation state\n */\nvar occupation_1 = require(\"../../actions/occupation\");\nfunction occupationReducer(state, action) {\n if (state === void 0) { state = occupation_1.DefaultState; }\n switch (true) {\n case action.type.includes(occupation_1.BUILD_OCCUPATION): {\n var newState = state;\n newState = action.occupationData;\n return newState;\n }\n case action.type.includes(occupation_1.CHANGE_OCCUPATION): {\n var newState = state;\n newState.selectedOccupation = action.selectedOccupation;\n return newState;\n }\n default:\n return state;\n }\n}\nexports.default = occupationReducer;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ValidateCodePhone = void 0;\nvar React = require(\"react\");\nvar react_redux_1 = require(\"react-redux\");\nvar pp_react_1 = require(\"@paypalcorp/pp-react\");\nvar constants_1 = require(\"../../../constants\");\nvar phones_1 = require(\"../../../actions/phones\");\nvar commonweb_utils_1 = require(\"commonweb-utils\");\nvar ajax_util_1 = require(\"../../../utils/ajax/ajax.util\");\nvar form_hooks_1 = require(\"../../../utils/forms/form-hooks\");\nvar inputs_component_1 = require(\"../../../components/inputs.component\");\nvar ErrorContentMapper_1 = require(\"../../../utils/errorcodes/ErrorContentMapper\");\nvar commonUtils_1 = require(\"../../../common/utils/commonUtils\");\nvar triggerOperationResult_1 = require(\"../../../utils/fpti/triggerOperationResult\");\nvar utils_1 = require(\"../../../common/utils/phones/utils\");\nvar phone_1 = require(\"../../../utils/container/phone\");\nvar page = require(\"page\");\nexports.ValidateCodePhone = function (props) {\n var _a = React.useState(false), showSpinner = _a[0], setSpinner = _a[1];\n var _b = React.useState(false), screenSpinner = _b[0], setScreenSpinner = _b[1];\n var _c = React.useState(false), isDisabled = _c[0], setDisabled = _c[1];\n var _d = React.useState(false), isSubmitted = _d[0], setSubmitted = _d[1];\n var initializer = function () {\n return {\n form: {\n phoneConfirmationCodeInput: {\n elementType: \"input\",\n elementConfig: {\n type: \"text\",\n placeholder: props.content.phones.code.placeholder,\n suggestionText: props.content.common.genericBlankFieldError,\n },\n value: \"\",\n validation: {\n required: true,\n },\n isValid: false,\n isTouched: false,\n },\n },\n formIsValid: false,\n formMessage: \"\",\n };\n };\n var resendConfirmationCode = function () {\n /* Resend link will be disabled if validation process for current OTP is in progress */\n if (!showSpinner) {\n event.preventDefault();\n setFormMessage(\"\");\n setScreenSpinner(true);\n setSubmitted(false);\n setValue(\"phoneConfirmationCodeInput\", \"value\", \"\");\n var formData = {};\n formData[\"id\"] = props.route.enter.params.id;\n ajax_util_1.default.post$(props.dispatch, props._csrf, \"\" + constants_1.default.ROUTES.API.PHONES.CONFIRM, formData, { component: { name: constants_1.default.VIEWS.PHONES.MANAGE } })\n .then(function () {\n setFormMessage(\"\");\n setScreenSpinner(false);\n setSubmitted(false);\n })\n .catch(function (error) {\n setScreenSpinner(false);\n setSubmitted(false);\n var errorMessage = ErrorContentMapper_1.getPhoneErrorContent(error, props.content);\n setFormMessage(errorMessage);\n triggerOperationResult_1.triggerOperationResult(props.phoneFpti.resendConfirmationCode, constants_1.default.FPTI.FAILURE, errorMessage);\n return;\n });\n }\n else {\n event.preventDefault();\n }\n };\n var submitHandle = function () {\n var formData = {}, form = inputs.form;\n var phoneToBeConfirmed = commonUtils_1.findObjectInListById(props.phones, props.route.enter.params.id);\n formData[\"id\"] = props.route.enter.params.id;\n formData[\"code\"] = form.phoneConfirmationCodeInput.value;\n formData[\"channel\"] = \"web\";\n formData[\"isTcpaEnabled\"] = phone_1.isTcpaEnabled(phoneToBeConfirmed, props);\n formData[\"isSCAEnabled\"] = utils_1.isSCAEnabled(props.features);\n setSubmitted(true);\n if (!inputs.formIsValid) {\n return;\n }\n var url = \"\" + constants_1.default.ROUTES.API.PHONES.VALIDATE_CONFIRM;\n setFormMessage(\"\");\n setSpinner(true);\n setDisabled(true);\n ajax_util_1.default.post$(props.dispatch, props._csrf, url, formData, {\n component: { name: constants_1.default.VIEWS.PHONES.VALIDATE_CODE },\n })\n .then(function (phoneInfo) {\n props.dispatchPhoneConfirm(phoneInfo);\n var toastIntent = constants_1.default.VIEWS.PHONES.TOAST_INTENTS.CONFIRM;\n if (phoneInfo && phoneInfo.phones) {\n phoneInfo.phones = commonUtils_1.modifyObjectWithFactorById(phoneInfo.phones, props.route.enter.params.id, toastIntent, true);\n }\n props.performedAction(toastIntent);\n if (props.exitView == \"add-phone\" &&\n phoneInfo &&\n phoneInfo.ppcSynchronyDeeplinks &&\n Object.keys(phoneInfo.ppcSynchronyDeeplinks).length != 0) {\n var ppcUpdate = constants_1.default.BASE_URI + \"/flow\" + constants_1.default.ROUTES.PHONES.UPDATE_PPC;\n page.redirect(ppcUpdate);\n }\n else {\n page.redirect(constants_1.default.BASE_URI + \"/flow\" + constants_1.default.ROUTES.PHONES.MANAGE);\n }\n })\n .catch(function (error) {\n setSpinner(false);\n setDisabled(false);\n var errorMessage = ErrorContentMapper_1.getPhoneErrorContent(error, props.content);\n setFormMessage(errorMessage);\n triggerOperationResult_1.triggerOperationResult(props.phoneFpti.validateCode, constants_1.default.FPTI.FAILURE, errorMessage);\n return;\n });\n };\n var getForm = function () {\n var formElementsArray = [];\n var phoneContent = props.content.phones, phoneFpti = props.phoneFpti;\n for (var key in inputs.form) {\n formElementsArray.push({\n id: key,\n config: inputs.form[key],\n });\n }\n var form = (React.createElement(\"form\", { onSubmit: submitHandler },\n inputs.formMessage ? (React.createElement(pp_react_1.Alert, { type: \"error\", className: \"form-alert\" }, inputs.formMessage)) : null,\n React.createElement(\"div\", { className: \"alignLeft\" },\n React.createElement(pp_react_1.Text, { size: \"xl3\", className: \"manage-address-header\" }, phoneContent.confirm.title),\n React.createElement(pp_react_1.Text, { size: \"sm\", className: \"manage-address-info manage-address-info-color\" }, phoneContent.confirm.description)),\n formElementsArray.map(function (formElement) { return (React.createElement(inputs_component_1.default, { key: formElement.id, id: \"test_validatePhoneCodeTextField\", elementType: formElement.config.elementType, elementConfig: formElement.config.elementConfig, value: formElement.config.value, isInvalid: !formElement.config.isValid, shouldValidate: formElement.config.validation, isTouched: formElement.config.isTouched, changed: function (event) {\n return inputChangedHandler(event, formElement.id);\n }, isDisabled: isDisabled, IsSubmitted: isSubmitted })); }),\n React.createElement(pp_react_1.Button, { type: \"submit\", className: \"addPhone-submit_button\", id: \"test_validatePhoneCodeButton\", \"data-name\": phoneFpti.validateCode, disabled: showSpinner }, showSpinner ? (React.createElement(pp_react_1.LoadingSpinner, { className: \"loading-spinner\", screenReaderText: \"loading\", inverse: true })) : (React.createElement(pp_react_1.Text, { size: \"md\", medium: true }, phoneContent.confirm.button))),\n React.createElement(\"div\", { className: \"phoneConfirmation-resend_code_link\" },\n React.createElement(pp_react_1.Link, { href: \"/\", onClick: resendConfirmationCode, \"data-name\": phoneFpti.resendConfirmationCode }, props.content.phones.resend.link))));\n return (React.createElement(\"div\", { className: \"generic-container\" }, screenSpinner ? (React.createElement(pp_react_1.LoadingSpinner, { className: \"panelSpinnerNew\", size: \"lg\" })) : (form)));\n };\n var _e = form_hooks_1.default(initializer(), submitHandle), inputs = _e.inputs, inputChangedHandler = _e.inputChangedHandler, submitHandler = _e.submitHandler, setFormMessage = _e.setFormMessage, setValue = _e.setValue;\n return getForm();\n};\nvar mapStateToProps = function (_a) {\n var _csrf = _a._csrf, ui = _a.ui, content = _a.content, route = _a.route, account = _a.account, fpti = _a.fpti, features = _a.features;\n var phones = commonweb_utils_1.objectUtils.safeGet(account, \"phones.phones\") || {}, phoneFpti = fpti.phones, exitView = route.exit && route.exit.view;\n phones = utils_1.changeNumberFormatForNonSCARegions(phones, utils_1.isSCAEnabled(features));\n return {\n _csrf: _csrf,\n ui: ui,\n content: content,\n route: route,\n phones: phones,\n phoneFpti: phoneFpti,\n exitView: exitView,\n features: features,\n };\n};\nfunction mapDispatchToProps(dispatch) {\n return {\n dispatchPhoneConfirm: function (phones) { return dispatch(phones_1.changePhone(phones)); },\n performedAction: function (typeOfAction) {\n return dispatch(phones_1.actionClicked(typeOfAction));\n },\n dispatch: dispatch,\n };\n}\nexports.default = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(exports.ValidateCodePhone);\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.isTcpaEnabled = exports.canBeSetAsPrimary = exports.phoneHasConfirmationFeature = exports.findAddedPhone = exports.findPhoneById = exports.isLastElement = exports.isTcpaChanged = void 0;\nvar utils_1 = require(\"../../common/utils/phones/utils\");\nfunction isTcpaChanged(currentCallPref, currentTextPref, newCallPref, newTextPref) {\n var isTcpaChanged = false;\n if (currentCallPref != newCallPref || currentTextPref != newTextPref) {\n isTcpaChanged = true;\n }\n return isTcpaChanged;\n}\nexports.isTcpaChanged = isTcpaChanged;\nfunction isLastElement(arr, element) {\n var isLastElement = false;\n if (arr && arr.length - arr.indexOf(element) == 1) {\n isLastElement = true;\n }\n return isLastElement;\n}\nexports.isLastElement = isLastElement;\nfunction findPhoneById(phoneId, phoneList) {\n var phone = phoneList && phoneList.find(function (phone) { return phone.id == phoneId; });\n return phone;\n}\nexports.findPhoneById = findPhoneById;\nfunction findAddedPhone(newPhoneList, oldPhoneList) {\n var phone = newPhoneList &&\n newPhoneList.find(function (phone) { return isNewPhone(phone, oldPhoneList); });\n return phone;\n}\nexports.findAddedPhone = findAddedPhone;\nfunction isNewPhone(inputPhone, phoneList) {\n var isNewPhone = true;\n phoneList &&\n phoneList.map(function (phone) {\n if (phone.id == inputPhone.id) {\n isNewPhone = false;\n }\n });\n return isNewPhone;\n}\nfunction phoneHasConfirmationFeature(phoneType, isMobileCowConfirmable) {\n var hasConfirmFeature = false;\n if (phoneType === \"MOBILE\" && isMobileCowConfirmable) {\n hasConfirmFeature = true;\n }\n return hasConfirmFeature;\n}\nexports.phoneHasConfirmationFeature = phoneHasConfirmationFeature;\nfunction canBeSetAsPrimary(phone) {\n var canBePrimary = false, phoneNotConfirmable = !phoneHasConfirmationFeature(phone.type, phone.isMobileCowConfirmable);\n if (phone.type === \"MOBILE\" && (phone.confirmed || phoneNotConfirmable)) {\n canBePrimary = true;\n }\n else if (phone.type === \"WORK\" || phone.type === \"HOME\") {\n canBePrimary = true;\n }\n return canBePrimary;\n}\nexports.canBeSetAsPrimary = canBeSetAsPrimary;\nfunction isTcpaEnabled(phone, props) {\n var isTcpaEnabled = false, isSCAEnable = utils_1.isSCAEnabled(props.features);\n if (isSCAEnable) {\n isTcpaEnabled = phone.region\n ? phone.region === \"US\"\n : phone.phoneCodeCountries &&\n phone.phoneCodeCountries.includes(\"US\");\n }\n else {\n isTcpaEnabled = phone.accountCountryCode === \"US\";\n }\n return isTcpaEnabled;\n}\nexports.isTcpaEnabled = isTcpaEnabled;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar tslib_1 = require(\"tslib\");\nvar React = require(\"react\");\nvar generic_view_1 = require(\"./generic.view\");\nvar route_utils_1 = require(\"../route.utils\");\nvar xssFilter = require(\"xss-filters\");\nvar constants_1 = require(\"../constants\");\nvar REQUEST_URI = constants_1.default.REQUEST_URI, VIEWS = constants_1.default.VIEWS, LEGACY_SETTINGS_URI = constants_1.default.LEGACY_SETTINGS_URI;\nfunction GlobalErrorView(_a) {\n var route = _a.route, content = _a.content;\n var _b = route_utils_1.default(VIEWS.GLOBAL_ERROR, route), query = _b.query, isFlow = _b.isFlow, flow = _b.flow, _c = content.errors, errors = _c === void 0 ? {} : _c, returnLink = isFlow\n ? REQUEST_URI + \"/flow-cancel/default\"\n : REQUEST_URI;\n // Get content.errors for query.type: dataRetrieval, noAgreement and general\n // Any new query type should add new content to content/errors.properties with header, description, button, flowButton\n var queryType = !query.type\n ? \"general\"\n : xssFilter.uriQueryInHTMLData(query.type);\n var errorContent = errors[queryType] || errors[\"general\"];\n var buttonContent = isFlow && queryType !== \"general\"\n ? errorContent.flowButton\n : errorContent.button;\n var resultViewData = {\n resultType: \"error\",\n headerContent: errorContent.header || \"\",\n bodyContent: errorContent.description || \"\",\n buttonData: {\n content: buttonContent || \"\",\n href: returnLink,\n target: \"_top\",\n type: \"\",\n },\n };\n return React.createElement(generic_view_1.default, tslib_1.__assign({}, resultViewData));\n}\nexports.default = GlobalErrorView;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar React = require(\"react\");\nvar react_redux_1 = require(\"react-redux\");\nvar pp_react_1 = require(\"@paypalcorp/pp-react\");\nvar addressDisplay_1 = require(\"./addressDisplay\");\nvar commonUtils_1 = require(\"../../../common/utils/commonUtils\");\nvar interpolate_1 = require(\"../../../utils/interpolate/interpolate\");\nvar constants_1 = require(\"../../../constants\");\nvar route_utils_1 = require(\"../../../route.utils\");\nvar ROUTES = constants_1.default.ROUTES;\nvar page = require(\"page\");\nfunction handleClick(route) {\n var isFlow = route.isFlow || false, flowName = route.enter.flow || \"\", isBaseFlowInHistory = route.history && route.history.includes(ROUTES.ADDRESSES.FLOW_BASE);\n if (isFlow && !isBaseFlowInHistory) {\n route_utils_1.transitionOutHandler();\n page(constants_1.default.BASE_URI + \"/flow-return/\" + flowName);\n }\n else {\n page.back();\n }\n}\nfunction UpdateBillingMessage(_a) {\n var commonContent = _a.commonContent, addressContent = _a.addressContent, route = _a.route, addressData = _a.addressData, addressFpti = _a.addressFpti, isUpdate = _a.isUpdate;\n var removeAddressId = route.enter.params.id, addressAll = addressData.addresses, addressToRemove = addressAll.find(function (addr) { return addr.id === removeAddressId; });\n if (!removeAddressId || !addressToRemove) {\n return null;\n }\n return (React.createElement(\"div\", { className: \"generic-container fullHeight\" },\n React.createElement(\"div\", { className: \"removeBilling-header\" }, isUpdate ? (React.createElement(pp_react_1.Text, { size: \"xl3\" }, addressToRemove.cardList.length > 1\n ? addressContent.billing.cantEditHeaderMultiple\n : addressContent.billing.cantEditHeaderSingle)) : (React.createElement(pp_react_1.Text, { size: \"xl3\" }, addressContent.billing.cantRemoveHeader))),\n React.createElement(pp_react_1.Divider, { secondary: true }),\n React.createElement(addressDisplay_1.default, { className: \"removeBilling-display\", displayMetadata: addressToRemove.displayMetadata }),\n React.createElement(pp_react_1.Divider, { secondary: true }),\n React.createElement(\"div\", { className: \"billing-cardlist_footer\" },\n React.createElement(pp_react_1.Text, { size: \"sm\", className: \"removeBilling-cardList_text\" }, addressToRemove.cardList.length > 1\n ? interpolate_1.default(\"inHTMLData\", addressContent.cards.info, {\n numberOfCards: addressToRemove.cardList.length,\n })\n : interpolate_1.default(\"inHTMLData\", addressContent.cards.one, {\n numberOfCards: addressToRemove.cardList.length,\n })),\n commonUtils_1.cardsDetails(addressToRemove.cardList, \"removeBilling_card\")),\n React.createElement(pp_react_1.Button, { className: \"addUpdateButton_space threeby4thWidth\", \"data-name\": addressFpti.billing.noEditOkButton, id: \"test_button_ok\", onClick: function () { return handleClick(route); } }, commonContent.ok)));\n}\nvar mapStateToProps = function (_a, ownProps) {\n var content = _a.content, route = _a.route, account = _a.account, fpti = _a.fpti;\n var addressData = account.addressData, commonContent = content.common, addressContent = content.addresses, addressFpti = fpti.address, isUpdate = ownProps && ownProps.isUpdate;\n return {\n route: route,\n addressData: addressData,\n commonContent: commonContent,\n addressContent: addressContent,\n addressFpti: addressFpti,\n isUpdate: isUpdate,\n };\n};\nexports.default = react_redux_1.connect(mapStateToProps)(UpdateBillingMessage);\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.createStringReducer = exports.createObjectReducer = void 0;\n/**\n * generic reducer generated default generic that handle object AND string\n * with no care for any particular action.type\n *\n * To use it, just add the name to stringReducers or to objectReducers,\n * then it will be created in generic object.\n * You just use it as generic.name anywhere it's needed.\n *\n * @type {string[]}\n */\nvar stringReducers = [\"_csrf\"];\n// res.locals data added by react-engine by default, so we have to add nonce, anomalyDetection, isLoggedOut here\nvar objectReducers = [\n \"baseUrls\",\n \"content\",\n \"links\",\n \"locality\",\n \"pageInfo\",\n \"nonce\",\n \"isLoggedOut\",\n \"fpti\",\n \"features\",\n \"config\",\n \"experiments\",\n \"navigation\",\n \"ui\",\n \"notificationPreferences\",\n \"user\",\n \"anomalyDetection\",\n \"sellerPreferences\",\n \"cookiePrefs\",\n \"deviceInfo\",\n];\nfunction createObjectReducer(name) {\n return function (state, action) {\n if (state === void 0) { state = {}; }\n return action[name] ? Object.assign({}, state, action[name]) : state;\n };\n}\nexports.createObjectReducer = createObjectReducer;\nfunction createStringReducer(name) {\n return function (state, action) {\n if (state === void 0) { state = \"\"; }\n return action[name] ? action[name] : state;\n };\n}\nexports.createStringReducer = createStringReducer;\nvar generic = {};\nstringReducers.reduce(function (prev, name) {\n prev[name] = createStringReducer(name);\n return prev;\n}, generic);\nobjectReducers.reduce(function (prev, name) {\n prev[name] = createObjectReducer(name);\n return prev;\n}, generic);\nexports.default = generic;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar ajax_util_1 = require(\"../ajax/ajax.util\");\nvar constants_1 = require(\"../../constants\");\nvar REQUEST_URI = constants_1.default;\nvar page = require(\"page\");\nvar timer = null, extendSessionTimer = null, expirationTime = 15 * 60 * 1000, confirmationTime = 14 * 60 * 1000, loginRedirectPath = \"/signin\";\n/**\n * @function initTimer - clears any existing timers and restarts them. If timers expire, redirect to /extend-session,\n * then login if user doesn't complete actions that extend their session\n */\nfunction initTimer(currentPath) {\n clearTimeout(timer);\n clearTimeout(extendSessionTimer);\n timer = setTimeout(function () {\n location = loginRedirectPath; // eslint-disable-line\n }, expirationTime);\n extendSessionTimer = setTimeout(function () {\n page(\"/extend-session?path=\" + currentPath);\n }, confirmationTime);\n}\n/**\n * @function extendServerSession - Makes head call to server and resets session timers on success\n */\nfunction extendServerSession(currentPath) {\n ajax_util_1.default.head$(\"/\").then(function () { return initTimer(currentPath); });\n}\n/**\n * @function extendSession - throttle how often we extend session to prevent unnecessary traffic to the server\n */\nfunction extendSession(enterView, currentPath) {\n // don't attempt to extend the session from the error route, so it doesn't inadvertently create more errors\n // empty enterRoute just means new agreement loaded\n if (!enterView || (enterView && !enterView.includes(\"Error\"))) {\n currentPath =\n currentPath ||\n window.location.pathname.slice((REQUEST_URI + \"/\").length);\n extendServerSession(currentPath);\n }\n}\nexports.default = extendSession;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.UpdateAddress = void 0;\nvar tslib_1 = require(\"tslib\");\nvar React = require(\"react\");\nvar react_redux_1 = require(\"react-redux\");\nvar Autosuggest = require(\"react-autosuggest\");\nvar pp_react_1 = require(\"@paypalcorp/pp-react\");\nvar pp_react_checkbox_1 = require(\"@paypalcorp/pp-react-checkbox\");\nvar ajax_util_1 = require(\"../../../utils/ajax/ajax.util\");\nvar addressErrors_1 = require(\"../../../utils/errorcodes/addressErrors\");\nvar constants_1 = require(\"../../../constants\");\nvar interpolate_component_1 = require(\"../../../components/interpolate-component\");\nvar triggerOperationResult_1 = require(\"../../../utils/fpti/triggerOperationResult\");\nvar ROUTES = constants_1.default.ROUTES, VIEWS = constants_1.default.VIEWS, FPTI = constants_1.default.FPTI;\nvar commonweb_utils_1 = require(\"commonweb-utils\");\nvar addresses_1 = require(\"../../../actions/addresses\");\nvar modalHeader_1 = require(\"../../../actions/modalHeader\");\nvar addresses_2 = require(\"../../../actions/addresses\");\nvar commonUtils_1 = require(\"../../../common/utils/commonUtils\");\nvar page = require(\"page\");\n/**\n * Update address component\n * @author pkatoria\n */\nvar UpdateAddress = /** @class */ (function (_super) {\n tslib_1.__extends(UpdateAddress, _super);\n function UpdateAddress(props) {\n var _this = _super.call(this, props) || this;\n _this.getWalletLink = function () {\n var walletLinkComponent, walletUrl = _this.props.links.wallet.linkUrl;\n var deviceType = commonweb_utils_1.objectUtils.safeGet(_this.props.deviceInfo, \"deviceType\");\n if (deviceType === \"WEBVIEW\") {\n walletLinkComponent = _this.props.addressContent.walletLink;\n }\n else {\n walletLinkComponent = (React.createElement(pp_react_1.Link, { key: _this.props.addressContent.walletLink, href: walletUrl }, _this.props.addressContent.walletLink));\n }\n return walletLinkComponent;\n };\n _this.billingAddressInfo = function () {\n var cards = \"\", cardList = _this.state.addressToUpdate.cardList;\n var billingInfoContent;\n var count = 1;\n if (cardList) {\n cardList.forEach(function (card) {\n var cardName = card.fullName ? card.fullName : card.name;\n if (cardName) {\n if (count > 1) {\n cards = cards + \", \";\n }\n cards = cards + cardName + \" ( ••••\" + card.lastFour + \")\";\n count++;\n }\n });\n }\n if (cardList) {\n if (_this.state.addressToUpdate.paypalCredit) {\n billingInfoContent = _this.props.addressContent.info\n .paypalCreditWithCards;\n }\n else {\n billingInfoContent = _this.props.addressContent.info.cards;\n }\n }\n else if (_this.state.addressToUpdate.paypalCredit) {\n billingInfoContent = _this.props.addressContent.info.paypalCredit;\n }\n var walletLinkComponent = _this.getWalletLink();\n var cardsContent = interpolate_component_1.InterpolateLinksWithComponent(billingInfoContent, [\n cards,\n walletLinkComponent,\n ]);\n return cardsContent;\n };\n // Autosuggest will call this function every time you need to update suggestions.\n // You already implemented this logic above, so just use it.\n _this.onSuggestionsFetchRequested = function (_a) {\n var value = _a.value;\n _this.setState({\n suggestions: _this.getSuggestions(value),\n });\n };\n // Teach Autosuggest how to calculate suggestions for any given input value.\n //TODO: Deepa please check this\n _this.getSuggestions = function (value) {\n var inputValue = value.trim().toLowerCase();\n var inputLength = inputValue.length;\n return inputLength === 0\n ? _this.props.stateList\n : _this.props.stateList.filter(function (state) {\n return state.label.toLowerCase().slice(0, inputLength) ===\n inputValue;\n });\n };\n // When suggestion is clicked, Autosuggest needs to populate the input\n // based on the clicked suggestion.\n _this.getSuggestionValue = function (suggestion) { return suggestion.label; };\n // render suggestions.\n _this.renderSuggestion = function (suggestion) { return (React.createElement(\"div\", { className: \"listItem\" },\n React.createElement(pp_react_1.Text, { size: \"md\" }, suggestion.label))); };\n _this.renderInput = function (inputProps) { return (React.createElement(\"div\", null,\n React.createElement(pp_react_1.TextInput, tslib_1.__assign({ name: \"help\", value: \"\", label: \"Search State\", leftIcon: React.createElement(pp_react_1.Icon, { size: \"sm\", name: \"search\" }) }, inputProps)))); };\n // start : SearcBox related functions\n // Called when user types in the text input of list page for searching state name\n _this.onChange = function (event, _a) {\n var newValue = _a.newValue, method = _a.method;\n if (method !== \"click\") {\n _this.setState({\n value: newValue,\n });\n }\n else {\n if (method === \"click\") {\n _this.passValueToDropdown(newValue);\n }\n }\n };\n /* passing selected value from list page to the dropdown*/\n _this.passValueToDropdown = function (newValue) {\n var selectedState = _this.props.stateList.find(function (state) { return state.label === newValue; });\n var updatedForm = tslib_1.__assign({}, _this.props.updatedForm);\n var updatedFormElement = tslib_1.__assign({}, updatedForm[\"state\"]);\n updatedFormElement.value = selectedState.id;\n updatedFormElement.isValid = true;\n updatedForm[\"state\"] = updatedFormElement;\n var formIsValid = true;\n for (var inputIdentifier in updatedForm) {\n formIsValid = updatedForm[inputIdentifier].isValid && formIsValid;\n }\n // update the chosen state on the edit and address page\n _this.setState({\n form: updatedForm,\n formIsValid: true,\n openListPage: false,\n value: selectedState.label,\n label: selectedState.label,\n });\n _this.props.updateForm(updatedForm);\n window.history.go(-1);\n return false;\n };\n _this.getListPage = function () {\n //start : Autosuggestion related\n //@ts-ignore\n var _a = _this.state, value = _a.value, suggestions = _a.suggestions;\n var inputProps = {\n value: value,\n type: \"search\",\n onChange: _this.onChange,\n passValueToDropdown: _this.passValueToDropdown,\n };\n var closeFlag;\n if (commonweb_utils_1.objectUtils.safeGet(_this.props.deviceInfo, \"deviceType\") === \"WEBVIEW\") {\n closeFlag = false;\n }\n else {\n closeFlag = true;\n }\n function shouldRenderSuggestions(value) {\n return value.trim().length > -1;\n }\n //end Autosuggestion related\n return (React.createElement(\"div\", null,\n React.createElement(\"div\", null,\n React.createElement(\"table\", { className: \"listPageInput\" },\n React.createElement(\"tr\", null,\n React.createElement(\"td\", { className: \"listPageInput_space_left\" }),\n React.createElement(\"td\", { className: \"listPageInput_space_centre\" },\n React.createElement(\"div\", null,\n React.createElement(pp_react_1.Text, { size: \"md\", medium: true }, _this.props.addressContent.select.state))),\n React.createElement(\"td\", { className: \"listPageInput_space_right\" }, closeFlag ? (React.createElement(\"div\", { onClick: _this.toggleListPageVisibility },\n React.createElement(pp_react_1.Icon, { size: \"sm\", name: \"close\" }))) : (React.createElement(React.Fragment, null)))))),\n React.createElement(Autosuggest, { suggestions: suggestions, onSuggestionsFetchRequested: _this.onSuggestionsFetchRequested, getSuggestionValue: _this.getSuggestionValue, renderSuggestion: _this.renderSuggestion, focusInputOnSuggestionClick: false, inputProps: inputProps, renderSuggestionsContainer: _this.renderSuggestionsContainer, shouldRenderSuggestions: shouldRenderSuggestions, alwaysRenderSuggestions: true, renderInputComponent: _this.renderInput })));\n };\n _this.getErrorContent = function (errorContent) {\n var customerCareUrl = _this.props.links.help.linkUrl;\n var ccLinkComponent = (React.createElement(pp_react_1.Link, { key: _this.props.commonContent.customerCareLink, href: customerCareUrl }, _this.props.commonContent.customerCareLink));\n var convertedErrorContent = interpolate_component_1.InterpolateLinksWithComponent(errorContent, [ccLinkComponent]);\n return convertedErrorContent;\n };\n _this.inputChangedHandler = function (event, formInputIdentifier) {\n if (!_this.state.formChanged) {\n _this.setState({ formChanged: true });\n }\n var updatedForm = tslib_1.__assign({}, _this.state.form);\n var updatedFormElement = tslib_1.__assign({}, updatedForm[formInputIdentifier]);\n updatedFormElement.value =\n event.target.type === \"checkbox\"\n ? !updatedFormElement.value\n : event.target.value;\n updatedFormElement.isValid = _this.checkValidity(updatedFormElement.value, updatedFormElement.validation);\n updatedFormElement.isTouched = true;\n updatedForm[formInputIdentifier] = updatedFormElement;\n var formIsValid = true;\n for (var inputIdentifier in updatedForm) {\n if (inputIdentifier !== \"stateListInvoked\") {\n formIsValid =\n updatedForm[inputIdentifier].isValid && formIsValid;\n }\n }\n _this.setState({ form: updatedForm, formIsValid: formIsValid });\n };\n _this.toggleListPageVisibility = function () {\n var updatedForm = tslib_1.__assign({}, _this.state.form);\n updatedForm[\"stateListInvoked\"] = true;\n _this.props.updateForm && _this.props.updateForm(updatedForm);\n var url = constants_1.default.BASE_URI + \"/flow\" + constants_1.default.ROUTES.ADDRESSES.STATE.LIST;\n url = url.replace(\":id\", _this.state.addressToUpdate.id);\n page(url);\n };\n _this.submitHandler = function (event) {\n event.preventDefault();\n if (_this.state.formIsValid ||\n _this.state.form.formIsValid ||\n !_this.state.formChanged) {\n _this.setState({ showSpinner: true });\n var formData = {};\n var addressContent_1 = _this.props.addressContent, alertMessage = _this.props.addressContent.alert\n .editBillingAddress;\n var walletLinkComponent = _this.getWalletLink();\n var cardsContent = interpolate_component_1.InterpolateLinksWithComponent(alertMessage, [\n walletLinkComponent,\n ]);\n if (_this.state.addressToUpdate.billing &&\n _this.state.addressToUpdate.cardList) {\n _this.setState({ errorMessage: cardsContent });\n _this.setState({ showSpinner: false });\n }\n else {\n for (var formElementIdentifier in _this.state.form) {\n formData[formElementIdentifier] = _this.state.form[formElementIdentifier].value;\n }\n formData[\"id\"] = _this.props.route.enter.params.id;\n formData[\"addresses\"] = _this.props.addressData.addresses;\n ajax_util_1.default.post$(_this.props.dispatch, _this.props._csrf, \"\" + ROUTES.API.ADDRESSES.EDIT, formData, { component: { name: VIEWS.ADDRESSES.UPDATE } })\n .then(function (addressInfo) {\n var returnUrl = null, fptiValue = null;\n var isFlow = _this.props.route.isFlow || false, flowName = _this.props.route.enter.flow || \"\", isBaseFlowInHistory = commonUtils_1.isBaseFlowPresent(_this.props, ROUTES);\n if (addressInfo) {\n _this.props.dispatchUpdateAddress(addressInfo);\n if (_this.state.form.primary.value) {\n if (window &&\n window.venice &&\n typeof window.venice\n .primaryAddressModified === \"function\") {\n window.venice.primaryAddressModified();\n }\n _this.props.updateAction(VIEWS.ADDRESSES.TOAST_INTENTS.UPADTE_PRIMARY);\n returnUrl = constants_1.default.BASE_URI + \"/flow-return/\" + flowName + \"?success=setPrimaryAddress\";\n fptiValue = _this.props.addressFpti.addPrimary;\n }\n else {\n _this.props.updateAction(VIEWS.ADDRESSES.TOAST_INTENTS.EDIT);\n returnUrl = constants_1.default.BASE_URI + \"/flow-return/\" + flowName + \"?success=editAddress\";\n fptiValue = _this.props.addressFpti.edit;\n }\n }\n if (addressInfo.ppcSynchronyDeeplinks &&\n Object.keys(addressInfo.ppcSynchronyDeeplinks)\n .length !== 0) {\n var ppcedit = constants_1.default.BASE_URI + \"/flow\" + constants_1.default.ROUTES.ADDRESSES.EDIT_PPC;\n page.redirect(ppcedit);\n }\n else {\n if (isFlow && !isBaseFlowInHistory) {\n triggerOperationResult_1.triggerOperationResult(fptiValue, FPTI.SUCCESS, null);\n page(returnUrl);\n }\n else {\n page.back();\n }\n }\n })\n .catch(function (error) {\n _this.setState({ showSpinner: false });\n if (error && error.userError) {\n for (var i = 0; i < error.userError.errors.length; i++) {\n var currentError = error.userError.errors[i];\n if (currentError.name ===\n \"ADDRESS_PATTERN_VALIDATION_ERROR\" &&\n currentError.detail.field === \"postal_code\") {\n _this.setState({\n errorMsgPostalCode: addressContent_1.addUpdate\n .invalidZipCode,\n });\n }\n }\n return;\n }\n var errorStatusCode = commonweb_utils_1.objectUtils.safeGet(error, \"statusCode\") || 500;\n var errorDescFPTI;\n if (errorStatusCode >= 400 && errorStatusCode < 500) {\n var code = addressErrors_1.errorCodes[error.errorKey];\n var errorContent = _this.props.content.addresses\n .error[code];\n if (!errorContent) {\n errorContent = _this.getErrorContent(_this.props.commonContent.error.errorGeneric);\n }\n _this.setState({ errorMessage: errorContent });\n errorDescFPTI = errorContent;\n }\n else {\n var errorContent = _this.getErrorContent(_this.props.commonContent.error.errorGeneric);\n _this.setState({ errorMessage: errorContent });\n errorDescFPTI = errorContent;\n }\n triggerOperationResult_1.triggerOperationResult(_this.props.addressFpti.edit, FPTI.FAILURE, errorDescFPTI);\n return;\n });\n }\n }\n };\n var country_code = _this.props.addressData.newAddress.country;\n var validationError = _this.props.addressContent.addUpdate\n .invalidZipCode;\n var addressAll = _this.props.addressData.addresses;\n var updateAddressId = _this.props.route.enter.params.id;\n var addressToUpdate = addressAll.find(function (addr) { return addr.id === updateAddressId; });\n var states = commonweb_utils_1.objectUtils.safeGet(_this.props, \"addressData.newAddress.entryMetadata.properties.state\");\n var properties = commonweb_utils_1.objectUtils.safeGet(_this.props, \"addressData.newAddress.entryMetadata.properties\");\n var stateList = states ? states.list : [];\n var _a = _this.getState(stateList, addressToUpdate), stateLabel = _a[0], stateId = _a[1];\n _this.state = {\n form: {\n line1: {\n value: addressToUpdate.line1,\n validation: {\n required: true,\n suggestionText: commonweb_utils_1.objectUtils.safeGet(_this.props, \"addressContent.addUpdate.invalidStreet\"),\n },\n isValid: true,\n isTouched: false,\n },\n line2: {\n value: addressToUpdate.line2,\n validation: {\n required: false,\n suggestionText: \" \",\n },\n isValid: true,\n isTouched: false,\n },\n city: {\n value: addressToUpdate.city,\n validation: {\n required: true,\n suggestionText: commonweb_utils_1.objectUtils.safeGet(_this.props, \"addressContent.addUpdate.invalidCity\"),\n },\n isValid: true,\n isTouched: false,\n },\n state: {\n value: stateId ? stateId : addressToUpdate.state,\n validation: {\n required: true,\n suggestionText: commonweb_utils_1.objectUtils.safeGet(_this.props, \"addressContent.addUpdate.invalidState\"),\n },\n isValid: true,\n isTouched: false,\n },\n postal_code: {\n value: addressToUpdate.postalCode,\n validation: {\n required: commonweb_utils_1.objectUtils.safeGet(properties, \"postal_code\") &&\n commonweb_utils_1.objectUtils.safeGet(properties, \"postal_code\").required,\n pattern: commonweb_utils_1.objectUtils.safeGet(properties, \"postal_code\")\n .validationPattern\n ? commonweb_utils_1.objectUtils.safeGet(properties, \"postal_code\")\n .validationPattern\n : \"\",\n maxlength: commonweb_utils_1.objectUtils.safeGet(properties, \"postal_code\")\n .maxlength\n ? commonweb_utils_1.objectUtils.safeGet(properties, \"postal_code\").maxLength\n : null,\n suggestionText: validationError,\n },\n isValid: true,\n isTouched: false,\n },\n country_code: {\n value: country_code,\n validation: {\n required: false,\n },\n isValid: true,\n isTouched: false,\n },\n primary: {\n value: addressToUpdate.primary !== \"undefined\"\n ? addressToUpdate.primary\n : false,\n validation: {\n required: false,\n },\n isValid: true,\n isTouched: false,\n },\n },\n formIsValid: false,\n errorMessage: \"\",\n showSpinner: false,\n formChanged: false,\n addressToUpdate: addressToUpdate ? addressToUpdate : \"\",\n value: stateId,\n label: stateLabel,\n suggestions: stateList,\n openListPage: false,\n errorMsgPostalCode: \"\",\n };\n return _this;\n }\n UpdateAddress.prototype.componentDidMount = function () {\n window.scroll({ top: 0, behavior: \"smooth\" });\n if (this.props.updatedForm) {\n this.setState({\n form: this.props.updatedForm,\n });\n }\n };\n UpdateAddress.prototype.getState = function (stateList, addressToUpdate) {\n var stateInfo = [], stateLabel, stateId;\n if (stateList && stateList.length > 0) {\n var stateMatchById = stateList.find(function (state) { return state.id === addressToUpdate.state; });\n var stateMatchByLabel = stateList.find(function (state) { return state.label === addressToUpdate.state; });\n stateLabel = stateMatchById\n ? stateMatchById.label\n : stateMatchByLabel\n ? stateMatchByLabel.label\n : \" \";\n stateId = stateMatchById\n ? stateMatchById.id\n : stateMatchByLabel\n ? stateMatchByLabel.id\n : \" \";\n stateInfo.push(stateLabel);\n stateInfo.push(stateId);\n }\n return stateInfo;\n };\n UpdateAddress.prototype.checkValidity = function (value, rules) {\n var isValid = true;\n if (!rules) {\n return true;\n }\n if (rules.required) {\n isValid = value.trim() !== \"\" && isValid;\n }\n if (rules.maxLength) {\n isValid = value.length <= rules.maxLength && isValid;\n }\n if (rules.pattern) {\n var pattern = new RegExp(\"^\" + rules.pattern + \"$\");\n isValid = pattern.test(value) && isValid;\n }\n return isValid;\n };\n UpdateAddress.prototype.inputElement = function (item, key, elementDisabled) {\n var _this = this;\n var formElement = tslib_1.__assign({}, this.state.form[key]);\n var isInputValid = this.state.formChanged\n ? formElement.isValid || !formElement.isTouched\n : true, disabled = elementDisabled;\n if (key === \"line1\") {\n return (React.createElement(pp_react_1.TextInput, { errorText: !isInputValid\n ? formElement.validation.suggestionText\n : \"\", disabled: disabled, id: key, className: \"formFields_space\", name: key, value: formElement.value, label: item.label, onChange: function (event) { return _this.inputChangedHandler(event, key); } }));\n }\n else if (key === \"line2\") {\n return (React.createElement(pp_react_1.TextInput, { disabled: disabled, id: key, className: \"formFields_space\", name: key, value: formElement.value, label: item.label, onChange: function (event) { return _this.inputChangedHandler(event, key); } }));\n }\n else if (key === \"city\") {\n if (item.list) {\n return (React.createElement(pp_react_1.Dropdown, { disabled: disabled, className: \"formFields_space\", name: key, value: formElement.value, label: item.label, placeholder: \"\", id: key, errorText: !isInputValid\n ? formElement.validation.suggestionText\n : \"\", options: item.list.map(function (city) {\n return {\n label: city.label,\n value: city.id,\n };\n }), onChange: function (event) {\n return _this.inputChangedHandler(event, key);\n } }));\n }\n else {\n return (React.createElement(pp_react_1.TextInput, { errorText: !isInputValid\n ? formElement.validation.suggestionText\n : \"\", disabled: disabled, className: \"formFields_space\", id: key, name: key, value: formElement.value, label: item.label, onChange: function (event) {\n return _this.inputChangedHandler(event, key);\n } }));\n }\n }\n else if (key === \"state\") {\n var selectedState = this.props.stateList &&\n this.props.stateList.find(function (state) { return state.id === formElement.value; });\n if (item.list) {\n return (React.createElement(\"div\", null,\n React.createElement(pp_react_1.Dropdown, { className: \"formFields_space listPage_primary\", errorText: \"\", disabled: disabled, value: formElement.value, name: key, label: item.label, placeholder: \"\", id: key, options: item.list.map(function (state) {\n return {\n label: state.label,\n value: state.id,\n };\n }), onChange: function (event) {\n return _this.inputChangedHandler(event, key);\n } }),\n React.createElement(pp_react_1.Dropdown, { className: \"formFields_space listPage_secondary\", errorText: \"\", disabled: disabled, name: key, value: formElement.value, label: item.label, placeholder: \"\", id: key, options: [\n {\n label: selectedState && selectedState.label,\n value: selectedState && selectedState.value,\n },\n ], onFocus: this.toggleListPageVisibility })));\n }\n else {\n return (React.createElement(pp_react_1.TextInput, { errorText: !isInputValid\n ? formElement.validation.suggestionText\n : \"\", disabled: disabled, className: \"formFields_space\", id: key, name: key, value: formElement.value, label: item.label, onChange: function (event) {\n return _this.inputChangedHandler(event, key);\n } }));\n }\n }\n else if (key === \"postal_code\") {\n isInputValid = this.state.formChanged\n ? commonweb_utils_1.objectUtils.safeGet(this.state, \"form.postal_code.isValid\") ||\n !commonweb_utils_1.objectUtils.safeGet(this.state, \"form.postal_code.isTouched\")\n : true;\n return (React.createElement(pp_react_1.TextInput, { errorText: commonweb_utils_1.objectUtils.safeGet(this.state, \"errorMsgPostalCode\")\n ? commonweb_utils_1.objectUtils.safeGet(this.state, \"errorMsgPostalCode\")\n : !isInputValid\n ? commonweb_utils_1.objectUtils.safeGet(this.state, \"form.postal_code.validation.suggestionText\")\n : \"\", disabled: disabled, className: \"formFields_space\", id: \"postal_code\", name: \"postal_code\", value: this.state.form.postal_code &&\n this.state.form.postal_code.value, label: item.label, onChange: function (event) {\n return _this.inputChangedHandler(event, \"postal_code\");\n } }));\n }\n };\n /* Container to display sugestions */\n UpdateAddress.prototype.renderSuggestionsContainer = function (_a) {\n var containerProps = _a.containerProps, children = _a.children;\n return (React.createElement(\"div\", null,\n React.createElement(\"div\", { className: \"listPage-divider\" },\n React.createElement(pp_react_1.Divider, null)),\n React.createElement(\"div\", { className: \"suggestionContainer-body\" },\n React.createElement(\"div\", tslib_1.__assign({}, containerProps), children))));\n };\n UpdateAddress.prototype.render = function () {\n var _this = this;\n var addressFpti = this.props.addressFpti;\n var properties = commonweb_utils_1.objectUtils.safeGet(this.props, \"addressData.newAddress.entryMetadata.properties\"), layout = commonweb_utils_1.objectUtils.safeGet(this.props, \"addressData.newAddress.entryMetadata.layout\"), elementDisabled = this.state.showSpinner ||\n (this.state.addressToUpdate.billing &&\n this.state.addressToUpdate.cardList);\n var addressInput = layout.map(function (lines) {\n return lines.map(function (addressKey) {\n return _this.inputElement(properties[addressKey], addressKey, elementDisabled);\n });\n });\n var form = (React.createElement(\"form\", { onSubmit: this.submitHandler },\n this.state.errorMessage ? (React.createElement(pp_react_1.Alert, { type: \"error\", className: \"form-alert\" }, this.state.errorMessage)) : null,\n React.createElement(pp_react_1.Text, { className: \"genericAccountHeader\", size: \"xl3\" }, this.props.addressContent.edit.header),\n addressInput,\n !this.state.addressToUpdate.primary &&\n !this.state.addressToUpdate.billing &&\n !this.state.addressToUpdate.primary &&\n !this.state.addressToUpdate.cardList ? (\n // @ts-ignore\n React.createElement(pp_react_checkbox_1.Checkbox, { className: \"checkbox_space\", disabled: this.state.showSpinner, id: \"primary\", label: this.props.addressContent.addNewSetPrimary.checkBox, name: addressFpti.makePrimaryCheckbox, onChange: function (event) {\n return _this.inputChangedHandler(event, \"primary\");\n } })) : null,\n this.state.addressToUpdate.billing ? (React.createElement(\"div\", { className: \"billingAddress-info\" }, this.billingAddressInfo())) : null,\n React.createElement(pp_react_1.Button, { className: \"addUpdateButton_space fullWidth\", name: addressFpti.submitUpdate, type: \"submit\" }, this.state.showSpinner ? (React.createElement(pp_react_1.LoadingSpinner, { className: \"loading-spinner\", screenReaderText: this.props.commonContent.loading, inverse: true })) : (this.props.commonContent.update))));\n return React.createElement(\"div\", { className: \"generic-container\" }, form);\n };\n return UpdateAddress;\n}(React.Component));\nexports.UpdateAddress = UpdateAddress;\nvar mapStateToProps = function (_a) {\n var _csrf = _a._csrf, ui = _a.ui, content = _a.content, route = _a.route, account = _a.account, links = _a.links, fpti = _a.fpti, deviceInfo = _a.deviceInfo;\n var addressData = account.addressData, addressFpti = fpti.address, states = commonweb_utils_1.objectUtils.safeGet(addressData, \"newAddress.entryMetadata.properties.state\"), stateList = states ? states.list : [], addressContent = content.addresses, commonContent = content.common, showNavigation = account.showNavigation, updatedForm = addressData.updatedForm;\n return {\n _csrf: _csrf,\n ui: ui,\n content: content,\n route: route,\n addressData: addressData,\n addressContent: addressContent,\n commonContent: commonContent,\n links: links,\n addressFpti: addressFpti,\n stateList: stateList,\n showNavigation: showNavigation,\n deviceInfo: deviceInfo,\n updatedForm: updatedForm,\n };\n};\nfunction mapDispatchToProps(dispatch) {\n return {\n dispatchUpdateAddress: function (addressInfo) {\n return dispatch(addresses_1.buildAddress(addressInfo));\n },\n updateAction: function (typeOfAction) { return dispatch(addresses_1.actionType(typeOfAction)); },\n changeHeaderVisibility: function (value) { return dispatch(modalHeader_1.showNavigation(value)); },\n updateForm: function (value) { return dispatch(addresses_2.updateForm(value)); },\n dispatch: dispatch,\n };\n}\nexports.default = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(UpdateAddress);\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar tslib_1 = require(\"tslib\");\nvar React = require(\"react\");\nvar react_redux_1 = require(\"react-redux\");\nvar preferences_list_view_1 = require(\"./preferences-list.view\");\nvar SellerToolsView = /** @class */ (function (_super) {\n tslib_1.__extends(SellerToolsView, _super);\n function SellerToolsView(props) {\n return _super.call(this, props) || this;\n }\n SellerToolsView.prototype.render = function () {\n var propContents = this.props.content || {}, content = propContents.sellerPreferences || {}, preferences = this.props.sellerPreferences, sectionList = null, sellerToolsPageDesc = content.pageDesc || \"Seller Tools Page\"; // TODO: Remove fallback text once content is available\n sectionList = preferences.map(function (element, idx) {\n return (React.createElement(\"div\", { className: \"ppvx_tile ppvx_tile--card seller_mainContainer\", key: idx, \"aria-label\": content[element.name].header, \"aria-describedby\": \"card-\" + element.name + \"Title card-\" + element.name + \"Desc\", tabIndex: 0 },\n React.createElement(\"div\", { className: \"col-sm-12 col-md-12 detail-leftCol seller_cardHeader\" },\n React.createElement(\"span\", { id: \"card-\" + element.name + \"Title\", className: \"seller_sectionTitle\" }, content[element.name].header),\n React.createElement(\"span\", { id: \"card-\" + element.name + \"Desc\", className: \"detailPanel-subTitle\" }, content[element.name].body)),\n React.createElement(preferences_list_view_1.default, { list: element.preferences, content: content[element.name] }),\n React.createElement(\"div\", { className: \"seller_prefContainer\" },\n React.createElement(\"section\", { className: \"col-sm-12 section\" },\n React.createElement(\"div\", { className: \"vx_panel acctPanel detailPanel seller_detailPanel ppvx_divider\" })))));\n });\n return (React.createElement(\"section\", { role: \"tabpanel\", id: \"seller_tools\", className: \"appWrapper_main vx_mainContent active seller_container\", \"aria-labelledby\": \"sellerToolsLink\", tabIndex: -1 },\n React.createElement(\"main\", { className: \"seller_main\", \"aria-label\": sellerToolsPageDesc },\n React.createElement(\"div\", { className: \"ppvx_alert ppvx_alert--type_info\", role: \"alert\", tabIndex: 0 },\n React.createElement(\"span\", { className: \"seller_alert test_sellerAlert\" }, content.alert)),\n sectionList)));\n };\n return SellerToolsView;\n}(React.Component));\nvar mapStateToProps = function (_a) {\n var content = _a.content, sellerPreferences = _a.sellerPreferences;\n return ({\n content: content,\n sellerPreferences: sellerPreferences,\n });\n};\nvar mapDispatchToProps = function (dispatch) { return ({ dispatch: dispatch }); };\nexports.default = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(SellerToolsView);\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.PPCUpdate = void 0;\nvar React = require(\"react\");\nvar react_redux_1 = require(\"react-redux\");\nvar pp_react_1 = require(\"@paypalcorp/pp-react\");\nvar commonweb_utils_1 = require(\"commonweb-utils\");\nvar icons_component_1 = require(\"../../../components/icons.component\");\n/**\n * PP credit address update suggestion page\n */\nfunction PPCUpdate(_a) {\n var content = _a.content, account = _a.account, fpti = _a.fpti, links = _a.links, transitionOutHandler = _a.transitionOutHandler;\n var addressContent = content.addresses;\n var addressFpti = fpti.address;\n var ppcSyncronyProfleDeeplink = commonweb_utils_1.objectUtils.safeGet(account, \"addressData.ppcSynchronyDeeplinks.profile\") || {};\n return (React.createElement(\"div\", { className: \"generic-container\" },\n React.createElement(icons_component_1.IllustrationComponent, { modifierClass: \"updateWarning-icon\", image: \"Warning\" }),\n React.createElement(\"div\", { className: \"updateWarning-content\" },\n \" \",\n React.createElement(pp_react_1.Text, { size: \"xl3\" }, addressContent.addUpdate.ppCreditAlert)),\n React.createElement(\"div\", { className: \"updateWarning-content\" },\n \" \",\n React.createElement(pp_react_1.Text, { size: \"md\" }, addressContent.addUpdate.ppCreditInfo)),\n React.createElement(pp_react_1.Button, { className: \"addUpdateButton_space fullWidth\", name: addressFpti.goToPPCredit, type: \"submit\", as: \"a\", href: ppcSyncronyProfleDeeplink, onClick: transitionOutHandler }, addressContent.addUpdate.ppCreditContinue),\n React.createElement(pp_react_1.Link, { \"data-name\": addressFpti.notNowPPCredit, href: links.address.manage }, addressContent.addUpdate.ppCreditNotNow)));\n}\nexports.PPCUpdate = PPCUpdate;\nvar mapStateToProps = function (_a) {\n var content = _a.content, account = _a.account, fpti = _a.fpti, links = _a.links;\n return ({\n content: content,\n account: account,\n fpti: fpti,\n links: links,\n });\n};\nexports.default = react_redux_1.connect(mapStateToProps)(PPCUpdate);\n","\"use strict\";\n/**\n * @react-component Layout - returns layout component, rendering the children inside of it\n */\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar React = require(\"react\");\nvar react_redux_1 = require(\"react-redux\");\nvar modal_view_selection_1 = require(\"../modal-view-selection\");\nfunction Layout(props) {\n var isFlow = (props.route && props.route.isFlow) || false, modalState = modal_view_selection_1.getModalState(props.route), fadeTransitionClass = props.route.transition === \"fade-out\"\n ? \" vx_addFlowTransition vx_hasFadeTransition\"\n : \" vx_addFlowTransition\", modalClass = modalState === \"open\" || modalState === \"animate-closed\"\n ? \" vx_hasOpenModal\"\n : \"\", modalBgClass = modalState === \"open\" || modalState === \"animate-closed\"\n ? \" vx_modalPrepBg vx_modalBgIsShown\"\n : \"\", isRtl = props.locality.directionality === \"rtl\" ? true : false, directionalCss = !isRtl ? \"/main.css\" : \"/main.rtl.css\";\n return (React.createElement(\"html\", { lang: props.locality.language },\n React.createElement(\"head\", null,\n React.createElement(\"link\", { rel: \"dns-prefetch\", href: \"https://www.paypalobjects.com/\" }),\n React.createElement(\"link\", { rel: \"preload\", as: \"font\", type: \"font/woff2\", crossOrigin: \"anonymous\", href: \"https://www.paypalobjects.com/digitalassets/c/paypal-ui/fonts/PayPalSansSmall-Regular.woff2\" }),\n React.createElement(\"link\", { rel: \"preload\", as: \"font\", type: \"font/woff2\", crossOrigin: \"anonymous\", href: \"https://www.paypalobjects.com/digitalassets/c/paypal-ui/fonts/PayPalSansBig-Light.woff2\" }),\n React.createElement(\"link\", { rel: \"preload\", as: \"font\", type: \"font/woff2\", crossOrigin: \"anonymous\", href: \"https://www.paypalobjects.com/digitalassets/c/paypal-ui/fonts/PayPalSansBig-Medium.woff2\" }),\n React.createElement(\"link\", { rel: \"stylesheet\", href: \"https://www.paypalobjects.com/paypal-ui/web/fonts-and-normalize/1-1-0/fonts-and-normalize.min.css\" }),\n React.createElement(\"meta\", { name: \"viewport\", content: \"width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0\" }),\n React.createElement(\"meta\", { charSet: \"utf-8\" }),\n React.createElement(\"link\", { rel: \"shortcut icon\", sizes: \"196x196\", href: \"https://www.paypalobjects.com/webstatic/icon/pp196.png\" }),\n React.createElement(\"link\", { rel: \"shortcut icon\", type: \"image/x-icon\", href: \"https://www.paypalobjects.com/webstatic/icon/favicon.ico\" }),\n React.createElement(\"link\", { rel: \"icon\", type: \"image/x-icon\", href: \"https://www.paypalobjects.com/webstatic/icon/pp32.png\" }),\n React.createElement(\"link\", { rel: \"stylesheet\", href: \"https://www.paypalobjects.com/ui-web/vx-pattern-lib/2-5-0/paypal-sans.css\" }),\n React.createElement(\"link\", { rel: \"stylesheet\", href: props.baseUrls.css + directionalCss }),\n React.createElement(\"title\", null, props.content.common.title)),\n React.createElement(\"body\", { className: \"vx_root \" + modalClass + fadeTransitionClass },\n props.navigation.scripts && (React.createElement(\"div\", { dangerouslySetInnerHTML: {\n __html: props.navigation.scripts,\n } })),\n !isFlow && (React.createElement(\"input\", { type: \"checkbox\", id: \"toggleNavigation\", className: \"vx_globalNav-toggleCheckbox\" })),\n props.children,\n !isFlow && (React.createElement(\"div\", { className: \"vx_modal-background \" + modalBgClass, id: \"vx_modal-background\" })),\n React.createElement(\"script\", { type: \"text/javascript\", defer: true, src: \"https://www.paypalobjects.com/pa/js/min/pa.js\" }),\n React.createElement(\"script\", { type: \"text/javascript\", defer: true, src: props.baseUrls.js + \"/vendor.js\" }),\n React.createElement(\"script\", { type: \"text/javascript\", defer: true, src: props.baseUrls.js + \"/appBundle.js\" }))));\n}\nexports.default = react_redux_1.connect(function (state) { return state; })(Layout);\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n/**\n * This reducer create typical reducer for common type of actions { type, payload } only.\n */\nvar modalHeader_1 = require(\"../actions/modalHeader\");\nfunction default_1(state, action) {\n if (state === void 0) { state = modalHeader_1.DefaultHeader; }\n switch (true) {\n case action.type.includes(modalHeader_1.SHOW_NAVIGATION): {\n var newState = Object.assign({}, state);\n newState = action.showNavigation;\n return newState;\n }\n default:\n return state;\n }\n}\nexports.default = default_1;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ManageBodyComponent = exports.handleAdd = exports.removeToastOnAnyAction = void 0;\n/**\n * @module Manage generic component\n *\n * This is the component used accross phone, email, address flows\n * classes, plus any modifier classes and text/text-filled elements if there are any any.\n *\n * NOTE: text will not be positioned in any way by default. Supply a modifier class to position it, if needed.\n *\n * Sample Usage\n *