>} Promise, will resolve a byte array\r\n */\r\nexport const readFileAsByteAray = ({ file }) => new Promise((resolve) => {\r\n const reader = new FileReader();\r\n\r\n reader.onload = ({ target: { result } }) => {\r\n resolve(_.toArray(new Uint8Array(result)));\r\n };\r\n\r\n reader.readAsArrayBuffer(file);\r\n});\r\n\r\n/**\r\n * Append extra data to FormData object before sent to server, modified the solution https://stackoverflow.com/questions/22783108/convert-js-object-to-form-data/42483509#42483509,\r\n * and adapted it to ASP.NET MVC: Object property will be chained by '.', Array index will be wrapped with '[]'.\r\n * This function is mainly created for sending data and files together.\r\n * Example:\r\n * Passed-in arguments\r\n * formData: { FormKey1: '1', FormKey2: 2 }\r\n * data: {\r\n * JsonKey1: {\r\n * JsonKey2: 3\r\n * },\r\n * JsonKey3: [\r\n * { JsonKey4: '4' }\r\n * ],\r\n * JsonKey5: fileObj,\r\n * JsonKey6: null,\r\n * JsonKey7: () => {}\r\n * }\r\n * parentKey: 'ParentKey'\r\n * Returned value:\r\n * formData: {\r\n * FormKey1: '1',\r\n * FormKey2: '2',\r\n * ParentKey.JsonKey1.JsonKey2: '3',\r\n * ParentKey.JsonKey3[0].JsonKey4: '4',\r\n * ParentKey.JsonKey5: fileObj,\r\n * ParentKey.JsonKey6: ''\r\n * }\r\n * @param {FormData} formData - the original FormData object reference, it can be empty FormData or FormData with some values\r\n * @param {*} data - the data to append, can be any type\r\n * @param {string} parentKey - the parentKey to data, will be the prefix of data's property names\r\n * @returns {FormData} the appended FormData object\r\n */\r\nexport const buildFormData = (formData, data, parentKey) => {\r\n if (data && typeof data === 'object' && !(data instanceof Date) && !(data instanceof Blob)) {\r\n const subKeyFormatter = Array.isArray(data) ? key => `[${key}]` : key => `.${key}`;\r\n\r\n Object.keys(data).forEach((key) => {\r\n buildFormData(formData, data[key], parentKey ? `${parentKey}${subKeyFormatter(key)}` : key);\r\n });\r\n } else if (parentKey && typeof data !== 'function') {\r\n const value = data === null || data === undefined || Number.isNaN(data) ? '' : data;\r\n\r\n formData.append(parentKey, value);\r\n }\r\n\r\n return formData;\r\n};\r\n\r\n/**\r\n * Recursively detect if the data contains file.\r\n * Return true if the data is an instance of Blob, or the data is an object containing Blob,\r\n * otherwise return false.\r\n * @param {*} data - the data to check, can be any type\r\n * @returns {bool} the bool result\r\n */\r\nexport const containsFile = (data) => {\r\n if (data instanceof Blob) {\r\n return true;\r\n }\r\n\r\n if (data && typeof data === 'object') {\r\n return Object.values(data).some(containsFile);\r\n }\r\n\r\n return false;\r\n};\r\n","import _ from 'underscore';\r\n\r\nfunction addInputToForm({ form, name, value }) {\r\n const hiddenField = document.createElement('input');\r\n\r\n hiddenField.setAttribute('type', 'hidden');\r\n hiddenField.setAttribute('name', name);\r\n hiddenField.setAttribute('value', value);\r\n\r\n form.appendChild(hiddenField);\r\n}\r\n\r\n/**\r\n * POSTS a form with a full page redirect\r\n * @param {url} url to POST to\r\n * @param {fields} fields which can be used for POSTing parameters\r\n * @returns {void} Nothing\r\n*/\r\nexport const postRedirect = ({ url, fields }) => {\r\n const form = document.createElement('form');\r\n\r\n form.setAttribute('method', 'post');\r\n form.setAttribute('action', url);\r\n\r\n _.each(fields, (field) => {\r\n addInputToForm({ form, name: field.name, value: field.value });\r\n });\r\n\r\n document.body.appendChild(form);\r\n form.submit();\r\n};\r\n","import $ from 'jquery';\r\nimport _ from 'underscore';\r\n\r\nconst defaultOptions = {\r\n precision: 2,\r\n needPercentageSymbol: true,\r\n needSpace: false,\r\n};\r\n\r\n/**\r\n * Return true if the string in parameter is a valid integer greater or equal to Zero\r\n * @param {string|Number} numberValue The number value to test, can be a string or a number type.\r\n * @returns {boolean} True if the string in parameter is a string greater or equal to 0\r\n */\r\nexport const isValidWholeNumber = (numberValue) => {\r\n const number = Math.floor(Number(numberValue));\r\n\r\n return String(number) === String(numberValue) && number >= 0;\r\n};\r\n\r\n/**\r\n * Return input source in percentage format\r\n * @param {number} source The input source. Need to be number, otherwise will return undefined.\r\n * @param {object} [options] Options.\r\n * @param {int} [options.precision] How many digits of decimals want to keep. Default is 2.\r\n * @param {bool} [options.needPercentageSymbol] Whether need a percentage symbol '%'. Default is true.\r\n * @param {bool} [options.needSpace] Wehther need a spance between the value and percentage symbol. Defualt is false.\r\n * @returns {string} Result.\r\n */\r\nexport const getPercentage = (source, options) => {\r\n const { precision, needPercentageSymbol, needSpace } = _.extend({}, defaultOptions, options);\r\n\r\n if (!$.isNumeric(source)) {\r\n return null;\r\n }\r\n\r\n return `${Number(source * 100).toFixed(precision)}${needSpace ? ' ' : ''}${needPercentageSymbol ? '%' : ''}`;\r\n};\r\n\r\n/**\r\n * Return the devided result by handling the divisor or dividend is 0 case.\r\n * @param {number} divisor The divisor.\r\n * @param {number} dividend The dividend.\r\n * @returns {number} Divided result.\r\n */\r\nexport const dividePossibleZero = (divisor, dividend) => (dividend === 0 ? 0 : divisor / dividend);\r\n\r\n/**\r\n * Determines whether one or more bit fields are set in the current instance.\r\n * Need to disable eslint for bitwise operation, that is considered as too rarely used to be expected in js code: https://eslint.org/docs/rules/no-bitwise\r\n * @param {number} number The current instance value number. Need to be a numeric value instance of number or string\r\n * @param {number} flag A value representing the bit field that should be present in the number\r\n * @returns {bool} true if the bit field or bit fields that are set in flag are also set in the current instance; otherwise, false\r\n */\r\nexport const hasFlag = (number, flag) => isValidWholeNumber(number) && (Number(number) & flag) === flag; // eslint-disable-line no-bitwise\r\n\r\n/**\r\n * Returns a new number with one bit fields added.\r\n * @param {number} number The current instance value number. Need to be a numeric value instance of number or string\r\n * @param {number} flag A value representing the bit field that should be added from the number\r\n * @returns {number} a new number with one bit fields added.\r\n */\r\nexport const addFlag = (number, flag) => {\r\n const num = isValidWholeNumber(number) ? Number(number) : 0;\r\n return (num | flag); // eslint-disable-line no-bitwise\r\n};\r\n\r\n/**\r\n * Returns a new number with one bit fields removed if exists, or the same number if flag is not present. Returns null if last flag is removed.\r\n * @param {number} number The current instance value number. Need to be a numeric value instance of number or string\r\n * @param {number} flag A value representing the bit field that should be removed from the number\r\n * @returns {number} a new number with one bit fields removed if exists, or the same number if flag is not present. Returns null if last flag is removed.\r\n */\r\nexport const removeFlag = (number, flag) => {\r\n // If the number doesn't have the flag we should not try to XOR otherwise result will be 0 instead of the value without flag\r\n if (hasFlag(number, flag)) {\r\n return Number(number) ^ flag || null; // eslint-disable-line no-bitwise\r\n }\r\n return number;\r\n};\r\n","import $ from 'jquery';\r\nimport _ from 'underscore';\r\n\r\n/**\r\n * This function is the same of the one in number-utils\r\n * We also export it in string-util because it can be applied with both string or number passed in parameter\r\n */\r\nexport { isValidWholeNumber } from './number-utils';\r\n\r\n/**\r\n * Return true if the string in parameter is a string not empty after trim\r\n * @param {string} str The string to validate.\r\n * @returns {boolean} True if the string in parameter is a string not empty after trim\r\n */\r\nexport const isStringNotBlank = str => _.isString(str) && !_.isEmpty(str.trim());\r\n\r\n/**\r\n * Replaces Values of the form {#} with the corresponding argument passed in after format.\r\n * If # arguments weren't passed in, then {#} is left in the formatted string\r\n * @param {string} str The string to format.\r\n * @returns {string} Formats the string with the given arguments\r\n */\r\nexport const format = (str, ...args) => str.replace(/{(\\d+)}/g, (match, number) => (typeof args[number] === 'undefined' ? match : args[number]));\r\n\r\n/**\r\n * Encodes an text into an HTML string\r\n * @param {string} str The string to encode.\r\n * @returns {string} An HTML-encoded version of str\r\n */\r\nexport const encode = str => $('').text(str).html();\r\n\r\n/**\r\n * Decodes an HTML string into text\r\n * @param {string} str The string to decode.\r\n * @returns {string} A plaintext version of the HTML-encoded str\r\n */\r\nexport const decode = str => $('
').html(str).text();\r\n\r\n/**\r\n * Parse a string to bool\r\n * @param {string|bool} str The string to parse.\r\n * @returns {bool} The bool value of string\r\n */\r\nexport const parseStringToBool = (str) => {\r\n if (_.isString(str)) {\r\n return str.toLowerCase() === 'true';\r\n }\r\n if (_.isBoolean(str)) {\r\n return str;\r\n }\r\n return false;\r\n};\r\n\r\n/**\r\n * Parse a base64 array to string\r\n * @param {array} arr The array of base64 bytes.\r\n * @returns {string} The string translate from base64\r\n */\r\nexport const parseBase64ToString = (arr) => {\r\n if (arr && arr.length) {\r\n const bytes = new Uint8Array(arr);\r\n return btoa(_.map(bytes, byte => String.fromCharCode(byte)).join(''));\r\n }\r\n\r\n return null;\r\n};\r\n\r\n/**\r\n * Test a string using a given regexString\r\n * @param {string} regexStr The given regexString\r\n * @param {string} str The string to test\r\n * @returns {bool} Indicate whether the string fulfils the regexString\r\n */\r\nexport const regexTest = (regexStr, str) => {\r\n const reg = new RegExp(regexStr);\r\n return reg.test(str);\r\n};\r\n","/* istanbul ignore file */\r\nimport _ from 'underscore';\r\nimport 'jquery';\r\nimport IWindow from '@bingads-webui-clientcenter/window-interface';\r\n\r\nimport { getTimestampMillis } from './date-utils';\r\n\r\nexport const ScenarioNames = {\r\n agencyRequestsPage: 'AgencyRequestsPage',\r\n settingsPage: {\r\n content: 'SettingsContent',\r\n userInfo: 'SettingsUserInfoContent',\r\n emailNotification: 'SettingsEmailNotificationContent',\r\n billing: 'SettingsBillingContent',\r\n emailNotificationCategory: 'SettingsEmailNotificationCategoryContent',\r\n emailNotificationCategorySave: 'SettingsEmailNotificationCategorySave',\r\n emailNotificationCategoryAccountFetch: 'emailNotificationCategoryAccountFetch',\r\n emailNotificationCategoryAccountSelectorRender: 'emailNotificationCategoryAccountSelectorRender',\r\n emailNotificationCategoryAccountSelectAll: 'emailNotificationCategoryAccountSelectAll',\r\n emailNotificationCategoryAccountFilter: 'emailNotificationCategoryAccountFilter',\r\n emailNotificationUserSelectorRender: 'SettingsEmailNotificationUserSelectorRender',\r\n },\r\n};\r\n\r\n/**\r\n * Mark the page load time when page is loaded.\r\n * Log the page duration when page is navigated\r\n * @function\r\n * @param {logging} logging to log\r\n * @param {pageReadyMark} pageReadyMark which can be used for performance mark\r\n * @returns {void} Nothing\r\n */\r\nexport const logPageLoadAndNavigationDuration = ({ logging, pageReadyMark }) => {\r\n if (IWindow.pageLoadDurationRecorded && IWindow.pageNavigationStartTime && IWindow.pageNavigationRecorded && logging && logging.pageRoutePageLoadDuration) {\r\n logging.pageRoutePageLoadDuration(IWindow.location.pathname, getTimestampMillis() - IWindow.pageNavigationStartTime, IWindow.pageNavigationRecorded[pageReadyMark]);\r\n IWindow.pageNavigationRecorded[pageReadyMark] = true;\r\n }\r\n\r\n if (!IWindow.pageLoadDurationRecorded && IWindow.location.pathname === IWindow.pageLandingPath) {\r\n IWindow.performance.mark(`${pageReadyMark}LandingPageReady`);\r\n IWindow.pageLoadDurationRecorded = true;\r\n IWindow.pageNavigationRecorded = _.extend(IWindow.pageNavigationRecorded, { [pageReadyMark]: true });\r\n }\r\n};\r\n","module.exports = __WEBPACK_EXTERNAL_MODULE__25__;","module.exports = __WEBPACK_EXTERNAL_MODULE__35__;","module.exports = __WEBPACK_EXTERNAL_MODULE__77__;","export { GlobalErrorBoundary } from './src/global-error-boundary';\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\n/**\r\n * React error boundary enclosing the entire application.\r\n * Smaller components in the app should have their own error boundaries as appropriate.\r\n * Any uncaught rendering/React lifecycle errors will be handled here.\r\n * https://reactjs.org/docs/error-boundaries.html\r\n * @extends React.Component\r\n */\r\nexport class GlobalErrorBoundary extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { hasError: false };\r\n }\r\n\r\n componentDidCatch(error, info) {\r\n if (this.props.logError) {\r\n this.props.logError({ error, info });\r\n }\r\n this.setState({ hasError: true, error, info });\r\n }\r\n\r\n render() {\r\n // Set renderErrorView to null to swallow the error instead of crashing the page\r\n if (this.state.hasError && this.props.renderErrorView) {\r\n return this.props.renderErrorView({\r\n error: this.state.error,\r\n info: this.state.info,\r\n errorViewProps: this.props.errorViewProps,\r\n });\r\n }\r\n return (\r\n \r\n {this.props.children}\r\n \r\n );\r\n }\r\n}\r\n\r\nGlobalErrorBoundary.propTypes = {\r\n /**\r\n * The enclosed application.\r\n */\r\n children: PropTypes.node.isRequired,\r\n /**\r\n * Function for logging the error that occurred.\r\n * @param {Object} obj - Object based on the arguments provided to React componentDidCatch\r\n * @param {Object} obj.error - Error object from React, which includes an error stack trace.\r\n * @param {Object} obj.info - Info object from React, which includes a componentStack trace.\r\n */\r\n logError: PropTypes.func,\r\n /**\r\n * Function for generating an error page view.\r\n * @param {Object} obj - Object based on the arguments provided to React componentDidCatch\r\n * @param {Object} obj.error - Error object from React, which includes an error stack trace.\r\n * @param {Object} obj.info - Info object from React, which includes a componentStack trace.\r\n * @param {Object} obj.errorViewProps - The props used by the error view to be rendered.\r\n * @returns - React node for the error view.\r\n */\r\n renderErrorView: PropTypes.func,\r\n\r\n /**\r\n * Objects of the props will be passed into the renderErrorView.\r\n */\r\n errorViewProps: PropTypes.instanceOf(Object),\r\n};\r\n\r\nGlobalErrorBoundary.defaultProps = {\r\n logError: null,\r\n renderErrorView: null,\r\n errorViewProps: null,\r\n};\r\n","export { version } from './package.json';\r\nexport * from './src/utils';\r\n","\r\n/**\r\n * @param {React.Component} Component React component\r\n * @returns {string} component name (or default name if unrecognized)\r\n */\r\nexport const getDisplayName = Component => Component.displayName || Component.name || 'Component';\r\n","export { HelpPopup } from './src/help-popup';\r\nexport { HelpPopupInline } from './src/help-popup-inline';\r\nexport { HelpButton } from './src/help-button';\r\n","/* eslint-disable jsx-a11y/anchor-has-content, jsx-a11y/anchor-is-valid, no-script-url */\r\n/* global PopupController */\r\n\r\n// NOTE: preferably use HelpButton to avoid accessibility issues\r\nimport PropTypes from 'prop-types';\r\nimport React from 'react';\r\n\r\n/**\r\n * @param {MouseEvent} event click event\r\n * @return {void}\r\n */\r\nfunction onClick(event) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n if (!window.PopupController) {\r\n return;\r\n }\r\n PopupController.PopupJsClick(event.target);\r\n}\r\n\r\nexport function HelpPopup(props) {\r\n return (\r\n \r\n );\r\n}\r\n\r\nHelpPopup.propTypes = {\r\n 'aria-label': PropTypes.string,\r\n 'aria-labelledby': PropTypes.string,\r\n topic: PropTypes.string.isRequired,\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }),\r\n};\r\n\r\nHelpPopup.defaultProps = {\r\n 'aria-label': null,\r\n 'aria-labelledby': null,\r\n i18n: null,\r\n};\r\n","// NOTE: preferably use HelpButton to avoid accessibility issues\r\n\r\nimport _ from 'underscore';\r\nimport PropTypes from 'prop-types';\r\nimport React, { memo, useContext } from 'react';\r\nimport classNames from 'classnames';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { HelpPopup } from './help-popup';\r\n\r\nexport const InlineHelpUnstyled = memo((props) => {\r\n const {\r\n classes,\r\n topic,\r\n withoutSpace,\r\n onClick,\r\n ariaLabel,\r\n } = props;\r\n\r\n const i18n = useContext(I18nContext);\r\n\r\n return (\r\n \r\n \r\n \r\n );\r\n});\r\n\r\nInlineHelpUnstyled.propTypes = {\r\n topic: PropTypes.string.isRequired,\r\n classes: PropTypes.shape({\r\n inlineHelp: PropTypes.string,\r\n }).isRequired,\r\n withoutSpace: PropTypes.bool,\r\n onClick: PropTypes.func,\r\n ariaLabel: PropTypes.string,\r\n};\r\n\r\nInlineHelpUnstyled.defaultProps = {\r\n withoutSpace: false,\r\n onClick: _.noop,\r\n ariaLabel: null,\r\n};\r\n\r\nexport const HelpPopupInline = withDefaultStyles(\r\n InlineHelpUnstyled,\r\n (components, { palette = {}, iconFontFamily = 'MsAds MDL2 Assets' }) => ({\r\n inlineHelp: {\r\n display: 'inline-block',\r\n fontSize: '15px !important',\r\n fontWeight: 'normal',\r\n\r\n '& .helpbutton': {\r\n paddingTop: '2px',\r\n paddingLeft: '2px',\r\n\r\n '&::before': {\r\n content: '\"\\\\E9CE\"',\r\n fontFamily: iconFontFamily,\r\n position: 'relative',\r\n top: 2,\r\n },\r\n\r\n '&:focus': {\r\n outline: '1px solid',\r\n outlineColor: palette.neutralSecondary,\r\n border: 'none',\r\n color: palette.black,\r\n textDecoration: 'none',\r\n },\r\n\r\n '&:hover': {\r\n backgroundColor: palette.neutralLighter,\r\n color: palette.black,\r\n textDecoration: 'none',\r\n },\r\n\r\n '&:active': {\r\n backgroundColor: palette.neutralLight,\r\n color: palette.black,\r\n textDecoration: 'none',\r\n },\r\n },\r\n },\r\n\r\n withSpace: {\r\n marginLeft: 3,\r\n },\r\n })\r\n);\r\n\r\n","module.exports = __WEBPACK_EXTERNAL_MODULE__11__;","module.exports = __WEBPACK_EXTERNAL_MODULE__22__;","module.exports = __WEBPACK_EXTERNAL_MODULE__35__;","/* global PopupController */\r\nimport PropTypes from 'prop-types';\r\nimport React, { useContext } from 'react';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport classNames from 'classnames';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nfunction onClick(event) {\r\n event.preventDefault();\r\n PopupController.PopupJsClick(event.target);\r\n}\r\n\r\nexport function HelpButtonUnstyled(props) {\r\n const i18n = useContext(I18nContext);\r\n return (\r\n \r\n );\r\n}\r\n\r\nHelpButtonUnstyled.propTypes = {\r\n 'aria-label': PropTypes.string,\r\n 'aria-labelledby': PropTypes.string,\r\n topic: PropTypes.string.isRequired,\r\n classes: PropTypes.shape({\r\n helpButton: PropTypes.string,\r\n }).isRequired,\r\n};\r\n\r\nHelpButtonUnstyled.defaultProps = {\r\n 'aria-label': null,\r\n 'aria-labelledby': null,\r\n};\r\n\r\nexport const HelpButton = withDefaultStyles(\r\n HelpButtonUnstyled,\r\n (components, { palette = {}, iconFontFamily = 'MsAds MDL2 Assets' }) => ({\r\n helpButton: {\r\n border: '0px',\r\n fontSize: '15px',\r\n backgroundColor: 'inherit !important',\r\n textDecoration: 'none !important',\r\n cursor: 'pointer',\r\n '&:focus': {\r\n border: `1px solid ${palette.neutralSecondary}`,\r\n },\r\n color: palette.themePrimary,\r\n fontWeight: 'normal',\r\n padding: '0px',\r\n display: 'block',\r\n '&:before': {\r\n top: '2px',\r\n content: '\"\\\\E9CE\"',\r\n position: 'relative',\r\n fontFamily: iconFontFamily,\r\n },\r\n },\r\n })\r\n);\r\n","export { GlobalErrorView } from './src';\r\n","/* eslint-disable react/no-array-index-key */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport _ from 'underscore';\r\nimport { withDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { getStyle } from './style/get-style';\r\n\r\nclass UnthemedGlobalErrorView extends React.PureComponent {\r\n render() {\r\n const {\r\n classes, description, title, className,\r\n } = this.props;\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n {title}\r\n
\r\n
\r\n {_.map(description, (txt, index) => (\r\n
\r\n {_.isFunction(txt) ? txt() : txt}\r\n
\r\n ))}\r\n
\r\n
\r\n
\r\n