\n\t\t\t{props.children}\n\t\t
\n\t)\n}\n\n// Col.propTypes = {\n\n// all: PropTypes.oneOfType([\n// \t \tPropTypes.number,\n// \t \tPropTypes.string\n// ]),\n// sm: PropTypes.oneOfType([\n// \t \tPropTypes.number,\n// \t \tPropTypes.string\n// ]),\n// md: PropTypes.oneOfType([\n// \t \tPropTypes.number,\n// \t \tPropTypes.string\n// ]),\n// lg: PropTypes.oneOfType([\n// \t \tPropTypes.number,\n// \t \tPropTypes.string\n// ]),\n// xl: PropTypes.oneOfType([\n// \t \tPropTypes.number,\n// \t \tPropTypes.string\n// ]),\n\n// offset: PropTypes.number,\n// push: PropTypes.number,\n// pull: PropTypes.number,\n// offsetSm: PropTypes.number,\n// pushSm: PropTypes.number,\n// offsetMd: PropTypes.number,\n// pushMd: PropTypes.number,\n// offsetLg: PropTypes.number,\n// pushLg: PropTypes.number,\n// offsetXl: PropTypes.number,\n// pushXl: PropTypes.number,\n\n// auto: PropTypes.bool,\n// alignSelfStart: PropTypes.bool,\n// alignSelfLeft: PropTypes.bool,\n// alignSelfCenter: PropTypes.bool,\n// alignSelfEnd: PropTypes.bool,\n// alignSelfRight: PropTypes.bool,\n\n// flexOrder: PropTypes.oneOf(['unordered', 'first', 'last']),\n\n// className: PropTypes.string,\n// // style: PropTypes.string,\n\n// }\n\nexport default Col","import React from 'react'\nimport styled from 'styled-components'\nimport PropTypes from 'prop-types'\n\nfunction H(props) {\n\n\tlet component = '', color = null,\n\tfontWeight = null;\n\n\tif (props.h1) {\n\t\tcomponent = 'h1'\n\t}\n\tif (props.h2) {\n\t\tcomponent = 'h2'\n\t}\n\tif (props.h3) {\n\t\tcomponent = 'h3'\n\t}\n\tif (props.h4) {\n\t\tcomponent = 'h4'\n\t}\n\tif (props.h5) {\n\t\tcomponent = 'h5'\n\t}\n\tif (props.h6) {\n\t\tcomponent = 'h6'\n\t}\n\n\t/* [START] Light Font */\n\tif (props.thin || props.light) {\n\t\tfontWeight = 300;\n\t}\n\t/* [END] Light Font */\n\n\tif (props.color) {\n\t\tcolor = props.color\n\t}\n\n\tconst HeadingComponent = styled(component)`\n\t\t${ color ? 'color: ' + color : '' };\n\t\t${ fontWeight ? 'font-weight: ' + fontWeight : ''};\n\t\t${ props.style };\n\t`\n\n\treturn (\n\t\t\n
\n :\n this.props.t('common.previous')\n }\n nextText={this.props.t('common.next')}\n onFilteredChange={this.props.onFilteredChange}\n SubComponent={this.props.SubComponent}\n expandedRows={this.props.expandedRows}\n onExpandedChange={this.props.onExpandedChange}\n loadingText={this.props.t('common.loading')}\n noDataText={this.props.t('common.noRowsFound')}\n pageText={this.props.t('common.page')}\n ofText={this.props.t('common.of')}\n />\n :\n \n {\n e.preventDefault();\n e.stopPropagation();\n }}\n doNotTranslate\n >\n {this.props.t('common.totalRecords', {count: this.props.totalRows})}\n \n
\n \n {this.props.t('common.previous')}\n
\n \n
\n :\n this.props.t('common.previous')\n }\n nextText={this.props.t('common.next')}\n onFilteredChange={this.props.onFilteredChange}\n SubComponent={this.props.SubComponent}\n expandedRows={this.props.expandedRows}\n onExpandedChange={this.props.onExpandedChange}\n loadingText={this.props.t('common.loading')}\n noDataText={this.props.t('common.noRowsFound')}\n pageText={this.props.t('common.page')}\n ofText={this.props.t('common.of')}\n />\n );\n }\n}\n\n// Table.propTypes = {\n// data: PropTypes.arrayOf(PropTypes.object),\n// columns: PropTypes.arrayOf(PropTypes.object),\n\n// showPaginationBottom: PropTypes.bool,\n\n// resizable: PropTypes.bool,\n// defaultPageSize: PropTypes.number,\n\n// minRows: PropTypes.number,\n// className: PropTypes.string,\n\n// expanderDefaults: PropTypes.object,\n\n// striped: PropTypes.bool,\n\n// style: PropTypes.string,\n// }\n\nexport default withTranslation()(Table);\n","import React, { PureComponent } from 'react'\nimport PropTypes from 'prop-types'\nimport CommonStyles from '../../../styles/CommonStyles'\n\nimport './Box.css'\n\nclass Box extends PureComponent {\n\n\n\trender() {\n\t\tlet bgColor = this.props.bgColor || CommonStyles.white\n\n\t\tconst style = {\n\t\t\theight: this.props.height ? this.props.height + 'px' : '90px',\n\t\t\tbackgroundColor: bgColor,\n\t\t};\n\n\t\tif (this.props.width) {\n\t\t\tstyle.width = `${this.props.width}px`\n\t\t}\n\n\t\tif (this.props.fullWidth) {\n\t\t\tstyle.width = '100%'\n\t\t}\n\t\tif (this.props.rounded) {\n\t\t\tstyle.borderRadius = '4px';\n\t\t}\n\t\t\n\t\treturn (\n\t\t\t\n\t\t)\n\t}\n}\n\nBox.propTypes = {\n bgColor: PropTypes.string,\n notRounded: PropTypes.bool,\n style: PropTypes.string,\n\n}\n\nexport default Box","import React from 'react'\nimport PropTypes from 'prop-types'\nimport CommonStyles from '../../../styles/CommonStyles'\n\nfunction Progress(props) {\n\n\tlet color = CommonStyles.progressBlue;\n\tlet bgColor = null;\n\n\tif (props.orange) {\n\t\tcolor = CommonStyles.progressOrange;\n\t}\n\tif (props.green) {\n\t\tcolor = CommonStyles.green;\n\t}\n\t\n\tif (props.color) {\n\t\tcolor = props.color;\n\t}\n\n\tif (props.withBg) {\n\t\tif(props.bgColor) {\n\t\t\tbgColor = props.bgColor;\n\t\t} else {\n\t\t\tbgColor = CommonStyles.ice;\n\t\t}\n\t}\n\tlet height = 12;\n\tif (props.height) {\n\t\theight = props.height;\n\t}\n\tlet percentage = props.percentage;\n\tif (percentage > 100) {\n\t\tpercentage = 100;\n\t}\n\tif (percentage < 0) {\n\t\tpercentage = 0;\n\t}\n\n\tconst progressVisible = (props.hideZeroPercentage && percentage == 0) ? false : true;\n\n\tconst progressDivStyle = {\n\t\twidth: `${percentage}%`,\n\t\tminWidth: `12px`,\n\t\theight: `${height}px`,\n\t\tborderRadius: `${height/2}px`,\n\t\tdisplay: 'block',\n\t\tbackgroundColor: color || 'transparent',\n\t\tvisibility: progressVisible ? 'visible' : 'hidden',\n\t\t...props.borders,\n\t}\n\n\tconst bgDivStyle = {\n\t\t//width: '100%',\n\t\theight: `${height}px`,\n\t\tborderRadius: `${height/2}px`,\n\t\tdisplay: 'block',\n\t\tbackgroundColor: bgColor || 'transparent',\n\t\t...props.borders,\n\t}\n\n\tconst indicatorStyle = {\n\t\tposition: 'absolute',\n\t\tright: '0',\n\t\tpaddingRight: '15px',\n\t\tpaddingBottom: '2px',\n\t\tbottom: `${height}px`,\n\t\tfontSize: '0.6rem',\n\t\tcolor: CommonStyles.gray2,\n\t\tfontWeight: '300',\n\t};\n\n\tconst scaleJsx = props.withRuler && \n\t\t\t\t\t(\n {\n e.preventDefault();\n e.stopPropagation();\n }}\n doNotTranslate\n >\n {this.props.t('common.totalRecords', {count: this.props.totalRows})}\n \n
\n \n {this.props.t('common.previous')}\n
\n \n\t\t\t\t\t\t
)\n\n\treturn (\n\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t E\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t |\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t |\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t |\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t F\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t \n\t\t\t{\n\t\t\t\tprops.showPercentageNumber &&\n\t\t\t\t
\n\t)\n}\n\n// Progress.propTypes = {\n// color: PropTypes.string,\n// withBg: PropTypes.bool,\n// withRuler: PropTypes.bool,\n// bgColor: PropTypes.string,\n// style: PropTypes.string,\n// blue: PropTypes.bool,\n// orange: PropTypes.bool,\n// percentage: PropTypes.number,\n// }\n\nexport default Progress","import React from 'react'\nimport PropTypes from 'prop-types'\nimport _ from 'lodash'\nimport './dot.css'\n\n\nfunction DotComp(props) {\n\n\tconst classNames = ['dot'];\n\tlet title = '';\n\n\tif (props.title) {\n\t\ttitle = props.title\n\t}\n\n\tif (props.className) {\n\t\tclassNames.push(props.className);\n\t\tif (!_.includes(props.className, 'marg-')) {\n\t\t\tclassNames.push('marg-r-10');\n\t\t}\n\t} else {\n\t\tclassNames.push('marg-r-10');\n\t}\n\n\tif (props.gray) {\n\t\tclassNames.push('gray');\n\t}\n\tif (props.small) {\n\t\tclassNames.push('small');\n\t}\n\tif (props.color) {\n\t\tclassNames.push(props.color);\n\t}\n\n\tif (props.status) {\n\n\t\tswitch (_.lowerCase(props.status)) {\n\n\t\t\tcase 'active':\n\t\t\tcase 'approved':\n\t\t\t\tclassNames.push('active');\n\t\t\tbreak;\n\n\t\t\tcase 'pending':\n\t\t\tcase 'inactive':\n\t\t\tcase 'in-active':\n\t\t\tcase 'in active':\n\t\t\tcase 'paused':\n\t\t\tcase 'draft':\n\t\t\tcase 'pre approved':\n\t\t\t\tclassNames.push('inactive');\n\t\t\tbreak;\n\n\t\t\tcase 'changes_suggested':\n\t\t\tcase 'changes suggested': // lowercase function in switch is removing underscore\n classNames.push('inactive');\n break;\n\n\t\t\tcase 'expired':\n\t\t\tcase 'rejected':\n\t\t\tcase 'warning':\n\t\t\tcase 'denied':\n\t\t\tcase 'cancelled':\n\t\t\t\tclassNames.push('expired');\n\t\t\tbreak;\n\t\t\t\n\t\t\tcase 'archived':\n\t\t\tcase 'all':\n\t\t\t\tclassNames.push('gray');\n\t\t\tbreak;\n\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t}\n\n\n\n\n\treturn \n}\n\n// DotComp.propTypes = {\n// color: PropTypes.string,\n// className: PropTypes.string,\n// }\n\nexport default DotComp","import React, {PureComponent} from 'react'\nimport _ from 'lodash'\nimport ReactDOM from 'react-dom'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport styled from 'styled-components'\nimport PropTypes from 'prop-types'\nimport {Icon} from '..'\nimport './dropdown.css'\n\n\nclass Dropdown extends PureComponent {\n\n static defaultProps = {\n useStaticLabel: false,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n expanded: false,\n selectedOption: null,\n offset: null\n };\n\n if (props.selectedOption && props.selectedOption.key) {\n this.state.selectedOption = props.selectedOption;\n }\n\n this.setWrapperRef = this.setWrapperRef.bind(this);\n this.handleClickOutside = this.handleClickOutside.bind(this);\n this.expand = this.expand.bind(this);\n this.collapse = this.collapse.bind(this);\n }\n\n componentDidMount() {\n document.addEventListener('mousedown', this.handleClickOutside);\n\n const dropMen = ReactDOM.findDOMNode(this.wrapperRef);\n const specs = dropMen.getBoundingClientRect();\n\n this.setState({\n offset: specs\n });\n }\n\n componentWillUnmount() {\n document.removeEventListener('mousedown', this.handleClickOutside);\n }\n\n componentDidUpdate(prevProps, prevState, snapshot) {\n if (!_.isEqual(prevProps.selectedOption, this.props.selectedOption)) {\n /**\n * Handle events that auto-change the selected option, like another selection input.\n */\n this.setState({\n selectedOption: this.props.selectedOption\n });\n }\n }\n\n /**\n * Set the wrapper ref\n */\n setWrapperRef(node) {\n this.wrapperRef = node;\n }\n\n /**\n * Alert if clicked on outside of element\n */\n handleClickOutside(event) {\n if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {\n this.collapse();\n }\n }\n\n expand() {\n this.setState({\n expanded: true\n });\n }\n\n collapse() {\n this.setState({\n expanded: false\n });\n }\n\n handleSelection(e, option) {\n this.setState({\n selectedOption: option,\n });\n this.collapse();\n this.props.onSelect(option);\n }\n\n render() {\n\n let dropDownOptionsJsx = null;\n const classNames = ['dropdown-absolute-cont']\n\n if (this.props.containerClass) {\n classNames.push(this.props.containerClass);\n }\n\n if (this.state.expanded) {\n\n dropDownOptionsJsx = \n\t\t\t\t\t\t\t\t\t{this.props.options.map((option, optionIndex) => {\n\t\t\t\t\t\t\t\t\t\tconst isLastOption = optionIndex === (this.props.options.length - 1);\n\t\t\t\t\t\t\t\t\t\tconst thisOptionSelected = (this.state.selectedOption && this.state.selectedOption.key == option.key);\n\t\t\t\t\t\t\t\t\t\tconst StyledDiv = styled.div`\n\t\t\t\t\t\t\t\t\t\t\tcolor: ${ thisOptionSelected ? CommonStyles.gray2 : CommonStyles.gray};\n\t\t\t\t\t\t\t\t\t\t\t${ option.hide ? 'display: none;' : '' }\n\t\t\t\t\t\t\t\t\t\t`\n return \n\t\t\t\t\t\t\t\t\t\t\t\t\t{props.percentage}%
\n\t\t\t}\n\t\t\t\n\t\t\t\t
\n\t\t\t{scaleJsx}\n\t\t\n\t\t\t\t\t{props.children}\n\t\t\t\t
\n\t\t\t\n \n \n
\n );\n}\n\n// Toggle.propTypes = {\n// checked: PropTypes.bool,\n// onClick: PropTypes.func.isRequired,\n// id: PropTypes.string.isRequired,\n// disabled: PropTypes.bool\n// };\n\n\nexport default Toggle;\n\n\n\n","import React, {PureComponent} from 'react'\nimport PropTypes from 'prop-types'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport {Text} from '..'\nimport './input.css'\n\n\nclass CustomInput extends PureComponent {\n\n render() {\n\n let style = {width: '100%'};\n let inputType = \"text\";\n let errorText = null;\n let errorTextColor = null;\n let multipleFileUpload = false;\n const classNames = ['custom-input'];\n const parentClassNames = [];\n\n\n if (this.props.className) {\n classNames.push(this.props.className);\n }\n if (this.props.italic) {\n classNames.push('italic');\n }\n if (this.props.isFileUpload) {\n inputType = \"file\"\n }\n if (this.props.isMultiFileUpload) {\n multipleFileUpload = \" \"\n }\n if (this.props.type) {\n inputType = this.props.type\n }\n\n if (this.props.width) {\n style.width = this.props.width + '%';\n if (this.props.width === '100%') {\n parentClassNames.push('fullWidth');\n }\n }\n if (this.props.fullWidth || this.props.fullwidth) {\n parentClassNames.push('fullWidth');\n }\n if (this.props.parentClassNames) {\n parentClassNames.push(this.props.parentClassNames);\n }\n if (this.props.minLength && this.props.value && this.props.value !== '' && this.props.value.length < this.props.minLength) {\n classNames.push('error');\n errorText = 'Min length is ' + this.props.minLength + ' characters.';\n errorTextColor = CommonStyles.errorOrange;\n }\n if (this.props.maxLength && this.props.value && this.props.value !== '' && this.props.value.length > this.props.maxLength) {\n classNames.push('error');\n errorText = 'Max length is ' + this.props.maxLength + ' characters.';\n errorTextColor = CommonStyles.errorOrange;\n }\n if (this.props.minValue && this.props.value && this.props.value !== '' && this.props.value < parseFloat(this.props.minValue)) {\n classNames.push('error');\n errorText = 'Min value is ' + this.props.minValue;\n errorTextColor = CommonStyles.errorOrange;\n }\n if (this.props.maxValue && this.props.value && this.props.value !== '' && this.props.value > parseFloat(this.props.maxValue)) {\n classNames.push('error');\n errorText = 'Max value is ' + this.props.maxValue;\n errorTextColor = CommonStyles.errorOrange;\n }\n\n if (this.props.multipleOf && !isNaN(this.props.multipleOf) && this.props.value % this.props.multipleOf !== 0) {\n classNames.push('error');\n errorText = `Quantity must be a multiple of ${this.props.multipleOf}`\n errorTextColor = CommonStyles.errorOrange;\n }\n\n const errorTextClassNames = ['input-error-text'];\n\n if (this.props.errorTextClassNames) {\n errorTextClassNames.push(this.props.errorTextClassNames);\n }\n\n if (typeof this.props.style === 'object') {\n style = Object.assign(style, this.props.style);\n }\n\n return (\n \n \n {errorText}\n \n }\n
\n )\n\n }\n\n}\n\n// CustomInput.propTypes = {\n// italic: PropTypes.bool,\n// keyVal: PropTypes.oneOfType([\n// \tPropTypes.string,\n// \tPropTypes.number,\n// ]),\n// placeholder: PropTypes.string.isRequired,\n// value: PropTypes.oneOfType([\n// \tPropTypes.string,\n// \tPropTypes.number,\n// ]),\n// style: PropTypes.string,\n// className: PropTypes.string,\n// color: PropTypes.string,\n// }\n\nexport default CustomInput;\n\n\n\n\n\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport {Icon} from '..'\nimport Input from '.'\n\nfunction InputWithIcon(props) {\n\n\tconst classNames = [];\n\tconst parentClassNames = ['input-group', 'input-group-legacy'];\n\n\tif (props.className) {\n\t\tclassNames.push(props.className);\n\t}\n\n if (props.parentClassNames) {\n parentClassNames.push(props.parentClassNames);\n }\n\n\tif (props.preIcon) {\n classNames.push('input-group-input-pre');\n\t} else {\n classNames.push('input-group-input');\n\t}\n\n\tlet preIconClass = '';\n\tlet iconClass = '';\n\n\tif (props.rounded) {\n\n preIconClass = 'input-rounded-left';\n iconClass = 'input-rounded-right';\n\n if (props.preIcon) {\n classNames.push('input-rounded-right');\n } else if (props.icon) {\n classNames.push('input-rounded-left');\n } else {\n classNames.push('input-rounded');\n }\n }\n\n return (\n \n {\n props.preIcon &&\n \n\t\t\t\t\t
\n )\n}\n\n// InputWithIcon.propTypes = {\n// italic: PropTypes.bool,\n// placeholder: PropTypes.string,\n// value: PropTypes.oneOfType([\n// \tPropTypes.string,\n// \tPropTypes.number,\n// ]),\n// style: PropTypes.string,\n// className: PropTypes.string,\n// color: PropTypes.string,\n// }\n\nexport default InputWithIcon","import React, {useState} from 'react'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport Config from '../../../config'\nimport PropTypes from 'prop-types'\nimport {Icon, Text} from '../'\nimport {\n Link\n} from 'react-router-dom'\nimport {\n cleanChars\n} from '../../../helpers'\nimport './index.css'\n\nimport FlashSaleItemPointsSection, {\n FLASH_ITEM_SECTION_SLIDER,\n isFlashSaleItem\n} from \"../../shop/BO/FlashSaleItemPointsSection\"\nimport ItemQuantityMultiples from \"../../shop/helpers/ItemQuantityMultiples\"\nimport {useTranslation} from \"react-i18next\";\nimport ReactGA from \"../../../services/ReactGA\";\n\n\nfunction ShopItem(props) {\n\n const { t, i18n } = useTranslation();\n const [itemExpired, setItemExpired] = useState(false);\n\n\n let show_check = true;\n let pts_to_check = props.item.points;\n let user_balance = props.userPointsBalance; // in points\n let pts = (props.item && props.item.points) ? parseInt(props.item.points, 10).toLocaleString() + ` ${t('common.pointsShort')} ` : 0;\n\n const minimum_display_cost = (props.item && props.item.minimum_display_cost && !isNaN(props.item.minimum_display_cost)) ? parseInt(props.item.minimum_display_cost, 10) : 0;\n const maximum_display_cost = (props.item && props.item.maximum_display_cost && !isNaN(props.item.maximum_display_cost)) ? parseInt(props.item.maximum_display_cost, 10) : 0;\n const itemQuantityMultiplesInstance = ItemQuantityMultiples.getInstance(props.item.quantity_multiples);\n\n if ((maximum_display_cost != minimum_display_cost) && (maximum_display_cost > minimum_display_cost)) {\n\n // let currencySymbol = '$'; // default it to USA CANADA for now\n // let pointsVerbiage = '';\n\n let currencySymbol = '';\n let pointsVerbiage = t('common.pointsShort');\n\n /**\n * @todo: get currency symbols from BE later\n */\n /*if (props.item && props.item.group_attribute_name && ['size'].indexOf(props.item.group_attribute_name) - 1) {\n // for these group attribute names, do not prepend country currency codes\n currencySymbol = \"\";\n pointsVerbiage = t('common.pointsShort');\n } else if (props.item && props.item.country_code_iso2) {\n\n switch (props.item.country_code_iso2) {\n case 'IN':\n currencySymbol = '₹';\n break;\n case 'GB':\n currencySymbol = '£';\n break;\n case 'CA':\n currencySymbol = 'CA$ ';\n break;\n\n case 'US':\n\n if (props.item && props.item.group_id && props.item.group_id == 'master_card_egift_bhn_CA') {\n currencySymbol = 'CA$ ';\n } else {\n currencySymbol = '$';\n }\n break;\n\n default:\n break;\n }\n }*/\n\n pts = currencySymbol + minimum_display_cost + ' to ' + currencySymbol + maximum_display_cost + ' ' + pointsVerbiage;\n pts_to_check = minimum_display_cost;\n\n if (props.account_point_price) {\n user_balance = user_balance * props.account_point_price; // in dollars or rupees or what ever.\n } else {\n show_check = false;\n }\n }\n\n if (itemQuantityMultiplesInstance.isValid() && !isNaN(pts_to_check)) {\n pts_to_check = pts_to_check * itemQuantityMultiplesInstance.getMinimumMultipleAmount();\n }\n\n let brandNameLength = 50;\n let showName = true;\n\n if (['recommended', 'new_arrivals', 'most_popular'].indexOf(props.context) > -1) {\n brandNameLength = 25;\n showName = false;\n }\n\n\n const itemDetailsJsx = (\n \n
\n {\n !props.hideTitle &&\n \n \n
\n {\n props.item.created_at &&\n \n New! \n
\n }\n \n
\n }\n \n \n {props.item.brand_name.length > brandNameLength ? cleanChars(props.item.brand_name.slice(0, brandNameLength)) + '...' : cleanChars(props.item.brand_name)}\n \n
\n {\n showName &&\n \n \n {props.item.name.length > 65 ? cleanChars(props.item.name.slice(0, 65)) + '...' : cleanChars(props.item.name)}\n \n
\n }\n \n {\n (props.hidePointsInfo && props.hidePointsInfo == 1)\n ?\n null\n :\n \n\t\t\t\t\t\t\t\t\t{\n props.item && isFlashSaleItem(props.item)\n ?\n setItemExpired(true))}\n section={FLASH_ITEM_SECTION_SLIDER}\n quantityLeft={props.item.quantity_left}\n />\n :\n <>\n \n {pts}\n {\n itemQuantityMultiplesInstance.isValid() &&\n \n (per item)\n \n }\n \n {\n show_check && (user_balance >= pts_to_check)\n ?\n \n : null\n }\n \n }\n\t\t\t\t\t\t\t\t \n }\n
\n \n );\n\n let currentUrlParams = '';\n\n if (props.preserveUrlQueryString) {\n // keep the query string URL on redirect to detail page\n currentUrlParams = new URLSearchParams(window.location.search);\n\n if (currentUrlParams) {\n currentUrlParams = '?' + currentUrlParams.toString();\n }\n }\n\n function handleClick(item) {\n if (props.context === 'recommended') {\n ReactGA.event('click_shop_item', {\n context: 'recommended',\n item_source: item.source || 'unknown',\n position: props.position || 'NA',\n });\n }\n }\n\n return (\n \n {\n itemExpired\n ?\n \n\t\t\t\t\t\t{itemDetailsJsx}\n\t\t\t\t\t\n :\n handleClick(props.item)}\n >\n {itemDetailsJsx}\n \n }\n
\n );\n}\n\n\n// ShopItem.propTypes = {\n// item: PropTypes.shape({\n// \timage_url: PropTypes.string,\n// \tname: PropTypes.string,\n// \tpoints: PropTypes.number,\n// }),\n// userPointsBalance: PropTypes.number,\n// }\n\nexport default ShopItem;\n\n\n","import React from 'react'\nimport styled from 'styled-components'\nimport PropTypes from 'prop-types'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport {\n Text, Row, Col, AddressBlock,\n} from '..'\nimport './ShipAddress.css'\n\n\nfunction ShipAddress(props) {\n\n const {address} = props;\n let className = ['addr-cont'];\n\n if (!props.doNotShowEditOptions) {\n className.push('cursor');\n }\n\n const AddressCont = styled.div`\n border: 1px solid ${CommonStyles.gray};\n height: 100%;\n `;\n\n const AddressInnerCont = styled.div`\n padding: 10px 20px 20px 20px;\n `;\n\n\n if (props.selected) {\n className.push('selected-addr');\n }\n\n return (\n |
\n \n \n\t\t\t
\n\t);\n}\n\nexport default AddressBlock;\n\n\n","import React from 'react'\nimport styled from 'styled-components'\nimport PropTypes from 'prop-types'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport {Row, Col, Icon, Text} from '../'\n\nfunction SuccessModalCont(props) {\n\n\tconst PaddedDiv = styled.div`\n\t\tpadding: 30px 50px;\n\t`;\n\n\treturn (\n\t\t\n\t\t\t\t{address.first_name} {address.last_name} \n\t\t\t
\n\n\t\t\t\n\n\t\t\t\t{\n\t\t\t\t\tgiftMessage &&\n\t\t\t\t\t(giftMessage.length > 0) &&\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\tGIFT ADDRESS\n\t\t\t\t\t\t \n\t\t\t\t}\n\n\t\t\t\t
\n\t\t\n\t\t\t\t\t{address.address1} \n\t\t\t\t
\n\t\t\t\t{\n\t\t\t\t\taddress.address2 &&\n\t\t\t\t\t\n\t\t\t\t\t\t{address.address2} \n\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\t{address.city}, {address.state} {address.postal_code} \n\t\t\t\t
\n\n\n\t\t\t\t\n\t\t\t\t\t{address.phone} \n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{address.email} \n\t\t\t\t
\n\t\t\t\t{\n\t\t\t\t\taddress.egift_recipient_email\n\t\t\t\t\t&&\n\t\t\t\t\t\n\t\t\t\t\t\t{address.egift_recipient_email} \n\t\t\t\t\t
\n\t\t\t\t}\n\t\t\t\n\t\t\t\t\t\t\tE-Gift Recipient Email:
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tSuccess \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t
\n\t);\n}\n\nexport default LoadingPanel;","import React, {useEffect, useState} from 'react';\nimport axios from \"axios\";\nimport Config from \"../../../config\";\nimport {Button, Col, Input, ModuleContainer, Row, Text, Textarea} from \"../../building_blocks\";\nimport CommonStyles from \"../../../styles/CommonStyles\";\nimport moment from \"moment\";\n\n\nconst STATUS = {\n pending: {color: 'warning', label: 'Pending'},\n approved: {color: 'success', label: 'Approved'},\n denied: {color: 'danger', label: 'Rejected'},\n};\n\nexport default function AOEmployeeModeration({employee, refreshSelectedUserDetails}) {\n\n const [approvalRequest, setApprovalRequest] = useState(null);\n const [moderationNotes, setModerationNotes] = useState('');\n const [alert, setAlert] = useState(null);\n const [refresh, setRefresh] = useState(0);\n\n useEffect(() => {\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}/members/api_get_moderation`,\n headers: {\n 'Content-Type': 'text/plain',\n },\n withCredentials: true,\n data: {\n payload: {\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n employee_id: employee.id\n }\n },\n })\n .then((res) => {\n\n if (res.data.resultStatus === 'success') {\n\n if (res.data.approval_request) {\n setApprovalRequest(res.data.approval_request);\n }\n\n } else {\n\n }\n\n });\n }, [employee, refresh]);\n\n function moderate(action) {\n\n setAlert(null);\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}/members/api_moderate`,\n headers: {\n 'Content-Type': 'text/plain',\n },\n withCredentials: true,\n data: {\n payload: {\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n request_id: approvalRequest.id,\n action: action,\n notes: moderationNotes\n }\n },\n })\n .then((res) => {\n\n if (res.data.resultStatus === 'success') {\n setAlert({type: action === 'approve' ? 'success' : 'info', msg: res.data.resultMsg});\n setRefresh(refresh + 1);\n refreshSelectedUserDetails();\n } else {\n setAlert({type: 'error', msg: res.data.resultMsg});\n }\n\n });\n }\n\n if (!approvalRequest) {\n return null;\n }\n\n return (\n \n\t\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{props.msg || 'Loading'} \n\t\t\t\t
\n\t\t\t\n\n
\n \n );\n\n}\n","import React, {PureComponent} from 'react'\nimport styled from 'styled-components'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport {\n Col, Dot, H, ModuleContainer,\n Row, Spacer, Text,\n Info, Button, Input, UserAvatar\n} from '..'\nimport moment from 'moment'\nimport _, {get} from 'lodash'\nimport {connect} from 'react-redux'\nimport Config from \"../../../config\"\nimport {startCase, startCaseAndReplaceCharacters} from \"../../../helpers\"\nimport EmployeeDetailBlockExtra from '../EmployeeDetailBlockExtra'\nimport Confirm from '../Confirm'\nimport axios from 'axios'\nimport * as EndPoints from '../../../services/API/EndPoints'\nimport {CloseModal, OpenModal} from '../../modal_manager/actions/ModalActions'\nimport {getWalletAlias} from \"../../wallets/helpers/wallets\"\nimport SurveyList from \"../../survey/BO/SurveyList\";\nimport { withTranslation } from 'react-i18next';\nimport AOEmployeeModeration from \"../../employees/AO/AOEmployeeModeration\";\nimport {inviteEmployeesEnabled} from \"../../employees/selectors/EmployeesSelectors\";\n\nconst noFormatFields = [\n 'facebook_handle',\n 'instagram_handle',\n 'personal_email'\n];\n\n\nclass EmployeeDetailBlock extends PureComponent {\n\n constructor(props) {\n\n super(props);\n this.state = {\n resultStatus: '',\n token: props.employee.ms_teams_token || null,\n loginInfoEmail: '',\n loginInfoStatus: null,\n loginInfoMsg: null,\n processing: false,\n\n activationLinkStatus: null,\n activationLinkMsg: null,\n activation_link_sent: false\n };\n\n this.openEditEmployeeModal = this.openEditEmployeeModal.bind(this);\n this.openEditEmployeeProfileModal = this.openEditEmployeeProfileModal.bind(this);\n this.walletPointsSectionJsx = this.walletPointsSectionJsx.bind(this);\n this.sendLoginInfo = this.sendLoginInfo.bind(this);\n this.shopInfo = this.shopInfo.bind(this);\n this.sendActivationLink = this.sendActivationLink.bind(this);\n this.sendInvitationEmail = this.sendInvitationEmail.bind(this);\n\n this.componentActive = false;\n this.refreshDataTimeout = null;\n }\n\n componentDidMount() {\n this.componentActive = true;\n\n if (this.refreshDataTimeout) {\n clearTimeout(this.refreshDataTimeout);\n }\n\n if (this.clearMessageTimeoutId) {\n clearTimeout(this.clearMessageTimeoutId);\n }\n }\n\n componentWillUnmount() {\n this.componentActive = false;\n\n if (this.refreshDataTimeout) {\n clearTimeout(this.refreshDataTimeout);\n }\n }\n\n clearMessageAfterSomeTime() {\n\n if (this.clearMessageTimeoutId) {\n clearTimeout(this.clearMessageTimeoutId);\n }\n this.clearMessageTimeoutId = setTimeout(() => this.setState({\n resultMsg: null,\n resultStatus: null\n }), 3000);\n }\n\n openEditEmployeeProfileModal() {\n\n let dataForModal = {\n employee: this.props.employee,\n reloadMemberDetails: this.props.reloadMemberDetails,\n reloadLeftPanelHash: this.props.reloadLeftPanelHash,\n };\n\n this.props.openEditEmployeeProfileModal(dataForModal);\n }\n\n openEditEmployeeModal(action) {\n\n const statusString = _.upperFirst(action);\n const employeeAliasLabel = this.props.employeeAliasLabel ? this.props.employeeAliasLabel : 'User';\n let confirmBodyText = '';\n let modal = null;\n\n switch (action) {\n\n case 'change':\n\n // Edit employee modal\n modal = (() => this.openEditEmployeeProfileModal());\n break;\n\n case 'delete':\n\n // Simple Yes / Cancel modal\n confirmBodyText = employeeAliasLabel + ' will be removed from your list.';\n modal = (\n () =>\n Confirm(\n confirmBodyText\n , {\n modalHeader: statusString + ' ' + this.props.employeeAliasLabel + '?',\n }).then(\n (result) => {\n // `proceed` callback\n this.deactivateUser()\n },\n (result) => {\n // `cancel` callback - do noting\n })\n );\n break;\n\n default:\n\n break;\n }\n\n return modal;\n }\n\n emptyBalances() {\n\n if (!this.componentActive || !this.props.employee) {\n return;\n }\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}${EndPoints.emptyMemeberBalances}`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n user_id: this.props.employee.id,\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n })\n .then((res) => {\n\n if (this.componentActive) {\n\n this.setState({\n resultStatus: res.data.resultStatus,\n resultMsg: res.data.resultMsg,\n }, () => {\n\n if (res.data.resultStatus == 'success') {\n this.clearMessageAfterSomeTime();\n }\n });\n }\n })\n .catch(error => {\n\n if (this.componentActive) {\n\n // display error\n this.setState({\n resultStatus: 'error',\n resultMsg: 'Server Error',\n });\n }\n });\n }\n\n generateToken() {\n\n if (!this.componentActive) {\n return;\n }\n\n this.setState({\n processing: true\n });\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}${EndPoints.generatePlatformAuthenticationToken}`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n })\n .then((res) => {\n\n if (this.componentActive) {\n if (res.data.resultStatus == 'Success') {\n this.setState({\n processing: false,\n token: res.data.token || '',\n resultStatus: null,\n resultMsg: null\n });\n } else {\n this.setState({\n processing: false,\n resultStatus: 'error',\n resultMsg: res.data.resultMsg || 'An error occurred while generating token',\n });\n }\n }\n })\n .catch(error => {\n\n if (this.componentActive) {\n\n // display error\n this.setState({\n resultStatus: 'error',\n resultMsg: 'Server Error',\n });\n }\n });\n }\n\n deactivateUser() {\n\n if (!this.componentActive || !this.props.employee) {\n return;\n }\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}${EndPoints.deactivateMember}`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n user_id: this.props.employee.id,\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n })\n .then((res) => {\n\n if (this.componentActive) {\n\n this.setState({\n resultStatus: res.data.resultStatus,\n resultMsg: res.data.resultMsg,\n }, () => {\n\n if (res.data.resultStatus == 'success') {\n\n this.refreshDataTimeout = setTimeout(() => {\n this.props.reloadLeftPanelHash();\n this.props.backToDashboard();\n }, 800);\n }\n });\n }\n })\n .catch(error => {\n\n if (this.componentActive) {\n\n // display error\n this.setState({\n resultStatus: 'error',\n resultMsg: 'Server Error',\n });\n }\n });\n\n }\n\n walletPointsSectionJsx(employee, valueSize = 0.9) {\n\n const walletPointsAvailableAlias = getWalletAlias('available_for_redemption', this.props.walletModuleNamings, 'Wallet Points Available');\n const walletPointsEarnedAlias = getWalletAlias('total_points_earned', this.props.walletModuleNamings, 'Wallet Points Earned');\n const walletPointsRedeemed = getWalletAlias('points_redeemed', this.props.walletModuleNamings, 'Wallet Points Redeemed');\n\n return (\n <>\n {\n this.props && this.props.wallets_enabled\n ?\n <>\n \n {STATUS[approvalRequest.final_status].label}\n {\n approvalRequest.final_status !== 'pending' &&\n by {approvalRequest.moderated_by_name} at {moment(approvalRequest.moderated_at).format('lll')} \n }\n
\n\n \n Message \n
\n\n \n {approvalRequest.message}\n
\n\n Moderation Notes \n {\n approvalRequest.final_status === 'pending' ?\n setModerationNotes(e.target.value)}\n />\n :\n
\n\n {\n alert &&\n {approvalRequest.moderation_notes}
\n }\n{alert.msg}
\n }\n\n \n moderate('reject')}\n >\n Reject\n \n moderate('approve')}\n >\n Approve\n \n
\n \n {parseInt(employee.wallet_balance_in_points, 10).toLocaleString()} \n
\n \n {parseInt(employee.wallet_points_earned, 10).toLocaleString()} \n
\n \n {parseInt(employee.wallet_points_redeemed, 10).toLocaleString()} \n
\n \n {shop_data.address_1}
\n {\n !_.isEmpty(shop_data.address_2) &&\n <>{shop_data.address_2}
\n }\n {shop_data.city} {shop_data.state} {shop_data.postal_code}
\n {shop_data.country_code}\n \n );\n }\n\n sendActivationLink() {\n\n this.setState({activation_link_sent: true});\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}/users/send_activation_link`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n user_id: this.props.employee.id,\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n })\n .then((res) => {\n\n if (this.componentActive) {\n\n if (!res.data.resultStatus && !res.data.resultMsg) {\n throw new Error();\n }\n\n const stateData = {\n activationLinkStatus: res.data.resultStatus,\n activationLinkMsg: res.data.resultMsg,\n };\n\n if (res.data.resultStatus === 'error') {\n stateData.activation_link_sent = false;\n }\n\n this.setState(stateData);\n }\n })\n .catch(error => {\n\n if (this.componentActive) {\n\n // display error\n this.setState({\n activationLinkStatus: 'error',\n activationLinkMsg: 'Server Error',\n activation_link_sent: false\n });\n }\n })\n }\n\n sendInvitationEmail() {\n\n this.setState({invitation_email_sent: true});\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}/users/send_invitation_email`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n user_id: this.props.employee.id,\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n })\n .then((res) => {\n\n if (this.componentActive) {\n\n if (!res.data.resultStatus && !res.data.resultMsg) {\n throw new Error();\n }\n\n const stateData = {\n invitationEmailStatus: res.data.resultStatus,\n invitationEmailMsg: res.data.resultMsg,\n };\n\n if (res.data.resultStatus === 'error') {\n stateData.invitation_email_sent = false;\n }\n\n this.setState(stateData);\n }\n })\n .catch(error => {\n\n if (this.componentActive) {\n\n // display error\n this.setState({\n invitationEmailStatus: 'error',\n invitationEmailMsg: 'Server Error',\n invitation_email_sent: false\n });\n }\n })\n }\n\n render() {\n\n const {employee} = this.props;\n\n if (!employee) {\n return
\n \n {this.walletPointsSectionJsx(employee, 1.5)}\n {\n showPointsInfo &&\n Available Points \n \n \n }\n\n Recognitions Given \n \n \n {\n (showEmployeeDOB && // account setting\n !hideDOB && //prop passed\n dateOfBirth) // valid dob\n ?\n Date of Birth \n \n \n :\n null\n }\n
\n\n \n {\n (this.props && this.props.wallets_enabled) || !showPointsInfo\n ?\n null\n :\n Total Earned \n \n \n }\n Recognitions Received \n \n \n {\n showEmployeeRole &&\n Role \n \n \n }\n
\n\n \n {\n showPointsInfo &&\n Total Redeemed \n \n \n }\n Last Recognized \n \n \n {\n showEmployeePhoneNumber &&\n Phone \n \n \n }\n
\n
;\n } else {\n details =\n \n {employee.point_balance.toLocaleString()} \n
\n \n {employee.recognitions_given_count.toLocaleString()} \n
\n \n {dateOfBirth || 'N/A'} \n
\n \n {employee.points_earned.toLocaleString()} \n
\n \n {employee.recognitions_received_count.toLocaleString()} \n
\n \n {startCase(employee.role)} \n
\n \n {employee.points_redeemed.toLocaleString()} \n
\n \n {lastRecognizedAt} \n
\n \n {employee.phone} \n
\n \n \n {this.walletPointsSectionJsx(employee, 0.9)}\n {\n showEmployeeDOB &&\n Date of Birth \n \n \n }\n\n {\n showEmployeeRole &&\n Role \n \n \n }\n\n {\n showEmployeePhoneNumber &&\n Phone \n \n \n }\n {\n optInDate &&\n Opt In Date \n \n \n }\n\n
\n {\n showEmployeeDistributorInfo &&\n \n Distributor \n \n \n Distributor Email \n \n \n Distributor Phone \n \n \n
\n }\n {\n showPointsInfo &&\n \n {this.props.t('common.points')} Balance \n \n \n {this.props.t('common.points')} Earned \n \n \n
\n }\n
;\n }\n\n let generateTokenText = this.state.token ? 'Generate New Token' : 'Generate Token';\n let forLoggedInUser = false;\n\n if (get(this, 'props.user.id') == employee.id) {\n forLoggedInUser = true;\n }\n\n\n return (\n \n {dateOfBirth || 'N/A'} \n
\n \n {startCase(employee.role)} \n
\n \n {employee.phone} \n
\n \n {optInDate} \n
\n \n {employee.distributor_title} \n
\n \n {employee.distributor_email} \n
\n \n {employee.distributor_phone} \n
\n \n {employee.point_balance} \n
\n \n {employee.points_earned} \n
\n \n {\n (this.state.resultStatus && this.state.resultMsg)\n ?\n \n {\n !this.props.hideProfilePicSection &&\n \n \n }\n \n \n \n {\n !this.props.hideEmployeeName &&\n \n {\n showEmployeeActiveStatus &&\n \n \n {employee.email}\n \n \n \n
\n\n \n \n \n :\n null\n }\n\n {\n (this.props.account.surveys_enabled == 1) &&\n <>\n \n
\n );\n }\n}\n\nfunction mapDispatchToProps(dispatch, ownProps) {\n return {\n openEditEmployeeProfileModal: (dataForModal) => {\n dispatch(OpenModal('bo_edit_employee_details', dataForModal));\n },\n openIssueDeductWalletPointsModal: (dataForModal) => {\n dispatch(OpenModal('issue_deduct_wallet_points', dataForModal));\n },\n closeModal: () => {\n dispatch(CloseModal());\n },\n };\n}\n\nfunction mapPropsToState(state) {\n return {\n account: state.account,\n user: state.user,\n showEmployeeTitle: state.account.show_employee_title && state.account.show_employee_title == 1 ? true : false,\n employeeIdAliasLabel: state.account.employee_id_alias_label ? state.account.employee_id_alias_label : 'Employee ID',\n employeeAliasLabel: state.account.employee_alias_label ? state.account.employee_alias_label : 'Employee',\n showEmployeeHireDate: state.account.show_employee_hire_date && state.account.show_employee_hire_date == 1 ? true : false,\n showEmployeeActiveStatus: state.account.show_employee_active_status && state.account.show_employee_active_status == 1 ? true : false,\n showEmployeeDOB: state.account.show_employee_date_of_birth && state.account.show_employee_date_of_birth == 1 ? true : false,\n showEmployeeRole: state.account.show_employee_role && state.account.show_employee_role == 1 ? true : false,\n showEmployeePhoneNumber: state.account.show_employee_phone_number && state.account.show_employee_phone_number == 1 ? true : false,\n showEmployeeDistributorInfo: (state.account && state.account.orders_management_enabled && state.account.orders_management_enabled == 1 && state.user && state.user.widia_role && state.user.widia_role == Config.WIDIA_USER_ROLES.CUSTOMER) ? true : false,\n showPointsInfo: (state.account && state.account.show_employee_detail_points_info && state.account.show_employee_detail_points_info == 1) ? true : false,\n wallets_enabled: state.account.wallets_enabled && state.account.wallets_enabled == 1 ? true : false,\n dsr_list: (state.user && state.user.dsr_list) ? state.user.dsr_list : [],\n aoDirectWalletIssuanceEnabled: (state.account && state.account.ao_direct_wallet_issuance_enabled && state.account.ao_direct_wallet_issuance_enabled == 1) ? true : false,\n walletModuleNamings: (state.account && state.account.wallet_module_namings) ? state.account.wallet_module_namings : [],\n showEmployeeTerminationDate: (state.account.show_employee_termination_date && state.account.show_employee_termination_date == 1) ? true : false,\n userLevelAlias: (state.account && state.account.user_level_alias) ? state.account.user_level_alias : 'Level',\n create_new_employee_enabled: state.account.create_new_employee_enabled && state.account.create_new_employee_enabled == 1 ? true : false,\n custom_user_sign_up_enabled: state.account.custom_user_sign_up_enabled && state.account.custom_user_sign_up_enabled == 1 ? true : false,\n invitesEnabled: inviteEmployeesEnabled(state),\n scoreboardCompetitionsEnabled: (state.account && state.account.scoreboard_competitions_enabled == 1) ? true : false,\n };\n}\n\nexport default connect(mapPropsToState, mapDispatchToProps)(withTranslation()(EmployeeDetailBlock));\n\n\n\n","import React from 'react'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport {Icon} from '../'\nimport './placeholderPic.css'\n\n\n\nfunction Placeholderpic(props) {\n\n\tconst classNames = ['placeholder-pic'];\n\tlet size = 1.8;\n\n\tif (props.small) {\n\t\tclassNames.push('small');\n\t\tsize = 1.4; \n\t}\n\tif (props.className) {\n\t\tclassNames.push(props.className);\n\t}\n\n\tconst color = CommonStyles.darkBlue;\n\n\treturn (\n\t\t\n \n {this.state.resultMsg}\n \n
\n :\n null\n }\n \n {\n showEmployeeTitle &&\n \n \n Title:\n \n \n {employee.title ? employee.title : 'Unknown'}\n \n \n \n }\n\n {\n !this.props.hideEmployeeId &&\n \n \n {employeeIdAliasLabel} \n : \n {employee.participant_id} \n \n \n }\n\n {\n showEmployeeHireDate &&\n \n \n \n Hire Date:\n \n \n {employee.hire_date} {yearsAndMonthsSinceHireDate}\n \n \n \n }\n\n {\n showEmployeeTerminationDate &&\n \n \n \n Termination Date:\n \n \n {employee.termination_date} {yearsAndMonthsSinceTerminationDate}\n \n \n \n }\n\n {\n showEmployeeActiveStatus &&\n \n \n \n Status:\n \n \n {employee.is_active == 1 ? this.props.t('common.active') : 'In-Active'}\n \n \n }\n\n \n\n {\n (employee.sensitive && employee.sensitive.has_admin_access == 1)\n ?\n \n \n \n Has Admin Privileges\n \n \n \n : null\n }\n\n {\n this.props.userRole === Config.USER_ROLE_AO &&\n \n \n \n\n {\n employee.activation_pending &&\n <>\n | \n Activation Link Sent \n \n :\n {\n e.preventDefault();\n this.sendActivationLink();\n }}\n >\n Resend Activation Link\n \n }\n \n \n \n }\n\n {\n this.state.activationLinkStatus &&\n \n
\n }\n\n {\n this.props.create_new_employee_enabled && this.props.custom_user_sign_up_enabled && this.props.invitesEnabled && employee.is_active &&\n <>\n | \n Invitation Email Sent \n \n :\n {\n e.preventDefault();\n this.sendInvitationEmail();\n }}\n >\n Resend Invitation Email\n \n }\n \n \n \n }\n\n
\n }\n\n {\n this.state.invitationEmailStatus &&\n \n
\n }\n\n
\n \n \n {\n (managerCanEditUser && !forLoggedInUser)\n ?\n EDIT \n :\n null\n }\n\n {\n (managerCanEditUser && managerCanDeactivateUser && !forLoggedInUser)\n ?\n | \n :\n null\n }\n\n {\n (managerCanDeactivateUser && !forLoggedInUser)\n ?\n DELETE \n :\n null\n }\n\n
\n \n \n }\n titleSize={1.3}\n color={'gray-darker'}>\n \n \n \n
\n :\n null\n }\n\n \n {\n this.props.userRole === Config.USER_ROLE_AO\n &&\n
\n {\n employee.language_code &&\n \n
\n }\n {\n (employee.user_level_name)\n ?\n \n
\n :\n null\n }\n {\n (this.props.scoreboardCompetitionsEnabled && this.props.userRole === Config.USER_ROLE_AO)\n ?\n \n
\n :\n null\n }\n {\n (employee.widia_qualified_credits && (!employee.show_customers_only_level || (employee.show_customers_only_level && employee.show_customers_only_level == 0)))\n ?\n \n
\n :\n null\n }\n {\n \n {\n (employee.show_ao_empty_user_balances_option && employee.show_ao_empty_user_balances_option == 1)\n ?\n
\n }\n {\n \n {\n (employee.generate_token_allowed &&\n employee.generate_token_allowed == 1)\n ?\n
\n }\n \n
\n
\n \n\n\n {\n (this.props.account.email_login_info_for_terminated && employee.readonly_days_left >= 1) &&\n \n\n {details}\n\n \n {\n //additional fields for the account\n this.props.account.additional_fields &&\n this.props.account.additional_fields.map((field) => {\n const label = this.props.t(`userFields.${field}`, startCaseAndReplaceCharacters(field));\n let ret;\n let value;\n\n if (employee[field]) {\n value = noFormatFields.includes(field) ? employee[field] : _.startCase(employee[field]);\n } else {\n value = 'N/A';\n }\n value = _.truncate(value, {'length': 30, 'separator': ' '});\n\n if (field === 'shop' && this.props.account.subdomain === 'dormanrewards') {\n value = this.shopInfo();\n }\n\n if (this.props.account.additional_fields_hidden &&\n Array.isArray(this.props.account.additional_fields_hidden) &&\n this.props.account.additional_fields_hidden.includes(field)) {\n ret = null;\n } else {\n ret = (\n \n {value}\n \n \n \n );\n }\n\n return ret;\n })\n }\n
\n\n {\n (employee.dsr_sales_points_commissions_enabled && employee.dsr_sales_points_commissions_enabled == 1)\n ?\n \n \n Enabled\n \n \n {\n (employee.dsr_commissions_approval_type)\n ?\n \n {startCaseAndReplaceCharacters(employee.dsr_commissions_approval_type)}\n \n \n :\n null\n }\n {\n (employee.can_take_dsr_earnings == 1) &&\n \n Enabled\n \n \n }\n
\n :\n null\n }\n\n\n
\n \n \n {label} \n
\n \n \n Sales Reps Commissions\n \n
\n \n \n Sales Reps Commissions Approval\n \n
\n \n \n Can take DSR earnings\n \n
\n \n Address \n \n
\n \n \n {employee.address1}, {employee.address2 ? employee.address2 + ', ' : ''} {employee.city}, {employee.state} {employee.zip} {employee.country_code_iso2}\n \n
\n \n Is Eligible\n To Receive Points \n \n
\n }\n \n \n {(employee.sensitive && employee.sensitive.is_eligible_to_receive_points == 1 && employee.sensitive.may_receive_points == 1) ? 'Yes' : 'No'}\n \n
\n \n \n {(employee.sensitive && employee.sensitive.is_eligible_to_receive_points == 1 && employee.sensitive.may_receive_points == 0) ? '(There are System rules configured to disable this member from receving points)' : null}\n \n
\n \n Language\n Preference \n \n
\n \n \n {employee.language_code}\n \n
\n \n User {this.props.userLevelAlias} \n \n
\n \n \n {employee.user_level_name}\n \n
\n \n {this.props.t('cards.user.scoreboardPoints')} \n \n
\n \n \n {parseInt(employee.scoreboard_points).toLocaleString()}\n \n
\n \n WIDIA Qualifying Credits \n \n
\n \n \n {parseInt(employee.widia_qualified_credits).toLocaleString()}\n \n
\n \n Empty User Point & Budget\n Balances \n \n
\n :\n null\n }\n \n {\n Confirm(\n 'This will empty out users point balance and budget balance(if he owns budget) and credits them back to Net Balance.'\n , {\n modalHeader: 'Empty User Balances?',\n cancelLabel: 'No, Do not Empty',\n deleteLabel: 'Yes, Empty',\n }).then(\n (result) => {\n // `proceed` callback\n this.emptyBalances(employee.id);\n },\n (result) => {\n // `cancel` callback - do noting\n }\n )\n }\n }\n >\n \n EMPTY BALANCES\n \n \n
\n \n Microsoft Teams Token \n \n
\n :\n null\n }\n \n {\n this.state.token\n ?\n
\n \n \n {this.state.token}\n \n
\n :\n null\n }\n {\n \n this.generateToken()}\n >\n \n {this.state.processing ? 'Generating' : generateTokenText}\n \n \n
\n }\n \n
\n \n }\n\n {\n // employee moderation block\n this.props.account.signup_moderation &&\n \n The user's email will be replaced and login instructions will be sent to this email. \n
\n\n {\n this.state.loginInfoStatus &&\n \n {this.state.loginInfoMsg}\n
\n }\n\n \n \n {item.value} \n
);\n }\n });\n\n header.push({\n Header: () => Date of Birth
Hire Date
\n
\n },\n });\n }\n\n header.push({\n Header: () => \n {\n this.setState({activation_date_from: date ? moment(date).format('YYYY-MM-DD') : null});\n }}\n showMonthDropdown\n selected={this.state.activation_date_from ? moment(this.state.activation_date_from) : null}\n placeholderText={'From Date'}\n isClearable\n popperModifiers={{\n flip: {\n behavior: [\"bottom\"] // don't allow it to flip to be above\n },\n }}\n />\n
\n \n {\n this.setState({activation_date_to: date ? moment(date).format('YYYY-MM-DD') : null});\n }}\n showMonthDropdown\n selected={this.state.activation_date_to ? moment(this.state.activation_date_to) : null}\n placeholderText={'To Date'}\n isClearable\n popperModifiers={{\n flip: {\n behavior: [\"bottom\"] // don't allow it to flip to be above\n },\n }}\n />\n
\n Termination Date
\n Name: {name}
\nParticipant ID: {participant_id} \n
\n )\n });\n }\n return 'N/A';\n }\n });\n\n } else {\n\n header.push({\n Header: () => (\n \n
\n {field_value}
\n
\n )\n });\n\n } else {\n\n return 'N/A';\n }\n }\n });\n }\n });\n\n }\n\n if (this.props.account && this.props.account.user_levels_enabled == 1 && this.props.user && this.props.user.user_levels_for_dropdown && this.props.account.is_tcpl_account != 1) {\n /*\n * Add user levels.\n */\n const userLevelAlias = (this.props.account && this.props.account.user_level_alias) ? this.props.account.user_level_alias : 'Level';\n\n header.push({\n Header: () => \n
\n\t\t\t\t\t\t\t\t{item.value} \n\t\t\t\t\t\t\t
);\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: () => \n\t\t\t\t\t\t
\n\t\t\t\t},\n\t\t\t\tCell: (item) => \n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tthis.setState({min_balance: e.target.value}, onChange(''));\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t-\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\tthis.setState({max_balance: e.target.value}, onChange(''));\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tonChange(date ? moment(date).format('YYYY-MM-DD') : null);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tshowMonthDropdown\n\t\t\t\t\t\t\tselected={filter && filter.value ? moment(filter.value) : null}\n\t\t\t\t\t\t\tplaceholderText={'From Date'}\n\t\t\t\t\t\t\tisClearable\n\t\t\t\t\t\t\tpopperModifiers={{\n\t\t\t\t\t\t\t\tflip: {\n\t\t\t\t\t\t\t\t\tbehavior: [\"bottom\"] // don't allow it to flip to be above\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t},\n\t\t\t\tCell: (item) => \n\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\tonChange(date ? moment(date).format('YYYY-MM-DD') : null);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tshowMonthDropdown\n\t\t\t\t\t\t\tselected={filter && filter.value ? moment(filter.value) : null}\n\t\t\t\t\t\t\tplaceholderText={'To Date'}\n\t\t\t\t\t\t\tisClearable\n\t\t\t\t\t\t\tpopperModifiers={{\n\t\t\t\t\t\t\t\tflip: {\n\t\t\t\t\t\t\t\t\tbehavior: [\"bottom\"] // don't allow it to flip to be above\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t
\n\t\t\t\t},\n\t\t\t\tCell: (item) => First Name
Last Name
<\n\t\t\t\t\t\t\t\tText size={0.7} uppercase darkBlue bold>\n\t\t\t\t\t\t\t\t{humanize(`Budget Owner ${field}`)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t),\n\t\t\t\t\t\taccessor: `ucf_${field}`,\n\t\t\t\t\t\theaderClassName: 'no-borders',\n\t\t\t\t\t\tclassName: '',\n\t\t\t\t\t});\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\t\n\n\t\t/**\n\t\t * We are using the same table as our basic paginated table :)\n\t\t */\n\t\treturn (\n\t\t\t\n \n
\n\n let programDetailOptions = [];\n\n if (userRole == Config.USER_ROLE_AO) {\n\n programDetailOptions = [\n {\n key: '',\n value: '',\n label: dropdownHeading\n },\n {\n key: 'view-details',\n value: 'view-details',\n label: View Details\n },\n {\n key: 'deactive',\n value: 'deactive',\n label: Deactive\n },\n {\n key: 'archive',\n value: 'archive',\n label: Archive\n },\n {\n key: 'add-points',\n value: 'add-points',\n label: Add Points\n },\n ];\n }\n\n\n let description = this.processProgramDescription(program);\n\n let image_url = program.image;\n\n return (\n \n 
\n
\n :\n null\n }\n\n \n \n \n
\n \n \n START \n END \n
\n {\n userRole == Config.USER_ROLE_AO\n ?\n
\n \n \n )\n }\n\n\n renderRowLayout(program, percentageLeft, statusColor, userRole) {\n\n const dropdownHeading = \n DESCRIPTION \n
\n \n {description}\n
\n \n \n \n {moment(program.from_date).format('MM/DD/YYYY')}\n \n
\n \n \n \n {program.to_date ? moment(program.to_date).format('MM/DD/YYYY') : 'Ongoing'}\n \n
\n \n \n \n \n BUDGET \n PTS REMAINING \n PTS AWARDED \n
\n \n \n
\n
\n :\n null\n }\n \n \n {parseInt(program.points_budgeted, 10).toLocaleString()}\n \n
\n \n \n \n {parseInt(program.points_remaining, 10).toLocaleString()}\n \n
\n \n \n \n {parseInt(program.points_spent, 10).toLocaleString()}\n \n
\n \n \n \n
\n\n let programDetailOptions = [];\n\n if (userRole == Config.USER_ROLE_AO) {\n\n programDetailOptions = [\n {\n key: '',\n value: '',\n label: dropdownHeading\n },\n {\n key: 'view-details',\n value: 'view-details',\n label: View Details\n },\n {\n key: 'deactive',\n value: 'deactive',\n label: Deactive\n },\n {\n key: 'archive',\n value: 'archive',\n label: Archive\n },\n {\n key: 'add-points',\n value: 'add-points',\n label: Add Points\n },\n ];\n }\n\n\n const ProgramDetailColJsx = \n {\n userRole == Config.USER_ROLE_AO ?\n \n {\n ProgramDetailColJsx\n }\n \n BUDGET \n PTS REMAINING \n PTS AWARDED \n
\n \n
\n :\n \n {\n ProgramDetailColJsx\n }\n
\n }\n
\n \n \n {parseInt(program.points_budgeted, 10).toLocaleString()}\n \n
\n \n \n \n {parseInt(program.points_remaining, 10).toLocaleString()}\n \n
\n \n \n \n {parseInt(program.points_budgeted - program.points_remaining, 10).toLocaleString()}\n \n
\n \n \n DESCRIPTION \n
\n \n {description}\n
\n \n \n \n {programsJsx}\n
;\n }\n\n } else {\n\n const label = (this.state.programFilter.key !== 'all') ? 'No ' + _.capitalize(this.state.programFilter.key) + ' ' + this.props.t('programs.title') : `There are no ${this.props.t('programs.title')}.`;\n\n programsJsx = \n \n {label} \n
;\n }\n\n }\n\n\n const programFilterOptions = [\n // {\n // \tkey: '',\n // \tvalue: '',\n // \tlabel: dropdownHeading\n // },\n {\n key: 'all',\n value: 'all',\n label: \n \n \n \n \n {this.props.t('programs.title')}\n \n {\n this.props.userRole == Config.USER_ROLE_AO\n ?\n
\n \n \n {\n (this.props.userRole == Config.USER_ROLE_AO && this.props.createNewProgram)\n ?\n \n \n \n {\n // this.newProgramRoute.label.toUpperCase()\n }\n \n \n
\n :\n null\n }\n\n this.layout('grid')}>\n\t\t\t\t\t\t\t\t
\n \n
\n\n {programsJsx}\n\n {\n this.state.redirect_to &&\n \n }\n
\n )\n }\n}\n\n\nfunction mapPropsToState(state, props) {\n return {\n user: state.user,\n translations: state.translations,\n };\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n openCreateProgramModal: () => dispatch(OpenModal('create_program')),\n };\n}\n\n\nexport default connect(mapPropsToState, mapDispatchToProps)(withTranslation()(ProgramsList));\n\n\n\n","import React, {PureComponent} from 'react'\nimport '../Table/Table.css'\nimport { Text } from '..'\n\nclass Pagination extends PureComponent {\n\t\n\n\tconstructor(props) {\n\t super(props);\n\t\n\t this.state = {\n\t \tactivePage: props.currentPage,\n\t };\n\n\t this.canNext = this.canNext.bind(this);\n\t this.canPrevious = this.canPrevious.bind(this);\n\t this.onNextClick = this.onNextClick.bind(this);\n\t this.onPreviousClick = this.onPreviousClick.bind(this);\n\n\t this.onChangePage = this.onChangePage.bind(this);\n\t this.notifyParent = this.notifyParent.bind(this);\n\t}\n\n\n\tcanPrevious() {\n\t\tif (this.state.activePage > 1 && this.props.pageCount > 1) {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t} \n\n\n\tcanNext() {\n\t\tif (this.state.activePage < this.props.pageCount && this.props.pageCount > 1) {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t} \n\n\n\tonPreviousClick(e) {\n\n\t\tif (this.canPrevious()) {\n\t\t\tthis.setState({\n\t\t\t\tactivePage: parseInt(this.state.activePage, 10) - 1\n\t\t\t}, () => this.notifyParent());\n\t\t} else {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\n\tonNextClick(e) {\n\n\t\tif (this.canNext()) {\n\n\t\t\tthis.setState({\n\t\t\t\tactivePage: parseInt(this.state.activePage, 10) + 1\n\t\t\t}, () => this.notifyParent());\n\t\t} else {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\n\tonChangePage(e) {\n\n\t\tconst val = e.target.value;\n\n\t\tlet page = parseInt(val, 10);\n\n\t\tif (val >= 1 && \n\t\t val <= this.props.pageCount) {\n\t\t\tpage = val;\n\t\t}\n\n\t\tif (val > this.props.pageCount) {\n\t\t\tpage = this.props.pageCount;\n\t\t}\n\n\t\tif (page < 1) {\n\t\t\tpage = 1; //page can't go below 1\n\t\t}\n\n\t\tthis.setState({\n\t\t\tactivePage: page\n\t\t});\n\t}\n\n\n\tnotifyParent() {\n\t\t\n\t\tif (this.notifyParentTimeOutId) {\n\t\t\tclearTimeout(this.notifyParentTimeOutId);\n\t\t}\n\n\t\tthis.notifyParentTimeOutId = setTimeout(() => {\n\t\t\tthis.props.onPageChange(this.isNumeric(this.state.activePage) ? this.state.activePage : 1);\n\t\t}, 30);\n\t}\n\n\tisNumeric(n) {\n\t\treturn !isNaN(parseFloat(n)) && isFinite(n);\n\t}\n\n\tcomponentDidUpdate(prevProps, prevState, snapshot) {\n\n\t\tif (prevProps.currentPage !== this.props.currentPage) {\n\t\t\tthis.setState({\n\t\t\t\tactivePage: this.props.currentPage\n\t\t\t});\n\t\t}\n\t}\n\n\tcomponentWillUnmount() {\n\t\tif (this.notifyParentTimeOutId) {\n\t\t\tclearTimeout(this.notifyParentTimeOutId);\n\t\t}\n\t}\n\n\n\trender() {\n\n\n\t\tlet classNames = ['ReactTable no-borders'];\n\n\t\tif (this.props.className) {\n\t\t\tclassNames.push(this.props.className);\n\t\t}\n\t\t\n\t\t// currentPage={this.state.page}\n\t\t// pageCount={this.props.orders_data.orders_total_pages ? this.props.orders_data.orders_total_pages : 0}\n\t\t// onPageChange={this.handlePageClick}\n\n\t\treturn (\n\t\t\t\tthis.props.currentPage && this.props.pageCount && this.props.pageCount > 1 \n\t\t\t\t?\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t\t: \n\t\t\t\tnull\n\t\t);\n\n\t}\n}\n\n\nexport default Pagination;\n\n\n\n\n\n","import React, {PureComponent} from 'react'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport {Icon, Row, Col, SearchAndAutosuggest, Text} from '..'\nimport {connect} from 'react-redux'\nimport {\n OpenModal,\n} from '../../modal_manager/actions/ModalActions'\nimport 'react-select/dist/react-select.css'\n\nimport {\n GiveRecognitionUpdateMembersArr,\n} from '../../recognitions/actions/GiveRecognitionActions'\n\n\nclass GiveRecogSelectMember extends PureComponent {\n\n\n constructor(props) {\n super(props);\n\n this.state = {\n member_selected: props.give_recognition.members,\n };\n this.onChange = this.onChange.bind(this);\n this.openGiveRecognitionModal = this.openGiveRecognitionModal.bind(this);\n }\n\n\n componentDidMount() {\n this.componentActive = true;\n if (this.props.give_recognition.members.length > 0) {\n this.openGiveRecognitionModal();\n }\n }\n\n\n componentWillUnmount() {\n this.componentActive = false;\n if (this.addMemberOpenModalTimeoutId) {\n clearTimeout(this.addMemberOpenModalTimeoutId);\n }\n }\n\n openGiveRecognitionModal() {\n this.props.openModal('give_recognition_or_commitment');\n }\n\n onChange(membersArr) {\n\n\n this.props.giveRecognitionUpdateMembersArr(membersArr);\n /**\n * Open modal\n */\n if (membersArr.length > 0) {\n\n if (this.addMemberOpenModalTimeoutId) {\n clearTimeout(this.addMemberOpenModalTimeoutId);\n }\n this.addMemberOpenModalTimeoutId = setTimeout(() => {\n this.openGiveRecognitionModal();\n }, 200);\n }\n\n }\n\n\n render() {\n\n let placeHolder = 'Recognize someone.';\n\n if (this.props &&\n this.props.employee_commitments_enabled &&\n this.props.can_issue_employee_commitments) {\n\n placeHolder = `Recognize or give ${this.props.account.badge_label} to someone.`;\n\n if (!this.props.give_recognition_enabled) {\n placeHolder = `Give ${this.props.account.badge_label} to someone.`\n }\n }\n\n placeHolder += ' Start typing their name or type a group name...';\n\n return (\n \n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tstyle={{marginRight: '-20px'}}\n\t\t\t\t\t\t\t\t\tdoNotTranslate\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{this.props.totalRows} Records\n\t\t\t\t\t\t\t\t\n :\n null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t if (e.which === 13 || e.keyCode === 13) {\n\t\t\t\t\t\t this.notifyParent();\n\t\t\t\t\t\t }\n\t\t\t\t\t\t }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t of {this.props.pageCount}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n {\n this.props.totalRows\n ?\n\t\t\t\t\t\t\t\t\n 0}\n cursor={this.props.give_recognition.members.length > 0}\n />\n
\n \n \n \n {\n startCase(item.original.disbursement_status)\n }\n \n
\n :\n \n {\n (item.original &&\n item.original.status &&\n item.original.status === 'processing')\n ?\n \n\t\t\t\t\t\t\t\t\t\t\tProcessing \n\t\t\t\t\t\t\t\t\t\t\n :\n \n {\n item.original.status === 'pending'\n ? 'Queued'\n : startCase(item.original.status)\n }\n \n }\n
\n );\n }\n },\n ];\n\n if (this.props.hasSubType) {\n columns.push({\n Header: \n {\n (item.original.status === 'processed' || item.original.status === 'fulfilled' || item.original.download_link)\n ?\n \n Download \n \n :\n (item.original.status === 'processing' || item.original.status === 'pending')\n ?\n May take up to 2 minutes \n :\n {item.original.error_msg} \n\n }\n
\n );\n }\n });\n break;\n\n case 'uploaded_files':\n columns = [\n {\n Header: \n {\n item.original.status === 'processing'\n ?\n \n Processing \n
\n\n {\n (item.original.total_count === null) ?\n '[reading file...]'\n :\n `[ ${+item.original.success_count + +item.original.failed_count} / ${item.original.total_count}]`\n }\n\n \n \n :\n \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{\n item.original.status === 'pending'\n ? 'Queued'\n : startCase(item.original.status)\n }\n\t\t\t\t\t\t\t\t\t\t\t \n {\n (item.original.status !== 'pending' &&\n (item.original.success_count !== '' || item.original.failed_count !== ''))\n ?\n \n
\n [ {item.original.success_count} / {item.original.total_count}]\n \n : null\n }\n\t\t\t\t\t\t\t\t\t\t\n }\n
\n );\n }\n }, {\n Header: \n
\n [ {item.original.success_count} / {item.original.total_count}]\n
\n {\n (item.original.status !== 'pending' &&\n (item.original.download_link && item.original.download_link !== ''))\n ?\n \n Download \n \n :\n (item.original.status === 'processing' || item.original.status === 'pending') ?\n May take up to 2 minutes \n : {item.original.error_msg} \n\n }\n
\n );\n }\n },\n ];\n break;\n\n case 'async_process_request':\n columns = [\n {\n Header: \n {\n item.original.status === 'processing'\n ?\n \n\t\t\t\t\t\t\t\t\t\t\tProcessing \n\t\t\t\t\t\t\t\t\t\t\n :\n \n {\n item.original.status === 'pending'\n ? 'Queued'\n : startCase(item.original.status)\n }\n \n }\n
\n );\n }\n }, {\n Header: \n {\n (item.original.status === 'processed' || item.original.s3_url)\n ?\n \n\n :\n (item.original.status === 'processing' || item.original.status === 'pending')\n ?\n May take up to 2 minutes \n :\n {item.original.error_msg} \n\n }\n
\n );\n }\n },\n ];\n break;\n\n default:\n break;\n }\n\n return columns;\n }\n\n\n render() {\n\n let columns = this.getColumnHeaders();\n\n\n return (\n \n {\n (this.state.downloadRequests && this.state.downloadRequests.length > 0)\n ?\n
\n );\n }\n\n}\n\nfunction mapPropsToState(state, props) {\n return {\n account: state.account,\n process_disbursements_enabled: state.account.process_disbursements_enabled && state.account.process_disbursements_enabled == 1 ? true : false,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return null;\n}\n\nexport default connect(mapPropsToState, null)(DownloadRequests);\n\n\n\n\n\n\n\n\n\n","import React from 'react'\nimport PropTypes from \"prop-types\";\n\n\nfunction Info(props)\n{\n const classNames = ['alert'];\n let style = props.style || {};\n\n if (props.className) {\n classNames.push(props.className);\n }\n\n if (props.type) {\n classNames.push('alert-' + props.type);\n } else {\n classNames.push('alert-light');\n }\n\n if (props.textAlign) {\n classNames.push('text-' + props.textAlign);\n }\n\n if (props.noBottomMargin) {\n style.marginBottom = '0';\n }\n\n return (\n \n
\n :\n \n {\n (this.state.pollDownloadRequests && this.state.fetchPastDownloadRequestsInProgress)\n ?\n \n\t\t\t\t\t\t\t\t\tChecking for updates \n\t\t\t\t\t\t\t\t\n :\n \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\n }\n
\n \n {\n this.state.fetchPastDownloadRequestsInProgress\n &&\n
\n }\n \n \n {\n this.props.loadingLabel ? this.props.loadingLabel : 'Loading'\n }\n \n
\n }\n \n {props.children}\n
\n )\n}\n\n// Info.propTypes = {\n// className: PropTypes.string,\n// };\n\nexport default Info;","import React, {PureComponent} from 'react'\nimport moment from 'moment'\n\nimport CommonSettings from '../../../config'\nimport * as EndPoints from '../../../services/API/EndPoints'\n\nimport {\n Dot, Text\n} from '../../building_blocks'\nimport PaginatedCustomTable from '../../building_blocks/PaginatedCustomTable'\n\n/**\n * Redux\n */\nimport {connect} from 'react-redux'\n\nconst IdeaCategoriesTablePageSize = 10;\n\n\nclass IdeaCategoriesTable extends PureComponent {\n\n\n constructor(props) {\n super(props);\n\n this.state = {};\n }\n\n\n componentWillUnmount() {\n\n }\n\n render() {\n\n\n const IdeaCategoriesHeader = [\n {\n Header: () => \n {item.value} \n
);\n }\n }, {\n Header: () => \n \n Click To View\n \n
\n },\n ];\n\n\n /**\n * We are using the same table as our basic paginated table :)\n */\n return (\n \n
\n );\n}\n","import React from 'react'\nimport CommonStyles from '../../../../../styles/CommonStyles'\nimport {\n NavLink, \n} from 'react-router-dom'\nimport {Icon, Text} from '../../../'\n\nimport './index.css'\n\n\nfunction AOLeftNav(props) {\n\t\n\treturn (\n\t\t\n \n
\n \n
\n Hang tight...
\n Crafting the perfect message...
\n \n\t\t\t
\n\t);\n}\n\nexport default AOLeftNav;\n\n\n","import React from 'react'\nimport CommonStyles from '../../../../../styles/CommonStyles'\nimport {\n Link, \n} from 'react-router-dom'\nimport {Icon, Text, Row} from '../../../'\nimport {startCase} from '../../../../../helpers'\nimport { slide as Menu } from 'react-burger-menu'\n\nimport './index.css'\n\n\nexport default function(props) {\n\n\n\treturn (\n\t\t\n\t)\n}","import React, {useState} from 'react'\nimport {connect} from \"react-redux\"\nimport {useHistory} from \"react-router-dom\"\nimport axios from \"axios\"\nimport {get, isEmpty} from \"lodash\"\n\nimport Config from \"../../../../../config\"\nimport * as EndPoints from \"../../../../../services/API/EndPoints\"\nimport CommonStyles from \"../../../../../styles/CommonStyles\"\n\nimport {Dropdown, Input, Text} from \"../../../index\"\nimport {showRewardianToast} from \"../../../Toaster/helpers\"\n\nimport './GlobalFilterDropdown.css'\n\n\nconst DEFAULT_FILTERS_SHOWN = 7;\n\n\nfunction GlobalFiltersDropdown({\n globalFilters = [],\n globalFilterActiveId = null,\n }) {\n\n const history = useHistory();\n const [searchField, setSearchField] = useState('');\n const [showAll, setShowAll] = useState(false);\n\n function onGlobalFilterSelected(filterId) {\n\n if (filterId != null) {\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}${EndPoints.updateGlobalFilterStatus}`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n filter_id: filterId,\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n }).then(response => {\n\n const status = get(response, 'data.resultStatus', 'error');\n const resultMsg = get(response, 'data.resultMsg', 'There was an error while changing global filter');\n\n if (status === 'success') {\n window.location.reload(false);\n } else {\n showRewardianToast(resultMsg, 'error');\n }\n })\n }\n\n\n }\n\n let selectedFilterName = null;\n\n let globalFilterOptions = globalFilters.filter(filter => {\n\n if (!searchField) {\n return true;\n }\n\n const searchFieldLowered = searchField.toLowerCase();\n\n return filter.name.toLowerCase().includes(searchFieldLowered) ||\n filter.description.toLowerCase().includes(searchFieldLowered);\n\n }).sort((f1, f2) => (\n new Date(f2.last_used || -1) - new Date(f1.last_used || -1)\n )).map(filter => {\n\n const isSelected = filter.id == globalFilterActiveId;\n\n let color = null;\n\n if (isSelected) {\n selectedFilterName = filter.name;\n color = CommonStyles.darkBlue;\n }\n\n return {\n id: filter.id,\n key: filter.id,\n value: filter.id,\n label: (\n - \n\t\t\t\t{\t\n\t\t\t\t\tprops.nav &&\n\t\t\t\t\tprops.nav.map((item, index) => (\n\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t
{item.label} \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n setSearchField(e.target.value)}\n className={'marg-t-10'}\n />\n
\n )\n });\n\n if (globalFilterOptions.length > DEFAULT_FILTERS_SHOWN) {\n globalFilterOptions.push({\n key: 'show-all',\n id: 'show-all',\n value: null,\n onClick: () => {\n },\n label: (\n \n setShowAll(!showAll)}\n className=\"pl-2 mt-3 mt-2\"\n color={CommonStyles.darkBlue}\n semiBold\n size={0.85}\n >\n ... {showAll ? 'show Less' : 'show all'}\n \n
\n )\n });\n }\n\n globalFilterOptions.push({\n key: 'disable',\n id: 'disable',\n value: null,\n label: (\n \n onGlobalFilterSelected(0)}\n className=\"mt-3 mt-2 float-left\"\n color={CommonStyles.darkBlue}\n semiBold\n >\n Disable Filters\n \n history.push(Config.APP_ROOT_PATH + '/global_filters/')}\n className=\"mt-3 mt-2 float-right\"\n color={CommonStyles.darkBlue}\n semiBold\n >\n Manage Filters\n \n
\n )\n });\n\n return (\n \n \n BACK \n \n
\n )\n });\n }\n\n items.push({\n key: 'end_member_session',\n jsx: (\n ;\n }\n\n let html =
\n\n
;\n}\n\nexport default VSpacer;","import React, {Component} from \"react\";\n\nclass Fade extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n startFadeIn: false,\n };\n }\n\n getShow() {\n let show = this.props.show;\n\n if (typeof show === 'undefined') {\n show = true;\n }\n\n return show;\n }\n\n getWrapperStyle() {\n let style = {};\n\n if (this.props.inline) {\n style.display = 'inline-block';\n }\n\n if (this.state.finishedFadeIn) {\n return {...style};\n }\n\n return {\n ...style,\n overflow: 'hidden',\n };\n }\n\n getFadeStyle() {\n let show = this.getShow();\n\n if (!show) {\n return {\n display: 'none',\n }\n }\n\n const OPACITY_TIME_IN = '0.5s';\n\n const SHOWN_STYLE = {\n transition: 'opacity ' + OPACITY_TIME_IN,\n opacity: '1',\n };\n\n const OPACITY_TIME_OUT = '0.5s';\n\n const HIDDEN_STYLE = {\n transition: 'opacity ' + OPACITY_TIME_OUT,\n opacity: '0',\n };\n\n return this.state.startFadeIn ? SHOWN_STYLE : HIDDEN_STYLE;\n }\n\n getShiftStyle() {\n const OPACITY_TIME_IN = '0.75s';\n const OPACITY_DELAY_IN = '0.25s';\n const MARGIN_TIME_IN = '0.5s';\n\n const SHOWN_STYLE = {\n transition: 'opacity ' + OPACITY_TIME_IN + ' ' + OPACITY_DELAY_IN + ', margin-top ' + MARGIN_TIME_IN,\n opacity: '1',\n marginTop: '0',\n };\n\n const OPACITY_TIME_OUT = '0.5s';\n const MARGIN_TIME_OUT = '0.75s';\n const MARGIN_DELAY_OUT = '0.25s';\n\n const HIDDEN_STYLE = {\n transition: 'opacity ' + OPACITY_TIME_OUT + ', margin-top ' + MARGIN_TIME_OUT + ' ' + MARGIN_DELAY_OUT,\n opacity: '0',\n marginTop: '-100%',\n };\n\n if (this.state.startFadeIn && !this.state.finishedFadeIn) {\n this.state.finishedFadeInHandle = setTimeout(() => {\n this.setState({\n finishedFadeIn: true,\n finishedFadeInHandle: null,\n });\n }, 500);\n }\n\n return this.state.startFadeIn ? SHOWN_STYLE : HIDDEN_STYLE;\n }\n\n getStyle() {\n let style = {};\n\n if (this.props.inline) {\n style.display = 'inline-block';\n }\n\n if (this.props.fadeOnly) {\n return {\n ...style,\n ...this.getFadeStyle()\n };\n }\n\n return {\n ...style,\n ...this.getShiftStyle()\n };\n }\n\n render() {\n let show = this.getShow();\n\n if (!show) {\n this.state.startFadeIn = false;\n this.state.finishedFadeIn = false;\n }\n else if (!this.state.startFadeIn && !this.state.startFadeInHandle) {\n this.state.startFadeInHandle = setTimeout(() => {\n this.setState({\n startFadeIn: true,\n startFadeInHandle: null,\n });\n }, 50);\n }\n\n if (this.props.fadeOnly) {\n return \n { this.props.children }\n
;\n }\n\n return \n
;\n }\n}\n\nexport default Fade;","import React, {Component} from \"react\";\nimport _ from \"lodash\";\nimport {ColorPallete, Fade, IconMenuSvg, Row} from \"../index\";\n\nconst COLOR_PRIMARY = ColorPallete('primary');\nconst COLOR_OFF_PRIMARY = ColorPallete('offPrimary');\nconst COLOR_LIGHT_PRIMARY = ColorPallete('lightPrimary');\nconst COLOR_WHITE = ColorPallete('white');\nconst COLOR_GRAY = ColorPallete('gray');\n\nconst SVG_ARROW = (color) => \n
\n \n { this.props.children }\n
\n \n { this.props.name }\n
\n );\n }\n}\n\nclass TabButtons extends Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n let arrow = \n { SVG_ARROW(COLOR_PRIMARY()) }\n ;\n\n let tabButtons = [];\n\n _.each(this.props.tabProps, (tabProps) => {\n let visible = tabProps.visible ?? true;\n\n if (!visible) {\n return null;\n }\n\n tabButtons.push(\n \n
\n \n { children }\n
\n }\n}\n\nexport default FillHeight;","import React, {Component} from \"react\";\n\nclass Loading extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n iterator: 0,\n intervalHandle: setInterval(() => {\n let iterator = this.state.iterator;\n\n iterator++;\n\n if (iterator > 3) {\n iterator = 0;\n }\n\n this.setState({\n iterator: iterator\n });\n }, this.props.interval || 250)\n };\n }\n\n componentWillUnmount() {\n clearInterval(this.state.intervalHandle);\n }\n\n render() {\n return \n Loading { '.'.repeat(this.state.iterator) }\n
\n }\n}\n\nexport default Loading;","import React from 'react'\nimport ContainerFluid from './Views/ContainerFluid'\nimport Row from './Views/Row'\nimport Col from './Views/Col'\nimport Break from './Views/Break'\nimport H from './H'\nimport Spacer from './Spacer'\nimport Select from './Select'\nimport SelectX from './SelectX'\nimport Link from './Link'\nimport Icon from './Icon'\nimport IconMenuSvg from './IconMenuSvg'\nimport Text from './Text'\nimport Textarea from './Textarea'\n// import Texteditor from './Texteditor'\nimport PageTitle from './Text/PageTitle'\nimport Table from './Table'\nimport Box from './Box'\nimport ModuleContainer from './ModuleContainer'\nimport ModuleContainerTabbed from './ModuleContainerTabbed'\nimport Progress from './Progress'\nimport Dot from './Dot'\nimport Dropdown from './Dropdown'\nimport DropdownBlack from './DropdownBlack'\nimport Divider from './Divider'\nimport CustomModal from './CustomModal'\nimport Button from './Button'\nimport Checkbox from './Checkbox'\nimport Toggle from './Toggle'\nimport Input from './Input'\nimport InputWithIcon from './Input/InputWithIcon'\n// import CatalogSlider, {NextArrow, PrevArrow} from './CatalogSlider'\nimport ShopItem from './ShopItem'\nimport ShipAddress from './ShipAddress'\nimport AddressBlock from './ShipAddress/AddressBlock'\nimport SuccessModalCont from './SuccessModalCont'\nimport LoadingScreen from './LoadingScreen'\nimport LoadingPanel from './LoadingPanel'\nimport EmployeeDetailBlock from './EmployeeDetailBlock'\nimport Placeholderpic from './Placeholderpic'\nimport UserAvatar from './UserAvatar'\n// import PaginatedCustomTable from './PaginatedCustomTable'\nimport EmployeesTable from './EmployeesTable'\nimport BudgetsTable from './BudgetsTable'\n// import DateRangePicker from './DateRangePicker'\nimport ProgramsList from './ProgramsList'\nimport Pagination from './Pagination'\nimport SearchAndAutosuggest from './SearchAndAutosuggest'\nimport GiveRecogSelectMember from './GiveRecogSelectMember'\nimport DownloadRequests from './DownloadRequests'\nimport Info from './Info'\n// import Confirm from './Confirm'\nimport IdeaCategoriesTable from './IdeaCategoriesTable'\nimport SaleCategoriesTable from './SaleCategoriesTable'\n// import CustomPieChart from './Graphs/CustomPieChart'\n// import CustomLineChart from './Graphs/CustomLineChart'\nimport MessageLoading from \"./MessageLoading/MessageLoading\";\n/**\n * AO specific\n */\nimport AOLeftNav from './Navigation/AO/LeftNav'\nimport AOMobileNav from './Navigation/AO/MobileNav'\nimport AOTopBar from './Navigation/AO/TopBar'\n\n/**\n * BO specific\n */\nimport BOTopBar from './Navigation/BO/TopBar'\nimport BOFooter from './Footer/BO'\n\nimport ColorPallete from './ColorPallete'\nimport Style from './Style'\n\nimport HSpacer from './Spacer/HSpacer'\nimport VSpacer from './Spacer/VSpacer'\n\nimport Fade from './Fade'\n\nimport {\n\tTabButton,\n\tTabButtons,\n\tTab,\n\tTabProgressBar,\n} from './Tab'\n\nimport FillHeight from './FillHeight'\nimport Loading from './Loading'\n\nexport {\n\tContainerFluid,\n\tRow, Col, Break,\n\tButton,\n\tInput, InputWithIcon,\n\tH,\n\tSpacer,\n\tSelect,\n\tSelectX,\n\tLink,\n\tIcon,\n\tIconMenuSvg,\n\tText,\n\tTextarea,\n\t// Texteditor,\n\tPageTitle,\n\tTable,\n\tBox,\n\tModuleContainer,\n\tModuleContainerTabbed,\n\tProgress,\n\tDot,\n\tDropdown,\n\tToggle,\n\tDropdownBlack,\n\tDivider,\n\tCustomModal,\n\tCheckbox,\n\t// CatalogSlider, \n\t// NextArrow,\n\t// PrevArrow,\n\tShopItem, \n\tShipAddress, \n\tAddressBlock,\n\tSuccessModalCont, \n\tLoadingScreen,\n\tLoadingPanel,\n\tEmployeeDetailBlock, \n\tPlaceholderpic,\n\tUserAvatar,\n\t// PaginatedCustomTable,\n\tEmployeesTable,\n\tBudgetsTable,\n\t// DateRangePicker,\n\tProgramsList,\n\tPagination,\n\tSearchAndAutosuggest,\n\tGiveRecogSelectMember,\n\tDownloadRequests,\n\tInfo,\n\t// Confirm,\n IdeaCategoriesTable,\n\tSaleCategoriesTable,\n\t// CustomPieChart,\n // CustomLineChart,\n\t/**\n\t * AO specific\n\t */\n\tAOLeftNav,\n\tAOMobileNav,\n\tAOTopBar,\n\t/**\n\t * BO specific\n\t */\n\tBOTopBar,\n\tBOFooter,\n\n\tColorPallete,\n\tStyle,\n\n\tHSpacer,\n\tVSpacer,\n\tFade,\n\n\tTabButton,\n\tTabButtons,\n\tTab,\n\tTabProgressBar,\n\n\tFillHeight,\n\tLoading,\n\tMessageLoading,\n}\n","export const initAccount = '/accounts/accounts/info'\nexport const initUser = '/users/get_logged_in_user'\nexport const initShop = '/catalog/catalog/api_initialize_shop'\nexport const checkout = '/catalog/checkout/api_checkout'\n\nexport const buyPoints = '/buy_points/buy_points_account_main/process'\nexport const refreshUserPointBalance = '/users/get_latest_point_balance'\nexport const refreshUserWalletPoints = '/users/get_latest_wallet_points'\n\nexport const logUserAction = '/users/api_log_user_action'\n\nexport const updateShippingAddress = '/users/update_shipping_address'\nexport const getShippingAddresses = '/users/get_shipping_addresses'\nexport const updateLastSeenTimestamp = '/users/api_update_last_seen_notification_time'\nexport const changeUserPassword = '/users/api_change_password'\nexport const changeUserEmail = '/users/api_change_email'\nexport const changeUserEmailCode = '/users/api_change_email_code'\nexport const changeUserLanguage = '/users/api_change_language'\nexport const checkUserTempPassword = '/users/api_check_temp_password'\nexport const optInUser = '/users/api_user_opt_in'\nexport const rulesTemplate = '/users/api_get_rules_template'\n\n/**\n * Reports\n */\nexport const getMemberOrTeamRecognitions = '/reports/api_reports/get_member_or_team_recognitions'\nexport const getPendingMemberRecognitions = '/reports/api_reports/get_pending_member_recognitions'\nexport const getWidiaUserLevelUpReport = '/reports/api_reports/widia_get_user_level_up_report'\nexport const getUserProjectedLevelsReport = '/reports/api_reports/get_user_projected_levels_report'\n\n/**\n * RSM Accolades Reports\n */\nexport const getRSMFiscalYearAccoladesReport = '/reports/reports/rsm_accolades_data'\n\n/**\n * Orders\n */\nexport const getMemberOrders = '/orders/api_orders/get_member_orders'\nexport const getOrderManagementDetails = '/orders/api_orders/get_order_management_details'\nexport const updateOrderShippingInfo = '/orders/api_orders/update_shipping_info'\nexport const deleteOrderShippingInfo = '/orders/api_orders/delete_shipping_info'\nexport const updateVendorOrderId = '/orders/api_orders/update_vendor_order_id'\nexport const cancelOrder = '/orders/api_orders/update_order_cancel'\n\n/**\n * Rebates\n */\nexport const requestOrdersPointsRebate = '/rebates/api_rebates/request_orders_points_rebate'\nexport const getRebateRequestManagementDetails = '/rebates/api_rebates/get_rebate_request_management_details'\nexport const moderateRebates = '/rebates/api_rebates/moderate_rebates'\nexport const getRebatesReport = '/reports/api_reports/get_rebates_report'\nexport const getRebateManagementDetails = '/rebates/api_rebates/get_rebate_details'\n\n/**\n * Activity Feed\n */\nexport const getActivityFeed = '/activities/activities/api_latest_activities'\nexport const saveComment = '/activities/save_comment'\nexport const deleteComment = '/activities/delete_comment'\nexport const saveLikeUnlike = '/activities/like_unlike'\n\nexport const getActivityComments = '/activities/api_comments/get'\nexport const processActivityComment = '/activities/api_comments/process'\n\n/**\n * Support Requests\n */\nexport const createSupportRequest = '/general/general_account_main/send_support_email'\n\n/**\n * FAQs\n */\nexport const fetchAccountFaqs = '/general/general_account_main/api_fetch_account_faqs'\nexport const getAccountFaqs = '/faqs/api_faq/get'\nexport const deleteAccountFaq = '/faqs/api_faq/delete'\nexport const saveAccountFaq = '/faqs/api_faq/save'\n\n/**\n * Rules\n */\nexport const fetchAccountRulesPdf = '/rules/api_rules/account_rules_pdf'\n\n\n/**\n * Payments\n */\nexport const saveStripePaymentMethod = '/payment/api_payment/save_stripe_payment_method'\nexport const updateStripePaymentMethod = '/payment/api_payment/update_stripe_payment_method'\nexport const deleteStripePaymentMethod = '/payment/api_payment/delete_stripe_payment_method'\nexport const getStripePaymentMethods = '/payment/api_payment/get_stripe_payment_methods'\nexport const getPaymentHistory = '/payment/api_payment/get_payment_history'\nexport const makeDefaultStripePaymentMethod = '/payment/api_payment/make_default_stripe_payment_method'\nexport const saveAccountLowThreshold = '/payment/api_payment/save_account_low_threshold'\nexport const buyAccountPoints = '/payment/api_payment/buy_account_points'\n\n\n/**\n * Claim certificate\n */\nexport const claimCertificateRequest = '/points/claim/index'\n\n/**\n * Update user details\n */\nexport const editProfile = '/settings/settings_account_main/api_edit_profile'\nexport const uploadProfilePic = '/settings/settings_account_main/api_save_profile_pic'\n\n/**\n * Shop\n */\nexport const fetchShopItems = '/catalog/catalog/api_get_shop_items'\nexport const fetchItemDetails = '/catalog/catalog/api_get_shop_item_details'\nexport const addItemToRecentlyViewed = '/catalog/api_log_recently_viewed_item'\nexport const getRelatedCatalogItems = '/catalog/catalog/api_get_related_items'\nexport const getAutosuggestedItems = '/catalog/catalog/api_get_suggested_items'\nexport const saveShoppingCartItem = '/shopping_cart/api_save_item'\nexport const removeShoppingCartItem = '/shopping_cart/api_remove_item'\nexport const fetchFlashSaleItems = '/catalog/catalog/api_fetch_flash_sale_items'\n\n/**\n * Issue Points\n */\nexport const issuePointsSearchUsers = '/members/search_users_issue_pts_json'\nexport const searchUsers = '/members/search_users'\nexport const issuePointsGetCommonPrograms = '/points/points_account_main/get_common_programs'\nexport const issuePointsGetProgramRelatedData = '/points/points_account_main/issue_points_select_program'\nexport const checkRecentDuplicates = '/points/points_account_main/check_recent_duplicates'\nexport const giveRecognition = '/points/points_account_main/api_issue_points'\n/**\n * Notifications and Announcements List\n */\nexport const getNotificationsAndAnnouncements = '/notifications/api_get_notifications_and_announcements'\n/**\n * Team members\n */\nexport const fetchTeamMembers = '/members/get_team_members'\nexport const fetchTeamMemberDetails = '/members/get_team_member_details'\n/**\n * Hierarchies\n */\nexport const fetchHierarchyLevelMembers = '/members/api_get_hierarchy_level_members'\nexport const fetchHierarchyMemberDetails = '/members/api_get_hierarchy_member_details'\n\n/**\n * AO get employees\n */\nexport const getMembersUnderAccount = '/reports/api_reports/ao_get_members_under_account'\nexport const aoFetchMemberDetails = '/members/ao_get_member_details'\nexport const aoUpdateEmployeeDetails = '/members/ao_update_member_details'\nexport const aoSendEmployeeInvites = '/members/ao_send_employee_invites'\n\n/**\n * AO Recognitions\n */\nexport const searchReverseRecognitionTransaction = '/points/reverse/api_ao_search_reverse_recognition_transaction'\n\n/**\n * OTS\n */\nexport const getOtsCertificates = '/ots_certificates/api_ots_certificates/get_ots_certificates'\nexport const getOtsCertificateTemplates = '/ots_certificates/api_ots_certificates/get_ots_certificate_templates'\nexport const printOtsCertificates = '/ots_certificates/api_ots_certificates/print_ots_certificates'\nexport const uploadOtsCertificateTemplateImage = '/ots_certificates/api_ots_certificates/upload_ots_certificate_template_image'\nexport const saveOtsCertificateTemplate = '/ots_certificates/api_ots_certificates/save_ots_certificate_template'\nexport const getOtsCertificateTemplateDetails = '/ots_certificates/api_ots_certificates/get_ots_certificate_template_details'\nexport const previewOtsCertificate = '/ots_certificates/api_ots_certificates/print_preview'\nexport const saveOtsCertificateSettings = '/ots_certificates/api_ots_certificates/save_settings'\nexport const getOtsCertificateSettings = '/ots_certificates/api_ots_certificates/get_settings'\nexport const otsCertificateGenerateSerialNumber = '/ots_certificates/api_ots_certificates/generate_serial_number'\nexport const getOtsCertificateUniversalCodes = '/ots_certificates/api_ots_certificates/get_ots_certificate_universal_codes'\nexport const getOtsSampleQrCode = '/ots_certificates/api_ots_certificates/get_sample_qr_code'\n/**\n * Async Process Requests\n */\nexport const createAsyncProcessRequest = '/async_process/async_process/api_create_async_process_request'\nexport const getPastAsyncProcessRequests = '/async_process/async_process/api_get_past_requests'\n/**\n * Medallia\n */\nexport const fetchMedallia = '/medallia/api_medallia/get'\nexport const medalliaSave = '/medallia/api_medallia/save'\nexport const medalliaReject = '/medallia/api_medallia/reject'\nexport const medalliaApprove = '/medallia/api_medallia/approve'\nexport const medalliaProcessModeration = '/medallia/api_medallia/process_moderation'\nexport const aoAddOrRemoveMemberFromMedalliaImport = '/medallia/api_medallia/add_remove_member'\n/**\n * AO get program details\n */\nexport const aoFetchProgramDetails = '/programs/ao_get_program_details'\nexport const aoToggleProgramBehaviorStatus = '/programs/program_behaviors/api_ao_toggle_behavior_status'\nexport const aoToggleProgramEcardStatus = '/programs/program_ecards/api_ao_toggle_ecard_status'\n\nexport const aoGetProgramMembers = '/programs/ao_get_program_members'\nexport const aoSearchPrograms = '/programs/ao_search_programs'\n\n\nexport const aoAddMemberToProgram = '/programs/add_member'\nexport const aoRemoveMemberFromProgram = '/programs/remove_member'\nexport const aoAddGroupToProgram = '/programs/add_group'\nexport const aoRemoveGroupFromProgram = '/programs/remove_group'\n\n\nexport const aoGetProgramBudgets = '/programs/ao_get_program_budgets'\nexport const aoAddBudgetToProgram = '/programs/api_add_budget'\nexport const aoRemoveBudgetFromProgram = '/programs/api_remove_budget'\nexport const aoUpdateProgramDetails = '/programs/api_save_program'\n/**\n * AO Budgets\n */\nexport const searchBudgets = '/budgets/search_budgets'\nexport const searchBudgetCategories = '/budget_categories/search_budget_categories'\nexport const aoFetchBudgetDetails = '/budgets/ao_get_budget_details'\nexport const getBudgetsUnderAccount = '/budgets/ao_get_budgets_under_account'\nexport const getBudgetTransactions = '/reports/api_reports/get_budget_transactions'\nexport const aoTopupBudget = '/budgets/ao_topup_budget'\nexport const aoUpdateBudgetDetails = '/budgets/ao_save_budget'\nexport const aoAddGiverToBudget = '/budgets/api_ao_add_budget_giver'\nexport const aoRemoveGiverFromBudget = '/budgets/api_ao_remove_budget_giver'\nexport const aoGetBudgetGivers = '/budgets/api_ao_get_budget_givers'\nexport const aoGetBudgetUtilizationReport = '/budgets/ao_get_budget_utilization'\n\n/**\n * BO Budgets\n */\nexport const boGetAvailableBudgets = '/budgets/api_bo_available_budgets'\n\n/**\n * AO Account Settings\n */\nexport const aoUploadAccountLogo = '/settings/settings_account_main/api_save_account_logos'\nexport const aoUpdateAccountDetails = '/settings/settings_account_main/api_save_account'\nexport const getPastUploadFileRequests = '/settings/settings_account_main/get_past_file_upload_requests'\nexport const aoCreateUploadFileRequest = '/settings/settings_account_main/api_create_file_upload_request'\n/**\n * Ecards\n */\nexport const aoFetchAccountEcards = '/ecards/ecards/ao_get_account_ecards'\nexport const ecardGet = '/ecards/api_ecard/get'\nexport const ecardDelete = '/ecards/api_ecard/delete'\nexport const ecardSave = '/ecards/api_ecard/save'\nexport const ecardUploadImage = '/ecards/api_ecard/upload_image'\n\n/**\n * Company\n */\nexport const compnayGetLeaderboard = '/company/api_company/get_leaderboard'\n\n\n/**\n * Behaviors\n */\nexport const aoFetchAccountBehaviors = '/behaviors/behaviors/ao_get_account_behaviors'\n\n/**\n * AO Reports\n */\nexport const getDashboardReport = '/reports/api_reports/get_dashboard_report_data'\nexport const getPastDownloadRequests = '/reports/api_reports/get_past_download_requests'\nexport const sendDownloadReportRequest = '/reports/api_reports/save_download_request'\n\nexport const getSnapshotReport = '/reports/api_reports/get_snapshot_report'\nexport const getOutstandingBalances = '/reports/api_reports/get_outstanding_balances'\nexport const getRecognitionExtractReport = '/reports/api_reports/get_recognition_extract'\nexport const getRecognitionSummaryPayrollReport = '/reports/api_reports/get_recognition_summary_payroll'\nexport const getMemberPointsPurchasedReport = '/reports/api_reports/get_member_points_purchased'\nexport const getBudgetUpdatesReport = '/reports/api_reports/get_budget_updates'\nexport const getWalletTransactionsReport = '/reports/api_reports/get_wallet_transactions_report'\nexport const getWalletBalancesReport = '/reports/api_reports/get_wallet_balances_report'\nexport const getExpiringPointsReport = '/reports/api_reports/get_expiring_points_report'\nexport const getBGEarnedRedeemed = '/reports/api_reports/get_bg_earned_redeemed'\n\nexport const getUserLoginsReport = '/reports/api_reports/api_get_user_logins'\n\nexport const getUsersEnrollmentsOptIntReport = '/reports/api_reports/get_users_enrollments_opt_in_report'\n\n\n// 2018-12-20 Replaced with the one below\n// export const getBudgetBalancesReport = getBudgetsUnderAccount\nexport const getBudgetBalancesReport = '/reports/api_reports/get_budgets_balances'\n\n\n\nexport const getServiceAnniversariesReport = '/reports/api_reports/get_service_anniversaries_issued'\nexport const getUpcomingAnniversariesReport = '/reports/api_reports/get_upcoming_anniversaries'\nexport const getOrdersSummaryReports = '/reports/api_reports/get_orders_summary'\nexport const getWidiaSalesSummaryReport = '/reports/api_reports/get_widia_sales_summary_report'\nexport const getOrdersManagementReports = '/reports/api_reports/get_orders_management'\nexport const getRebatesRequestsManagementReport = '/reports/api_reports/get_rebates_requests_management_report'\nexport const getIdeasReport = '/reports/api_reports/get_ideas_report'\nexport const getMemberOverallSales = '/reports/api_reports/member_overall_sales'\nexport const getIdeasGraphs = '/reports/api_graphs/get_ideas_graphs'\n\nexport const getUserPointsEarningsReport = '/reports/api_reports/get_user_points_earnings_report'\nexport const getSalesMonthlySpendReport = '/reports/api_reports/get_sales_monthly_spend_report'\nexport const getSalesBySupplierReport = '/reports/api_reports/get_sales_by_supplier_report'\nexport const getSalesSummaryAndGrowthReport = '/reports/api_reports/get_sales_summary_and_growth_report'\nexport const getSalesPendingReport = '/reports/api_reports/get_sales_pending_report'\nexport const getSalesRejectedReport = '/reports/api_reports/get_sales_rejected_report'\nexport const getSalesCatBonusReport = '/reports/api_reports/get_sales_cat_bonus_report'\nexport const getSalesCustomerReturnReport = '/reports/api_reports/get_sales_customer_return_report'\nexport const getSalesPromoBonusReport = '/reports/api_reports/get_sales_promo_bonus_report'\nexport const getSalesGrowthBonusReport = '/reports/api_reports/get_sales_growth_bonus_report'\nexport const getSalesTopEarnersReport = '/reports/api_reports/get_sales_top_earners_report'\nexport const getSalesRulesReport = '/reports/api_reports/get_sales_rules_report'\nexport const getEmailsReport = '/reports/api_reports/get_emails_report'\n\nexport const getPosMissingValuesReport = '/reports/api_reports/get_pos_missing_values_report'\nexport const getReferralReport = '/reports/api_reports/get_referral_report'\nexport const getRedemptionsReport = '/reports/api_reports/get_redemptions_report'\nexport const getSweepstakesReport = '/reports/api_reports/get_sweepstakes_report'\n\n/**\n * AO Disbursements\n */\nexport const getOutstandingDisbursementTotalDollars = '/disbursements/api_disbursements/api_get_outstanding_disbursement_total_dollars'\n/**\n * AO Announcements\n */\nexport const getAOAnnouncementsList = '/announcements/ao_list_all_announcements'\nexport const aoCreateAnnouncementRequest = '/announcements/api_create_save'\nexport const aoCancelAnnouncement = '/announcements/api_cancel_announcement'\nexport const announcementSendTestEmail = '/announcements/api_create_test_emails'\n/**\n * System Tips\n */\nexport const markOnboardingSystemTipAsRead = '/users/mark_onboarding_system_tip_as_read'\n/**\n * Groups\n */\nexport const getGroups = '/groups/api_get_user_groups'\n\nexport const searchGroups = '/groups/api_search_groups'\nexport const searchGroupedAccounts = '/accounts/api_account/api_search_grouped_accounts'\nexport const fetchGroupDetails = '/groups/api_get_group_details'\nexport const updateGroupDetails = '/groups/api_save_group_details'\nexport const getGroupMembers = '/groups/api_get_group_members'\n\nexport const addMemberToGroup = '/groups/api_add_member_to_group'\nexport const removeMemberFromGroup = '/groups/api_remove_member_from_group'\nexport const updateDynamicGroupMembers = 'groups/api_update_dynamic_group_members'\n/**\n * Anniversaries\n */\nexport const getAnniversaryRules = '/anniversary/api_get_anniversary_rules'\nexport const udateAnniversaryDetails = '/anniversary/api_save_anniversary_details'\nexport const fetchAnniversaryDetails = '/anniversary/api_get_anniversary_details'\n/**\n * Behaviors\n */\nexport const getCustomBehaviors = '/behaviors/api_get_custom_behaviors'\nexport const updateCustomBehaviorDetails = '/behaviors/api_save_custom_behavior_details'\nexport const fetchCustomBehaviorDetails = '/behaviors/api_get_custom_behavior_details'\nexport const searchBehaviors = '/behaviors/search_behaviors'\n/**\n * Budget Categories\n */\nexport const getBudgetCategories = '/budget_categories/api_get_budget_categories'\nexport const updateBudgetCategoryDetails = '/budget_categories/api_save_budget_category_details'\nexport const fetchBudgetCategories = '/budget_categories/api_get_budget_category_details'\n/**\n * Ideas\n */\nexport const fetchIdeas = '/ideas/api_get_ideas'\nexport const fetchIdeaDetails = '/ideas/api_get_idea_details'\nexport const updateIdeaDetails = '/ideas/api_save_idea_details'\nexport const saveAndSubmitIdeaDetails = '/ideas/api_save_and_submit_idea_details'\nexport const toggleIdeaVotes = '/ideas/api_toggle_idea_votes'\nexport const apiAddIdeaPhotos = '/ideas/api_add_idea_photos'\nexport const apiRemoveIdeaPhoto = '/ideas/api_remove_idea_photo'\nexport const apiUploadIdeaPhotos = '/ideas/api_upload_photos'\nexport const apiDeleteIdeaPhoto = '/ideas/api_delete_photo'\nexport const fetchCustomIdeaTemplate = '/ideas/api_fetch_custom_idea_template'\n\n\nexport const submitIdeaForApproval = '/ideas/api_submit_idea_for_approval'\nexport const submitIdeaModeration = '/ideas/api_process_idea_moderation'\nexport const submitIdeaManagerModeration = '/ideas/api_process_manager_moderation'\nexport const submitIdeaIsFeatured = '/ideas/api_toggle_idea_is_featured'\nexport const submitIdeaFinalCommission = '/ideas/api_process_final_commission_paid'\n\nexport const fetchIdeaPointsRules = '/ideas/api_fetch_idea_points_rule'\nexport const submitIdeaPointsRules = '/ideas/api_save_idea_points_rule'\n\nexport const apiSubmitIdeaDeliverableDate = '/ideas/api_update_idea_deliverable_date'\nexport const apiSubmitIdeaTeamMembers = '/ideas/api_update_idea_team_members'\n\n/**\n * Idea Categories\n */\nexport const getIdeaCategoriesUnderAccount = '/ideas/idea_categories/get_idea_categories_under_account'\nexport const searchIdeaCategories = '/ideas/idea_categories/search_idea_categories'\nexport const aoFetchIdeaCategoryDetails = '/ideas/idea_categories/ao_fetch_idea_category_details'\nexport const aoUpdateIdeaCategoryDetails = '/ideas/idea_categories/ao_update_idea_category_details'\nexport const aoAddIdeaModerator = '/ideas/idea_categories/ao_add_idea_moderator'\nexport const aoGetIdeaModerators = '/ideas/idea_categories/api_ao_get_idea_moderators'\nexport const aoDeleteIdeaModerator = '/ideas/idea_categories/api_ao_delete_idea_moderator'\n\n/**\n * Idea Account Settings\n */\nexport const aoSaveIdeaAccountSetting = '/ideas/idea_account_settings/save_idea_account_setting'\nexport const fetchIdeaAccountSettingDetails = '/ideas/idea_account_settings/get_details'\nexport const aoUploadIdeaAccountSettingBanner = '/ideas/idea_account_settings/upload_banner'\n\n/**\n * Moderate Recognitions\n */\nexport const getTransactionsForModeration = '/transactions/api_get_transactions_for_moderation'\nexport const apiProcessRecognitionModerations = '/transactions/api_process_moderation'\n\n/**\n * Moderations for Photo Contest\n */\nexport const getModerationsForPhotoContest = '/photo_albums/photo_albums_account_main/api_get_moderations_for_photo_album'\nexport const apiProcessPhotoContestModerations = '/photo_albums/photo_albums_account_main/api_process_photo_album_moderations'\n\n/**\n * Translations\n */\nexport const saveTextForTranslation = '/translations/translations/save_text_for_translation'\n/**\n * Photo Contest Home of BO\n */\nexport const getPhotoContestDetails = '/photo_albums/photo_albums_account_main/api_get_photo_contest_details'\nexport const getPhotoAlbums = '/photo_albums/photo_albums_account_main/api_get_photo_albums'\nexport const aoFetchAlbumDetails = '/photo_albums/photo_albums_account_main/api_fetch_album_details'\nexport const fetchAlbumPhotos = '/photo_albums/photo_albums_account_main/api_fetch_album_photos'\nexport const aoSaveAlbumDetails= '/photo_albums/photo_albums_account_main/api_save_album_data'\nexport const aoSavePhotoDetails= '/photo_albums/photo_albums_account_main/api_save_photo_data'\nexport const aoRemovePhoto= '/photo_albums/photo_albums_account_main/api_remove_photo'\nexport const aoAddPhoto = '/photo_albums/photo_albums_account_main/api_add_photos'\nexport const apiAddMemberPhoto = '/photo_albums/photo_albums_account_main/api_add_member_photos'\nexport const getLatestPhotoContest = '/photo_albums/photo_albums_account_main/api_get_latest_photo_contest'\nexport const albumDelete = '/photo_albums/photo_albums_account_main/api_delete_album'\nexport const getAlbumsPhotos = '/photo_albums/photo_albums_account_main/api_get_album_photos'\nexport const getPhotoAlbumComments = '/photo_albums/photo_albums_account_main/api_get_album_comments'\nexport const getLatestPhotos = '/photo_albums/photo_albums_account_main/api_get_latest_photos'\n\n/**\n * Polls\n *\n */\nexport const aoCreateEditPoll = '/polls/api_create_edit_poll'\nexport const aoGetUserVotes = '/polls/api_get_user_votes'\nexport const aoShowOnActivityToggle = '/polls/api_poll_toggle_show_on_activity_feed'\nexport const aoFetchSummarizedPollResults = '/polls/api_get_summarized_poll_results'\nexport const aoUploadPollOptionPhoto = '/polls/api_upload_poll_option_photo'\nexport const aoDeletePollOptionPhoto = '/polls/api_delete_poll_option_photo'\n\nexport const fetchPolls = '/polls/api_get_polls' // ao & bo\nexport const fetchPollDetails = '/polls/api_get_poll_details' // ao & bo\n// BO\nexport const castVote = '/polls/api_cast_vote'\n\n/**\n * Preferred Distributor\n */\n// export const updateDistributor = '/users/api_update_preferred_distributor'\n\n/**\n * Global search\n */\nexport const globalSearch = '/search/api_search'\nexport const globalSearchCatalog = '/search/api_search/search_catalog'\n\n\n/**\n * BO/Member Wish list related api end points\n */\nexport const createEditUserWishList = '/wishlists/api_create_edit_user_wish_list'\nexport const fetchUserWishListsItems = '/wishlists/api_fetch_wish_lists_items'\nexport const fetchUserWishLists = '/wishlists/api_fetch_wish_lists'\nexport const fetchWishListDetails = '/wishlists/api_get_wish_list_details'\nexport const addItemToWishList = '/wishlists/api_add_item_to_wish_list'\nexport const removeItemFromWishList = '/wishlists/api_remove_item_from_wish_list'\nexport const deleteWishList = '/wishlists/api_delete_wish_list'\nexport const removeItemsFromWishListAfterCheckOut = '/wishlists/api_remove_items_from_list_after_checkout'\nexport const autoRedeemItem = '/wishlists/api_auto_redeem_item'\n\n/**\n * Employee commitments / Badges\n */\n\nexport const fetchEmployeeCommitments = '/employee_commitments/api_get_commitments'\nexport const submitEmployeeCommitment = '/employee_commitments/api_submit_commitment'\nexport const reviewEmployeeCommitment = '/employee_commitments/api_validate_commitment'\nexport const fetchEmployeeCommitmentDetails = '/employee_commitments/employee_commitments/api_fetch_employee_commitment_details'\nexport const aoCreateEditEmployeeCommitment = '/employee_commitments/employee_commitments/api_create_edit_employee_commitment'\nexport const aoUploadEmployeeCommitmentBadge = '/employee_commitments/employee_commitments/api_upload_employee_commitment_badge'\nexport const fetchOutstandingBadgesReport = '/employee_commitments/employee_commitments/api_get_outstanding_badges'\n\nexport const aoFetchEmployeeCommitmentAccountSetting = '/employee_commitments/employee_commitment_account_settings/fetch_setting'\nexport const aoSaveEmployeeCommitmentSetting = '/employee_commitments/employee_commitment_account_settings/create_edit_setting'\n\nexport const aoFetchCustomUserFrequencies = '/employee_commitments/api_get_custom_user_frequencies'\nexport const aoSaveCustomUserFrequency = '/employee_commitments/api_save_custom_user_frequency'\nexport const aoDeleteCustomUserFrequency = '/employee_commitments/api_delete_custom_user_frequency'\n/**\n * Transaction & Point Balance Checks\n */\nexport const syncRefreshUserCustomPointBalance = '/client_api_interface/client_api_checkout/sync_refresh_user_custom_point_balance'\nexport const queueAndSyncUserCustomPointBalTransactions = '/client_api_interface/client_api_checkout/queue_and_sync_user_custom_point_bal_transactions'\n/**\n * BO Security Recognitions\n */\nexport const uploadSecurityRecognitions = '/points/points_account_main/api_process_security_recognitions'\n\n/**\n * Checkbox selection endpoint\n */\nexport const updateSelectedCheckboxItems = '/users/api_user_checkbox_selections/api_update_checkbox_items'\n\n/**\n * Get App Verion.\n */\nexport const getAppVersion = '/login/login/api_get_app_version'\nexport const csrfToken = '/security/csrf/token'\n\n/**\n * Airmiles\n */\nexport const fetchAirmilesFormData = '/airmiles/api_airmiles/fetch_form_data'\nexport const submitAirmilesForm = '/airmiles/api_airmiles/submit_form'\n\n/**\n * Appreciations\n */\nexport const saveAppreciation = '/appreciations/api_appreciations/save_appreciation'\nexport const fetchAppreciationEcards = '/appreciations/api_appreciations/fetch_appreciation_ecards'\nexport const reviewAppreciation = '/appreciations/api_appreciations/review_appreciation'\nexport const fetchAppreciationSummary = '/appreciations/api_appreciations/fetch_appreciations_summary'\nexport const fetchAppreciations = '/appreciations/api_appreciations/fetch_appreciations'\nexport const printAppreciation = '/appreciations/api_appreciations/print_appreciation'\n\n/**\n * Wallet\n */\nexport const fetchWalletRequestsForModeration = '/wallets/api_wallets/fetch_wallet_requests_for_moderation'\nexport const fetchWalletRequestDetails = '/wallets/api_wallets/fetch_wallet_request_details'\nexport const processWalletRequestModeration = '/wallets/api_wallets/process_wallet_requests_moderation'\nexport const fetchWalletConfigurations = '/wallets/api_wallets/fetch_wallet_configurations'\nexport const createWalletRequests = '/wallets/api_wallets/create_wallet_requests'\n\nexport const searchWalletTransaction = '/wallets/api_wallets/ao_search_wallet_issuance_transaction'\nexport const reverseWalletTransaction = '/wallets/api_wallets/ao_reverse_wallet_issuance_transaction'\nexport const aoIssueDeductMoneyInUserWallet = '/wallets/api_wallets/ao_issue_deduct_money_in_user_wallet'\n\nexport const getMemberOrTeamWalletPoints = '/reports/api_reports/get_wallet_transactions_report'\nexport const getPendingMemberWalletPoints = '/reports/api_reports/get_pending_member_wallet_points'\nexport const getMemberWalletPointsPurchasedReport = '/reports/api_reports/get_member_wallet_points_purchased'\n\n/**\n * BO edit employees\n */\nexport const widiaManagerUpdateMemberDetails = '/members/api_widia_manager_update_member_details'\nexport const boSalesUpdateMemberDetails = '/members/api_bo_sales_update_member_details'\n\nexport const deactivateMember = '/members/api_deactivate_member'\nexport const emptyMemeberBalances = '/members/api_empty_member_balances'\nexport const processUserEnrollmentModerationRequest = '/members/api_process_user_enrollment_moderation'\nexport const uploadUserEnrollmentFile = '/members/api_upload_user_enrollment_file'\nexport const deleteUserEnrollmentFile = '/members/api_delete_user_enrollment_file'\nexport const generatePlatformAuthenticationToken = '/members/api_get_platform_authentication_token'\nexport const sendLoginInfoToTerminated = '/members/api_send_login_info_terminated'\n\n/**\n * Widia assign customer DSRs\n */\nexport const widiaAssignCustomersToDsr = '/members/api_widia_assign_customers_to_dsr'\nexport const getWidiaDsrCustomersReport = '/reports/api_reports/api_widia_dsr_customers_report'\n\n/**\n * Sales\n */\nexport const getSaleCategoriesUnderAccount = '/sales/sale_categories/get_sale_categories_under_account'\nexport const getSaleCategoriesForDropdown = '/sales/sale_categories/api_get_categories_for_drop_down'\nexport const createUpdateSaleCategory = '/sales/sale_categories/create_update_sale_category'\nexport const getSaleCategoryGroups = '/sales/sale_category_groups/api_get_sale_category_groups'\nexport const getSaleCategoryGroupDetails = '/sales/sale_category_groups/api_get_sale_category_group_details'\nexport const createUpdateSaleCategoriesGroup = '/sales/sale_category_groups/api_create_update_sale_categories_group'\nexport const apiAddRemoveSaleCategoriesFromGroup = '/sales/sale_category_groups/api_add_remove_sale_categories_from_group'\nexport const apiGetSaleCategoriesFromGroup = '/sales/sale_category_groups/api_get_categories_from_group'\nexport const getSalesReport = '/reports/api_reports/get_sales_report'\nexport const getSalesGraphs = '/reports/api_graphs/get_sales_graphs'\nexport const getSalePointsEarned = '/reports/api_graphs/get_sales_graphs'\nexport const getWidiaTopItemsEarnedByWqc = '/reports/api_reports/get_widia_top_items_earned_by_wqc_report'\nexport const getWidiaTopItemsByQuantity = '/reports/api_reports/get_widia_top_items_by_quantity_report'\nexport const getSaleDistributorBrands = '/sales/sale_brands/api_get_distributors_brands'\nexport const createUpdateSaleBrand = '/sales/sale_brands/api_create_update_sale_brand'\nexport const saleMasterBrandsAutoSuggest = '/sales/sale_brands/api_auto_suggest_sale_master_brands'\nexport const getSaleBrandRequests = '/sales/sale_brands/api_get_sale_brand_requests'\nexport const moderateSaleBrandRequests = '/sales/sale_brands/api_moderate_sale_brand_requests'\nexport const getDistributorGroups = '/sales/supplier_account_groups/api_get_distributor_groups'\nexport const getDistributorGroupDetails = '/sales/supplier_account_groups/api_get_distributor_group_detail'\nexport const saveDistributorGroup = '/sales/supplier_account_groups/api_save_distributor_group'\nexport const apiGetDistributorsFromGroup = '/sales/supplier_account_groups/api_get_group_distributors'\nexport const apiAddRemoveDistributorsFromGroup = '/sales/supplier_account_groups/api_add_remove_distributors_from_group'\nexport const approveSale = '/sales/approve'\nexport const bulkApproveSales = '/sales/api_bulk_approve'\nexport const getBuyingGroupAccountsReport = '/reports/api_reports/get_buying_group_accounts'\nexport const getBuyingGroupAccountsSelect = '/sales/buying_group/api_get_mapped_accounts'\nexport const getSaleTargetsReport = '/reports/api_reports/get_sale_targets_report'\n\nexport const getSaleProductItems = '/sales/product_items/api_get_product_items'\nexport const createUpdateSaleProductItem = '/sales/product_items/api_create_edit_product_item'\nexport const getSaleProductItemGroups = '/sales/product_item_groups/api_get_product_item_groups'\nexport const getSaleProductItemGroupDetails = '/sales/product_item_groups/api_get_sale_product_item_group_details'\nexport const createUpdateSaleProductItemGroup = '/sales/product_item_groups/api_create_update_product_item_group'\nexport const apiGetSaleProductItemsFromGroup = '/sales/product_item_groups/api_get_group_product_items'\nexport const apiAddRemoveProductItemsFromGroup = '/sales/product_item_groups/api_add_remove_product_items_from_group'\nexport const saleProductItemsAutoSuggest = '/sales/product_items/api_auto_suggest_sale_product_items'\n\nexport const getProductItemsEarningsLimits = '/sales/product_items_earnings_limits/api_get_product_items_earnings_limits'\nexport const saveProductItemsEarningsLimit = '/sales/product_items_earnings_limits/api_save_product_items_earnings_limits'\n\nexport const fetchAoGraphData = '/reports/api_graphs/get_ao_graph_data'\n\n/**\n * Sales Invoices\n */\nexport const saleInvoiceUpload = '/sales_invoices/invoices/upload'\nexport const saleInvoiceFileUpload = '/sales_invoices/invoices/upload_file'\nexport const fetchSalesInvoices = '/sales_invoices/invoices/get_invoices'\nexport const fetchSalesInvoiceDetails = '/sales_invoices/invoices/get_invoice'\nexport const fetchSalesInvoicesAO = '/sales_invoices/invoices_ao/get_invoices'\nexport const fetchSalesInvoiceDetailsAO = '/sales_invoices/invoices_ao/get_invoice'\nexport const approveSalesInvoice = '/sales_invoices/invoices_ao/moderate/approval'\nexport const rejectSalesInvoice = '/sales_invoices/invoices_ao/moderate/rejection'\nexport const moderateSalesInvoice = '/sales_invoices/invoices_ao/to_pending_moderation'\n\n\n/**\n * Widia DSR commission earnings\n */\nexport const fetchWidiaDsrCommissionEarnings = '/sales/widia_dsr_commission_earnings/api_get_dsr_commission_earnings'\nexport const fetchWidiaDsrCommissionEarningDetail = '/sales/widia_dsr_commission_earnings/api_get_dsr_commission_earning_detail'\nexport const checkAvailablePointsToAward = '/sales/widia_dsr_commission_earnings/api_check_available_points_in_budget'\nexport const moderateDsrCommissionEarning = '/sales/widia_dsr_commission_earnings/api_moderate_dsr_commission_earning'\nexport const widiaToggleDsrPointsAwards = '/sales/widia_dsr_commission_earnings/api_toggle_dsr_points_awards'\nexport const widiaUpdateDsrPointsApprovalType = '/sales/widia_dsr_commission_earnings/api_update_commission_approval_type'\nexport const widiaGetCustomerSalesSummary = '/sales/widia_get_customer_sales_summary'\n\n/**\n * Employee Nominations\n */\nexport const aoSaveNominationRule = '/employee_nominations/api_employee_nominations_rules/ao_save'\nexport const aoFetchNominationRule = '/employee_nominations/api_employee_nominations_rules/get'\nexport const aoFetchNominationRules = '/employee_nominations/api_employee_nominations_rules/get_all'\nexport const aoToggleShowOnActivityFeedForRule = '/employee_nominations/api_employee_nominations_rules/ao_toggle_show_on_activity_feed_for_rule'\n\nexport const aoSaveNominationEvent = '/employee_nominations/api_employee_nominations/ao_save_nomination_event'\nexport const aoToggleShowOnActivityFeedForEvent = '/employee_nominations/api_employee_nominations/ao_toggle_show_on_activity_feed_for_event'\nexport const aoFetchNominationEvent = '/employee_nominations/api_employee_nominations/fetch_nomination_event_details'\nexport const aoFetchNominationResults = '/employee_nominations/api_employee_nominations/ao_fetch_nomination_results'\n\nexport const aoToggleNomineeForRanking = '/employee_nominations/api_employee_nomination_ranks/ao_toggle_nominee_for_ranking'\nexport const aoSaveNominationRanks = '/employee_nominations/api_employee_nomination_ranks/ao_save_nomination_ranks'\nexport const fetchEmpNominationRanks = '/employee_nominations/api_employee_nomination_ranks/fetch_emp_nomination_ranks'\nexport const fetchEmpNominationRanksReport = '/employee_nominations/api_employee_nomination_ranks/fetch_emp_nomination_ranks_report'\n\nexport const fetchNominationEvents = '/employee_nominations/api_employee_nominations/fetch_emp_nomination_events'\nexport const fetchNominationSummaryForEvent = '/employee_nominations/api_employee_nominations/fetch_nominees_summary_for_event'\nexport const fetchNominatorEvents = '/employee_nominations/api_employee_nominations/fetch_nominator_events'\nexport const fetchNominationsForNominee = '/employee_nominations/api_employee_nominations/fetch_nominations_for_nominee'\n\nexport const fetchEmpNominationPublications = '/employee_nominations/api_employee_nomination_publications/fetch_emp_nomination_publications'\nexport const fetchEmpNominationPublication = '/employee_nominations/api_employee_nomination_publications/fetch_emp_nomination_publication'\nexport const aoSaveEmpNominationPublicationBanner = '/employee_nominations/api_employee_nomination_publications/ao_save_emp_nomination_publication_banner'\nexport const aoSaveEmpNominationPublication = '/employee_nominations/api_employee_nomination_publications/ao_save_emp_nomination_publication'\n\nexport const saveNominationFile = '/employee_nominations/api_employee_nominations/save_nomination_file'\nexport const saveNomination = '/employee_nominations/api_employee_nominations/save_nomination'\nexport const deleteNominationFile = '/employee_nominations/api_employee_nominations/delete_nomination_file'\nexport const fetchNominationDetails = '/employee_nominations/api_employee_nominations/fetch_nomination_details'\nexport const fetchNominations = '/employee_nominations/api_employee_nominations/fetch_nominations'\n/**\n * Customer tree\n */\nexport const customerTreeSearch = '/customer_tree/customer_tree/search'\nexport const customerTreeCount = '/customer_tree/customer_tree/count'\nexport const autoSuggestSearchHierarchy = '/customer_tree/customer_tree/auto_suggest_search_hierarchy'\n\n// Tag users\nexport const searchTagUsers = '/members/search_tag_users'\n\n/**\n * Bingo\n */\nexport const bingoGetGameConfig = '/bingo/bingo_web/get_game_config_for_fe'\nexport const bingoSelectTile = '/bingo/bingo_web/select_tile'\nexport const bingoWinnersReport = '/bingo/bingo_web/get_winners_report'\n\n/**\n * Scratch Card Game\n */\nexport const getScratchCard = '/game_scratch_card/api_game_scratch_card'\nexport const openScratchCardTile = '/game_scratch_card/api_game_scratch_card/open_tile'\n\n\n/**\n * Permissions\n */\nexport const updatePermissions = '/user_permissions/update'\n\n/**\n * How To Viseos\n */\nexport const howToVideosCategories = '/how_to_videos/api_how_to_videos/get_categories'\nexport const howToVideos = '/how_to_videos/api_how_to_videos/get_videos'\nexport const howToLog = '/how_to_videos/api_how_to_videos/log_data'\n\nexport const getRecognitionEmailReminderRules = '/reports/api_reports/get_reminder_rules_report'\nexport const createUpdateRecogReminderEmailRule = '/transactions/create_update_email_reminder_rule'\n\n/**\n * Surveys\n */\nexport const aoGetSurveys = '/survey/api_survey_ao/get_surveys'\nexport const aoGetSurveyDetails = '/survey/api_survey_ao/get_details'\nexport const aoSaveSurvey = '/survey/api_survey_ao/save_survey'\nexport const aoGetSurveyResults = '/survey/api_survey_ao/get_results'\nexport const aoSearchSurveyAnswers = '/survey/api_survey_ao/survey_answers_autosuggest'\n\nexport const boGetSurveys = '/survey/api_survey_member/get_surveys'\nexport const boGetSurveyQuestions = '/survey/api_survey_member/get_questions'\nexport const boSaveSurveyAnswers = '/survey/api_survey_member/save_answers'\n\nexport const getTopRecognitionGiversSummary = '/users/api_get_top_recognition_givers_summary'\nexport const getRecognitionsGraphs = '/reports/api_graphs/get_recognitions_graphs'\n\n/**\n * Global Filters\n */\nexport const getGlobalFilters = '/global_filter/api_global_filter/get_filters'\nexport const getGlobalFilterDetails = '/global_filter/api_global_filter/get_details'\nexport const saveGlobalFilter = '/global_filter/api_global_filter/save_filter'\nexport const updateGlobalFilterStatus = '/global_filter/api_global_filter/update_status'\n\n/**\n *\n */\nexport const fetchUserLevelRules = '/user_levels/api_user_levels/get_user_levels_rules'\nexport const saveUserLevelRules = '/user_levels/api_user_levels/save_user_levels_rules'\nexport const fetchUserLevelsConfig = '/user_levels/api_user_levels/get_levels_config'\nexport const saveUserLevelsConfig = '/user_levels/api_user_levels/save_levels_config'\nexport const resetUserLevels = '/user_levels/api_user_levels/reset_user_levels'\n\n/**\n * Scoreboard competitions\n */\nexport const getScoreboardCompetitionsList = '/scoreboard_competitions/api_scoreboard_competitions/get_scoreboard_competitions_list';\nexport const getScoreboardCompetition = '/scoreboard_competitions/api_scoreboard_competitions/get_scoreboard_competition';\nexport const saveScoreboardCompetition = '/scoreboard_competitions/api_scoreboard_competitions/save_scoreboard_competition';\nexport const getScoreboardCompetitionReport = '/scoreboard_competitions/api_scoreboard_competitions/get_scoreboard_competition_report';\nexport const getScoreboardCompetitionReportHeaders = '/scoreboard_competitions/api_scoreboard_competitions/get_scoreboard_competition_report_headers';\nexport const awardScoreboardPoints = '/scoreboard_competitions/api_scoreboard_competitions/award_scoreboard_points';\nexport const getScoreboardCompetitionLeaderboard = '/scoreboard_competitions/api_scoreboard_competitions/get_scoreboard_points_leaderboard';\nexport const getScoreboardCompetitionTeams = '/scoreboard_competitions/api_scoreboard_competitions/get_scoreboard_competition_teams';\n\n/**\n * Company directory\n */\nexport const getCompanyDirectory = '/company_directories/api_company_directory/get_company_directory';\nexport const saveCompanyDirectory = '/company_directories/api_company_directory/save_company_directory';\nexport const getCompanyDirectoryGroup = '/company_directories/api_company_directory/get_company_directory_group';\nexport const getCompanyDirectoryUsers = '/company_directories/api_company_directory/get_company_directory_users';\nexport const getCompanyDirectoryUserDetails = '/company_directories/api_company_directory/get_user_details';\n\n/**\n * Sales suppliers points rules\n */\nexport const fetchSupplierPointsRules = '/sales/suppliers/api_get_supplier_points_rules'\nexport const fetchSupplierPointsRuleDetails = '/sales/suppliers/api_get_supplier_points_rule_details'\n\nexport const apiCreateEditSupplierRule = '/sales/suppliers/api_create_edit_supplier_rule'\nexport const apiSearchSaleDistributorAccountGroups = '/sales/supplier_account_groups/api_search_distributor_account_groups'\n\n/**\n * Sales distributors points rules\n */\nexport const fetchDistributorPointsRules = '/sales/distributors/api_get_distributor_points_rules'\nexport const apiCreateEditDistributorRule = '/sales/distributors/api_create_edit_distributor_rule'\n\nexport const fetchOrderTypePointsRules = '/sales/sale_types/api_get_sale_type_rules'\nexport const saveOrderTypePointsRules = '/sales/sale_types/api_save_sale_type_rules'\n\nexport const fetchSaleGrowthPointsRules = '/sales/growth_points_rules/api_get_sale_growth_points_rules'\nexport const saveSaleGrowthPointsRules = '/sales/growth_points_rules/api_save_sale_growth_points_rules'\n\nexport const fetchSalePromoBonusRules = '/sales/promo_bonus_rules/api_get_promo_bonus_rules'\nexport const saveSalePromoBonusRules = '/sales/promo_bonus_rules/api_save_promo_bonus_rules'\n\nexport const fetchSaleTopEarnersRules = '/sales/top_earners_rules/api_get_top_earners_rules'\nexport const fetchSaleTopEarnersRulesCard = '/sales/top_earners_rules/api_get_top_earners_rules_for_bo_card'\nexport const saveSaleTopEarnersRules = '/sales/top_earners_rules/api_save_top_earners_rule'\n// export const fetchSaleTopEarnersForCard = '/sales/top_earners_rules/api_get_top_earners'\n\nexport const fetchSaleCategoryBonusRules = '/sales/distributors/api_get_category_bonus_rules'\nexport const saveSaleCategoryBonusRules = '/sales/distributors/api_create_edit_category_bonus_rule'\n\nexport const searchSaleBrands = '/sales/sale_brands/api_sale_brands_auto_suggest'\nexport const searchSaleCategories = '/sales/sale_categories/api_sale_categories_auto_suggest'\nexport const searchSaleCustomField = '/sales/sales/api_sale_custom_field_auto_suggest'\n\nexport const apiGetSaleCategoriesForFilters = '/sales/sale_categories/api_get_sale_categories_for_filters'\nexport const apiGetSaleBrandsForFilters = '/sales/sale_brands/api_get_sale_brands_for_filters'\nexport const apiGetSaleCustomFieldsForFilters = '/sales/sales/api_get_sale_custom_fields_for_filters'\n\nexport const apiSearchSaleCategoryGroups = '/sales/sale_category_groups/api_search_sale_category_groups'\nexport const apiSearchSaleProductItemGroups = '/sales/product_item_groups/api_search_sale_product_item_groups'\n\n/**\n * Sales brands groups\n */\nexport const getSaleBrandGroups = '/sales/sale_brand_groups/api_get_sale_brand_groups'\nexport const apiGetSaleBrandsGroupDetails = '/sales/sale_brand_groups/api_get_sale_brand_group_details'\nexport const createUpdateSaleBrandGroup = '/sales/sale_brand_groups/api_create_update_sale_brand_group'\nexport const apiGetBrandsFromGroup = '/sales/sale_brand_groups/api_get_group_brands'\nexport const apiAddRemoveBrandsFromGroup = '/sales/sale_brand_groups/api_add_remove_brands_from_group'\nexport const apiSearchSaleBrandGroups= '/sales/sale_brand_groups/api_search_sale_brand_groups'\nexport const apiAddRemoveSaleBrandGroupOfDistributorRule = '/sales/sale_brand_groups/api_add_remove_sale_brand_group_of_distributor_rule'\n\nexport const groupsForIncludedAccountsAutoSuggest = '/sales/supplier_account_groups/api_auto_suggest_groups_for_included_accounts'\n\n/**\n * Forms\n */\nexport const apiGetCardForms = '/forms/api_get_bo_card_forms'\nexport const apiGetFormQuestions = '/forms/api_get_form_questions'\nexport const apiSubmitFormRequest = '/forms/api_submit_form' // user form submission\nexport const apiGetFormsList = '/forms/api_get_forms_list'\nexport const apiGetFormSubmissionsList = '/forms/api_get_form_submissions_list'\nexport const apiModerateFormSubmission = '/forms/api_moderate_form_submission'\nexport const apiCreateEditForm = '/forms/api_create_edit_form' // AO moderator creates/edits form\nexport const apiUploadFormSubmissionFiles = '/forms/api_upload_form_submission_files'\nexport const apiDeleteFormSubmissionFile = '/forms/api_delete_form_submission_file'\n\nexport const fetchEmployeesShops = '/users/users_shops/api_get_shops'\n\n/**\n * Reviews\n */\nexport const apiSaveReviewRule = '/reviews/api_save_review_rule'\nexport const apiGetReviewRules = '/reviews/api_get_review_rules'\nexport const apiGetReviewRuleMetrics = '/reviews/api_get_review_rule_metrics'\nexport const apiGetReviewRulePointsRules = '/reviews/api_get_review_rule_points_rules'\nexport const apiSubmitReview = '/reviews/api_submit_review'\nexport const apiGetReviews = '/reviews/api_get_reviews'\nexport const apiModerateReview = '/reviews/api_moderate_review'\n\n/**\n * Sales, Customer Products\n */\nexport const apiGetCustomerProducts = '/sales/sale_customer_products/api_get_customer_products';\nexport const apiModerateCustomerProducts = '/sales/sale_customer_products/api_moderate_customer_products';\n\n/**\n * Todos\n\n Keep it very simple for the Members and BOs to get the data that they need.\n\n Members-\n\t Common recognitions table for a user.\n\t add pagination to the recognitions table\n\t \treuse the recognition history for budget owner - when they see a member's profile\n\t Option to download the report data. - Done\n\t Last option in the filters to read - \"Select a date range.\" and will enable the from/to date ranges. - Done\n\n\t Orders history\n\t \tAdd pagination and search to Order history. - Done\n\t \tOrder detail view - not needed as all order related details are available in the small order view\n\t Programs tab for Members and BOs. - Done\n\t Activity feed for the dashboard - Done\n\t Customer support form. - Done\n\t Claim Certificate points modal. - Done\n\t Update details page. - Done\n\t\tUpdate profile Pic - Done\n\t\tUpdate email id - Done\n\t\tupdate passwd - Done\n\t\tupdate phone number - Done\n\t Shop - item details page. - Done\n\t View certificate modal. - Done\n\t Give Recognition - monetary and non monetary - Done\n\tLeaderboard for the left panel. - Done\n\n\n\tRecently viewed items feed for the dashboard. - Done\n\tOnboarding Progress - Done\n\n\tCategories of interest page.\n\t \tShipping addresses section under profile section.\n\n\tPoint Purchase History - Done\n\tView all Announcements and Notifications.- Done\n\n\tView terms, faqs, etc. - Done\n\tChange Password. - Done\n\tView and edit shipping addresses from profile. - p2\n\tRSM reports.\n\tWishlists\n\tSA messages in the news feed - using Machine learning - p2\n\n BOs -\n \tMy Team - Use AO members layout - Done\n \tEmployee Details - refer AO emp detail view and Profile view - Done\n \tRecognitions Given by me in the past. - Done\n \tModeration requests. - p2\n \tDrafts. - p2\n \tlogin as admin - for members with Admin access - Done\n\n AO -\n \tManage Members - Done\n \tCreate a new member. Edit Member. Activate/deactivate a member. - Done\n \tList all account programs - Done\n \tCreate a new Program - Done\n \tManage Program [edit options and enable/disable budgets] - Done\n\tProgram templates -\n\n \tProgram details page (budgets and members search & filter, groups tabs remaining) - Done\n\tManage Budgets - Done\n\tCreate a new Budget - Done\n\n\tAccount Settings / edit-manage - Done\n\t\tEnrollment file\n\t\tBudget File\n\t\tRecognition File\n\t\tPoints File\n\t\tService Anniv rules\n\t\tCustom Behaviors\n\t\tEcards - create and manage\n\n\tReverse Recognition\n\tAnnouncemnets [Create and Manage] - Done\n\n \tManage Groups - Done\n \tCreate a new Group\n\n\tReports - Done\n\tFAQs\n\tPhotos and Ideas tabs - p2\n\n\tWhen AO creates a new Member - the new member email should not contain passwd - the new member should\n\t\tcome to the site and enter a passwd.\n\n\tCreate a new Ecard\n\tCreate a new Behavior\n\n\tJustification and approval needed flags in Program - Done\n\taccountwide program flag - Done\n\n\tFind a report to add # of recogs received and given\n\nRedirect to login page if logged out\n */\n\n\n","import CommonActionTypes from '../../../actions/Common'\n\nfunction InitAccount() {\n\treturn {\n\t\ttype: CommonActionTypes.INIT_ACCOUNT,\n\t}\n}\n\nfunction InitAccountSuccess(accountData) {\n\treturn {\n\t\ttype: CommonActionTypes.INIT_ACCOUNT_SUCCESS,\n\t\taccount: accountData,\n\t}\n}\n\nfunction InitAccountFailure(error) {\n\treturn {\n\t\ttype: CommonActionTypes.INIT_ACCOUNT_FAILURE,\n\t\terror: error,\n\t}\n}\n\nfunction UpdateAccountSuccess(freshDataElements) {\n\treturn {\n\t\ttype: CommonActionTypes.UPDATE_ACCOUNT_SUCCESS,\n\t\tfreshDataElements: freshDataElements,\n\t}\n}\n\n\nexport {\n\tInitAccount,\n\tInitAccountSuccess, \n\tInitAccountFailure,\n\tUpdateAccountSuccess,\n}","import i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\nimport Backend from 'i18next-http-backend';\nimport Config from \"./config\";\n\ni18n\n .use(Backend)\n .use(initReactI18next) // passes i18n down to react-i18next\n .init({\n backend: {\n loadPath: (window.location.hostname === 'localhost' ? '' : Config.APP_ROOT_PATH) + '/locales/{{lng}}/{{ns}}.json',\n },\n //ns: ['translation', 'indo'],\n //defaultNS: 'indoclub',\n fallbackNS: 'translation',\n fallbackLng: 'en',\n debug: false,\n lng: \"en\", // language to use, more information here: https://www.i18next.com/overview/configuration-options#languages-namespaces-resources\n // you can use the i18n.changeLanguage function to change the language manually: https://www.i18next.com/overview/api#changelanguage\n // if you're using a language detector, do not define the lng option\n\n interpolation: {\n escapeValue: false // react already safes from xss\n }\n });\n\nexport default i18n;\n","import CommonActionTypes from '../../../actions/Common'\nimport uuidv4 from 'uuid/v4'\n\n/**\n * Fetch Activities\n */\n\nfunction FetchActivityFeedAction(page, pageSize, sorted, filtered, filters, searchString, override) {\n\treturn {\n\t\ttype: CommonActionTypes.FETCH_ACTIVITY_FEED,\n\t\tpage: page, \n\t\tpageSize: pageSize, \n\t\tsorted: sorted, \n\t\tfiltered: filtered, \n\t\tfilters: filters,\n\t\tsearchString: searchString,\n\t\toverride: override,\n\t}\n}\n\nfunction FetchActivityFeedActionSuccess(data, override) {\n\treturn {\n\t\ttype: CommonActionTypes.FETCH_ACTIVITY_FEED_SUCCESS,\n\t\tactivity_items: data.table_rows || [],\n\t\ttotal_rows: data.total_rows,\n\t\ttotal_pages: data.total_pages,\n\t\toverride: override,\n\t}\n}\n\nfunction FetchActivityFeedActionError(error) {\n\treturn {\n\t\ttype: CommonActionTypes.FETCH_ACTIVITY_FEED_ERROR,\n\t\terror: error\n\t}\n}\n\nfunction ClearFetchActivityFeedActionState() {\n\treturn {\n\t\ttype: CommonActionTypes.CLEAR_FETCH_ACTIVITY_FEED_STATE,\n\t}\n}\n\n\n/**\n * Save comments\n */\n\nfunction SaveCommentAction(commentText, editorState, activityId, commentId, userName, userFirstname, userLastname, userAvatar) {\n\n\treturn {\n\t\ttype: CommonActionTypes.SAVE_COMMENT,\n\t\tcommentId: commentId,\n\t\ttempId: uuidv4(), //eg: 'df7cca36-3d7a-40f4-8f06-ae03cc22f045'\n\t\tcommentText: commentText,\n\t\teditorState: editorState,\n\t\tactivityId: activityId,\n\t\tuserName: userName,\t\n\t\tuserFirstname: userFirstname,\n\t\tuserLastname: userLastname,\n\t\tuserAvatar: userAvatar,\n\t}\n}\n\nfunction SaveCommentActionSuccess(data) {\n\treturn {\n\t\ttype: CommonActionTypes.SAVE_COMMENT_SUCCESS,\n\t\ttempId: data.temp_id,\n\t\tcomment: data.comment,\n\t}\n}\n\nfunction SaveCommentActionError(error) {\n\treturn {\n\t\ttype: CommonActionTypes.SAVE_COMMENT_ERROR,\n\t\terror: error\n\t}\n}\n\nfunction DeleteCommentAction(activityId, commentId) {\n\n\treturn {\n\t\ttype: CommonActionTypes.DELETE_COMMENT,\n\t\tcommentId: commentId,\n\t\tactivityId: activityId,\n\t}\n}\n\nfunction DeleteCommentActionSuccess(data) {\n\treturn {\n\t\ttype: CommonActionTypes.DELETE_COMMENT_SUCCESS,\n\t\tactivityId: data.activity_id,\n\t\tcommentId: data.comment_id,\n\t}\n}\n\nfunction DeleteCommentActionError(error) {\n\treturn {\n\t\ttype: CommonActionTypes.DELETE_COMMENT_ERROR,\n\t\terror: error\n\t}\n}\n\n\n/**\n * Likes and Un-likes\n */\n\nfunction LikeAction(activityId, commentId, userId, userName, userFirstname, userLastname, userAvatar) {\n\n\treturn {\n\t\ttype: CommonActionTypes.LIKE,\n\t\ttempId: uuidv4(), //eg: 'df7cca36-3d7a-40f4-8f06-ae03cc22f045'\n\t\tactivityId: activityId,\n\t\tcommentId: commentId,\n\t\tuserId: userId,\t\n\t\tuserName: userName,\t\n\t\tuserFirstname: userFirstname,\n\t\tuserLastname: userLastname,\n\t\tuserAvatar: userAvatar,\n\t}\n}\n\nfunction LikeActionSuccess(data) {\n\t// console.log('LikeActionSuccess fired');\n\treturn {\n\t\ttype: CommonActionTypes.LIKE_SUCCESS,\n\t\ttempId: data.temp_id,\n\t\tlikeData: data.like_data,\n\t}\n}\n\nfunction LikeActionError(error) {\n\treturn {\n\t\ttype: CommonActionTypes.LIKE_ERROR,\n\t\terror: error\n\t}\n}\n\nfunction UnLikeAction(activityId, commentId, userId) {\n\n\treturn {\n\t\ttype: CommonActionTypes.UNLIKE,\n\t\tactivityId: activityId,\n\t\tcommentId: commentId,\n\t\tuserId: userId,\n\t\ttempId: uuidv4(), //eg: 'df7cca36-3d7a-40f4-8f06-ae03cc22f045'\n\t}\n}\n\nfunction UnLikeActionSuccess(data) {\n\treturn {\n\t\ttype: CommonActionTypes.UNLIKE_SUCCESS,\n\t\ttempId: data.temp_id,\n\t\tlikeData: data.like_data,\n\t}\n}\n\nfunction UnLikeActionError(error) {\n\treturn {\n\t\ttype: CommonActionTypes.UNLIKE_ERROR,\n\t\terror: error\n\t}\n}\n\n\n\n\n\n\nexport {\n\tFetchActivityFeedAction,\n\tFetchActivityFeedActionSuccess,\n\tFetchActivityFeedActionError,\n\tClearFetchActivityFeedActionState,\n\n\tSaveCommentAction,\n\tSaveCommentActionSuccess,\n\tSaveCommentActionError,\n\n\tDeleteCommentAction,\n\tDeleteCommentActionSuccess,\n\tDeleteCommentActionError,\n\n\tLikeAction,\n\tLikeActionSuccess,\n\tLikeActionError,\n\n\tUnLikeAction,\n\tUnLikeActionSuccess,\n\tUnLikeActionError,\n}\n\n\n\n\n","import React from 'react'\n\nimport 'react-dates/initialize'\nimport 'react-dates/lib/css/_datepicker.css'\nimport { DateRangePicker } from 'react-dates'\n\nimport './DateRangePicker.css'\nimport uuidv4 from 'uuid/v4'\nimport {useTranslation} from \"react-i18next\";\n\n\nfunction CustomDateRangePicker(props) {\n\n\tconst { t } = useTranslation();\n\n\tconst uniqueId = uuidv4();\n\treturn (\n\t\tWe're sorry - something's gone wrong.
\nOur team has been notified, but click here fill out a report and help us resolve this issue.
\nThanks
\n \n );\n }\n\n let ret =\n\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t{options.modalHeader ? options.modalHeader : t('common.confirmation')}\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t{\n\t\t\t\t\t\ttypeof confirmation === 'string'\n\t\t\t\t\t\t?\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{confirmation}\n\t\t\t\t\t\t\n\t\t\t\t\t\t:\n\t\t\t\t\t\t{confirmation}\n\t\t\t\t\t}\n\t\t\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t
\n\t\t\t
\n\t\t\n\t\t\t\t\t
\n\t \n \n false}//include all days - even past ones\n />\n }\n \n\n
\n \n \n {\n\n let formattedValue = value ? value : 0;\n\n if (value && ['points_earned', 'points_issued', 'points_pending', 'average'].includes(name)) {\n\n formattedValue = `${parseInt(value).toLocaleString()} ${t('common.points')}`\n\n } else if (value && ['unique_customers', 'unique_distributor_sales_reps'].includes(name)) {\n\n formattedValue = `${parseInt(value).toLocaleString()}`\n }\n\n return [formattedValue, t(`sales.${name}`, startCaseAndReplaceCharacters(name))];\n }}/>\n \n \n
\n {\n (showRoleFilter && dropdownValues && dropdownValues.length > 1)\n ?\n \n \n Role\n \n \n
\n :\n null\n }\n\n {\n (props.showEarningsSubTypeFilters && dropdownValues && dropdownValues.length > 1)\n ?\n \n \n {t('sales.earningsType')}\n \n \n
\n :\n null\n }\n \n *{t('sales.graphDatesNote')}. \n \n
\n
\n );\n}\n\n\nfunction mapPropsToState(state, props) {\n return {\n loggedInUser: state.user,\n widia_role: (state.user && state.user.widia_role) ? state.user.widia_role : null,\n saleAccountType: (state.account && state.account.sale_account_type) ? state.account.sale_account_type : null,\n }\n}\n\nexport default connect(mapPropsToState, null)(PointsEarnedComposedChart);\n","import React, {useState, useEffect} from 'react'\nimport _, {isFunction} from 'lodash'\nimport PropTypes from 'prop-types'\nimport axios from 'axios'\nimport Config from '../../../config'\nimport LoadingScreen from '../LoadingScreen'\nimport {\n ResponsiveContainer, ComposedChart, XAxis,\n YAxis, Legend, CartesianGrid, Bar, Line, Area\n} from 'recharts'\nimport Text from \"../Text\";\nimport CommonStyles from \"../../../styles/CommonStyles\"\nimport {startCaseAndReplaceCharacters} from '../../../helpers'\nimport {useTranslation} from \"react-i18next\";\n\n\n/**\n * Ajax Enabled Composed Chart (Bar and Line Graphs)\n * @param endpoint\n * @param payload\n * @param title\n * @param xAxisDataKey\n * @param xAxisLabel\n * @param lineDataKey\n * @param lineLabel\n * @param children\n * @param gridStrokeColor\n * @param barsColor\n * @param lineColor\n * @param onDataSuccess\n * @param props\n * @return {*}\n * @constructor\n */\nfunction CustomComposedChart({\n endpoint,\n payload,\n title = '',\n xAxisDataKey = null,\n xAxisLabel = \"\",\n lineDataKey = null,\n lineLabel = null,\n children,\n gridStrokeColor = '#f5f5f5',\n barsColor = '#6c5ce7',\n lineColor = '#ff7300',\n onDataSuccess = null,\n ...props\n }) {\n\n if (!endpoint) {\n throw new Error(\"Attribute 'endpoint' is required\");\n }\n\n if (!payload) {\n throw new Error(\"Attribute 'payload' is required\");\n }\n\n const { t } = useTranslation();\n const [data, setData] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const [area_charts, setAreaCharts] = useState(props.areaCharts);\n const [bar_charts, setBarCharts] = useState(props.barCharts);\n\n const lineStrokeColors = [\n '#00b894',\n '#0984e3',\n '#6c5ce7',\n '#fdcb6e',\n '#fd7e14',\n '#d63031',\n '#e84393',\n '#96a4b4',\n '#11a344',\n ];\n\n useEffect(() => {\n\n let didCancel = false; // avoiding setState in useEffect causing a \"React state update on an unmounted component\"\n setIsLoading(true);\n const data = {};\n data.payload = payload;\n data.payload._uRdNuIyAoFt_ = Config.userRoleForTesting;\n\n axios({\n method: 'post',\n url: endpoint,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data,\n }).then(({data}) => {\n\n if (isFunction(onDataSuccess)) {\n onDataSuccess(data);\n }\n\n const graphData = data.graph_data || [];\n\n if (!didCancel) {\n\n if (data.custom_config) {\n\n // set custom area charts names, line charts names, etc\n if (data.custom_config.area_charts_config && Array.isArray(data.custom_config.area_charts_config) && data.custom_config.area_charts_config.length > 0) {\n\n const areaChartsConfig = getCustomLineOrAreaConfig(data.custom_config.area_charts_config);\n setAreaCharts(areaChartsConfig);\n }\n\n if (data.custom_config.bar_charts_config && Array.isArray(data.custom_config.bar_charts_config) && data.custom_config.bar_charts_config.length > 0) {\n\n const barChartsConfig = getCustomLineOrAreaConfig(data.custom_config.bar_charts_config);\n setBarCharts(barChartsConfig);\n }\n }\n\n setData(graphData);\n }\n\n }).catch(() => {\n didCancel = true;\n }).finally(() => {\n\n if (!didCancel) {\n setIsLoading(false);\n }\n });\n\n return () => {\n didCancel = true;\n };\n\n }, [endpoint, payload]);\n\n function getCustomLineOrAreaConfig(config) {\n\n return config.map((line_data, index) => {\n\n let line_color = '';\n\n if (line_data.color) {\n\n line_color = line_data.color;\n\n } else if (lineStrokeColors[index]) {\n\n line_color = lineStrokeColors[index];\n\n } else {\n\n line_color = '#d63031';\n }\n\n return {\n dataKey: line_data.name || '',\n label: line_data.name || '',\n yAxisId: line_data.yAxisId || 'left',\n stroke: line_color,\n fill: line_color,\n };\n });\n }\n\n if (isLoading) {\n return \n\n {/* Title */}\n \n \n } interval={'preserveStartEnd'}\n type={'category'} height={60} {...props.xAxisProps} />\n\n {\n props.percentageYAxis &&\n \n }\n {\n (!props.hideLegend)\n ?\n \n \n :\n
\n )\n\n}\n\nfunction CustomXAxisTicks(props) {\n\n const {\n x, y, stroke, payload,\n } = props;\n\n let label = payload.value || 'Other';\n\n if (label.length >= 15) {\n // trim long labels\n label = label.substring(0, 15) + '...';\n }\n\n return (\n \n {\n !_.isEmpty(title) &&\n \n {title}\n \n }\n
\n\n {/* Charts */}\n {\n (data && data.length > 0)\n ?\n \n {t('common.noDataAvailable')}. \n
\n }\n \n \n false}//include all days - even past ones\n />\n }\n \n\n
\n \n \n {\n return [value, t(`sales.${name}`, startCaseAndReplaceCharacters(name))];\n }}/>\n \n \n
\n {\n (props.saleGraphsCategoriesFilters)\n ?\n \n *Averages include only root categories, or only sub categories when a category is\n selected. \n \n
\n :\n null\n }\n
\n );\n}\n\n\nfunction mapPropsToState(state, props) {\n return {\n loggedInUser: state.user,\n widia_role: (state.user && state.user.widia_role) ? state.user.widia_role : null,\n saleGraphsCategoriesFilters: (state.user && state.user.sale_graphs_categories_filters) ? state.user.sale_graphs_categories_filters : false,\n }\n}\n\nexport default connect(mapPropsToState, null)(SaleCategoriesMonthlyComposedChart);\n","import CommonActionTypes from '../../../actions/Common'\n\nfunction AddShippingAddress(formData) {\n\treturn {\n\t\ttype: CommonActionTypes.MODIFY_SHIPPING_ADDRESS,\n\t\toperationType: 'add',\n\t\tformData: formData\n\t}\n}\n\nfunction EditShippingAddress(addressId, formData) {\n\treturn {\n\t\ttype: CommonActionTypes.MODIFY_SHIPPING_ADDRESS,\n\t\toperationType: 'edit',\n\t\taddressId: addressId,\n\t\tformData: formData,\n\t}\n}\n\nfunction DeleteShippingAddress(addressId) {\n\treturn {\n\t\ttype: CommonActionTypes.MODIFY_SHIPPING_ADDRESS,\n\t\toperationType: 'delete',\n\t\taddressId: addressId\n\t}\n}\n\nfunction ModifyShippingAddressSuccess(resultMsg) {\n\treturn {\n\t\ttype: CommonActionTypes.MODIFY_SHIPPING_ADDRESS_SUCCESS,\n\t\tresultStatus: 'success',\n\t\tresultMsg: resultMsg,\n\t}\n}\n\nfunction ModifyShippingAddressError(resultMsg) {\n\treturn {\n\t\ttype: CommonActionTypes.MODIFY_SHIPPING_ADDRESS_ERROR,\n\t\tresultStatus: 'error',\n\t\tresultMsg: resultMsg,\n\t}\n}\n\nfunction ClearModifyShippingAddress() {\n\treturn {\n\t\ttype: CommonActionTypes.CLEAR_MODIFY_SHIPPING_ADDRESS,\n\t}\n}\n\n\nfunction RefreshShippingAddresses() {\n\treturn {\n\t\ttype: CommonActionTypes.REFRESH_SHIPPING_ADDRESSES,\n\t}\n}\n\nfunction RefreshShippingAddressesSuccess(shipping_addresses) {\n\treturn {\n\t\ttype: CommonActionTypes.REFRESH_SHIPPING_ADDRESSES_SUCCESS,\n\t\tshipping_addresses: shipping_addresses\n\t}\n}\n\nfunction RefreshShippingAddressesError(error) {\n\treturn {\n\t\ttype: CommonActionTypes.REFRESH_SHIPPING_ADDRESSES_ERROR,\n\t\terror: error\n\t}\n}\n\n\nexport {\n\tAddShippingAddress,\n\tEditShippingAddress,\n\tDeleteShippingAddress,\n\n\tModifyShippingAddressSuccess,\n\tModifyShippingAddressError,\n\tClearModifyShippingAddress,\n\n\tRefreshShippingAddresses,\n\tRefreshShippingAddressesSuccess,\n\tRefreshShippingAddressesError,\n}\n\n\n\n\n\n\n","import { ReactGAImplementation } from \"react-ga4\";\nimport {forIn, reduce} from \"lodash\";\n\nclass ReactGA extends ReactGAImplementation {\n\n constructor() {\n super();\n\n this.purchase = this.purchase.bind(this);\n\n }\n\n convertItem(item, qty=1) {\n\n const categories = {};\n const breadcrumbsArr = {};\n\n function generateBreadCrumbsArray(categories) {\n\n for (let category in categories) {\n\n let categoryObj = categories[category];\n\n if (!breadcrumbsArr[category]) {\n breadcrumbsArr[category] = category;\n }\n\n if (categoryObj.children) {\n generateBreadCrumbsArray(categoryObj.children);\n }\n }\n }\n\n if (item.categories) {\n let i = 1;\n\n generateBreadCrumbsArray(item.categories);\n\n forIn(breadcrumbsArr, (v,k) => {\n if (i <= 5) {\n const key = (i === 1) ? 'item_category' : 'item_category' + i;\n i++;\n categories[key] = k;\n }\n })\n\n // console.log(breadcrumbsArr)\n // console.log(categories)\n }\n\n return {\n item_id: item.sku,\n item_name: item.name,\n item_brand: item.brand_name,\n price: item.points,\n quantity: qty,\n ...categories\n }\n }\n\n addToCart(checkout_type, convertedItems, account) {\n\n this.event('add_to_cart', {\n currency: 'USD',\n value: reduce(convertedItems, (sum, item) => sum + item.price*account.point_price*item.quantity, 0),\n checkout_type: checkout_type,\n items: convertedItems\n });\n }\n\n purchase(shoppingCart, order_id, checkout_type, account) {\n\n let totalPoints = 0;\n const items = shoppingCart.map(v => {\n totalPoints += v.item.points * v.qty;\n return this.convertItem(v.item, v.qty);\n });\n\n this.event('purchase', {\n currency: 'USD',\n transaction_id: order_id,\n value: totalPoints * account.point_price,\n checkout_type: checkout_type,\n items: items\n });\n }\n\n}\n\nexport default new ReactGA();\n","import CommonActionTypes from '../../../actions/Common'\n\nfunction GiveRecognitionUpdateMembersArr(newArr) {\n\treturn {\n\t\ttype: CommonActionTypes.GIVE_RECOGNITION_UPDATE_MEMBERS,\n\t\tnewArr: newArr\n\t}\n}\nfunction GiveRecognitionAddMember(member) {\n\treturn {\n\t\ttype: CommonActionTypes.GIVE_RECOGNITION_ADD_MEMBER,\n\t\tmember: member\n\t}\n}\nfunction GiveRecognitionRemoveMember(member) {\n\treturn {\n\t\ttype: CommonActionTypes.GIVE_RECOGNITION_REMOVE_MEMBER,\n\t\tmember: member\n\t}\n}\n\nfunction GiveRecognition(data) {\n\treturn {\n\t\ttype: CommonActionTypes.GIVE_RECOGNITION,\n\t\tdata: data,\n\t}\n}\n\nfunction GiveRecognitionSuccess(resultStatus, resultMsg, data) {\n\treturn {\n\t\ttype: CommonActionTypes.GIVE_RECOGNITION_SUCCESS,\n\t\tresultStatus: resultStatus,\n\t\tresultMsg: resultMsg,\n\t\tdata: data,\n\t}\n}\n\nfunction GiveRecognitionError(resultStatus, resultMsg) {\n\treturn {\n\t\ttype: CommonActionTypes.GIVE_RECOGNITION_ERROR,\n\t\tresultStatus: resultStatus,\n\t\tresultMsg: resultMsg,\n\t}\n}\n\nfunction GiveRecognitionClearState() {\n\treturn {\n\t\ttype: CommonActionTypes.GIVE_RECOGNITION_CLEAR_STATE,\n\t}\n}\n\n\nexport {\n\tGiveRecognitionAddMember,\n\tGiveRecognitionRemoveMember,\n\tGiveRecognitionUpdateMembersArr,\n\n\tGiveRecognition,\n\tGiveRecognitionSuccess,\n\tGiveRecognitionError,\n\tGiveRecognitionClearState,\n}\n\n\n\n\n\n\n","import CommonActionTypes from '../../../actions/Common'\n\nfunction AddItemToCart(item, qty, custom_quantity_chosen, recipient_email, additionalData) {\n\treturn {\n\t\ttype: CommonActionTypes.ADD_ITEM_TO_CART,\n\t\titemId: item.id,\n\t\tqty: qty,\n\t\tcustom_quantity_chosen: custom_quantity_chosen,\n\t\titem: item,\n\t\trecipient_email: recipient_email || null,\n\t\tadditional_data: additionalData,\n\t}\n}\n\nfunction AddMultipleItemsToCart(items, redirectTo) {\n return {\n type: CommonActionTypes.ADD_MULTIPLE_ITEMS_TO_CART,\n items: items,\n\t\tredirect_to: redirectTo,\n }\n}\n\nfunction RemoveItemFromCart(itemId) {\n\treturn {\n\t\ttype: CommonActionTypes.REMOVE_ITEM_FROM_CART,\n\t\titemId: itemId,\n\t}\n}\n\nfunction UpdateItemQuantity(itemId, qty) {\n\treturn {\n\t\ttype: CommonActionTypes.UPDATE_CART_ITEM,\n\t\titemId: itemId,\n\t\tqty: qty,\n\t}\n}\n\nfunction SelectCheckoutShippingAddress(address) {\n\treturn {\n\t\ttype: CommonActionTypes.SELECT_CHECKOUT_SHIPPING_ADDRESS,\n\t\taddress: address,\n\t}\n}\n\nfunction CheckoutAction(location) {\n\treturn {\n\t\ttype: CommonActionTypes.CHECKOUT,\n\t\tlocation,\n\t}\n}\n\nfunction ActionCheckoutSuccess(orders, msg) {\n\treturn {\n\t\ttype: CommonActionTypes.CHECKOUT_SUCCESS,\n\t\torders: orders,\n\t\tmsg: msg\n\t}\n}\n\nfunction ActionCheckoutError(error) {\n\treturn {\n\t\ttype: CommonActionTypes.CHECKOUT_ERROR,\n\t\terror: error\n\t}\n}\n\nfunction ClearCheckoutState() {\n\treturn {\n\t\ttype: CommonActionTypes.CLEAR_CHECKOUT_STATE,\n\t}\n}\n\nfunction FetchItemDetails(itemId) {\n\treturn {\n\t\ttype: CommonActionTypes.FETCH_ITEM_DETAILS,\n\t\titemId: itemId\n\t}\n}\nfunction ActionFetchItemDetailsSuccess(item) {\n\treturn {\n\t\ttype: CommonActionTypes.FETCH_ITEM_DETAILS_SUCCESS,\n\t\titem: item,\n\t}\n}\nfunction ActionFetchItemDetailsFailure(error) {\n\treturn {\n\t\ttype: CommonActionTypes.FETCH_ITEM_DETAILS_FAILURE,\n\t\terror: error\n\t}\n}\n\n\nfunction AddItemToRecentlyViewed(itemId) {\n\treturn {\n\t\ttype: CommonActionTypes.ADD_ITEM_TO_RECENTLY_VIEWED,\n\t\titemId: itemId,\n\t}\n}\n\nfunction ToggleShopFilters(showFilters) {\n\treturn {\n\t\ttype: CommonActionTypes.TOGGLE_SHOP_FILTERS,\n\t\tshowShopFilters: showFilters,\n\t}\n}\n\nfunction UpdateShopFilters(shopFilters) {\n\treturn {\n\t\ttype: CommonActionTypes.UPDATE_SHOP_FILTERS,\n\t\tshopFilters: shopFilters,\n\t}\n}\n\nfunction ClearShopFilters() {\n\treturn {\n\t\ttype: CommonActionTypes.CLEAR_SHOP_FILTERS,\n\t\tshopFilters: null,\n\t}\n}\n\n\nexport {\n\tAddItemToCart,\n AddMultipleItemsToCart,\n\tRemoveItemFromCart,\n\tUpdateItemQuantity,\n\tSelectCheckoutShippingAddress,\n\n\tCheckoutAction,\n\tActionCheckoutSuccess,\n\tActionCheckoutError,\n\tClearCheckoutState,\n\n\tFetchItemDetails,\n\tActionFetchItemDetailsSuccess,\n\tActionFetchItemDetailsFailure,\n\n\tAddItemToRecentlyViewed,\n\n\tToggleShopFilters,\n\tUpdateShopFilters,\n\tClearShopFilters,\n}\n\n\n\n\n\n\n\n\n","import React, { useState } from 'react'\nimport { connect } from \"react-redux\"\n\nimport Config from \"../../../../config\"\nimport * as EndPoints from '../../../../services/API/EndPoints'\n\nimport {\n Col, Row, Select, Text\n} from \"../../../building_blocks\"\n\nimport CustomComposedChart from '../../../building_blocks/Graphs/CustomComposedChart'\nimport DateRangePicker from '../../../building_blocks/DateRangePicker'\nimport { Tooltip } from \"recharts\"\nimport { startCaseAndReplaceCharacters } from '../../../../helpers'\n\nfunction WidiaQualifiedCreditsEarnedComposedChart({loggedInUser, propFilters, showDateRangeFilter = false, showRoleFilter = false, barSize = 20, responsiveContainerProps = {}, ...props}) {\n\n const [role, setRole] = useState(undefined);\n const [startDate, setStartDate] = useState(null);\n const [endDate, setEndDate] = useState(null);\n const [tableFocusedInput, setTableFocusedInput] = useState(null);\n\n let isAo = false;\n\n if (loggedInUser.role === Config.USER_ROLE_AO) {\n isAo = true;\n }\n\n const [filters, setFilters] = useState({\n user_id: isAo ? null : loggedInUser.id,\n role: undefined,\n startDate: null,\n endDate: null,\n });\n\n function onSelectChange(e) {\n\n const nextRole = e.target.value;\n\n if (nextRole) {\n setRole(nextRole);\n setFilters({\n ...filters,\n role: nextRole,\n });\n }\n }\n\n function onDatesChange({startDate, endDate}) {\n setStartDate(startDate);\n setEndDate(endDate);\n\n setFilters({\n ...filters,\n startDate: startDate ? startDate.format(\"YYYY-MM-DD 00:00:00\") : null,\n endDate: endDate ? endDate.format(\"YYYY-MM-DD 00:00:00\") : null,\n });\n }\n\n\n function onDateRangeFocusChange(focusedInput) {\n\n if (tableFocusedInput != focusedInput) {\n setTableFocusedInput(focusedInput);\n }\n }\n\n let lineCharts = [\n {\n dataKey: 'average',\n label: 'Average',\n yAxisId: 'left',\n },\n {\n dataKey: 'unique_customers',\n yAxisId: 'right',\n stroke: '#0984e3',\n },\n ];\n\n let yAxes = [\n {\n type: 'number',\n yAxisId: 'left',\n orientation: 'left',\n },\n {\n type: 'number',\n yAxisId: 'right',\n orientation: 'right',\n }\n ];\n\n if (props.widiaFilteredUserRole && props.widiaFilteredUserRole == Config.WIDIA_USER_ROLES.CUSTOMER) {\n\n // Current single user (logged in or detail page) is a customer. Do not show the unique customers if this is for a single customer.\n lineCharts = [\n {\n dataKey: 'average',\n label: 'Average',\n yAxisId: 'left',\n },\n ];\n\n yAxes = [\n {\n type: 'number',\n yAxisId: 'left',\n orientation: 'left',\n },\n ];\n }\n\n return (\n \n \n false}//include all days - even past ones\n />\n }\n \n\n
\n \n \n {\n\n let formattedValue = value ? value : 0;\n if (value && ['sum', 'average'].includes(name)) {\n formattedValue = `${parseInt(value).toLocaleString()} credits`;\n }\n\n return [formattedValue, startCaseAndReplaceCharacters(name)];\n }}/>\n \n \n
\n\n\n
\n );\n}\n\n\nfunction mapPropsToState(state, props) {\n return {\n loggedInUser: state.user,\n widia_role: (state.user && state.user.widia_role) ? state.user.widia_role : null,\n }\n}\n\nexport default connect(mapPropsToState, null) (WidiaQualifiedCreditsEarnedComposedChart);\n","import CommonActionTypes from '../../../actions/Common'\nimport Config from '../../../config'\n\nfunction BuyPoints(token, amount, pointsType) {\n\treturn {\n\t\ttype: CommonActionTypes.BUY_POINTS,\n\t\ttoken: token,\n\t\tamount: amount,\n\t\tpointsType: pointsType,\n\t}\n}\n/**\n * The pre success action that gets fired, helps us show the success notification to the client\n * before the entire component tree re-renders\n */\nfunction BuyPointsPreSuccess() {\n\treturn {\n\t\ttype: CommonActionTypes.BUY_POINTS_PRE_SUCCESS,\n\t}\n}\n\nfunction BuyPointsSuccess(userPointBalance, pointsType) {\n\n\tlet returnData = {\n\t\ttype: CommonActionTypes.BUY_POINTS_SUCCESS,\n\t};\n\n\tif (pointsType == Config.ORDER_PRODUCT_TYPES.STANDARD_PRODUCT) {\n\n\t\treturnData.userPointBalance = userPointBalance;\n\n\t} else if (pointsType == Config.ORDER_PRODUCT_TYPES.WALLET_PRODUCT) {\n\n\t\treturnData.userWalletBalanceInPoints = userPointBalance;\n\n\t} else {\n\t\t// no point type\n\t}\n\n\treturn returnData;\n}\n\nfunction BuyPointsFailure(error) {\n\treturn {\n\t\ttype: CommonActionTypes.BUY_POINTS_FAILURE,\n\t\terror: error,\n\t}\n}\n\n\nexport {\n\tBuyPoints,\n\tBuyPointsPreSuccess,\n\tBuyPointsSuccess, \n\tBuyPointsFailure,\n}\n","import React, {useState} from 'react'\nimport CustomLineChart from '../building_blocks/Graphs/CustomLineChart'\nimport Config from '../../config'\nimport * as EndPoints from '../../services/API/EndPoints'\nimport {Spacer} from '../building_blocks'\n\nimport {connect} from 'react-redux'\nimport {startCaseAndReplaceCharacters} from '../../helpers'\nimport {Tooltip} from 'recharts'\nimport {useTranslation} from \"react-i18next\";\n\nfunction CategoriesPurchasedByTimeLineChart(props) {\n\n const { t } = useTranslation();\n\n return (\n \n \n {\n\n let formattedValue = value ? `${parseFloat(value).toLocaleString()}` : 0;\n\n return [formattedValue, startCaseAndReplaceCharacters(name)];\n }}/>\n \n
\n );\n}\n\nexport default CategoriesPurchasedByTimeLineChart;\n","import React, { PureComponent } from 'react'\nimport PropTypes from 'prop-types'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport styled from 'styled-components'\n// import { shadeColor2 } from '../../../helpers/colors'\n\nimport './Button.css'\nimport Config from \"../../../config\";\nimport ReactGA from 'react-ga4'\n\nclass Button extends PureComponent {\n\n\tconstructor(props) {\n\t super(props);\n\n\t\tthis.state = {\n\t\t\tlighten: false\n\t\t}\n\t}\n\n\tlighten(boolVal) {\n\t\tthis.setState({\n\t\t\tlighten: boolVal\n\t\t})\n\t}\n\n sendInfoToGoogleAnalytics(action) {\n\n\t\tif(action) {\n //ReactGA.initialize(Config.GA_TRACKING_ID_REWARDIAN_INTERNAL);\n /*ReactGA.event({\n category: 'Button Clicks',\n action: action,\n label: Config.GA_CLICK_ACTION,\n });*/\n }\n }\n\n\trender() {\n\n\t\tlet width = null;\n\t\tconst classNames = ['btn'];\n\n\t\tif (this.props.primary || this.props.darkBlue || this.props.active) {\n\t\t\tclassNames.push('blue-btn');\n\t\t}\n if (this.props.primaryOutline || this.props.darkBlueOutline || this.props.activeOutline) {\n classNames.push('blue-btn-outline');\n }\n\t\tif (this.props.pink) {\n\t\t\tclassNames.push('pink-btn');\n\t\t}\n\t\tif (this.props.gray) {\n\t\t\tclassNames.push('gray-btn');\n\t\t}\n\t\tif (this.props.lightGray) {\n\t\t\tclassNames.push('light-gray-btn');\n\t\t}\n\t\tif (this.props.small) {\n\t\t\tclassNames.push('btn-small');\n\t\t}\n\t\tif (this.props.extraSmall) {\n\t\t\tclassNames.push('btn-x-small');\n\t\t}\n\t\tif (this.props.superSmall) {\n\t\t\tclassNames.push('btn-super-small');\n\t\t}\n\t\tif (this.props.secondary) {\n\t\t\tclassNames.push('gray-btn');\n\t\t}\n\t\tif (this.props.white) {\n\t\t\tclassNames.push('white-btn');\n\t\t}\n\t\tif (this.props.orange) {\n\t\t\tclassNames.push('orange-btn');\n\t\t}\n\t\tif (this.props.className) {\n\t\t\tclassNames.push(this.props.className);\n\t\t}\n\n\t\t/* [START] Custom Font Width */\n\t\tif (this.props.fullWidth) {\n\t\t\twidth = 'width: 100%;'\n\t\t}\n\n\t\tif (this.props.width) {\n\t\t\twidth = `width: ${this.props.width}%;`\n\t\t}\n\t\t/* [END] Custom Font Width */\n\n\n\t\tif (this.props.notRounded) {\n\t\t\tclassNames.push('no-radius');\n\t\t}\n\n\t\t/* [START] Font Weight */\n\t\tlet fontWeight = \"font-weight: normal;\"\n\t\tif (this.props.bold){\n\t\t\tfontWeight = \"font-weight: bold;\"\n\t\t}\n\t\tif (this.props.fontWeight) {\n\t\t\tfontWeight = \"font-weight: \" + this.props.fontWeight + \";\"\n\t\t}\n\t\t/* [END] Font Weight */\n\n\t\tif (this.props.disabled) {\n\t\t\tclassNames.push('disabled-btn');\n\t\t}\n\n\t\t/* [START] Button Text Case */\n\t\tlet textTransform = \"text-transform: uppercase;\"\n\t\tif(this.props.lowercase){\n\t\t\ttextTransform = \"text-transform: none;\"\n\t\t}\n\t\t/* [END] Button Text Case */\n\n\t\tconst ButtonDiv = styled.div`\n\t\t\tfont-size: ${this.props.fontSize ? this.props.fontSize : 0.8}rem;\n\t\t\tline-height: ${this.props.lineHeight ? this.props.lineHeight : 1.2}rem;\n\t\t\t${ fontWeight }\n\t\t\t${ textTransform }\n\t\t\t${!this.props.disabled ? 'cursor: pointer;' : ''}\n\t\t\tfont-family: ${CommonStyles.fontFamily};\n\t\t\t${ width }\n\t\t\t${ this.props.style };\n\t\t`\n\n\t\treturn (\t\n\t\t\t\t\n\n \n \n {\n\n let formattedValue = value ? value : 0;\n\n if (select_sum_field === 'quantity') {\n\n formattedValue = value;\n\n } else if (value && ['sum', 'average'].includes(name)) {\n\n const currencySymbol = getCurrencySymbol(accountCountry)\n formattedValue = `${currencySymbol} ${parseInt(value).toLocaleString()}`;\n }\n\n return [formattedValue, startCaseAndReplaceCharacters(name)];\n }}/>\n \n \n
\n\n\n
\n );\n}\n\n\nexport default SalesSumPerMonthBarGraph;\n","import React from 'react'\nimport Config from '../../../../config'\nimport * as EndPoints from '../../../../services/API/EndPoints'\nimport { Tooltip } from 'recharts'\nimport CustomPieChart from '../../../building_blocks/Graphs/CustomPieChart'\nimport { Icon, Text, Row, Col } from '../../../building_blocks'\nimport CommonStyles from '../../../../styles/CommonStyles'\n\n/**\n * Show the top customers by purchases by either quantity or spend.\n */\nfunction ItemsPurchasedByCustomerPieChart(props) {\n\n const selectSumField = props.propFilters['select_sum_field'] ?? 'quantity';\n\n return (\n \n {\n (this.props.title)\n ?\n \n {this.props.title}\n \n :\n null\n }\n {\n (this.state.data && this.state.data.length > 0)\n ?\n \n \n \n {y_axes_jsx}\n \n {lines_jsx}\n {legend_jsx}\n {this.props.children}\n \n \n :\n No data available. \n }\n
\n );\n\n }\n}\n\nCustomLineChart.propTypes = {\n data: PropTypes.array,\n endpoint: PropTypes.string,\n payload: PropTypes.object,\n xAxis: PropTypes.string.isRequired,\n lines: PropTypes.array,\n dataKey: PropTypes.string,\n title: PropTypes.string,\n titleProps: PropTypes.object,\n width: PropTypes.number,\n height: PropTypes.number,\n gridDash: PropTypes.string,\n legend: PropTypes.bool,\n parentContainerStyles: PropTypes.object,\n xAxisStyle: PropTypes.object,\n yAxisStyle: PropTypes.object,\n};\n\nexport default CustomLineChart;\n\n\n","import React from 'react'\nimport moment from 'moment'\nimport _, {isString} from 'lodash'\nimport {Text} from '../modules/building_blocks'\nimport CommonStyles from '../styles/CommonStyles'\nimport {isUpperCased} from \"./string\";\nimport i18n from \"../i18n\";\n\nfunction stripHtmlTags(text) {\n return text.replace(/<(?:.|\\n)*?>/gm, '');\n}\n\nfunction cleanChars(text) {\n return typeof text === 'string' ? _.unescape(text).replace('®', '').replace('™', '') : text;\n}\n\nfunction validEmail(email) {\n var re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n return re.test(email);\n}\n\nfunction startCase(str) {\n\n let formatted_string = str;\n\n if (typeof str === 'string') {\n formatted_string = str.toLowerCase().split(' ').map(_.capitalize).join(' ');\n }\n\n return formatted_string;\n}\n\nfunction startCaseIfNotUppercase(str) {\n\n if (typeof str !== 'string' || str === str.toUpperCase()) {\n return str;\n }\n\n return startCase(str);\n\n}\n\n\nfunction startCaseAndReplaceCharacters(str, search = /_/g, replace = ' ') {\n\n let formatted_str = str;\n\n if (typeof str === 'string') {\n formatted_str = _.replace(str, search, replace);\n formatted_str = startCase(formatted_str);\n }\n\n return formatted_str;\n}\n\n/**\n * Print Yes or No, based on a 'truthy' value.\n *\n * @param val\n */\nfunction printYesOrNo(value = 1) {\n\n let word = 'no';\n\n if (value === 1 || value === '1') {\n word = 'yes';\n }\n\n return startCase(word);\n}\n\n/**\n * https://j11y.io/snippets/wordwrap-for-javascript/\n */\nfunction wordwrap(str, width, brk, cut) {\n brk = brk || 'n';\n width = width || 75;\n cut = cut || false;\n if (!str) {\n return str;\n }\n var regex = '.{1,' + width + '}(\\\\s|$)' + (cut ? '|.{' + width + '}|.+$' : '|\\\\S+?(\\\\s|$)');\n return str.match(RegExp(regex, 'g')).join(brk);\n}\n\n/**\n *\n * Generates 1st,3rd,etc. suffixed numbers\n https://stackoverflow.com/questions/13627308/add-st-nd-rd-and-th-ordinal-suffix-to-a-number\n st is used with numbers ending in 1 (e.g. 1st, pronounced first)\n nd is used with numbers ending in 2 (e.g. 92nd, pronounced ninety-second)\n rd is used with numbers ending in 3 (e.g. 33rd, pronounced thirty-third)\n As an exception to the above rules, all the \"teen\" numbers ending with 11, 12 or 13 use -th (e.g. 11th, pronounced eleventh, 112th, pronounced one hundred [and] twelfth)\n th is used for all other numbers (e.g. 9th, pronounced ninth).\n */\nfunction ordinal_suffix_of(i) {\n var j = i % 10,\n k = i % 100;\n if (j == 1 && k != 11) {\n return \"st\";\n }\n if (j == 2 && k != 12) {\n return \"nd\";\n }\n if (j == 3 && k != 13) {\n return \"rd\";\n }\n return \"th\";\n}\n\nfunction format_custom_message(message, maxLength, lineBreakLength, keepLineBreaks = false) {\n\n if (!message) {\n return message;\n }\n\n //Make sure the string is not too long\n if (message.length > maxLength) {\n message = message.slice(0, maxLength - 3) + '...';\n }\n //Replace line-breaks with spaces\n if (!keepLineBreaks) {\n message = message.replace(/\\n/g, ' ');\n }\n if (lineBreakLength && lineBreakLength > 0) {\n message = wordwrap(message, lineBreakLength, '--||--', true);\n message = message.split('--||--').map((item, index) => {item});\n }\n return message;\n}\n\nfunction formatRecognition(fullRecog, viewCertificateModalCallback, account, simpleMessageModal = null) {\n\n let jsx = null;\n\n let transactionType = fullRecog.transactionType ? fullRecog.transactionType : '';\n transactionType = !transactionType && fullRecog.transaction_type ? fullRecog.transaction_type : transactionType;\n\n let recipientName = fullRecog.recipient ? fullRecog.recipient : '';\n recipientName = !recipientName && fullRecog.recipient_name ? fullRecog.recipient_name : recipientName;\n\n let recognizedBy = fullRecog.recognizedBy ? fullRecog.recognizedBy : '';\n recognizedBy = !recognizedBy && fullRecog.submitter_name ? fullRecog.submitter_name : recognizedBy;\n\n //'purchase','allocation','assignment','issue','redemption','expiration','debit','credit','redemption_reversed','reversed','non_monetary','deleted'\n switch (transactionType) {\n case 'Issuance':\n case 'Issuance [Direct Deposit]':\n case 'Issuance Reversed':\n case 'non_monetary':\n jsx =
\n {\n (transactionType === 'Issuance' || transactionType === 'Issuance [Direct Deposit]')\n ?\n viewCertificateModalCallback(fullRecog)}\n cursor\n >\n View Certificate\n \n }\n {\n simpleMessageModal && fullRecog.comments &&\n simpleMessageModal({text: fullRecog.comments, title: 'Comments'})}\n cursor\n >\n View Comments\n \n }\n
\n break;\n\n case 'assignment':\n jsx = \n {i18n.t('common.points')} Deposit \n
\n : null\n }\n {\n transactionType === 'non_monetary'\n &&\n \n Non Monetary Recognition \n
\n }\n {\n recognizedBy &&\n \n \n From: {recognizedBy}\n \n
\n }\n {\n recipientName &&\n \n \n To: {recipientName}\n \n
\n }\n {\n fullRecog.program\n &&\n \n \n Program: {fullRecog.program}\n \n
\n }\n {\n fullRecog.budget\n &&\n \n \n Budget: {fullRecog.budget}\n \n
\n }\n {\n fullRecog.behaviors\n &&\n \n {simplyPlural(account.behavior_label)}: \n {fullRecog.behaviors} \n
\n }\n {\n viewCertificateModalCallback &&\n \n Budget was assigned {fullRecog.points} points. \n
\n\n break;\n\n case 'Redemption':\n case 'Redemption Reversed':\n jsx = \n \n {fullRecog.certificate_message ? fullRecog.certificate_message : ''}\n {fullRecog.direct_deposit_comment ? fullRecog.direct_deposit_comment : ''}\n \n
\n \n
\n break;\n\n case 'Issuance [Point Purchase]':\n case 'Issuance [Point Purchase Reversal]':\n case 'purchase':\n jsx = \n {\n transactionType === 'Redemption'\n ?\n {i18n.t('common.points')} Redemption \n :\n Redemption Reversal \n }\n
\n {\n fullRecog.order_id\n &&\n \n \n Order: #{fullRecog.order_id}\n \n
\n }\n {\n fullRecog.direct_deposit_comment\n &&\n \n \n Message: {fullRecog.direct_deposit_comment}\n \n
\n }\n \n \n By: {fullRecog.recipient}\n \n
\n \n
\n break;\n\n default:\n jsx = \n {\n (fullRecog.transactionType === 'Issuance [Point Purchase]' || fullRecog.transactionType === 'purchase')\n ?\n {i18n.t('common.points')} Purchase \n :\n {i18n.t('common.points')} Purchase Reversal \n }\n
\n \n \n Dollar Amount: ${fullRecog.dollar_amount}\n \n
\n \n \n By: {fullRecog.recipient}\n \n
\n \n \n {fullRecog.certificate_message ? fullRecog.certificate_message : ''}\n {fullRecog.direct_deposit_comment ? fullRecog.direct_deposit_comment : ''}\n \n
\n break;\n }\n\n return jsx;\n}\n\nfunction format_pending_recognition(fullRecog) {\n\n let jsx = null;\n\n //'purchase','allocation','assignment','issue','redemption','expiration','debit','credit','redemption_reversed','reversed','non_monetary','deleted'\n\n jsx =\n\n \n {\n (fullRecog.transactionType === 'direct_deposit' || fullRecog.transactionType === 'normal')\n ?\n
\n\n return jsx;\n}\n\n\nfunction formatProgramToDisplay(program) {\n\n let timeRemaining = 'ongoing';\n let startDate = moment(program.from_date);\n let endDate = moment(program.to_date);\n let now = moment(), timeRemainingStartDate = moment();\n let programStatus = program.is_active == 1 ? true : false;\n\n if (program.from_date) {\n //if today is > start date, consider time remaining from today\n if (now.diff(program.from_date) > 0) {\n startDate = now;\n programStatus = programStatus && true;//program is now active\n }\n }\n\n if (program.to_date) {\n\n if (now.diff(moment(program.to_date)) < 0) {\n //Ongoing\n const diffDuration = moment.duration(endDate.diff(startDate));\n timeRemaining = diffDuration.years() > 0 ? diffDuration.years() + 'y ' : '';\n timeRemaining += diffDuration.months() > 0 ? diffDuration.months() + 'm ' : '';\n timeRemaining += diffDuration.days() > 0 ? diffDuration.days() + 'd ' : '';\n } else {\n //Completed\n timeRemaining = 'ended';\n programStatus = false;//program is now inactive\n }\n }\n\n return {\n ...program,\n timeRemaining: timeRemaining,\n programStatus: programStatus,\n programActiveStatus: programStatus ? 'active' : 'inactive',\n fromDate: program.from_date ? moment(program.from_date).format('MM/DD/YYYY') : '-',\n toDate: program.to_date ? moment(program.to_date).format('MM/DD/YYYY') : '-',\n pointsBudgeted: parseInt(program.points_budgeted, 10).toLocaleString(),\n awarded: parseInt(program.points_spent, 10).toLocaleString(),\n pointsRemaining: parseInt(program.points_remaining, 10).toLocaleString(),\n }\n}\n\nfunction getStatusFromDates(fromDate, toDate, is_active) {\n\n const currentDate = moment().unix();\n const from_date = fromDate ? moment(fromDate).unix() : currentDate;\n const to_date = toDate ? moment(toDate).unix() : currentDate;\n const timeFrameActive = from_date <= currentDate && (to_date >= currentDate || to_date == null) ? true : false;\n\n const status = ((is_active == 1 || is_active == 'Yes') && timeFrameActive) ? 'active' : 'inactive';\n\n return status;\n}\n\n\n/**\n * Get the extension of a file name.\n *\n * @param file_name\n * @returns {*}\n */\nfunction getFileExtension(file_name) {\n\n let extension = '';\n\n if (typeof file_name == 'string') {\n extension = file_name.slice(file_name.lastIndexOf(\".\") + 1);\n }\n\n return extension;\n\n}\n\n/**\n * Get the thumbnail image for a file type from the file name.\n *\n * @param file_name\n * @returns {string}\n */\nfunction getFileImageIcon(file_name) {\n\n let image_icon = '';\n\n if (typeof file_name == 'string') {\n\n const file_extension = getFileExtension(file_name);\n\n switch (file_extension) {\n case 'pdf':\n image_icon = 'https://rewardian-assets.s3.amazonaws.com/img/pdf-icon.png';\n break;\n case 'ppt':\n case 'pptx':\n image_icon = 'https://s3.amazonaws.com/rewardian-assets/img/ppt-icon.png';\n break;\n case 'jpg':\n case 'jpeg':\n case 'png':\n image_icon = 'https://s3.amazonaws.com/rewardian-assets/img/img-icon.png';\n break;\n case 'xls':\n case 'xlsx':\n image_icon = 'https://rewardian-assets.s3.amazonaws.com/img/icon-xlsx.png';\n break;\n default:\n break;\n }\n }\n\n return image_icon;\n}\n\nfunction getStateAndCountryOptions(country_and_state_select_options) {\n\n let countryAndStateSelectOptions = [];\n\n if (country_and_state_select_options) {\n // get country and state select options\n for (const country in country_and_state_select_options) {\n\n if (country_and_state_select_options.hasOwnProperty(country)) {\n\n const countryData = country_and_state_select_options[country];\n\n const statesOptions = [];\n\n if (countryData.states) {\n\n const states = countryData.states;\n\n // set the states\n for (const state in states) {\n\n if (states.hasOwnProperty(state)) {\n\n statesOptions.push({\n value: state,\n label: states[state]\n });\n }\n }\n }\n\n // set the country\n if (countryData.iso2 && countryData.name) {\n\n countryAndStateSelectOptions.push({\n value: countryData.iso2,\n label: countryData.name,\n states: statesOptions\n });\n }\n }\n }\n }\n\n return countryAndStateSelectOptions;\n}\n\nfunction humanize(str, capitalize = true) {\n\n let humanizedStr = _.trim(_.snakeCase(str).replace(/_id$/, '').replace(/_/g, ' '));\n\n if (capitalize) {\n humanizedStr = _.capitalize(humanizedStr)\n }\n\n return humanizedStr;\n}\n\nfunction simplyPlural(str) {\n const last2 = str.slice(-2).toLowerCase();\n let res;\n\n if (last2 === 'cy') {\n res = str.replace(/y$/i, 'ies');\n } else {\n res = str + 's';\n }\n\n if (isUpperCased(str)) {\n res = res.toUpperCase();\n }\n\n return res;\n}\n\n/**\n * Prepend a string to a list of string\n *\n * @param {string} toPrepend\n * @param {array} arr\n * @return {*}\n */\nfunction prependToList(toPrepend, arr) {\n\n if (_.isEmpty(arr)) {\n return arr;\n }\n\n if (!Array.isArray(arr)) {\n return arr;\n }\n\n return arr.map(value => {\n\n if (!isString(value)) {\n return value;\n }\n\n return `${toPrepend}${value}`;\n })\n\n}\n\n/**\n * Return 2nd argument if its true if not use\n * @param condition\n * @param value\n * @param defaultValue\n * @return {*}\n */\nfunction trueOrDefault(condition, value, defaultValue = null) {\n\n if (condition) {\n return value;\n }\n\n return defaultValue;\n}\n\n/**\n * Format label for the chart\n * @param label\n * @return {string}\n */\nexport function formatLabelForRecharts(label) {\n\n if (!isString(label)) {\n return \"\";\n }\n\n if (!isUpperCased(label)) { // only startCaseAndReplaceCharacters for non-uppercased fields\n label = startCaseAndReplaceCharacters(label)\n }\n\n return label;\n}\n\nexport {\n stripHtmlTags,\n cleanChars,\n startCase,\n startCaseIfNotUppercase,\n startCaseAndReplaceCharacters,\n validEmail,\n ordinal_suffix_of,\n format_custom_message,\n formatRecognition,\n format_pending_recognition,\n formatProgramToDisplay,\n getStatusFromDates,\n printYesOrNo,\n getFileExtension,\n getFileImageIcon,\n getStateAndCountryOptions,\n humanize,\n simplyPlural,\n prependToList,\n trueOrDefault,\n}\n","import React from 'react'\n\nimport CustomPieChart from '../../../building_blocks/Graphs/CustomPieChart'\nimport * as EndPoints from '../../../../services/API/EndPoints'\nimport Config from '../../../../config'\nimport {Tooltip} from 'recharts'\nimport _ from 'lodash'\nimport {useTranslation} from \"react-i18next\";\n\nfunction PointsRedeemedAndBalancePieChart(props) {\n\n const {t} = useTranslation();\n\n const graphType = 'points_redeemed';\n\n const filters = props.filters;\n\n return (\n \n Points Deposit \n
\n : null\n }\n {\n fullRecog.transactionType === 'non_monetary'\n &&\n \n Non Monetary Recognition \n
\n }\n \n \n From: {fullRecog.recognizedBy}\n \n
\n \n \n To: {fullRecog.recipient}\n \n
\n {\n fullRecog.program\n &&\n \n \n Program: {fullRecog.program}\n \n
\n }\n {\n fullRecog.comment\n &&\n \n \n Message: {format_custom_message(fullRecog.comment, 40)}\n \n
\n }\n \n {stockInfoJsx}\n
\n \n \n \n Ends in {timeLeftStr}\n \n
\n \n \n Offer Expired \n
\n \n \n \n \n {points ? parseInt(points, 10).toLocaleString() : 0}\n \n\n \n \n {pointsWas ? parseInt(pointsWas, 10).toLocaleString() : 0}\n \n \n\n \n
\n {\n (!flashItemExpired)\n &&\n \n \n Ends in {timeLeftStr}\n \n \n }\n\n \n \n
\n }\n\n {\n flashItemExpired &&\n \n
\n }\n
\n );\n }\n\n\n if (section === FLASH_ITEM_SECTION_ITEM_DETAILS) {\n return \n Offer Expired \n
\n \n \n\t\t\t{props.children}\n\t\t
\n\t)\n}\n\n// Spacer.propTypes = {\n// space: PropTypes.number,\n// }\n\nexport default Spacer","import React from 'react'\n\nimport Loadable from 'react-loadable'\nimport Config from './'\n\n\nconst BODashboard = Loadable({\n loader: () => import('../modules/dashboard/BO'),\n loading: () => {\n return Loading...
;\n }\n});\nBODashboard.preload();\n\nconst Profile = Loadable({\n loader: () => import('../modules/user/BO/Profile'),\n loading: () => {\n return Loading...
;\n }\n});\nProfile.preload();\n\n\n\nexport default [\n {\n to: Config.APP_ROOT_PATH + '/',\n label: 'Home',\n key: 'dashboard',\n component: BODashboard,\n exact: true,\n backgroundClass: 'ice-gray-bg',\n },\n {\n to: Config.APP_ROOT_PATH + '/profile',\n label: 'My Account',\n key: 'profile',\n component: Profile,\n exact: false,\n backgroundClass: 'ice-gray-bg',\n },\n {\n to: Config.APP_ROOT_PATH + '/reports',\n label: 'Reports',\n key: 'reports',\n component: BODashboard,\n exact: false,\n allowed_roles: [Config.USER_ROLE_BO]\n },\n];\n\n\n\n\n\n\n","import React from 'react'\nimport CommonStyles from '../../../styles/CommonStyles'\n\nimport {\n\tRow, Col, Icon, Link, H, Text\n} from '../../building_blocks'\n\n\nfunction BackToReportsLink(props) {\n\treturn (\n\t\t\n 
\n {option.name} \n
\n );\n\n } else {\n\n return setDropdownOpen(!dropdownOpen)}>\n \n \n My Balances\n
\n {\n \n {\n showDropdown\n ?\n
\n );\n\n}\n\n\nexport default MyBalancesSection;","import React, {PureComponent} from 'react'\nimport {\n Link, NavLink\n} from 'react-router-dom'\nimport CommonStyles from '../../../../../../styles/CommonStyles'\nimport { Row, Col, Icon, Text, Button, Dot, Dropdown } from '../../../../index'\nimport Config from '../../../../../../config'\nimport { overlayColor } from '../../../../../../helpers/colors'\nimport './topbar.css'\nimport {connect} from 'react-redux'\nimport {OpenModal} from \"../../../../../modal_manager/actions/ModalActions\"\nimport MyBalancesSection from \"./MyBalancesSection\"\n\n\n\nclass DesktopNav extends PureComponent {\n\n openNewIdeaModal() {\n let modal_name = 'create_new_idea';\n\n if(this.props.accountSubdomain && this.props.accountSubdomain === 'ducati') {\n modal_name = 'create_edit_new_sale';\n }\n\n if(this.props.custom_idea_enabled && (this.props.custom_idea_enabled == true)) {\n modal_name = 'create_edit_custom_idea';\n }\n\n let modal_data = {\n 'view' : 'create',\n };\n\n this.props.openNewIdeaModal(modal_name, modal_data);\n }\n\n openNavModal(modalType) {\n\n switch (modalType) {\n\n case 'give_recognitions':\n\n if (this.props.openGiveRecognitionModal) {\n this.props.openGiveRecognitionModal();\n }\n break;\n\n case 'create_idea':\n this.openNewIdeaModal();\n break;\n\n default:\n // add more as needed\n break;\n }\n }\n\n render() {\n\n let shop_link = Config.APP_ROOT_PATH + '/store';\n\n if(this.props.custom_shop_landing_category_id) {\n shop_link = Config.APP_ROOT_PATH + '/store/category/'+ this.props.custom_shop_landing_category_id\n }\n\n let unreadMsgsColor = CommonStyles.progressOrange;\n\n let textColor = CommonStyles.white;\n if (this.props.accountSecondaryColor) {\n textColor = overlayColor(this.props.accountSecondaryColor);\n }\n\n const standardPointBalance = this.props.userPointBalance || 0;\n let walletPointBalance = 0;\n\n if (this.props.walletsEnabled) {\n walletPointBalance = this.props.userWalletBalanceInPoints || 0;\n }\n\n const userNameSectionJSx = (\n \n {isTajSubAccount ? walletPoints : standardPoints}\n pts \n \n
\n }\n \n {this.props.userName}
\n
\n\n \n \n
\n {\n item.use_a_tag\n ? \n \n {item.label.toUpperCase()} \n \n \n \n \n :\n item.opens_modal\n ?\n \n {item.label.toUpperCase()} \n \n \n \n \n\n }\n \n
,\n });\n }\n });\n }\n\n\n\n return (\n this.openNavModal(item.opens_modal)}>\n {item.label.toUpperCase()} \n \n \n \n
\n :\n \n {\n item.use_a_tag\n ? \n \n {item.label.toUpperCase()} \n \n \n \n \n :\n item.opens_modal\n ?\n \n {item.label.toUpperCase()} \n \n \n \n \n }\n \n
\n \n :\n null\n );\n })\n }\n\n { \n moreOptionsForDropdown.length > 0 \n &&\n this.openNavModal(item.opens_modal)}>\n {item.label.toUpperCase()} \n \n \n \n
\n :\n this.props.openGiveRecognitionModal()}>\n \n \n
\n
\n \n : null\n }\n \n \n
\n
\n \n \n \n \n \n {this.props.unreadCnt}\n \n : null\n }\n
\n
\n \n \n {\n (this.props.accountRedemptionsEnabled != 0 && !this.props.disableShop)\n ?\n \n \n \n \n { this.props.cartItemsCount > 0 ? this.props.cartItemsCount : null }\n \n
\n
\n \n \n :\n null\n }\n {\n false &&\n \n \n \n {'8'} \n
\n
\n \n }\n\n {\n !this.props.hideFaqs &&\n \n \n \n
\n
\n \n \n }\n\n \n \n \n LOGOUT \n \n
\n
\n \n {\n this.props.disableShop &&\n this.props.accountSubdomain !== 'ducati'\n ?\n null\n :\n shopButton\n }\n \n \n \n LOGOUT \n \n
\n
\n \n {\n this.props.disableShop\n ?\n null\n :\n shopButton\n }\n \n \n
\n :\n null;\n\n const logoSrc = this.props.accountLogo || 'https://rewardian-assets.s3.amazonaws.com/img/rewardian-logo-50.png';\n\n return (\n \n \n\n \n \n \n 
\n \n \n
\n \n\n \n {\n this.props.userHasAccessToAoAccount &&\n \n \n {\n (this.props.unreadCnt && this.props.unreadCnt !== '' && this.props.unreadCnt > 0) ?\n \n {this.props.unreadCnt}\n \n : null\n }\n \n \n {\n (this.props.accountRedemptionsEnabled != 0 &&\n !this.props.disableShop)\n ?\n \n {\n this.props.cartItemsCount > 0 ?\n this.props.cartItemsCount\n : null\n } \n \n \n :\n null\n }\n\n
\n \n }\n
\n \n
\n\n \n {\n\n this.state.BudgetOwnerTopNavOptionsFiltered &&\n this.state.BudgetOwnerTopNavOptionsFiltered.map((item, index) => {\n return (\n (item.to)\n ?\n this.onMenuStateChanged({isOpen: false})}\n >\n \n {\n item.icon &&\n {startCase(item.label)} \n
\n \n :\n (item.opens_modal)\n ?\n \n \n Log Out \n
\n \n\n\n {\n this.props.disableShop\n ?\n null\n :\n shopButton\n }\n {\n claimCertBtn\n }\n \n
\n );\n }\n\n}\n\nfunction mapDispatchToProps(dispatch, ownProps) {\n return {\n openNewIdeaModal: (modal_name, data) => {\n dispatch(OpenModal(modal_name, data));\n },\n openRedeemCertModal: () => {\n dispatch(OpenModal('redeem_cert'))\n }\n };\n}\n\nexport default connect(null, mapDispatchToProps)(MobileNav);\n\n\n\n","import React, { PureComponent } from 'react'\nimport { connect } from 'react-redux'\nimport { Row, Col, Text, Link, UserAvatar } from '../../../../index'\nimport CommonStyles from '../../../../../../styles/CommonStyles'\nimport { overlayColor } from '../../../../../../helpers/colors'\nimport Config from '../../../../../../config'\nimport {getWalletAlias} from \"../../../../../wallets/helpers/wallets\"\n\n\nclass MobileSecondaryNav extends PureComponent {\n\n constructor(props) {\n super(props);\n\n this.state = {\n pointsVisible: true\n };\n\n this.togglePointsSection = this.togglePointsSection.bind(this);\n }\n\n togglePointsSection() {\n this.setState({\n pointsVisible: !this.state.pointsVisible\n });\n }\n\n render () {\n\n let textColor = CommonStyles.white;\n\n if (this.props.account && this.props.account.secondary_color) {\n textColor = overlayColor(this.props.account.secondary_color);\n }\n\n const userTitle = this.props.user && this.props.user.title ? this.props.user.title : '';\n const userName = this.props.user && this.props.user.name ? this.props.user.name : '';\n\n let points = {};\n points['earned'] = this.props.user && this.props.user.points_earned ? this.props.user.points_earned : '0';\n points['issue'] = this.props.user && this.props.user.left_to_issue ? this.props.user.left_to_issue : '0';\n points['redeemed'] = this.props.user && this.props.user.points_redeemed ? this.props.user.points_redeemed : '0';\n points['balance'] = this.props.user && this.props.user.point_balance ? this.props.user.point_balance : '0';\n\n let userBalance = parseInt(points['balance']).toLocaleString();\n let walletBalance = null;\n let walletPointsAlias = '';\n\n if (this.props.account.wallets_enabled && this.props.account.wallets_enabled == 1) {\n\n walletPointsAlias = getWalletAlias('wallet_points', this.props.walletModuleNamings, 'Wallet Points');\n walletBalance = this.props.user.wallet_balance_in_points && this.props.user.wallet_balance_in_points != undefined ? this.props.user.wallet_balance_in_points : 0;\n walletBalance = parseInt(walletBalance, 10).toLocaleString();\n }\n\n\n let tierLabel = null;\n\n let isTajOrGingerAccount = (this.props && (this.props.is_taj_sub_account || this.props.is_ginger_account)) ? true : false;\n\n if (this.props && this.props.is_taj_sub_account) {\n tierLabel = (this.props && this.props.user && this.props.user.taj_tier_level) ? this.props.user.taj_tier_level : null;\n }\n\n\n return (\n\n \n \n ADMIN \n \n
\n \n }\n {\n (!this.props.showOnlyShop && !this.props.hide_all_icon_options) &&\n {\n\n this.onMenuStateChanged({isOpen: false});\n this.openNavModal(item.opens_modal);\n }}>\n {startCase(item.label)} \n
\n :\n null\n );\n })\n }\n\n \n\n \n \n
\n
\n )\n }\n}\n\nfunction mapStateToProps(state, props) {\n return {\n user: state.user,\n account: state.account,\n is_taj_sub_account: (state.account && state.account.is_taj_sub_account && state.account.is_taj_sub_account == 1) ? true : false,\n is_ginger_account: (state.account && state.account.is_ginger_account && state.account.is_ginger_account == 1) ? true : false,\n hidePointsForAccount: (state.account && state.account.hide_points_for_account && state.account.hide_points_for_account == 1) ? true: false,\n walletModuleNamings: (state.account && state.account.wallet_module_namings) ? state.account.wallet_module_namings : [],\n }\n}\n\nexport default connect(mapStateToProps, null)(MobileSecondaryNav);","import React, {PureComponent} from 'react'\nimport CommonStyles from '../../../../../../styles/CommonStyles'\nimport Loadable from 'react-loadable'\nimport Config from '../../../../../../config'\nimport BudgetOwnerTopNavOptions from '../../../../../../config/BudgetOwnerTopNav'\nimport * as EndPoints from '../../../../../../services/API/EndPoints'\nimport _ from 'lodash'\n\nimport './topbar.css'\n\nimport {connect} from 'react-redux'\n\nimport DesktopNav from './DesktopNav'\nimport MobileNav from './MobileNav'\nimport MobileSecondaryNav from './MobileSecondaryNav'\n\nimport {\n OpenModal,\n} from '../../../../../modal_manager/actions/ModalActions'\n\n\nconst ListIdeasView = Loadable({\n loader: () => import('../../../../../ideas/BO/ListIdeasView'),\n loading: () => {\n return \n {userName} \n
\n \n {userTitle} \n
\n {\n tierLabel &&\n \n {tierLabel} \n
\n }\n \n\n \n \n Points to Issue: \n {points['issue']} \n
\n\n : null\n }\n\n {\n (!this.props.hidePointsForAccount)\n ?\n \n\n
\n :\n null\n }\n \n\n \n \n {\n (this.props.account && this.props.account.redemptions_enabled == 1)\n ?\n 'Points to Redeem: '\n :\n (this.props.account && this.props.account.platform_name)\n ?\n `${this.props.account.platform_name} Point Balance: `\n :\n 'Balance: '\n }\n \n {userBalance} \n
\n\n {\n (walletBalance)\n ?\n \n \n {\n (this.props.account && this.props.account.redemptions_enabled == 1)\n ?\n {walletPointsAlias}: \n :\n (this.props.account && this.props.account.platform_name)\n ?\n `${this.props.account.platform_name} Wallet Point Balance: `\n :\n 'Wallet Balance: '\n }\n \n {walletBalance} \n
\n :\n null\n }\n Loading...
;\n }\n});\nconst BOSalesDashboard = Loadable({\n loader: () => import('../../../../../sales/BO/BOSalesDashboard'),\n loading: () => {\n return Loading...
;\n }\n});\nconst BOPhotoAlbums = Loadable({\n loader: () => import('../../../../../photo_albums/BO/BOPhotoAlbums'),\n loading: () => {\n return Loading...
;\n }\n});\nconst BOPhotoContest = Loadable({\n loader: () => import('../../../../../photo_albums/BO/BOPhotoContest'),\n loading: () => {\n return Loading...
;\n }\n});\nconst Company = Loadable({\n loader: () => import('../../../../../company/BO'),\n loading: () => {\n return Loading...
;\n }\n});\n\nconst Programs = Loadable({\n loader: () => import('../../../../../programs/BO'),\n loading: () => {\n return Loading...
;\n }\n});\nconst PollsList = Loadable({\n loader: () => import('../../../../../polls/BO'),\n loading: () => {\n return Loading...
;\n }\n});\nconst OrdersManagementReport = Loadable({\n loader: () => import('../../../../../orders/OrdersManagementReport'),\n loading: () => {\n return Loading...
;\n }\n});\n\n// Disabled Guest Appreciations for Ginger Hotel Manager (for now can see and moderate Guest Appreciations)\n/*const BOGuestAppreciations = Loadable({\n loader: () => import('../../../../../modules/recognitions/BO/BOGuestAppreciations'),\n loading: () => {\n return Loading...
;\n }\n});*/\n\nconst Appreciations = Loadable({\n loader: () => import('../../../../../appreciations/BO'),\n loading: () => {\n return Loading...
;\n }\n});\n\n\nconst EmpNominationPublicationList = Loadable({\n loader: () => import('../../../../../employee_nominations/EmpNominationPublicationList'),\n loading: () => {\n return Loading...
;\n }\n});\n\nconst EmpNominationNominatorEvents = Loadable({\n loader: () => import('../../../../../employee_nominations/EmpNominationNominatorEvents'),\n loading: () => {\n return Loading...
;\n }\n});\n\nconst EmpNominationModerationList = Loadable({\n loader: () => import('../../../../../employee_nominations/EmpNominationModerationList'),\n loading: () => {\n return Loading...
;\n }\n});\n\nconst BingoGame = Loadable({\n loader: () => import('../../../../../bingo/BO/BingoGame'),\n loading: () => {\n return Loading...
;\n }\n});\n\n\nclass BOTopBar extends PureComponent {\n\n\n constructor(props) {\n super(props);\n\n this.updateNavigationOptions(props);\n\n this.openGiveRecognitionModal = this.openGiveRecognitionModal.bind(this);\n }\n\n updateNavigationOptions(props) {\n\n this.BudgetOwnerTopNavOptionsFiltered = [];\n\n this.BudgetOwnerTopNavOptionsFiltered = BudgetOwnerTopNavOptions.filter((option) => {\n\n /**\n * Remove nav links which this user is not eligible to view\n */\n let ret = true;\n\n if (option.allowed_roles && option.allowed_roles.length) {\n const findRes = option.allowed_roles.find((role) => role == props.userRole);\n ret = findRes ? true : false;\n }\n\n if (option.key === 'store' && props.accountRedemptionsEnabled == 0) {\n /**\n * Remove store link if it is not enabled for the account\n */\n ret = false;\n }\n\n // if (option.key === 'reports' && props.accountSubdomain == 'widia') {\n if (option.key === 'reports') {\n /**\n * Remove Reports tab for Widia\n */\n ret = false;\n }\n\n if (option.key === 'faqs' && this.props.hideFaqs) {\n ret = false;\n }\n\n\n return ret;\n });\n\n // const onlyShowShopDomains = ['loyl','uershop','standardpremiumshop', 'holiday'];\n //\n // if (props.accountSubdomain &&\n //\n // \tonlyShowShopDomains.indexOf(props.accountSubdomain) !== -1) {\n // this.BudgetOwnerTopNavOptionsFiltered = BudgetOwnerTopNavOptions.filter((option) => {\n // /**\n // * Only show the shop link\n // */\n // return option.key === 'store';\n // });\n // }\n\n\n let showOnlyShop = props.showOnlyShop && props.showOnlyShop == 1 ? true : false;\n\n if (showOnlyShop) {\n\n this.BudgetOwnerTopNavOptionsFiltered = BudgetOwnerTopNavOptions.filter((option) => {\n /**\n * Only show the shop link\n */\n return option.key === 'store';\n });\n }\n\n if (props.userHasAccessToAoAccount) {\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n key: 'admin',\n value: 'Admin',\n use_a_tag: true,\n new_tab: false,\n to: Config.BASE_URL + '/login/sudo',\n label: 'ADMIN',\n });\n }\n\n if (props.bingoEnabled) {\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/bingo',\n label: 'Bingo',\n key: 'bingo',\n component: BingoGame,\n exact: true,\n })\n }\n\n if (props.appreciations_enabled && props.show_appreciations_to_user) {\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/appreciations',\n label: _.get(props, 'account.appreciations_extra_config.nav_link_label', 'The difference you make'),\n key: 'appreciations',\n component: Appreciations,\n exact: false,\n })\n }\n\n /**\n * Add the ideas tab if the Account has Ideas enabled\n */\n if (props.accountIdeasEnabled && !props.userIdeasDisabled) {\n\n // idea custom nav label takes will overwrite the single name, if present\n let label = props.idea_module_namings_multiple_items ? props.idea_module_namings_multiple_items : '';\n label = props.idea_module_namings_custom_nav_label ? props.idea_module_namings_custom_nav_label : label;\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/ideas',\n label: label,\n key: 'ideas',\n component: ListIdeasView,\n exact: false,\n })\n }\n\n if (props.salesModuleEnabled) {\n\n let label = props.idea_module_namings_multiple_items ? props.idea_module_namings_multiple_items : '';\n label = props.idea_module_namings_custom_nav_label ? props.idea_module_namings_custom_nav_label : label;\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/sales_dashboard',\n label: 'Sales',\n key: 'sales_dashboard',\n component: BOSalesDashboard,\n exact: false,\n })\n\n }\n\n\n if (props.polls_enabled && !showOnlyShop) {\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/polls',\n label: this.props.polls_alias_label,\n key: 'polls',\n component: PollsList,\n exact: false,\n })\n }\n\n\n let photo_contest_label = 'Photo Contest';\n\n /**\n * Add the Photo Contest link if at least one is available\n */\n if (props.latest_photo_contest &&\n !isNaN(props.latest_photo_contest) &&\n props.latest_photo_contest > 0 &&\n props.photo_albums_enabled) {\n\n if (props.is_taj_sub_account && props.latest_photo_contest_name == props.male_crusader_photo_album_name) {\n photo_contest_label = props.male_crusader_photo_album_name;\n }\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/photo_contest',\n label: photo_contest_label,\n key: 'photo_contest_detail',\n component: BOPhotoContest,\n exact: true,\n })\n }\n\n /**\n * Add photo Albums link if there is at least one album which is not photo contest\n */\n if (props.photo_albums_enabled &&\n props.show_photo_albums &&\n props.show_photo_albums == 1) {\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/photo_albums',\n label: 'Photo Albums',\n key: 'photo_albums',\n component: BOPhotoAlbums,\n exact: false,\n })\n }\n\n\n if (props.rules_pdf_enabled &&\n props.rules_pdf_enabled == 1) {\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.API_BASE_URL + EndPoints.fetchAccountRulesPdf,\n label: (props.is_taj_sub_account) ? 'Platform Guide' : 'Rules',\n key: 'rules',\n exact: false,\n use_a_tag: true,\n new_tab: true,\n })\n }\n\n if (!props.is_skinC_account && !props.is_weil_account && !showOnlyShop && !this.props.hideProgramsTab) {\n\n let labelForFE = 'Programs';\n\n if (props.is_tcpl_account) {\n labelForFE = 'About the programs';\n }\n\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/programs',\n label: labelForFE,\n key: 'programs',\n component: Programs,\n exact: false,\n })\n }\n\n\n /**\n * Add the galaxy tab if the Account is Taj\n */\n if (props.is_taj_sub_account) {\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/galaxy',\n label: 'Galaxy',\n key: 'galaxy',\n component: Company,\n exact: false,\n })\n }\n\n if (props.orders_management_enabled) {\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/recognitions/orders_management',\n label: 'Orders',\n key: 'orders',\n component: OrdersManagementReport,\n exact: false,\n })\n }\n\n if (props.employee_nominations_enabled) {\n\n if (props.userIsNominationModerator) {\n /**\n * Users who are moderators\n */\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/employee_nominations/moderation',\n label: props.empNominationAliasLabel + ' Moderation',\n key: 'emp_nomination_moderation',\n component: EmpNominationModerationList,\n exact: false,\n });\n\n } else if (props.canViewNominationEvents) {\n /**\n * Users who can nominate / be nominated\n */\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/employee_nominations/events',\n label: props.empNominationAliasLabel || 'Nominations',\n key: 'nominations',\n component: EmpNominationNominatorEvents,\n exact: false,\n });\n }\n\n if (props.canViewNominationPublications) {\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/employee_nominations/publications',\n label: props.empNominationAliasLabel ? `${props.empNominationAliasLabel} Result` : \"Nomination Publications\",\n key: 'nomination_publications',\n component: EmpNominationPublicationList,\n exact: false,\n });\n }\n }\n\n /*if (props.show_guest_appreciations) {\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/guest_appreciations',\n label: 'Guest Appreciations',\n key: 'guest_appreciations',\n component: BOGuestAppreciations,\n exact: false,\n })\n }*/\n\n /**\n * For taj corp account, we only want to show \"The difference you make\" link on top nav bar\n * and hide all other options.\n */\n if (props.is_taj_corp_account) {\n\n this.BudgetOwnerTopNavOptionsFiltered = []; // so clear all the remaining options.\n\n if (props.latest_photo_contest &&\n !isNaN(props.latest_photo_contest) &&\n props.latest_photo_contest > 0 &&\n props.photo_albums_enabled) {\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/photo_contest',\n label: photo_contest_label,\n key: 'photo_contest_detail',\n component: BOPhotoContest,\n exact: true,\n })\n }\n\n /**\n * Add photo Albums link if there is at least one album which is not photo contest\n */\n if (props.photo_albums_enabled &&\n props.show_photo_albums &&\n props.show_photo_albums == 1) {\n\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/photo_albums',\n label: 'Photo Albums',\n key: 'photo_albums',\n component: BOPhotoAlbums,\n exact: false,\n })\n }\n\n if (props.appreciations_enabled && props.show_appreciations_to_user) {\n\n this.BudgetOwnerTopNavOptionsFiltered.push({ // add TDYM link\n to: Config.APP_ROOT_PATH + '/appreciations',\n label: _.get(props, 'account.appreciations_extra_config.nav_link_label', 'The difference you make'),\n key: 'appreciations',\n component: Appreciations,\n exact: false,\n })\n }\n\n }\n\n // how to videos on staging for Widia\n if (this.props.accountSubdomain === 'widia') {\n this.BudgetOwnerTopNavOptionsFiltered.push({\n to: Config.APP_ROOT_PATH + '/how-to-videos',\n label: 'Tutorial Videos',\n key: 'tutorial_videos',\n //component: EmpNominationPublicationList,\n //exact: false,\n });\n }\n\n /**\n * Change display order of the menu items.\n */\n if (props.top_nav_items_order && props.top_nav_items_order.length > 0) {\n\n let nav_items_ordered = [];\n\n props.top_nav_items_order.forEach(name => {\n\n // create a new ordered array from the budget top nav filtered based on the client ordering\n const menu_item = this.BudgetOwnerTopNavOptionsFiltered.filter(item => {\n return item.key == name;\n });\n\n if (menu_item[0]) {\n nav_items_ordered.push(menu_item[0]);\n }\n });\n\n // add everything else to the end of the ordered array\n this.BudgetOwnerTopNavOptionsFiltered.forEach(mainItem => {\n\n const menu_item = nav_items_ordered.filter(item => {\n return item.key == mainItem.key;\n });\n\n if (menu_item[0]) {\n\n // already included, do nothing\n\n } else {\n\n // add any missing nav menu items not in the ordered list\n nav_items_ordered.push(mainItem);\n }\n });\n\n if (nav_items_ordered) {\n this.BudgetOwnerTopNavOptionsFiltered = nav_items_ordered;\n }\n }\n\n if (props.topNavOverride && Array.isArray(props.topNavOverride) && props.topNavOverride.length > 0) {\n\n const navOptionsToKeep = this.BudgetOwnerTopNavOptionsFiltered.filter(item => {\n /**\n * If an account is using the topNavOverride (like TCPL), and there are still elements some users must have outside the override, put their keys here\n */\n const whitelisted_nav_items = [\n 'admin',\n ];\n\n return whitelisted_nav_items.includes(item.key);\n });\n\n this.BudgetOwnerTopNavOptionsFiltered = props.topNavOverride;\n\n if (navOptionsToKeep && navOptionsToKeep.length && navOptionsToKeep.length > 0) {\n /**\n * Append the whitelisted nav items to the nav menu\n */\n navOptionsToKeep.forEach(nav_item => {\n\n this.BudgetOwnerTopNavOptionsFiltered.push(nav_item);\n });\n }\n }\n\n }\n\n\n openGiveRecognitionModal() {\n this.props.openModal('give_recognition_or_commitment');\n }\n\n componentWillReceiveProps(nextProps) {\n\n if (JSON.stringify(nextProps) !== JSON.stringify(this.props)) {\n this.updateNavigationOptions(nextProps);\n }\n }\n\n\n render() {\n\n\n let showMobileNav = false;\n if (window.innerWidth <= Config.MOBILE_BREAKPOINT) {\n showMobileNav = true;\n }\n\n\n let userName = '';\n if (this.props.userName) {\n userName = this.props.userName;\n if (userName.length > 20) {\n userName = userName.slice(0, 20);\n }\n }\n\n let iconColor = CommonStyles.progressOrange;\n if (this.props.accountSubdomain === 'chef') {\n iconColor = '#eb6852';\n }\n\n let showOnlyShop = false;\n if (this.props.showOnlyShop && this.props.showOnlyShop == 1) {\n showOnlyShop = true;\n }\n\n\n return (\n\n showMobileNav\n ?\n \n \n }\n
\n :\n \n 
\n
\n );\n break\n\n default:\n jsx = (\n hit.fields.map((field, i) =>\n \n {hit.fields.map((field, i) =>\n
\n \n {link}\n {hits}\n
\n );\n }\n\n return (\n \n \n {\n (searchResults || error) &&\n {\n // if the click is outside \"search-results\" block (clicking overlay)\n if (e.target === e.currentTarget) {\n setKeyword('')\n }\n }}\n >\n
\n }\n \n );\n}\n\n\nexport default SearchNav;\n\n\n\n","import React, {useEffect, useRef, useState} from 'react'\nimport {\n Link, NavLink\n} from 'react-router-dom'\nimport CommonStyles from '../../../../../../styles/CommonStyles'\nimport {Row, Col, Icon, Text, Divider, IconSvg, IconMenuSvg, UserAvatar, Spacer, Button} from '../../../../index'\nimport Config from '../../../../../../config'\nimport {useDispatch, useSelector} from \"react-redux\";\nimport SearchNav from \"./SearchNav\";\nimport {OpenModal} from \"../../../../../modal_manager/actions/ModalActions\";\nimport {isEmpty, chunk, find} from 'lodash';\nimport {makeStyles} from '@material-ui/core/styles';\nimport {NavDropdown, Nav} from \"react-bootstrap\";\nimport {useTranslation} from \"react-i18next\";\n\nconst useStyles = makeStyles({\n /*buttonBg: props => ({\n backgroundColor: props.accountMainActiveColor || '#4d48c8'\n }),*/ // shop button (disabled)\n menuBg: props => ({\n backgroundColor: props.accountNavbarColor || '#2e3279'\n }),\n menuItemActiveBg: {\n '&:hover, &.active': {\n backgroundColor: props => props.accountNavbarColor || '#2e3279'\n }\n }\n});\n\nfunction DesktopNav(props) {\n\n const { t, i18n } = useTranslation();\n\n const [openedDropdown, setOpenedDropdown] = useState(null);\n const dispatch = useDispatch();\n const openedDropdownRef = useRef();\n const loaded = useRef(false);\n const classes = useStyles(props);\n\n useEffect(() => {\n // Firefox and IE11 fire the mouseenter event on page load\n // it makes a dropdown open again after clicking on its parent\n // work around this behavior here\n setTimeout(() => {\n loaded.current = true\n }, 100)\n\n return () => {\n openedDropdownRef.current = null;\n loaded.current = false;\n };\n }, []);\n\n function renderShopBtn() {\n if (props.accountSubdomain === 'ducati' && !props.userIsModerator && !props.userIsRegionalBusinessManager) {\n return (\n \n {\n (\n error &&\n
\n \n {error} \n
\n )\n ||\n (\n (searchResults && searchResults.length === 0) &&\n \n {t('search.noResultsFound')} \n
\n )\n ||\n searchResults.map(renderSearchResult)\n }\n\n 
\n \n );\n }\n\n function renderCartQuickBtn() {\n let title = 'My Shopping Cart';\n\n return \n \n
\n );\n }\n\n function onOutsideClick(e) {\n if (openedDropdownRef.current && !openedDropdownRef.current.contains(e.target)) {\n setOpenedDropdown(null);\n document.removeEventListener(\"click\", onOutsideClick);\n openedDropdownRef.current = null;\n }\n }\n\n return (\n \n {\n chunkedDdItems.map((chunk, i) =>\n
\n\n \n {\n chunk.map((section) =>\n \n \n )\n }\n
\n )\n }\n \n
\n \n
\n {t(section.title)}
\n {\n section.items.map(item =>\n \n {renderNavItem(item)}\n
\n )\n }\n \n \n {t('common.lookingHelp')}\n {t('common.faqAndSupport')} →\n
\n \n \n 
\n \n :\n \n \n \n }\n \n \n\n
\n \n {\n props.navMenu.map(renderMenuItem)\n }\n {\n (!props.hidePointsForAccount) &&\n
\n
\n );\n}\n\n\nexport default DesktopNav;\n\n\n\n","import React, {useEffect, useRef, useState} from 'react';\nimport {\n Link, NavLink, useLocation\n} from 'react-router-dom';\nimport CommonStyles from '../../../../../../styles/CommonStyles'\nimport {Row, Col, Icon, Text} from '../../../../index'\nimport Config from '../../../../../../config'\nimport {slide as Menu} from 'react-burger-menu'\nimport {OpenModal} from \"../../../../../modal_manager/actions/ModalActions\"\nimport SearchNav from \"./SearchNav\";\nimport {useDispatch} from \"react-redux\";\nimport './topbar.css'\nimport {useTranslation} from \"react-i18next\";\n\n\nfunction MobileNav(props) {\n\n const { t, i18n } = useTranslation();\n\n const [openedDropdown, setOpenedDropdown] = useState(null);\n const [mobileNavOpen, setMobileNavOpen] = useState(false);\n const [searchActive, setSearchActive] = useState(false);\n const dispatch = useDispatch();\n const location = useLocation();\n const renderCounter = useRef(1);\n\n useEffect(() => {\n renderCounter.current++;\n });\n\n function renderMenuItem(item, parentKey = '') {\n let childJSX;\n\n const label = t(item.label);\n\n if (item.external) {\n childJSX = (\n \n {\n (!props.showOnlyShop && !props.hide_all_icon_options)\n ?\n <>\n {\n (props.accountRecognitionsEnabled == 1\n && props.userRecognitionsEnabled == 1\n )\n ?\n \n \n {t('common.recognize')} \n \n :\n null\n }\n\n {\n !(props.disableShop && props.disableShoppingCart && props.accountSubdomain !== 'ducati') &&\n renderShopBtn()\n }\n \n :\n !props.disableShop && !props.disableShoppingCart &&\n renderShopBtn()\n }\n\n \n \n {t('common.pointsAvailable')} \n {props.userPointBalance > 0 ? parseInt(props.userPointBalance, 10).toLocaleString() : 0} \n \n\n }\n \n\n {\n (props.otsEnabled && props.userOtsEnabled)\n ?\n \n \n \n :\n null\n\n }\n\n {t('common.myProfile')} \n {t('common.logOut')} \n \n\n {\n (!props.showOnlyShop &&\n !props.hide_all_icon_options) &&\n renderNotificationQuickBtn()\n }\n\n {\n (!props.disableShop &&\n !props.disableShoppingCart &&\n !props.showOnlyShop &&\n !props.hide_all_icon_options) &&\n renderWishlistQuickBtn()\n }\n\n {\n (props.accountRedemptionsEnabled &&\n !props.disableShop &&\n !props.disableShoppingCart &&\n !props.showOnlyShop &&\n !props.hide_all_icon_options) &&\n renderCartQuickBtn()\n }\n
\n\n \n\n \n\n
\n \n \n {props.userName}\n \n\n {\n (props.userTitle) &&\n \n {props.userTitle}\n \n }\n
\n \n \n
\n {\n (!props.hidePointsForAccount) &&\n <>\n \n
\n }\n \n {props.userPointBalance > 0 ? parseInt(props.userPointBalance, 10).toLocaleString() : 0} {t('common.points')}\n
\n \n {\n item.children.map((section, i) =>\n
\n \n );\n } else {\n childJSX = (\n \n
\n )\n }\n \n {t(section.title)}\n
\n \n {\n section.items.map((childItem) => renderMenuItem(childItem, item.key))\n }\n
\n \n \n {\n searchActive ?\n <>\n {\n e.preventDefault();\n setSearchActive(false);\n }}\n >Cancel\n \n \n :\n <>\n setMobileNavOpen(!mobileNavOpen)}\n >\n Recognized By ,\n accessor: \"recognizedBy\",\n headerClassName: \"no-borders\",\n className: \"no-borders bold\",\n minWidth: 180\n }, {\n Header: Recognition ,\n accessor: 'id',\n minWidth: 120,\n headerClassName: 'no-borders text-left',\n Cell: (item) => {\n\n const jsx = this.props.openViewCertModal(item.original)}\n cursor\n >\n View\n \n\n return jsx;\n }\n }, {\n Header: Date ,\n accessor: \"created_at\",\n headerClassName: \"no-borders\",\n className: \"no-borders text-dark-gray\",\n }, {\n Header: Program ,\n accessor: \"program\",\n headerClassName: \"no-borders\",\n className: \"no-borders text-dark-gray\",\n }, {\n Header: {this.props.account.behavior_label} ,\n accessor: \"behaviors\",\n headerClassName: \"no-borders\",\n className: \"no-borders text-dark-gray\",\n }, {\n Header: Points ,\n accessor: \"points\",\n headerClassName: \"no-borders\",\n className: \"no-borders text-dark-gray\",\n }, {\n Header: Certificate ,\n minWidth: 120,\n accessor: \"certificate\",\n headerClassName: \"no-borders\",\n className: \"no-borders text-dark-gray\",\n },\n ];\n\n if (this.props.employee_commitments_enabled) {\n\n finalHeaderColumns.splice(1, 0, {\n Header: Recognition Subtype ,\n minWidth: 120,\n accessor: \"recognition_subtype\",\n headerClassName: \"no-borders\",\n className: \"no-borders text-dark-gray\",\n });\n\n }\n\n if (this.props.type === 'team-recognitions') {\n\n //prepend the Recipient column\n finalHeaderColumns = [{\n Header: Recipient ,\n accessor: \"recipient\",\n headerClassName: \"no-borders\",\n className: \"no-borders bold\",\n minWidth: 180\n },\n ...finalHeaderColumns];\n }\n\n } else {\n\n const propCols = this.props.columns || [];\n\n let extra_column_headers = [];\n if (this.state.extra_column_headers && this.state.extra_column_headers.length > 0) {\n\n this.state.extra_column_headers.forEach(column_name => {\n\n const formatted_column_name = column_name.replaceAll('_', ' '); // replace underscores with spaces for nicer looking header columns\n\n extra_column_headers.push({\n Header: {formatted_column_name} ,\n accessor: column_name,\n headerClassName: \"no-borders\",\n className: \"no-borders bold\",\n Cell: item => {\n\n let cellClassName = '';\n let textClassName = '';\n\n if (\n (!isNaN(item.original[column_name]) && item.original[column_name] <= 0)\n ||\n (item.original[column_name] == '$0') // preformatted $ values\n ||\n (item.original[column_name] == '0%') // preformatted % values\n ) {\n\n cellClassName = this.props.highlightExtraZeroValues ? 'bg-warning' : '';\n textClassName = this.props.highlightExtraZeroValues ? 'text-white' : '';\n }\n\n let cellValue = item.original[column_name];\n\n if (cellValue === '') {\n // Empty strings\n cellValue = '-';\n } else if (!isNaN(cellValue)) {\n // formatting for numbers\n // if the number is not a whole number, format using 2 decimal places\n const decimalPlaces = (item.original[column_name] % 1 != 0) ? 2 : 0;\n\n cellValue = parseFloat(item.original[column_name], decimalPlaces).toLocaleString();\n }\n\n return (\n
\n {props.rightLinkText} : null\n\tlet rightLink = props.rightLinkTo ? (rightLabel ? {rightLabel} : null) : rightLabel\n\n\tif (props.rightLinkJsx) {\n\t\trightLink = props.rightLinkJsx\n\t}\n\t/* [END] Right Link Customization */\n\n\t/* [START] Customize Container Header Color */\n\tlet color = CommonStyles.black\n\tswitch(props.color) {\n\t\tcase 'black':\n\t\t\tcolor = CommonStyles.black\n\t\t\tbreak;\n\t\tcase 'gray':\n\t\t\tcolor = CommonStyles.gray\n\t\t\tbreak;\n\t\tcase 'gray-dark':\n\t\t\tcolor = CommonStyles.gray2\n\t\t\tbreak;\n\t\tcase 'gray-darker':\n\t\t\tcolor = CommonStyles.gray3\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tcolor = CommonStyles.black\n\t\t\tbreak;\n\t}\n\t/* [END] Customize Container Header Color */\n\n\t/* [START] Add Dot */\n\tlet dot = null\n\n\tif (props.dot) {\n\t\tswitch(props.dot) {\n\t\t\tcase 'green':\n\t\t\t\tdot = onChange(event.target.value)}\n value={filter ? filter.value : \"all\"}\n style={{fontSize: '0.8rem', color: CommonStyles.gray2}}\n >\n \n \n \n \n });\n\n }\n\n // Add 'status' column for accounts with pending sales\n if (this.props.pending_sales_enabled) {\n headerCols.push({\n Header: onChange(event.target.value)}\n value={filter ? filter.value : \"all\"}\n style={{fontSize: '0.8rem', color: CommonStyles.gray2}}\n >\n \n \n \n \n });\n }\n\n /**\n * Add company name if it is super admin account\n */\n if (this.props.account && this.props.account.is_su_account && this.props.account.is_su_account == 1) {\n headerCols.push({\n Header: Company Name ,\n accessor: 'company_name',\n headerClassName: 'custom-column-header no-borders',\n className: '',\n minWidth: 175,\n });\n }\n\n // Add impact for Taj or Ginger\n if (this.props && (this.props.is_taj_sub_account || this.props.is_ginger_account)) {\n headerCols.push(\n {\n Header: () => Impact ,\n accessor: 'impact',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 150,\n Cell: (row) => startCase(_.replace(row.original.impact, /\\_/g, ' ')),\n Filter: ({filter, onChange}) =>\n onChange(event.target.value)}\n value={filter ? filter.value : \"all\"}\n style={{fontSize: '0.8rem', color: CommonStyles.gray2}}\n >\n \n \n \n \n \n \n \n },\n );\n }\n\n // Add custom fields that are not part of a key group\n if (this.state.additional_fields && this.state.additional_fields.length > 0) {\n\n this.state.additional_fields.map((field) => {\n\n headerCols.push({\n Header: () => {this.props.t(`sales.${field}`, _.startCase(field))} ,\n headerClassName: 'custom-column-header no-borders',\n minWidth: 175,\n className: '',\n id: 'custom_field_' + field,\n Cell: (row) => {\n\n let cell_text = (row.original\n && row.original[field]\n && row.original[field].value)\n ? row.original[field].value\n : null;\n\n if (!cell_text) {\n cell_text = (row.original[field] && typeof row.original[field] == 'string') ? row.original[field] : 'No Data';\n }\n\n const dollar_fields = ['unit_cost_amount', 'external_cost_amount'];\n\n if (cell_text != 'No Data' && dollar_fields.includes(field)) {\n cell_text = '$' + cell_text;\n }\n\n return {cell_text} ;\n }\n\n });\n });\n }\n\n const account = this.state.selected_account ? this.state.selected_account : this.props.account ? this.props.account : null;\n\n // Add user specific custom fields\n if (account && account.additional_fields && account.additional_fields.length > 0 && this.props.sale_account_type != Config.SALES_ACCOUNT_TYPES.SUPPLIER) {\n\n account.additional_fields.map((field) => {\n // Add additional details columns to the table\n\n headerCols.push({\n Header: {_.upperCase(field)}\n \n ),\n accessor: 'sales_representatives',\n minWidth: 250,\n headerClassName: 'custom-column-header no-borders',\n className: 'no-borders',\n filterable: false,\n Cell: (item) => {\n\n if (item.original.sales_representatives && Array.isArray(item.original.sales_representatives)) {\n\n return item.original.sales_representatives.map(({name, participant_id}, index) => {\n return (\n Distributor ,\n accessor: 'distributor',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 200,\n });\n\n headerCols.splice(7, 0, {\n Header: () => System Brand Name \n ,\n accessor: 'system_brand_name',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 200,\n });\n }\n\n headerCols.push({\n Header: () => {this.props.t('sales.external_created_at')} ,\n accessor: 'external_created_at',\n headerClassName: 'custom-column-header no-borders',\n className: 'no-borders',\n minWidth: 200,\n filterable: false,\n Cell: row => moment(row.original.external_created_at).format('MMM Do YYYY [at] h:mm a')\n });\n\n headerCols.push({\n Header: () => {this.props.t('sales.total_points_earned')} ,\n accessor: 'total_points_earned',\n headerClassName: 'custom-column-header no-borders',\n className: 'no-borders',\n filterable: false,\n });\n\n const pageSize = this.props.pageSize ? this.props.pageSize : 10;\n\n // remove the outer padding class if prop 'noOuterPadding' is supplied\n let outerPaddingClassName = '';\n if (!this.props.noOuterPadding) {\n outerPaddingClassName = 'pad-main-cont';\n }\n\n let moduleShadowClassName = 'module-shadow';\n if (this.props.noModuleShadow) {\n moduleShadowClassName = '';\n }\n\n const bulkProcessSalesButtonsJsx = this.bulkProcessSalesButtonsJsx();\n\n return (\n User Name ,\n accessor: 'user_name',\n headerClassName: 'no-borders',\n className: 'text-center',\n minWidth: 140,\n }, {\n Header: () => Participant ID ,\n accessor: 'participant_id',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 140,\n },\n ];\n\n if (salesModuleEnabled) {\n\n header_cols.push({\n Header: () => Company ,\n accessor: 'company',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 140,\n });\n }\n\n if (isWidiaSubdomain) {\n\n header_cols.push({\n Header: () => WIDIA Role ,\n accessor: 'widia_role',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 250,\n Cell: item => item.original.widia_role ? startCaseAndReplaceCharacters(item.original.widia_role) : 'N/A',\n Filter: ({filter, onChange}) => {\n\n const select_options = props.user.widia_roles_for_dropdown.map(option => );\n\n return (\n onChange(event.target.value)}\n value={filter ? filter.value : defaultSelectedRole}\n style={{fontSize: '0.8rem', color: CommonStyles.gray2}}\n >\n {select_options}\n \n );\n },\n });\n }\n\n header_cols.push({\n Header: () => User Active ,\n accessor: 'user_active',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 140,\n Filter: ({filter, onChange}) => {\n\n return (\n onChange(event.target.value)}\n value={filter ? filter.value : \"all\"}\n style={{fontSize: '0.8rem', color: CommonStyles.gray2}}\n >\n \n \n \n \n );\n },\n });\n\n if (props.account.subdomain === 'dormanrewards') {\n header_cols.push({\n Header: () => User Country ,\n accessor: 'user_country',\n headerClassName: 'no-borders',\n });\n }\n\n if (props.account && props.account.sale_account_type) {\n\n if (props.account.sale_account_type == Config.SALES_ACCOUNT_TYPES.DISTRIBUTOR) {\n\n header_cols.push({\n Header: () => Sale Earning Type ,\n accessor: 'sale_earning_type',\n headerClassName: 'no-borders',\n minWidth: 175,\n Filter: ({filter, onChange}) =>\n onChange(event.target.value)}\n value={filter ? filter.value : \"\"}\n style={{fontSize: '0.8rem', color: CommonStyles.gray2}}\n >\n \n \n \n ,\n });\n\n } else if (props.account.sale_account_type == Config.SALES_ACCOUNT_TYPES.SUPPLIER) {\n\n header_cols.push({\n Header: () => Distributor ,\n accessor: 'distributor',\n headerClassName: 'no-borders',\n });\n }\n }\n\n let filters_component = (\n setShowFilters(!show_filters)}>\n Filters \n \n \n Date columns are aggregated and filtered based on date fields from the POS file.\n \n \n \n :\n null\n }\n striped\n filterable={show_filters}\n downloadReport={download_report}\n noDownloadLogs={no_download_logs}\n filters={{\n ...filters,\n reportType: props.reportType, // Default is user earnings. Can also be sales earnings.\n }}\n highlightExtraZeroValues\n />\n\n );\n}\n\nfunction mapPropsToState(state, props) {\n return {\n user: state.user,\n account: state.account,\n }\n}\n\nexport default connect(mapPropsToState, null)(UserPointsEarningsReport);\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nfunction CustomCheckbox(props) {\n\n\n\t/* [START] Custom Class */\n\tconst customClassNames = [\"form-check-input\"];\n\tif(props.className){\n\t\tcustomClassNames.push(props.className);\n\t}\n\t/* [END] Custom Class */\n\n\treturn (\n\t\t false}//include all days - even past ones\n />\n )\n }\n\n\n}\n\nGraphsDateRangePicker.propTypes = {\n onBothDatesChange: PropTypes.func.isRequired,\n startDate: PropTypes.instanceOf(moment),\n endDate: PropTypes.instanceOf(moment)\n};\n\nexport default GraphsDateRangePicker;\n\n\n","import React, {useEffect, useState} from 'react'\n\nimport {Col, Icon, Info, Row, Select, Text} from '../building_blocks'\nimport PaginatedCustomTable from '../building_blocks/PaginatedCustomTable'\n\nimport Config from '../../config'\nimport * as EndPoints from '../../services/API/EndPoints'\nimport CommonStyles from '../../styles/CommonStyles'\n\nimport {connect, useSelector} from 'react-redux'\nimport moment from 'moment'\n\nfunction SalesMonthlySpendReport(props) {\n\n const [fetch_list_api_response_status, setFetchListApiResponseStatus] = useState('');\n const [fetch_list_api_response_message, setFetchListApiResponseMessage] = useState('');\n const [show_filters, setShowFilters] = useState(false);\n const [filters, setFilters] = useState(() => {\n const init = {sum_by: 'dollar'};\n\n if (props.isBuyingGroup) {\n init.account_type = Config.SALES_ACCOUNT_TYPES.DISTRIBUTOR;\n } else {\n init.group_by = 'user';\n }\n\n return init;\n });\n\n\n useEffect(() => {\n if (props.userId) {\n setFilters(state => ({...state, user_id: props.userId}));\n }\n }, [props.userId]);\n\n\n if (!props.sales_module_enabled) {\n return null;\n }\n\n let header_cols = [];\n\n\n if (props.isBuyingGroup) {\n header_cols = [\n {\n id: 'expander',\n expander: true\n },\n {\n Header: () => Account Name ,\n accessor: 'account_name',\n headerClassName: 'no-borders',\n minWidth: 140,\n Cell: (item) => {\n let cl = 'text-center';\n if (item.level == 1) {\n cl = 'text-right';\n }\n return Brand ,\n accessor: 'brand_name',\n headerClassName: 'no-borders',\n className: 'text-center',\n minWidth: 140,\n }\n ];\n } else {\n header_cols = [\n {\n Header: () => User Name ,\n accessor: 'user_name',\n headerClassName: 'no-borders',\n className: 'text-center',\n minWidth: 140,\n },\n {\n Header: () => Participant ID ,\n accessor: 'participant_id',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 140,\n },\n {\n Header: () => Company ,\n accessor: 'company',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 140,\n },\n {\n Header: () => User Active ,\n accessor: 'user_active',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 140,\n Filter: ({filter, onChange}) => {\n\n return (\n onChange(event.target.value)}\n value={filter ? filter.value : \"all\"}\n style={{fontSize: '0.8rem', color: CommonStyles.gray2}}\n >\n \n \n \n \n );\n },\n },\n {\n Header: () => User Country ,\n accessor: 'user_country',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 140,\n show: props.accountStrId === 'dormanrewards'\n }\n ];\n }\n\n\n let filters_component = (\n setShowFilters(!show_filters)}>\n Filters \n {\n\n if (rowInfo && column.id === 'expander') {\n column.expander = !!rowInfo.subRows;\n }\n return {};\n }}\n postHeadersComponent={\n \n Group by: \n \n
\n \n }\n\n {\n filters.hasOwnProperty('account_type') &&\n <>\n Account Type: \n \n
\n \n }\n\n \n\n SUM by: \n \n
\n \n\n {/* Filters for Buying Group only */}\n {\n isBuyingGroup &&\n User Status: \n Brand Status: \n Customers' access: \n
\n );\n}\n\nfunction mapPropsToState(state, props) {\n return {\n user: state.user,\n sales_module_enabled: state.account.sales_module_enabled == 1,\n isBuyingGroup: state.account.sale_account_type === Config.SALES_ACCOUNT_TYPES.BUYING_GROUP,\n accountStrId: state.account.str_id\n }\n}\n\nexport default connect(mapPropsToState, null)(SalesMonthlySpendReport);\nexport {SalesTableConf};\n","import React, {useEffect, useState} from 'react'\nimport axios from 'axios'\nimport _ from 'lodash'\n\nimport Config from \"../../../config\"\nimport * as EndPoints from \"../../../services/API/EndPoints\"\nimport {showRewardianToast} from \"../../building_blocks/Toaster/helpers\"\nimport SurveyForm from \"../SurveyForm\"\n\nfunction SurveyList({userId, isReadOnly, isAO, userCanEdit = true}) {\n\n const [surveys, setSurveys] = useState([]);\n\n useEffect(() => {\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}${EndPoints.boGetSurveys}`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n user_id: userId || '',\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n }).then(response => {\n\n const {surveys = [], resultStatus, resultMsg} = response.data || {};\n\n if (resultStatus === 'success' && !_.isEmpty(surveys)) {\n setSurveys(surveys);\n }\n\n }).catch(() => {\n showRewardianToast('There was an error while fetching survey', 'error');\n });\n\n }, [userId]);\n\n\n return (\n ;\n }\n\n return jsx;\n }\n\n let extraJsx = null;\n const subdomain = (props.account && props.account.subdomain) ? props.account.subdomain : null;\n const customerDsrSelectionJsx = getCustomerDsrSelectionJsx();\n const dsrCustomersTableJsx = getDsrCustomersTableJsx();\n const salesDataJsx = getSalesDataJsx(subdomain);\n const userDetailNotesJsx = getUserDetailNotesJsx();\n\n switch (subdomain) {\n\n case 'widia':\n\n extraJsx = (\n this.setActiveTab(tab_name)}\n size={active_tab ? 1.2 : 1.1}\n upperCase\n bold={active_tab}\n color={accent_color}\n cursor\n className={'full-width-mobile marg-r-10'}\n style={{\n borderBottom: active_tab ? `2px solid ${accent_color}` : ''\n }}\n >\n {_.startCase(tab_name)}\n \n \n );\n\n } else {\n // old tabs style\n tabsJSX.push(\n this.setActiveTab(tab_name)}\n fontSize={0.8}\n className={'full-width-mobile marg-r-2'}\n >\n {_.startCase(tab_name)}\n \n );\n }\n\n });\n\n if (innerJsx.length > 0) {\n\n tabsJSX = (\n \n {innerJsx}\n
\n );\n }\n }\n\n return tabsJSX;\n }\n\n /**\n * Gets the tab panel content.\n *\n * @returns {*}\n */\n getPanelJSX() {\n\n return this.props.tabs[this.state.active_tab];\n }\n\n /**\n * Change the current active tab.\n *\n * @param tab_name\n */\n setActiveTab(tab_name) {\n\n this.setState({\n active_tab: tab_name\n });\n }\n\n render() {\n\n const tabsJSX = this.getTabsJSX();\n const panelJSX = this.getPanelJSX();\n\n return (\n No data available. ;\n }\n\n return (\n Name ,\n accessor: 'name',\n headerClassName: 'no-borders',\n }, {\n Header: () => Participant ID ,\n accessor: 'participant_id',\n headerClassName: 'no-borders',\n width: 200,\n }, {\n Header: () => Title ,\n accessor: 'title',\n headerClassName: 'no-borders',\n }, {\n Header: () => Email ,\n accessor: 'email',\n headerClassName: 'no-borders',\n },\n ];\n\n if (props.filters && props.filters.enrollment_report) {\n headerCols.push({\n Header: () => Enrollment Status ,\n accessor: 'enrollment_status',\n headerClassName: 'no-borders',\n width: 200,\n Cell: item => startCaseAndReplaceCharacters(item.original.enrollment_status),\n Filter: ({ filter, onChange }) =>\n onChange(event.target.value)}\n value={filter ? filter.value : \"all\"}\n style={{fontSize: '0.8rem', color: CommonStyles.gray2}}\n >\n \n \n \n \n \n });\n headerCols.push({\n Header: () => Enrollment Submitter ,\n accessor: 'submitter_name',\n headerClassName: 'no-borders',\n });\n headerCols.push({\n Header: () => Enrollment Closer ,\n accessor: 'enrollment_closed_by',\n headerClassName: 'no-borders',\n });\n headerCols.push({\n Header: () => User Status ,\n accessor: 'is_active',\n headerClassName: 'no-borders',\n Cell: item => item.original.is_active && item.original.is_active.toLowerCase() == 'a' ? 'Active' : 'Inactive',\n Filter: ({ filter, onChange }) =>\n onChange(event.target.value)}\n value={filter ? filter.value : \"all\"}\n style={{fontSize: '0.8rem', color: CommonStyles.gray2}}\n >\n \n \n \n \n });\n headerCols.push({\n Header: () => Opt In Date ,\n accessor: 'widia_standard_tnc_opt_in_date',\n headerClassName: 'no-borders',\n Cell: item => item.original.widia_standard_tnc_opt_in_date ? moment(item.original.widia_standard_tnc_opt_in_date).format('MMM Do YYYY') : 'Pending',\n filterable: false,\n });\n headerCols.push({\n Header: () => Distributor ,\n accessor: 'preferred_distributor',\n headerClassName: 'no-borders',\n filterable: false,\n });\n headerCols.push({\n Header: () => DSR Participant ID ,\n accessor: 'distributor_sales_rep_participant_id',\n headerClassName: 'no-borders',\n });\n // headerCols.push({\n // Header: () => Sales Rep Participant ID ,\n // accessor: 'sales_rep_participant_id',\n // headerClassName: 'no-borders',\n // });\n // headerCols.push({\n // Header: () => WIDIA Sales Rep Name ,\n // accessor: 'widia_sales_rep_name',\n // headerClassName: 'no-borders',\n // filterable: false,\n // });\n\n\n if (props.account.additional_group_fields &&\n props.account.additional_group_fields.length > 0\n ) {\n props.account.additional_group_fields.map((field) => {\n\n if (field === 'sales_representatives') {\n headerCols.push({\n Header: () => (\n {_.upperCase(field)}\n \n ),\n accessor: 'sales_representatives',\n minWidth: 250,\n headerClassName: 'custom-column-header no-borders',\n className: 'no-borders',\n Cell: (item) => {\n\n if (item.original.sales_representatives && Array.isArray(item.original.sales_representatives)) {\n\n return item.original.sales_representatives.map(({name, participant_id}, index) => {\n return (\n toggleShowFilters(!show_filters)}>\n Filters \n \n {`${(percent * 100).toFixed(2)}%`}\n \n );\n };\n\n function renderCustomizedLegend(legendProps) {\n\n let jsx = [];\n let maxLegendKeys = props.maxLegendKeys ? props.maxLegendKeys : 10;\n\n if (legendProps && legendProps.payload) {\n\n for (let i = 0; i < maxLegendKeys; i++) {\n\n if (legendProps.payload[i]\n && legendProps.payload[i].value // name\n && legendProps.payload[i].color\n && legendProps.payload[i].payload\n && legendProps.payload[i].payload.value // percentage\n ) {\n\n jsx.push(\n {\n\n let tooltipLabel = '';\n\n if (props.payload && props.payload.payload && props.payload.payload.points_redeemed) {\n\n tooltipLabel = `${value}% (${props.payload.payload.points_redeemed} points)`;\n }\n\n return tooltipLabel;\n }}/>\n );\n\n return (\n {\n\n let tooltipLabel = '';\n\n if (props.payload && props.payload.payload && props.payload.payload.test_tool_credits_redeemed) {\n\n tooltipLabel = `${value}% (${props.payload.payload.test_tool_credits_redeemed} test tool credits)`;\n }\n\n return tooltipLabel;\n }}/>\n );\n\n return (\n \n {\n\n let tooltipLabel = \"\";\n\n if (props.payload && props.payload.payload && props.payload.payload.points) {\n\n tooltipLabel = `${value}% (${props.payload.payload.points.toLocaleString()} points)`;\n }\n\n return [startCaseAndReplaceCharacters(name), tooltipLabel];\n }}/>\n\n \n );\n}\n\nexport default WalletPointsRedeemedAndBalancePieChart;","import React, {useState} from 'react'\n\nimport Config from \"../../../config\"\nimport * as EndPoints from \"../../../services/API/EndPoints\"\nimport CommonStyles from \"../../../styles/CommonStyles\"\n\nimport {Icon, Text} from \"../../building_blocks\"\nimport PaginatedCustomTable from \"../../building_blocks/PaginatedCustomTable\"\n\nfunction WidiaTopItemsEarnedByWqcReport({filters = {}}) {\n\n const [showFilters, setShowFilters] = useState(false);\n\n const headerColumns = [\n {\n Header: () => (\n \n\n
\n\n );\n}\n\nexport default SalesGraphsCustomerView;","import {Tooltip} from \"recharts\"\nimport React from \"react\"\n\nimport Config from \"../../../../config\"\nimport * as EndPoints from \"../../../../services/API/EndPoints\"\n\nimport CustomPieChart from \"../../../building_blocks/Graphs/CustomPieChart\"\nimport {startCaseAndReplaceCharacters} from \"../../../../helpers\"\n\nfunction WidiaPopularCategoriesWqc({propFilters = {}}) {\n return (\n \n\n \n \n\n \n \n\n \n \n\n
\n );\n}\n\nexport default SalesGraphsDistributorView;","import React from 'react'\n\nimport { Row, Col } from '../../../building_blocks'\nimport SaleCategoriesMonthlyComposedChart from './SaleCategoriesMonthlyComposedChart'\nimport PointsEarnedComposedChart from '../../PointsEarnedComposedChart'\nimport CategoriesPurchasedByTimeLineChart from '../../CategoriesPurchasedByTimeLineChart'\nimport ItemsPurchasedByCustomerPieChart from './ItemsPurchasedByCustomerPieChart'\nimport MostPopularCategoriesPieChart from './MostPopularCategoriesPieChart'\nimport SalesSumPerMonthBarGraph from '../../SalesSumPerMonthBarGraph'\nimport WidiaQualifiedCreditsEarnedComposedChart from './WidiaQualifiedCreditsEarnedComposedChart'\n\nfunction SalesGraphsWidiaSalesRepView(props) {\n\n const filters = props.filters;\n\n return (\n \n\n
\n );\n}\n\nexport default SalesGraphsWidiaSalesRepView;","import React from 'react'\n\nimport {Row, Col} from '../../building_blocks'\nimport SalesTotalQuantityPurchasedLineChart from '../account_specific/widia/SalesTotalQuantityPurchasedLineChart'\nimport MostPopularCategoriesPieChart from '../account_specific/widia/MostPopularCategoriesPieChart'\nimport PointsEarnedComposedChart from '../PointsEarnedComposedChart'\nimport WidiaQualifiedCreditsEarnedComposedChart\n from '../account_specific/widia/WidiaQualifiedCreditsEarnedComposedChart'\nimport SaleCategoriesMonthlyComposedChart from '../account_specific/widia/SaleCategoriesMonthlyComposedChart'\nimport WidiaOrderPointsRedeemedByCategoryPieChart\n from '../account_specific/widia/WidiaOrderPointsRedeemedByCategoryPieChart'\nimport WidiaOrderTestToolCreditsRedeemedByCategoryPieChart\n from '../account_specific/widia/WidiaOrderTestToolCreditsRedeemedByCategoryPieChart'\nimport PointsRedeemedAndBalancePieChart from '../account_specific/widia/PointsRedeemedAndBalancePieChart'\nimport WidiaTopItemsByQuantityReport from \"./WidiaTopItemsByQuantityReport\"\nimport SalesGenericPie from \"../SalesGenericPie\"\nimport SalesSumPerMonthBarGraph from '../SalesSumPerMonthBarGraph'\n\nimport Config from '../../../config'\nimport _, {get} from 'lodash'\nimport {connect} from 'react-redux'\nimport CategoriesPurchasedByTimeLineChart from \"../CategoriesPurchasedByTimeLineChart\";\nimport SalesEarnedBySupplier from \"../graphs/SalesEarnedBySupplier\";\nimport {useTranslation} from \"react-i18next\";\n\n\n/**\n * All graphs to show when logged in as a customer, or viewing a customer's details.\n *\n * @param props\n * @returns {null}\n * @constructor\n */\nfunction SalesGraphsGenericCustomerView(props) {\n\n const filters = props.filters;\n const subdomain = get(props, 'account.subdomain', null);\n\n const { t } = useTranslation();\n\n // TODO: to settings\n const hideSalesCategoriesGraphs = (props.user && props.user &&\n (\n (props.user.hide_sale_categories && props.user.hide_sale_categories == 1) // normal users\n ||\n (props.user.ao_reports_config && props.user.ao_reports_config.hide_sale_categories && props.user.ao_reports_config.hide_sale_categories == 1) // AO\n )\n );\n\n const custom_user_role_name = (props.account && props.account.custom_user_role_name) ? props.account.custom_user_role_name : 'custom_role';\n let custom_user_role = (props.user && props.user[custom_user_role_name]) ? props.user[custom_user_role_name] : '';\n custom_user_role = custom_user_role.toLowerCase().trim().replace(' ', '_');\n\n let select_sum_custom_field = 'sale_price'; // get sum in CAD from SCF\n\n // if (Config.APP_ENV === 'production' && subdomain == 'ramstar') {\n // select_sum_custom_field = 'transaction_amount_ca'; // Ramstar gets sum in CAD from SCF\n // }\n\n\n // Suppliers must see customer data aggregated on their own product #s\n if (props.saleAccountType == Config.SALES_ACCOUNT_TYPES.SUPPLIER) {\n\n filters.aggregate_custom_field = 'supplier_product_number';\n }\n\n\n return (\n \n\n {\n // (Config.APP_ENV === 'production' && get(props, 'account.subdomain', null) == 'ramstar')\n // ?\n // (custom_user_role == 'customer')\n // ?\n // null\n // :\n //
\n\n );\n}\n\nfunction mapPropsToState(state, props) {\n\n const graphSettings = _.get(state.account, 'sales_fe_settings.graphs', {});\n\n return {\n user: state.user,\n account: state.account,\n saleAccountType: (state.account && state.account.sale_account_type) ? state.account.sale_account_type : '',\n graphSettings: graphSettings\n }\n}\n\nexport default connect(mapPropsToState, null)(SalesGraphsGenericCustomerView);\n","import React, {PureComponent} from 'react'\nimport {connect} from 'react-redux'\nimport ReactLoading from 'react-loading'\nimport _ from 'lodash'\n\nimport Config from '../../config'\n\nimport {\n Row, Col, Text, SearchAndAutosuggest\n} from '../building_blocks'\n\nimport GraphsDateRangePicker from '../building_blocks/Graphs/GraphsDateRangePicker'\nimport SalesGraphsCustomerView from './account_specific/widia/SalesGraphsCustomerView'\nimport SalesGraphsDistributorView from './account_specific/widia/SalesGraphsDistributorView'\nimport SalesGraphsWidiaSalesRepView from './account_specific/widia/SalesGraphsWidiaSalesRepView'\nimport SalesGraphsGenericCustomerView from './BO/SalesGraphsGenericCustomerView'\n\nimport CommonStyles from '../../styles/CommonStyles'\n\nclass SalesGraphs extends PureComponent {\n\n constructor(props) {\n super(props);\n\n this.state = {\n // Only used by GraphsDateRangePicker UI\n initialStartDate: null,\n initialEndDate: null,\n\n // AJAX Date Filter\n // Must be a string\n // startDate: initialStartDate.format(\"YYYY-MM-DD 00:00:00\"),\n // endDate: initialEndDate.format(\"YYYY-MM-DD 00:00:00\"),\n startDate: '',\n endDate: '',\n defer: props.defer ? props.defer : false, // defers rendering until new props are received, which prevents duplicating API calls\n selectedUserOrGroup: null,\n };\n\n this.getGraphsJSX = this.getGraphsJSX.bind(this);\n this.onDatesChanged = this.onDatesChanged.bind(this);\n }\n\n componentWillReceiveProps(nextProps) {\n\n if (JSON.stringify(nextProps) != JSON.stringify(this.props)) {\n\n this.setState({\n initialStartDate: nextProps.startDate ? nextProps.startDate.format(\"YYYY-MM-DD 00:00:00\") : null,\n initialEndDate: nextProps.endDate ? nextProps.endDate.format(\"YYYY-MM-DD 23:59:59\") : null,\n startDate: nextProps.startDate ? nextProps.startDate.format(\"YYYY-MM-DD 00:00:00\") : '',\n endDate: nextProps.endDate ? nextProps.endDate.format(\"YYYY-MM-DD 23:59:59\") : '',\n defer: false, // defers rendering until new props are received, which prevents duplicating API calls\n });\n\n }\n }\n\n getGraphsJSX() {\n\n let graphs_jsx = null;\n // Filters for AJAX request per graph\n const filters = {\n user_field_to_select: 'title',\n startDate: this.state.startDate,\n endDate: this.state.endDate,\n user_id: this.props.userId\n };\n\n if (this.state.selectedUserOrGroup && Array.isArray(this.state.selectedUserOrGroup) && !_.isEmpty(this.state.selectedUserOrGroup)) {\n\n const userIds = [];\n const groupIds = [];\n\n this.state.selectedUserOrGroup.forEach(option => {\n\n if (option.type === 'group') {\n groupIds.push(option.id);\n } else {\n userIds.push(option.id);\n }\n });\n\n // if (!_.isEmpty(userIds) || !_.isEmpty(groupIds)) {\n // delete filters.user_id;\n // filters.user_group_ids_or = {\n // 'user_ids': userIds,\n // 'group_ids': groupIds,\n // };\n // }\n\n filters.user_ids = userIds;\n filters.group_ids = groupIds;\n }\n\n if (this.props.account && this.props.account.subdomain && this.props.account.subdomain == 'widia') {\n\n let widiaFilteredUserRole = this.props.widia_user_role;\n\n if (this.props.widiaFilteredUserRole) {\n\n // if a user is filtering a single user, get that role to show the graphs\n widiaFilteredUserRole = this.props.widiaFilteredUserRole;\n }\n\n switch (widiaFilteredUserRole) {\n\n case Config.WIDIA_USER_ROLES.DISTRIBUTOR:\n case Config.WIDIA_USER_ROLES.DISTRIBUTOR_SALES_REP:\n\n graphs_jsx = ;\n break;\n\n case Config.WIDIA_USER_ROLES.WIDIA_SALES_REP:\n case Config.WIDIA_USER_ROLES.WIDIA_SALES_REP_MANAGER:\n\n graphs_jsx = ;\n break;\n\n case Config.WIDIA_USER_ROLES.CUSTOMER:\n default:\n\n graphs_jsx = ;\n break;\n }\n\n } else {\n\n graphs_jsx = ;\n }\n\n return graphs_jsx;\n }\n\n /**\n * Called date change from GraphDateRangePicker Component\n * @param startDate moment object | null\n * @param endDate moment object | null\n */\n onDatesChanged(startDate, endDate) {\n const startDateFormatted = startDate ? startDate.format('YYYY-MM-DD 00:00:00') : null;\n const endDateFormatted = endDate ? endDate.format('YYYY-MM-DD 23:59:59') : null;\n this.setState({\n startDate: startDateFormatted,\n endDate: endDateFormatted\n });\n }\n\n render() {\n\n // defers rendering until new props are received, which prevents duplicating API calls\n if (this.state.defer) {\n\n return (\n }\n\n if (isLoading) {\n return
\n )\n}\n\nfunction mapPropsToDispatch(dispatch, ownProps) {\n return {\n refreshUser: () => dispatch(RefreshUser())\n };\n}\n\nexport default connect(null, mapPropsToDispatch)(SurveyForm);","import React, {Component} from 'react'\nimport axios from 'axios'\nimport moment from 'moment'\n\nimport CommonStyles from '../../../styles/CommonStyles'\nimport Config from '../../../config'\nimport * as EndPoints from '../../../services/API/EndPoints'\n\nimport {\n Button, Col, Divider, Icon,\n Row, Spacer, Table, Text,\n Placeholderpic, DownloadRequests, Info, Select, SearchAndAutosuggest\n} from '../../building_blocks'\nimport DateRangePicker from '../../building_blocks/DateRangePicker'\n\nimport SingleDatePicker from '../../building_blocks/SingleDatePicker'\nimport CustomDateTimePicker from '../CustomDateTimePicker'\nimport {startsWith} from 'lodash'\nimport PropTypes from \"prop-types\"\n\n/**\n * Redux\n */\nimport {connect} from 'react-redux'\nimport {\n OpenModal,\n CloseModal,\n} from '../../modal_manager/actions/ModalActions'\nimport {FetchIdeasActionSuccess} from \"../../ideas/actions/IdeaActions\"\nimport { withTranslation } from 'react-i18next';\n\n\nconst defaultPageSize = 6;\n\n\n/**\n *\n * Can be used as a generic table for displaying paginated data - with an option for start and end dates\n *\n */\nclass PaginatedCustomTable extends Component {\n\n\n constructor(props) {\n super(props);\n\n this.state = {\n filters: {},\n filtered: [],\n tableData: [],\n tableDataPage: 0,\n tableDataPages: 0,\n tableTotalRows: null,\n pageSize: props.pageSize || defaultPageSize,\n tableDataPageSize: props.pageSize || defaultPageSize,\n tableDataLoading: false,\n tableStartDate: props.tableStartDate || null,\n tableEndDate: props.tableEndDate || null,\n tableFocusedInput: null,\n downloadRequestsTableHash: Math.random().toString(36),\n AddBrandsTableHash: Math.random().toString(36),\n tableSingleDate: null,\n customCheckboxColumns: [],\n selection_in_progress: false,\n selections_error: false,\n select_all_checkbox_rows: false, // name of select all checkbox in header\n selectionData: {\n selected_ids: [],\n unselected_ids: [],\n non_selectable_ids: [],\n }, // contains 'selected_ids' and other selection information. API calls must return 'selection_ids' with all elements as string values\n extra_column_headers: [],\n /**\n * set default year and month\n */\n year: props.defaultYear || '',\n month: props.defaultMonth || '0',\n custom_drop_down: props.defaultCustomOption || '0',\n budget_category: null,\n budget_category_selected: null,\n selectedMonthYear: new Date(),\n user_groups: props.userGroups || [],\n show_user_group_filters: false,\n };\n\n if (props.globalFilterActiveId) {\n this.state.filters.global_filter_id = props.globalFilterActiveId;\n }\n\n this.handleTable = this.handleTable.bind(this);\n this.onDateRangeFocusChange = this.onDateRangeFocusChange.bind(this);\n this.onDatesChange = this.onDatesChange.bind(this);\n this.downloadReport = this.downloadReport.bind(this);\n this.componentCleanup = this.componentCleanup.bind(this);\n this.fetchIdeasSuccess = this.fetchIdeasSuccess.bind(this);\n this.onSingleDateChange = this.onSingleDateChange.bind(this);\n this.selectRows = this.selectRows.bind(this);\n this.onValueChange = this.onValueChange.bind(this);\n this.onCustomDropDownValueChange = this.onCustomDropDownValueChange.bind(this);\n this.onSearchBudgetCategoryChange = this.onSearchBudgetCategoryChange.bind(this);\n this.onSearchUserGroupsChange = this.onSearchUserGroupsChange.bind(this);\n this.toggleShowUserGroups = this.toggleShowUserGroups.bind(this);\n this.selectMonthYear = this.selectMonthYear.bind(this);\n }\n\n\n componentDidMount() {\n\n this.componentActive = true;\n window.addEventListener('beforeunload', this.componentCleanup);\n }\n\n\n viewCertificateModal(row) {\n this.props.openViewCertModal(row);\n }\n\n fetchIdeasSuccess(resultStatus, resultMsg, data) {\n this.props.fetchIdeasSuccess(resultStatus, resultMsg, data);\n }\n\n selectRows(e, checkbox_id) {\n\n if (this.selectRowTimeoutId) {\n clearTimeout(this.selectRowTimeoutId);\n }\n\n const checked = e.target.checked ? true : false;\n\n let selected_ids = this.state.selectionData.selected_ids || [];\n let unselected_ids = this.state.selectionData.unselected_ids || [];\n let select_all_checkbox_rows = this.state.select_all_checkbox_rows;\n\n if (checkbox_id == 'all') {\n\n if (checked) {\n\n // add all to the selected ids\n selected_ids = selected_ids.concat(unselected_ids);\n unselected_ids = [];\n select_all_checkbox_rows = true;\n } else {\n\n // add all to the unselected ids\n unselected_ids = unselected_ids.concat(selected_ids);\n selected_ids = [];\n select_all_checkbox_rows = false;\n }\n\n } else {\n\n // single item selection\n if (checked) {\n\n // add to the selected ids\n selected_ids.push(checkbox_id);\n unselected_ids = unselected_ids.filter((id) => id != checkbox_id);\n\n } else {\n\n // add to the unselected ids\n unselected_ids.push(checkbox_id);\n selected_ids = selected_ids.filter((id) => id != checkbox_id);\n }\n }\n\n if (this.state.tableData && this.state.tableData.length && this.state.non_selectable_ids) {\n\n if (selected_ids.length < (this.state.tableData.length - this.state.non_selectable_ids.length)) {\n // uncheck the 'select all' checkbox if all checkbox rows not selected\n select_all_checkbox_rows = false;\n // check the 'select all' checkbox if all checkbox rows selected\n } else if (selected_ids.length >= (this.state.tableData.length - this.state.non_selectable_ids.length)) {\n select_all_checkbox_rows = true;\n } else {\n //\n }\n }\n\n if (this.props.toggleBulkActionsDisabled) {\n this.props.toggleBulkActionsDisabled(true);\n }\n\n this.setState({\n selectionData: {\n selected_ids: selected_ids,\n unselected_ids: unselected_ids,\n },\n select_all_checkbox_rows: select_all_checkbox_rows,\n selection_in_progress: true\n }, () => {\n // defer the API call in case the user makes multiple selections quickly\n this.selectRowTimeoutId = setTimeout(() => {\n\n if (!this.componentActive) {\n return;\n }\n\n const checkboxTableHash = this.props.checkboxTableHash || '';\n\n // Send row selected API call\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}${EndPoints.updateSelectedCheckboxItems}`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n type: this.props.type,\n selected_ids: selected_ids,\n unselected_ids: unselected_ids,\n table_hash: checkboxTableHash,\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n })\n .then((res) => {\n\n if (this.componentActive) {\n\n if (res.data.resultStatus == 'success' && res.data.selectionData) {\n\n this.setState({\n selection_in_progress: false,\n }, () => {\n\n if (this.props.selectedRowsData) {\n this.props.selectedRowsData(res.data.selectionData);\n }\n\n if (this.props.toggleBulkActionsDisabled) {\n this.props.toggleBulkActionsDisabled(false);\n }\n });\n\n } else {\n // display error\n this.setState({selections_error: true});\n }\n }\n })\n .catch(error => {\n\n if (this.componentActive) {\n\n // display error\n this.setState({selections_error: true});\n }\n });\n }, 500);\n\n });\n }\n\n /**\n *\n * On clicking the Download Report button\n *\n */\n downloadReport() {\n\n this.setState({\n\n downloadRequestInProgress: true,\n download_request_status: null,\n download_request_msg: null,\n\n }, () => {\n\n\n /**\n * for all reports\n */\n let filtersToSend = this.state.filters;\n\n /**\n * for summary reports like\n *\n * - member account balance summary\n * - budget account balance summary\n *\n * will use month,year, budget_category filters, so append them\n */\n if (this.props && this.props.isSummaryReport) {\n\n filtersToSend = {\n ...filtersToSend,\n month: this.state.month,\n year: this.state.year,\n };\n\n if (this.props.showBudgetCategoryAutoSuggest) {\n filtersToSend['budget_category'] = this.state.budget_category_selected;\n }\n }\n\n if (this.props && this.props.customDropDownOptions) {\n filtersToSend = {\n ...filtersToSend,\n custom_drop_down: this.state.custom_drop_down,\n };\n }\n\n // Send the download request\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}${EndPoints.sendDownloadReportRequest}`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n report_type: this.props.downloadReport,\n filters: filtersToSend,\n filtered: this.state.filtered,\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n })\n .then((res) => {\n\n //Component should not be unmounted\n if (this.componentActive) {\n\n this.setState({\n download_request_status: res.data.resultStatus,\n download_request_msg: res.data.resultMsg,\n downloadRequestInProgress: false,\n });\n\n if (res.data.resultStatus) {\n\n if (res.data.resultStatus === 'success') {\n\n //Ask the DownloadReports to reload - by changing its props\n this.setState({\n downloadRequestsTableHash: Math.random().toString(36),\n });\n\n if (this.props.downLoadReportSubmitSuccessCallback) {\n //Call the callback if passed\n // will get called once we have successfully saved the downloadReport request\n // NOTE: This is not a callback for the report being successfully downloaded!\n this.props.downLoadReportSubmitSuccessCallback();\n }\n\n } else if (res.data.resultStatus === 'error') {\n\n }\n }\n\n if (res.data && res.data.reloadTable && res.data.reloadTable == 1) {\n /**\n * Reload the main table rows\n * Helps us re-render the main table from the BE.\n * This happens only for sales disbursements as of now\n */\n this.fetchData(\n 0,\n this.state.pageSize,\n null,\n null,\n this.state.filters,\n );\n }\n }\n });\n\n });\n }\n\n handleTable(tableState, instance) {\n\n const state = tableState; // need to save the state in a local variable as we are using setTimeout\n\n if (this.debounceCallTimeoutId) {\n clearTimeout(this.debounceCallTimeoutId);\n }\n\n this.debounceCallTimeoutId = setTimeout(() => {\n\n let pageNumber = state.page;\n\n if (JSON.stringify(this.state.tableDataFiltered) != JSON.stringify(state.filtered)) {\n pageNumber = 0;//search from the first page if filters have changed\n }\n\n this.setState({\n\n tableDataLoading: true,\n tableDataPage: pageNumber,\n tableDataPageSize: state.pageSize || defaultPageSize,\n tableDataSorted: state.sorted, //Sort col provided by the react-table\n tableDataFiltered: state.filtered, //Filters provided by the react-table\n\n }, () => {\n\n let filters = { //Our custom filters\n ...this.state.filters,\n startDate: this.state.tableStartDate ?\n this.state.tableStartDate.format('YYYY-MM-DD 00:00:00') : null,\n endDate: this.state.tableEndDate ?\n this.state.tableEndDate.format('YYYY-MM-DD 23:59:59') : null,\n custom_drop_down: this.state.custom_drop_down,\n };\n\n if (this.props.type === 'my-recognitions' || this.props.type === 'team-recognitions') {\n //team-recognitions requires filters.manager_id\n //my-recognitions requires filters.manager_id and filters.user_id\n filters = {\n ...filters,\n report_condition: this.props.type === 'team-recognitions' ? 'received_by_my_team' : 'received_by_me',\n };\n }\n\n if (this.props.filters) {\n filters = {\n ...filters,\n ...this.props.filters,//Mix the filters provided to this component into this component's state\n };\n }\n\n this.fetchData(\n this.state.tableDataPage,\n this.state.tableDataPageSize,\n this.state.tableDataSorted,\n this.state.tableDataFiltered, //Filters provided by the react-table\n filters\n );\n });\n\n }, 300);\n }\n\n memberPicAndNameJsx(image, name) {\n\n return (\n \n \n {\n (!props.showOnlyShop && !props.hide_all_icon_options) &&\n \n {\n props.navMenu.map((item) => renderMenuItem(item, ''))\n }\n\n
\n );\n\n}\n\nexport default MobileNav;\n\n\n\n","import React, {useEffect, useState} from 'react'\nimport CommonStyles from '../../../../../../styles/CommonStyles'\nimport Config from '../../../../../../config'\nimport {connect} from 'react-redux'\nimport DesktopNav from './DesktopNav'\nimport MobileNav from './MobileNav'\nimport {OpenModal} from \"../../../../../modal_manager/actions/ModalActions\";\n\nimport './topbar.css'\n\n\n\nfunction BOTopBar(props) {\n\n const [isMobileview, setIsMobileview] = useState(window.outerWidth < Config.MOBILE_BREAKPOINT);\n\n useEffect(() => {\n window.addEventListener('resize', updateMobileView);\n\n return () => {window.removeEventListener('resize', updateMobileView);}\n }, []);\n\n function updateMobileView() {\n setIsMobileview(window.outerWidth < Config.MOBILE_BREAKPOINT);\n }\n\n const navProps = {\n navMenu: props.nav_menu,\n openGiveRecognitionModal: props.openGiveRecognitionModal,\n openRedeemCertModal: props.openRedeemCertModal,\n\n accountGroup: props.accountGroup,\n accountIdeasEnabled: props.accountIdeasEnabled,\n accountLogo: props.accountLogo || 'https://rewardian-assets.s3.amazonaws.com/img/logo-crown.png',\n accountMainActiveColor: props.accountMainActiveColor,\n accountRecognitionsEnabled: props.accountRecognitionsEnabled,\n userRecognitionsEnabled: props.userRecognitionsEnabled,\n accountRedemptionsEnabled: props.accountRedemptionsEnabled,\n accountSecondaryColor: props.accountSecondaryColor,\n accountNavbarColor: props.accountNavbarColor,\n accountSubdomain: props.accountSubdomain,\n cartItemsCount: props.cartItemsCount,\n custom_idea_enabled: props.custom_idea_enabled,\n customShopLandingCategoryId: props.customShopLandingCategoryId,\n disableShop: props.disableShop,\n disableShoppingCart: props.disableShoppingCart,\n hideFaqs: props.hideFaqs,\n hideNavbarProfileBlock: props.hideNavbarProfileBlock,\n hidePointsForAccount: props.hidePointsForAccount,\n hide_all_icon_options: props.hide_all_icon_options,\n iconColor: props.accountSubdomain === 'chef' ? '#eb6852' : CommonStyles.progressOrange,\n is_taj_sub_account: props.is_taj_sub_account,\n otsEnabled: props.otsEnabled,\n userOtsEnabled: props.userOtsEnabled,\n pending_moderations_count: props.pending_moderations_count,\n shop_link: props.shop_link,\n showOnlyShop: props.showOnlyShop,\n theme: props.accountTheme,\n unreadCnt: props.unreadCnt,\n userHasAccessToAoAccount: props.userHasAccessToAoAccount,\n userIsModerator: props.userIsModerator,\n userImage: props.userImage,\n userIsRegionalBusinessManager: props.userIsRegionalBusinessManager,\n userFirstName: props.userFirstName,\n userLastName: props.userLastName,\n userName: props.userName,\n userPointBalance: props.userPointBalance,\n userTitle: props.userTitle,\n userWalletBalanceInPoints: props.userWalletBalanceInPoints,\n walletModuleNamings: props.walletModuleNamings,\n walletsEnabled: props.walletsEnabled,\n accountLogoUrl: props.accountLogoUrl,\n };\n\n return (\n\n (isMobileview)\n ?\n \n
\n\n \n \n \n \n \n \n \n\n {\n (+props.unreadCnt > 0) &&\n \n {props.unreadCnt}\n \n }\n\n \n\n {\n setMobileNavOpen(false);\n setSearchActive(true);\n }}\n >\n \n \n\n
\n }\n \n \n }\n\n \n\n \n {t('common.logOut')}\n
\n\n \n \n\t\t\t
\n )\n}\n\n// Textarea.propTypes = {\n// style: PropTypes.string,\n// className: PropTypes.string,\n// color: PropTypes.string,\n// };\n\nexport default Textarea\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport {Dot, Row, Col, Spacer, Link, Icon, Text} from '../'\n\n\nconst ModuleContainer = (props) => {\n\t\n\t/* [START] Right Link Customization */\n\tlet rightLinkFontSize = 0.65\n\tif(props.rightLinkSize){\n\t\trightLinkFontSize = props.rightLinkSize\n\t}\n\tconst rightLabel = props.rightLinkText ? \n \n {errorText}\n \n
\n }\n\n {\n +props.minLength > 0 &&\n \n {t('common.textareaMinChars', {minChars: props.minLength})} \n {\n !!props.value &&\n {props.value.length} \n }\n
\n }\n\n \n\t\t\t{\n\t\t\t\t!props.hideTitle \n\t\t\t\t&&\n\t\t\t\t\n\t\t\t\t\t{props.title} \n\t\t\t\t\t\t\t: props.title\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tprops.iconName &&\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n }\n\t\t\t{\n\t\t\t\tprops.subtitle &&\n\t\t\t\t\n\t\t\t\t\t{ props.subtitle } \n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t}\n\n\t\t\t{\t!props.noSeparator &&\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t}\n\n\t\t\t\n\t\t\t\t
\n\t\t
\n\t)\n}\n\n// ModuleContainer.propTypes = {\n// \ttitle: PropTypes.oneOfType([\n// \t\tPropTypes.string,\n// \t\tPropTypes.element //a react element\n// \t]),\n// \tnoSeparator: PropTypes.bool,\n// }\n\nexport default ModuleContainer\n\n\n","import React, {PureComponent} from 'react'\nimport {\n Dot, Icon, Spacer, Text,\n Row, Col, SearchAndAutosuggest, Divider,\n ModuleContainerTabbed, Button\n} from '../building_blocks';\nimport PaginatedCustomTable from '../building_blocks/PaginatedCustomTable'\nimport BackToReportsLink from './AO/BackToReportsLink'\nimport * as EndPoints from '../../services/API/EndPoints'\nimport CommonStyles from '../../styles/CommonStyles'\nimport {startCase} from '../../helpers'\nimport Config from '../../config'\nimport { withTranslation } from 'react-i18next';\nimport {connect} from 'react-redux'\nimport {Redirect} from 'react-router-dom'\nimport moment from 'moment'\nimport _ from 'lodash'\n\nimport './AO/reports.css'\nimport {CloseModal, OpenModal} from \"../modal_manager/actions/ModalActions\";\nimport Confirm from '../building_blocks/Confirm';\nimport SparkMD5 from 'spark-md5';\nimport axios from 'axios';\n\n// Keep just in case. BE returns \"Paid\", \"Pending\"\nexport const labelSaleStatus = (status) => {\n if (status === 'approved') {\n return 'Paid';\n }\n\n return _.startCase(status);\n};\n\nclass SalesReport extends PureComponent {\n\n constructor(props) {\n super(props);\n\n this.state = {\n redirect_to: null,\n show_filters: false,\n selected_account: null,\n additional_fields: [],\n meta_fields: {},\n refreshHash: 0,\n dataForModal: {},\n selected_sales_ids: [],\n bulk_selection_actions_disabled: false,\n checkboxTableHash: SparkMD5.hash('sales_report_' + props.account.id + props.user_id),\n bulk_result_status: null,\n bulk_result_message: null,\n bulk_request_in_progress: false,\n };\n\n this.onAccountChange = this.onAccountChange.bind(this);\n this.toggleShowFilters = this.toggleShowFilters.bind(this);\n this.setAdditionalFields = this.setAdditionalFields.bind(this);\n this.selectedRowsData = this.selectedRowsData.bind(this);\n this.bulkProcessSalesButtonsJsx = this.bulkProcessSalesButtonsJsx.bind(this);\n this.approveSales = this.approveSales.bind(this);\n }\n\n\n componentDidMount() {\n this.componentActive = true;\n\n this.setState({\n checkboxTableHash: SparkMD5.hash('sales_report_' + this.props.account.id + this.props.user_id)\n });\n }\n\n\n componentWillUnmount() {\n this.componentActive = false;\n }\n\n\n componentDidUpdate(prevProps, prevState, snapshot) {\n if (this.state.dataForModal !== prevState.dataForModal) {\n return this.props.openSaleModal(this.state.dataForModal);\n }\n }\n\n componentWillReceiveProps(nextProps) {\n\n if (JSON.stringify(this.props) != JSON.stringify(nextProps)) {\n\n this.setState({\n checkboxTableHash: SparkMD5.hash('sales_report_' + nextProps.account.id + nextProps.user_id)\n });\n }\n }\n\n onAccountChange(option) {\n this.setState({\n selected_account: option\n });\n }\n\n\n toggleShowFilters() {\n this.setState({\n show_filters: !this.state.show_filters,\n });\n }\n\n setAdditionalFields(data) {\n\n this.setState({\n additional_fields: data\n })\n }\n\n selectedRowsData(data) {\n\n this.setState({\n selected_sales_ids: data.selected_ids || [],\n });\n }\n\n toggleBulkActionsDisabled(disabled) {\n\n if (disabled !== null) {\n this.setState({\n bulk_selection_actions_disabled: disabled\n });\n }\n }\n\n bulkProcessSalesButtonsJsx() {\n\n let jsx = null;\n\n const bulkActionsDisabled = this.state.bulk_selection_actions_disabled || this.state.bulk_request_in_progress || this.state.selected_sales_ids.length <= 0;\n\n if (this.props.user_can_moderate_sales) {\n\n const num_sales = this.state.selected_sales_ids.length;\n\n jsx = (\n \n \n
\n \n );\n }\n\n return jsx;\n }\n\n approveSales() {\n\n this.setState({\n bulk_request_in_progress: true,\n bulk_result_status: null,\n bulk_result_message: null,\n });\n\n if (!this.state.selected_sales_ids || !this.state.selected_sales_ids.length || !this.state.selected_sales_ids.length > 0 || !this.componentActive) {\n\n this.setState({\n bulk_request_in_progress: false,\n bulk_result_status: 'error',\n bulk_result_message: 'Failed to send request. Please select at least one sale.',\n });\n\n return;\n }\n\n axios({\n method: 'POST',\n url: `${Config.API_BASE_URL}${EndPoints.bulkApproveSales}`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n table_hash: this.state.checkboxTableHash,\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n }\n })\n .then(response => {\n\n if (this.componentActive && response.data) {\n\n const result_status = response.data.resultStatus ? response.data.resultStatus : 'error';\n const result_message = response.data.resultMsg ? response.data.resultMsg : 'Failed to approve sales.';\n const result_order_ids = response.data.orderIds ? response.data.orderIds : [];\n\n this.setState({\n bulk_request_in_progress: false,\n bulk_result_status: result_status,\n bulk_result_message: result_message,\n refreshHash: this.state.refreshHash + 1,\n });\n }\n })\n .catch(error => {\n\n if (this.componentActive) {\n\n this.setState({\n bulk_request_in_progress: false,\n bulk_result_status: 'error',\n bulk_result_message: error,\n });\n }\n });\n\n }\n\n\n render() {\n\n let headerCols = [];\n\n if (this.props.account && this.props.account.str_id && this.props.account.str_id === 'widia') {\n /**\n * Custom Column Header for Widia\n * Owner to Account Administrator\n * Removed Title\n */\n\n } else {\n\n headerCols.push(\n {\n Header: () => \n {this.props.t('sales.owner')} \n
,\n accessor: 'owner_name',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 125,\n });\n\n headerCols.push(\n {\n Header: () => \n {this.props.t('sales.ownerStatus')} \n
,\n accessor: 'owner_status',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 125,\n Cell: (row) => (row.original.owner_status && row.original.owner_status == '1') ? this.props.t('common.active') : this.props.t('common.inactive'),\n Filter: ({filter, onChange}) =>\n \n {this.props.t('sales.saleStatus')} \n
,\n accessor: 'status',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 150,\n Cell: (row) => labelSaleStatus(row.original.status),\n Filter: ({filter, onChange}) =>\n \n {startCase(field)} \n
,\n accessor: field,\n headerClassName: 'no-borders',\n className: '',\n });\n });\n }\n\n if (this.props.account.additional_group_fields &&\n this.props.account.additional_group_fields.length > 0\n ) {\n this.props.account.additional_group_fields.map((field) => {\n\n if (field === 'sales_representatives') {\n headerCols.push({\n Header: () => (\n \n Name: {name}
\nParticipant ID: {participant_id} \n
\n )\n });\n }\n return 'N/A';\n }\n });\n }\n });\n\n }\n\n if (this.props.sale_account_type == Config.SALES_ACCOUNT_TYPES.SUPPLIER) {\n\n headerCols.splice(1, 0, {\n Header: () => \n
\n\n {\n this.props.aoReport\n ?\n <>\n \n\n \n \n {\n (\n this.props &&\n this.props.is_taj_sub_account\n )\n ? 'Select Hotel'\n : 'Select Account'\n }\n \n }\n />\n : null\n }\n \n
\n\n \n \n :\n null\n }\n\n \n
\n\n {\n this.state.redirect_to &&\n \n }\n
\n )\n }\n}\n\n\nfunction mapPropsToState(state, props) {\n return {\n account: state.account,\n userRole: state.user.role,\n user_id: state.user.id,\n is_taj_sub_account: (state.account && state.account.is_taj_sub_account && state.account.is_taj_sub_account == 1) ? true : false,\n is_ginger_account: (state.account && state.account.is_ginger_account && state.account.is_ginger_account == 1) ? true : false,\n sales_module_enabled: state.account && state.account.sales_module_enabled && state.account.sales_module_enabled == 1,\n sale_account_type: (state.account && state.account.sale_account_type) ? state.account.sale_account_type : '',\n user_custom_role: (state.user && state.user.custom_role) ? state.user.custom_role : '',\n pending_sales_enabled: (state.account && state.account.pending_sales_enabled && state.account.pending_sales_enabled == 1) ? true : false,\n user_can_moderate_sales: (state.user && state.user.can_moderate_sales && state.user.can_moderate_sales == 1) ? true : false,\n }\n}\n\nfunction mapDispatchToProps(dispatch, ownProps) {\n return {\n openSaleModal: (dataForModal) => {\n dispatch(OpenModal('sale', dataForModal));\n },\n };\n}\n\nexport default connect(mapPropsToState, mapDispatchToProps)(withTranslation()(SalesReport));\n","import React, {PureComponent} from 'react'\nimport {SingleDatePicker} from 'react-dates'\nimport PropTypes from 'prop-types'\nimport moment from 'moment'\n\nimport './SingleDatePicker.css'\nimport Text from \"../Text\"\nimport Spacer from \"../Spacer\"\n\n\n/**\n * Implements the bare minimums for the SingleDatePicker Component from react-dates\n */\nclass CustomSingleDatePicker extends PureComponent {\n\n constructor(props) {\n super(props);\n\n this.state = {\n focused: false,\n };\n\n this.onFocusChange = this.onFocusChange.bind(this);\n }\n\n onFocusChange({focused}) {\n this.setState({\n focused\n });\n }\n\n componentWillReceiveProps(nextProps, context) {\n if (nextProps.focused !== this.state.focused) { // boolean\n this.setState({\n focused: nextProps.focused\n });\n }\n }\n\n\n render() {\n\n const { text, ...remaingingProps } = this.props;// Destructuring assignment\n\n return (\n \n
\n \n \n \n Filters \n
\n \n 18)\n // We are using 15.1.0\n // id={this.props.id} PropTypes.string.isRequired,\n\n // Append other props to be passed to the SingleDatePicker\n {...remaingingProps}\n />\n {\n this.props.text &&\n
\n );\n }\n\n\n}\n\nCustomSingleDatePicker.propTypes = {\n onDateChange: PropTypes.func.isRequired,\n text: PropTypes.string,\n\n // Below - is only required on \"react-dates\" version (> 18)\n // We are using 15.1.0\n // id: PropTypes.string.isRequired,\n\n date: PropTypes.instanceOf(moment),\n focused: PropTypes.bool\n};\n\n\nexport default CustomSingleDatePicker;","import React, {useState} from 'react'\nimport {connect} from 'react-redux'\n\nimport {\n Col, Icon, Info, Row, Text\n} from '../building_blocks'\nimport PaginatedCustomTable from '../building_blocks/PaginatedCustomTable'\n\nimport Config from '../../config'\nimport * as EndPoints from '../../services/API/EndPoints'\nimport CommonStyles from '../../styles/CommonStyles'\n\nimport {startCaseAndReplaceCharacters} from '../../helpers'\n\nimport moment from 'moment'\n\nfunction UserPointsEarningsReport(props) {\n\n const [fetch_list_api_response_status, setFetchListApiResponseStatus] = useState('');\n const [fetch_list_api_response_message, setFetchListApiResponseMessage] = useState('');\n const [show_filters, setShowFilters] = useState(false);\n const isWidiaSubdomain = (props.account && props.account.subdomain == 'widia');\n const salesModuleEnabled = (props.account && props.account.sales_module_enabled && props.account.sales_module_enabled == 1);\n\n const filters = props.filters || {};\n let defaultSelectedRole = 'all';\n\n if (props.user\n && props.user.widia_role\n && [Config.WIDIA_USER_ROLES.WIDIA_SALES_REP, Config.WIDIA_USER_ROLES.WIDIA_SALES_REP_MANAGER].includes(props.user.widia_role)\n && !filters.widia_role\n ) {\n\n // set customer as default filter for WSR and WSM\n filters.widia_role = Config.WIDIA_USER_ROLES.CUSTOMER;\n defaultSelectedRole = filters.widia_role;\n }\n\n const header_cols = [\n {\n Header: () => \n \n {this.props.text}\n \n
\n }\n \n\t\t \n\t\t
\n\t)\n}\n\n// CustomCheckbox.propTypes = {\n// value: PropTypes.oneOfType([\n// \tPropTypes.string,\n// \tPropTypes.number,\n// \tPropTypes.bool,\n// ]),\n// className: PropTypes.string,\n// }\n\nexport default CustomCheckbox;\n\n\n\n\n\n\n\n","import {PureComponent} from 'react'\nimport DateRangePicker from '../DateRangePicker'\nimport PropTypes from 'prop-types'\nimport React from 'react'\n\nimport moment from 'moment'\n\n\nclass GraphsDateRangePicker extends PureComponent {\n\n constructor(props) {\n\n super(props);\n\n this.state = {\n // Both only used for initial values\n startDate: props.startDate || null,\n endDate: props.endDate || null,\n\n focusedInput: null,\n };\n\n this.onDateRangeFocusChange = this.onDateRangeFocusChange.bind(this);\n this.onDatesChange = this.onDatesChange.bind(this);\n\n }\n\n onDateRangeFocusChange(focusedInput) {\n\n if (this.state.focusedInput != focusedInput) {\n this.setState({\n focusedInput\n });\n }\n } // required by {item.value}
\n }\n }\n ];\n } else if (filters['group_by'] === 'brand') {\n header_cols = [\n {\n Header: () => \n {\n !_.isEmpty(surveys) &&\n surveys.map((survey, idx) => (\n
\n );\n}\n\nexport default SurveyList;\n\n","import React, { useState, useEffect } from 'react';\nimport { ModuleContainer, Spacer, Text, Textarea, Row, Col, Info } from '../building_blocks';\nimport CommonStyles from '../../styles/CommonStyles';\nimport Button from '../building_blocks/Button';\nimport moment from 'moment';\nimport axios from 'axios';\nimport Config from '../../config';\nimport Confirm from '../building_blocks/Confirm';\nimport { useSelector } from 'react-redux';\n\nfunction UserDetailNotes(props) {\n\n const [note, setNote] = useState('');\n const [notes, setNotes] = useState([]);\n const [save_api_call, setSaveApiCall] = useState(false);\n const [fetch_api_call, setFetchApiCall] = useState(true);\n const [save_api_response, setSaveApiResponse] = useState(null);\n const [delete_note_id, setDeleteNoteId] = useState(null);\n const [edit_note_id, setEditNoteId] = useState(null);\n\n const user = useSelector(state => state.user);\n const account = useSelector(state => state.account);\n\n useEffect(() => {\n\n if (!account.user_detail_notes_enabled || account.user_detail_notes_enabled != 1) {\n return () => false;\n }\n\n if (!fetch_api_call) {\n return () => false;\n }\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}/users/api_get_user_detail_notes`,\n headers: {\n 'Content-Type': 'text/plain',\n },\n withCredentials: true,\n data: {\n payload: {\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n user_id: props.userId,\n }\n },\n })\n .then((res) => {\n\n if (res.data.resultStatus === 'success' && res.data.notes) {\n\n setNotes(res.data.notes);\n }\n })\n .finally(res => {\n setFetchApiCall(false);\n });\n\n }, [fetch_api_call]);\n\n useEffect(() => {\n\n if (!account.user_detail_notes_enabled || account.user_detail_notes_enabled != 1) {\n return () => false;\n }\n\n if (!save_api_call) {\n return () => false;\n }\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}/users/api_save_user_detail_note`,\n headers: {\n 'Content-Type': 'text/plain',\n },\n withCredentials: true,\n data: {\n payload: {\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n note_text: note,\n user_id: props.userId,\n note_id: edit_note_id,\n }\n },\n })\n .then((res) => {\n\n if (res.data) {\n\n setSaveApiResponse(res.data);\n\n if (res.data.resultStatus === 'success') {\n\n setFetchApiCall(true);\n setNote('');\n setEditNoteId(null);\n }\n } else {\n setSaveApiResponse({\n resultStatus: 'error',\n resultMsg: 'Server error',\n });\n }\n\n })\n .finally(res => {\n setSaveApiCall(false);\n });\n\n }, [save_api_call]);\n\n useEffect(() => {\n\n if (!account.user_detail_notes_enabled || account.user_detail_notes_enabled != 1) {\n return () => false;\n }\n\n if (!delete_note_id) {\n return () => false;\n }\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}/users/api_delete_user_detail_note`,\n headers: {\n 'Content-Type': 'text/plain',\n },\n withCredentials: true,\n data: {\n payload: {\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n note_id: delete_note_id,\n }\n },\n })\n .then((res) => {\n\n if (res.data) {\n\n if (res.data.resultStatus === 'success') {\n\n setFetchApiCall(true);\n setNote('');\n }\n }\n\n })\n .finally(res => {\n setDeleteNoteId(false);\n });\n\n }, [delete_note_id]);\n\n function getNotesJsx() {\n\n let jsx = null;\n\n if (notes.length > 0) {\n\n jsx = notes.map(existing_note => {\n\n return (\n \n \n {existing_note.commenter_name} \n \n {moment(existing_note.updated_at).format('ddd MMM Do, YYYY [at] h:ma')} \n \n
\n \n \n {existing_note.note_text}\n \n }\n \n {\n (existing_note.commenter_id == user.id) // only original user can edit or delete their own notes\n ?\n {setEditNoteId(existing_note.id); setNote(existing_note.note_text);}}>Edit \n | \n {\n Confirm(\n 'Are you sure you want to delete this note?'\n , {\n modalHeader: 'Delete Note',\n cancelLabel: 'No, Do not Delete',\n deleteLabel: 'Yes, Delete',\n }).then(\n (result) => {\n // `proceed` callback\n setDeleteNoteId(existing_note.id)\n },\n (result) => {\n // `cancel` callback - do noting\n }\n )\n }}>Delete \n \n :\n null\n }\n
\n
\n
\n );\n });\n\n }\n\n return jsx;\n }\n\n if (!account.user_detail_notes_enabled || account.user_detail_notes_enabled != 1) {\n return null;\n }\n\n return (\n \n setNote(e.target.value)}\n name={'note'}\n height={80}\n disabled={save_api_call}\n />\n
\n :\n \n \n \n
\n \n
\n\n \n
\n );\n}\n\nexport default UserDetailNotes;","import React, {useEffect, useState} from 'react'\nimport SalesReport from '../../reports/SalesReport'\nimport SalesGraphs from '../../sales/SalesGraphs'\nimport {connect} from 'react-redux'\nimport {Row, Col, Text, Button, Select, Spacer, ModuleContainer, Info} from '../../building_blocks'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport axios from 'axios'\nimport Config from '../../../config'\nimport * as EndPoints from '../../../services/API/EndPoints'\nimport CustomersTable from '../../preferred_distributors/BO/CustomersTable'\nimport UserPointsEarningsReport from '../../reports/UserPointsEarningsReport'\nimport UserDetailNotes from '../../user/UserDetailNotes'\nimport SalesMonthlySpendReport from \"../../reports/SalesMonthlySpendReport\";\n\n\nfunction EmployeeDetailBlockExtra(props) {\n\n const [customer_id, setCustomerId] = useState(null);\n const current_customer_id = props.employee && props.employee.id ? props.employee.id : '';\n\n if (current_customer_id != customer_id) {\n setCustomerId(current_customer_id);\n }\n const customerChanged = customer_id != current_customer_id;\n\n\n const current_dsr = getCustomersDSR();\n const current_dsr_id = current_dsr.id || '';\n\n const [dsr_id, setDsrId] = useState(current_dsr_id);\n\n if (customerChanged) { //Acts as a reload\n // When you select a new Customer from the left panel, we need to reset/re-render the dsr list for that customer\n // Need to set the current dsr id to re-render the component so the select option will update to the correct DSR\n setDsrId(current_dsr_id);\n }\n\n const [send_api_call, setSendApiCall] = useState(false);\n\n const [api_response_status, setApiResponseStatus] = useState('');\n const [api_response_message, setApiResponseMessage] = useState('');\n const [reload_tables_hash, setReloadTablesHash] = useState(Math.random().toString(36));\n\n useEffect(() => {\n\n if (send_api_call) {\n\n let response_status = 'error';\n let response_message = 'Failed to update.';\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}${EndPoints.widiaAssignCustomersToDsr}`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n dsr_id: dsr_id,\n customer_id: customer_id,\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n })\n .then(res => {\n\n if (res.data && res.data.resultStatus && res.data.resultMsg) {\n\n response_status = res.data.resultStatus;\n response_message = res.data.resultMsg;\n }\n\n setSendApiCall(false);\n setApiResponseStatus(response_status);\n setApiResponseMessage(response_message);\n\n })\n .catch(error => {\n\n setSendApiCall(false);\n setApiResponseStatus(response_status);\n setApiResponseMessage(response_message);\n });\n }\n\n }, [send_api_call]);\n\n function getCustomersDSR() {\n\n let distributor_sales_rep = {};\n const dsr_list = props.user && props.user.dsr_list ? props.user.dsr_list : [];\n\n if (dsr_list && props.employee) {\n\n dsr_list.forEach((dsr) => {\n\n if (dsr.participant_id == props.employee.distributor_sales_rep_participant_id) {\n distributor_sales_rep = dsr;\n }\n\n });\n }\n\n return distributor_sales_rep;\n }\n\n function getDsrDropdownList() {\n\n const dsr_dropdown_list = [{value: '', label: 'Select'}];\n const dsr_list = props.user && props.user.dsr_list ? props.user.dsr_list : [];\n\n dsr_list.forEach((dsr) => {\n dsr_dropdown_list.push({value: dsr.id, label: dsr.full_name});\n });\n\n return dsr_dropdown_list;\n }\n\n /**\n * Gets the DSR select drop-down component to update a Customer's DSR.\n */\n function getCustomerDsrSelectionJsx() {\n\n let jsx = null;\n\n if (props.user && props.user.widia_role && props.user.widia_role == Config.WIDIA_USER_ROLES.DISTRIBUTOR &&\n props.employee && props.employee.widia_role && props.employee.widia_role == Config.WIDIA_USER_ROLES.CUSTOMER) {\n\n jsx = (\n \n {getNotesJsx()}\n \n setNote(e.target.value)}\n name={'note'}\n height={80}\n disabled={edit_note_id || save_api_call}\n />\n
\n
\n \n\n \n \n
\n {\n (save_api_response && save_api_response.resultStatus && save_api_response.resultStatus == 'error')\n ?\n \n \n {save_api_response.resultMsg}\n \n
\n :\n null\n }\n \n \n
\n );\n }\n\n return jsx;\n }\n\n function getDsrCustomersTableJsx() {\n\n let jsx = null;\n\n if (props.user && props.user.widia_role && props.user.widia_role == Config.WIDIA_USER_ROLES.DISTRIBUTOR &&\n props.employee && props.employee.widia_role && props.employee.widia_role == Config.WIDIA_USER_ROLES.DISTRIBUTOR_SALES_REP) {\n\n jsx = (\n \n \n \n \n
\n \n \n Distributor Sales Rep: \n \n setDsrId(e.target.value)}\n name={'dsrList'}\n className={'w-100'}\n />\n \n
\n {\n (api_response_status && api_response_message)\n ?\n \n
\n :\n null\n }\n
\n \n \n {api_response_message}\n \n
\n \n \n
\n );\n\n }\n\n return jsx;\n }\n\n function getSalesDataJsx(subdomain) {\n\n let jsx = null;\n\n if (props.account\n && props.account.sales_module_enabled\n && props.account.sales_module_enabled == 1\n && props.employee\n && !props.employee.hide_sale_report_graphs_emp_detail_block\n ) {\n\n const employee_id = (props.employee && props.employee.id) ? props.employee.id : '';\n\n if (props.user.id && employee_id == props.user.id) {\n return null; // don't render sales data if it is the current user\n }\n\n const custom_role_key_name = (props.account && props.account.custom_user_role_name) ? props.account.custom_user_role_name : 'custom_role';\n\n let custom_user_role = props.user[custom_role_key_name];\n if (custom_user_role && typeof custom_user_role == 'string') {\n\n // format custom roles, ex: 'Sales Rep ' becomes 'sales_rep'\n custom_user_role = custom_user_role.toLowerCase().trim().replace(' ', '_');\n }\n\n let custom_employee_role = props.employee[custom_role_key_name];\n if (custom_employee_role && typeof custom_employee_role == 'string') {\n\n // format custom roles, ex: 'Sales Rep ' becomes 'sales_rep'\n custom_employee_role = custom_employee_role.toLowerCase().trim().replace(' ', '_');\n }\n\n if (custom_employee_role == 'customer_employee' || custom_user_role == 'customer_employee') {\n return null; // customer employees share sales data with their customers\n }\n\n let userEarningsReportProps = {\n filters: {\n user_id: employee_id,\n },\n };\n\n if (props.account && props.account.subdomain && props.account.subdomain != 'widia') {\n\n // new sales earnings points report for non-widia clients\n userEarningsReportProps.reportType = 'sales_monthly_points_earnings_report';\n }\n\n jsx = (\n\n \n \n
\n \n
\n \n setReloadTablesHash(hash)}/>\n
\n \n\n \n\n \n \n\n
\n );\n }\n\n return jsx;\n }\n\n function getUserDetailNotesJsx() {\n\n let jsx = null;\n\n if (props.user.role == Config.USER_ROLE_AO && props.account.user_detail_notes_enabled == 1) {\n\n jsx = \n
\n \n }\n\n\n {\n (\n props.account && props.account.subdomain && props.account.subdomain != 'widia'\n &&\n (\n [Config.SALES_CUSTOM_ROLES.SALES_REP].includes(custom_user_role)\n ||\n (props.user && props.user.role && props.user.role == Config.USER_ROLE_AO)\n )\n )\n ?\n \n\n \n\n
\n :\n null\n }\n\n \n
\n\n \n
\n\n \n
\n \n\n {userDetailNotesJsx}\n\n {customerDsrSelectionJsx && customerDsrSelectionJsx}\n\n {dsrCustomersTableJsx && dsrCustomersTableJsx}\n\n {salesDataJsx && salesDataJsx}\n\n
);\n break;\n\n case 'generic':\n default:\n\n extraJsx = (\n \n\n {userDetailNotesJsx}\n\n {salesDataJsx && salesDataJsx}\n\n
\n );\n\n break;\n }\n\n return extraJsx;\n}\n\nfunction mapPropsToState(state, props) {\n return {\n user: state.user,\n account: state.account,\n }\n}\n\nfunction mapDispatchToProps(dispatch, ownProps) {\n return {};\n}\n\nexport default connect(mapPropsToState, null)(EmployeeDetailBlockExtra);\n","import React from 'react'\nimport _ from 'lodash'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport PropTypes from 'prop-types'\nimport './icon.css'\n\n\nfunction Icon(props) {\n\n\tlet textColor = CommonStyles.gray2;\n\tlet fontSize = '1rem';\n\tlet lineHeight = '1rem';\n\tlet iconName = props.name;\n\tconst fontAwesomeIcon = (props.type && (props.type === 'font-awesome' || props.type === 'fontawesome' || props.type === 'fontAwesome'));\n\t\n\n\n\n\tif (props.color || props.textColor) {\n\t\ttextColor = props.color;\n\t}\n\n\t\n\tif (props.size) {\n\t\tif (typeof props.size === 'string') {\n\t\t\tfontSize = props.size;\n\t\t} else {\n\t\t\tfontSize = props.size + 'rem';\n\t\t}\n\n\t\tlineHeight = fontSize;\n\t}\n\tif (props.lineHeight) {\n\t\tif (typeof props.lineHeight === 'string' && _.includes(props.lineHeight, 'rem')) {\n\t\t\tlineHeight = props.lineHeight;\n\t\t} else {\n\t\t\tlineHeight = props.lineHeight + 'rem';\n\t\t}\n\t}\n\n\tif (props.name) {\n\t\tif (fontAwesomeIcon) {\n\t\t\tif (!props.name.includes('fa-')) {\n\t\t\t\ticonName = 'fa fa-' + props.name\n\t\t\t} else {\n\t\t\t\ticonName = props.name\n\t\t\t}\n\t\t\t\n\t\t} else {\n\t\t\tif (_.includes(props.name, 'icon-')) {\n\t\t\t\ticonName = props.name\n\t\t\t} else {\n\t\t\t\ticonName = 'icon-' + props.name\n\t\t\t}\n\t\t}\n\t}\n\n\tconst ClassNames = [iconName];\n\t// if (textColor == CommonStyles.darkBlue || textColor == CommonStyles.darkBlue1) {\n\t// \tClassNames.push('primary-color-text');\n\t// }\n\tif (props.primary) {\n\t\tClassNames.push('primary-color-text');\n\t}\n\n\n\tlet fontWeight = null;\n\n\tif (!fontAwesomeIcon) { //FA icons break when we specify a font weight that is not supported\n\n\t\tfontWeight = 200;\n\t\tif (props.fontWeight) {\n\t\t\tfontWeight = props.fontWeight;\n\t\t}\n\t\tif (props.bold) {\n\t\t\tfontWeight = 600;\n\t\t}\n\t}\n\t\n\n\tconst style = {\n\t\tcolor: textColor,\n\t\tfontSize: fontSize,\n\t\tlineHeight: lineHeight,\n\t\tfontWeight: fontWeight,\n\t\t...props.style,\n\t}\n\t\n\tif (props.block) {\n\t\tstyle.display = 'block';\n\t}\n\n\n\tif (props.className) {\n\t\tClassNames.push(props.className);\n\t}\n\n\treturn {props.children}\n}\n\n// Icon.propTypes = {\n \n// name: PropTypes.string,\n// color: PropTypes.string,\n// textColor: PropTypes.string,\n// className: PropTypes.string,\n\n// size: PropTypes.oneOfType([\n// \tPropTypes.string,\n// \tPropTypes.number,\n// ]),\n\n// lineHeight: PropTypes.oneOfType([\n// \tPropTypes.string,\n// \tPropTypes.number,\n// ]),\n// }\n\nexport default Icon\n\n\n\n","import React, {PureComponent} from 'react'\nimport PropTypes from 'prop-types'\nimport {Button, ModuleContainer, Text, Row, Col} from '../../building_blocks'\nimport _ from 'lodash'\nimport { connect } from 'react-redux'\n\n\nclass ModuleContainerTabbed extends PureComponent {\n\n constructor(props) {\n super(props);\n\n this.state = {\n active_tab: props.activeTab,\n };\n\n this.handleHashChange = () => {\n const hash = window.location.hash.replace('#', '');\n if (!_.isEmpty(this.props.tabs[hash])) {\n this.setState({\n active_tab: hash\n });\n }\n }\n\n this.getTabsJSX = this.getTabsJSX.bind(this);\n this.getPanelJSX = this.getPanelJSX.bind(this);\n this.setActiveTab = this.setActiveTab.bind(this);\n }\n\n componentDidMount() {\n // Add a listener for the hashchange event\n window.addEventListener('hashchange', this.handleHashChange);\n }\n\n componentWillUnmount() {\n // Remove the listener for the hashchange event\n window.removeEventListener('hashchange', this.handleHashChange);\n }\n\n /**\n * Gets the tab buttons.\n *\n * @returns {Array}\n */\n getTabsJSX() {\n\n let tabsJSX = [];\n\n if (this.props.tabs) {\n\n let innerJsx = [];\n const accent_color = (this.props.account && this.props.account.accent_color) ? this.props.account.accent_color : 'black';\n const tabs = Object.keys(this.props.tabs);\n const colStyle = {\n borderBottom: `1px solid ${accent_color}`\n };\n const firstColStyle = {\n ...colStyle,\n paddingLeft: '0',\n marginLeft:'15px',\n };\n const lastColStyle = {\n ...colStyle,\n paddingRight: '0',\n marginRight:'15px',\n };\n\n // do not render tab buttons\n if (tabs.length <= 1) {\n return;\n }\n\n tabs.forEach((tab_name, i) => {\n\n const active_tab = tab_name == this.state.active_tab;\n\n if (this.props.modernTabs) {\n // new tabs style\n innerJsx.push(\n \n {tabsJSX}\n \n {panelJSX}\n \n
\n );\n }\n}\n\nfunction mapStoreToProps(state, props){\n return {\n user: state.user,\n account: state.account,\n };\n}\n\nexport default connect(mapStoreToProps, null)(ModuleContainerTabbed);\n\n\n","import React from 'react'\nimport './divider.css'\n\nfunction Divider(props) {\n\n\tconst classNames = ['divider'];\n\tconst style = {};\n\n\tlet mTop = 0;\n\tif (props.mTop) {\n\t\tmTop = props.mTop;\n\t\t// classNames.push('marg-t-' + mTop);\n\t\tstyle.marginTop = mTop + 'px';\n\t}\n\n\tlet mBot = 0;\n\tif (props.mBot) {\n\t\tmBot = props.mBot;\n\t\t// classNames.push('marg-b-' + mBot);\n\t\tstyle.marginBottom = mBot + 'px';\n\t}\n\n\tif (props.color) {\n\t\tstyle.backgroundColor = props.color;\n\t}\n\tif (props.light) {\n\t\tstyle.backgroundColor = '#eaeaea';\n\t}\n\n\tif (props.className) {\n\t\tclassNames.push(props.className);\n\t}\n\n\n\treturn \n}\n\nexport default Divider;","export default {\n\tgreen: '#8BC244',\n\tpink: '#E51F96',\n\tlightPink: '#F521A0',\n\tyellow: '#facf09',\n\tblue: '#06AFDA',\n\tdarkBlue: '#00568a',\n\tdarkBlue1:'#00558E',\n\torange: '#E48126',\n\terrorOrange: '#FF5722',\n\n\tdarkGreen: '#03586D',\n\tdarkGreen2: '#024252',\n\tdarkGreen3: '#022C37',\n\twhite: '#FFF',\n\n\tice: '#E9ECF3',\n\ticeGray: '#96a4b6',\n\n\tveryLightGray: '#f6f7fa',\n\tsmokeBgGray: '#e9ecf2',\n\tlightGray: '#D0D2D3',\n\tlightGray2: '#ABABAB',\n\tgrayBorder: '#96a4b4',\n\tgray: '#9C9E9E',\n\tgray1: '#61616B',\n\tgray2: '#68696A',\n\tgray3: '#343435',\n\tgray4: '#B5B5BC',\n\tgray5: '#898993',\n\tgrayCC: '#cccccc',\n\tactGray: '#444',\n\tgrayTopBar: '#434346',\n\tlabelFontColor: '#afb1b6',\n\tblack: '#000',\n\tINPUT_BORDER_COLOR: '#a3afbd',\n\n\tprogressOrange: '#e47f3a',\n\tprogressBlue: '#3178a2',\n\tprogressBgBlue: '#3377a5',\n\n\tmoduleSeparatorColor: '#97a5b4',\n\tfontFamily: \"'Muli', sans-serif\",\n\tactiveGreen: '#87c257',\n\trequiredRed: '#e2232c',\n\n\twidiaGreen: '#007934',\n\tnewBlue: '#2b8cfe',\n}\n\n\n\n\n\n","import React, {useEffect, useState} from \"react\"\nimport {isEmpty, truncate, reduce} from 'lodash'\nimport {\n Bar,\n BarChart,\n CartesianAxis,\n CartesianGrid,\n LabelList,\n Legend,\n Line,\n ResponsiveContainer,\n Text as ChartText,\n Tooltip,\n XAxis,\n YAxis\n} from \"recharts\"\nimport Config from \"../../../config\"\nimport * as EndPoints from \"../../../services/API/EndPoints\"\nimport axios from \"axios\";\nimport {LoadingScreen, Spacer, Text} from \"../../building_blocks\";\nimport CommonStyles from \"../../../styles/CommonStyles\";\nimport {useSelector} from \"react-redux\";\nimport {useTranslation} from \"react-i18next\";\n\n/**\n * @param filters\n * @param props\n * @return {*}\n * @constructor\n */\nfunction SalesEarnedBySupplier({filters}) {\n\n const { t } = useTranslation();\n const sale_account_type = useSelector(state => state.account.sale_account_type);\n const [loading, setLoading] = useState(false);\n const [data, setData] = useState([]);\n let noData;\n\n useEffect(() => {\n\n setLoading(true);\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}${EndPoints.getSalesGraphs}`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n graph_data_type: 'sales_earned_by_supplier',\n filters\n }\n }\n })\n .then((res) => {\n if (res.data.resultStatus === 'success') {\n setData(res.data.graph_data);\n }\n\n })\n .catch(err => {\n })\n .finally(() => {\n setLoading(false);\n });\n }, [filters]);\n\n\n if (loading) {\n noData = \n \n {\n sale_account_type === Config.SALES_ACCOUNT_TYPES.BUYING_GROUP ?\n 'Supplier Points Issued by Supplier'\n :\n t('sales.earnedPointsBySupplier')\n }\n\n \n \n\n {\n noData ?\n noData\n :\n <>\n \n \n \n \n truncate(v, {length: 20})}\n />\n {/*\n v.toLocaleString()}\n />\n \n \n \n \n }\n\n
\n )\n\n}\n\nexport default SalesEarnedBySupplier;\n","import React, { useEffect, useState } from 'react'\nimport { connect } from 'react-redux'\nimport PaginatedCustomTable from '../../building_blocks/PaginatedCustomTable'\nimport Config from '../../../config';\nimport * as EndPoints from '../../../services/API/EndPoints'\nimport { Button, Row, Col, Dot, Icon, Info, Select, Spacer, Text } from '../../building_blocks'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport Confirm from '../../building_blocks/Confirm'\nimport axios from 'axios'\nimport SparkMD5 from 'spark-md5'\nimport { startCaseAndReplaceCharacters } from '../../../helpers'\nimport moment from 'moment'\nimport _ from \"lodash\";\n\nfunction CustomersTable(props) {\n\n const current_dsr_id = (props.dsr && props.dsr.id) ? props.dsr.id : '';\n\n const [selected_customer_ids, setSelectedCustomerIds] = useState([]);\n const [search_text_final, setSearchTextFinal] = useState('');\n const [selected_account, setSelectedAccount] = useState('');\n const [show_filters, toggleShowFilters] = useState(false);\n const [dsr_id, setDsrId] = useState(current_dsr_id);\n const [send_api_call, setSendApiCall] = useState(false);\n const [api_response_status, setApiResponseStatus] = useState('');\n const [api_response_message, setApiResponseMessage] = useState('');\n const [table_hash, setTableHash] = useState(Math.random().toString(36));\n const [checkbox_table_hash, setCheckboxTableHash] = useState(SparkMD5.hash('customers_table_' + props.account.id + props.user.id + current_dsr_id));\n const [table_data, setTableData] = useState([]);\n\n function selectedRowsData(data) {\n\n if (!props.noCheckboxes) {\n setSelectedCustomerIds(data.selected_ids);\n }\n }\n\n function getDsrDropdownList() {\n\n const dsr_dropdown_list = [{value: '', label: 'Select'}];\n const dsr_list = props.user && props.user.dsr_list ? props.user.dsr_list : [];\n\n dsr_list.forEach((dsr) => {\n dsr_dropdown_list.push({value: dsr.id, label: dsr.full_name});\n });\n\n return dsr_dropdown_list;\n }\n\n function getSelectedDsrName() {\n\n let dsr_name = '';\n const dsr_list = props.user && props.user.dsr_list ? props.user.dsr_list : [];\n\n dsr_list.forEach((dsr) => {\n\n if (dsr.id == dsr_id) {\n\n dsr_name = dsr.full_name;\n }\n });\n\n return dsr_name;\n }\n\n function updateSelectedCustomersDSRJsx() {\n\n let jsx = null;\n let bulkActionsDisabled = selected_customer_ids.length <= 0 ? true : false;\n let dsr_name = getSelectedDsrName();\n\n if (!dsr_name) {\n dsr_name = ' selected DSR';\n }\n\n jsx = (\n (table_data && Array.isArray(table_data) && table_data.length && table_data.length > 0)\n ?\n \n Total for selected period: \n {reduce(data, (sum, n) => sum + n.earned_by_supplier, 0).toLocaleString()} \n
\n \n \n Change selected customers' sales rep to \n setDsrId(e.target.value)}\n name={'dsrList'}\n className={'marg-l-r-15'}\n />\n
\n\n \n \n {\n (api_response_status && api_response_message)\n ?\n // display bulk process API response\n
\n \n :\n null\n );\n\n return jsx;\n }\n\n useEffect(() => {\n\n if (send_api_call) {\n\n let response_status = 'error';\n let response_message = 'Failed to update.';\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}${EndPoints.widiaAssignCustomersToDsr}`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n dsr_id: dsr_id,\n table_hash: checkbox_table_hash,\n bulk_mode: 1,\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n })\n .then(res => {\n\n if (res.data && res.data.resultStatus && res.data.resultMsg) {\n\n response_status = res.data.resultStatus;\n response_message = res.data.resultMsg;\n\n if (res.data.resultStatus == 'success') {\n /**\n * Refresh the tables and graphs\n */\n const reloadHash = Math.random().toString(36);\n setTableHash(reloadHash);\n props.reloadTablesAndGraphsHash(reloadHash);\n }\n }\n\n setSendApiCall(false);\n setApiResponseStatus(response_status);\n setApiResponseMessage(response_message);\n\n })\n .catch(error => {\n\n setSendApiCall(false);\n setApiResponseStatus(response_status);\n setApiResponseMessage(response_message);\n });\n }\n\n }, [send_api_call]);\n\n const updateSelectedCustomersDSRJSX = updateSelectedCustomersDSRJsx();\n \n const headerCols = [\n {\n Header: () => \n \n {api_response_message}\n \n
\n :\n null\n }\n \n Name: {name}
\nParticipant ID: {participant_id} \n
\n )\n });\n }\n return 'N/A';\n }\n });\n }\n });\n\n }\n\n }\n\n if (props.forceReloadTableHash && props.forceReloadTableHash != table_hash) {\n\n setTableHash(props.forceReloadTableHash);\n\n if (props.reloadTablesAndGraphsHash) {\n props.reloadTablesAndGraphsHash(props.forceReloadTableHash);\n }\n }\n\n const paginatedTableProps = {...props.paginatedTableProps};\n \n return (\n \n
\n \n
\n
);\n }\n }\n }\n\n if (props && props.extraLegendData && Array.isArray(props.extraLegendData) && props.extraLegendData.length > 0) {\n\n props.extraLegendData.forEach(entry =>\n\n jsx.push(\n \n {_.startCase(t(`sales.${legendProps.payload[i].value}`, legendProps.payload[i].value))} \n
\n \n \n {legendProps.payload[i].payload.value} % \n
\n \n \n \n
\n
)\n );\n }\n\n return \n {entry.name} \n
\n \n \n {entry.value} \n
\n \n {jsx}
;\n }\n\n let parentContainerStyle = {\n height: \"500px\", // minimum height for the chart to display\n width: \"100%\"\n };\n\n if (window.innerHeight > 600) {\n parentContainerStyle.height = \"80vh\";\n }\n\n if (props.parentContainerStyle) {\n parentContainerStyle = {...props.parentContainerStyle};\n }\n\n const titleStyle = {\n textAlign: \"center\",\n display: \"block\"\n };\n\n return (\n \n {\n (!props.hideTitle)\n ?\n \n {props.title}\n \n :\n null\n }\n {\n props.data &&\n props.data.length > 0\n\n ?\n \n \n \n {\n props.data.map((entry, index) => {\n const color = colors[index % colors.length];\n return (\n \n );\n })\n }\n \n\n {/* Anything on props.children will take precedence over the defaults */}\n\n {props.children}\n\n {\n !props.hideLegend\n ?\n props.renderCustomizedLegend\n ?\n \n :\n | \n \n :\n {t('common.noDataAvailable')}. \n }\n
\n );\n}\n\n\n// SimplePieChart.propTypes = {\n// data: PropTypes.array.isRequired,\n// colors: PropTypes.array,\n// title: PropTypes.string.isRequired,\n// nameKey: PropTypes.string.isRequired,\n// dataKey: PropTypes.string.isRequired,\n// };\n\nexport default SimplePieChart;\n\n\n","function inviteEmployeesEnabled(state) {\n if (window.location.hostname == 'localhost') {\n return true;\n }\n\n return state.account.str_id !== 'aquatrols'\n && state.account.str_id !== 'dormanrewards'\n}\n\n\nexport {\n inviteEmployeesEnabled,\n}\n","import React from 'react'\n\nimport CustomLineChart from '../../../building_blocks/Graphs/CustomLineChart'\nimport Config from '../../../../config'\nimport * as EndPoints from '../../../../services/API/EndPoints'\nimport { Tooltip } from 'recharts';\nimport { startCaseAndReplaceCharacters } from '../../../../helpers'\n\nfunction SalesTotalQuantityPurchasedLineChart(props) {\n\n const filters = props.filters;\n\n return (\n \n \n {\n\n return [parseInt(value).toLocaleString(), startCaseAndReplaceCharacters(name)];\n }}/>\n \n
\n );\n}\n\nexport default SalesTotalQuantityPurchasedLineChart;","import React from 'react'\n\nimport CustomPieChart from '../../../building_blocks/Graphs/CustomPieChart'\nimport Config from '../../../../config'\nimport * as EndPoints from '../../../../services/API/EndPoints'\n\nimport { Tooltip } from 'recharts'\n\n// get widia orders placed with rewardian points, broken down by categories\nfunction WidiaOrderPointsRedeemedByCategoryPieChart(props) {\n\n\n const filters = props.filters;\n\n const tooltipComponent = (\n \n \n {tooltipComponent}\n\n \n
\n );\n}\n\nexport default WidiaOrderPointsRedeemedByCategoryPieChart;","import React from 'react'\n\nimport CustomPieChart from '../../../building_blocks/Graphs/CustomPieChart'\nimport Config from '../../../../config'\nimport * as EndPoints from '../../../../services/API/EndPoints'\n\nimport { Tooltip } from 'recharts'\n\n// get widia orders placed with rewardian points, broken down by categories\nfunction WidiaOrderTestToolCreditsRedeemedByCategoryPieChart(props) {\n\n\n const filters = props.filters;\n\n const tooltipComponent = (\n \n \n {tooltipComponent}\n\n \n
\n );\n}\n\nexport default WidiaOrderTestToolCreditsRedeemedByCategoryPieChart;","import React from 'react'\n\nimport CustomPieChart from '../../../building_blocks/Graphs/CustomPieChart'\nimport * as EndPoints from '../../../../services/API/EndPoints'\nimport Config from '../../../../config'\nimport { Tooltip } from 'recharts'\nimport { startCaseAndReplaceCharacters } from '../../../../helpers'\n\nfunction WalletPointsRedeemedAndBalancePieChart(props) {\n\n const graphType = 'wallet_points_redeemed';\n\n const filters = props.filters;\n\n return (\n \n SKU \n
\n ),\n accessor: 'sku',\n headerClassName: 'no-borders',\n className: '',\n Cell: ({original}) => {\n return (\n \n {original.sku ? original.sku.toUpperCase() : ''}\n \n )\n }\n },\n {\n Header: () => (\n \n Product Name \n
\n ),\n accessor: 'product_name',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 125,\n },\n {\n Header: () => (\n \n \n WQC Earned\n \n
\n ),\n accessor: 'total_wqc_earned',\n headerClassName: 'no-borders',\n className: '',\n filterable: false,\n Cell: ({original}) => {\n return (\n \n {original.wqc_earned ? Number(original.wqc_earned).toLocaleString() : ''}\n \n )\n }\n }\n ];\n\n\n return (\n \n Top 10 Items by Spend (WQC)}\n dataUrl={`${Config.API_BASE_URL}${EndPoints.getWidiaTopItemsEarnedByWqc}`}\n type={'sales_report'}\n className={\"default-table budget-table\"}\n tableContClassNames={'pad-top-10 pad-b-30'}\n pageSize={10}\n filters={filters}\n\n /**\n * START - Enable / Disable required features\n */\n\n // Filtering\n // filtersComponent={(\n // setShowFilters(!showFilters)}>\n // Filters \n //
\n );\n}\n\nexport default WidiaTopItemsEarnedByWqcReport;\n","import React from 'react'\n\nimport Config from \"../../../config\"\nimport * as EndPoints from \"../../../services/API/EndPoints\"\n\nimport {Text} from \"../../building_blocks\"\nimport PaginatedCustomTable from \"../../building_blocks/PaginatedCustomTable\"\n\nfunction WidiaTopItemsByQuantityReport({filters = {}}) {\n\n const headerColumns = [\n {\n Header: () => (\n \n SKU \n
\n ),\n accessor: 'sku',\n headerClassName: 'no-borders',\n className: '',\n Cell: ({original}) => {\n return (\n \n {original.sku ? original.sku.toUpperCase() : ''}\n \n )\n }\n },\n {\n Header: () => (\n \n Product Name \n
\n ),\n accessor: 'product_name',\n headerClassName: 'no-borders',\n className: '',\n minWidth: 125,\n },\n {\n Header: () => (\n \n Total Quantity \n
\n ),\n accessor: 'total_wqc_earned',\n headerClassName: 'no-borders',\n className: '',\n filterable: false,\n Cell: ({original}) => {\n return (\n \n {original.total_quantity ? Number(original.total_quantity).toLocaleString() : ''}\n \n )\n }\n }\n ];\n\n\n return (\n \n Top 10 Items by Pieces}\n dataUrl={`${Config.API_BASE_URL}${EndPoints.getWidiaTopItemsByQuantity}`}\n type={'sales_report'}\n className={\"default-table budget-table\"}\n tableContClassNames={'pad-top-10 pad-b-30'}\n pageSize={10}\n hidePaginationBottom={true}\n striped\n resizable\n filters={filters}\n />\n
\n );\n}\n\nexport default WidiaTopItemsByQuantityReport;\n","import {Tooltip} from \"recharts\"\nimport React from \"react\"\n\nimport Config from \"../../../../config\"\nimport * as EndPoints from \"../../../../services/API/EndPoints\"\n\nimport CustomPieChart from \"../../../building_blocks/Graphs/CustomPieChart\"\nimport {startCaseAndReplaceCharacters} from \"../../../../helpers\"\n\nfunction WidiaTopWqcItemsPie({propFilters = {}}) {\n return (\n \n \n\n {\n\n let formattedValue = value ? `${parseInt(value).toLocaleString()} %` : 0;\n\n if (props.payload && props.payload.payload) {\n const {credits = 0} = props.payload.payload;\n formattedValue = `${value}% (${credits.toLocaleString()} credits)`;\n }\n\n return [formattedValue, startCaseAndReplaceCharacters(name)];\n }}/>\n\n \n
\n )\n}\n\nexport default WidiaTopWqcItemsPie;","import React from 'react'\n\nimport { Row, Col } from '../../../building_blocks'\nimport SalesTotalQuantityPurchasedLineChart from './SalesTotalQuantityPurchasedLineChart'\nimport MostPopularCategoriesPieChart from './MostPopularCategoriesPieChart'\nimport PointsEarnedComposedChart from './../../PointsEarnedComposedChart'\nimport WidiaQualifiedCreditsEarnedComposedChart from './WidiaQualifiedCreditsEarnedComposedChart'\nimport SaleCategoriesMonthlyComposedChart from './SaleCategoriesMonthlyComposedChart'\nimport WidiaOrderPointsRedeemedByCategoryPieChart from './WidiaOrderPointsRedeemedByCategoryPieChart'\nimport WidiaOrderTestToolCreditsRedeemedByCategoryPieChart from './WidiaOrderTestToolCreditsRedeemedByCategoryPieChart'\nimport PointsRedeemedAndBalancePieChart from './PointsRedeemedAndBalancePieChart'\nimport WalletPointsRedeemedAndBalancePieChart from './WalletPointsRedeemedAndBalancePieChart'\nimport WidiaTopItemsEarnedByWqcReport from \"../../BO/WidiaTopItemsEarnedByWqcReport\"\nimport WidiaTopItemsByQuantityReport from \"../../BO/WidiaTopItemsByQuantityReport\"\n\nimport WidiaTopWqcItemsPie from \"./WidiaTopWqcItemsPie\"\nimport WidiaTopItemsByPiecesPie from \"./WidiaTopItemsByPiecesPie\"\n\nimport Config from '../../../../config'\n\n/**\n * All graphs to show when logged in as a customer, or viewing a customer's details.\n *\n * @param props\n * @returns {null}\n * @constructor\n */\nfunction SalesGraphsCustomerView(props) {\n\n const filters = props.filters;\n\n return (\n \n \n\n {\n\n let formattedValue = value ? `${parseInt(value).toLocaleString()} %` : 0;\n\n if (props.payload && props.payload.payload) {\n const credits = (props.payload.payload.credits || 0).toLocaleString();\n formattedValue = `${value}% (${credits} credits)`;\n }\n\n return [formattedValue, startCaseAndReplaceCharacters(name)];\n }}/>\n\n \n
\n )\n}\n\nexport default WidiaPopularCategoriesWqc;","import React from 'react'\n\nimport { Row, Col, Spacer } from '../../../building_blocks'\nimport CategoriesPurchasedByTimeLineChart from '../../CategoriesPurchasedByTimeLineChart'\nimport ItemsPurchasedByCustomerPieChart from './ItemsPurchasedByCustomerPieChart'\nimport MostPopularCategoriesPieChart from './MostPopularCategoriesPieChart'\nimport WidiaQualifiedCreditsEarnedComposedChart from './WidiaQualifiedCreditsEarnedComposedChart'\nimport PointsEarnedComposedChart from '../../PointsEarnedComposedChart'\nimport SaleCategoriesMonthlyComposedChart from './SaleCategoriesMonthlyComposedChart'\nimport WidiaTopWqcItemsPie from \"./WidiaTopWqcItemsPie\"\nimport WidiaPopularCategoriesWqc from \"./WidiaPopularCategoriesWqc\"\n\nimport Config from '../../../../config'\n\n/**\n * For BO users, not AO\n * @param props\n * @returns {*}\n * @constructor\n */\nfunction SalesGraphsDistributorView(props) {\n\n const filters = props.filters;\n\n return (\n \n
\n \n\n \n Loading... \n
);\n }\n\n const graphsJSX = this.getGraphsJSX();\n\n let showSearchBar = false;\n\n if (this.props.showSearchBar && // from props\n this.props.widia_user_role && // from redux\n this.props.widia_user_role !== Config.WIDIA_USER_ROLES.CUSTOMER\n ) {\n // show for everyone on sales_dashboard page except customers\n showSearchBar = true;\n }\n\n return (\n \n\n \n {\n showSearchBar &&\n this.setState({selectedUserOrGroup})}\n placeholder={'Search a User or Group by Name'}\n />\n \n }\n {\n (!this.props.hideDateRangerPicker)\n ?\n
\n\n {graphsJSX}\n\n
\n );\n }\n}\n\nSalesGraphs.defaultProps = {\n showSearchBar: false,\n};\n\nfunction mapPropsToState(state, props) {\n return {\n user: state.user,\n account: state.account,\n user_role: state.user.role,\n widia_user_role: state.user.widia_role,\n }\n}\n\n\nexport default connect(mapPropsToState, null)(SalesGraphs)\n\n\n\n","import React, {useEffect, useState} from 'react'\nimport _ from 'lodash'\n\nimport {Text} from \"../../building_blocks\"\n\nimport './SurveyQuestionInput.css';\nimport {useSelector} from 'react-redux';\n\nexport const PREPENDED_TEXT_TO_DROPDOWN = \"Please select answer..\";\n\n// export const TYPE_CHECKBOX = 'checkbox';\n// export const TYPE_CHECKBOX_GROUP = 'checkbox_group';\n// export const TYPE_RADIO = 'radio';\n// export const TYPE_DROPDOWN_MULTI = 'dropdown_multi';\n// export const TYPE_DROPDOWN_SINGLE = 'dropdown_single';\n// export const TYPE_SCALE = 'dropdown_single';\n\nfunction SurveyQuestionInput({\n question = {},\n optionLabelsMap= {},\n onChange = null\n }) {\n\n const {\n id,\n type,\n options = [],\n } = question;\n\n const [validOptions, setValidOptions] = useState([]);\n const [answer, setAnswer] = useState(type === 'checkbox' || type === 'checkbox_group' ? [] : '');\n const [otherSelected, setOtherSelected] = useState(false);\n const [otherCheckboxAnswer, setOtherCheckboxAnswer] = useState(undefined);\n\n const [date_year, setDateYear] = useState('');\n const [date_month, setDateMonth] = useState('');\n const [date_day, setDateDay] = useState('');\n\n const day_options = useSelector(store => store.account.select_days_options);\n const month_options = useSelector(store => store.account.select_months_options);\n const year_options = useSelector(store => store.account.select_years_options);\n\n useEffect(() => {\n\n if (type === 'checkbox' || type === 'checkbox_group') {\n setAnswer(answer.filter(a => validOptions.indexOf(a) > -1));\n }\n\n }, [otherSelected]);\n\n useEffect(() => {\n\n if (otherSelected) {\n\n let newAnswer = [...answer];\n // filter all valid options\n newAnswer = newAnswer.filter(v => validOptions.indexOf(v) > -1);\n\n // add changed answer\n newAnswer.push(otherCheckboxAnswer);\n\n setAnswer(newAnswer);\n }\n\n }, [otherCheckboxAnswer]);\n\n useEffect(() => {\n\n if (_.isFunction(onChange)) {\n onChange(id, answer);\n }\n\n if (type === 'radio') {\n\n if (question.answer && question.answer.custom != 1 && validOptions.indexOf(question.answer.answer) < 0) {\n\n // edited answer\n setValidOptions(_.uniq([\n question.answer.answer,\n ...validOptions,\n ]));\n\n }\n\n }\n\n if (type === 'checkbox' || type === 'checkbox_group') {\n\n const optionsFlattened = _.flatten(validOptions);\n const otherAnswerForCheckbox = answer.find(currentAnswer => {\n\n const isValidOption = optionsFlattened.indexOf(currentAnswer) >= 0;\n\n if (isValidOption && currentAnswer.custom == 1) {\n return true;\n\n } else if (!isValidOption && options.other && options.other == 1) {\n return true;\n\n }\n\n return false;\n });\n\n if (otherAnswerForCheckbox) {\n setOtherSelected(true);\n setOtherCheckboxAnswer(otherAnswerForCheckbox);\n }\n\n if (!_.isEmpty(question.answer)) {\n\n const answersNotAvailableAnymore = [];\n\n question.answer.forEach(answerEntry => {\n\n if (answerEntry.custom == 1) {\n // do nothing\n } else {\n if (optionsFlattened.indexOf(answerEntry.answer) < 0) {\n // answer not one of the valid options & is not custom\n // add not available answer to list, but it will be marked as read only\n answersNotAvailableAnymore.push(answerEntry.answer);\n }\n }\n });\n\n if (!_.isEmpty(answersNotAvailableAnymore)) {\n setValidOptions(_.uniq([\n ...answersNotAvailableAnymore,\n ...validOptions,\n ]));\n }\n }\n\n }\n\n\n }, [answer]);\n\n useEffect(() => {\n\n // Set existing answer on mount\n if (question.answer) {\n\n if (Array.isArray(question.answer)) {\n\n setAnswer(question.answer.map(ans => ans.answer));\n } else {\n setAnswer(question.answer.answer || '');\n }\n\n if (question.type == 'date' && question.answer.answer) {\n // set year, month, day for date inputs\n setDateYear(question.answer.answer.substring(0, 4));\n setDateMonth(question.answer.answer.substring(5, 7));\n setDateDay(question.answer.answer.substring(8, 10));\n }\n\n }\n\n if (question.answer && question.answer.custom == 1) {\n // is not of the valid options\n setOtherSelected(true);\n }\n\n if (!_.isEmpty(options)) {\n if (Array.isArray(options.options)) {\n setValidOptions(options.options);\n }\n }\n\n }, []);\n\n\n const onSimpleInputChange = (e) => {\n\n const target = e.target;\n const value = target.value;\n\n let newAnswer = value;\n\n setAnswer(newAnswer);\n };\n\n const onCheckBoxChanged = (e) => {\n\n const target = e.target;\n const value = target.value;\n\n let newAnswer = [...answer];\n\n if (target.checked) {\n newAnswer = [...answer, value];\n } else {\n newAnswer = newAnswer.filter(v => value !== v);\n }\n\n newAnswer = newAnswer.filter(v => _.flatten(options.options).indexOf(v) > -1);\n setValidOptions(options.options || []);\n\n setAnswer(newAnswer);\n };\n\n if (_.isEmpty(question)) {\n return <>;\n }\n\n const getCustomLabelFromMapOrDefault = (optionName, defaultValue = '') => {\n\n if (optionLabelsMap[optionName]) {\n if (['dropdown_single', 'dropdown_multi'].indexOf(type) >= 0) {\n return optionLabelsMap[optionName];\n }\n return ;\n }\n\n if (defaultValue !== '') {\n return defaultValue;\n }\n\n return optionName;\n };\n\n const answerText = answer;\n\n /**\n * BE types: 'radio','checkbox','dropdown_single','dropdown_multi','scale'\n */\n switch (type) {\n\n case 'radio':\n if (!_.isEmpty(validOptions)) {\n\n let otherEnabled = false;\n\n if (options.other && options.other == 1) {\n otherEnabled = true;\n }\n\n return (\n <>\n {\n validOptions.map((optionName, index) => {\n\n const isPrevAnswer = options.options.indexOf(optionName) < 0;\n\n return (\n \n {\n onSimpleInputChange(e);\n setOtherSelected(false);\n }}\n value={optionName}\n checked={optionName === answerText}\n />\n {getCustomLabelFromMapOrDefault(optionName)} \n
\n );\n })\n }\n {\n otherEnabled &&\n \n
\n }\n \n )\n }\n break;\n\n case 'checkbox':\n if (!_.isEmpty(options)) {\n\n let otherEnabled = false;\n\n if (options.other && options.other == 1) {\n otherEnabled = true;\n }\n\n return (\n <>\n {\n validOptions.map((option, index) => {\n\n if (Array.isArray(option)) {\n return (\n \n {\n setOtherSelected(!otherSelected);\n setAnswer(\"\");\n }}\n checked={otherSelected}\n />\n \n
\n \n {\n otherSelected &&\n
\n \n {\n option.map((optionName, secondaryIndex) => {\n return (\n
\n );\n } else {\n return (\n \n -1}\n />\n {getCustomLabelFromMapOrDefault(optionName)} \n
\n );\n })\n }\n \n -1}\n />\n {getCustomLabelFromMapOrDefault(option)} \n
\n );\n }\n\n\n })\n }\n {\n (otherEnabled || otherCheckboxAnswer) &&\n \n
\n }\n \n );\n }\n break;\n case 'checkbox_group':\n\n if (!_.isEmpty(options)) {\n\n let otherEnabled = false;\n\n if (options.other && options.other == 1) {\n otherEnabled = true;\n }\n\n return (\n <>\n {\n validOptions.map((option, index) => {\n\n if (Array.isArray(option)) {\n return (\n \n {\n setOtherSelected(!otherSelected);\n setOtherCheckboxAnswer(undefined);\n }}\n checked={otherSelected}\n />\n \n
\n \n {\n otherSelected &&\n setOtherCheckboxAnswer(e.target.value)}\n value={otherCheckboxAnswer}\n />\n }\n
\n \n {\n option.map((optionName, secondaryIndex) => {\n return (\n
\n );\n } else {\n /**\n * Non existing answer for question given\n */\n return (\n \n -1}\n />\n {getCustomLabelFromMapOrDefault(optionName)} \n
\n );\n })\n }\n \n {getCustomLabelFromMapOrDefault(option)} \n
\n );\n }\n\n\n })\n }\n {\n (otherEnabled || otherCheckboxAnswer) &&\n \n
\n }\n \n );\n }\n break;\n\n case 'dropdown_multi':\n case 'dropdown_single':\n\n if (!_.isEmpty(options)) {\n\n const dropdownOptions = [PREPENDED_TEXT_TO_DROPDOWN, ...validOptions];\n return (\n \n {\n setOtherSelected(!otherSelected);\n setOtherCheckboxAnswer(undefined);\n }}\n checked={otherSelected}\n />\n \n
\n \n {\n otherSelected &&\n setOtherCheckboxAnswer(e.target.value)}\n value={otherCheckboxAnswer}\n />\n }\n
\n \n \n {\n dropdownOptions.map((optionName, index) => {\n return (\n \n {getCustomLabelFromMapOrDefault(optionName)}\n \n )\n\n })\n }\n \n
\n );\n }\n\n break;\n\n case 'scale':\n\n return (\n \n
\n );\n\n case 'text':\n\n const textAnswer = answer || _.get(question, 'answer.answer_text', '');\n\n return (\n \n {\n [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map(optionName => {\n return (\n
\n \n
\n );\n })\n }\n \n \n
\n \n {\n onSimpleInputChange(e);\n setOtherSelected(false);\n }}\n value={optionName}\n checked={optionName == answerText}\n />\n
\n \n
\n );\n\n case 'date':\n return (\n \n
\n \n
\n \n
\n );\n\n\n }\n\n return <>;\n}\n\nexport default SurveyQuestionInput;","import React, {useEffect, useState} from 'react'\nimport {\n Info, Icon, Text\n} from \"../building_blocks\"\nimport _ from 'lodash'\nimport CommonStyles from \"../../styles/CommonStyles\"\nimport SurveyQuestionInput from \"./shared/SurveyQuestionInput\"\n\n\nfunction SurveyQuestion({question, editMode, error, onInputChanged, questionNumber}) {\n\n // const [optionLabelsArr, setOptionLabelsArr] = useState([]);\n const [optionLabelsMap, setOptionLabelsMap] = useState({});\n\n useEffect(() => {\n\n if (!_.isEmpty(question.options)) {\n\n const {\n options: optionValues = [],\n labels: optionLabels = [],\n } = question.options;\n\n\n if (Array.isArray(optionValues)) {\n\n const optionValuesFlatten = _.flatten(optionValues);\n let optionLabelsFlatten = optionValuesFlatten;\n\n if (Array.isArray(optionLabels) &&\n !_.isEmpty(optionLabels)) {\n\n const labelsFlatten = _.flatten(optionLabels);\n\n if (optionValuesFlatten.length === labelsFlatten.length) {\n optionLabelsFlatten = labelsFlatten;\n } // else option values and labels mismatch - fallback to values\n }\n\n const map = {};\n\n optionValuesFlatten.forEach((opt, index) => {\n map[opt] = optionLabelsFlatten[index];\n });\n\n setOptionLabelsMap(map);\n }\n\n\n }\n\n }, [question.options]);\n\n\n if (_.isEmpty(question)) {\n return <>;\n }\n\n\n let iconJsx;\n\n if (_.isEmpty(question.answer)) {\n iconJsx = \n
\n \n Day \n {\n setDateDay(e.target.value);\n setAnswer(date_year + '-' + date_month + '-' + e.target.value);\n }}\n value={date_day}\n >\n {\n day_options.map(option => {\n return (\n \n {getCustomLabelFromMapOrDefault(option.label)}\n \n )\n\n })\n }\n \n
\n \n Month \n {\n setDateMonth(e.target.value);\n setAnswer(date_year + '-' + e.target.value + '-' + date_day);\n }}\n value={date_month}\n >\n {\n month_options.map(option => {\n return (\n \n {getCustomLabelFromMapOrDefault(option.label)}\n \n )\n\n })\n }\n \n
\n \n \n Year\n {\n (question.save_to && question.save_to == 'dob')\n ?\n - optional\n :\n null\n }\n \n {\n setDateYear(e.target.value);\n setAnswer(e.target.value + '-' + date_month + '-' + date_day);\n }}\n value={date_year}\n >\n {\n year_options.map(option => {\n return (\n \n {getCustomLabelFromMapOrDefault(option.label)}\n \n )\n\n })\n }\n \n
\n \n\n
\n )\n}\n\nfunction ReadOnlyQuestion({question, optionLabelsMap}) {\n\n const answer = question.answer || '';\n\n const getCustomLabelFromMap = (answer) => {\n\n if (optionLabelsMap[answer]) {\n return ;\n }\n\n return answer;\n };\n\n if (_.isEmpty(answer)) {\n return <>N/A\n }\n\n return (\n \n {\n (questionNumber)\n ?\n \n {questionNumber}.\n \n :\n null\n }\n \n {iconJsx}\n {question.question}\n \n
\n \n {\n (!editMode || !question.editable)\n ?\n
\n\n \n {\n _.isArray(answer) ?\n
\n );\n\n}\n\nfunction QuestionErrorMsg({questionErrorBag}) {\n\n if (_.isEmpty(questionErrorBag) || !Array.isArray(questionErrorBag)) {\n return <>\n }\n\n return (\n - \n {\n answer.map(currentAnswer => (\n
- \n {getCustomLabelFromMap(currentAnswer.answer)}\n \n ))\n }\n
\n \n \n
\n );\n\n}\n\nexport default SurveyQuestion;","import React, {useEffect, useState} from 'react'\nimport {connect} from \"react-redux\"\nimport _ from 'lodash'\nimport axios from \"axios\"\nimport {Redirect} from \"react-router-dom\"\n\nimport Config from \"../../config\"\nimport * as EndPoints from \"../../services/API/EndPoints\"\n\nimport {RefreshUser} from \"../user/actions/UserActions\"\n\nimport {\n ModuleContainer, Button, Info, LoadingScreen,\n H, Col, Row\n} from \"../building_blocks\"\nimport {showRewardianToast} from \"../building_blocks/Toaster/helpers\"\n\nimport {PREPENDED_TEXT_TO_DROPDOWN} from './shared/SurveyQuestionInput'\nimport SurveyQuestion from \"./SurveyQuestion\";\n\nfunction SurveyForm({\n surveyId,\n userId,\n isReadOnly = true,\n isAO,\n userCanEdit = true,\n ...props\n }\n) {\n\n const [survey, setSurvey] = useState({});\n const [questions, setQuestions] = useState([]);\n const [answers, setAnswer] = useState({ /* question_id: answer */});\n const [errors, setErrors] = useState({ /* question_id: errors:array */});\n const [isLoading, setIsLoading] = useState(false);\n const [redirect, setRedirect] = useState(null);\n const [editMode, setEditMode] = useState(!isReadOnly);\n\n\n const getSurveyQuestions = () => {\n\n setIsLoading(true);\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}${EndPoints.boGetSurveyQuestions}`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n user_id: userId || '',\n survey_id: surveyId,\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n }).then(response => {\n\n const {survey = {}, questions = [], resultStatus} = response.data || {};\n\n if (resultStatus === 'success' && !_.isEmpty(questions)) {\n setQuestions(questions);\n setSurvey(survey);\n\n if (props.refreshUser && _.isFunction(props.refreshUser)) {\n // refresh for system on boarding tips\n props.refreshUser();\n }\n }\n\n }).catch(() => {\n showRewardianToast('There was an error while fetching survey', 'error');\n }).finally(() => setIsLoading(false));\n\n };\n\n useEffect(() => {\n getSurveyQuestions();\n window.scrollTo({behavior: 'smooth', top: 0, left: 0})\n }, []);\n\n if (_.isEmpty(survey)) {\n return <>;\n }\n\n\n const onInputChanged = (questionId, selectedAnswer) => {\n setAnswer((prevAnswers) => {\n return {\n ...prevAnswers,\n [questionId]: selectedAnswer\n };\n });\n };\n\n const onFormSubmit = () => {\n\n if (!userCanEdit) {\n return false;\n }\n\n if (isAO) {\n setEditMode(false);\n }\n\n const finalAnswers = {};\n\n for (const [surveyId, answer] of Object.entries(answers)) {\n\n if (_.isString(answer) && answer !== \"\" && answer !== PREPENDED_TEXT_TO_DROPDOWN) {\n finalAnswers[surveyId] = answer;\n } else if (_.isArray(answer) && !_.isEmpty(answer)) {\n finalAnswers[surveyId] = answer;\n }\n\n }\n\n axios({\n method: 'post',\n url: `${Config.API_BASE_URL}${EndPoints.boSaveSurveyAnswers}`,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n answers: finalAnswers,\n user_id: userId || '',\n survey_id: survey.id,\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n }).then(response => {\n\n const {\n resultStatus = 'error',\n resultMsg = 'There was an error while saving answers',\n errors = [],\n } = response.data || {};\n\n setErrors(errors);\n\n if (resultStatus === 'success') {\n\n showRewardianToast(resultMsg, 'success');\n getSurveyQuestions(); // refresh\n\n } else {\n showRewardianToast(resultMsg, 'error');\n\n // scroll into first error\n const firstErrorQuestionId = Object.keys(errors)[0] || null;\n\n if (firstErrorQuestionId) {\n const element = document.getElementById(firstErrorQuestionId);\n if (element) {\n element.scrollIntoView({behavior: 'smooth'});\n }\n }\n }\n\n }).catch(() => {\n showRewardianToast('There was an error while saving answers', 'error');\n });\n };\n\n\n if (redirect) {\n return - \n {questionErrorBag.map(message =>
- {message} )}\n
\n \n \n {survey.name} \n \n {\n (userCanEdit && (!editMode || isAO))\n ?\n {\n if (isAO) {\n setEditMode(!editMode);\n } else {\n setRedirect(`/webapp/surveys/answer/${survey.id}`);\n }\n }}\n primary\n >\n {isAO && editMode ? 'Cancel' : 'Edit'}\n \n \n :\n null\n }\n\n
\n \n
\n
\n )}\n color={'gray-darker'}>\n\n \n
\n\n\n \n \n {\n !_.isEmpty(questions) &&\n questions.map((question, index) =>\n
\n {\n editMode &&\n\n \n
\n }\n\n {/* Only for dev */}\n {/*\n \n
\n */}\n {/*
*/}\n {JSON.stringify(answers, null, 4)}\n \n 
\n :\n {name} \n \n
\n
\n );\n }\n\n fetchData(page, pageSize, sorted, filtered, filters) {\n\n let dataUrl = `${Config.API_BASE_URL}${EndPoints.getMemberOrTeamRecognitions}`;\n\n if (this.props.dataUrl) {\n dataUrl = this.props.dataUrl;\n }\n\n // fetch data\n axios({\n method: 'post',\n url: dataUrl,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data: {\n payload: {\n page: page,\n pageSize: pageSize,\n sorted: sorted,\n filtered: filtered,\n filters: filters,\n redirect_if_logged_out: true,\n _uRdNuIyAoFt_: Config.userRoleForTesting,\n }\n },\n })\n .then((res) => {\n\n //Component should not be unmounted\n if (this.componentActive) {\n\n if (res.data && res.data.table_rows) {\n\n let table_rows = res.data.table_rows;\n\n // Update react-table\n if (this.props.transformRows) {\n //Transform the data if requested by the component\n table_rows = this.props.transformRows(table_rows);\n }\n\n // update rows count for parent component\n if (this.props.numRows) {\n this.props.numRows(res.data.table_rows.length);\n }\n\n //Special transform for my recogs and team recogs\n if (this.props.type === 'my-recognitions' || this.props.type === 'team-recognitions') {\n\n let table_rows = res.data.table_rows.map((row) => {\n // return false;\n let tableRow = {\n id: row.transaction_id,\n recognizedBy: this.memberPicAndNameJsx(row.recognizedByImage, row.recognizedBy),\n program: row.program ? row.program : '-',\n created_at: moment(row.created_at).format('MMM D, YYYY'),\n behaviors: row.behaviors ? row.behaviors : '-',\n points: row.points ? row.points : '-',\n certificate: (\n \n {\n row.certificate_id &&\n
\n ),\n };\n\n if (this.props.type === 'team-recognitions') {\n tableRow.recipient = this.memberPicAndNameJsx(row.recipientImage, row.recipient);\n }\n\n return tableRow;\n });\n\n }\n\n // append dynamic column headers if passed from the back-end\n let extra_column_headers = [];\n if (res.data.extra_column_headers && Array.isArray(res.data.extra_column_headers) && res.data.extra_column_headers.length > 0) {\n\n extra_column_headers = res.data.extra_column_headers;\n }\n\n // get the checkbox data\n let selection_data = res.data.selection_data || this.state.selection_data;\n const selected_ids = [];\n const unselected_ids = [];\n const non_selectable_ids = [];\n\n res.data.table_rows.forEach((row) => {\n\n if (row.id) {\n if (row.checkbox_status && row.checkbox_status == 'selected') {\n selected_ids.push(row.id);\n } else if (row.hide_checkbox && row.hide_checkbox == 1) {\n non_selectable_ids.push(row.id);\n // do not add to unselected_ids because select all will grab the rows\n } else {\n unselected_ids.push(row.id);\n }\n }\n });\n\n let select_all_checkbox_rows = false;\n if (selected_ids.length && table_rows.length && non_selectable_ids && selected_ids.length == (table_rows.length - non_selectable_ids.length)) {\n select_all_checkbox_rows = true;\n }\n\n // set the checkbox data\n selection_data = {\n ...selection_data,\n selected_ids: selected_ids,\n unselected_ids: unselected_ids\n };\n\n if (this.props.selectedRowsData) {\n this.props.selectedRowsData(selection_data);\n }\n\n this.setState({\n tableData: table_rows,\n tableDataPages: res.data.total_pages,\n tableTotalRows: res.data.total_rows || null,\n tableDataLoading: false,\n filters: filters,\n filtered: filtered,\n selectionData: selection_data,\n select_all_checkbox_rows: select_all_checkbox_rows,\n non_selectable_ids: non_selectable_ids,\n extra_column_headers: extra_column_headers,\n }, () => {\n\n if (this.props.selectedRowsData) {\n // Create a new column for the checkboxes\n const customCheckboxColumns = [{\n Header: () => (\n this.viewCertificateModal(row)}>\n View \n
\n }\n \n {\n this.selectRows(e, 'all')\n }}\n />\n
\n ),\n accessor: 'checkbox_selected',\n headerClassName: 'custom-column-header no-borders',\n className: 'no-borders',\n minWidth: 50,\n filterable: false,\n Cell: (item) => {\n\n if (item.original && item.original.hide_checkbox && item.original.hide_checkbox == 1) {\n return null;\n }\n\n let checkboxJsx = null;\n const item_id = item.original.id || null;\n\n if (item_id !== null) {\n\n const checkbox_value = (\n this.state.selectionData && this.state.selectionData.selected_ids\n && this.state.selectionData.selected_ids.indexOf(item_id) != -1\n )\n ? true : false;\n\n checkboxJsx = (\n {\n e.stopPropagation();\n }}>\n {\n e.stopPropagation();\n this.selectRows(e, item_id)\n }}\n />\n
);\n }\n\n return checkboxJsx;\n }\n }];\n\n this.setState({customCheckboxColumns: customCheckboxColumns});\n }\n });\n\n if (this.props.type == 'ideas_report') {\n this.fetchIdeasSuccess('success', 'Ideas fetched successfully', res.data);\n }\n\n if (this.props.getTableData && table_rows.length > 0) {\n // return rows data to parent prop\n this.props.getTableData(table_rows);\n }\n\n if (this.props.getAdditionalFields && res.data.additional_fields) {\n this.props.getAdditionalFields(res.data.additional_fields);\n }\n\n // return meta-fields if required\n if (this.props.getMetaFields) {\n const meta_fields = {};\n\n for (const prop in res.data) {\n if (res.data.hasOwnProperty(prop) && startsWith(prop, 'meta_')) {\n meta_fields[prop] = res.data[prop];\n }\n }\n\n this.props.getMetaFields(meta_fields);\n }\n\n // get arbitrary data, such as report name from BE\n if (this.props.getExtraData && res.data.extra_data) {\n this.props.getExtraData(res.data.extra_data);\n }\n\n } else {\n\n this.setState({\n tableData: [],\n tableDataPages: 0,\n tableTotalRows: null,\n tableDataLoading: false,\n filters: filters,\n filtered: filtered,\n });\n }\n\n }\n });\n }\n\n onDateRangeFocusChange(focusedInput) {\n\n if (this.state.tableFocusedInput != focusedInput) {\n this.setState({tableFocusedInput: focusedInput});\n }\n } // PropTypes.func.isRequired,\n\n onDatesChange({startDate, endDate}) {\n\n this.setState({\n tableStartDate: startDate,\n tableEndDate: endDate,\n }, () => {\n\n //alert(this.state.tableStartDate + '----' + this.state.tableEndDate);\n if (\n (this.state.tableStartDate || this.state.tableEndDate) //Start date or end date set\n ||\n (!this.state.tableStartDate && !this.state.tableEndDate) //Dates cleared\n ) {\n this.setState({\n tableDataLoading: true,\n }, () => {\n\n const filters = {\n ...this.state.filters,\n startDate: this.state.tableStartDate ? this.state.tableStartDate.format('YYYY-MM-DD 00:00:00') : null,\n endDate: this.state.tableEndDate ? this.state.tableEndDate.format('YYYY-MM-DD 23:59:59') : null,\n };\n\n this.fetchData(0,\n this.state.pageSize,\n this.state.tableDataSorted,\n this.state.tableDataFiltered,\n filters\n );\n\n });\n }\n });\n }\n\n onValueChange(e) {\n\n this.setState({\n [e.target.name]: e.target.value,\n }, () => {\n\n if (!this.props.isSummaryReport && this.props.showYearDropdown) {\n /**\n * Summary Reports are download only\n * Other components can use the Year drop-downs need to reload the table\n */\n if (this.state.year) {\n\n let startDate = moment().year(this.state.year).startOf('year');\n let endDate = moment().year(this.state.year).endOf('year');\n\n if (startDate > moment()) {\n // don't show future years\n startDate = moment().startOf('year');\n }\n\n if (endDate > moment()) {\n // only show up to the current day (not future)\n endDate = moment();\n }\n\n // calls fetchData() to trigger API call\n this.onDatesChange({startDate, endDate});\n }\n }\n\n });\n\n\n }\n\n onCustomDropDownValueChange(e) {\n this.setState({\n [e.target.name]: e.target.value,\n }, () => {\n const filters = {\n ...this.state.filters,\n custom_drop_down: this.state.custom_drop_down,\n };\n\n this.fetchData(null,\n null,\n this.state.tableDataSorted,\n this.state.tableDataFiltered,\n filters,\n );\n });\n }\n\n /**\n * @param {moment} date\n */\n onSingleDateChange(date) {\n\n if (this.props.showSingleDatePicker) {\n this.setState({\n tableSingleDate: date,\n }, () => {\n\n this.setState({\n tableDataLoading: true,\n }, () => {\n\n const filters = {\n ...this.state.filters,\n singleDate: this.state.tableSingleDate ? this.state.tableSingleDate.format('YYYY-MM-DD') : null,\n };\n\n this.fetchData(null,\n null,\n this.state.tableDataSorted,\n null,\n filters\n );\n\n });\n });\n }\n }\n\n selectMonthYear(selectedStartDate) {\n\n const startDate = moment(selectedStartDate).startOf('month');\n const endDate = moment(selectedStartDate).endOf('month');\n\n this.setState({\n selectedMonthYear: selectedStartDate,\n }, () => {\n\n this.onDatesChange({startDate, endDate})\n });\n }\n\n componentWillUnmount() {\n\n this.componentCleanup();\n\n window.removeEventListener('beforeunload', this.componentCleanup);\n }\n\n componentCleanup() {\n\n this.componentActive = false;\n if (this.debounceCallTimeoutId) {\n clearTimeout(this.debounceCallTimeoutId);\n }\n }\n\n onSearchBudgetCategoryChange(newBudgetCategory) {\n\n this.setState({\n budget_category: newBudgetCategory,\n budget_category_selected: (newBudgetCategory && newBudgetCategory['name']) ? newBudgetCategory['name'] : null\n });\n\n }\n\n onSearchUserGroupsChange(newUserGroup) {\n\n this.setState({\n user_groups: newUserGroup,\n filters: {\n ...this.state.filters,\n user_groups: newUserGroup,\n },\n }, () => {\n\n this.fetchData(\n this.state.tableDataPage,\n this.state.tableDataPageSize,\n this.state.tableDataSorted,\n this.state.tableDataFiltered, //Filters provided by the react-table\n this.state.filters,\n );\n });\n }\n\n toggleShowUserGroups() {\n\n this.setState({\n show_user_group_filters: !this.state.show_user_group_filters,\n });\n }\n\n componentWillReceiveProps(newProps) {\n if (JSON.stringify(this.props.filters) != JSON.stringify(newProps.filters)) {\n this.setState({\n tableDataLoading: true,\n filters: {\n ...this.state.filters,\n ...newProps.filters\n },\n }, () => {\n this.fetchData(\n 0,\n this.state.pageSize,\n null, //Sort options provided by the react-table\n this.state.filtered, //Filters provided by the react-table\n this.state.filters,\n );\n });\n\n if (newProps.reloadDownloadReportHash) {\n this.setState({\n downloadRequestsTableHash: Math.random().toString(36)\n })\n }\n }\n\n if (JSON.stringify(this.props.userGroups) != JSON.stringify(newProps.userGroups)) {\n this.setState({\n user_groups: newProps.userGroups,\n });\n }\n\n /**\n * Reload the table if hashes differ\n */\n if (JSON.stringify(this.props.reloadTableHash) != JSON.stringify(newProps.reloadTableHash)) {\n this.fetchData(\n 0,\n this.state.pageSize,\n null, //Sort options provided by the react-table\n null, //Filters provided by the react-table\n this.state.filters,\n );\n }\n\n // Refresh table (preserving state)\n if (this.props.refreshHash !== newProps.refreshHash) {\n this.fetchData(\n this.state.tableDataPage,\n this.state.tableDataPageSize,\n this.state.tableDataSorted,\n this.state.tableDataFiltered, //Filters provided by the react-table\n this.state.filters,\n );\n }\n }\n\n\n render() {\n\n const outerModuleClassNames = ['white-bg'];\n if (this.props.withOuterShadow) {\n outerModuleClassNames.push('module-shadow');\n }\n if (this.props.outerModuleClassNames) {\n outerModuleClassNames.push(this.props.outerModuleClassNames);\n }\n\n const tableContClassNames = ['white-bg'];\n if (this.props.tableContClassNames) {\n tableContClassNames.push(this.props.tableContClassNames);\n }\n\n let finalHeaderColumns = [];\n\n if (['my-recognitions', 'team-recognitions'].indexOf(this.props.type) > -1) {\n\n finalHeaderColumns = [\n {\n Header: \n \n {cellValue}\n \n
\n );\n },\n filterable: (this.props.filterable && this.props.extraColumnsFilterable) ? true : false,\n });\n })\n }\n\n finalHeaderColumns = [\n ...this.state.customCheckboxColumns,\n ...propCols,\n ...extra_column_headers,\n ];\n\n }\n\n const customInlineBulkActionsJsx = this.props.bulkSelectionActionsJsx ? this.props.bulkSelectionActionsJsx : null;\n\n const monthOptions = [];\n const yearOptions = [];\n\n if (this.props.showMonthDropdown && this.props.user && this.props.user.month_options) {\n\n for (var m in this.props.user.month_options) {\n if (this.props.user.month_options.hasOwnProperty(m)) {\n monthOptions.push({\n value: m,\n label: this.props.user.month_options[m],\n });\n }\n }\n }\n\n if (this.props.showYearDropdown && this.props.user && this.props.user.year_options) {\n\n for (var y in this.props.user.year_options) {\n if (this.props.user.year_options.hasOwnProperty(y)) {\n yearOptions.push({\n value: y,\n label: this.props.user.year_options[y],\n });\n }\n }\n }\n\n /**\n * defaults for our regular reports\n */\n let showTable = true;\n let showDownloadButton = (this.props.downloadReport && this.state.tableData && this.state.tableData.length > 0) ? true : false;\n\n let downloadButtonClass = 'reports-bottom-btns-col';\n\n /**\n * isSummaryReport prop is being passed by summary reports like\n *\n * - member account balance summary\n * - budget balance summary\n *\n * We do not show table view of report, We only show download button.\n *\n * For now these are being used by rsm alone.\n */\n if (this.props.isSummaryReport) {\n showTable = false;\n showDownloadButton = this.props.downloadReport ? true : false;\n downloadButtonClass = 'padding-20';\n }\n\n const bulkActionsRowClassName = showDownloadButton ? 'pad-b-20' : '';\n const titleBarRowClassName = this.props.titleBarRowClassName || 'padding-15';\n const downloadButtonWrapperClass = this.props.hidePaginationBottom ? 'pad-t-20' : '';\n\n return (\n \n {\n !this.props.doNotShowTitleBar &&\n
\n );\n }\n\n}\n\nfunction mapPropsToState(state, props) {\n return {\n account: state.account,\n user: state.user,\n process_disbursements_enabled: state.account.process_disbursements_enabled && state.account.process_disbursements_enabled == 1 ? true : false,\n employee_commitments_enabled: (state.account.employee_commitments_enabled && state.account.employee_commitments_enabled == 1) ? true : false,\n globalFilterActiveId: state.user && state.user.global_filter_active_id ? state.user.global_filter_active_id : null,\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n openViewCertModal: (data) => {\n dispatch(OpenModal('view_certificate', data))\n },\n closeModal: () => {\n dispatch(CloseModal())\n },\n fetchIdeasSuccess: (resultStatus, resultMsg, data) => {\n dispatch(FetchIdeasActionSuccess(resultStatus, resultMsg, data))\n }\n };\n}\n\n// PaginatedCustomTable.propTypes = {\n// showSingleDatePicker: PropTypes.bool,\n// };\n\nexport default connect(mapPropsToState, mapDispatchToProps)(withTranslation()(PaginatedCustomTable));\n\n\n\n\n\n\n\n\n\n","import React, {PureComponent} from 'react'\nimport PropTypes from 'prop-types'\nimport axios from 'axios'\nimport Config from '../../../config'\nimport LoadingScreen from '../LoadingScreen'\nimport SimplePieChart from './SimplePieChart'\n\n\n/**\n * AJAX enabled chart\n */\nclass CustomPieChart extends PureComponent {\n\n constructor(props) {\n\n super(props);\n\n // if (!props.endpoint) {\n // throw new Error(\"Attribute 'endpoint' is required\");\n // }\n\n this.state = {\n data: [],\n extra_legend_data: [], // helps setting custom legend labels in child component\n loading: true,\n request_in_progress: false,\n };\n\n this.fetchDataFromEndpoint = this.fetchDataFromEndpoint.bind(this);\n }\n\n\n componentDidMount() {\n\n this.componentActive = true;\n\n if (this.props.endpoint) {\n this.fetchDataFromEndpoint(this.props.endpoint, this.props.payload);\n }\n }\n\n componentWillUnmount() {\n this.componentActive = false;\n }\n\n componentWillReceiveProps(nextProps) {\n\n if (nextProps.endpoint && JSON.stringify(nextProps.payload) !== JSON.stringify(this.props.payload)) {\n // Payload changed fetch from endpoint\n this.fetchDataFromEndpoint(nextProps.endpoint, nextProps.payload);\n }\n }\n\n fetchDataFromEndpoint(endpoint, payload) {\n\n if (this.componentActive && endpoint && payload && !this.state.request_in_progress) { // and other required props\n\n const data = {};\n data.payload = payload;\n data.payload._uRdNuIyAoFt_ = Config.userRoleForTesting;\n\n this.setState({\n loading: true,\n request_in_progress: true\n }, () => {\n\n axios({\n method: 'post',\n url: endpoint,\n headers: {\n \"Content-Type\": \"text/plain\",\n },\n withCredentials: true,\n data,\n })\n .then((res) => {\n\n if (this.componentActive && res.data && res.data.graph_data) {\n this.setState({\n data: res.data.graph_data\n });\n\n if (this.componentActive && res.data && res.data.extra_legend_data) {\n this.setState({\n extra_legend_data: res.data.extra_legend_data,\n });\n }\n\n if (this.componentActive && res.data && res.data.custom_config && this.props.setCustomConfigFromChild) {\n\n this.props.setCustomConfigFromChild(res.data.custom_config);\n }\n }\n })\n .finally(() => {\n\n this.setState({\n loading: false,\n request_in_progress: false,\n });\n });\n });\n\n } else {\n\n // so the loading component doesn't sit forever\n this.setState({\n loading: false,\n });\n }\n }\n\n\n render() {\n\n return \n \n {this.props.title} \n }\n {\n this.props.filtersComponent &&\n this.props.filtersComponent\n }\n \n \n \n {\n this.props.customJsxAboveRowsInline &&\n false}//include all days - even past ones\n />\n \n }\n {\n this.props.showSingleDatePicker &&\n false} //include all days - even past ones\n showClearDate={true} // Show close button\n text={\"Date is Inclusive\"}\n />\n \n }\n
\n \n
\n \n
\n\n {\n this.props.showCustomMonthYearDatePicker\n ?\n \n
\n :\n null\n }\n\n \n \n
\n {\n (this.props.showBudgetCategoryAutoSuggest)\n ?\n \n
\n : null\n }\n {\n this.props.postHeadersComponent &&\n this.props.postHeadersComponent\n }\n {\n (this.props.type === 'widia_sales_summary_report')\n ?\n <>\n \n User Groups Filters \n\t\t\t\t\t\t\t\t\t\t\t\t
\n {\n this.state.show_user_group_filters\n ?\n \n
\n :\n null\n }\n \n :\n null\n }\n \n
\n }\n\n \n
\n \n \n \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n
\n \n {\n showTable\n ?\n \n \n {\n customInlineBulkActionsJsx\n }\n
\n :\n null\n }\n {\n (this.state.selection_in_progress)\n ?\n (this.state.selections_error)\n ?\n \n Error processing selections. Please refresh your page. \n \n
\n :\n \n Processing your Selections. \n \n
\n :\n null\n }\n\n \n
\n }\n\n {\n (this.props.resultResponse && this.props.resultResponse.resultStatus && this.props.resultResponse.resultMessage)\n ?\n // display bulk process API response\n \n {\n showDownloadButton\n ?\n <>\n {\n (customInlineBulkActionsJsx && customInlineBulkActionsJsx.length && customInlineBulkActionsJsx.length == 1)\n ?\n customInlineBulkActionsJsx\n :\n null\n }\n \n \n {\n this.state.downloadRequestInProgress ?\n 'Processing...'\n :\n this.props.downloadBtnLabel\n ?\n this.props.downloadBtnLabel\n : 'Download Report'\n }\n \n \n \n \n :\n null\n }\n
\n\n {\n (this.state.download_request_status &&\n this.state.download_request_status == 'error' &&\n this.state.download_request_msg &&\n this.state.download_request_msg)\n ?\n // display bulk process API response\n
\n \n \n This is a download only report. Please make sure you have selected appropriate filters before\n downloading.\n \n
\n }\n\n\n {\n this.props.customJsxBelowRows\n }\n {\n \n \n {this.props.resultResponse.resultMessage}\n \n
\n :\n null\n }\n\n \n \n {this.state.download_request_msg}\n \n
\n :\n null\n }\n {\n this.state.downloadRequestInProgress\n ?\n \n Loading \n
\n :\n (this.props.noDownloadLogs || !this.props.downloadReport)\n ?\n null\n :\n \n {this.state.loading\n ?\n
\n\n }\n}\n\nCustomPieChart.propTypes = {\n payload: PropTypes.object.isRequired,\n // endpoint: PropTypes.string.isRequired,\n\n // Used by child component\n colors: PropTypes.array,\n // title: PropTypes.string.isRequired,\n nameKey: PropTypes.string.isRequired,\n dataKey: PropTypes.string.isRequired,\n};\n\nexport default CustomPieChart;\n\n\n","function translationsMapGet() {\n\n}\n\nexport default translationsMapGet;","import React, { PureComponent } from 'react'\nimport PropTypes from 'prop-types'\nimport CommonStyles from '../../../styles/CommonStyles'\nimport { translationsMapGet } from '../../../helpers/translations'\nimport _ from 'lodash'\nimport {connect} from 'react-redux'\n\nimport SparkMD5 from 'spark-md5'\nimport axios from 'axios'\nimport * as EndPoints from '../../../services/API/EndPoints'\nimport Config from '../../../config'\n\n// let translations = new Map();\n\n\nclass Text extends PureComponent {\n\n\n\ttranslateLater(text) {\n\n\t\tif (text && text !== 'Welcome') { //Needs to be hardcoded here as the site is not loaded till then\n\n\t\t\tconst account_specific = this.props.acccountSpecficTranslation || false;\n\n\t\t\taxios({\n\t\t\t\t\tmethod: 'post',\n\t\t\t\t\turl: `${Config.API_BASE_URL}${EndPoints.saveTextForTranslation}`,\n\t\t\t\t\theaders: { \n\t\t\t\t \"Content-Type\": \"text/plain\",\n\t\t\t\t },\n\t\t\t\t withCredentials: true,\n\t\t\t\t\tdata: {\n\t\t\t\t\t\tpayload: {\n\t\t\t\t\t\t text: text,\n\t\t\t\t\t\t account_specific: account_specific,\n\t\t\t\t\t\t _uRdNuIyAoFt_: Config.userRoleForTesting,\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t})\n\t\t .then((res) => {\n\t\t \t// Do nothing\n\t\t });\n\t\t}\n\t}\n\n\n\trender() {\n\n\t\tlet classNames = [], color = CommonStyles.gray2, fontSize = 0.9, fontWeight = '300';\n\n\t\tlet style = {};\n\n\t\t/**\n\t\t * Decide the Color\n\t\t */\n\t\tif (this.props.darkBlue) {\n\t\t\tcolor = CommonStyles.darkBlue;\n\t\t}\n\t\tif (this.props.primary) {\n\t\t\tclassNames.push('primary-color-text');\n\t\t}\n\t\tif (this.props.blue) {\n\t\t\tcolor = CommonStyles.blue\n\t\t}\n\t\tif (this.props.white) {\n\t\t\tcolor = CommonStyles.white\n\t\t}\n\t if (this.props.errorOrange) {\n\t color = CommonStyles.errorOrange\n\t }\n\t\tif (this.props.color) {\n\t\t\tcolor = this.props.color\n\t\t}\n\t\tif (this.props.label) {\n\t\t\tclassNames.push('label-font')\n\t\t\tcolor = CommonStyles.labelFontColor;\n\t\t}\n\t\tstyle.color = color;\n\t\t/**\n\t\t * Color done\n\t\t */\n\n\t\tif (this.props.cursor) {\n\t\t\tstyle.cursor = 'pointer';\n\t\t}\n\n\t\tif (this.props.defaultCursor) {\n\t\t\tstyle.cursor = 'default';\n\t\t}\n\n\t\tif (this.props.size) {\n\t\t\tif (typeof this.props.size === 'string' && _.includes(this.props.size, 'rem')) {\n\t\t\t\tfontSize = parseFloat(this.props.size.replace('rem', ''));\n\t\t\t} else {\n\t\t\t\tfontSize = parseFloat(this.props.size);\n\t\t\t}\n\t\t}\n\t\tstyle.fontSize = fontSize + 'rem';\n\t\tstyle.lineHeight = (fontSize * 1.25) + 'rem';\n\n\n\n\t\t/* [START] Font Weight Customization */\n\t\tif (this.props.vThin || this.props.vLight) {\n\t\t\tfontWeight = 200;\n\t\t}\n\t\tif (this.props.thin || this.props.light) {\n\t\t\tfontWeight = 300;\n\t\t}\n\t\tif (this.props.semiBold || this.props.semibold) {\n\t\t\tfontWeight = 500;\n\t\t}\n\t\tif (this.props.bold) {\n\t\t\tfontWeight = 600;\n\t\t}\n\t\tif (this.props.superBold) {\n\t\t\tfontWeight = 700;\n\t\t}\n\t\tstyle.fontWeight = fontWeight;\n\t\t/* [END] Font Weight Customization */\n\n\t\tif (this.props.italic) {\n\t\t\tclassNames.push('italic')\n\t\t}\n\t\tif (this.props.underline || this.props.underlined) {\n\t\t\tclassNames.push('underline')\n\t\t}\n\n\t\tif (this.props.uppercase) {\n\t\t\tclassNames.push('uppercase')\n\t\t}\n\n\t\tif (this.props.className) {\n\t\t\tclassNames.push(this.props.className);\n\t\t}\n\n\t\tif (this.props.lineHeight) {\n\t\t\t\n\t\t\tlet lineHeight = null;\n\n\t\t\tif (typeof this.props.lineHeight === 'string' && _.includes(this.props.lineHeight, 'rem')) {\n\t\t\t\tlineHeight = parseFloat(this.props.lineHeight.replace('rem', '')) + 'rem';\n\t\t\t} else {\n\t\t\t\tlineHeight = parseFloat(this.props.lineHeight) + 'rem';\n\t\t\t}\n\t\t\tstyle.lineHeight = lineHeight;\n\t\t}\n\n\n\t\tif (this.props.block) {\n\t\t\tstyle.display = 'block';\n\t\t}\n\n\t\tif (this.props.style) {\n\t\t\tstyle = {\n\t\t\t\t...style,\n\t\t\t\t...this.props.style,\n\t\t\t};\n\t\t}\n\n\n\t\tlet finalText = this.props.children;\n\n\t\tif (\n\t\t\t\t!this.props.doNotTranslate && \n\t\t\t\tthis.props.translations && \n\t\t\t\tObject.keys(this.props.translations).length > 0 &&\n\t\t\t\ttypeof(finalText) === 'string' &&\n\t\t\t\t( this.props.forceTranslate || !(/\\d/.test(finalText)) )&& //String contains no numbers or forceTranslate\n\t\t\t\tfinalText !== '|' &&\n\t\t\t\tfinalText !== ' | '\n\t\t\t) \n\t\t\t{\n\t\t\t/**\n\t\t\t * Get the translated text\n\t\t\t */\n\t\t\tlet textMd5Hash = SparkMD5.hash(finalText);\n\n\n\t\t\t/**\n\t\t\t * Check if we already have a translation for it\n\t\t\t */\n\t\t\tfinalText = this.props.translations[textMd5Hash] ? this.props.translations[textMd5Hash] : null;\n\n\t\t\tif (!finalText) {\n\t\t\t\t/**\n\t\t\t\t * Save in the table to be translated later\n\t\t\t\t */\n\t\t\t\tif (this.props.new_translations_enabled) { // enable only on local and staging and that too when new text is present or after every few months\n\t\t\t\t\t//this.translateLater(this.props.children);\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\tfinalText = this.props.children;\n\t\t\t}\n\t\t} else {\n\t\t\t// console.log(finalText);\n\t\t\t// console.log(typeof(finalText));\n\t\t}\n\n\n\t\treturn (\n\t\t\t\n\t\t\t\t{finalText}\n\t\t\t\n\t\t)\n\t}\n\n}\n\n// Text.propTypes = {\n// darkBlueLink: PropTypes.bool,\n// bold: PropTypes.bool,\n// thin: PropTypes.bool,\n// block: PropTypes.bool,\n// label: PropTypes.bool,\n// className: PropTypes.string,\n// style: PropTypes.object,\n// onClick: PropTypes.func,\n// size: PropTypes.oneOfType([\n// \tPropTypes.number,\n// \tPropTypes.string,\n// ])\n// }\n\nfunction mapPropsToState(state, props) {\n\treturn {\n\t\ttranslations: state.translations,\n\t\tnew_translations_enabled: (state.account && state.account.new_translations_enabled && state.account.new_translations_enabled == 1) ? true : false\n\t}\n}\n\n\nexport default connect(mapPropsToState, null)(Text);\n\n\n\n\n","import CommonActionTypes from '../../../actions/Common'\n\n\nfunction RefreshPointBalance() {\n return {\n type: CommonActionTypes.REFRESH_POINT_BALANCE,\n }\n}\n\nfunction AddEarnedPoints(points) {\n return {\n type: CommonActionTypes.ADD_USER_EARNED_POINTS,\n points: points,\n }\n}\n\nfunction RefreshPointBalanceSuccess(pointBalance) {\n return {\n type: CommonActionTypes.REFRESH_POINT_BALANCE_SUCCESS,\n pointBalance: pointBalance,\n }\n}\n\nfunction RefreshPointBalanceError(error) {\n return {\n type: CommonActionTypes.REFRESH_POINT_BALANCE_ERROR,\n error: error,\n }\n}\n\nfunction RefreshWalletPoints() {\n return {\n type: CommonActionTypes.REFRESH_WALLET_POINTS,\n }\n}\n\nfunction RefreshWalletPointsSuccess(walletBalance, WalletPointsRedeemed) {\n return {\n type: CommonActionTypes.REFRESH_WALLET_POINTS_SUCCESS,\n wallet_balance_in_points: walletBalance,\n wallet_points_redeemed: WalletPointsRedeemed,\n }\n}\n\nfunction RefreshWalletPointsError(error) {\n return {\n type: CommonActionTypes.REFRESH_WALLET_POINTS_ERROR,\n error: error,\n }\n}\n\n\nfunction RefreshUser() {\n return {\n type: CommonActionTypes.REFRESH_USER,\n }\n}\n\nfunction RefreshUserSuccess(userData) {\n return {\n type: CommonActionTypes.REFRESH_USER_SUCCESS,\n userData: userData,\n }\n}\n\nfunction RefreshUserError(error) {\n return {\n type: CommonActionTypes.REFRESH_USER_ERROR,\n error: error,\n }\n}\n\nfunction UpdateUserProfilePicture(newProfilePicUrl) {\n return {\n type: CommonActionTypes.UPDATE_USER_PROFILE_PICTURE,\n newProfilePicUrl: newProfilePicUrl,\n }\n}\n\nfunction UpdateUserProfile(data) {\n return {\n type: CommonActionTypes.UPDATE_USER_PROFILE,\n data: data,\n }\n}\n\nfunction UpdateLastSeenNotifTimeStamp() {\n return {\n type: CommonActionTypes.UPDATE_USER_LAST_SEEN_NOTIFICATION_TIMESTAMP,\n }\n}\n\nfunction LockOts() {\n return {\n type: CommonActionTypes.LOCK_OTS,\n }\n}\n\nfunction UserOptedIn(template_type) {\n return {\n type: CommonActionTypes.USER_OPTED_IN,\n template_type: template_type\n }\n}\n\nfunction SetPreferredDistributor(preferredDistributorId) {\n return {\n type: CommonActionTypes.SET_PREFERRED_DISTRIBUTOR,\n preferred_distributor: preferredDistributorId\n }\n}\n\nfunction LogUserAction(data) {\n return {\n type: CommonActionTypes.LOG_USER_ACTION,\n data: data,\n }\n}\n\nfunction SetGameScBalance(game_sc_balance, game_sc_win) {\n return {\n type: CommonActionTypes.SET_GAME_SC_BALANCE,\n game_sc_balance,\n game_sc_win,\n }\n}\n\nexport {\n RefreshPointBalance,\n AddEarnedPoints,\n RefreshPointBalanceSuccess,\n RefreshPointBalanceError,\n\n RefreshWalletPoints,\n RefreshWalletPointsSuccess,\n RefreshWalletPointsError,\n\n UpdateUserProfilePicture,\n UpdateUserProfile,\n\n RefreshUser,\n RefreshUserSuccess,\n RefreshUserError,\n\n UpdateLastSeenNotifTimeStamp,\n\n LockOts,\n UserOptedIn,\n SetPreferredDistributor,\n LogUserAction,\n SetGameScBalance\n}\n\n\n\n\n"],"sourceRoot":""}\n \n {/* Children will be passed to recharts' PieChart component*/}\n {this.props.children}\n \n
\n\n }\n