{"version":3,"sources":["webpack:///src/modules/business-organization-list/business-organization-list.view.tsx?8701","webpack:///src/modules/business-organization-list/components/small-components.tsx?104e","webpack:///src/modules/business-organization-list/business-organization-list.tsx?b6f5"],"names":["BusinessFormItem","wrapper","label","errorMessage","input","BusinessUserForm","props","modalClassName","FormWrapper","modalHeading","modalDescription","inputs","buttons","toggle","modalBody","map","item","error","index","key","modalFooter","button","_renderModal","BusinessUserDetails","selectedUser","resources","FirstName","LastName","userFullName","className","Object","keys","data","isModalOpen","headingSection","bodySection","footerSection","toggleModal","wrapClassName","autoFocus","fade","applicationNode","isOpen","OrganizationUserList","moduleContainer","heading","noUsersText","addUserButton","organizationListTable","form","formType","requestAccountStatementButton","requestStatementModal","ButtonList","type","formProps","_getForm","FormInput","id","value","pattern","maxLength","isRequired","isDisabled","onChange","undefined","required","GetMaxLength","disabled","FormLabel","forId","text","htmlFor","FormButton","ariaLabel","telemetryContent","onClick","payLoad","attributes","FormFieldError","message","errorClassName","role","parsedMaxLength","Number","parseInt","isNaN","FormType","InputType","InputID","renderInputSection","onInputChange","element","customClass","maxChars","super","BusinessFormDefaultInputs","Text","this","businessUserFirstNameLabelText","businessUserLastNameLabelText","Email","businessUserEmailAddressLabelText","SpendingLimit","businessUserSpendingLimitLabelText","moduleClassName","_handleAddUserButtonClicked","newForm","state","formItems","forEach","newUser","B2BUserId","Guid","generateGuid","setState","isFormActive","Add","hasFormError","hasActionError","selectedUserData","_handleAddEditFormSaveButton","async","context","updatedUser","_createBusinessPartner","Edit","actionContext","then","window","location","reload","catch","telemetry","trace","parseFloat","_handleFormCancelButton","None","_handleEditIcon","userData","possibleName","find","cell","fullName","lastSpaceIndex","lastIndexOf","firstName","substring","lastName","possibleCell","dataCell","user","_handleDeleteIcon","displayedUserData","Price","cultureFormatter","formatCurrency","Remove","_handleViewDetails","View","_handleRemoveUserButton","deleteUserData","_onInputChange","event","target","prev","refresh","isReady","_isFormReady","formItem","length","match","_formatPrice","price","toString","_getCurrentUrl","reqContext","isBrowser","URL","href","url","requestUrl","_getViewport","request","device","Type","innerWidth","gridSettings","xs","w","sm","md","lg","_toggleStatementRequestDropdown","isStatementRequestAdminDropdownOpen","_updateFromDate","newFromDate","statementRequestFromDateString","_updateToDate","newToDate","statementRequestToDateString","_showRequestStatementModal","isFullOrg","statementRequestFullOrg","isStatementRequestModalOpen","_requestStatement","customer","customerInformation","result","currentUser","users","_getB2BUserId","statementRequest","FromDate","Date","ToDate","IsForFullOrganization","RequestedUserId","RequestingUserEmail","DeliveryTypeValue","callerContext","requestAccountStatementAsync","_closeStatementRequestModal","_onSelectRow","records","selectedRow","rowProps","isSelected","row","_toggleModal","bind","mobileExcludedColumns","Status","_viewport","_updateViewport","telemetryPageName","friendlyName","isNullOrWhitespace","businessUserSelectedUserDisplayName","replace","addEventListener","removeEventListener","config","businessUserAddUserButtonText","businessUserLoadingMessage","businessUserEmptyListMessage","businessUserErrorGettingUsersMessage","userAccountStatementLabel","fullOrganizationLabel","requestStatementButtonLabel","statementRequestModalHeaderLabel","cancelLabel","fromDateLabel","toDateLabel","submitRequestLabel","sendToEmailLabel","selectedUserLabel","hasUsers","contentAction","etext","AddUser","addUserAttributes","status","errorProps","moduleProps","headingTag","tag","renderView","viewProps","modalState","_createTableProps","_renderUserForm","_renderUserDetails","onRequestStatement","onToggleDropdown","myUserAccountLabel","isDropdownShowing","email","fromDateString","toDateString","onChangeFromDate","onChangeToDate","canSubmitRequest","canSubmitStatementRequest","modalHeaderLabel","onSubmitRequest","selectedUserName","tableSort","showPagination","paginationItemPerPage","businessUserPaginationNextButtonText","businessUserPaginationPreviousButtonText","businessUserEditButtonText","businessUserViewUserButtonText","businessUserDeleteButtonText","businessUserActionButtonText","businessUserPaginationAriaLabel","tableData","_createTableItems","headings","isMobile","includes","name","sortable","rows","editLinkText","deleteLinkText","viewLinkText","editLinkTooltip","deleteLinkTooltip","viewLinkTooltip","enableToModify","actionLinkText","showCheckBoxes","isSortable","minifyActions","excludedColumns","paginationProperty","skipCount","query","skip","itemPerPage","prevText","nextText","paginationText","isSingleSelectOnly","actions","onDelete","onEdit","onView","formatPrice","checkBoxCallback","businessUserActiveStatusText","businessUserPendingStatusText","businessUserRemovedStatusText","usersList","statusString","StatusValue","FullName","businessUserRemoveModalHeaderText","businessUserRemoveModalDescription","businessUserViewModalHeaderText","businessUserCancelButtonText","businessUserCancelRemoveUserButtonText","businessUserRemoveUserButtonText","businessUserErrorUpdatingUsersMessage","formClassName","typeClassName","businessUserEditUserFormHeadingText","businessUserAddUserFormHeadingText","businessUserSaveButtonArialabel","businessUserSaveButtonText","businessUserCancelButtonArialabel","businessUserFieldIncorrectErrorText","businessUserActionErrorText","businessUserAllFieldsRequiredMessage"],"mappings":"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","file":"static/js/14.95cad574c56c4705.chunk.js","sourcesContent":["/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { Modal, ModalBody, ModalFooter, ModalHeader, Module, Node } from '@msdyn365-commerce-modules/utilities';\nimport * as React from 'react';\n\nimport { IBusinessOrganizationListViewProps, IFormViewProps, InputID } from './business-organization-list';\nimport { IBusinessFormItem } from './components/small-components';\n\nconst BusinessFormItem: React.FC<IBusinessFormItem> = ({\n    wrapper,\n    label,\n    errorMessage,\n    input\n}) => {\n    return (\n        <Node {...wrapper}>\n            {label}\n            {errorMessage}\n            {input}\n        </Node>\n    );\n};\n\nconst BusinessUserForm: React.FC<IFormViewProps> = (props: IFormViewProps) => {\n    const { modalClassName, FormWrapper, modalHeading, modalDescription, inputs, buttons, errorMessage, toggle } = props;\n\n    const modalBody = (\n        <>\n            {modalDescription}\n            <Node {...FormWrapper}>\n                {inputs && inputs.map((item: IBusinessFormItem) => {\n                    return (\n\n                        <BusinessFormItem {...item} />\n                    );\n                })}\n                {errorMessage && errorMessage.map((error: React.ReactNode, index: number) => {\n                    return (\n                        <React.Fragment key={index}>\n                            {error}\n                        </React.Fragment>\n                    );\n                })}\n            </Node>\n        </>\n\n    );\n\n    const modalFooter = buttons && buttons.map((button: React.ReactNode, index: number) => {\n        return (\n            <React.Fragment key={index}>\n                {button}\n            </React.Fragment>\n        );\n    });\n\n    return _renderModal(modalClassName, true, modalHeading, modalBody, modalFooter, toggle);\n};\n\nconst BusinessUserDetails: React.FC<IFormViewProps> = (props: IFormViewProps) => {\n    const { modalClassName, FormWrapper, modalHeading, modalDescription, selectedUser, buttons, errorMessage, resources, toggle } = props;\n    let modalBody = null;\n\n    if (!selectedUser) {\n        modalBody = errorMessage;\n    } else {\n        const { FirstName, LastName } = selectedUser;\n        const userFullName = `${FirstName} ${LastName}`;\n\n        modalBody = (\n            <>\n                { modalDescription }\n                <ul className={`${FormWrapper.className}-list`}>\n                    <li className={`${FormWrapper.className}-list-item-name`}>\n                        {userFullName}\n                    </li>\n                    { Object.keys(selectedUser).map((data) => {\n                        if (data === InputID.FirstName || data === InputID.LastName) {\n                            return null;\n                        }\n                        const label = resources[`table${data}HeadingText`] || data;\n                        return (<li className={`${FormWrapper.className}-list-item`}>\n                            {label}\n                            {': '}\n                            {selectedUser[data]}\n                        </li>);\n\n                    })}\n                </ul>\n            </>\n        );\n    }\n\n    const modalFooter = buttons && buttons.map((button: React.ReactNode, index: number) => {\n        return (\n            <React.Fragment key={index}>\n                {button}\n            </React.Fragment>\n        );\n    });\n\n    return _renderModal(modalClassName, true, modalHeading, modalBody, modalFooter, toggle);\n};\n\nconst _getForm = (type: string, formProps: IFormViewProps, toggleModal?: () => void) => {\n    switch (type) {\n        case 'ADD':\n        case 'EDIT':\n            return <BusinessUserForm {...formProps} toggle={toggleModal} />;\n        case 'VIEW':\n        case 'REMOVE':\n            return <BusinessUserDetails {...formProps} toggle={toggleModal} />;\n        default:\n            return null;\n    }\n};\n\nconst _renderModal = (className: string, isModalOpen: boolean, headingSection: React.ReactNode, bodySection: React.ReactNode, footerSection: React.ReactNode, toggleModal?: () => void) => {\n    return (\n        <Modal\n            className='msc-modal-input-required'\n            wrapClassName={className}\n            autoFocus\n            fade={false}\n            applicationNode='renderPage'\n            isOpen={isModalOpen}\n            toggle={toggleModal}\n        >\n            <ModalHeader toggle={toggleModal}>\n                {headingSection}\n            </ModalHeader>\n            <ModalBody>\n                {bodySection}\n            </ModalBody>\n            <ModalFooter>\n                {footerSection}\n            </ModalFooter>\n        </Modal>\n    );\n};\n\nconst BusinessOrganizationList: React.FC<IBusinessOrganizationListViewProps> = props => {\n    const { OrganizationUserList, moduleContainer, heading, noUsersText, addUserButton, organizationListTable, form, formType, toggleModal, requestAccountStatementButton, requestStatementModal } = props;\n\n    const ButtonList: React.ReactNode =\n        (\n            <div className='ms-business-organization-list__buttonBar'>\n                {addUserButton}\n                {requestAccountStatementButton}\n            </div>\n        );\n\n    if (noUsersText) {\n        return (\n            <Module {...OrganizationUserList}>\n                <Node {...moduleContainer}>\n                    {heading}\n                    {ButtonList}\n                    {requestStatementModal}\n                    {noUsersText}\n                </Node>\n            </Module>\n        );\n    }\n\n    return (\n        <Module {...OrganizationUserList}>\n            <Node {...moduleContainer}>\n                {heading}\n                {ButtonList}\n                {requestStatementModal}\n                {organizationListTable}\n            </Node>\n            { form && _getForm(formType, form, toggleModal) }\n        </Module>\n    );\n};\n\nexport default BusinessOrganizationList;\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport { Button, getPayloadObject, getTelemetryAttributes, INodeProps, ITelemetryContent } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport * as React from 'react';\n\nimport { InputType } from '../business-organization-list';\n\nexport interface IBusinessForm {\n    FormWrapper: INodeProps;\n    message?: React.ReactNode;\n    items: IBusinessFormItem[];\n    buttons: React.ReactNode[];\n    errorMessage: React.ReactNode[];\n}\n\nexport interface IBusinessFormItem {\n    wrapper: INodeProps;\n    key: string;\n    label: React.ReactNode;\n    errorMessage: React.ReactNode;\n    input: React.ReactNode;\n}\n\nexport interface IBusinessFormInput {\n    label: React.ReactNode;\n    alert: React.ReactNode;\n    input: React.ReactNode;\n}\n\nexport interface IUserFormItem {\n    id: string;\n    type: InputType;\n    label: string;\n    value: string;\n    maxChars?: string;\n    isRequired: boolean;\n    pattern?: string;\n    isDisabled?: boolean;\n    customClass?: string;\n}\n\nexport interface IBusinessFormInputProps {\n    id?: string;\n    type: string;\n    value?: string;\n    pattern?: string;\n    className: string;\n    maxLength?: string;\n    isRequired: boolean;\n    isDisabled?: boolean;\n    onChange?(event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>): void;\n}\n\nexport const FormInput: React.FC<IBusinessFormInputProps> = ({ id, type, value, pattern, className, maxLength, isRequired, isDisabled, onChange }) => (\n    <input\n        id={id}\n        type={type}\n        value={value}\n        className={`${className}-input`}\n        pattern={pattern !== '' ? pattern : undefined}\n        aria-required={isRequired}\n        required={isRequired}\n        maxLength={GetMaxLength(maxLength)}\n        onChange={onChange}\n        disabled={isDisabled}\n    />\n);\n\nexport interface IBusinessFormLabel {\n    id: string;\n    forId: string;\n    className: string;\n    text: string;\n}\n\nexport const FormLabel: React.FC<IBusinessFormLabel> = ({ id, forId, className, text }) => (\n    <label id={`${id}_label`} className={`${className}-label`} htmlFor={forId}>\n        {text}\n    </label>\n);\n\nexport interface IBusinessFormButton {\n    id?: string;\n    className: string;\n    text: string;\n    ariaLabel: string;\n    disabled?: boolean;\n    telemetryContent?: ITelemetryContent;\n    onClick?(event: React.MouseEvent<HTMLElement>): void;\n}\n\nexport const FormButton: React.FC<IBusinessFormButton> = ({ id, className, text, ariaLabel, telemetryContent, disabled, onClick }) => {\n    const payLoad = getPayloadObject('click', telemetryContent!, text);\n    const attributes = getTelemetryAttributes(telemetryContent!, payLoad);\n    return (\n        <Button\n            id={id}\n            className={className}\n            aria-label={ariaLabel}\n            disabled={disabled}\n            onClick={onClick}\n            {...attributes}\n        >\n            {text}\n        </Button>\n    );\n};\n\nexport interface IBusinessFormErrorProps {\n    id?: string;\n    className: string;\n    type?: string;\n    message?: string;\n}\n\nexport const FormFieldError: React.FC<IBusinessFormErrorProps> = ({ id, className, type = 'page', message }) => {\n    const errorClassName = `${className}__${type}-error`;\n\n    return (\n        <div\n            id={id} className={classnames(errorClassName, 'error', `${type}Level`)} role='alert'\n            aria-live='assertive' aria-hidden='true'>\n            <p className={`${errorClassName}-text`}>\n                {message}\n            </p>\n        </div>\n    );\n\n};\n\nconst GetMaxLength = (maxLength?: string): number | undefined => {\n    if (maxLength) {\n        const parsedMaxLength = Number.parseInt(maxLength, 10);\n        if (!isNaN(parsedMaxLength)) {\n            return parsedMaxLength;\n        }\n    }\n\n    return undefined;\n};\n","/*--------------------------------------------------------------\n * Copyright (c) Microsoft Corporation. All rights reserved.\n * See License.txt in the project root for license information.\n *--------------------------------------------------------------*/\n\nimport MsDyn365, { IRequestContext } from '@msdyn365-commerce/core';\nimport { AccountStatementRequest, BusinessPartnerOperationDeliveryType, BusinessPartnerUser, BusinessPartnerUsersDataActions } from '@msdyn365-commerce/retail-proxy';\nimport { AdminRequestStatementButton, RequestStatementModal } from '@msdyn365-commerce-modules/account-management';\nimport { addOrganizationUser, AddOrganizationUserInput, deleteOrganizationUser, DeleteOrganizationUserInput, editOrganizationUser, EditOrganizationUserInput, Random, StringExtensions } from '@msdyn365-commerce-modules/retail-actions';\nimport { Button, getPayloadObject, getTelemetryAttributes, getTelemetryObject, Heading, IDataTableProps, IHeadingsProperty, IModuleProps, INodeProps, IPayLoad,\n    ITableItemProps, ITableRowProps, ITelemetryContent, Table, TableDataType, TelemetryConstant } from '@msdyn365-commerce-modules/utilities';\nimport classnames from 'classnames';\nimport { computed, observable } from 'mobx';\nimport { observer } from 'mobx-react';\nimport * as React from 'react';\n\nimport { IBusinessOrganizationListData } from './business-organization-list.data';\nimport { IBusinessOrganizationListProps, IBusinessOrganizationListResources } from './business-organization-list.props.autogenerated';\nimport { FormButton, FormFieldError, FormInput, FormLabel, IBusinessFormItem, IUserFormItem } from './components';\n\nexport interface IBusinessOrganizationListViewProps extends IBusinessOrganizationListProps<IBusinessOrganizationListData> {\n    OrganizationUserList: IModuleProps;\n    moduleContainer: INodeProps;\n    heading: React.ReactNode;\n    noUsersText?: string;\n    addUserButton?: React.ReactNode;\n    search?: React.ReactNode;\n    organizationListTable: React.ReactNode;\n    form?: IFormViewProps;\n    formItems?: IUserFormItem[];\n    formType: FormType;\n    deleteUserForm?: React.ReactNode;\n    viewUserDetails?: React.ReactNode;\n    modalHeading?: React.ReactNode;\n    modalState?: boolean;\n    requestAccountStatementButton: React.ReactNode;\n    requestStatementModal: React.ReactNode;\n    toggleModal?(): void;\n}\n\nexport interface IBusinessOrganizationListState {\n    isReady: boolean;\n    formItems: IUserFormItem[];\n    isFormActive: boolean;\n    formType: FormType;\n    selectedUserData?: BusinessPartnerUser;\n\n    displayedUserData?: any;\n    refresh: boolean;\n    isModalOpen: boolean;\n    hasFormError: boolean;\n    hasActionError: boolean;\n    isStatementRequestModalOpen: boolean;\n    statementRequestFromDateString: string;\n    statementRequestToDateString: string;\n    isStatementRequestAdminDropdownOpen: boolean;\n    statementRequestFullOrg: boolean;\n}\n\ntype GridSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport enum FormType {\n    None = 'NONE',\n    Edit = 'EDIT',\n    Remove = 'REMOVE',\n    View = 'VIEW',\n    Add = 'ADD'\n}\n\nexport enum InputType {\n    Text = 'text',\n    Email = 'email'\n}\n\nexport enum InputID {\n    FirstName = 'FirstName',\n    LastName = 'LastName',\n    B2BUserId = 'B2BUserId',\n    Email = 'Email',\n    SpendingLimit = 'SpendingLimit',\n    Status = 'Status',\n    FullName = 'Name'\n}\n\nexport interface IFormViewProps {\n    modalClassName: string;\n    FormWrapper: INodeProps;\n    modalHeading?: string;\n    modalDescription?: React.ReactNode;\n    inputs?: IBusinessFormItem[];\n\n    selectedUser?: any;\n    buttons?: React.ReactNode[];\n    errorMessage?: React.ReactNode[];\n    resources: IBusinessOrganizationListResources;\n    toggle?(): void;\n}\n\nexport const renderInputSection = (inputs: IUserFormItem[], className: string, onInputChange: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void): IBusinessFormItem[] => {\n    return inputs.map((element) => {\n        const { customClass, id, type, label, maxChars, isRequired, pattern, value, isDisabled } = element;\n\n        return {\n            wrapper: {\n                className: classnames(className, id, customClass)\n            },\n            key: id,\n            label: <FormLabel {...{ id, forId: id, className, text: label }} />,\n            errorMessage: <FormFieldError {...{ className, type: 'item' }} />,\n            input: (\n                <FormInput\n                    {\n                        ...{\n                            id,\n                            type,\n                            maxLength: maxChars,\n                            pattern,\n                            value,\n                            className,\n                            isRequired: isRequired === undefined ? false : isRequired,\n                            onChange: onInputChange,\n                            isDisabled\n                        }\n                    }\n                />\n            )\n        };\n    });\n};\n\ninterface IUserTableItemProps extends ITableItemProps {\n    user: BusinessPartnerUser;\n}\n\n/**\n *\n * BusinessOrganizationList component.\n * @extends {React.PureComponent<IBusinessOrganizationListProps<IBusinessOrganizationListData>>}\n */\n@observer\nclass BusinessOrganizationList extends React.Component<IBusinessOrganizationListProps<IBusinessOrganizationListData>, IBusinessOrganizationListState> {\n\n    public BusinessFormDefaultInputs: IUserFormItem[] = [\n        {\n            id: InputID.FirstName,\n            type: InputType.Text,\n            label: this.props.resources.businessUserFirstNameLabelText,\n            value: '',\n            isRequired: true,\n            customClass: 'width-50'\n        },\n        {\n            id: InputID.LastName,\n            type: InputType.Text,\n            label: this.props.resources.businessUserLastNameLabelText,\n            value: '',\n            isRequired: true,\n            customClass: 'width-50'\n        },\n        {\n            id: InputID.Email,\n            type: InputType.Email,\n            label: this.props.resources.businessUserEmailAddressLabelText,\n            value: '',\n            isRequired: true,\n            pattern: '^[a-zA-Z0-9.!#$%&\\'^_`{}~-]+@[a-zA-Z0-9-]+(?:\\\\.[a-zA-Z0-9-]+)*$',\n            customClass: 'width-100'\n        },\n        {\n            id: InputID.SpendingLimit,\n            type: InputType.Text,\n            label: this.props.resources.businessUserSpendingLimitLabelText,\n            value: '',\n            isRequired: false,\n            customClass: 'width-50'\n        }\n    ];\n\n    private readonly moduleClassName: string = 'ms-business-organization-list';\n\n    private readonly mobileExcludedColumns: string[];\n\n    @observable\n    private _viewport: GridSize;\n\n    @computed get isMobile(): boolean {\n        return (this._viewport === 'xs' || this._viewport === 'sm');\n    }\n\n    @computed get canSubmitStatementRequest(): boolean {\n        return (!StringExtensions.isNullOrWhitespace(this.state.statementRequestFromDateString) && !StringExtensions.isNullOrWhitespace(this.state.statementRequestToDateString));\n    }\n\n    @computed get selectedUserName(): string {\n        const { businessUserSelectedUserDisplayName } = this.props.resources;\n        return this.state.selectedUserData ? businessUserSelectedUserDisplayName\n            .replace('{firstName}', (this.state.selectedUserData.FirstName || ''))\n            .replace('{lastName}', (this.state.selectedUserData.LastName || '')) : '';\n    }\n\n    private readonly telemetryContent?: ITelemetryContent;\n\n    private readonly payLoad: IPayLoad;\n\n    constructor(props: IBusinessOrganizationListProps<IBusinessOrganizationListData>) {\n        super(props);\n        this._toggleModal = this._toggleModal.bind(this);\n        this._onInputChange = this._onInputChange.bind(this);\n        this._handleRemoveUserButton = this._handleRemoveUserButton.bind(this);\n\n        this.mobileExcludedColumns = [InputID.Email, InputID.Status, InputID.SpendingLimit];\n        this._viewport = props.context.request && props.context.request.device && props.context.request.device.Type === 'Mobile' ? 'xs' : 'lg';\n        this._updateViewport = this._updateViewport.bind(this);\n\n        this.state = {\n            isReady: false,\n            formItems: this.BusinessFormDefaultInputs,\n            isFormActive: false,\n            formType: FormType.None,\n            refresh: true,\n            isModalOpen: false,\n            hasFormError: false,\n            hasActionError: false,\n            isStatementRequestModalOpen: false,\n            statementRequestFromDateString: '',\n            statementRequestToDateString: '',\n            isStatementRequestAdminDropdownOpen: false,\n            statementRequestFullOrg: false\n        };\n\n        this.telemetryContent = getTelemetryObject(this.props.context.request.telemetryPageName!, this.props.friendlyName, this.props.telemetry);\n        this.payLoad = getPayloadObject('click', this.telemetryContent, '');\n        this._updateViewport();\n    }\n\n    public componentDidMount(): void {\n        if (MsDyn365.isBrowser && window.addEventListener) {\n            window.addEventListener('resize', this._updateViewport);\n            this._updateViewport();\n        }\n    }\n\n    public componentWillUnmount(): void {\n        if (MsDyn365.isBrowser && window.removeEventListener) {\n            window.removeEventListener('resize', this._updateViewport);\n        }\n    }\n\n    public render(): JSX.Element | null {\n        const { config, resources, data: { users } } = this.props;\n        const { className, heading } = config;\n        const { businessUserAddUserButtonText, businessUserLoadingMessage, businessUserEmptyListMessage, businessUserErrorGettingUsersMessage, userAccountStatementLabel, fullOrganizationLabel,\n            requestStatementButtonLabel, statementRequestModalHeaderLabel, cancelLabel, fromDateLabel, toDateLabel, submitRequestLabel, sendToEmailLabel, selectedUserLabel } = resources;\n        const { formItems, isFormActive, formType, isModalOpen, statementRequestFromDateString, statementRequestToDateString, isStatementRequestModalOpen } = this.state;\n\n        const hasUsers = users && users.result && users.result.length > 0;\n        this.payLoad.contentAction.etext = TelemetryConstant.AddUser;\n        const addUserAttributes = getTelemetryAttributes(this.telemetryContent!, this.payLoad);\n\n        const customer = this.props.data.customerInformation?.result;\n\n        if (!hasUsers) {\n            let errorMessage = '';\n            if (users.status === 'LOADING') {\n                errorMessage = businessUserLoadingMessage;\n            } else if (users.status === 'FAILED') {\n                errorMessage = businessUserErrorGettingUsersMessage;\n            } else if (users.result && users.result.length === 0) {\n                errorMessage = businessUserEmptyListMessage;\n            }\n\n            const errorProps = {\n                ...this.props,\n                className,\n                OrganizationUserList: {\n                    moduleProps: this.props,\n                    className: classnames(this.moduleClassName, className)\n                },\n                moduleContainer: {\n                    className: `${this.moduleClassName}__container`\n                },\n                heading: heading && <Heading className={`${this.moduleClassName}__heading`} headingTag={heading.tag} text={heading.text} />,\n                addUserButton: <Button className={`${this.moduleClassName}__add-user-button`} onClick={this._handleAddUserButtonClicked} {...addUserAttributes} >\n                    {businessUserAddUserButtonText}\n                </Button>,\n                noUsersText: <p className={`${this.moduleClassName}__error-message`}>\n                    {errorMessage}\n                </p>\n            };\n\n            return this.props.renderView(errorProps) as React.ReactElement;\n        }\n\n        const viewProps = {\n            ...this.props,\n            className,\n            OrganizationUserList: {\n                moduleProps: this.props,\n                className: classnames(this.moduleClassName, className)\n            },\n            moduleContainer: {\n                className: `${this.moduleClassName}__container`\n            },\n            heading: heading && <Heading className={`${this.moduleClassName}__heading`} headingTag={heading.tag} text={heading.text} />,\n            modalState: isModalOpen,\n            addUserButton: <Button className={`${this.moduleClassName}__add-user-button`} onClick={this._handleAddUserButtonClicked} {...addUserAttributes} >\n                {businessUserAddUserButtonText}\n            </Button>,\n            organizationListTable: <Table {...this._createTableProps()} />,\n            toggleModal: this._toggleModal,\n            formType,\n            form: isFormActive && isModalOpen && (formType === FormType.Add || formType === FormType.Edit) ? this._renderUserForm() : this._renderUserDetails(),\n            formItems,\n            requestAccountStatementButton: (\n                <AdminRequestStatementButton\n                    className={classnames(this.moduleClassName, className)}\n                    onRequestStatement={this._showRequestStatementModal}\n                    requestStatementButtonLabel={requestStatementButtonLabel}\n                    onToggleDropdown={this._toggleStatementRequestDropdown}\n                    myUserAccountLabel={userAccountStatementLabel}\n                    fullOrganizationLabel={fullOrganizationLabel}\n                    isDropdownShowing={this.state.isStatementRequestAdminDropdownOpen}\n                />\n            ),\n            requestStatementModal: (\n                <RequestStatementModal\n                    email={customer?.Email || ''}\n                    isModalOpen={isStatementRequestModalOpen}\n                    toggle={this._closeStatementRequestModal}\n                    fromDateString={statementRequestFromDateString}\n                    toDateString={statementRequestToDateString}\n                    onChangeFromDate={this._updateFromDate}\n                    onChangeToDate={this._updateToDate}\n                    canSubmitRequest={this.canSubmitStatementRequest}\n                    modalHeaderLabel={statementRequestModalHeaderLabel}\n                    sendToEmailLabel={sendToEmailLabel}\n                    fromDateLabel={fromDateLabel}\n                    toDateLabel={toDateLabel}\n                    submitRequestLabel={submitRequestLabel}\n                    cancelLabel={cancelLabel}\n                    onSubmitRequest={this._requestStatement}\n                    className={classnames(this.moduleClassName, className)}\n                    selectedUserLabel={selectedUserLabel}\n                    selectedUser={this.state.statementRequestFullOrg ? '' : this.selectedUserName}\n                />\n            )\n        } as IBusinessOrganizationListViewProps;\n\n        return this.props.renderView(viewProps) as React.ReactElement;\n    }\n\n    // _createTableProps: creates the props for the organization list table\n    private _createTableProps(): IDataTableProps {\n        const { config, resources, context } = this.props;\n        const { tableSort, showPagination, paginationItemPerPage } = config;\n        const { businessUserPaginationNextButtonText, businessUserPaginationPreviousButtonText, businessUserEditButtonText, businessUserViewUserButtonText,\n            businessUserDeleteButtonText, businessUserActionButtonText, businessUserPaginationAriaLabel } = resources;\n\n        const tableData = this._createTableItems();\n        const tableHeading = tableData.length > 0 && tableData[0].row.map((item) => {\n            if (this.isMobile && this.mobileExcludedColumns.includes(item.id)) {\n                return undefined;\n            }\n            return {\n                name: item.id,\n                sortable: tableSort && tableSort || false\n            } as IHeadingsProperty;\n\n        }) || [];\n\n        return {\n            resources,\n            headings: tableHeading,\n            rows: tableData,\n            className: `${this.moduleClassName}__table`,\n            editLinkText: this.isMobile ? businessUserEditButtonText : '', // '' === showing just icon\n            deleteLinkText: this.isMobile ? businessUserDeleteButtonText : '', // '' === showing just icon\n            viewLinkText: businessUserViewUserButtonText,\n            editLinkTooltip: businessUserEditButtonText,\n            deleteLinkTooltip: businessUserDeleteButtonText,\n            viewLinkTooltip: businessUserViewUserButtonText,\n            enableToModify: true,\n            actionLinkText: businessUserActionButtonText,\n            showCheckBoxes: true,\n            isSortable: tableSort,\n            showPagination,\n            minifyActions: this.isMobile,\n            excludedColumns: this.isMobile ? this.mobileExcludedColumns : [],\n            paginationProperty: {\n                skipCount: context && context.request && context.request.query && context.request.query.skip && !isNaN(Number.parseInt(context.request.query.skip, 10)) ? Number.parseInt(context.request.query.skip, 10) : 0,\n                itemPerPage: paginationItemPerPage || 10,\n                prevText: businessUserPaginationPreviousButtonText,\n                nextText: businessUserPaginationNextButtonText,\n                paginationText: businessUserPaginationAriaLabel,\n                url: context && this._getCurrentUrl(context.request).href || ''\n            },\n            isSingleSelectOnly: true,\n            actions: {\n                onDelete: this._handleDeleteIcon,\n                onEdit: this._handleEditIcon,\n                onView: this.isMobile && this._handleViewDetails || undefined\n            },\n            formatPrice: this._formatPrice,\n            checkBoxCallback: this._onSelectRow\n        };\n    }\n\n    // _createTableItems: converts users recieved from the data-action(IBusinessParterUser[]) to tableRows(ITableItemProps[])\n    private _createTableItems(): ITableRowProps[] {\n        const { resources, data: { users } } = this.props;\n        const { businessUserActiveStatusText, businessUserPendingStatusText, businessUserRemovedStatusText } = resources;\n        const usersList = users && users.result;\n\n        if (!usersList || usersList.length === 0) {\n            return [];\n        }\n\n        return usersList.map((user) => {\n            let statusString = '';\n\n            switch (user.StatusValue) {\n                case 0:\n                    statusString = businessUserPendingStatusText;\n                    break;\n                case 1:\n                    statusString = businessUserActiveStatusText;\n                    break;\n                case 2:\n                default:\n                    statusString = businessUserRemovedStatusText;\n            }\n\n            return {\n                row: [\n                    {\n                        id: InputID.FullName,\n                        type: TableDataType.Text,\n                        value: `${user.FirstName} ${user.LastName}`,\n                        user\n                    } as IUserTableItemProps,\n                    {\n                        id: InputID.Email,\n                        type: TableDataType.Text,\n                        value: user.Email || '',\n                        className: `${this.moduleClassName}__padRight`\n                    } as IUserTableItemProps,\n                    {\n                        id: InputID.Status,\n                        type: TableDataType.Text,\n                        value: statusString\n                    } as IUserTableItemProps,\n                    {\n                        id: InputID.SpendingLimit,\n                        type: TableDataType.Price,\n                        value: user.SpendingLimit || 0\n                    } as IUserTableItemProps\n                ],\n                isSelected: false\n            };\n        });\n    }\n\n    // _toggleModal: closes the modal and resets the form states\n    private _toggleModal(): void {\n        this.setState({\n            isModalOpen: false,\n            isFormActive: false,\n            formType: FormType.None\n        });\n    }\n\n    // _handleAddUserButtonClicked: resets input fields, opens the modal, and sets the form states\n    private readonly _handleAddUserButtonClicked = () => {\n        // Reset form\n        const newForm = this.state.formItems;\n        newForm.forEach((input) => {\n            if (input.id === InputID.Email) {\n                // Make sure email input is re enabled (it gets disabled when admin is editing user)\n                input.isDisabled = false;\n            }\n\n            input.value = '';\n        });\n\n        const newUser = { B2BUserId: Random.Guid.generateGuid() } as BusinessPartnerUser;\n\n        this.setState({\n            formItems: newForm,\n            isFormActive: true,\n            formType: FormType.Add,\n            isModalOpen: true,\n            hasFormError: false,\n            hasActionError: false,\n            selectedUserData: newUser\n        });\n    };\n\n    // _handleAddEditFormSaveButton: triggered on the save button for both add/edit forms. Calls the appropriate data-action and reloads the page when successful\n    private readonly _handleAddEditFormSaveButton = async () => {\n        const { context } = this.props;\n        const { formType, formItems } = this.state;\n\n        const updatedUser = this._createBusinessPartner(formItems);\n\n        if (formType === FormType.Edit) {\n            editOrganizationUser(new EditOrganizationUserInput(updatedUser), context.actionContext)\n                .then(() => {\n                    window.location.reload(false);\n                })\n                .catch(error => {\n                    context.telemetry.trace(error);\n                    this.setState({\n                        hasActionError: true\n                    });\n                });\n        } else {\n            addOrganizationUser(new AddOrganizationUserInput(updatedUser), context.actionContext)\n                .then(() => {\n                    window.location.reload(false);\n                })\n                .catch(error => {\n                    context.telemetry.trace(error);\n                    this.setState({\n                        hasActionError: true\n                    });\n                });\n        }\n    };\n\n    // _createBusinessPartner: attempts to convert input values(IUserFormItem) to a new user(BusinessPartnerUser)\n    private readonly _createBusinessPartner = (inputs: IUserFormItem[]): BusinessPartnerUser => {\n        const newUser: BusinessPartnerUser = { ...this.state.selectedUserData! };\n\n        inputs.forEach((input) => {\n            // Deals with input values need need to be converted into numbers\n            if (input.id === InputID.SpendingLimit) {\n                newUser[input.id] = Number.parseFloat(input.value) || 0;\n            } else {\n                newUser[input.id] = input.value;\n            }\n        });\n\n        return newUser;\n    };\n\n    // _handleFormCancelButton: closes the modal when clicking the Cancel button\n    private readonly _handleFormCancelButton = () => {\n        this.setState({\n            isFormActive: false,\n            isModalOpen: false,\n            formType: FormType.None\n        });\n    };\n\n    // _handleEditIcon: converts the table row data(ITableItemProps[]) to input fields(IUserFormItem) and opens the edit form\n    private readonly _handleEditIcon = (userData: ITableItemProps[]) => {\n        // Split full name into first and last\n        const possibleName = userData.find(cell => {\n            return cell.id === 'Name';\n        });\n        const fullName = possibleName && possibleName.value as string || '';\n        const lastSpaceIndex = fullName.lastIndexOf(' ');\n        const firstName = fullName.substring(0, lastSpaceIndex);\n\n        const lastName = fullName.substring(lastSpaceIndex + 1);\n\n        // Create clone of formItems, map users information, update state\n        const { formItems } = this.state;\n        const newForm = formItems;\n\n        newForm.forEach(input => {\n            switch (input.id) {\n                case InputID.FirstName:\n                    input.value = firstName;\n                    break;\n                case InputID.LastName:\n                    input.value = lastName;\n                    break;\n                case InputID.Email: // Email can never be null/undefined as it is a required field\n                    input.isDisabled = true;\n                    const possibleCell = userData.find(cell => {\n                        return input.id === cell.id;\n                    });\n                    input.value = possibleCell && possibleCell.value as string || '';\n                    break;\n                default:\n                    const dataCell = userData.find(cell => {\n                        return input.id === cell.id;\n                    });\n                    input.value = dataCell && dataCell.value as string || '';\n            }\n        });\n\n        this.setState({\n            formItems: newForm,\n            isFormActive: true,\n            formType: FormType.Edit,\n            isModalOpen: true,\n            hasFormError: false,\n            hasActionError: false,\n            selectedUserData: (userData[0] as IUserTableItemProps).user\n        });\n    };\n\n    // _handleDeleteIcon: opens removeUser confirmation window\n    private readonly _handleDeleteIcon = (userData: ITableItemProps[]) => {\n        const newUser: BusinessPartnerUser = { ...(userData[0] as IUserTableItemProps).user };\n\n        const displayedUserData: any = {};\n\n        userData.forEach((cell: ITableItemProps) => {\n            if (cell.id === 'Name') {\n                // Split full name into first and last\n                const fullName = cell.value as string;\n                const lastSpaceIndex = fullName.lastIndexOf(' ');\n                displayedUserData.FirstName = fullName.substring(0, lastSpaceIndex);\n\n                displayedUserData.LastName = fullName.substring(lastSpaceIndex + 1);\n            } else if (cell.type === TableDataType.Price) {\n                displayedUserData[cell.id] = this.props.context.cultureFormatter.formatCurrency(cell.value as string);\n            } else {\n                displayedUserData[cell.id] = cell.value;\n            }\n        });\n\n        this.setState({\n            displayedUserData,\n            selectedUserData: newUser,\n            formType: FormType.Remove,\n            isModalOpen: true,\n            isFormActive: false\n        });\n    };\n\n    // _handleViewDetails: opens user details window\n    private readonly _handleViewDetails = (userData: ITableItemProps[]) => {\n        const newUser: BusinessPartnerUser = { ...(userData[0] as IUserTableItemProps).user };\n\n        const displayedUserData: any = {};\n\n        userData.forEach((cell: ITableItemProps) => {\n            if (cell.id === 'Name') {\n                // Split full name into first and last\n                const fullName = cell.value as string;\n                const lastSpaceIndex = fullName.lastIndexOf(' ');\n                displayedUserData.FirstName = fullName.substring(0, lastSpaceIndex);\n\n                displayedUserData.LastName = fullName.substring(lastSpaceIndex + 1);\n            } else if (cell.type === TableDataType.Price) {\n                displayedUserData[cell.id] = this.props.context.cultureFormatter.formatCurrency(cell.value as string);\n            } else {\n                displayedUserData[cell.id] = cell.value;\n            }\n        });\n\n        this.setState({\n            displayedUserData,\n            selectedUserData: newUser,\n            formType: FormType.View,\n            isModalOpen: true,\n            isFormActive: false\n        });\n    };\n\n    // _handleRemoveUserButton: triggered on confirmation of removing a user.\n    private readonly _handleRemoveUserButton = () => {\n        // TODO\n        const { context } = this.props;\n        const { selectedUserData: deleteUserData } = this.state;\n\n        if (deleteUserData) {\n            deleteOrganizationUser(new DeleteOrganizationUserInput(deleteUserData), context.actionContext)\n                .then(() => {\n                    window.location.reload(false);\n                })\n                .catch((error) => {\n                    context.telemetry.trace(error);\n                });\n        }\n        this.setState({\n            formType: FormType.None,\n            isModalOpen: false\n        });\n    };\n\n    // _renderUserDetails: creates the remove/view form props\n    private _renderUserDetails(): IFormViewProps {\n        const { resources } = this.props;\n        const { formType, displayedUserData } = this.state;\n        const { businessUserRemoveModalHeaderText, businessUserRemoveModalDescription, businessUserViewModalHeaderText,\n            businessUserCancelButtonText, businessUserCancelRemoveUserButtonText, businessUserRemoveUserButtonText, businessUserErrorUpdatingUsersMessage } = resources;\n\n        const formClassName = `${this.moduleClassName}__form`;\n        const typeClassName = formType === FormType.Remove ? 'type-remove' : 'type-view';\n        const handleRemoveButton = (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n            this._handleRemoveUserButton();\n        };\n\n        return {\n            modalClassName: classnames(`${this.moduleClassName}__modal`, typeClassName),\n            FormWrapper: {\n                className: formClassName\n            },\n            modalHeading: formType === FormType.Remove ? businessUserRemoveModalHeaderText : businessUserViewModalHeaderText,\n            modalDescription: formType === FormType.Remove && <p className={`${formClassName}-description`}>\n                {businessUserRemoveModalDescription}\n            </p>,\n            selectedUser: displayedUserData,\n            buttons: [\n                formType === FormType.Remove && <Button key='action-remove' className={`${formClassName}-remove-user-button`} onClick={handleRemoveButton}>\n                    {businessUserRemoveUserButtonText}\n                </Button>,\n                <Button key='action-cancel' className={`${formClassName}-cancel`} onClick={this._handleFormCancelButton}>\n                    {formType === FormType.Remove ? businessUserCancelRemoveUserButtonText : businessUserCancelButtonText}\n                </Button>\n            ],\n            errorMessage: [\n                <FormFieldError\n                    key='fieldIncorrect' id='fieldIncorrect' className={`${formClassName}-error`}\n                    message={businessUserErrorUpdatingUsersMessage} />\n            ],\n            resources\n        };\n    }\n\n    // _renderUserForm: creates the add/edit form props\n    private _renderUserForm(): IFormViewProps {\n        const { resources } = this.props;\n        const { formType, formItems, hasFormError, hasActionError, isReady } = this.state;\n        const { businessUserEditUserFormHeadingText, businessUserAddUserFormHeadingText, businessUserSaveButtonArialabel,\n            businessUserSaveButtonText, businessUserCancelButtonArialabel, businessUserCancelButtonText, businessUserFieldIncorrectErrorText, businessUserActionErrorText, businessUserAllFieldsRequiredMessage } = resources;\n\n        const formClassName = `${this.moduleClassName}__form`;\n        const typeClassName = formType === FormType.Add ? 'type-add' : 'type-edit';\n\n        return {\n            modalClassName: classnames(`${this.moduleClassName}__modal`, typeClassName),\n            FormWrapper: {\n                className: formClassName\n            },\n            modalHeading: formType === FormType.Add ? businessUserAddUserFormHeadingText : businessUserEditUserFormHeadingText,\n            modalDescription: formType === FormType.Add && <p className={`${formClassName}-all-required-msg`}>\n                {businessUserAllFieldsRequiredMessage}\n            </p>,\n            inputs: renderInputSection(formItems, `${formClassName}-item`, this._onInputChange),\n            buttons: [\n                (\n                    <FormButton\n                        key='continue'\n                        id='continue'\n                        className={`${formClassName}-save`}\n                        ariaLabel={businessUserSaveButtonArialabel}\n                        text={businessUserSaveButtonText}\n                        onClick={this._handleAddEditFormSaveButton}\n                        disabled={!isReady}\n                        telemetryContent={this.telemetryContent}\n                    />),\n                (\n                    <FormButton\n                        key='cancel'\n                        id='cancel'\n                        className={`${formClassName}-cancel`}\n                        ariaLabel={businessUserCancelButtonArialabel}\n                        text={businessUserCancelButtonText}\n                        onClick={this._handleFormCancelButton}\n                        telemetryContent={this.telemetryContent}\n                    />)\n            ],\n            errorMessage: [\n                hasFormError && <FormFieldError\n                    key='fieldIncorrect' id='fieldIncorrect' className={this.moduleClassName}\n                    message={businessUserFieldIncorrectErrorText} />,\n                hasActionError && <FormFieldError\n                    key='fieldIncorrect' id='fieldIncorrect' className={this.moduleClassName}\n                    message={businessUserActionErrorText} />\n            ],\n            resources\n        };\n    }\n\n    // _onInputChange: updates the fomrItems state on every input change\n    private readonly _onInputChange = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>): void => {\n        const newForm = this.state.formItems;\n\n        newForm.forEach(item => {\n            if (item.id === event.target.id) {\n                item.value = event.target.value;\n            }\n        });\n\n        // Update state object with latest values and check if form is ready\n        // TODO: remove !refresh\n        this.setState((prev) => ({\n            refresh: !prev.refresh,\n            isReady: this._isFormReady(),\n            formItems: newForm,\n            hasFormError: false,\n            hasActionError: false\n        }));\n    };\n\n    // _isFormReady: checks whether the current values in the input fields are valid for submission, this will also disable/enable the submit button.\n    private readonly _isFormReady = (): boolean => {\n        const { formItems } = this.state;\n\n        for (const formItem of formItems) {\n            // Will return TRUE if:\n            //  - input field is required and EMPTY\n            //  OR\n            //  - pattern provided and value does not match pattern\n            //  OR\n            //  - if spendingLimit input --> make sure value can be parsed into an NUMBER\n            if ((formItem.isRequired && formItem.value.length === 0)) {\n                return false;\n            } else if (formItem.pattern !== undefined && formItem.value.match(formItem.pattern as string) === null) {\n                return false;\n            } else if (formItem.id === InputID.SpendingLimit && formItem.value !== '' && isNaN(Number.parseFloat(formItem.value))) {\n                this.setState({\n                    hasFormError: true\n                });\n                return false;\n            }\n        }\n\n        return true;\n    };\n\n    private readonly _formatPrice = (price: number): string => {\n        return this.props.context.cultureFormatter ? this.props.context.cultureFormatter.formatCurrency(price) : price.toString();\n    };\n\n    private readonly _getCurrentUrl = (reqContext: IRequestContext): URL => {\n        if (MsDyn365.isBrowser) {\n            return new URL(window.location.href);\n        }\n\n        // NOTE: Typing on requestURL is incorrect\n        if (reqContext.url.requestUrl.href) {\n            return new URL(reqContext.url.requestUrl.href);\n        }\n        return new URL(reqContext.url.requestUrl.href);\n\n    };\n\n    private _updateViewport(): void {\n        this._viewport = this._getViewport();\n    }\n\n    private readonly _getViewport = (): GridSize => {\n        const { context } = this.props;\n\n        // Always render in mobile viewport on a mobile device\n        if (context.request && context.request.device && context.request.device.Type === 'Mobile') {\n            return 'xs';\n        }\n\n        if (typeof window !== undefined && window.innerWidth) {\n            const gridSettings = context.request.gridSettings;\n            if (gridSettings) {\n                if (gridSettings.xs && window.innerWidth <= gridSettings.xs.w) {\n                    return 'xs';\n                } else if (gridSettings.sm && window.innerWidth <= gridSettings.sm.w) {\n                    return 'sm';\n                } else if (gridSettings.md && window.innerWidth <= gridSettings.md.w) {\n                    return 'md';\n                } else if (gridSettings.lg && window.innerWidth <= gridSettings.lg.w) {\n                    return 'lg';\n                }\n                return 'xl';\n\n            }\n        }\n\n        return 'xs';\n    };\n\n    private readonly _toggleStatementRequestDropdown = (): void => {\n        this.setState({\n            isStatementRequestAdminDropdownOpen: !this.state.isStatementRequestAdminDropdownOpen\n        });\n    };\n\n    private readonly _updateFromDate = (newFromDate: string) => {\n        this.setState({\n            statementRequestFromDateString: newFromDate\n        });\n    };\n\n    private readonly _updateToDate = (newToDate: string) => {\n        this.setState({\n            statementRequestToDateString: newToDate\n        });\n    };\n\n    private readonly _showRequestStatementModal = (isFullOrg: boolean) => {\n        this.setState({\n            statementRequestFullOrg: isFullOrg,\n            isStatementRequestModalOpen: true\n        });\n    };\n\n    private readonly _requestStatement = () => {\n        const customer = this.props.data.customerInformation.result!;\n        const businessPartnerUsers = this.props.data.users.result!;\n\n        const currentUser = businessPartnerUsers.find(element => element.Email === customer.Email);\n        const B2BUserId = this._getB2BUserId(currentUser);\n\n        const statementRequest: AccountStatementRequest = {\n            FromDate: new Date(this.state.statementRequestFromDateString),\n            ToDate: new Date(this.state.statementRequestToDateString),\n            IsForFullOrganization: this.state.statementRequestFullOrg,\n            RequestedUserId: B2BUserId,\n            RequestingUserEmail: customer.Email,\n            DeliveryTypeValue: BusinessPartnerOperationDeliveryType?.Email || 1\n        };\n\n        const context = { callerContext: this.props.context.actionContext };\n\n        BusinessPartnerUsersDataActions.requestAccountStatementAsync(context, B2BUserId, statementRequest);\n\n        this._closeStatementRequestModal();\n    };\n\n    private readonly _getB2BUserId = (currentUser: BusinessPartnerUser | undefined) => {\n        if (this.state.statementRequestFullOrg || !this.state.selectedUserData) {\n            return currentUser ? currentUser.B2BUserId : '';\n        }\n        return this.state.selectedUserData.B2BUserId;\n\n    };\n\n    private readonly _closeStatementRequestModal = () => {\n        this.setState({\n            isStatementRequestModalOpen: false\n        });\n    };\n\n    private readonly _onSelectRow = (records: ITableRowProps[]) => {\n        const selectedRow = records.find(rowProps => rowProps.isSelected);\n\n        this.setState({\n            selectedUserData: selectedRow ? (selectedRow.row[0] as IUserTableItemProps).user : undefined\n        });\n    };\n}\n\nexport default BusinessOrganizationList;\n"],"sourceRoot":""}